Renamed editable field to inline cell in ui folder (#1845)

* renamed editable field to inline cell in ui folder

* renamed table to table-cell in ui folder

front/src/modules/ui/table/table-cell/hooks/useCurrentTableCellEditMode.ts

@@ -0,0 +1,26 @@
+import { useCallback } from 'react';
+import { useRecoilState } from 'recoil';
+
+import { useMoveEditModeToTableCellPosition } from '../../hooks/useMoveEditModeToCellPosition';
+import { isTableCellInEditModeFamilyState } from '../../states/isTableCellInEditModeFamilyState';
+
+import { useCurrentTableCellPosition } from './useCurrentCellPosition';
+
+export const useCurrentTableCellEditMode = () => {
+  const moveEditModeToTableCellPosition = useMoveEditModeToTableCellPosition();
+
+  const currentTableCellPosition = useCurrentTableCellPosition();
+
+  const [isCurrentTableCellInEditMode] = useRecoilState(
+    isTableCellInEditModeFamilyState(currentTableCellPosition),
+  );
+
+  const setCurrentTableCellInEditMode = useCallback(() => {
+    moveEditModeToTableCellPosition(currentTableCellPosition);
+  }, [currentTableCellPosition, moveEditModeToTableCellPosition]);
+
+  return {
+    isCurrentTableCellInEditMode,
+    setCurrentTableCellInEditMode,
+  };
+};