@webiny/app-admin 0.0.0-unstable.a4637c5ce6 → 0.0.0-unstable.a4f3e4ea8b

package/components/DeveloperMode/index.js

@@ -0,0 +1 @@
+export { DeveloperMode } from "./DeveloperMode.js";

package/components/Dialogs/Dialog.d.ts

@@ -6,11 +6,12 @@ export interface DialogProps {
     description: ReactNode;
     dismissible: boolean;
     content: ReactNode;
+    info?: ReactNode;
     icon: ReactNode;
     acceptLabel?: ReactNode;
     cancelLabel?: ReactNode;
-    loadingLabel?: ReactNode;
-    dataLoadingLabel?: ReactNode;
+    loadingLabel?: string;
+    dataLoadingLabel?: string;
     onSubmit: (data: GenericFormData) => void;
     closeDialog: () => void;
     loading: boolean;

package/components/Dialogs/Dialog.js

@@ -1,62 +1,50 @@
-import React, { useEffect, useState } from "react";
-import { Dialog as AdminDialog, OverlayLoader } from "@webiny/admin-ui";
+import react, { useEffect, useState } from "react";
+import { Dialog } from "@webiny/admin-ui";
 import { Form } from "@webiny/form";
-export const Dialog = ({
-  open,
-  loading,
-  title,
-  content,
-  acceptLabel,
-  cancelLabel,
-  loadingLabel = "Loading...",
-  dataLoadingLabel = "Loading...",
-  closeDialog,
-  onSubmit,
-  size,
-  ...props
-}) => {
-  const handleSubmit = data => {
-    return onSubmit(data);
-  };
-  const [dataIsLoading, setDataIsLoading] = useState(false);
-  const [formData, setFormData] = useState(typeof props.formData === "function" ? undefined : props.formData);
-  useEffect(() => {
-    if (typeof props.formData === "function") {
-      setDataIsLoading(true);
-      props.formData().then(data => {
-        setFormData(data);
-        setDataIsLoading(false);
-      });
-    }
-  }, [props.formData]);
-  return /*#__PURE__*/React.createElement(Form, {
-    onSubmit: handleSubmit,
-    data: formData
-  }, ({
-    submit
-  }) => /*#__PURE__*/React.createElement(AdminDialog, {
-    open: open,
-    onClose: closeDialog,
-    size: size,
-    title: title,
-    description: props.description,
-    icon: /*#__PURE__*/React.createElement(AdminDialog.Icon, {
-      icon: props.icon,
-      label: ""
-    }),
-    dismissible: props.dismissible,
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, cancelLabel ? /*#__PURE__*/React.createElement(AdminDialog.CancelButton, {
-      onClick: closeDialog,
-      text: cancelLabel
-    }) : null, acceptLabel ? /*#__PURE__*/React.createElement(AdminDialog.ConfirmButton, {
-      onClick: submit,
-      text: acceptLabel
-    }) : null)
-  }, open ? /*#__PURE__*/React.createElement(React.Fragment, null, loading && /*#__PURE__*/React.createElement(OverlayLoader, {
-    text: loadingLabel
-  }), dataIsLoading && /*#__PURE__*/React.createElement(OverlayLoader, {
-    text: dataLoadingLabel
-  }), content) : null));
+const Dialog_Dialog = ({ open, loading, title, content, acceptLabel, cancelLabel, loadingLabel = "Loading...", dataLoadingLabel = "Loading...", closeDialog, onSubmit, size, ...props })=>{
+    const handleSubmit = (data)=>onSubmit(data);
+    const [dataIsLoading, setDataIsLoading] = useState(false);
+    const [formData, setFormData] = useState("function" == typeof props.formData ? void 0 : props.formData);
+    useEffect(()=>{
+        if ("function" == typeof props.formData) {
+            setDataIsLoading(true);
+            props.formData().then((data)=>{
+                setFormData(data);
+                setDataIsLoading(false);
+            });
+        }
+    }, [
+        props.formData
+    ]);
+    return /*#__PURE__*/ react.createElement(Form, {
+        onSubmit: handleSubmit,
+        data: formData
+    }, ({ submit })=>/*#__PURE__*/ react.createElement(Dialog, {
+            open: open,
+            onClose: closeDialog,
+            size: size,
+            title: title,
+            description: props.description,
+            icon: /*#__PURE__*/ react.createElement(Dialog.Icon, {
+                icon: props.icon,
+                label: ""
+            }),
+            dismissible: props.dismissible,
+            info: props.info,
+            loading: loading ? {
+                text: loadingLabel
+            } : dataIsLoading ? {
+                text: dataLoadingLabel
+            } : false,
+            actions: /*#__PURE__*/ react.createElement(react.Fragment, null, cancelLabel ? /*#__PURE__*/ react.createElement(Dialog.CancelAction, {
+                onClick: closeDialog,
+                text: cancelLabel
+            }) : null, acceptLabel ? /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+                onClick: submit,
+                text: acceptLabel
+            }) : null)
+        }, open ? content : null));
 };
+export { Dialog_Dialog as Dialog };
 
 //# sourceMappingURL=Dialog.js.map

package/components/Dialogs/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","Dialog","AdminDialog","OverlayLoader","Form","open","loading","title","content","acceptLabel","cancelLabel","loadingLabel","dataLoadingLabel","closeDialog","onSubmit","size","props","handleSubmit","data","dataIsLoading","setDataIsLoading","formData","setFormData","undefined","then","createElement","submit","onClose","description","icon","Icon","label","dismissible","actions","Fragment","CancelButton","onClick","text","ConfirmButton"],"sources":["Dialog.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useEffect, useState } from \"react\";\nimport { Dialog as AdminDialog, OverlayLoader } from \"@webiny/admin-ui\";\nimport type { FormOnSubmit, GenericFormData } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\n\nexport interface DialogProps {\n    title: ReactNode;\n    description: ReactNode;\n    dismissible: boolean;\n    content: ReactNode;\n    icon: ReactNode;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: ReactNode;\n    dataLoadingLabel?: ReactNode;\n    onSubmit: (data: GenericFormData) => void;\n    closeDialog: () => void;\n    loading: boolean;\n    open: boolean;\n    formData?: GenericFormData | (() => Promise<GenericFormData>);\n    size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n}\n\nexport const Dialog = ({\n    open,\n    loading,\n    title,\n    content,\n    acceptLabel,\n    cancelLabel,\n    loadingLabel = \"Loading...\",\n    dataLoadingLabel = \"Loading...\",\n    closeDialog,\n    onSubmit,\n    size,\n    ...props\n}: DialogProps) => {\n    const handleSubmit: FormOnSubmit = data => {\n        return onSubmit(data);\n    };\n\n    const [dataIsLoading, setDataIsLoading] = useState(false);\n\n    const [formData, setFormData] = useState<GenericFormData | undefined>(\n        typeof props.formData === \"function\" ? undefined : props.formData\n    );\n\n    useEffect(() => {\n        if (typeof props.formData === \"function\") {\n            setDataIsLoading(true);\n            props.formData().then((data: GenericFormData) => {\n                setFormData(data);\n                setDataIsLoading(false);\n            });\n        }\n    }, [props.formData]);\n\n    return (\n        <Form onSubmit={handleSubmit} data={formData}>\n            {({ submit }) => (\n                <AdminDialog\n                    open={open}\n                    onClose={closeDialog}\n                    size={size}\n                    title={title}\n                    description={props.description}\n                    icon={<AdminDialog.Icon icon={props.icon} label={\"\"} />}\n                    dismissible={props.dismissible}\n                    actions={\n                        <>\n                            {cancelLabel ? (\n                                <AdminDialog.CancelButton\n                                    onClick={closeDialog}\n                                    text={cancelLabel}\n                                />\n                            ) : null}\n                            {acceptLabel ? (\n                                <AdminDialog.ConfirmButton onClick={submit} text={acceptLabel} />\n                            ) : null}\n                        </>\n                    }\n                >\n                    {open ? (\n                        <>\n                            {loading && <OverlayLoader text={loadingLabel} />}\n                            {dataIsLoading && <OverlayLoader text={dataLoadingLabel} />}\n                            {content}\n                        </>\n                    ) : null}\n                </AdminDialog>\n            )}\n        </Form>\n    );\n};\n"],"mappings":"AACA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,MAAM,IAAIC,WAAW,EAAEC,aAAa,QAAQ,kBAAkB;AAEvE,SAASC,IAAI,QAAQ,cAAc;AAoBnC,OAAO,MAAMH,MAAM,GAAGA,CAAC;EACnBI,IAAI;EACJC,OAAO;EACPC,KAAK;EACLC,OAAO;EACPC,WAAW;EACXC,WAAW;EACXC,YAAY,GAAG,YAAY;EAC3BC,gBAAgB,GAAG,YAAY;EAC/BC,WAAW;EACXC,QAAQ;EACRC,IAAI;EACJ,GAAGC;AACM,CAAC,KAAK;EACf,MAAMC,YAA0B,GAAGC,IAAI,IAAI;IACvC,OAAOJ,QAAQ,CAACI,IAAI,CAAC;EACzB,CAAC;EAED,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGpB,QAAQ,CAAC,KAAK,CAAC;EAEzD,MAAM,CAACqB,QAAQ,EAAEC,WAAW,CAAC,GAAGtB,QAAQ,CACpC,OAAOgB,KAAK,CAACK,QAAQ,KAAK,UAAU,GAAGE,SAAS,GAAGP,KAAK,CAACK,QAC7D,CAAC;EAEDtB,SAAS,CAAC,MAAM;IACZ,IAAI,OAAOiB,KAAK,CAACK,QAAQ,KAAK,UAAU,EAAE;MACtCD,gBAAgB,CAAC,IAAI,CAAC;MACtBJ,KAAK,CAACK,QAAQ,CAAC,CAAC,CAACG,IAAI,CAAEN,IAAqB,IAAK;QAC7CI,WAAW,CAACJ,IAAI,CAAC;QACjBE,gBAAgB,CAAC,KAAK,CAAC;MAC3B,CAAC,CAAC;IACN;EACJ,CAAC,EAAE,CAACJ,KAAK,CAACK,QAAQ,CAAC,CAAC;EAEpB,oBACIvB,KAAA,CAAA2B,aAAA,CAACrB,IAAI;IAACU,QAAQ,EAAEG,YAAa;IAACC,IAAI,EAAEG;EAAS,GACxC,CAAC;IAAEK;EAAO,CAAC,kBACR5B,KAAA,CAAA2B,aAAA,CAACvB,WAAW;IACRG,IAAI,EAAEA,IAAK;IACXsB,OAAO,EAAEd,WAAY;IACrBE,IAAI,EAAEA,IAAK;IACXR,KAAK,EAAEA,KAAM;IACbqB,WAAW,EAAEZ,KAAK,CAACY,WAAY;IAC/BC,IAAI,eAAE/B,KAAA,CAAA2B,aAAA,CAACvB,WAAW,CAAC4B,IAAI;MAACD,IAAI,EAAEb,KAAK,CAACa,IAAK;MAACE,KAAK,EAAE;IAAG,CAAE,CAAE;IACxDC,WAAW,EAAEhB,KAAK,CAACgB,WAAY;IAC/BC,OAAO,eACHnC,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAAoC,QAAA,QACKxB,WAAW,gBACRZ,KAAA,CAAA2B,aAAA,CAACvB,WAAW,CAACiC,YAAY;MACrBC,OAAO,EAAEvB,WAAY;MACrBwB,IAAI,EAAE3B;IAAY,CACrB,CAAC,GACF,IAAI,EACPD,WAAW,gBACRX,KAAA,CAAA2B,aAAA,CAACvB,WAAW,CAACoC,aAAa;MAACF,OAAO,EAAEV,MAAO;MAACW,IAAI,EAAE5B;IAAY,CAAE,CAAC,GACjE,IACN;EACL,GAEAJ,IAAI,gBACDP,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAAoC,QAAA,QACK5B,OAAO,iBAAIR,KAAA,CAAA2B,aAAA,CAACtB,aAAa;IAACkC,IAAI,EAAE1B;EAAa,CAAE,CAAC,EAChDQ,aAAa,iBAAIrB,KAAA,CAAA2B,aAAA,CAACtB,aAAa;IAACkC,IAAI,EAAEzB;EAAiB,CAAE,CAAC,EAC1DJ,OACH,CAAC,GACH,IACK,CAEf,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"file":"components/Dialogs/Dialog.js","sources":["../../../src/components/Dialogs/Dialog.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useEffect, useState } from \"react\";\nimport { Dialog as AdminDialog } from \"@webiny/admin-ui\";\nimport type { FormOnSubmit, GenericFormData } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\n\nexport interface DialogProps {\n    title: ReactNode;\n    description: ReactNode;\n    dismissible: boolean;\n    content: ReactNode;\n    info?: ReactNode;\n    icon: ReactNode;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: string;\n    dataLoadingLabel?: string;\n    onSubmit: (data: GenericFormData) => void;\n    closeDialog: () => void;\n    loading: boolean;\n    open: boolean;\n    formData?: GenericFormData | (() => Promise<GenericFormData>);\n    size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n}\n\nexport const Dialog = ({\n    open,\n    loading,\n    title,\n    content,\n    acceptLabel,\n    cancelLabel,\n    loadingLabel = \"Loading...\",\n    dataLoadingLabel = \"Loading...\",\n    closeDialog,\n    onSubmit,\n    size,\n    ...props\n}: DialogProps) => {\n    const handleSubmit: FormOnSubmit = data => {\n        return onSubmit(data);\n    };\n\n    const [dataIsLoading, setDataIsLoading] = useState(false);\n\n    const [formData, setFormData] = useState<GenericFormData | undefined>(\n        typeof props.formData === \"function\" ? undefined : props.formData\n    );\n\n    useEffect(() => {\n        if (typeof props.formData === \"function\") {\n            setDataIsLoading(true);\n            props.formData().then((data: GenericFormData) => {\n                setFormData(data);\n                setDataIsLoading(false);\n            });\n        }\n    }, [props.formData]);\n\n    return (\n        <Form onSubmit={handleSubmit} data={formData}>\n            {({ submit }) => (\n                <AdminDialog\n                    open={open}\n                    onClose={closeDialog}\n                    size={size}\n                    title={title}\n                    description={props.description}\n                    icon={<AdminDialog.Icon icon={props.icon} label={\"\"} />}\n                    dismissible={props.dismissible}\n                    info={props.info}\n                    loading={\n                        loading\n                            ? { text: loadingLabel }\n                            : dataIsLoading\n                              ? { text: dataLoadingLabel }\n                              : false\n                    }\n                    actions={\n                        <>\n                            {cancelLabel ? (\n                                <AdminDialog.CancelAction\n                                    onClick={closeDialog}\n                                    text={cancelLabel}\n                                />\n                            ) : null}\n                            {acceptLabel ? (\n                                <AdminDialog.ConfirmAction onClick={submit} text={acceptLabel} />\n                            ) : null}\n                        </>\n                    }\n                >\n                    {open ? content : null}\n                </AdminDialog>\n            )}\n        </Form>\n    );\n};\n"],"names":["Dialog","open","loading","title","content","acceptLabel","cancelLabel","loadingLabel","dataLoadingLabel","closeDialog","onSubmit","size","props","handleSubmit","data","dataIsLoading","setDataIsLoading","useState","formData","setFormData","undefined","useEffect","Form","submit","AdminDialog"],"mappings":";;;AAyBO,MAAMA,gBAAS,CAAC,EACnBC,IAAI,EACJC,OAAO,EACPC,KAAK,EACLC,OAAO,EACPC,WAAW,EACXC,WAAW,EACXC,eAAe,YAAY,EAC3BC,mBAAmB,YAAY,EAC/BC,WAAW,EACXC,QAAQ,EACRC,IAAI,EACJ,GAAGC,OACO;IACV,MAAMC,eAA6BC,CAAAA,OACxBJ,SAASI;IAGpB,MAAM,CAACC,eAAeC,iBAAiB,GAAGC,SAAS;IAEnD,MAAM,CAACC,UAAUC,YAAY,GAAGF,SAC5B,AAA0B,cAA1B,OAAOL,MAAM,QAAQ,GAAkBQ,SAAYR,MAAM,QAAQ;IAGrES,UAAU;QACN,IAAI,AAA0B,cAA1B,OAAOT,MAAM,QAAQ,EAAiB;YACtCI,iBAAiB;YACjBJ,MAAM,QAAQ,GAAG,IAAI,CAAC,CAACE;gBACnBK,YAAYL;gBACZE,iBAAiB;YACrB;QACJ;IACJ,GAAG;QAACJ,MAAM,QAAQ;KAAC;IAEnB,OAAO,WAAP,GACI,oBAACU,MAAIA;QAAC,UAAUT;QAAc,MAAMK;OAC/B,CAAC,EAAEK,MAAM,EAAE,iBACR,oBAACC,QAAWA;YACR,MAAMvB;YACN,SAASQ;YACT,MAAME;YACN,OAAOR;YACP,aAAaS,MAAM,WAAW;YAC9B,oBAAM,oBAACY,OAAAA,IAAgB;gBAAC,MAAMZ,MAAM,IAAI;gBAAE,OAAO;;YACjD,aAAaA,MAAM,WAAW;YAC9B,MAAMA,MAAM,IAAI;YAChB,SACIV,UACM;gBAAE,MAAMK;YAAa,IACrBQ,gBACE;gBAAE,MAAMP;YAAiB,IACzB;YAEZ,uBACI,0CACKF,cAAc,WAAdA,GACG,oBAACkB,OAAAA,YAAwB;gBACrB,SAASf;gBACT,MAAMH;iBAEV,MACHD,cAAc,WAAdA,GACG,oBAACmB,OAAAA,aAAyB;gBAAC,SAASD;gBAAQ,MAAMlB;iBAClD;WAIXJ,OAAOG,UAAU;AAKtC"}

package/components/Dialogs/DialogParamsContext.d.ts

@@ -0,0 +1,6 @@
+export interface DialogParamsContextValue {
+    params: Record<string, unknown>;
+    closeDialog: () => void;
+}
+export declare const DialogParamsContext: import("react").Context<DialogParamsContextValue | undefined>;
+export declare const useDialogParamsContext: () => DialogParamsContextValue;

package/components/Dialogs/DialogParamsContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+const DialogParamsContext = /*#__PURE__*/ createContext(void 0);
+const useDialogParamsContext = ()=>{
+    const context = useContext(DialogParamsContext);
+    if (!context) throw new Error("useDialog must be used inside a named dialog registered via AdminConfig.Dialog");
+    return context;
+};
+export { DialogParamsContext, useDialogParamsContext };
+
+//# sourceMappingURL=DialogParamsContext.js.map

package/components/Dialogs/DialogParamsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Dialogs/DialogParamsContext.js","sources":["../../../src/components/Dialogs/DialogParamsContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport interface DialogParamsContextValue {\n    params: Record<string, unknown>;\n    closeDialog: () => void;\n}\n\nexport const DialogParamsContext = createContext<DialogParamsContextValue | undefined>(undefined);\n\nexport const useDialogParamsContext = () => {\n    const context = useContext(DialogParamsContext);\n\n    if (!context) {\n        throw new Error(\n            \"useDialog must be used inside a named dialog registered via AdminConfig.Dialog\"\n        );\n    }\n\n    return context;\n};\n"],"names":["DialogParamsContext","createContext","undefined","useDialogParamsContext","context","useContext","Error"],"mappings":";AAOO,MAAMA,sBAAsB,WAAHA,GAAGC,cAAoDC;AAEhF,MAAMC,yBAAyB;IAClC,MAAMC,UAAUC,WAAWL;IAE3B,IAAI,CAACI,SACD,MAAM,IAAIE,MACN;IAIR,OAAOF;AACX"}

package/components/Dialogs/DialogsContext.d.ts

@@ -1,31 +1,29 @@
 import type { ReactNode } from "react";
 import React from "react";
 import type { GenericFormData } from "@webiny/form";
-import { type DialogProps } from "./Dialog";
+import { type DialogProps } from "./Dialog.js";
 interface ShowDialogParams {
     title: ReactNode;
     description?: ReactNode;
     dismissible?: boolean;
     content: ReactNode;
-    actions?: JSX.Element;
-    icon?: JSX.Element;
+    actions?: React.JSX.Element;
+    icon?: React.JSX.Element;
+    info?: ReactNode;
     acceptLabel?: ReactNode;
     cancelLabel?: ReactNode;
-    loadingLabel?: ReactNode;
-    dataLoadingLabel?: ReactNode;
+    loadingLabel?: string;
+    dataLoadingLabel?: string;
     onAccept?: (data: GenericFormData) => void;
     onClose?: () => void;
     formData?: DialogProps["formData"];
     size?: "sm" | "md" | "lg" | "xl" | "full";
 }
-interface ShowCustomDialogParams {
-    element: JSX.Element;
-    onSubmit?: (data: GenericFormData) => void;
-}
 export interface DialogsContext {
     showDialog: (params: ShowDialogParams) => () => void;
-    showCustomDialog: (params: ShowCustomDialogParams) => () => void;
     closeAllDialogs: () => void;
+    openNamedDialog: (name: string, params: Record<string, unknown>) => void;
+    closeNamedDialog: () => void;
 }
 interface DialogsProviderProps {
     children: ReactNode;
@@ -34,7 +32,7 @@ interface DialogState extends ShowDialogParams {
     id: string;
     open: boolean;
     loading: boolean;
-    element?: JSX.Element;
+    element?: React.JSX.Element;
 }
 export declare const initializeState: (params?: Partial<DialogState>) => DialogState;
 export declare const DialogsContext: React.Context<DialogsContext | undefined>;

package/components/Dialogs/DialogsContext.js

@@ -1,141 +1,143 @@
-import React, { useState } from "react";
-import { useSnackbar } from "../../hooks";
-import { Dialog } from "./Dialog";
-import { CustomDialog } from "./CustomDialog";
+import react, { useState } from "react";
 import { createProvider } from "@webiny/app";
 import { generateId } from "@webiny/utils";
-export const initializeState = (params = {}) => ({
-  id: `dialog-${generateId()}`,
-  title: params.title ?? `Confirmation`,
-  description: params.description,
-  dismissible: params.dismissible,
-  icon: params.icon,
-  content: params.content,
-  acceptLabel: params.acceptLabel === null ? null : params.acceptLabel ?? `Confirm`,
-  cancelLabel: params.cancelLabel === null ? null : params.cancelLabel ?? `Cancel`,
-  loadingLabel: params.loadingLabel ?? `Loading...`,
-  dataLoadingLabel: params.dataLoadingLabel ?? `Loading...`,
-  onAccept: params.onAccept,
-  onClose: params.onClose,
-  open: params.open ?? false,
-  loading: params.loading ?? false,
-  element: params.element,
-  formData: params.formData ?? {},
-  size: params.size ?? "md"
-});
-export const DialogsContext = /*#__PURE__*/React.createContext(undefined);
-export const DialogsProvider = ({
-  children
-}) => {
-  const {
-    showSnackbar
-  } = useSnackbar();
-  const [dialogs, setDialogs] = useState(new Map());
-  const showDialog = params => {
-    const newDialog = initializeState({
-      ...params,
-      open: true
+import { useSnackbar } from "../../hooks/index.js";
+import { Dialog } from "./Dialog.js";
+import { DialogParamsContext } from "./DialogParamsContext.js";
+import { useAdminConfig } from "../../config/AdminConfig.js";
+import { ConfirmationBridge } from "../../features/confirmation/index.js";
+const initializeState = (params = {})=>({
+        id: `dialog-${generateId()}`,
+        title: params.title ?? "Confirmation",
+        description: params.description,
+        dismissible: params.dismissible,
+        icon: params.icon,
+        info: params.info,
+        content: params.content,
+        acceptLabel: null === params.acceptLabel ? null : params.acceptLabel ?? "Confirm",
+        cancelLabel: null === params.cancelLabel ? null : params.cancelLabel ?? "Cancel",
+        loadingLabel: params.loadingLabel ?? "Loading...",
+        dataLoadingLabel: params.dataLoadingLabel ?? "Loading...",
+        onAccept: params.onAccept,
+        onClose: params.onClose,
+        open: params.open ?? false,
+        loading: params.loading ?? false,
+        element: params.element,
+        formData: params.formData ?? {},
+        size: params.size ?? "md"
     });
-    setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));
-    return () => closeDialog(newDialog.id);
-  };
-  const showCustomDialog = ({
-    onSubmit,
-    element
-  }) => {
-    const newDialog = initializeState({
-      element,
-      onAccept: onSubmit,
-      open: true
-    });
-    setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));
-    return () => closeDialog(newDialog.id);
-  };
-  const closeDialog = id => {
-    setDialogs(dialogs => {
-      const newDialogs = new Map(dialogs);
-      newDialogs.delete(id);
-      return newDialogs;
-    });
-  };
-  const closeAllDialogs = () => {
-    setDialogs(new Map());
-  };
-  const onSubmit = async (id, data) => {
-    const dialog = dialogs.get(id);
-    if (!dialog) {
-      return;
-    }
-    try {
-      if (typeof dialog.onAccept === "function") {
-        setDialogs(dialogs => {
-          const newDialogs = new Map(dialogs);
-          newDialogs.set(id, {
-            ...dialog,
-            loading: true
-          });
-          return newDialogs;
+const DialogsContext = /*#__PURE__*/ react.createContext(void 0);
+const DialogsProvider = ({ children })=>{
+    const { showSnackbar } = useSnackbar();
+    const [dialogs, setDialogs] = useState(new Map());
+    const [namedDialogIntent, setNamedDialogIntent] = useState(null);
+    const { dialogs: registeredDialogs } = useAdminConfig();
+    const showDialog = (params)=>{
+        const newDialog = initializeState({
+            ...params,
+            open: true
         });
-        await dialog.onAccept(data);
-      }
-    } catch (error) {
-      showSnackbar(error.message);
-    } finally {
-      setDialogs(dialogs => {
-        const newDialogs = new Map(dialogs);
-        newDialogs.set(id, {
-          ...dialog,
-          loading: false
+        setDialogs((dialogs)=>new Map(dialogs).set(newDialog.id, newDialog));
+        return ()=>closeDialog(newDialog.id);
+    };
+    const closeDialog = (id)=>{
+        const dialog = dialogs.get(id);
+        if (dialog?.onClose && "function" == typeof dialog.onClose) try {
+            dialog.onClose();
+        } catch (error) {
+            console.error("Error in dialog onClose callback:", error);
+        }
+        setDialogs((dialogs)=>{
+            const newDialogs = new Map(dialogs);
+            newDialogs.delete(id);
+            return newDialogs;
         });
-        return newDialogs;
-      });
-      closeDialog(id);
-    }
-  };
-  const context = {
-    showDialog,
-    showCustomDialog,
-    closeDialog,
-    closeAllDialogs
-  };
-  return /*#__PURE__*/React.createElement(DialogsContext.Provider, {
-    value: context
-  }, children, Array.from(dialogs.values()).map(dialog => dialog.element ? /*#__PURE__*/React.createElement(CustomDialog, {
-    key: dialog.id,
-    open: dialog.open,
-    loading: dialog.loading,
-    closeDialog: () => closeDialog(dialog.id),
-    onSubmit: data => onSubmit(dialog.id, data)
-  }, dialog.element) : /*#__PURE__*/React.createElement(Dialog, {
-    key: dialog.id,
-    description: dialog.description,
-    dismissible: dialog.dismissible ?? true,
-    icon: dialog.icon ?? /*#__PURE__*/React.createElement(React.Fragment, null),
-    title: dialog.title,
-    content: dialog.content,
-    open: dialog.open,
-    acceptLabel: dialog.acceptLabel,
-    cancelLabel: dialog.cancelLabel,
-    loadingLabel: dialog.loadingLabel,
-    dataLoadingLabel: dialog.dataLoadingLabel,
-    loading: dialog.loading,
-    closeDialog: () => {
-      closeDialog(dialog.id);
-      dialog.onClose && dialog.onClose();
-    },
-    onSubmit: data => onSubmit(dialog.id, data),
-    formData: dialog.formData,
-    size: dialog.size
-  })));
-};
-export const createDialogsProvider = () => {
-  return createProvider(Component => {
-    return function DialogsProviderDecorator({
-      children
-    }) {
-      return /*#__PURE__*/React.createElement(DialogsProvider, null, /*#__PURE__*/React.createElement(Component, null, children));
     };
-  });
+    const closeAllDialogs = ()=>{
+        setDialogs(new Map());
+    };
+    const openNamedDialog = (name, params)=>{
+        setNamedDialogIntent({
+            name,
+            params
+        });
+    };
+    const closeNamedDialog = ()=>{
+        setNamedDialogIntent(null);
+    };
+    const onSubmit = async (id, data)=>{
+        const dialog = dialogs.get(id);
+        if (!dialog) return;
+        try {
+            if ("function" == typeof dialog.onAccept) {
+                setDialogs((dialogs)=>{
+                    const newDialogs = new Map(dialogs);
+                    newDialogs.set(id, {
+                        ...dialog,
+                        loading: true
+                    });
+                    return newDialogs;
+                });
+                await dialog.onAccept(data);
+            }
+        } catch (error) {
+            showSnackbar(error.message);
+        } finally{
+            setDialogs((dialogs)=>{
+                const newDialogs = new Map(dialogs);
+                newDialogs.set(id, {
+                    ...dialog,
+                    loading: false
+                });
+                return newDialogs;
+            });
+            closeDialog(id);
+        }
+    };
+    const context = {
+        showDialog,
+        closeDialog,
+        closeAllDialogs,
+        openNamedDialog,
+        closeNamedDialog
+    };
+    return /*#__PURE__*/ react.createElement(DialogsContext.Provider, {
+        value: context
+    }, children, Array.from(dialogs.values()).map((dialog)=>/*#__PURE__*/ react.createElement(Dialog, {
+            key: dialog.id,
+            description: dialog.description,
+            dismissible: dialog.dismissible ?? true,
+            icon: dialog.icon ?? /*#__PURE__*/ react.createElement(react.Fragment, null),
+            title: dialog.title,
+            content: dialog.content,
+            open: dialog.open,
+            info: dialog.info,
+            acceptLabel: dialog.acceptLabel,
+            cancelLabel: dialog.cancelLabel,
+            loadingLabel: dialog.loadingLabel,
+            dataLoadingLabel: dialog.dataLoadingLabel,
+            loading: dialog.loading,
+            closeDialog: ()=>{
+                closeDialog(dialog.id);
+                dialog.onClose && dialog.onClose();
+            },
+            onSubmit: (data)=>onSubmit(dialog.id, data),
+            formData: dialog.formData,
+            size: dialog.size
+        })), namedDialogIntent && (()=>{
+        const registration = registeredDialogs.find((d)=>d.name === namedDialogIntent.name);
+        if (!registration) return null;
+        return /*#__PURE__*/ react.createElement(DialogParamsContext.Provider, {
+            value: {
+                params: namedDialogIntent.params,
+                closeDialog: closeNamedDialog
+            }
+        }, registration.element);
+    })());
 };
+const createDialogsProvider = ()=>createProvider((Component)=>function({ children }) {
+            return /*#__PURE__*/ react.createElement(DialogsProvider, null, /*#__PURE__*/ react.createElement(Component, null, children), /*#__PURE__*/ react.createElement(ConfirmationBridge, null));
+        });
+export { DialogsContext, DialogsProvider, createDialogsProvider, initializeState };
 
 //# sourceMappingURL=DialogsContext.js.map

package/components/Dialogs/DialogsContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useSnackbar","Dialog","CustomDialog","createProvider","generateId","initializeState","params","id","title","description","dismissible","icon","content","acceptLabel","cancelLabel","loadingLabel","dataLoadingLabel","onAccept","onClose","open","loading","element","formData","size","DialogsContext","createContext","undefined","DialogsProvider","children","showSnackbar","dialogs","setDialogs","Map","showDialog","newDialog","set","closeDialog","showCustomDialog","onSubmit","newDialogs","delete","closeAllDialogs","data","dialog","get","error","message","context","createElement","Provider","value","Array","from","values","map","key","Fragment","createDialogsProvider","Component","DialogsProviderDecorator"],"sources":["DialogsContext.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useState } from \"react\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { useSnackbar } from \"~/hooks\";\nimport { Dialog, type DialogProps } from \"./Dialog\";\nimport { CustomDialog } from \"./CustomDialog\";\nimport { createProvider } from \"@webiny/app\";\nimport { generateId } from \"@webiny/utils\";\n\ninterface ShowDialogParams {\n    title: ReactNode;\n    description?: ReactNode;\n    dismissible?: boolean;\n    content: ReactNode;\n    actions?: JSX.Element;\n    icon?: JSX.Element;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: ReactNode;\n    dataLoadingLabel?: ReactNode;\n    onAccept?: (data: GenericFormData) => void;\n    onClose?: () => void;\n    formData?: DialogProps[\"formData\"];\n    size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n}\n\ninterface ShowCustomDialogParams {\n    element: JSX.Element;\n    onSubmit?: (data: GenericFormData) => void;\n}\n\nexport interface DialogsContext {\n    showDialog: (params: ShowDialogParams) => () => void;\n    showCustomDialog: (params: ShowCustomDialogParams) => () => void;\n    closeAllDialogs: () => void;\n}\n\ninterface DialogsProviderProps {\n    children: ReactNode;\n}\n\ninterface DialogState extends ShowDialogParams {\n    id: string;\n    open: boolean;\n    loading: boolean;\n    element?: JSX.Element;\n}\n\nexport const initializeState = (params: Partial<DialogState> = {}): DialogState => ({\n    id: `dialog-${generateId()}`,\n    title: params.title ?? `Confirmation`,\n    description: params.description,\n    dismissible: params.dismissible,\n    icon: params.icon,\n    content: params.content,\n    acceptLabel: params.acceptLabel === null ? null : params.acceptLabel ?? `Confirm`,\n    cancelLabel: params.cancelLabel === null ? null : params.cancelLabel ?? `Cancel`,\n    loadingLabel: params.loadingLabel ?? `Loading...`,\n    dataLoadingLabel: params.dataLoadingLabel ?? `Loading...`,\n    onAccept: params.onAccept,\n    onClose: params.onClose,\n    open: params.open ?? false,\n    loading: params.loading ?? false,\n    element: params.element,\n    formData: params.formData ?? {},\n    size: params.size ?? \"md\"\n});\n\nexport const DialogsContext = React.createContext<DialogsContext | undefined>(undefined);\n\nexport const DialogsProvider = ({ children }: DialogsProviderProps) => {\n    const { showSnackbar } = useSnackbar();\n    const [dialogs, setDialogs] = useState<Map<string, DialogState>>(new Map());\n\n    const showDialog = (params: ShowDialogParams) => {\n        const newDialog = initializeState({ ...params, open: true });\n        setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));\n        return () => closeDialog(newDialog.id);\n    };\n\n    const showCustomDialog = ({ onSubmit, element }: ShowCustomDialogParams) => {\n        const newDialog = initializeState({\n            element,\n            onAccept: onSubmit,\n            open: true\n        });\n        setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));\n        return () => closeDialog(newDialog.id);\n    };\n\n    const closeDialog = (id: string) => {\n        setDialogs(dialogs => {\n            const newDialogs = new Map(dialogs);\n            newDialogs.delete(id);\n            return newDialogs;\n        });\n    };\n\n    const closeAllDialogs = () => {\n        setDialogs(new Map());\n    };\n\n    const onSubmit = async (id: string, data: GenericFormData) => {\n        const dialog = dialogs.get(id);\n        if (!dialog) {\n            return;\n        }\n\n        try {\n            if (typeof dialog.onAccept === \"function\") {\n                setDialogs(dialogs => {\n                    const newDialogs = new Map(dialogs);\n                    newDialogs.set(id, { ...dialog, loading: true });\n                    return newDialogs;\n                });\n\n                await dialog.onAccept(data);\n            }\n        } catch (error) {\n            showSnackbar(error.message);\n        } finally {\n            setDialogs(dialogs => {\n                const newDialogs = new Map(dialogs);\n                newDialogs.set(id, { ...dialog, loading: false });\n                return newDialogs;\n            });\n            closeDialog(id);\n        }\n    };\n\n    const context = {\n        showDialog,\n        showCustomDialog,\n        closeDialog,\n        closeAllDialogs\n    };\n\n    return (\n        <DialogsContext.Provider value={context}>\n            {children}\n            {Array.from(dialogs.values()).map(dialog =>\n                dialog.element ? (\n                    <CustomDialog\n                        key={dialog.id}\n                        open={dialog.open}\n                        loading={dialog.loading}\n                        closeDialog={() => closeDialog(dialog.id)}\n                        onSubmit={data => onSubmit(dialog.id, data)}\n                    >\n                        {dialog.element}\n                    </CustomDialog>\n                ) : (\n                    <Dialog\n                        key={dialog.id}\n                        description={dialog.description}\n                        dismissible={dialog.dismissible ?? true}\n                        icon={dialog.icon ?? <></>}\n                        title={dialog.title}\n                        content={dialog.content}\n                        open={dialog.open}\n                        acceptLabel={dialog.acceptLabel}\n                        cancelLabel={dialog.cancelLabel}\n                        loadingLabel={dialog.loadingLabel}\n                        dataLoadingLabel={dialog.dataLoadingLabel}\n                        loading={dialog.loading}\n                        closeDialog={() => {\n                            closeDialog(dialog.id);\n                            dialog.onClose && dialog.onClose();\n                        }}\n                        onSubmit={data => onSubmit(dialog.id, data)}\n                        formData={dialog.formData}\n                        size={dialog.size}\n                    />\n                )\n            )}\n        </DialogsContext.Provider>\n    );\n};\n\nexport const createDialogsProvider = () => {\n    return createProvider(Component => {\n        return function DialogsProviderDecorator({ children }: DialogsProviderProps) {\n            return (\n                <DialogsProvider>\n                    <Component>{children}</Component>\n                </DialogsProvider>\n            );\n        };\n    });\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"components/Dialogs/DialogsContext.js","sources":["../../../src/components/Dialogs/DialogsContext.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useState } from \"react\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { createProvider } from \"@webiny/app\";\nimport { generateId } from \"@webiny/utils\";\nimport { useSnackbar } from \"~/hooks/index.js\";\nimport { Dialog, type DialogProps } from \"./Dialog.js\";\nimport { DialogParamsContext } from \"./DialogParamsContext.js\";\nimport { useAdminConfig } from \"~/config/AdminConfig.js\";\nimport { ConfirmationBridge } from \"~/features/confirmation/index.js\";\n\ninterface ShowDialogParams {\n    title: ReactNode;\n    description?: ReactNode;\n    dismissible?: boolean;\n    content: ReactNode;\n    actions?: React.JSX.Element;\n    icon?: React.JSX.Element;\n    info?: ReactNode;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: string;\n    dataLoadingLabel?: string;\n    onAccept?: (data: GenericFormData) => void;\n    onClose?: () => void;\n    formData?: DialogProps[\"formData\"];\n    size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n}\n\nexport interface DialogsContext {\n    showDialog: (params: ShowDialogParams) => () => void;\n    closeAllDialogs: () => void;\n    openNamedDialog: (name: string, params: Record<string, unknown>) => void;\n    closeNamedDialog: () => void;\n}\n\ninterface DialogsProviderProps {\n    children: ReactNode;\n}\n\ninterface DialogState extends ShowDialogParams {\n    id: string;\n    open: boolean;\n    loading: boolean;\n    element?: React.JSX.Element;\n}\n\nexport const initializeState = (params: Partial<DialogState> = {}): DialogState => ({\n    id: `dialog-${generateId()}`,\n    title: params.title ?? `Confirmation`,\n    description: params.description,\n    dismissible: params.dismissible,\n    icon: params.icon,\n    info: params.info,\n    content: params.content,\n    acceptLabel: params.acceptLabel === null ? null : (params.acceptLabel ?? `Confirm`),\n    cancelLabel: params.cancelLabel === null ? null : (params.cancelLabel ?? `Cancel`),\n    loadingLabel: params.loadingLabel ?? `Loading...`,\n    dataLoadingLabel: params.dataLoadingLabel ?? `Loading...`,\n    onAccept: params.onAccept,\n    onClose: params.onClose,\n    open: params.open ?? false,\n    loading: params.loading ?? false,\n    element: params.element,\n    formData: params.formData ?? {},\n    size: params.size ?? \"md\"\n});\n\nexport const DialogsContext = React.createContext<DialogsContext | undefined>(undefined);\n\ninterface NamedDialogIntent {\n    name: string;\n    params: Record<string, unknown>;\n}\n\nexport const DialogsProvider = ({ children }: DialogsProviderProps) => {\n    const { showSnackbar } = useSnackbar();\n    const [dialogs, setDialogs] = useState<Map<string, DialogState>>(new Map());\n    const [namedDialogIntent, setNamedDialogIntent] = useState<NamedDialogIntent | null>(null);\n    const { dialogs: registeredDialogs } = useAdminConfig();\n\n    const showDialog = (params: ShowDialogParams) => {\n        const newDialog = initializeState({ ...params, open: true });\n        setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));\n        return () => closeDialog(newDialog.id);\n    };\n\n    const closeDialog = (id: string) => {\n        const dialog = dialogs.get(id);\n\n        // Call the onClose callback if it exists\n        if (dialog?.onClose && typeof dialog.onClose === \"function\") {\n            try {\n                dialog.onClose();\n            } catch (error) {\n                // Log error but don't prevent dialog cleanup\n                console.error(\"Error in dialog onClose callback:\", error);\n            }\n        }\n\n        setDialogs(dialogs => {\n            const newDialogs = new Map(dialogs);\n            newDialogs.delete(id);\n            return newDialogs;\n        });\n    };\n\n    const closeAllDialogs = () => {\n        setDialogs(new Map());\n    };\n\n    const openNamedDialog = (name: string, params: Record<string, unknown>) => {\n        setNamedDialogIntent({ name, params });\n    };\n\n    const closeNamedDialog = () => {\n        setNamedDialogIntent(null);\n    };\n\n    const onSubmit = async (id: string, data: GenericFormData) => {\n        const dialog = dialogs.get(id);\n        if (!dialog) {\n            return;\n        }\n\n        try {\n            if (typeof dialog.onAccept === \"function\") {\n                setDialogs(dialogs => {\n                    const newDialogs = new Map(dialogs);\n                    newDialogs.set(id, { ...dialog, loading: true });\n                    return newDialogs;\n                });\n\n                await dialog.onAccept(data);\n            }\n        } catch (error) {\n            showSnackbar(error.message);\n        } finally {\n            setDialogs(dialogs => {\n                const newDialogs = new Map(dialogs);\n                newDialogs.set(id, { ...dialog, loading: false });\n                return newDialogs;\n            });\n            closeDialog(id);\n        }\n    };\n\n    const context = {\n        showDialog,\n        closeDialog,\n        closeAllDialogs,\n        openNamedDialog,\n        closeNamedDialog\n    };\n\n    return (\n        <DialogsContext.Provider value={context}>\n            {children}\n            {Array.from(dialogs.values()).map(dialog => (\n                <Dialog\n                    key={dialog.id}\n                    description={dialog.description}\n                    dismissible={dialog.dismissible ?? true}\n                    icon={dialog.icon ?? <></>}\n                    title={dialog.title}\n                    content={dialog.content}\n                    open={dialog.open}\n                    info={dialog.info}\n                    acceptLabel={dialog.acceptLabel}\n                    cancelLabel={dialog.cancelLabel}\n                    loadingLabel={dialog.loadingLabel}\n                    dataLoadingLabel={dialog.dataLoadingLabel}\n                    loading={dialog.loading}\n                    closeDialog={() => {\n                        closeDialog(dialog.id);\n                        dialog.onClose && dialog.onClose();\n                    }}\n                    onSubmit={data => onSubmit(dialog.id, data)}\n                    formData={dialog.formData}\n                    size={dialog.size}\n                />\n            ))}\n            {namedDialogIntent &&\n                (() => {\n                    const registration = registeredDialogs.find(\n                        d => d.name === namedDialogIntent.name\n                    );\n                    if (!registration) {\n                        return null;\n                    }\n                    return (\n                        <DialogParamsContext.Provider\n                            value={{\n                                params: namedDialogIntent.params,\n                                closeDialog: closeNamedDialog\n                            }}\n                        >\n                            {registration.element}\n                        </DialogParamsContext.Provider>\n                    );\n                })()}\n        </DialogsContext.Provider>\n    );\n};\n\nexport const createDialogsProvider = () => {\n    return createProvider(Component => {\n        return function DialogsProviderDecorator({ children }: DialogsProviderProps) {\n            return (\n                <DialogsProvider>\n                    <Component>{children}</Component>\n                    <ConfirmationBridge />\n                </DialogsProvider>\n            );\n        };\n    });\n};\n"],"names":["initializeState","params","generateId","DialogsContext","React","undefined","DialogsProvider","children","showSnackbar","useSnackbar","dialogs","setDialogs","useState","Map","namedDialogIntent","setNamedDialogIntent","registeredDialogs","useAdminConfig","showDialog","newDialog","closeDialog","id","dialog","error","console","newDialogs","closeAllDialogs","openNamedDialog","name","closeNamedDialog","onSubmit","data","context","Array","Dialog","registration","d","DialogParamsContext","createDialogsProvider","createProvider","Component","ConfirmationBridge"],"mappings":"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"}

package/components/Dialogs/useDialogs.d.ts

@@ -1,3 +1,2 @@
-import { DialogsContext } from "./DialogsContext";
+import { DialogsContext } from "./DialogsContext.js";
 export declare const useDialogs: () => DialogsContext;
-export { useCustomDialog } from "./CustomDialog";

package/components/Dialogs/useDialogs.js

@@ -1,12 +1,10 @@
 import { useContext } from "react";
-import { DialogsContext } from "./DialogsContext";
-export const useDialogs = () => {
-  const context = useContext(DialogsContext);
-  if (!context) {
-    throw new Error("useDialogs must be used within a DialogsContext.Provider");
-  }
-  return context;
+import { DialogsContext } from "./DialogsContext.js";
+const useDialogs = ()=>{
+    const context = useContext(DialogsContext);
+    if (!context) throw new Error("useDialogs must be used within a DialogsContext.Provider");
+    return context;
 };
-export { useCustomDialog } from "./CustomDialog";
+export { useDialogs };
 
 //# sourceMappingURL=useDialogs.js.map

package/components/Dialogs/useDialogs.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","DialogsContext","useDialogs","context","Error","useCustomDialog"],"sources":["useDialogs.ts"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { DialogsContext } from \"./DialogsContext\";\n\nexport const useDialogs = () => {\n    const context = useContext(DialogsContext);\n\n    if (!context) {\n        throw new Error(\"useDialogs must be used within a DialogsContext.Provider\");\n    }\n\n    return context;\n};\n\nexport { useCustomDialog } from \"./CustomDialog\";\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,cAAc;AAEvB,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAMC,OAAO,GAAGH,UAAU,CAACC,cAAc,CAAC;EAE1C,IAAI,CAACE,OAAO,EAAE;IACV,MAAM,IAAIC,KAAK,CAAC,0DAA0D,CAAC;EAC/E;EAEA,OAAOD,OAAO;AAClB,CAAC;AAED,SAASE,eAAe","ignoreList":[]}
+{"version":3,"file":"components/Dialogs/useDialogs.js","sources":["../../../src/components/Dialogs/useDialogs.ts"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { DialogsContext } from \"./DialogsContext.js\";\n\nexport const useDialogs = () => {\n    const context = useContext(DialogsContext);\n\n    if (!context) {\n        throw new Error(\"useDialogs must be used within a DialogsContext.Provider\");\n    }\n\n    return context;\n};\n"],"names":["useDialogs","context","useContext","DialogsContext","Error"],"mappings":";;AAIO,MAAMA,aAAa;IACtB,MAAMC,UAAUC,WAAWC;IAE3B,IAAI,CAACF,SACD,MAAM,IAAIG,MAAM;IAGpB,OAAOH;AACX"}

package/components/Drawers/DrawerParamsContext.d.ts

@@ -0,0 +1,6 @@
+export interface DrawerParamsContextValue {
+    params: Record<string, unknown>;
+    closeDrawer: () => void;
+}
+export declare const DrawerParamsContext: import("react").Context<DrawerParamsContextValue | undefined>;
+export declare const useDrawerParamsContext: () => DrawerParamsContextValue;

package/components/Drawers/DrawerParamsContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+const DrawerParamsContext = /*#__PURE__*/ createContext(void 0);
+const useDrawerParamsContext = ()=>{
+    const context = useContext(DrawerParamsContext);
+    if (!context) throw new Error("useDrawer must be used inside a named drawer registered via AdminConfig.Drawer");
+    return context;
+};
+export { DrawerParamsContext, useDrawerParamsContext };
+
+//# sourceMappingURL=DrawerParamsContext.js.map

package/components/Drawers/DrawerParamsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Drawers/DrawerParamsContext.js","sources":["../../../src/components/Drawers/DrawerParamsContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport interface DrawerParamsContextValue {\n    params: Record<string, unknown>;\n    closeDrawer: () => void;\n}\n\nexport const DrawerParamsContext = createContext<DrawerParamsContextValue | undefined>(undefined);\n\nexport const useDrawerParamsContext = () => {\n    const context = useContext(DrawerParamsContext);\n\n    if (!context) {\n        throw new Error(\n            \"useDrawer must be used inside a named drawer registered via AdminConfig.Drawer\"\n        );\n    }\n\n    return context;\n};\n"],"names":["DrawerParamsContext","createContext","undefined","useDrawerParamsContext","context","useContext","Error"],"mappings":";AAOO,MAAMA,sBAAsB,WAAHA,GAAGC,cAAoDC;AAEhF,MAAMC,yBAAyB;IAClC,MAAMC,UAAUC,WAAWL;IAE3B,IAAI,CAACI,SACD,MAAM,IAAIE,MACN;IAIR,OAAOF;AACX"}