@webiny/app-admin 6.0.0-beta.0 → 6.0.0-rc.0

package/components/Buttons/index.js

@@ -1,27 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ButtonContainer", {
-  enumerable: true,
-  get: function get() {
-    return _Buttons.ButtonContainer;
-  }
-});
-Object.defineProperty(exports, "Buttons", {
-  enumerable: true,
-  get: function get() {
-    return _Buttons.Buttons;
-  }
-});
-Object.defineProperty(exports, "useButtons", {
-  enumerable: true,
-  get: function get() {
-    return _useButtons.useButtons;
-  }
-});
-var _Buttons = require("./Buttons");
-var _useButtons = require("./useButtons");
+export { Buttons, ButtonContainer } from "./Buttons.js";
+export { useButtons } from "./useButtons.js";
 
 //# sourceMappingURL=index.js.map

package/components/Buttons/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Buttons","require","_useButtons"],"sources":["index.ts"],"sourcesContent":["export { Buttons, ButtonContainer } from \"./Buttons\";\nexport { useButtons } from \"./useButtons\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA","ignoreList":[]}
+{"version":3,"names":["Buttons","ButtonContainer","useButtons"],"sources":["index.ts"],"sourcesContent":["export { Buttons, ButtonContainer } from \"./Buttons.js\";\nexport { useButtons } from \"./useButtons.js\";\n"],"mappings":"AAAA,SAASA,OAAO,EAAEC,eAAe;AACjC,SAASC,UAAU","ignoreList":[]}

package/components/Buttons/useButtons.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton } from "./Buttons";
+import { ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton } from "./Buttons.js";
 export interface ButtonsProviderContext {
     ButtonDefault: typeof ButtonDefault;
     ButtonPrimary: typeof ButtonPrimary;

package/components/Buttons/useButtons.js

@@ -1,26 +1,20 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useButtons = exports.ButtonsProvider = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Buttons = require("./Buttons");
-var ButtonsContext = /*#__PURE__*/_react.default.createContext(undefined);
-var ButtonsProvider = exports.ButtonsProvider = function ButtonsProvider(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(ButtonsContext.Provider, {
+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: _Buttons.ButtonDefault,
-      ButtonPrimary: _Buttons.ButtonPrimary,
-      ButtonSecondary: _Buttons.ButtonSecondary,
-      IconButton: _Buttons.IconButton
+      ButtonDefault,
+      ButtonPrimary,
+      ButtonSecondary,
+      IconButton
     }
   }, children);
 };
-var useButtons = exports.useButtons = function useButtons() {
-  var context = _react.default.useContext(ButtonsContext);
+export const useButtons = () => {
+  const context = React.useContext(ButtonsContext);
   if (!context) {
     throw new Error("useButtons must be used within a ButtonsContext");
   }

package/components/Buttons/useButtons.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Buttons","ButtonsContext","React","createContext","undefined","ButtonsProvider","exports","_ref","children","default","createElement","Provider","value","ButtonDefault","ButtonPrimary","ButtonSecondary","IconButton","useButtons","context","useContext","Error"],"sources":["useButtons.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton } from \"./Buttons\";\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AASA,IAAME,cAAc,gBAAGC,cAAK,CAACC,aAAa,CAAqCC,SAAS,CAAC;AAMlF,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAAE,IAAA,EAA2C;EAAA,IAArCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACtC,oBACIX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,cAAc,CAACU,QAAQ;IACpBC,KAAK,EAAE;MAAEC,aAAa,EAAbA,sBAAa;MAAEC,aAAa,EAAbA,sBAAa;MAAEC,eAAe,EAAfA,wBAAe;MAAEC,UAAU,EAAVA;IAAW;EAAE,GAEpER,QACoB,CAAC;AAElC,CAAC;AAEM,IAAMS,UAAU,GAAAX,OAAA,CAAAW,UAAA,GAAG,SAAbA,UAAUA,CAAA,EAAiC;EACpD,IAAMC,OAAO,GAAGhB,cAAK,CAACiB,UAAU,CAAClB,cAAc,CAAC;EAEhD,IAAI,CAACiB,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,iDAAiD,CAAC;EACtE;EAEA,OAAOF,OAAO;AAClB,CAAC","ignoreList":[]}
+{"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":[]}

package/components/Dialogs/Dialog.d.ts

@@ -1,15 +1,21 @@
-import React, { ReactNode } from "react";
-import { GenericFormData } from "@webiny/form";
-interface DialogProps {
+import type { ReactNode } from "react";
+import React from "react";
+import type { GenericFormData } from "@webiny/form";
+export interface DialogProps {
     title: ReactNode;
+    description: ReactNode;
+    dismissible: boolean;
     content: ReactNode;
+    icon: ReactNode;
     acceptLabel?: ReactNode;
     cancelLabel?: ReactNode;
     loadingLabel?: ReactNode;
+    dataLoadingLabel?: ReactNode;
     onSubmit: (data: GenericFormData) => void;
     closeDialog: () => void;
     loading: boolean;
     open: boolean;
+    formData?: GenericFormData | (() => Promise<GenericFormData>);
+    size?: "sm" | "md" | "lg" | "xl" | "full";
 }
-export declare const Dialog: ({ open, loading, title, content, acceptLabel, cancelLabel, loadingLabel, closeDialog, onSubmit }: DialogProps) => React.JSX.Element;
-export {};
+export declare const Dialog: ({ open, loading, title, content, acceptLabel, cancelLabel, loadingLabel, dataLoadingLabel, closeDialog, onSubmit, size, ...props }: DialogProps) => React.JSX.Element;

package/components/Dialogs/Dialog.js

@@ -1,45 +1,62 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Dialog = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _form = require("@webiny/form");
-var _Button = require("@webiny/ui/Button");
-var _Dialog = require("@webiny/ui/Dialog");
-var _Progress = require("@webiny/ui/Progress");
-var _styled = require("./styled");
-var Dialog = exports.Dialog = function Dialog(_ref) {
-  var open = _ref.open,
-    loading = _ref.loading,
-    title = _ref.title,
-    content = _ref.content,
-    acceptLabel = _ref.acceptLabel,
-    cancelLabel = _ref.cancelLabel,
-    _ref$loadingLabel = _ref.loadingLabel,
-    loadingLabel = _ref$loadingLabel === void 0 ? "Loading..." : _ref$loadingLabel,
-    closeDialog = _ref.closeDialog,
-    onSubmit = _ref.onSubmit;
-  var handleSubmit = function handleSubmit(data) {
-    onSubmit(data);
+import React, { useEffect, useState } from "react";
+import { Dialog as AdminDialog, OverlayLoader } 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);
   };
-  return /*#__PURE__*/_react.default.createElement(_styled.DialogContainer, {
+  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
-  }, open ? /*#__PURE__*/_react.default.createElement(_form.Form, {
-    onSubmit: handleSubmit
-  }, function (_ref2) {
-    var submit = _ref2.submit;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
-      label: loadingLabel
-    }), /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, title), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, content), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, cancelLabel ? /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
-      onClick: closeDialog
-    }, cancelLabel) : null, acceptLabel ? /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-      onClick: submit
-    }, acceptLabel) : null));
-  }) : null);
+    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.CancelAction, {
+      onClick: closeDialog,
+      text: cancelLabel
+    }) : null, acceptLabel ? /*#__PURE__*/React.createElement(AdminDialog.ConfirmAction, {
+      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));
 };
 
 //# sourceMappingURL=Dialog.js.map

package/components/Dialogs/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_form","_Button","_Dialog","_Progress","_styled","Dialog","exports","_ref","open","loading","title","content","acceptLabel","cancelLabel","_ref$loadingLabel","loadingLabel","closeDialog","onSubmit","handleSubmit","data","default","createElement","DialogContainer","onClose","Form","_ref2","submit","Fragment","CircularProgress","label","DialogTitle","DialogContent","DialogActions","ButtonDefault","onClick","ButtonPrimary"],"sources":["Dialog.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport { Form, FormOnSubmit, GenericFormData } from \"@webiny/form\";\nimport { ButtonDefault, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { DialogActions, DialogContent, DialogTitle } from \"@webiny/ui/Dialog\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nimport { DialogContainer } from \"./styled\";\n\ninterface DialogProps {\n    title: ReactNode;\n    content: ReactNode;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: ReactNode;\n    onSubmit: (data: GenericFormData) => void;\n    closeDialog: () => void;\n    loading: boolean;\n    open: boolean;\n}\n\nexport const Dialog = ({\n    open,\n    loading,\n    title,\n    content,\n    acceptLabel,\n    cancelLabel,\n    loadingLabel = \"Loading...\",\n    closeDialog,\n    onSubmit\n}: DialogProps) => {\n    const handleSubmit: FormOnSubmit = data => {\n        onSubmit(data);\n    };\n\n    return (\n        <DialogContainer open={open} onClose={closeDialog}>\n            {open ? (\n                <Form onSubmit={handleSubmit}>\n                    {({ submit }) => (\n                        <>\n                            {loading && <CircularProgress label={loadingLabel} />}\n                            <DialogTitle>{title}</DialogTitle>\n                            <DialogContent>{content}</DialogContent>\n                            <DialogActions>\n                                {cancelLabel ? (\n                                    <ButtonDefault onClick={closeDialog}>\n                                        {cancelLabel}\n                                    </ButtonDefault>\n                                ) : null}\n                                {acceptLabel ? (\n                                    <ButtonPrimary onClick={submit}>{acceptLabel}</ButtonPrimary>\n                                ) : null}\n                            </DialogActions>\n                        </>\n                    )}\n                </Form>\n            ) : null}\n        </DialogContainer>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAEA,IAAAK,OAAA,GAAAL,OAAA;AAcO,IAAMM,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAAE,IAAA,EAUA;EAAA,IATfC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IAAAC,iBAAA,GAAAP,IAAA,CACXQ,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,YAAY,GAAAA,iBAAA;IAC3BE,WAAW,GAAAT,IAAA,CAAXS,WAAW;IACXC,QAAQ,GAAAV,IAAA,CAARU,QAAQ;EAER,IAAMC,YAA0B,GAAG,SAA7BA,YAA0BA,CAAGC,IAAI,EAAI;IACvCF,QAAQ,CAACE,IAAI,CAAC;EAClB,CAAC;EAED,oBACItB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACjB,OAAA,CAAAkB,eAAe;IAACd,IAAI,EAAEA,IAAK;IAACe,OAAO,EAAEP;EAAY,GAC7CR,IAAI,gBACDX,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACrB,KAAA,CAAAwB,IAAI;IAACP,QAAQ,EAAEC;EAAa,GACxB,UAAAO,KAAA;IAAA,IAAGC,MAAM,GAAAD,KAAA,CAANC,MAAM;IAAA,oBACN7B,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAAAxB,MAAA,CAAAuB,OAAA,CAAAO,QAAA,QACKlB,OAAO,iBAAIZ,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAAClB,SAAA,CAAAyB,gBAAgB;MAACC,KAAK,EAAEd;IAAa,CAAE,CAAC,eACrDlB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACnB,OAAA,CAAA4B,WAAW,QAAEpB,KAAmB,CAAC,eAClCb,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACnB,OAAA,CAAA6B,aAAa,QAAEpB,OAAuB,CAAC,eACxCd,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACnB,OAAA,CAAA8B,aAAa,QACTnB,WAAW,gBACRhB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,OAAA,CAAAgC,aAAa;MAACC,OAAO,EAAElB;IAAY,GAC/BH,WACU,CAAC,GAChB,IAAI,EACPD,WAAW,gBACRf,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,OAAA,CAAAkC,aAAa;MAACD,OAAO,EAAER;IAAO,GAAEd,WAA2B,CAAC,GAC7D,IACO,CACjB,CAAC;EAAA,CAEL,CAAC,GACP,IACS,CAAC;AAE1B,CAAC","ignoreList":[]}
+{"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","CancelAction","onClick","text","ConfirmAction"],"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.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 ? (\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":[]}

package/components/Dialogs/DialogsContext.d.ts

@@ -1,43 +1,38 @@
-import React, { ReactNode } from "react";
-import { GenericFormData } from "@webiny/form";
+import type { ReactNode } from "react";
+import React from "react";
+import type { GenericFormData } from "@webiny/form";
+import { type DialogProps } from "./Dialog.js";
 interface ShowDialogParams {
     title: ReactNode;
+    description?: ReactNode;
+    dismissible?: boolean;
     content: ReactNode;
     actions?: JSX.Element;
+    icon?: JSX.Element;
     acceptLabel?: ReactNode;
     cancelLabel?: ReactNode;
     loadingLabel?: ReactNode;
+    dataLoadingLabel?: ReactNode;
     onAccept?: (data: GenericFormData) => void;
     onClose?: () => void;
-}
-interface ShowCustomDialogParams {
-    element: JSX.Element;
-    onSubmit?: (data: GenericFormData) => void;
+    formData?: DialogProps["formData"];
+    size?: "sm" | "md" | "lg" | "xl" | "full";
 }
 export interface DialogsContext {
-    showDialog: (params: ShowDialogParams) => void;
-    showCustomDialog: (params: ShowCustomDialogParams) => void;
+    showDialog: (params: ShowDialogParams) => () => void;
+    closeAllDialogs: () => void;
 }
 interface DialogsProviderProps {
     children: ReactNode;
 }
-interface State {
+interface DialogState extends ShowDialogParams {
+    id: string;
     open: boolean;
     loading: boolean;
-    title: ReactNode;
-    content: ReactNode;
-    acceptLabel: ReactNode;
-    cancelLabel: ReactNode;
-    loadingLabel: ReactNode;
     element?: JSX.Element;
-    onAccept?: (data: GenericFormData) => void;
-    onClose?: () => void;
 }
-export declare const initializeState: () => State;
+export declare const initializeState: (params?: Partial<DialogState>) => DialogState;
 export declare const DialogsContext: React.Context<DialogsContext | undefined>;
 export declare const DialogsProvider: ({ children }: DialogsProviderProps) => React.JSX.Element;
-interface DialogsProviderProps {
-    children: React.ReactNode;
-}
-export declare const createDialogsProvider: () => (Component: React.ComponentType<React.PropsWithChildren>) => ({ children }: DialogsProviderProps) => React.JSX.Element;
+export declare const createDialogsProvider: () => import("@webiny/app").Decorator<import("@webiny/app").GenericComponent<import("@webiny/app").ChildrenProps>>;
 export {};

package/components/Dialogs/DialogsContext.js

@@ -1,121 +1,132 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+import React, { useState } from "react";
+import { useSnackbar } from "../../hooks/index.js";
+import { Dialog } from "./Dialog.js";
+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"
 });
-exports.initializeState = exports.createDialogsProvider = exports.DialogsProvider = exports.DialogsContext = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _hooks = require("../../hooks");
-var _Dialog = require("./Dialog");
-var _CustomDialog = require("./CustomDialog");
-var initializeState = exports.initializeState = function initializeState() {
-  return {
-    title: "Confirmation",
-    content: undefined,
-    acceptLabel: "Confirm",
-    cancelLabel: "Cancel",
-    loadingLabel: "Loading",
-    onAccept: undefined,
-    onClose: undefined,
-    open: false,
-    loading: false
-  };
-};
-var DialogsContext = exports.DialogsContext = /*#__PURE__*/_react.default.createContext(undefined);
-var DialogsProvider = exports.DialogsProvider = function DialogsProvider(_ref) {
-  var children = _ref.children;
-  var _useSnackbar = (0, _hooks.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var _useState = (0, _react.useState)(initializeState()),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  var showDialog = function showDialog(params) {
-    setState(function (state) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), params), {}, {
-        open: true
-      });
-    });
-  };
-  var showCustomDialog = function showCustomDialog(_ref2) {
-    var onSubmit = _ref2.onSubmit,
-      element = _ref2.element;
-    setState(function (state) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-        element: element,
-        onAccept: onSubmit,
-        open: true
-      });
+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
     });
+    setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));
+    return () => closeDialog(newDialog.id);
   };
-  var closeDialog = function closeDialog() {
-    if (typeof state.onClose === "function") {
-      state.onClose();
+  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);
+      }
     }
-    setState(function (state) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-        open: false,
-        element: undefined,
-        content: null
-      });
+    setDialogs(dialogs => {
+      const newDialogs = new Map(dialogs);
+      newDialogs.delete(id);
+      return newDialogs;
     });
   };
-  var onSubmit = async function onSubmit(data) {
+  const closeAllDialogs = () => {
+    setDialogs(new Map());
+  };
+  const onSubmit = async (id, data) => {
+    const dialog = dialogs.get(id);
+    if (!dialog) {
+      return;
+    }
     try {
-      if (typeof state.onAccept === "function") {
-        setState(function (state) {
-          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+      if (typeof dialog.onAccept === "function") {
+        setDialogs(dialogs => {
+          const newDialogs = new Map(dialogs);
+          newDialogs.set(id, {
+            ...dialog,
             loading: true
           });
+          return newDialogs;
         });
-        await state.onAccept(data);
+        await dialog.onAccept(data);
       }
     } catch (error) {
       showSnackbar(error.message);
     } finally {
-      setState(function (state) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+      setDialogs(dialogs => {
+        const newDialogs = new Map(dialogs);
+        newDialogs.set(id, {
+          ...dialog,
           loading: false
         });
+        return newDialogs;
       });
-      closeDialog();
+      closeDialog(id);
     }
   };
-  var context = {
-    showDialog: showDialog,
-    showCustomDialog: showCustomDialog,
-    closeDialog: closeDialog
+  const context = {
+    showDialog,
+    closeDialog,
+    closeAllDialogs
   };
-  return /*#__PURE__*/_react.default.createElement(DialogsContext.Provider, {
+  return /*#__PURE__*/React.createElement(DialogsContext.Provider, {
     value: context
-  }, children, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, state.element ? /*#__PURE__*/_react.default.createElement(_CustomDialog.CustomDialog, {
-    open: state.open,
-    loading: state.loading,
-    closeDialog: closeDialog,
-    onSubmit: onSubmit
-  }, state.element) : null, !state.element ? /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
-    title: state.title,
-    content: state.content,
-    open: state.open,
-    acceptLabel: state.acceptLabel,
-    cancelLabel: state.cancelLabel,
-    loadingLabel: state.loadingLabel,
-    loading: state.loading,
-    closeDialog: closeDialog,
-    onSubmit: onSubmit
-  }) : null));
+  }, 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,
+    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
+  })));
 };
-var createDialogsProvider = exports.createDialogsProvider = function createDialogsProvider() {
-  return function (Component) {
-    return function DialogsProviderDecorator(_ref3) {
-      var children = _ref3.children;
-      return /*#__PURE__*/_react.default.createElement(DialogsProvider, null, /*#__PURE__*/_react.default.createElement(Component, null, children));
+export const createDialogsProvider = () => {
+  return createProvider(Component => {
+    return function DialogsProviderDecorator({
+      children
+    }) {
+      return /*#__PURE__*/React.createElement(DialogsProvider, null, /*#__PURE__*/React.createElement(Component, null, children));
     };
-  };
+  });
 };
 
 //# sourceMappingURL=DialogsContext.js.map

package/components/Dialogs/DialogsContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_hooks","_Dialog","_CustomDialog","initializeState","exports","title","content","undefined","acceptLabel","cancelLabel","loadingLabel","onAccept","onClose","open","loading","DialogsContext","React","createContext","DialogsProvider","_ref","children","_useSnackbar","useSnackbar","showSnackbar","_useState","useState","_useState2","_slicedToArray2","default","state","setState","showDialog","params","_objectSpread2","showCustomDialog","_ref2","onSubmit","element","closeDialog","data","error","message","context","createElement","Provider","value","Fragment","CustomDialog","Dialog","createDialogsProvider","Component","DialogsProviderDecorator","_ref3"],"sources":["DialogsContext.tsx"],"sourcesContent":["import React, { ReactNode, useState } from \"react\";\nimport { GenericFormData } from \"@webiny/form\";\nimport { useSnackbar } from \"~/hooks\";\nimport { Dialog } from \"./Dialog\";\nimport { CustomDialog } from \"./CustomDialog\";\n\ninterface ShowDialogParams {\n    title: ReactNode;\n    content: ReactNode;\n    actions?: JSX.Element;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: ReactNode;\n    onAccept?: (data: GenericFormData) => void;\n    onClose?: () => void;\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}\n\ninterface DialogsProviderProps {\n    children: ReactNode;\n}\n\ninterface State {\n    open: boolean;\n    loading: boolean;\n    title: ReactNode;\n    content: ReactNode;\n    acceptLabel: ReactNode;\n    cancelLabel: ReactNode;\n    loadingLabel: ReactNode;\n    element?: JSX.Element;\n    onAccept?: (data: GenericFormData) => void;\n    onClose?: () => void;\n}\n\nexport const initializeState = (): State => ({\n    title: `Confirmation`,\n    content: undefined,\n    acceptLabel: `Confirm`,\n    cancelLabel: `Cancel`,\n    loadingLabel: `Loading`,\n    onAccept: undefined,\n    onClose: undefined,\n    open: false,\n    loading: false\n});\n\nexport const DialogsContext = React.createContext<DialogsContext | undefined>(undefined);\n\nexport const DialogsProvider = ({ children }: DialogsProviderProps) => {\n    const { showSnackbar } = useSnackbar();\n\n    const [state, setState] = useState(initializeState());\n\n    const showDialog = (params: ShowDialogParams | JSX.Element) => {\n        setState(state => ({\n            ...state,\n            ...params,\n            open: true\n        }));\n    };\n\n    const showCustomDialog = ({ onSubmit, element }: ShowCustomDialogParams) => {\n        setState(state => ({\n            ...state,\n            element,\n            onAccept: onSubmit,\n            open: true\n        }));\n    };\n\n    const closeDialog = () => {\n        if (typeof state.onClose === \"function\") {\n            state.onClose();\n        }\n\n        setState(state => ({\n            ...state,\n            open: false,\n            element: undefined,\n            content: null\n        }));\n    };\n\n    const onSubmit = async (data: GenericFormData) => {\n        try {\n            if (typeof state.onAccept === \"function\") {\n                setState(state => ({\n                    ...state,\n                    loading: true\n                }));\n\n                await state.onAccept(data);\n            }\n        } catch (error) {\n            showSnackbar(error.message);\n        } finally {\n            setState(state => ({\n                ...state,\n                loading: false\n            }));\n            closeDialog();\n        }\n    };\n\n    const context = {\n        showDialog,\n        showCustomDialog,\n        closeDialog\n    };\n\n    return (\n        <DialogsContext.Provider value={context}>\n            {children}\n            <>\n                {state.element ? (\n                    <CustomDialog\n                        open={state.open}\n                        loading={state.loading}\n                        closeDialog={closeDialog}\n                        onSubmit={onSubmit}\n                    >\n                        {state.element}\n                    </CustomDialog>\n                ) : null}\n                {!state.element ? (\n                    <Dialog\n                        title={state.title}\n                        content={state.content}\n                        open={state.open}\n                        acceptLabel={state.acceptLabel}\n                        cancelLabel={state.cancelLabel}\n                        loadingLabel={state.loadingLabel}\n                        loading={state.loading}\n                        closeDialog={closeDialog}\n                        onSubmit={onSubmit}\n                    />\n                ) : null}\n            </>\n        </DialogsContext.Provider>\n    );\n};\n\ninterface DialogsProviderProps {\n    children: React.ReactNode;\n}\n\nexport const createDialogsProvider =\n    () => (Component: React.ComponentType<React.PropsWithChildren>) => {\n        return function DialogsProviderDecorator({ children }: DialogsProviderProps) {\n            return (\n                <DialogsProvider>\n                    <Component>{children}</Component>\n                </DialogsProvider>\n            );\n        };\n    };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","useSnackbar","Dialog","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","dialog","get","error","console","newDialogs","delete","closeAllDialogs","onSubmit","data","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/index.js\";\nimport { Dialog, type DialogProps } from \"./Dialog.js\";\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\nexport interface DialogsContext {\n    showDialog: (params: ShowDialogParams) => () => 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 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 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    };\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                    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        </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":[]}

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";