@vuu-ui/vuu-popups 0.8.58 → 0.8.60

package/cjs/dialog/useDialog.js

@@ -1,30 +1,57 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
 var React = require('react');
-var Dialog = require('./Dialog.js');
 
 const useDialog = () => {
   const [dialogState, setDialogState] = React.useState();
-  const handleClose = React.useCallback(() => {
+  const closeDialog = React.useCallback(() => {
     setDialogState(void 0);
   }, []);
-  const dialog = dialogState ? /* @__PURE__ */ jsxRuntime.jsx(
-    Dialog.Dialog,
-    {
-      className: "vuDialog",
-      isOpen: true,
-      onClose: handleClose,
-      title: dialogState.title,
-      hideCloseButton: dialogState.hideCloseButton,
-      children: dialogState.content
-    }
-  ) : null;
+  const handleOpenChange = React.useCallback(
+    (open) => {
+      if (open !== true) {
+        closeDialog();
+      }
+    },
+    [closeDialog]
+  );
+  const dialog = dialogState ? /* @__PURE__ */ jsxRuntime.jsxs(core.Dialog, { className: "vuuDialog", open: true, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(core.DialogHeader, { header: dialogState.title }),
+    /* @__PURE__ */ jsxRuntime.jsx(core.DialogContent, { children: dialogState.content }),
+    dialogState.hideCloseButton !== true ? /* @__PURE__ */ jsxRuntime.jsx(core.DialogCloseButton, { onClick: closeDialog }) : null
+  ] }) : null;
   return {
     dialog,
     setDialogState
   };
 };
+const defaultShowDialog = () => {
+  console.warn("No DialogProvider in place");
+};
+const DialogContext = React.createContext({
+  showDialog: defaultShowDialog
+});
+const DialogProvider = ({ children }) => {
+  const { dialog, setDialogState } = useDialog();
+  const showDialog = (dialogContent, title) => {
+    setDialogState({
+      content: dialogContent,
+      title
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(DialogContext.Provider, { value: { showDialog }, children: [
+    children,
+    dialog
+  ] });
+};
+const useShowDialog = () => {
+  const { showDialog } = React.useContext(DialogContext);
+  return showDialog;
+};
 
+exports.DialogProvider = DialogProvider;
 exports.useDialog = useDialog;
+exports.useShowDialog = useShowDialog;
 //# sourceMappingURL=useDialog.js.map

package/cjs/dialog/useDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDialog.js","sources":["../../src/dialog/useDialog.tsx"],"sourcesContent":["import { ReactElement, useCallback, useState } from \"react\";\nimport { Dialog } from \"./Dialog\";\n\nexport type DialogState = {\n  content: ReactElement;\n  title: string;\n  hideCloseButton?: boolean;\n};\n\nexport type SetDialog = (dialogState?: DialogState) => void;\n\nexport const useDialog = () => {\n  const [dialogState, setDialogState] = useState<DialogState>();\n\n  const handleClose = useCallback(() => {\n    setDialogState(undefined);\n  }, []);\n\n  const dialog = dialogState ? (\n    <Dialog\n      className=\"vuDialog\"\n      isOpen={true}\n      onClose={handleClose}\n      title={dialogState.title}\n      hideCloseButton={dialogState.hideCloseButton}\n    >\n      {dialogState.content}\n    </Dialog>\n  ) : null;\n\n  return {\n    dialog,\n    setDialogState,\n  };\n};\n"],"names":["useState","useCallback","jsx","Dialog"],"mappings":";;;;;;AAWO,MAAM,YAAY,MAAM;AAC7B,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,cAAsB,EAAA,CAAA;AAE5D,EAAM,MAAA,WAAA,GAAcC,kBAAY,MAAM;AACpC,IAAA,cAAA,CAAe,KAAS,CAAA,CAAA,CAAA;AAAA,GAC1B,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,MAAM,SAAS,WACb,mBAAAC,cAAA;AAAA,IAACC,aAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,UAAA;AAAA,MACV,MAAQ,EAAA,IAAA;AAAA,MACR,OAAS,EAAA,WAAA;AAAA,MACT,OAAO,WAAY,CAAA,KAAA;AAAA,MACnB,iBAAiB,WAAY,CAAA,eAAA;AAAA,MAE5B,QAAY,EAAA,WAAA,CAAA,OAAA;AAAA,KAAA;AAAA,GAEb,GAAA,IAAA,CAAA;AAEJ,EAAO,OAAA;AAAA,IACL,MAAA;AAAA,IACA,cAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"useDialog.js","sources":["../../src/dialog/useDialog.tsx"],"sourcesContent":["import {\n  Dialog,\n  DialogCloseButton,\n  DialogContent,\n  DialogHeader,\n} from \"@salt-ds/core\";\nimport {\n  createContext,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useContext,\n  useState,\n} from \"react\";\n\nexport type DialogState = {\n  content: ReactElement;\n  title: string;\n  hideCloseButton?: boolean;\n};\n\nexport type SetDialog = (dialogState?: DialogState) => void;\n\nexport interface DialogContextProps {\n  showDialog: (dialogContent: ReactElement, title: string) => void;\n}\n\nexport const useDialog = () => {\n  const [dialogState, setDialogState] = useState<DialogState>();\n\n  const closeDialog = useCallback(() => {\n    setDialogState(undefined);\n  }, []);\n\n  const handleOpenChange = useCallback(\n    (open?: boolean) => {\n      if (open !== true) {\n        closeDialog();\n      }\n    },\n    [closeDialog]\n  );\n\n  const dialog = dialogState ? (\n    <Dialog className=\"vuuDialog\" open={true} onOpenChange={handleOpenChange}>\n      <DialogHeader header={dialogState.title} />\n      <DialogContent>{dialogState.content}</DialogContent>\n      {dialogState.hideCloseButton !== true ? (\n        <DialogCloseButton onClick={closeDialog} />\n      ) : null}\n    </Dialog>\n  ) : null;\n\n  return {\n    dialog,\n    setDialogState,\n  };\n};\n\nconst defaultShowDialog = () => {\n  console.warn(\"No DialogProvider in place\");\n};\n\nconst DialogContext = createContext<DialogContextProps>({\n  showDialog: defaultShowDialog,\n});\n\nexport const DialogProvider = ({ children }: { children: ReactNode }) => {\n  const { dialog, setDialogState } = useDialog();\n  const showDialog = (dialogContent: ReactElement, title: string) => {\n    setDialogState({\n      content: dialogContent,\n      title,\n    });\n  };\n  return (\n    <DialogContext.Provider value={{ showDialog }}>\n      {children}\n      {dialog}\n    </DialogContext.Provider>\n  );\n};\n\nexport const useShowDialog = () => {\n  const { showDialog } = useContext(DialogContext);\n  return showDialog;\n};\n"],"names":["useState","useCallback","jsxs","Dialog","jsx","DialogHeader","DialogContent","DialogCloseButton","createContext","useContext"],"mappings":";;;;;;AA2BO,MAAM,YAAY,MAAM;AAC7B,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,cAAsB,EAAA,CAAA;AAE5D,EAAM,MAAA,WAAA,GAAcC,kBAAY,MAAM;AACpC,IAAA,cAAA,CAAe,KAAS,CAAA,CAAA,CAAA;AAAA,GAC1B,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,MAAM,gBAAmB,GAAAA,iBAAA;AAAA,IACvB,CAAC,IAAmB,KAAA;AAClB,MAAA,IAAI,SAAS,IAAM,EAAA;AACjB,QAAY,WAAA,EAAA,CAAA;AAAA,OACd;AAAA,KACF;AAAA,IACA,CAAC,WAAW,CAAA;AAAA,GACd,CAAA;AAEA,EAAM,MAAA,MAAA,GAAS,8BACZC,eAAA,CAAAC,WAAA,EAAA,EAAO,WAAU,WAAY,EAAA,IAAA,EAAM,IAAM,EAAA,YAAA,EAAc,gBACtD,EAAA,QAAA,EAAA;AAAA,oBAACC,cAAA,CAAAC,iBAAA,EAAA,EAAa,MAAQ,EAAA,WAAA,CAAY,KAAO,EAAA,CAAA;AAAA,oBACzCD,cAAA,CAACE,kBAAe,EAAA,EAAA,QAAA,EAAA,WAAA,CAAY,OAAQ,EAAA,CAAA;AAAA,IACnC,YAAY,eAAoB,KAAA,IAAA,kCAC9BC,sBAAkB,EAAA,EAAA,OAAA,EAAS,aAAa,CACvC,GAAA,IAAA;AAAA,GAAA,EACN,CACE,GAAA,IAAA,CAAA;AAEJ,EAAO,OAAA;AAAA,IACL,MAAA;AAAA,IACA,cAAA;AAAA,GACF,CAAA;AACF,EAAA;AAEA,MAAM,oBAAoB,MAAM;AAC9B,EAAA,OAAA,CAAQ,KAAK,4BAA4B,CAAA,CAAA;AAC3C,CAAA,CAAA;AAEA,MAAM,gBAAgBC,mBAAkC,CAAA;AAAA,EACtD,UAAY,EAAA,iBAAA;AACd,CAAC,CAAA,CAAA;AAEM,MAAM,cAAiB,GAAA,CAAC,EAAE,QAAA,EAAwC,KAAA;AACvE,EAAA,MAAM,EAAE,MAAA,EAAQ,cAAe,EAAA,GAAI,SAAU,EAAA,CAAA;AAC7C,EAAM,MAAA,UAAA,GAAa,CAAC,aAAA,EAA6B,KAAkB,KAAA;AACjE,IAAe,cAAA,CAAA;AAAA,MACb,OAAS,EAAA,aAAA;AAAA,MACT,KAAA;AAAA,KACD,CAAA,CAAA;AAAA,GACH,CAAA;AACA,EAAA,uCACG,aAAc,CAAA,QAAA,EAAd,EAAuB,KAAO,EAAA,EAAE,YAC9B,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,MAAA;AAAA,GACH,EAAA,CAAA,CAAA;AAEJ,EAAA;AAEO,MAAM,gBAAgB,MAAM;AACjC,EAAA,MAAM,EAAE,UAAA,EAAe,GAAAC,gBAAA,CAAW,aAAa,CAAA,CAAA;AAC/C,EAAO,OAAA,UAAA,CAAA;AACT;;;;;;"}

package/cjs/index.js

@@ -22,7 +22,9 @@ var ToastNotification = require('./notifications/ToastNotification.js');
 
 
 exports.Dialog = Dialog.Dialog;
+exports.DialogProvider = useDialog.DialogProvider;
 exports.useDialog = useDialog.useDialog;
+exports.useShowDialog = useDialog.useShowDialog;
 exports.DialogHeader = DialogHeader.DialogHeader;
 exports.ContextMenu = ContextMenu.ContextMenu;
 exports.MenuItem = MenuList.MenuItem;

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/dialog/useDialog.js

@@ -1,28 +1,53 @@
-import { jsx } from 'react/jsx-runtime';
-import { useState, useCallback } from 'react';
-import { Dialog } from './Dialog.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Dialog, DialogHeader, DialogContent, DialogCloseButton } from '@salt-ds/core';
+import { createContext, useState, useCallback, useContext } from 'react';
 
 const useDialog = () => {
   const [dialogState, setDialogState] = useState();
-  const handleClose = useCallback(() => {
+  const closeDialog = useCallback(() => {
     setDialogState(void 0);
   }, []);
-  const dialog = dialogState ? /* @__PURE__ */ jsx(
-    Dialog,
-    {
-      className: "vuDialog",
-      isOpen: true,
-      onClose: handleClose,
-      title: dialogState.title,
-      hideCloseButton: dialogState.hideCloseButton,
-      children: dialogState.content
-    }
-  ) : null;
+  const handleOpenChange = useCallback(
+    (open) => {
+      if (open !== true) {
+        closeDialog();
+      }
+    },
+    [closeDialog]
+  );
+  const dialog = dialogState ? /* @__PURE__ */ jsxs(Dialog, { className: "vuuDialog", open: true, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx(DialogHeader, { header: dialogState.title }),
+    /* @__PURE__ */ jsx(DialogContent, { children: dialogState.content }),
+    dialogState.hideCloseButton !== true ? /* @__PURE__ */ jsx(DialogCloseButton, { onClick: closeDialog }) : null
+  ] }) : null;
   return {
     dialog,
     setDialogState
   };
 };
+const defaultShowDialog = () => {
+  console.warn("No DialogProvider in place");
+};
+const DialogContext = createContext({
+  showDialog: defaultShowDialog
+});
+const DialogProvider = ({ children }) => {
+  const { dialog, setDialogState } = useDialog();
+  const showDialog = (dialogContent, title) => {
+    setDialogState({
+      content: dialogContent,
+      title
+    });
+  };
+  return /* @__PURE__ */ jsxs(DialogContext.Provider, { value: { showDialog }, children: [
+    children,
+    dialog
+  ] });
+};
+const useShowDialog = () => {
+  const { showDialog } = useContext(DialogContext);
+  return showDialog;
+};
 
-export { useDialog };
+export { DialogProvider, useDialog, useShowDialog };
 //# sourceMappingURL=useDialog.js.map

package/esm/dialog/useDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDialog.js","sources":["../../src/dialog/useDialog.tsx"],"sourcesContent":["import { ReactElement, useCallback, useState } from \"react\";\nimport { Dialog } from \"./Dialog\";\n\nexport type DialogState = {\n  content: ReactElement;\n  title: string;\n  hideCloseButton?: boolean;\n};\n\nexport type SetDialog = (dialogState?: DialogState) => void;\n\nexport const useDialog = () => {\n  const [dialogState, setDialogState] = useState<DialogState>();\n\n  const handleClose = useCallback(() => {\n    setDialogState(undefined);\n  }, []);\n\n  const dialog = dialogState ? (\n    <Dialog\n      className=\"vuDialog\"\n      isOpen={true}\n      onClose={handleClose}\n      title={dialogState.title}\n      hideCloseButton={dialogState.hideCloseButton}\n    >\n      {dialogState.content}\n    </Dialog>\n  ) : null;\n\n  return {\n    dialog,\n    setDialogState,\n  };\n};\n"],"names":[],"mappings":";;;;AAWO,MAAM,YAAY,MAAM;AAC7B,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,QAAsB,EAAA,CAAA;AAE5D,EAAM,MAAA,WAAA,GAAc,YAAY,MAAM;AACpC,IAAA,cAAA,CAAe,KAAS,CAAA,CAAA,CAAA;AAAA,GAC1B,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,MAAM,SAAS,WACb,mBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,UAAA;AAAA,MACV,MAAQ,EAAA,IAAA;AAAA,MACR,OAAS,EAAA,WAAA;AAAA,MACT,OAAO,WAAY,CAAA,KAAA;AAAA,MACnB,iBAAiB,WAAY,CAAA,eAAA;AAAA,MAE5B,QAAY,EAAA,WAAA,CAAA,OAAA;AAAA,KAAA;AAAA,GAEb,GAAA,IAAA,CAAA;AAEJ,EAAO,OAAA;AAAA,IACL,MAAA;AAAA,IACA,cAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"useDialog.js","sources":["../../src/dialog/useDialog.tsx"],"sourcesContent":["import {\n  Dialog,\n  DialogCloseButton,\n  DialogContent,\n  DialogHeader,\n} from \"@salt-ds/core\";\nimport {\n  createContext,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useContext,\n  useState,\n} from \"react\";\n\nexport type DialogState = {\n  content: ReactElement;\n  title: string;\n  hideCloseButton?: boolean;\n};\n\nexport type SetDialog = (dialogState?: DialogState) => void;\n\nexport interface DialogContextProps {\n  showDialog: (dialogContent: ReactElement, title: string) => void;\n}\n\nexport const useDialog = () => {\n  const [dialogState, setDialogState] = useState<DialogState>();\n\n  const closeDialog = useCallback(() => {\n    setDialogState(undefined);\n  }, []);\n\n  const handleOpenChange = useCallback(\n    (open?: boolean) => {\n      if (open !== true) {\n        closeDialog();\n      }\n    },\n    [closeDialog]\n  );\n\n  const dialog = dialogState ? (\n    <Dialog className=\"vuuDialog\" open={true} onOpenChange={handleOpenChange}>\n      <DialogHeader header={dialogState.title} />\n      <DialogContent>{dialogState.content}</DialogContent>\n      {dialogState.hideCloseButton !== true ? (\n        <DialogCloseButton onClick={closeDialog} />\n      ) : null}\n    </Dialog>\n  ) : null;\n\n  return {\n    dialog,\n    setDialogState,\n  };\n};\n\nconst defaultShowDialog = () => {\n  console.warn(\"No DialogProvider in place\");\n};\n\nconst DialogContext = createContext<DialogContextProps>({\n  showDialog: defaultShowDialog,\n});\n\nexport const DialogProvider = ({ children }: { children: ReactNode }) => {\n  const { dialog, setDialogState } = useDialog();\n  const showDialog = (dialogContent: ReactElement, title: string) => {\n    setDialogState({\n      content: dialogContent,\n      title,\n    });\n  };\n  return (\n    <DialogContext.Provider value={{ showDialog }}>\n      {children}\n      {dialog}\n    </DialogContext.Provider>\n  );\n};\n\nexport const useShowDialog = () => {\n  const { showDialog } = useContext(DialogContext);\n  return showDialog;\n};\n"],"names":[],"mappings":";;;;AA2BO,MAAM,YAAY,MAAM;AAC7B,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,QAAsB,EAAA,CAAA;AAE5D,EAAM,MAAA,WAAA,GAAc,YAAY,MAAM;AACpC,IAAA,cAAA,CAAe,KAAS,CAAA,CAAA,CAAA;AAAA,GAC1B,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,MAAM,gBAAmB,GAAA,WAAA;AAAA,IACvB,CAAC,IAAmB,KAAA;AAClB,MAAA,IAAI,SAAS,IAAM,EAAA;AACjB,QAAY,WAAA,EAAA,CAAA;AAAA,OACd;AAAA,KACF;AAAA,IACA,CAAC,WAAW,CAAA;AAAA,GACd,CAAA;AAEA,EAAM,MAAA,MAAA,GAAS,8BACZ,IAAA,CAAA,MAAA,EAAA,EAAO,WAAU,WAAY,EAAA,IAAA,EAAM,IAAM,EAAA,YAAA,EAAc,gBACtD,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,YAAA,EAAA,EAAa,MAAQ,EAAA,WAAA,CAAY,KAAO,EAAA,CAAA;AAAA,oBACzC,GAAA,CAAC,aAAe,EAAA,EAAA,QAAA,EAAA,WAAA,CAAY,OAAQ,EAAA,CAAA;AAAA,IACnC,YAAY,eAAoB,KAAA,IAAA,uBAC9B,iBAAkB,EAAA,EAAA,OAAA,EAAS,aAAa,CACvC,GAAA,IAAA;AAAA,GAAA,EACN,CACE,GAAA,IAAA,CAAA;AAEJ,EAAO,OAAA;AAAA,IACL,MAAA;AAAA,IACA,cAAA;AAAA,GACF,CAAA;AACF,EAAA;AAEA,MAAM,oBAAoB,MAAM;AAC9B,EAAA,OAAA,CAAQ,KAAK,4BAA4B,CAAA,CAAA;AAC3C,CAAA,CAAA;AAEA,MAAM,gBAAgB,aAAkC,CAAA;AAAA,EACtD,UAAY,EAAA,iBAAA;AACd,CAAC,CAAA,CAAA;AAEM,MAAM,cAAiB,GAAA,CAAC,EAAE,QAAA,EAAwC,KAAA;AACvE,EAAA,MAAM,EAAE,MAAA,EAAQ,cAAe,EAAA,GAAI,SAAU,EAAA,CAAA;AAC7C,EAAM,MAAA,UAAA,GAAa,CAAC,aAAA,EAA6B,KAAkB,KAAA;AACjE,IAAe,cAAA,CAAA;AAAA,MACb,OAAS,EAAA,aAAA;AAAA,MACT,KAAA;AAAA,KACD,CAAA,CAAA;AAAA,GACH,CAAA;AACA,EAAA,4BACG,aAAc,CAAA,QAAA,EAAd,EAAuB,KAAO,EAAA,EAAE,YAC9B,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,MAAA;AAAA,GACH,EAAA,CAAA,CAAA;AAEJ,EAAA;AAEO,MAAM,gBAAgB,MAAM;AACjC,EAAA,MAAM,EAAE,UAAA,EAAe,GAAA,UAAA,CAAW,aAAa,CAAA,CAAA;AAC/C,EAAO,OAAA,UAAA,CAAA;AACT;;;;"}

package/esm/index.js

@@ -1,5 +1,5 @@
 export { Dialog } from './dialog/Dialog.js';
-export { useDialog } from './dialog/useDialog.js';
+export { DialogProvider, useDialog, useShowDialog } from './dialog/useDialog.js';
 export { DialogHeader } from './dialog-header/DialogHeader.js';
 export { ContextMenu } from './menu/ContextMenu.js';
 export { MenuItem, MenuItemGroup, MenuList, Separator, isMenuItemGroup, isMenuItemLabel } from './menu/MenuList.js';

package/package.json

@@ -1,16 +1,16 @@
 {
-  "version": "0.8.58",
+  "version": "0.8.60",
   "description": "VUU popup components - Context Menu, Dialog etc",
   "author": "heswell",
   "license": "Apache-2.0",
   "dependencies": {
-    "@salt-ds/core": "1.22.0",
+    "@salt-ds/core": "1.27.1",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
-    "@vuu-ui/vuu-data-types": "0.8.58",
-    "@vuu-ui/vuu-layout": "0.8.58",
-    "@vuu-ui/vuu-utils": "0.8.58",
-    "@vuu-ui/vuu-ui-controls": "0.8.58"
+    "@vuu-ui/vuu-data-types": "0.8.60",
+    "@vuu-ui/vuu-layout": "0.8.60",
+    "@vuu-ui/vuu-utils": "0.8.60",
+    "@vuu-ui/vuu-ui-controls": "0.8.60"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",

package/types/dialog/useDialog.d.ts

@@ -1,11 +1,18 @@
-import { ReactElement } from "react";
+import { ReactElement, ReactNode } from "react";
 export type DialogState = {
     content: ReactElement;
     title: string;
     hideCloseButton?: boolean;
 };
 export type SetDialog = (dialogState?: DialogState) => void;
+export interface DialogContextProps {
+    showDialog: (dialogContent: ReactElement, title: string) => void;
+}
 export declare const useDialog: () => {
     dialog: JSX.Element | null;
     setDialogState: import("react").Dispatch<import("react").SetStateAction<DialogState | undefined>>;
 };
+export declare const DialogProvider: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+export declare const useShowDialog: () => (dialogContent: ReactElement, title: string) => void;