2282 Rename components to use the new naming convention part 1 (#2293)

renaming in progress

front/src/modules/ui/object/field/hooks/useToggleEditOnlyInput.ts

@@ -0,0 +1,48 @@
+import { useContext } from 'react';
+import { useRecoilCallback } from 'recoil';
+
+import { FieldContext } from '../contexts/FieldContext';
+import { entityFieldsFamilySelector } from '../states/selectors/entityFieldsFamilySelector';
+import { isFieldBoolean } from '../types/guards/isFieldBoolean';
+
+export const useToggleEditOnlyInput = () => {
+  const { entityId, fieldDefinition, useUpdateEntityMutation } =
+    useContext(FieldContext);
+
+  const [updateEntity] = useUpdateEntityMutation();
+
+  const toggleField = useRecoilCallback(
+    ({ set, snapshot }) =>
+      () => {
+        const fieldIsBoolean = isFieldBoolean(fieldDefinition);
+
+        if (fieldIsBoolean) {
+          const fieldName = fieldDefinition.metadata.fieldName;
+          const oldValue = snapshot
+            .getLoadable(entityFieldsFamilySelector({ entityId, fieldName }))
+            .valueOrThrow();
+          const valueToPersist = !oldValue;
+          set(
+            entityFieldsFamilySelector({ entityId, fieldName }),
+            valueToPersist,
+          );
+
+          updateEntity({
+            variables: {
+              where: { id: entityId },
+              data: {
+                [fieldName]: valueToPersist,
+              },
+            },
+          });
+        } else {
+          throw new Error(
+            `Invalid value to toggle for type : ${fieldDefinition.type}, type may not be implemented in useToggleEditOnlyInput.`,
+          );
+        }
+      },
+    [entityId, fieldDefinition, updateEntity],
+  );
+
+  return toggleField;
+};