@judo/components 0.1.1 → 0.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@judo/components",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "",
   "main": "./dist/cjs/components.cjs",
   "module": "./dist/esm/components.mjs",
@@ -42,13 +42,13 @@
     "url": "https://github.com/BlackBeltTechnology/judo-web-toolbox/issues"
   },
   "devDependencies": {
-    "@judo/components-api": "^0.1.1",
-    "@judo/data-api-common": "^0.1.1",
-    "@judo/utilities": "^0.1.1"
+    "@judo/components-api": "^0.1.2",
+    "@judo/data-api-common": "^0.1.2",
+    "@judo/utilities": "^0.1.2"
   },
   "peerDependencies": {
-    "@judo/theme": "^0.1.0",
-    "@judo/utilities": "^0.1.0",
+    "@judo/theme": "^0.1.1",
+    "@judo/utilities": "^0.1.1",
     "@mdi/js": "^6.7.96",
     "@mdi/react": "^1.6.0",
     "@mui/icons-material": "^5.6.2",
@@ -59,5 +59,5 @@
     "react": "^18.1.0",
     "react-router-dom": "^6.3.0"
   },
-  "gitHead": "50597933c6eea1fca6eabe8c72e45869e7ca81f6"
+  "gitHead": "d1035fe597d84bf6b73d93264486b5f11c0f11d3"
 }

package/src/dialog/{DialogContext.tsx → DialogProvider.tsx}

@@ -1,4 +1,4 @@
-import { createContext, useContext, useState } from 'react';
+import { useState } from 'react';
 import type { ReactNode } from 'react';
 import { ConfirmationDialog } from './ConfirmationDialog';
 import { FilterDialog } from './FilterDialog';
@@ -14,60 +14,14 @@ import type {
 } from '@judo/components-api';
 import type { Filter, FilterOption } from '@judo/components-api';
 import type { JudoStored, QueryCustomizer } from '@judo/data-api-common';
-
-// @ts-ignore
-const PageDialogContextState = createContext<PageDialogProviderContext>();
-
-// @ts-ignore
-const ConfirmDialogContextState = createContext<ConfirmDialogProviderContext>();
-
-// @ts-ignore
-const RangeDialogContextState = createContext<RangeDialogProviderContext>();
-
-// @ts-ignore
-const FilterDialogContextState = createContext<FilterDialogProviderContext>();
-
-const usePageDialog = () => {
-  const context = useContext(PageDialogContextState);
-
-  if (context === undefined) {
-    throw new Error('useConfirmDialog was used outside of its Provider');
-  }
-
-  return context;
-};
-
-const useConfirmDialog = () => {
-  const context = useContext(ConfirmDialogContextState);
-
-  if (context === undefined) {
-    throw new Error('useConfirmDialog was used outside of its Provider');
-  }
-
-  return context;
-};
-
-const useRangeDialog = () => {
-  const context = useContext(RangeDialogContextState);
-
-  if (context === undefined) {
-    throw new Error('useRangeDialog was used outside of its Provider');
-  }
-
-  return context;
-};
-
-const useFilterDialog = () => {
-  const context = useContext(FilterDialogContextState);
-
-  if (context === undefined) {
-    throw new Error('useFilterDialog was used outside of its Provider');
-  }
-
-  return context;
-};
-
-const DialogProvider = ({ children }: DialogProviderProps) => {
+import {
+  ConfirmDialogContextState,
+  FilterDialogContextState,
+  PageDialogContextState,
+  RangeDialogContextState,
+} from './hooks';
+
+export const DialogProvider = ({ children }: DialogProviderProps) => {
   // Page Dialog
   const [isOpenPageDialog, setIsOpenPageDialog] = useState(false);
   const [pageDialog, setPageDialog] = useState<ReactNode>();
@@ -202,5 +156,3 @@ const DialogProvider = ({ children }: DialogProviderProps) => {
     </PageDialogContextState.Provider>
   );
 };
-
-export { DialogProvider, useConfirmDialog, useRangeDialog, useFilterDialog, usePageDialog };

package/src/dialog/RangeDialog.tsx

@@ -16,7 +16,7 @@ import type { JudoStored, QueryCustomizer } from '@judo/data-api-common';
 import type { Filter, FilterOption } from '@judo/components-api';
 import { errorHandling } from '@judo/utilities';
 import { CustomTablePagination } from '../CustomTablePagination';
-import { useFilterDialog } from './DialogContext';
+import { useFilterDialog } from './hooks';
 
 interface RangeDialogProps<T extends JudoStored<T>, U extends QueryCustomizer<T>> {
   resolve: (value: any) => void;

package/src/dialog/hooks.tsx

@@ -0,0 +1,59 @@
+import { createContext, useContext } from 'react';
+import {
+  ConfirmDialogProviderContext,
+  FilterDialogProviderContext,
+  PageDialogProviderContext,
+  RangeDialogProviderContext,
+} from '@judo/components-api';
+
+// @ts-ignore
+export const PageDialogContextState = createContext<PageDialogProviderContext>();
+
+// @ts-ignore
+export const ConfirmDialogContextState = createContext<ConfirmDialogProviderContext>();
+
+// @ts-ignore
+export const RangeDialogContextState = createContext<RangeDialogProviderContext>();
+
+// @ts-ignore
+export const FilterDialogContextState = createContext<FilterDialogProviderContext>();
+
+export const useFilterDialog = () => {
+  const context = useContext(FilterDialogContextState);
+
+  if (context === undefined) {
+    throw new Error('useFilterDialog was used outside of its Provider');
+  }
+
+  return context;
+};
+
+const usePageDialog = () => {
+  const context = useContext(PageDialogContextState);
+
+  if (context === undefined) {
+    throw new Error('useConfirmDialog was used outside of its Provider');
+  }
+
+  return context;
+};
+
+const useConfirmDialog = () => {
+  const context = useContext(ConfirmDialogContextState);
+
+  if (context === undefined) {
+    throw new Error('useConfirmDialog was used outside of its Provider');
+  }
+
+  return context;
+};
+
+const useRangeDialog = () => {
+  const context = useContext(RangeDialogContextState);
+
+  if (context === undefined) {
+    throw new Error('useRangeDialog was used outside of its Provider');
+  }
+
+  return context;
+};

package/src/dialog/index.tsx

@@ -1,5 +1,5 @@
 export * from './ConfirmationDialog';
-export * from './DialogContext';
+export * from './DialogProvider';
 export * from './FilterDialog';
 export * from './PageDialog';
 export * from './RangeDialog';