@webiny/app-admin 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/components/Buttons/useButtons.js

@@ -1,24 +1,19 @@
-import React from "react";
+import react from "react";
 import { ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton } from "./Buttons.js";
-const ButtonsContext = /*#__PURE__*/React.createContext(undefined);
-export const ButtonsProvider = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(ButtonsContext.Provider, {
-    value: {
-      ButtonDefault,
-      ButtonPrimary,
-      ButtonSecondary,
-      IconButton
-    }
-  }, children);
-};
-export const useButtons = () => {
-  const context = React.useContext(ButtonsContext);
-  if (!context) {
-    throw new Error("useButtons must be used within a ButtonsContext");
-  }
-  return context;
+const ButtonsContext = /*#__PURE__*/ react.createContext(void 0);
+const ButtonsProvider = ({ children })=>/*#__PURE__*/ react.createElement(ButtonsContext.Provider, {
+        value: {
+            ButtonDefault: ButtonDefault,
+            ButtonPrimary: ButtonPrimary,
+            ButtonSecondary: ButtonSecondary,
+            IconButton: IconButton
+        }
+    }, children);
+const useButtons = ()=>{
+    const context = react.useContext(ButtonsContext);
+    if (!context) throw new Error("useButtons must be used within a ButtonsContext");
+    return context;
 };
+export { ButtonsProvider, useButtons };
 
 //# sourceMappingURL=useButtons.js.map

package/components/Buttons/useButtons.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ButtonDefault","ButtonPrimary","ButtonSecondary","IconButton","ButtonsContext","createContext","undefined","ButtonsProvider","children","createElement","Provider","value","useButtons","context","useContext","Error"],"sources":["useButtons.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton } from \"./Buttons.js\";\n\nexport interface ButtonsProviderContext {\n    ButtonDefault: typeof ButtonDefault;\n    ButtonPrimary: typeof ButtonPrimary;\n    ButtonSecondary: typeof ButtonSecondary;\n    IconButton: typeof IconButton;\n}\n\nconst ButtonsContext = React.createContext<ButtonsProviderContext | undefined>(undefined);\n\ninterface ButtonsProviderProps {\n    children: React.ReactNode;\n}\n\nexport const ButtonsProvider = ({ children }: ButtonsProviderProps) => {\n    return (\n        <ButtonsContext.Provider\n            value={{ ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton }}\n        >\n            {children}\n        </ButtonsContext.Provider>\n    );\n};\n\nexport const useButtons = (): ButtonsProviderContext => {\n    const context = React.useContext(ButtonsContext);\n\n    if (!context) {\n        throw new Error(\"useButtons must be used within a ButtonsContext\");\n    }\n\n    return context;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,aAAa,EAAEC,eAAe,EAAEC,UAAU;AASlE,MAAMC,cAAc,gBAAGL,KAAK,CAACM,aAAa,CAAqCC,SAAS,CAAC;AAMzF,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC;AAA+B,CAAC,KAAK;EACnE,oBACIT,KAAA,CAAAU,aAAA,CAACL,cAAc,CAACM,QAAQ;IACpBC,KAAK,EAAE;MAAEX,aAAa;MAAEC,aAAa;MAAEC,eAAe;MAAEC;IAAW;EAAE,GAEpEK,QACoB,CAAC;AAElC,CAAC;AAED,OAAO,MAAMI,UAAU,GAAGA,CAAA,KAA8B;EACpD,MAAMC,OAAO,GAAGd,KAAK,CAACe,UAAU,CAACV,cAAc,CAAC;EAEhD,IAAI,CAACS,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,iDAAiD,CAAC;EACtE;EAEA,OAAOF,OAAO;AAClB,CAAC","ignoreList":[]}
+{"version":3,"file":"components/Buttons/useButtons.js","sources":["../../../src/components/Buttons/useButtons.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton } from \"./Buttons.js\";\n\nexport interface ButtonsProviderContext {\n    ButtonDefault: typeof ButtonDefault;\n    ButtonPrimary: typeof ButtonPrimary;\n    ButtonSecondary: typeof ButtonSecondary;\n    IconButton: typeof IconButton;\n}\n\nconst ButtonsContext = React.createContext<ButtonsProviderContext | undefined>(undefined);\n\ninterface ButtonsProviderProps {\n    children: React.ReactNode;\n}\n\nexport const ButtonsProvider = ({ children }: ButtonsProviderProps) => {\n    return (\n        <ButtonsContext.Provider\n            value={{ ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton }}\n        >\n            {children}\n        </ButtonsContext.Provider>\n    );\n};\n\nexport const useButtons = (): ButtonsProviderContext => {\n    const context = React.useContext(ButtonsContext);\n\n    if (!context) {\n        throw new Error(\"useButtons must be used within a ButtonsContext\");\n    }\n\n    return context;\n};\n"],"names":["ButtonsContext","React","undefined","ButtonsProvider","children","ButtonDefault","ButtonPrimary","ButtonSecondary","IconButton","useButtons","context","Error"],"mappings":";;AAUA,MAAMA,iBAAiB,WAAHA,GAAGC,MAAAA,aAAmB,CAAqCC;AAMxE,MAAMC,kBAAkB,CAAC,EAAEC,QAAQ,EAAwB,GACvD,WAAP,GACI,oBAACJ,eAAe,QAAQ;QACpB,OAAO;YAAEK,eAAaA;YAAEC,eAAaA;YAAEC,iBAAeA;YAAEC,YAAUA;QAAC;OAElEJ;AAKN,MAAMK,aAAa;IACtB,MAAMC,UAAUT,MAAAA,UAAgB,CAACD;IAEjC,IAAI,CAACU,SACD,MAAM,IAAIC,MAAM;IAGpB,OAAOD;AACX"}

package/components/ConfirmationDialog/ConfirmationDialog.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export interface ConfirmationDialogProps {
+    title: React.ReactNode;
+    children: React.ReactNode;
+    onConfirm: () => Promise<void>;
+    onCancel: () => void;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    loadingLabel?: string;
+}
+export declare const ConfirmationDialog: ({ title, children, onConfirm, onCancel, confirmLabel, cancelLabel, loadingLabel }: ConfirmationDialogProps) => React.JSX.Element;

package/components/ConfirmationDialog/ConfirmationDialog.js

@@ -0,0 +1,41 @@
+import react, { useCallback, useState } from "react";
+import { Dialog } from "@webiny/admin-ui";
+const ConfirmationDialog = ({ title, children, onConfirm, onCancel, confirmLabel = "Confirm", cancelLabel = "Cancel", loadingLabel = "Processing..." })=>{
+    const [loading, setLoading] = useState(false);
+    const handleConfirm = useCallback(async ()=>{
+        setLoading(true);
+        try {
+            await onConfirm();
+        } finally{
+            setLoading(false);
+        }
+    }, [
+        onConfirm
+    ]);
+    const handleCancel = useCallback(()=>{
+        onCancel();
+    }, [
+        onCancel
+    ]);
+    return /*#__PURE__*/ react.createElement(Dialog, {
+        open: true,
+        onOpenChange: (open)=>{
+            if (!open && !loading) handleCancel();
+        },
+        title: title,
+        loading: loading ? {
+            text: loadingLabel
+        } : false,
+        dismissible: !loading,
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Dialog.CancelAction, {
+            onClick: handleCancel,
+            text: cancelLabel
+        }), /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+            onClick: handleConfirm,
+            text: confirmLabel
+        }))
+    }, children);
+};
+export { ConfirmationDialog };
+
+//# sourceMappingURL=ConfirmationDialog.js.map

package/components/ConfirmationDialog/ConfirmationDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ConfirmationDialog/ConfirmationDialog.js","sources":["../../../src/components/ConfirmationDialog/ConfirmationDialog.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Dialog } from \"@webiny/admin-ui\";\n\nexport interface ConfirmationDialogProps {\n    title: React.ReactNode;\n    children: React.ReactNode;\n    onConfirm: () => Promise<void>;\n    onCancel: () => void;\n    confirmLabel?: string;\n    cancelLabel?: string;\n    loadingLabel?: string;\n}\n\nexport const ConfirmationDialog = ({\n    title,\n    children,\n    onConfirm,\n    onCancel,\n    confirmLabel = \"Confirm\",\n    cancelLabel = \"Cancel\",\n    loadingLabel = \"Processing...\"\n}: ConfirmationDialogProps) => {\n    const [loading, setLoading] = useState(false);\n\n    const handleConfirm = useCallback(async () => {\n        setLoading(true);\n        try {\n            await onConfirm();\n        } finally {\n            setLoading(false);\n        }\n    }, [onConfirm]);\n\n    const handleCancel = useCallback(() => {\n        onCancel();\n    }, [onCancel]);\n\n    return (\n        <Dialog\n            open\n            onOpenChange={open => {\n                if (!open && !loading) {\n                    handleCancel();\n                }\n            }}\n            title={title}\n            loading={loading ? { text: loadingLabel } : false}\n            dismissible={!loading}\n            actions={\n                <>\n                    <Dialog.CancelAction onClick={handleCancel} text={cancelLabel} />\n                    <Dialog.ConfirmAction onClick={handleConfirm} text={confirmLabel} />\n                </>\n            }\n        >\n            {children}\n        </Dialog>\n    );\n};\n"],"names":["ConfirmationDialog","title","children","onConfirm","onCancel","confirmLabel","cancelLabel","loadingLabel","loading","setLoading","useState","handleConfirm","useCallback","handleCancel","Dialog","open"],"mappings":";;AAaO,MAAMA,qBAAqB,CAAC,EAC/BC,KAAK,EACLC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,eAAe,SAAS,EACxBC,cAAc,QAAQ,EACtBC,eAAe,eAAe,EACR;IACtB,MAAM,CAACC,SAASC,WAAW,GAAGC,SAAS;IAEvC,MAAMC,gBAAgBC,YAAY;QAC9BH,WAAW;QACX,IAAI;YACA,MAAMN;QACV,SAAU;YACNM,WAAW;QACf;IACJ,GAAG;QAACN;KAAU;IAEd,MAAMU,eAAeD,YAAY;QAC7BR;IACJ,GAAG;QAACA;KAAS;IAEb,OAAO,WAAP,GACI,oBAACU,QAAMA;QACH;QACA,cAAcC,CAAAA;YACV,IAAI,CAACA,QAAQ,CAACP,SACVK;QAER;QACA,OAAOZ;QACP,SAASO,UAAU;YAAE,MAAMD;QAAa,IAAI;QAC5C,aAAa,CAACC;QACd,uBACI,wDACI,oBAACM,OAAO,YAAY;YAAC,SAASD;YAAc,MAAMP;0BAClD,oBAACQ,OAAO,aAAa;YAAC,SAASH;YAAe,MAAMN;;OAI3DH;AAGb"}

package/components/ConfirmationDialog/index.d.ts

@@ -0,0 +1 @@
+export { ConfirmationDialog, type ConfirmationDialogProps } from "./ConfirmationDialog.js";

package/components/ConfirmationDialog/index.js

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

package/components/DeveloperMode/DeveloperMode.js

@@ -1,17 +1,8 @@
-/**
- * Component is used to display something that you want to be hidden to everyone except Webiny team.
- * Example usage is in Workflow State Bar, where we need some button to be present only while developing the feature - and debugging.
- * @see packages/app-workflows/src/Components/WorkflowState/Bar/Bars/WorkflowStateBarApproved.tsx
- * @see packages/app-workflows/src/Components/WorkflowState/Bar/Bars/WorkflowStateBarRejected.tsx
- */
-import React from "react";
-export const DeveloperMode = ({
-  children
-}) => {
-  if (process.env.WEBINY_ADMIN_DEV_MODE !== "true") {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+import react from "react";
+const DeveloperMode = ({ children })=>{
+    if ("true" !== process.env.WEBINY_ADMIN_DEV_MODE) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, children);
 };
+export { DeveloperMode };
 
 //# sourceMappingURL=DeveloperMode.js.map

package/components/DeveloperMode/DeveloperMode.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","DeveloperMode","children","process","env","WEBINY_ADMIN_DEV_MODE","createElement","Fragment"],"sources":["DeveloperMode.tsx"],"sourcesContent":["/**\n * Component is used to display something that you want to be hidden to everyone except Webiny team.\n * Example usage is in Workflow State Bar, where we need some button to be present only while developing the feature - and debugging.\n * @see packages/app-workflows/src/Components/WorkflowState/Bar/Bars/WorkflowStateBarApproved.tsx\n * @see packages/app-workflows/src/Components/WorkflowState/Bar/Bars/WorkflowStateBarRejected.tsx\n */\nimport React from \"react\";\n\nexport interface IDeveloperModeProps {\n    children: React.ReactNode;\n}\n\nexport const DeveloperMode = ({ children }: IDeveloperModeProps) => {\n    if (process.env.WEBINY_ADMIN_DEV_MODE !== \"true\") {\n        return null;\n    }\n    return <>{children}</>;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAMzB,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC;AAA8B,CAAC,KAAK;EAChE,IAAIC,OAAO,CAACC,GAAG,CAACC,qBAAqB,KAAK,MAAM,EAAE;IAC9C,OAAO,IAAI;EACf;EACA,oBAAOL,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAO,QAAA,QAAGL,QAAW,CAAC;AAC1B,CAAC","ignoreList":[]}
+{"version":3,"file":"components/DeveloperMode/DeveloperMode.js","sources":["../../../src/components/DeveloperMode/DeveloperMode.tsx"],"sourcesContent":["/**\n * Component is used to display something that you want to be hidden to everyone except Webiny team.\n * Example usage is in Workflow State Bar, where we need some button to be present only while developing the feature - and debugging.\n * @see packages/app-workflows/src/Components/WorkflowState/Bar/Bars/WorkflowStateBarApproved.tsx\n * @see packages/app-workflows/src/Components/WorkflowState/Bar/Bars/WorkflowStateBarRejected.tsx\n */\nimport React from \"react\";\n\nexport interface IDeveloperModeProps {\n    children: React.ReactNode;\n}\n\nexport const DeveloperMode = ({ children }: IDeveloperModeProps) => {\n    if (process.env.WEBINY_ADMIN_DEV_MODE !== \"true\") {\n        return null;\n    }\n    return <>{children}</>;\n};\n"],"names":["DeveloperMode","children","process"],"mappings":";AAYO,MAAMA,gBAAgB,CAAC,EAAEC,QAAQ,EAAuB;IAC3D,IAAIC,AAAsC,WAAtCA,QAAQ,GAAG,CAAC,qBAAqB,EACjC,OAAO;IAEX,OAAO,WAAP,GAAO,0CAAGD;AACd"}

package/components/DeveloperMode/index.js

@@ -1,3 +1 @@
 export { DeveloperMode } from "./DeveloperMode.js";
-
-//# sourceMappingURL=index.js.map

package/components/Dialogs/Dialog.js

@@ -1,64 +1,50 @@
-import React, { useEffect, useState } from "react";
-import { Dialog as AdminDialog } 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,
-    info: props.info,
-    loading: loading ? {
-      text: loadingLabel
-    } : dataIsLoading ? {
-      text: dataLoadingLabel
-    } : false,
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, cancelLabel ? /*#__PURE__*/React.createElement(AdminDialog.CancelAction, {
-      onClick: closeDialog,
-      text: cancelLabel
-    }) : null, acceptLabel ? /*#__PURE__*/React.createElement(AdminDialog.ConfirmAction, {
-      onClick: submit,
-      text: acceptLabel
-    }) : null)
-  }, open ? 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","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","info","text","actions","Fragment","CancelAction","onClick","ConfirmAction"],"sources":["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"],"mappings":"AACA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,MAAM,IAAIC,WAAW,QAAQ,kBAAkB;AAExD,SAASC,IAAI,QAAQ,cAAc;AAqBnC,OAAO,MAAMF,MAAM,GAAGA,CAAC;EACnBG,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,GAAGnB,QAAQ,CAAC,KAAK,CAAC;EAEzD,MAAM,CAACoB,QAAQ,EAAEC,WAAW,CAAC,GAAGrB,QAAQ,CACpC,OAAOe,KAAK,CAACK,QAAQ,KAAK,UAAU,GAAGE,SAAS,GAAGP,KAAK,CAACK,QAC7D,CAAC;EAEDrB,SAAS,CAAC,MAAM;IACZ,IAAI,OAAOgB,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,oBACItB,KAAA,CAAA0B,aAAA,CAACrB,IAAI;IAACU,QAAQ,EAAEG,YAAa;IAACC,IAAI,EAAEG;EAAS,GACxC,CAAC;IAAEK;EAAO,CAAC,kBACR3B,KAAA,CAAA0B,aAAA,CAACtB,WAAW;IACRE,IAAI,EAAEA,IAAK;IACXsB,OAAO,EAAEd,WAAY;IACrBE,IAAI,EAAEA,IAAK;IACXR,KAAK,EAAEA,KAAM;IACbqB,WAAW,EAAEZ,KAAK,CAACY,WAAY;IAC/BC,IAAI,eAAE9B,KAAA,CAAA0B,aAAA,CAACtB,WAAW,CAAC2B,IAAI;MAACD,IAAI,EAAEb,KAAK,CAACa,IAAK;MAACE,KAAK,EAAE;IAAG,CAAE,CAAE;IACxDC,WAAW,EAAEhB,KAAK,CAACgB,WAAY;IAC/BC,IAAI,EAAEjB,KAAK,CAACiB,IAAK;IACjB3B,OAAO,EACHA,OAAO,GACD;MAAE4B,IAAI,EAAEvB;IAAa,CAAC,GACtBQ,aAAa,GACX;MAAEe,IAAI,EAAEtB;IAAiB,CAAC,GAC1B,KACX;IACDuB,OAAO,eACHpC,KAAA,CAAA0B,aAAA,CAAA1B,KAAA,CAAAqC,QAAA,QACK1B,WAAW,gBACRX,KAAA,CAAA0B,aAAA,CAACtB,WAAW,CAACkC,YAAY;MACrBC,OAAO,EAAEzB,WAAY;MACrBqB,IAAI,EAAExB;IAAY,CACrB,CAAC,GACF,IAAI,EACPD,WAAW,gBACRV,KAAA,CAAA0B,aAAA,CAACtB,WAAW,CAACoC,aAAa;MAACD,OAAO,EAAEZ,MAAO;MAACQ,IAAI,EAAEzB;IAAY,CAAE,CAAC,GACjE,IACN;EACL,GAEAJ,IAAI,GAAGG,OAAO,GAAG,IACT,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.js

@@ -1,11 +1,10 @@
 import { createContext, useContext } from "react";
-export const DialogParamsContext = /*#__PURE__*/createContext(undefined);
-export 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;
+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

@@ -1 +1 @@
-{"version":3,"names":["createContext","useContext","DialogParamsContext","undefined","useDialogParamsContext","context","Error"],"sources":["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"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAOjD,OAAO,MAAMC,mBAAmB,gBAAGF,aAAa,CAAuCG,SAAS,CAAC;AAEjG,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EACxC,MAAMC,OAAO,GAAGJ,UAAU,CAACC,mBAAmB,CAAC;EAE/C,IAAI,CAACG,OAAO,EAAE;IACV,MAAM,IAAIC,KAAK,CACX,gFACJ,CAAC;EACL;EAEA,OAAOD,OAAO;AAClB,CAAC","ignoreList":[]}
+{"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.js

@@ -1,162 +1,143 @@
-import React, { useState } from "react";
+import react, { useState } from "react";
 import { createProvider } from "@webiny/app";
 import { generateId } from "@webiny/utils";
 import { useSnackbar } from "../../hooks/index.js";
 import { Dialog } from "./Dialog.js";
 import { DialogParamsContext } from "./DialogParamsContext.js";
 import { useAdminConfig } from "../../config/AdminConfig.js";
-export 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: 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 [namedDialogIntent, setNamedDialogIntent] = useState(null);
-  const {
-    dialogs: registeredDialogs
-  } = useAdminConfig();
-  const showDialog = params => {
-    const newDialog = initializeState({
-      ...params,
-      open: true
+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 closeDialog = id => {
-    const dialog = dialogs.get(id);
-
-    // Call the onClose callback if it exists
-    if (dialog?.onClose && typeof dialog.onClose === "function") {
-      try {
-        dialog.onClose();
-      } catch (error) {
-        // Log error but don't prevent dialog cleanup
-        console.error("Error in dialog onClose callback:", error);
-      }
-    }
-    setDialogs(dialogs => {
-      const newDialogs = new Map(dialogs);
-      newDialogs.delete(id);
-      return newDialogs;
-    });
-  };
-  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 (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,
-    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);
-  })());
-};
-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