Fix imports for hooks

src/components/EditorCanvas/Note.jsx

@@ -1,16 +1,24 @@
 import { useState } from "react";
-import { Action, ObjectType, noteThemes, Tab, State } from "../../data/constants";
+import {
+  Action,
+  ObjectType,
+  Tab,
+  State,
+  noteThemes,
+} from "../../data/constants";
 import { Input, Button, Popover, Toast } from "@douyinfe/semi-ui";
 import {
   IconEdit,
   IconDeleteStroked,
   IconCheckboxTick,
 } from "@douyinfe/semi-icons";
-import useLayout from "../../hooks/useLayout";
+import {
-import useUndoRedo from "../../hooks/useUndoRedo";
+  useLayout,
-import useSelect from "../../hooks/useSelect";
+  useUndoRedo,
-import useNotes from "../../hooks/useNotes";
+  useSelect,
-import useSaveState from "../../hooks/useSaveState";
+  useNotes,
+  useSaveState,
+} from "../../hooks";
 
 export default function Note({ data, onMouseDown }) {
   const w = 180;

src/components/EditorCanvas/Table.jsx

@@ -32,12 +32,14 @@ import {
   Toast,
 } from "@douyinfe/semi-ui";
 import { getSize, hasCheck, hasPrecision, isSized } from "../../utils/toSQL";
-import useLayout from "../../hooks/useLayout";
+import {
-import useSettings from "../../hooks/useSettings";
+  useLayout,
-import useUndoRedo from "../../hooks/useUndoRedo";
+  useSettings,
-import useTables from "../../hooks/useTables";
+  useUndoRedo,
-import useSelect from "../../hooks/useSelect";
+  useTables,
-import useTypes from "../../hooks/useTypes";
+  useSelect,
+  useTypes,
+} from "../../hooks";
 
 export default function Table(props) {
   const [hoveredField, setHoveredField] = useState(-1);

src/components/EditorHeader/ControlPanel.jsx

@@ -58,12 +58,14 @@ import { db } from "../../data/db";
 import { useLiveQuery } from "dexie-react-hooks";
 import { Parser } from "node-sql-parser";
 import Todo from "./Todo";
-import useLayout from "../../hooks/useLayout";
+import {
-import useSettings from "../../hooks/useSettings";
+  useLayout,
-import useTransform from "../../hooks/useTransform";
+  useSettings,
-import useTables from "../../hooks/useTables";
+  useTransform,
-import useUndoRedo from "../../hooks/useUndoRedo";
+  useTables,
-import useSelect from "../../hooks/useSelect";
+  useUndoRedo,
+  useSelect,
+} from "../../hooks";
 import { enterFullscreen, exitFullscreen } from "../../utils/fullscreen";
 import {
   ddbDiagramIsValid,

src/components/EditorHeader/Todo.jsx

@@ -20,8 +20,7 @@ import {
   IconCaretdown,
 } from "@douyinfe/semi-icons";
 import { State } from "../../data/constants";
-import useTasks from "../../hooks/useTasks";
+import { useTasks, useSaveState } from "../../hooks";
-import useSaveState from "../../hooks/useSaveState";
 
 const Priority = {
   NONE: 0,

src/components/EditorSidePanel/AreasOverview.jsx

@@ -21,9 +21,7 @@ import {
   ObjectType,
   State,
 } from "../../data/constants";
-import useUndoRedo from "../../hooks/useUndoRedo";
+import { useUndoRedo, useAreas, useSaveState } from "../../hooks";
-import useAreas from "../../hooks/useAreas";
-import useSaveState from "../../hooks/useSaveState";
 import Empty from "./Empty";
 
 export default function AreasOverview() {

src/components/EditorSidePanel/Issues.jsx

@@ -2,9 +2,7 @@ import { useState, useEffect } from "react";
 import { Collapse, Badge } from "@douyinfe/semi-ui";
 import { arrayIsEqual } from "../../utils/utils";
 import { getIssues } from "../../utils/issues";
-import useSettings from "../../hooks/useSettings";
+import { useSettings, useTables, useTypes } from "../../hooks";
-import useTables from "../../hooks/useTables";
-import useTypes from "../../hooks/useTypes";
 
 export default function Issues() {
   const { settings } = useSettings();

src/components/EditorSidePanel/NotesOverview.jsx

@@ -17,8 +17,7 @@ import {
   IconCheckboxTick,
 } from "@douyinfe/semi-icons";
 import { noteThemes, Action, ObjectType } from "../../data/constants";
-import useUndoRedo from "../../hooks/useUndoRedo";
+import { useUndoRedo, useNotes } from "../../hooks";
-import useNotes from "../../hooks/useNotes";
 import Empty from "./Empty";
 
 export default function NotesOverview() {

src/components/EditorSidePanel/RelationshipsOverview.jsx

@@ -21,8 +21,7 @@ import {
   Action,
   ObjectType,
 } from "../../data/constants";
-import useTables from "../../hooks/useTables";
+import { useTables, useUndoRedo } from "../../hooks";
-import useUndoRedo from "../../hooks/useUndoRedo";
 import Empty from "./Empty";
 
 export default function RelationshipsOverview() {

src/components/EditorSidePanel/SidePanel.jsx

@@ -6,8 +6,7 @@ import AreasOverview from "./AreasOverview";
 import NotesOverview from "./NotesOverview";
 import TypesOverview from "./TypesOverview";
 import Issues from "./Issues";
-import useLayout from "../../hooks/useLayout";
+import { useLayout, useSelect } from "../../hooks";
-import useSelect from "../../hooks/useSelect";
 
 export default function SidePanel({ width, resize, setResize }) {
   const { layout } = useLayout();

src/components/EditorSidePanel/TablesOverview.jsx

@@ -31,10 +31,7 @@ import {
   IconSearch,
 } from "@douyinfe/semi-icons";
 import { getSize, hasCheck, hasPrecision, isSized } from "../../utils/toSQL";
-import useTables from "../../hooks/useTables";
+import { useTables, useUndoRedo, useSelect, useTypes } from "../../hooks";
-import useUndoRedo from "../../hooks/useUndoRedo";
-import useSelect from "../../hooks/useSelect";
-import useTypes from "../../hooks/useTypes";
 import NoElements from "./Empty";
 
 export default function TablesOverview() {

src/components/EditorSidePanel/TypesOverview.jsx

@@ -23,8 +23,7 @@ import {
   IconMore,
 } from "@douyinfe/semi-icons";
 import { isSized, hasPrecision, getSize } from "../../utils/toSQL";
-import useUndoRedo from "../../hooks/useUndoRedo";
+import { useUndoRedo, useTypes } from "../../hooks";
-import useTypes from "../../hooks/useTypes";
 import NoElements from "./Empty";
 
 export default function TypesOverview() {

src/components/FloatingControls.jsx

@@ -1,6 +1,5 @@
 import { Divider, Tooltip } from "@douyinfe/semi-ui";
-import useTransform from "../hooks/useTransform";
+import { useTransform, useLayout } from "../hooks";
-import useLayout from "../hooks/useLayout";
 import { exitFullscreen } from "../utils/fullscreen";
 
 export default function FloatingControls() {

src/components/Workspace.jsx

@@ -4,17 +4,19 @@ import Canvas from "./EditorCanvas/Canvas";
 import SidePanel from "./EditorSidePanel/SidePanel";
 import { State } from "../data/constants";
 import { db } from "../data/db";
-import useLayout from "../hooks/useLayout";
+import {
-import useSettings from "../hooks/useSettings";
+  useLayout,
-import useTransform from "../hooks/useTransform";
+  useSettings,
-import useTables from "../hooks/useTables";
+  useTransform,
-import useUndoRedo from "../hooks/useUndoRedo";
+  useTables,
+  useUndoRedo,
+  useAreas,
+  useNotes,
+  useTypes,
+  useTasks,
+  useSaveState,
+} from "../hooks/useLayout";
 import FloatingControls from "./FloatingControls";
-import useAreas from "../hooks/useAreas";
-import useNotes from "../hooks/useNotes";
-import useTypes from "../hooks/useTypes";
-import useTasks from "../hooks/useTasks";
-import useSaveState from "../hooks/useSaveState";
 
 export default function WorkSpace() {
   const [id, setId] = useState(0);

src/hooks/index.js

@@ -1,25 +1,11 @@
-import useAreas from "./useAreas";
+export { default as useAreas } from "./useAreas";
-import useLayout from "./useLayout";
+export { default as useLayout } from "./useLayout";
-import useNotes from "./useNotes";
+export { default as useNotes } from "./useNotes";
-import useSaveState from "./useSaveState";
+export { default as useSaveState } from "./useSaveState";
-import useSelect from "./useSelect";
+export { default as useSelect } from "./useSelect";
-import useSettings from "./useSettings";
+export { default as useSettings } from "./useSettings";
-import useTables from "./useTables";
+export { default as useTables } from "./useTables";
-import useTasks from "./useTasks";
+export { default as useTasks } from "./useTasks";
-import useTransform from "./useTransform";
+export { default as useTransform } from "./useTransform";
-import useTypes from "./useTypes";
+export { default as useTypes } from "./useTypes";
-import useUndoRedo from "./useUndoRedo";
+export { default as useUndoRedo } from "./useUndoRedo";
-
-export {
-  useAreas,
-  useLayout,
-  useNotes,
-  useSaveState,
-  useSelect,
-  useSettings,
-  useTables,
-  useTasks,
-  useTransform,
-  useTypes,
-  useUndoRedo,
-};

src/pages/Survey.jsx

@@ -13,14 +13,14 @@ import {
   TextArea,
 } from "@douyinfe/semi-ui";
 import { IconSun, IconMoon } from "@douyinfe/semi-icons";
-import RichEditor from "../components/LexicalEditor/RichEditor";
 import { LexicalComposer } from "@lexical/react/LexicalComposer";
 import { editorConfig } from "../data/editorConfig";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { $generateHtmlFromNodes } from "@lexical/html";
 import { CLEAR_EDITOR_COMMAND } from "lexical";
-import axios from "axios";
 import { Link } from "react-router-dom";
+import RichEditor from "../components/LexicalEditor/RichEditor";
+import axios from "axios";
 
 function SurveyForm({ theme }) {
   const [editor] = useLexicalComposerContext();

src/pages/Templates.jsx

@@ -1,12 +1,12 @@
 import { useEffect } from "react";
-import logo_light from "../assets/logo_light_160.png";
-import template_screenshot from "../assets/template_screenshot.png";
 import { Link } from "react-router-dom";
 import { Tabs, TabPane, Banner, Steps } from "@douyinfe/semi-ui";
 import { IconDeleteStroked } from "@douyinfe/semi-icons";
 import { db } from "../data/db";
 import { useLiveQuery } from "dexie-react-hooks";
 import Thumbnail from "../components/Thumbnail";
+import logo_light from "../assets/logo_light_160.png";
+import template_screenshot from "../assets/template_screenshot.png";
 
 export default function Templates() {
   const defaultTemplates = useLiveQuery(() =>