feat: fix typo

Author: Long Tran (U811370)

packages/json-table-schema-visualizer/src/components/DiagramViewer/DiagramViewer.tsx

@@ -12,7 +12,7 @@ import DiagramWrapper from "./DiagramWrapper";
 
 import TablesPositionsProvider from "@/providers/TablesPositionsProvider";
 import MainProviders from "@/providers/MainProviders";
-import TabelLevelDetailProvider from "@/providers/TableDetailLevelProvider";
+import TableLevelDetailProvider from "@/providers/TableDetailLevelProvider";
 
 interface DiagramViewerProps {
   tables: JSONTableTable[];
@@ -26,7 +26,7 @@ const DiagramViewer = ({ refs, tables, enums }: DiagramViewerProps) => {
   }
 
   return (
-    <TabelLevelDetailProvider>
+    <TableLevelDetailProvider>
       <TablesPositionsProvider tables={tables}>
         <MainProviders tables={tables} enums={enums}>
           <DiagramWrapper>
@@ -36,7 +36,7 @@ const DiagramViewer = ({ refs, tables, enums }: DiagramViewerProps) => {
           </DiagramWrapper>
         </MainProviders>
       </TablesPositionsProvider>
-    </TabelLevelDetailProvider>
+    </TableLevelDetailProvider>
   );
 };
 

packages/json-table-schema-visualizer/src/components/Table.tsx

@@ -24,7 +24,7 @@ import {
 } from "@/hooks/table";
 import { tableCoordsStore } from "@/stores/tableCoords";
 import { useTableDetailLevel } from "@/hooks/tableDetailLevel";
-import { TableDetailLevel } from "@/types/tabelDetailLevel";
+import { TableDetailLevel } from "@/types/tableDetailLevel";
 import { filterByDetailLevel } from "@/utils/filterByDetailLevel";
 
 interface TableProps extends JSONTableTable {}

packages/json-table-schema-visualizer/src/components/Toolbar/DetailLevelToggle/DetailLevelToggle.tsx

@@ -4,7 +4,7 @@ import { useMemo } from "react";
 import ToolbarButton from "../Button";
 
 import { useTableDetailLevel } from "@/hooks/tableDetailLevel";
-import { TableDetailLevel } from "@/types/tabelDetailLevel";
+import { TableDetailLevel } from "@/types/tableDetailLevel";
 
 interface DetailLevelToggleProps {
   onClick: () => void;

packages/json-table-schema-visualizer/src/hooks/relationConnection.ts

@@ -12,7 +12,7 @@ import { computeTableDragEventName } from "@/utils/eventName";
 import eventEmitter from "@/events-emitter";
 import { computeConnectionHandlePos } from "@/utils/computeConnectionHandlePositions";
 import { tableCoordsStore } from "@/stores/tableCoords";
-import { TableDetailLevel } from "@/types/tabelDetailLevel";
+import { TableDetailLevel } from "@/types/tableDetailLevel";
 import { TABLE_HEADER_HEIGHT } from "@/constants/sizing";
 
 interface UseRelationTablesCoordsReturn {

packages/json-table-schema-visualizer/src/hooks/tableDetailLevel.ts

@@ -1,7 +1,7 @@
 import { useContext } from "react";
 
 import { TableDetailLevelContext } from "@/providers/TableDetailLevelProvider";
-import { type TableDetailLevel } from "@/types/tabelDetailLevel";
+import { type TableDetailLevel } from "@/types/tableDetailLevel";
 
 export const useTableDetailLevel = (): {
   detailLevel: TableDetailLevel;

packages/json-table-schema-visualizer/src/providers/TableDetailLevelProvider.tsx

@@ -9,22 +9,22 @@ import {
 import {
   type TableDetailLevelValue,
   TableDetailLevel,
-} from "@/types/tabelDetailLevel";
+} from "@/types/tableDetailLevel";
 import { detailLevelStore } from "@/stores/detailLevelStore";
 
 export const TableDetailLevelContext = createContext<TableDetailLevelValue>({
   detailLevel: TableDetailLevel.FullDetails,
   next() {},
 });
 
-interface TabelLevelDetailProviderProps {
+interface TableLevelDetailProviderProps {
   children: ReactNode;
   level?: TableDetailLevel;
 }
 
-const TabelLevelDetailProvider = ({
+const TableLevelDetailProvider = ({
   children,
-}: TabelLevelDetailProviderProps) => {
+}: TableLevelDetailProviderProps) => {
   const [state, setState] = useState(detailLevelStore.getCurrentDetailLevel());
   useEffect(() => {
     if (state !== detailLevelStore.getCurrentDetailLevel()) {
@@ -48,4 +48,4 @@ const TabelLevelDetailProvider = ({
   );
 };
 
-export default TabelLevelDetailProvider;
+export default TableLevelDetailProvider;

packages/json-table-schema-visualizer/src/stores/detailLevelStore.ts

@@ -1,7 +1,7 @@
 import { PersistableStore } from "./PersitableStore";
 
 import { AppLocalStorage } from "@/storages/local";
-import { TableDetailLevel } from "@/types/tabelDetailLevel";
+import { TableDetailLevel } from "@/types/tableDetailLevel";
 
 class DetailLevelStore extends PersistableStore<TableDetailLevel> {
   private detailLevel: TableDetailLevel = TableDetailLevel.FullDetails;

packages/json-table-schema-visualizer/src/types/tabelDetailLevel.ts renamed to packages/json-table-schema-visualizer/src/types/tableDetailLevel.ts

@@ -3,7 +3,7 @@ import { filterByDetailLevel } from "./filterByDetailLevel";
 import type { ColsIndexesMap } from "@/types//tablesInfoProviderValue";
 import type { JSONTableTable } from "shared/types/tableSchema";
 
-import { TableDetailLevel } from "@/types/tabelDetailLevel";
+import { TableDetailLevel } from "@/types/tableDetailLevel";
 
 export const computeColIndexes = (
   tables: JSONTableTable[],

packages/json-table-schema-visualizer/src/utils/computeColIndexes.ts

@@ -1,6 +1,6 @@
 import { type JSONTableField } from "shared/types/tableSchema";
 
-import { TableDetailLevel } from "@/types/tabelDetailLevel";
+import { TableDetailLevel } from "@/types/tableDetailLevel";
 
 export function filterByDetailLevel(
   fields: JSONTableField[],