@webiny/app-admin 0.0.0-unstable.de38392959 → 0.0.0-unstable.df7a8bb475

package/components/BulkActions/useDialogWithReport/useDialogWithReport.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_useUi","_i18n","_Progress","_DialogMessage","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","t","i18n","ns","useDialogWithReport","ui","useUi","showConfirmationDialog","_ref","execute","title","message","loadingLabel","setState","_objectSpread2","default","dialog","_taggedTemplateLiteral2","options","loading","createElement","CircularProgress","label","actions","accept","onClick","cancel","showResultsDialog","_ref2","params","_objectWithoutProperties2","setTimeout","ResultDialogMessage","exports"],"sources":["useDialogWithReport.tsx"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { ResultDialogMessage } from \"./DialogMessage\";\nimport { Result } from \"../Worker\";\n\nconst t = i18n.ns(\"app-admin/hooks/use-dialog-with-report\");\n\nexport interface ShowConfirmationDialogParams {\n    execute: (() => void) | (() => Promise<void>);\n    title?: string;\n    message?: string;\n    loadingLabel?: string;\n}\n\nexport interface ShowResultsDialogParams {\n    results: Result[];\n    title?: string;\n    message?: string;\n}\n\nexport interface UseDialogWithReportResponse {\n    showConfirmationDialog: (params: ShowConfirmationDialogParams) => void;\n    showResultsDialog: (results: ShowResultsDialogParams) => void;\n}\n\nexport const useDialogWithReport = (): UseDialogWithReportResponse => {\n    const ui = useUi();\n\n    const showConfirmationDialog = ({\n        execute,\n        title,\n        message,\n        loadingLabel\n    }: ShowConfirmationDialogParams) => {\n        ui.setState(ui => {\n            return {\n                ...ui,\n                dialog: {\n                    message: message || t`Are you sure you want to continue?`,\n                    options: {\n                        title: title || t`Confirm`,\n                        loading: <CircularProgress label={loadingLabel} />,\n                        actions: {\n                            accept: {\n                                label: t`Confirm`,\n                                onClick: async () => {\n                                    await execute();\n                                }\n                            },\n                            cancel: {\n                                label: t`Cancel`\n                            }\n                        }\n                    }\n                }\n            };\n        });\n    };\n\n    const showResultsDialog = ({ title, ...params }: ShowResultsDialogParams) => {\n        setTimeout(() => {\n            ui.setState(ui => {\n                return {\n                    ...ui,\n                    dialog: {\n                        message: <ResultDialogMessage {...params} />,\n                        options: {\n                            title: title || t`Results`,\n                            actions: {\n                                cancel: {\n                                    label: t`Close`\n                                }\n                            }\n                        }\n                    }\n                };\n            });\n        }, 10);\n    };\n\n    return {\n        showConfirmationDialog,\n        showResultsDialog\n    };\n};\n"],"mappings":"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"}
+{"version":3,"names":["React","i18n","ResultDialogMessage","useDialogs","t","ns","useDialogWithReport","showDialog","closeAllDialogs","showConfirmationDialog","execute","title","message","loadingLabel","content","acceptLabel","onAccept","cancelLabel","showResultsDialog","onCancel","params","setTimeout","createElement","onClose","hideResultsDialog"],"sources":["useDialogWithReport.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ResultDialogMessage } from \"./DialogMessage.js\";\nimport type { Result } from \"../Worker.js\";\nimport { useDialogs } from \"~/components/Dialogs/useDialogs.js\";\n\nconst t = i18n.ns(\"app-admin/hooks/use-dialog-with-report\");\n\nexport interface ShowConfirmationDialogParams {\n    execute: (() => void) | (() => Promise<void>);\n    title?: string;\n    message?: string;\n    loadingLabel?: string;\n}\n\nexport interface ShowResultsDialogParams {\n    results: Result[];\n    title?: string;\n    message?: string;\n    onCancel?: () => Promise<void>;\n}\n\nexport interface UseDialogWithReportResponse {\n    showConfirmationDialog: (params: ShowConfirmationDialogParams) => void;\n    showResultsDialog: (results: ShowResultsDialogParams) => void;\n    hideResultsDialog: () => void;\n}\n\nexport const useDialogWithReport = (): UseDialogWithReportResponse => {\n    const { showDialog, closeAllDialogs } = useDialogs();\n\n    const showConfirmationDialog = ({\n        execute,\n        title,\n        message,\n        loadingLabel\n    }: ShowConfirmationDialogParams) => {\n        showDialog({\n            title: title || t`Confirm`,\n            content: message || t`Are you sure you want to continue?`,\n            loadingLabel: loadingLabel || t`Processing...`,\n            acceptLabel: t`Confirm`,\n            onAccept: execute,\n            cancelLabel: t`Cancel`\n        });\n    };\n\n    const showResultsDialog = ({ title, onCancel, ...params }: ShowResultsDialogParams) => {\n        setTimeout(() => {\n            showDialog({\n                title: title || t`Results`,\n                content: <ResultDialogMessage {...params} />,\n                cancelLabel: t`Close`,\n                onClose: onCancel,\n                acceptLabel: null\n            });\n        }, 10);\n    };\n\n    const hideResultsDialog = () => {\n        closeAllDialogs();\n    };\n\n    return {\n        showConfirmationDialog,\n        showResultsDialog,\n        hideResultsDialog\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,mBAAmB;AAE5B,SAASC,UAAU;AAEnB,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,wCAAwC,CAAC;AAsB3D,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAmC;EAClE,MAAM;IAAEC,UAAU;IAAEC;EAAgB,CAAC,GAAGL,UAAU,CAAC,CAAC;EAEpD,MAAMM,sBAAsB,GAAGA,CAAC;IAC5BC,OAAO;IACPC,KAAK;IACLC,OAAO;IACPC;EAC0B,CAAC,KAAK;IAChCN,UAAU,CAAC;MACPI,KAAK,EAAEA,KAAK,IAAIP,CAAC,SAAS;MAC1BU,OAAO,EAAEF,OAAO,IAAIR,CAAC,oCAAoC;MACzDS,YAAY,EAAEA,YAAY,IAAIT,CAAC,eAAe;MAC9CW,WAAW,EAAEX,CAAC,SAAS;MACvBY,QAAQ,EAAEN,OAAO;MACjBO,WAAW,EAAEb,CAAC;IAClB,CAAC,CAAC;EACN,CAAC;EAED,MAAMc,iBAAiB,GAAGA,CAAC;IAAEP,KAAK;IAAEQ,QAAQ;IAAE,GAAGC;EAAgC,CAAC,KAAK;IACnFC,UAAU,CAAC,MAAM;MACbd,UAAU,CAAC;QACPI,KAAK,EAAEA,KAAK,IAAIP,CAAC,SAAS;QAC1BU,OAAO,eAAEd,KAAA,CAAAsB,aAAA,CAACpB,mBAAmB,EAAKkB,MAAS,CAAC;QAC5CH,WAAW,EAAEb,CAAC,OAAO;QACrBmB,OAAO,EAAEJ,QAAQ;QACjBJ,WAAW,EAAE;MACjB,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC;EACV,CAAC;EAED,MAAMS,iBAAiB,GAAGA,CAAA,KAAM;IAC5BhB,eAAe,CAAC,CAAC;EACrB,CAAC;EAED,OAAO;IACHC,sBAAsB;IACtBS,iBAAiB;IACjBM;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/components/Buttons/Buttons.d.ts

@@ -1,13 +1,14 @@
 import React from "react";
-import { ButtonProps as BaseButtonProps, IconButtonProps as BaseIconButtonProps } from "@webiny/ui/Button";
-import { TooltipProps } from "@webiny/ui/Tooltip";
-import { ButtonContainer } from "./Buttons.styles";
+import { ButtonContainer } from "./Buttons.styles.js";
+import { type ButtonProps as BaseButtonProps, type IconButtonProps as BaseIconButtonProps, type TooltipProps } from "@webiny/admin-ui";
 interface ButtonProps extends Omit<BaseButtonProps, "onClick"> {
     onAction: (ev?: any) => void;
+    children: React.ReactNode;
 }
 interface IconButtonProps extends Omit<BaseIconButtonProps, "onClick"> {
+    label: string;
     onAction: (ev?: any) => void;
-    tooltipPlacement?: TooltipProps["placement"];
+    tooltipPlacement?: TooltipProps["side"];
 }
 export interface ButtonsProps {
     actions: {
@@ -15,9 +16,9 @@ export interface ButtonsProps {
         element: React.ReactElement;
     }[];
 }
-export declare const Buttons: (props: ButtonsProps) => JSX.Element | null;
+export declare const Buttons: (props: ButtonsProps) => React.JSX.Element | null;
 export { ButtonContainer };
-export declare const ButtonDefault: ({ onAction, ...other }: ButtonProps) => JSX.Element;
-export declare const ButtonPrimary: ({ onAction, ...other }: ButtonProps) => JSX.Element;
-export declare const ButtonSecondary: ({ onAction, ...other }: ButtonProps) => JSX.Element;
-export declare const IconButton: ({ label, onAction, tooltipPlacement, ...other }: IconButtonProps) => JSX.Element;
+export declare const ButtonDefault: ({ onAction, children, ...other }: ButtonProps) => React.JSX.Element;
+export declare const ButtonPrimary: ({ onAction, children, ...other }: ButtonProps) => React.JSX.Element;
+export declare const ButtonSecondary: ({ onAction, children, ...other }: ButtonProps) => React.JSX.Element;
+export declare const IconButton: ({ label, onAction, tooltipPlacement, disabled, ...other }: IconButtonProps) => React.JSX.Element;

package/components/Buttons/Buttons.js

@@ -1,78 +1,77 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ButtonContainer", {
-  enumerable: true,
-  get: function get() {
-    return _Buttons.ButtonContainer;
-  }
-});
-exports.IconButton = exports.Buttons = exports.ButtonSecondary = exports.ButtonPrimary = exports.ButtonDefault = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _Button = require("@webiny/ui/Button");
-var _Tooltip = require("@webiny/ui/Tooltip");
-var _useButtons = require("./useButtons");
-var _Buttons = require("./Buttons.styles");
-var _excluded = ["onAction"],
-  _excluded2 = ["onAction"],
-  _excluded3 = ["onAction"],
-  _excluded4 = ["label", "onAction", "tooltipPlacement"];
-var Buttons = function Buttons(props) {
+import React from "react";
+import { ButtonsProvider } from "./useButtons.js";
+import { ButtonContainer } from "./Buttons.styles.js";
+import { Button, IconButton as BaseIconButton, Tooltip } from "@webiny/admin-ui";
+export const Buttons = props => {
   if (!props.actions.length) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.actions.map(function (action) {
-    return /*#__PURE__*/_react.default.createElement(_Buttons.ButtonContainer, {
-      key: action.name
-    }, /*#__PURE__*/_react.default.createElement(_useButtons.ButtonsProvider, null, action.element));
-  }));
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-sm"
+  }, props.actions.map(action => /*#__PURE__*/React.createElement("div", {
+    className: "empty:hidden leading-none text-0",
+    key: action.name
+  }, /*#__PURE__*/React.createElement(ButtonsProvider, null, action.element))));
 };
-exports.Buttons = Buttons;
-var ButtonDefault = function ButtonDefault(_ref) {
-  var onAction = _ref.onAction,
-    other = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, Object.assign({}, other, {
-    onClick: onAction
+export { ButtonContainer };
+export const ButtonDefault = ({
+  onAction,
+  children,
+  ...other
+}) => {
+  return /*#__PURE__*/React.createElement(Button, Object.assign({
+    variant: "ghost"
+  }, other, {
+    onClick: onAction,
+    text: children
   }));
 };
-exports.ButtonDefault = ButtonDefault;
-var ButtonPrimary = function ButtonPrimary(_ref2) {
-  var onAction = _ref2.onAction,
-    other = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
-  return /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, Object.assign({}, other, {
-    onClick: onAction
+export const ButtonPrimary = ({
+  onAction,
+  children,
+  ...other
+}) => {
+  return /*#__PURE__*/React.createElement(Button, Object.assign({
+    variant: "primary"
+  }, other, {
+    onClick: onAction,
+    text: children
   }));
 };
-exports.ButtonPrimary = ButtonPrimary;
-var ButtonSecondary = function ButtonSecondary(_ref3) {
-  var onAction = _ref3.onAction,
-    other = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
-  return /*#__PURE__*/_react.default.createElement(_Button.ButtonSecondary, Object.assign({}, other, {
-    onClick: onAction
+export const ButtonSecondary = ({
+  onAction,
+  children,
+  ...other
+}) => {
+  return /*#__PURE__*/React.createElement(Button, Object.assign({
+    variant: "secondary"
+  }, other, {
+    onClick: onAction,
+    text: children
   }));
 };
-exports.ButtonSecondary = ButtonSecondary;
-var IconButton = function IconButton(_ref4) {
-  var label = _ref4.label,
-    onAction = _ref4.onAction,
-    tooltipPlacement = _ref4.tooltipPlacement,
-    other = (0, _objectWithoutProperties2.default)(_ref4, _excluded4);
-  if (label) {
-    return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+export const IconButton = ({
+  label,
+  onAction,
+  tooltipPlacement,
+  disabled,
+  ...other
+}) => {
+  if (label && !disabled) {
+    return /*#__PURE__*/React.createElement(Tooltip, {
       content: label,
-      placement: tooltipPlacement
-    }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({}, other, {
-      onClick: onAction
-    })));
+      side: tooltipPlacement,
+      trigger: /*#__PURE__*/React.createElement(BaseIconButton, Object.assign({
+        variant: "ghost"
+      }, other, {
+        onClick: onAction
+      }))
+    });
   }
-  return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({}, other, {
-    onClick: onAction
+  return /*#__PURE__*/React.createElement(BaseIconButton, Object.assign({}, other, {
+    onClick: onAction,
+    disabled: disabled
   }));
 };
-exports.IconButton = IconButton;
 
 //# sourceMappingURL=Buttons.js.map

package/components/Buttons/Buttons.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Button","_Tooltip","_useButtons","_Buttons","_excluded","_excluded2","_excluded3","_excluded4","Buttons","props","actions","length","default","createElement","Fragment","map","action","ButtonContainer","key","name","ButtonsProvider","element","exports","ButtonDefault","_ref","onAction","other","_objectWithoutProperties2","Object","assign","onClick","ButtonPrimary","_ref2","ButtonSecondary","_ref3","IconButton","_ref4","label","tooltipPlacement","Tooltip","content","placement"],"sources":["Buttons.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    ButtonDefault as BaseButtonDefault,\n    ButtonPrimary as BaseButtonPrimary,\n    ButtonSecondary as BaseButtonSecondary,\n    IconButton as BaseIconButton,\n    ButtonProps as BaseButtonProps,\n    IconButtonProps as BaseIconButtonProps\n} from \"@webiny/ui/Button\";\nimport { Tooltip, TooltipProps } from \"@webiny/ui/Tooltip\";\n\nimport { ButtonsProvider } from \"./useButtons\";\nimport { ButtonContainer } from \"./Buttons.styles\";\n\ninterface ButtonProps extends Omit<BaseButtonProps, \"onClick\"> {\n    onAction: (ev?: any) => void;\n}\n\ninterface IconButtonProps extends Omit<BaseIconButtonProps, \"onClick\"> {\n    onAction: (ev?: any) => void;\n    tooltipPlacement?: TooltipProps[\"placement\"];\n}\n\nexport interface ButtonsProps {\n    actions: {\n        name: string;\n        element: React.ReactElement;\n    }[];\n}\n\nexport const Buttons = (props: ButtonsProps) => {\n    if (!props.actions.length) {\n        return null;\n    }\n\n    return (\n        <>\n            {props.actions.map(action => (\n                <ButtonContainer key={action.name}>\n                    <ButtonsProvider>{action.element}</ButtonsProvider>\n                </ButtonContainer>\n            ))}\n        </>\n    );\n};\n\nexport { ButtonContainer };\n\nexport const ButtonDefault = ({ onAction, ...other }: ButtonProps) => {\n    return <BaseButtonDefault {...other} onClick={onAction} />;\n};\n\nexport const ButtonPrimary = ({ onAction, ...other }: ButtonProps) => {\n    return <BaseButtonPrimary {...other} onClick={onAction} />;\n};\n\nexport const ButtonSecondary = ({ onAction, ...other }: ButtonProps) => {\n    return <BaseButtonSecondary {...other} onClick={onAction} />;\n};\n\nexport const IconButton = ({ label, onAction, tooltipPlacement, ...other }: IconButtonProps) => {\n    if (label) {\n        return (\n            <Tooltip content={label} placement={tooltipPlacement}>\n                <BaseIconButton {...other} onClick={onAction} />\n            </Tooltip>\n        );\n    }\n\n    return <BaseIconButton {...other} onClick={onAction} />;\n};\n"],"mappings":"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"}
+{"version":3,"names":["React","ButtonsProvider","ButtonContainer","Button","IconButton","BaseIconButton","Tooltip","Buttons","props","actions","length","createElement","className","map","action","key","name","element","ButtonDefault","onAction","children","other","Object","assign","variant","onClick","text","ButtonPrimary","ButtonSecondary","label","tooltipPlacement","disabled","content","side","trigger"],"sources":["Buttons.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ButtonsProvider } from \"./useButtons.js\";\nimport { ButtonContainer } from \"./Buttons.styles.js\";\nimport {\n    Button,\n    type ButtonProps as BaseButtonProps,\n    IconButton as BaseIconButton,\n    type IconButtonProps as BaseIconButtonProps,\n    Tooltip,\n    type TooltipProps\n} from \"@webiny/admin-ui\";\n\ninterface ButtonProps extends Omit<BaseButtonProps, \"onClick\"> {\n    onAction: (ev?: any) => void;\n    children: React.ReactNode;\n}\n\ninterface IconButtonProps extends Omit<BaseIconButtonProps, \"onClick\"> {\n    label: string;\n    onAction: (ev?: any) => void;\n    tooltipPlacement?: TooltipProps[\"side\"];\n}\n\nexport interface ButtonsProps {\n    actions: {\n        name: string;\n        element: React.ReactElement;\n    }[];\n}\n\nexport const Buttons = (props: ButtonsProps) => {\n    if (!props.actions.length) {\n        return null;\n    }\n\n    return (\n        <div className={\"flex items-center gap-sm\"}>\n            {props.actions.map(action => (\n                <div className={\"empty:hidden leading-none text-0\"} key={action.name}>\n                    <ButtonsProvider>{action.element}</ButtonsProvider>\n                </div>\n            ))}\n        </div>\n    );\n};\n\nexport { ButtonContainer };\n\nexport const ButtonDefault = ({ onAction, children, ...other }: ButtonProps) => {\n    return <Button variant={\"ghost\"} {...other} onClick={onAction} text={children} />;\n};\n\nexport const ButtonPrimary = ({ onAction, children, ...other }: ButtonProps) => {\n    return <Button variant={\"primary\"} {...other} onClick={onAction} text={children} />;\n};\n\nexport const ButtonSecondary = ({ onAction, children, ...other }: ButtonProps) => {\n    return <Button variant={\"secondary\"} {...other} onClick={onAction} text={children} />;\n};\n\nexport const IconButton = ({\n    label,\n    onAction,\n    tooltipPlacement,\n    disabled,\n    ...other\n}: IconButtonProps) => {\n    if (label && !disabled) {\n        return (\n            <Tooltip\n                content={label}\n                side={tooltipPlacement}\n                trigger={<BaseIconButton variant={\"ghost\"} {...other} onClick={onAction} />}\n            />\n        );\n    }\n\n    return <BaseIconButton {...other} onClick={onAction} disabled={disabled} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,eAAe;AACxB,SAASC,eAAe;AACxB,SACIC,MAAM,EAENC,UAAU,IAAIC,cAAc,EAE5BC,OAAO,QAEJ,kBAAkB;AAoBzB,OAAO,MAAMC,OAAO,GAAIC,KAAmB,IAAK;EAC5C,IAAI,CAACA,KAAK,CAACC,OAAO,CAACC,MAAM,EAAE;IACvB,OAAO,IAAI;EACf;EAEA,oBACIV,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE;EAA2B,GACtCJ,KAAK,CAACC,OAAO,CAACI,GAAG,CAACC,MAAM,iBACrBd,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE,kCAAmC;IAACG,GAAG,EAAED,MAAM,CAACE;EAAK,gBACjEhB,KAAA,CAAAW,aAAA,CAACV,eAAe,QAAEa,MAAM,CAACG,OAAyB,CACjD,CACR,CACA,CAAC;AAEd,CAAC;AAED,SAASf,eAAe;AAExB,OAAO,MAAMgB,aAAa,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,QAAQ;EAAE,GAAGC;AAAmB,CAAC,KAAK;EAC5E,oBAAOrB,KAAA,CAAAW,aAAA,CAACR,MAAM,EAAAmB,MAAA,CAAAC,MAAA;IAACC,OAAO,EAAE;EAAQ,GAAKH,KAAK;IAAEI,OAAO,EAAEN,QAAS;IAACO,IAAI,EAAEN;EAAS,EAAE,CAAC;AACrF,CAAC;AAED,OAAO,MAAMO,aAAa,GAAGA,CAAC;EAAER,QAAQ;EAAEC,QAAQ;EAAE,GAAGC;AAAmB,CAAC,KAAK;EAC5E,oBAAOrB,KAAA,CAAAW,aAAA,CAACR,MAAM,EAAAmB,MAAA,CAAAC,MAAA;IAACC,OAAO,EAAE;EAAU,GAAKH,KAAK;IAAEI,OAAO,EAAEN,QAAS;IAACO,IAAI,EAAEN;EAAS,EAAE,CAAC;AACvF,CAAC;AAED,OAAO,MAAMQ,eAAe,GAAGA,CAAC;EAAET,QAAQ;EAAEC,QAAQ;EAAE,GAAGC;AAAmB,CAAC,KAAK;EAC9E,oBAAOrB,KAAA,CAAAW,aAAA,CAACR,MAAM,EAAAmB,MAAA,CAAAC,MAAA;IAACC,OAAO,EAAE;EAAY,GAAKH,KAAK;IAAEI,OAAO,EAAEN,QAAS;IAACO,IAAI,EAAEN;EAAS,EAAE,CAAC;AACzF,CAAC;AAED,OAAO,MAAMhB,UAAU,GAAGA,CAAC;EACvByB,KAAK;EACLV,QAAQ;EACRW,gBAAgB;EAChBC,QAAQ;EACR,GAAGV;AACU,CAAC,KAAK;EACnB,IAAIQ,KAAK,IAAI,CAACE,QAAQ,EAAE;IACpB,oBACI/B,KAAA,CAAAW,aAAA,CAACL,OAAO;MACJ0B,OAAO,EAAEH,KAAM;MACfI,IAAI,EAAEH,gBAAiB;MACvBI,OAAO,eAAElC,KAAA,CAAAW,aAAA,CAACN,cAAc,EAAAiB,MAAA,CAAAC,MAAA;QAACC,OAAO,EAAE;MAAQ,GAAKH,KAAK;QAAEI,OAAO,EAAEN;MAAS,EAAE;IAAE,CAC/E,CAAC;EAEV;EAEA,oBAAOnB,KAAA,CAAAW,aAAA,CAACN,cAAc,EAAAiB,MAAA,CAAAC,MAAA,KAAKF,KAAK;IAAEI,OAAO,EAAEN,QAAS;IAACY,QAAQ,EAAEA;EAAS,EAAE,CAAC;AAC/E,CAAC","ignoreList":[]}

package/components/Buttons/Buttons.styles.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const ButtonContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/Buttons/Buttons.styles.js

@@ -1,15 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ButtonContainer = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var ButtonContainer = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "ButtonContainer",
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+export const ButtonContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1ubuzv90"
-})("margin-left:16px;");
-exports.ButtonContainer = ButtonContainer;
+} : {
+  target: "e1ubuzv90",
+  label: "ButtonContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "at3lo0",
+  styles: "margin-left:16px;text-wrap:nowrap;&:empty{display:none;}"
+} : {
+  name: "at3lo0",
+  styles: "margin-left:16px;text-wrap:nowrap;&:empty{display:none;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFNEMiLCJmaWxlIjoiQnV0dG9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBCdXR0b25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgbWFyZ2luLWxlZnQ6IDE2cHg7XG4gICAgdGV4dC13cmFwOiBub3dyYXA7XG4gICAgJjplbXB0eSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 
 //# sourceMappingURL=Buttons.styles.js.map

package/components/Buttons/Buttons.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_styled","_interopRequireDefault","require","ButtonContainer","styled","label","target","exports"],"sources":["Buttons.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const ButtonContainer = styled(\"div\")`\n    margin-left: 16px;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,eAAe,oBAAGC,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,uBAE1C;AAACC,OAAA,CAAAJ,eAAA,GAAAA,eAAA"}
+{"version":3,"names":["ButtonContainer","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["Buttons.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const ButtonContainer = styled(\"div\")`\n    margin-left: 16px;\n    text-wrap: nowrap;\n    &:empty {\n        display: none;\n    }\n`;\n"],"mappings":";;AAEA,OAAO,MAAMA,eAAe,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAM3C","ignoreList":[]}

package/components/Buttons/index.d.ts

@@ -1,2 +1,2 @@
-export { Buttons, ButtonContainer } from "./Buttons";
-export { useButtons } from "./useButtons";
+export { Buttons, ButtonContainer } from "./Buttons.js";
+export { useButtons } from "./useButtons.js";

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"}
+{"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;
@@ -9,6 +9,6 @@ export interface ButtonsProviderContext {
 interface ButtonsProviderProps {
     children: React.ReactNode;
 }
-export declare const ButtonsProvider: ({ children }: ButtonsProviderProps) => JSX.Element;
+export declare const ButtonsProvider: ({ children }: ButtonsProviderProps) => React.JSX.Element;
 export declare const useButtons: () => ButtonsProviderContext;
 export {};

package/components/Buttons/useButtons.js

@@ -1,32 +1,24 @@
-"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 = 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);
 };
-exports.ButtonsProvider = ButtonsProvider;
-var 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");
   }
   return context;
 };
-exports.useButtons = useButtons;
 
 //# sourceMappingURL=useButtons.js.map

package/components/Buttons/useButtons.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Buttons","ButtonsContext","React","createContext","undefined","ButtonsProvider","_ref","children","default","createElement","Provider","value","ButtonDefault","ButtonPrimary","ButtonSecondary","IconButton","exports","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,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAA2C;EAAA,IAArCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACtC,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,cAAc,CAACS,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;AAACS,OAAA,CAAAX,eAAA,GAAAA,eAAA;AAEK,IAAMY,UAAU,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;AAACF,OAAA,CAAAC,UAAA,GAAAA,UAAA"}
+{"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

@@ -0,0 +1,21 @@
+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, dataLoadingLabel, closeDialog, onSubmit, size, ...props }: DialogProps) => React.JSX.Element;

package/components/Dialogs/Dialog.js

@@ -0,0 +1,62 @@
+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);
+  };
+  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.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

@@ -0,0 +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","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

@@ -0,0 +1,38 @@
+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;
+    formData?: DialogProps["formData"];
+    size?: "sm" | "md" | "lg" | "xl" | "full";
+}
+export interface DialogsContext {
+    showDialog: (params: ShowDialogParams) => () => void;
+    closeAllDialogs: () => void;
+}
+interface DialogsProviderProps {
+    children: ReactNode;
+}
+interface DialogState extends ShowDialogParams {
+    id: string;
+    open: boolean;
+    loading: boolean;
+    element?: JSX.Element;
+}
+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;
+export declare const createDialogsProvider: () => import("@webiny/app").Decorator<import("@webiny/app").GenericComponent<import("@webiny/app").ChildrenProps>>;
+export {};