@webiny/app-admin 6.3.0 → 6.4.0-beta.0

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"components/BulkActions/useDialogWithReport/useDialogWithReport.js","sources":["../../../../src/components/BulkActions/useDialogWithReport/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"],"names":["t","i18n","useDialogWithReport","showDialog","closeAllDialogs","useDialogs","showConfirmationDialog","execute","title","message","loadingLabel","showResultsDialog","onCancel","params","setTimeout","ResultDialogMessage","hideResultsDialog"],"mappings":";;;;AAMA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAsBX,MAAMC,sBAAsB;IAC/B,MAAM,EAAEC,UAAU,EAAEC,eAAe,EAAE,GAAGC;IAExC,MAAMC,yBAAyB,CAAC,EAC5BC,OAAO,EACPC,KAAK,EACLC,OAAO,EACPC,YAAY,EACe;QAC3BP,WAAW;YACP,OAAOK,SAASR,CAAC,CAAC,OAAO,CAAC;YAC1B,SAASS,WAAWT,CAAC,CAAC,kCAAkC,CAAC;YACzD,cAAcU,gBAAgBV,CAAC,CAAC,aAAa,CAAC;YAC9C,aAAaA,CAAC,CAAC,OAAO,CAAC;YACvB,UAAUO;YACV,aAAaP,CAAC,CAAC,MAAM,CAAC;QAC1B;IACJ;IAEA,MAAMW,oBAAoB,CAAC,EAAEH,KAAK,EAAEI,QAAQ,EAAE,GAAGC,QAAiC;QAC9EC,WAAW;YACPX,WAAW;gBACP,OAAOK,SAASR,CAAC,CAAC,OAAO,CAAC;gBAC1B,SAAS,WAAT,GAAS,oBAACe,qBAAwBF;gBAClC,aAAab,CAAC,CAAC,KAAK,CAAC;gBACrB,SAASY;gBACT,aAAa;YACjB;QACJ,GAAG;IACP;IAEA,MAAMI,oBAAoB;QACtBZ;IACJ;IAEA,OAAO;QACHE;QACAK;QACAK;IACJ;AACJ"}

package/components/Buttons/Buttons.js

@@ -1,77 +1,50 @@
-import React from "react";
+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.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))));
+import { Button, IconButton, Tooltip } from "@webiny/admin-ui";
+const Buttons = (props)=>{
+    if (!props.actions.length) return null;
+    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))));
 };
-export { ButtonContainer };
-export const ButtonDefault = ({
-  onAction,
-  children,
-  ...other
-}) => {
-  return /*#__PURE__*/React.createElement(Button, Object.assign({
-    variant: "ghost"
-  }, other, {
-    onClick: onAction,
-    text: children
-  }));
-};
-export const ButtonPrimary = ({
-  onAction,
-  children,
-  ...other
-}) => {
-  return /*#__PURE__*/React.createElement(Button, Object.assign({
-    variant: "primary"
-  }, other, {
-    onClick: onAction,
-    text: children
-  }));
-};
-export const ButtonSecondary = ({
-  onAction,
-  children,
-  ...other
-}) => {
-  return /*#__PURE__*/React.createElement(Button, Object.assign({
-    variant: "secondary"
-  }, other, {
-    onClick: onAction,
-    text: children
-  }));
-};
-export const IconButton = ({
-  label,
-  onAction,
-  tooltipPlacement,
-  disabled,
-  ...other
-}) => {
-  if (label && !disabled) {
-    return /*#__PURE__*/React.createElement(Tooltip, {
-      content: label,
-      side: tooltipPlacement,
-      trigger: /*#__PURE__*/React.createElement(BaseIconButton, Object.assign({
-        variant: "ghost"
-      }, other, {
-        onClick: onAction
-      }))
+const ButtonDefault = ({ onAction, children, ...other })=>/*#__PURE__*/ react.createElement(Button, {
+        variant: "ghost",
+        ...other,
+        onClick: onAction,
+        text: children
+    });
+const ButtonPrimary = ({ onAction, children, ...other })=>/*#__PURE__*/ react.createElement(Button, {
+        variant: "primary",
+        ...other,
+        onClick: onAction,
+        text: children
+    });
+const ButtonSecondary = ({ onAction, children, ...other })=>/*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        ...other,
+        onClick: onAction,
+        text: children
+    });
+const Buttons_IconButton = ({ label, onAction, tooltipPlacement, disabled, ...other })=>{
+    if (label && !disabled) return /*#__PURE__*/ react.createElement(Tooltip, {
+        content: label,
+        side: tooltipPlacement,
+        trigger: /*#__PURE__*/ react.createElement(IconButton, {
+            variant: "ghost",
+            ...other,
+            onClick: onAction
+        })
+    });
+    return /*#__PURE__*/ react.createElement(IconButton, {
+        ...other,
+        onClick: onAction,
+        disabled: disabled
     });
-  }
-  return /*#__PURE__*/React.createElement(BaseIconButton, Object.assign({}, other, {
-    onClick: onAction,
-    disabled: disabled
-  }));
 };
+export { ButtonContainer } from "./Buttons.styles.js";
+export { ButtonDefault, ButtonPrimary, ButtonSecondary, Buttons, Buttons_IconButton as IconButton };
 
 //# sourceMappingURL=Buttons.js.map

package/components/Buttons/Buttons.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"components/Buttons/Buttons.js","sources":["../../../src/components/Buttons/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"],"names":["Buttons","props","action","ButtonsProvider","ButtonDefault","onAction","children","other","Button","ButtonPrimary","ButtonSecondary","IconButton","label","tooltipPlacement","disabled","Tooltip","BaseIconButton"],"mappings":";;;AA+BO,MAAMA,UAAU,CAACC;IACpB,IAAI,CAACA,MAAM,OAAO,CAAC,MAAM,EACrB,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;OACXA,MAAM,OAAO,CAAC,GAAG,CAACC,CAAAA,SAAAA,WAAAA,GACf,oBAAC;YAAI,WAAW;YAAoC,KAAKA,OAAO,IAAI;yBAChE,oBAACC,iBAAeA,MAAED,OAAO,OAAO;AAKpD;AAIO,MAAME,gBAAgB,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGC,OAAoB,GAChE,WAAP,GAAO,oBAACC,QAAMA;QAAC,SAAS;QAAU,GAAGD,KAAK;QAAE,SAASF;QAAU,MAAMC;;AAGlE,MAAMG,gBAAgB,CAAC,EAAEJ,QAAQ,EAAEC,QAAQ,EAAE,GAAGC,OAAoB,GAChE,WAAP,GAAO,oBAACC,QAAMA;QAAC,SAAS;QAAY,GAAGD,KAAK;QAAE,SAASF;QAAU,MAAMC;;AAGpE,MAAMI,kBAAkB,CAAC,EAAEL,QAAQ,EAAEC,QAAQ,EAAE,GAAGC,OAAoB,GAClE,WAAP,GAAO,oBAACC,QAAMA;QAAC,SAAS;QAAc,GAAGD,KAAK;QAAE,SAASF;QAAU,MAAMC;;AAGtE,MAAMK,qBAAa,CAAC,EACvBC,KAAK,EACLP,QAAQ,EACRQ,gBAAgB,EAChBC,QAAQ,EACR,GAAGP,OACW;IACd,IAAIK,SAAS,CAACE,UACV,OAAO,WAAP,GACI,oBAACC,SAAOA;QACJ,SAASH;QACT,MAAMC;QACN,uBAAS,oBAACG,YAAcA;YAAC,SAAS;YAAU,GAAGT,KAAK;YAAE,SAASF;;;IAK3E,OAAO,WAAP,GAAO,oBAACW,YAAcA;QAAE,GAAGT,KAAK;QAAE,SAASF;QAAU,UAAUS;;AACnE"}

package/components/Buttons/Buttons.styles.js

@@ -1,17 +1,11 @@
-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"
-} : {
-  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__
-});
+import styled from "@emotion/styled";
+const ButtonContainer = styled("div")`
+    margin-left: 16px;
+    text-wrap: nowrap;
+    &:empty {
+        display: none;
+    }
+`;
+export { ButtonContainer };
 
 //# sourceMappingURL=Buttons.styles.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"components/Buttons/Buttons.styles.js","sources":["../../../src/components/Buttons/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"],"names":["ButtonContainer","styled"],"mappings":";AAEO,MAAMA,kBAAkBC,OAAO,MAAM,CAAC;;;;;;AAM7C,CAAC"}

package/components/Buttons/index.js

@@ -1,4 +1,2 @@
-export { Buttons, ButtonContainer } from "./Buttons.js";
+export { ButtonContainer, Buttons } from "./Buttons.js";
 export { useButtons } from "./useButtons.js";
-
-//# sourceMappingURL=index.js.map

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/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.d.ts

@@ -10,8 +10,8 @@ export interface DialogProps {
     icon: ReactNode;
     acceptLabel?: ReactNode;
     cancelLabel?: ReactNode;
-    loadingLabel?: ReactNode;
-    dataLoadingLabel?: ReactNode;
+    loadingLabel?: string;
+    dataLoadingLabel?: string;
     onSubmit: (data: GenericFormData) => void;
     closeDialog: () => void;
     loading: boolean;

package/components/Dialogs/Dialog.js

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

package/components/Dialogs/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","Dialog","AdminDialog","OverlayLoader","Form","open","loading","title","content","acceptLabel","cancelLabel","loadingLabel","dataLoadingLabel","closeDialog","onSubmit","size","props","handleSubmit","data","dataIsLoading","setDataIsLoading","formData","setFormData","undefined","then","createElement","submit","onClose","description","icon","Icon","label","dismissible","info","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    info?: 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                    info={props.info}\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;AAqBnC,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,IAAI,EAAEjB,KAAK,CAACiB,IAAK;IACjBC,OAAO,eACHpC,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAAqC,QAAA,QACKzB,WAAW,gBACRZ,KAAA,CAAA2B,aAAA,CAACvB,WAAW,CAACkC,YAAY;MACrBC,OAAO,EAAExB,WAAY;MACrByB,IAAI,EAAE5B;IAAY,CACrB,CAAC,GACF,IAAI,EACPD,WAAW,gBACRX,KAAA,CAAA2B,aAAA,CAACvB,WAAW,CAACqC,aAAa;MAACF,OAAO,EAAEX,MAAO;MAACY,IAAI,EAAE7B;IAAY,CAAE,CAAC,GACjE,IACN;EACL,GAEAJ,IAAI,gBACDP,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAAqC,QAAA,QACK7B,OAAO,iBAAIR,KAAA,CAAA2B,aAAA,CAACtB,aAAa;IAACmC,IAAI,EAAE3B;EAAa,CAAE,CAAC,EAChDQ,aAAa,iBAAIrB,KAAA,CAAA2B,aAAA,CAACtB,aAAa;IAACmC,IAAI,EAAE1B;EAAiB,CAAE,CAAC,EAC1DJ,OACH,CAAC,GACH,IACK,CAEf,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"file":"components/Dialogs/Dialog.js","sources":["../../../src/components/Dialogs/Dialog.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useEffect, useState } from \"react\";\nimport { Dialog as AdminDialog } from \"@webiny/admin-ui\";\nimport type { FormOnSubmit, GenericFormData } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\n\nexport interface DialogProps {\n    title: ReactNode;\n    description: ReactNode;\n    dismissible: boolean;\n    content: ReactNode;\n    info?: ReactNode;\n    icon: ReactNode;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: string;\n    dataLoadingLabel?: string;\n    onSubmit: (data: GenericFormData) => void;\n    closeDialog: () => void;\n    loading: boolean;\n    open: boolean;\n    formData?: GenericFormData | (() => Promise<GenericFormData>);\n    size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n}\n\nexport const Dialog = ({\n    open,\n    loading,\n    title,\n    content,\n    acceptLabel,\n    cancelLabel,\n    loadingLabel = \"Loading...\",\n    dataLoadingLabel = \"Loading...\",\n    closeDialog,\n    onSubmit,\n    size,\n    ...props\n}: DialogProps) => {\n    const handleSubmit: FormOnSubmit = data => {\n        return onSubmit(data);\n    };\n\n    const [dataIsLoading, setDataIsLoading] = useState(false);\n\n    const [formData, setFormData] = useState<GenericFormData | undefined>(\n        typeof props.formData === \"function\" ? undefined : props.formData\n    );\n\n    useEffect(() => {\n        if (typeof props.formData === \"function\") {\n            setDataIsLoading(true);\n            props.formData().then((data: GenericFormData) => {\n                setFormData(data);\n                setDataIsLoading(false);\n            });\n        }\n    }, [props.formData]);\n\n    return (\n        <Form onSubmit={handleSubmit} data={formData}>\n            {({ submit }) => (\n                <AdminDialog\n                    open={open}\n                    onClose={closeDialog}\n                    size={size}\n                    title={title}\n                    description={props.description}\n                    icon={<AdminDialog.Icon icon={props.icon} label={\"\"} />}\n                    dismissible={props.dismissible}\n                    info={props.info}\n                    loading={\n                        loading\n                            ? { text: loadingLabel }\n                            : dataIsLoading\n                              ? { text: dataLoadingLabel }\n                              : false\n                    }\n                    actions={\n                        <>\n                            {cancelLabel ? (\n                                <AdminDialog.CancelAction\n                                    onClick={closeDialog}\n                                    text={cancelLabel}\n                                />\n                            ) : null}\n                            {acceptLabel ? (\n                                <AdminDialog.ConfirmAction onClick={submit} text={acceptLabel} />\n                            ) : null}\n                        </>\n                    }\n                >\n                    {open ? content : null}\n                </AdminDialog>\n            )}\n        </Form>\n    );\n};\n"],"names":["Dialog","open","loading","title","content","acceptLabel","cancelLabel","loadingLabel","dataLoadingLabel","closeDialog","onSubmit","size","props","handleSubmit","data","dataIsLoading","setDataIsLoading","useState","formData","setFormData","undefined","useEffect","Form","submit","AdminDialog"],"mappings":";;;AAyBO,MAAMA,gBAAS,CAAC,EACnBC,IAAI,EACJC,OAAO,EACPC,KAAK,EACLC,OAAO,EACPC,WAAW,EACXC,WAAW,EACXC,eAAe,YAAY,EAC3BC,mBAAmB,YAAY,EAC/BC,WAAW,EACXC,QAAQ,EACRC,IAAI,EACJ,GAAGC,OACO;IACV,MAAMC,eAA6BC,CAAAA,OACxBJ,SAASI;IAGpB,MAAM,CAACC,eAAeC,iBAAiB,GAAGC,SAAS;IAEnD,MAAM,CAACC,UAAUC,YAAY,GAAGF,SAC5B,AAA0B,cAA1B,OAAOL,MAAM,QAAQ,GAAkBQ,SAAYR,MAAM,QAAQ;IAGrES,UAAU;QACN,IAAI,AAA0B,cAA1B,OAAOT,MAAM,QAAQ,EAAiB;YACtCI,iBAAiB;YACjBJ,MAAM,QAAQ,GAAG,IAAI,CAAC,CAACE;gBACnBK,YAAYL;gBACZE,iBAAiB;YACrB;QACJ;IACJ,GAAG;QAACJ,MAAM,QAAQ;KAAC;IAEnB,OAAO,WAAP,GACI,oBAACU,MAAIA;QAAC,UAAUT;QAAc,MAAMK;OAC/B,CAAC,EAAEK,MAAM,EAAE,iBACR,oBAACC,QAAWA;YACR,MAAMvB;YACN,SAASQ;YACT,MAAME;YACN,OAAOR;YACP,aAAaS,MAAM,WAAW;YAC9B,oBAAM,oBAACY,OAAAA,IAAgB;gBAAC,MAAMZ,MAAM,IAAI;gBAAE,OAAO;;YACjD,aAAaA,MAAM,WAAW;YAC9B,MAAMA,MAAM,IAAI;YAChB,SACIV,UACM;gBAAE,MAAMK;YAAa,IACrBQ,gBACE;gBAAE,MAAMP;YAAiB,IACzB;YAEZ,uBACI,0CACKF,cAAc,WAAdA,GACG,oBAACkB,OAAAA,YAAwB;gBACrB,SAASf;gBACT,MAAMH;iBAEV,MACHD,cAAc,WAAdA,GACG,oBAACmB,OAAAA,aAAyB;gBAAC,SAASD;gBAAQ,MAAMlB;iBAClD;WAIXJ,OAAOG,UAAU;AAKtC"}

package/components/Dialogs/DialogParamsContext.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.d.ts

@@ -12,8 +12,8 @@ interface ShowDialogParams {
     info?: ReactNode;
     acceptLabel?: ReactNode;
     cancelLabel?: ReactNode;
-    loadingLabel?: ReactNode;
-    dataLoadingLabel?: ReactNode;
+    loadingLabel?: string;
+    dataLoadingLabel?: string;
     onAccept?: (data: GenericFormData) => void;
     onClose?: () => void;
     formData?: DialogProps["formData"];