@webiny/app-admin 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/components/BulkActions/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useDialogWithReport/index.js";
+export * from "./Worker.js";

package/components/BulkActions/index.js

@@ -0,0 +1,2 @@
+export * from "./useDialogWithReport/index.js";
+export * from "./Worker.js";

package/components/BulkActions/useDialogWithReport/DialogMessage.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { ShowResultsDialogParams } from "./index.js";
+type ResultDialogMessageProps = Pick<ShowResultsDialogParams, "results" | "message">;
+export declare const ResultDialogMessage: ({ results, message }: ResultDialogMessageProps) => React.JSX.Element;
+export {};

package/components/BulkActions/useDialogWithReport/DialogMessage.js

@@ -0,0 +1,19 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/error_outline.svg";
+import { ReactComponent as check_circle_outline_svg_ReactComponent } from "@webiny/icons/check_circle_outline.svg";
+import { Icon, List, cn } from "@webiny/admin-ui";
+const ResultDialogMessage = ({ results, message })=>/*#__PURE__*/ react.createElement(react.Fragment, null, message && /*#__PURE__*/ react.createElement("div", {
+        className: "mb-md"
+    }, message), /*#__PURE__*/ react.createElement(List, null, results.map((result, index)=>/*#__PURE__*/ react.createElement(List.Item, {
+            key: `item-${index}`,
+            title: result.title,
+            description: result.message,
+            icon: /*#__PURE__*/ react.createElement(Icon, {
+                icon: "success" === result.status ? /*#__PURE__*/ react.createElement(check_circle_outline_svg_ReactComponent, null) : /*#__PURE__*/ react.createElement(ReactComponent, null),
+                label: result.status,
+                className: cn("success" === result.status ? "fill-success" : "fill-destructive")
+            })
+        }))));
+export { ResultDialogMessage };
+
+//# sourceMappingURL=DialogMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/BulkActions/useDialogWithReport/DialogMessage.js","sources":["../../../../src/components/BulkActions/useDialogWithReport/DialogMessage.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ErrorIcon } from \"@webiny/icons/error_outline.svg\";\nimport { ReactComponent as SuccessIcon } from \"@webiny/icons/check_circle_outline.svg\";\nimport { List, Icon, cn } from \"@webiny/admin-ui\";\nimport type { ShowResultsDialogParams } from \"./index.js\";\n\ntype ResultDialogMessageProps = Pick<ShowResultsDialogParams, \"results\" | \"message\">;\n\nexport const ResultDialogMessage = ({ results, message }: ResultDialogMessageProps) => {\n    return (\n        <>\n            {message && <div className={\"mb-md\"}>{message}</div>}\n            <List>\n                {results.map((result, index) => (\n                    <List.Item\n                        key={`item-${index}`}\n                        title={result.title}\n                        description={result.message}\n                        icon={\n                            <Icon\n                                icon={result.status === \"success\" ? <SuccessIcon /> : <ErrorIcon />}\n                                label={result.status}\n                                className={cn(\n                                    result.status === \"success\"\n                                        ? \"fill-success\"\n                                        : \"fill-destructive\"\n                                )}\n                            />\n                        }\n                    />\n                ))}\n            </List>\n        </>\n    );\n};\n"],"names":["ResultDialogMessage","results","message","List","result","index","Icon","SuccessIcon","ErrorIcon","cn"],"mappings":";;;;AAQO,MAAMA,sBAAsB,CAAC,EAAEC,OAAO,EAAEC,OAAO,EAA4B,GACvE,WAAP,GACI,0CACKA,WAAW,WAAXA,GAAW,oBAAC;QAAI,WAAW;OAAUA,UAAAA,WAAAA,GACtC,oBAACC,MAAIA,MACAF,QAAQ,GAAG,CAAC,CAACG,QAAQC,QAAAA,WAAAA,GAClB,oBAACF,KAAK,IAAI;YACN,KAAK,CAAC,KAAK,EAAEE,OAAO;YACpB,OAAOD,OAAO,KAAK;YACnB,aAAaA,OAAO,OAAO;YAC3B,oBACI,oBAACE,MAAIA;gBACD,MAAMF,AAAkB,cAAlBA,OAAO,MAAM,GAAiB,WAAZ,GAAY,oBAACG,yCAAWA,QAAAA,WAAAA,GAAM,oBAACC,gBAASA;gBAChE,OAAOJ,OAAO,MAAM;gBACpB,WAAWK,GACPL,AAAkB,cAAlBA,OAAO,MAAM,GACP,iBACA"}

package/components/BulkActions/useDialogWithReport/index.d.ts

@@ -0,0 +1 @@
+export * from "./useDialogWithReport.js";

package/components/BulkActions/useDialogWithReport/index.js

@@ -0,0 +1 @@
+export * from "./useDialogWithReport.js";

package/components/BulkActions/useDialogWithReport/useDialogWithReport.d.ts

@@ -0,0 +1,19 @@
+import type { Result } from "../Worker.js";
+export interface ShowConfirmationDialogParams {
+    execute: (() => void) | (() => Promise<void>);
+    title?: string;
+    message?: string;
+    loadingLabel?: string;
+}
+export interface ShowResultsDialogParams {
+    results: Result[];
+    title?: string;
+    message?: string;
+    onCancel?: () => Promise<void>;
+}
+export interface UseDialogWithReportResponse {
+    showConfirmationDialog: (params: ShowConfirmationDialogParams) => void;
+    showResultsDialog: (results: ShowResultsDialogParams) => void;
+    hideResultsDialog: () => void;
+}
+export declare const useDialogWithReport: () => UseDialogWithReportResponse;

package/components/BulkActions/useDialogWithReport/useDialogWithReport.js

@@ -0,0 +1,40 @@
+import react from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { ResultDialogMessage } from "./DialogMessage.js";
+import { useDialogs } from "../../Dialogs/useDialogs.js";
+const t = i18n.ns("app-admin/hooks/use-dialog-with-report");
+const useDialogWithReport = ()=>{
+    const { showDialog, closeAllDialogs } = useDialogs();
+    const showConfirmationDialog = ({ execute, title, message, loadingLabel })=>{
+        showDialog({
+            title: title || t`Confirm`,
+            content: message || t`Are you sure you want to continue?`,
+            loadingLabel: loadingLabel || t`Processing...`,
+            acceptLabel: t`Confirm`,
+            onAccept: execute,
+            cancelLabel: t`Cancel`
+        });
+    };
+    const showResultsDialog = ({ title, onCancel, ...params })=>{
+        setTimeout(()=>{
+            showDialog({
+                title: title || t`Results`,
+                content: /*#__PURE__*/ react.createElement(ResultDialogMessage, params),
+                cancelLabel: t`Close`,
+                onClose: onCancel,
+                acceptLabel: null
+            });
+        }, 10);
+    };
+    const hideResultsDialog = ()=>{
+        closeAllDialogs();
+    };
+    return {
+        showConfirmationDialog,
+        showResultsDialog,
+        hideResultsDialog
+    };
+};
+export { useDialogWithReport };
+
+//# sourceMappingURL=useDialogWithReport.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+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["side"];
+}
+export interface ButtonsProps {
+    actions: {
+        name: string;
+        element: React.ReactElement;
+    }[];
+}
+export declare const Buttons: (props: ButtonsProps) => React.JSX.Element | null;
+export { ButtonContainer };
+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

@@ -0,0 +1,50 @@
+import react from "react";
+import { ButtonsProvider } from "./useButtons.js";
+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))));
+};
+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
+    });
+};
+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

@@ -0,0 +1 @@
+{"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.d.ts

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

package/components/Buttons/Buttons.styles.js

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

@@ -0,0 +1 @@
+{"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.d.ts

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

package/components/Buttons/index.js

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

package/components/Buttons/useButtons.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton } from "./Buttons.js";
+export interface ButtonsProviderContext {
+    ButtonDefault: typeof ButtonDefault;
+    ButtonPrimary: typeof ButtonPrimary;
+    ButtonSecondary: typeof ButtonSecondary;
+    IconButton: typeof IconButton;
+}
+interface ButtonsProviderProps {
+    children: React.ReactNode;
+}
+export declare const ButtonsProvider: ({ children }: ButtonsProviderProps) => React.JSX.Element;
+export declare const useButtons: () => ButtonsProviderContext;
+export {};

package/components/Buttons/useButtons.js

@@ -0,0 +1,19 @@
+import react from "react";
+import { ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton } from "./Buttons.js";
+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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 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 interface IDeveloperModeProps {
+    children: React.ReactNode;
+}
+export declare const DeveloperMode: ({ children }: IDeveloperModeProps) => React.JSX.Element | null;

package/components/DeveloperMode/DeveloperMode.js

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

@@ -0,0 +1 @@
+{"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.d.ts

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

package/components/DeveloperMode/index.js

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

package/components/Dialogs/Dialog.d.ts

@@ -0,0 +1,22 @@
+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;
+    info?: ReactNode;
+    icon: ReactNode;
+    acceptLabel?: ReactNode;
+    cancelLabel?: ReactNode;
+    loadingLabel?: string;
+    dataLoadingLabel?: string;
+    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,50 @@
+import react, { useEffect, useState } from "react";
+import { Dialog } from "@webiny/admin-ui";
+import { Form } from "@webiny/form";
+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

@@ -0,0 +1 @@
+{"version":3,"file":"components/Dialogs/Dialog.js","sources":["../../../src/components/Dialogs/Dialog.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useEffect, useState } from \"react\";\nimport { Dialog as AdminDialog } from \"@webiny/admin-ui\";\nimport type { FormOnSubmit, GenericFormData } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\n\nexport interface DialogProps {\n    title: ReactNode;\n    description: ReactNode;\n    dismissible: boolean;\n    content: ReactNode;\n    info?: ReactNode;\n    icon: ReactNode;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: string;\n    dataLoadingLabel?: string;\n    onSubmit: (data: GenericFormData) => void;\n    closeDialog: () => void;\n    loading: boolean;\n    open: boolean;\n    formData?: GenericFormData | (() => Promise<GenericFormData>);\n    size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n}\n\nexport const Dialog = ({\n    open,\n    loading,\n    title,\n    content,\n    acceptLabel,\n    cancelLabel,\n    loadingLabel = \"Loading...\",\n    dataLoadingLabel = \"Loading...\",\n    closeDialog,\n    onSubmit,\n    size,\n    ...props\n}: DialogProps) => {\n    const handleSubmit: FormOnSubmit = data => {\n        return onSubmit(data);\n    };\n\n    const [dataIsLoading, setDataIsLoading] = useState(false);\n\n    const [formData, setFormData] = useState<GenericFormData | undefined>(\n        typeof props.formData === \"function\" ? undefined : props.formData\n    );\n\n    useEffect(() => {\n        if (typeof props.formData === \"function\") {\n            setDataIsLoading(true);\n            props.formData().then((data: GenericFormData) => {\n                setFormData(data);\n                setDataIsLoading(false);\n            });\n        }\n    }, [props.formData]);\n\n    return (\n        <Form onSubmit={handleSubmit} data={formData}>\n            {({ submit }) => (\n                <AdminDialog\n                    open={open}\n                    onClose={closeDialog}\n                    size={size}\n                    title={title}\n                    description={props.description}\n                    icon={<AdminDialog.Icon icon={props.icon} label={\"\"} />}\n                    dismissible={props.dismissible}\n                    info={props.info}\n                    loading={\n                        loading\n                            ? { text: loadingLabel }\n                            : dataIsLoading\n                              ? { text: dataLoadingLabel }\n                              : false\n                    }\n                    actions={\n                        <>\n                            {cancelLabel ? (\n                                <AdminDialog.CancelAction\n                                    onClick={closeDialog}\n                                    text={cancelLabel}\n                                />\n                            ) : null}\n                            {acceptLabel ? (\n                                <AdminDialog.ConfirmAction onClick={submit} text={acceptLabel} />\n                            ) : null}\n                        </>\n                    }\n                >\n                    {open ? content : null}\n                </AdminDialog>\n            )}\n        </Form>\n    );\n};\n"],"names":["Dialog","open","loading","title","content","acceptLabel","cancelLabel","loadingLabel","dataLoadingLabel","closeDialog","onSubmit","size","props","handleSubmit","data","dataIsLoading","setDataIsLoading","useState","formData","setFormData","undefined","useEffect","Form","submit","AdminDialog"],"mappings":";;;AAyBO,MAAMA,gBAAS,CAAC,EACnBC,IAAI,EACJC,OAAO,EACPC,KAAK,EACLC,OAAO,EACPC,WAAW,EACXC,WAAW,EACXC,eAAe,YAAY,EAC3BC,mBAAmB,YAAY,EAC/BC,WAAW,EACXC,QAAQ,EACRC,IAAI,EACJ,GAAGC,OACO;IACV,MAAMC,eAA6BC,CAAAA,OACxBJ,SAASI;IAGpB,MAAM,CAACC,eAAeC,iBAAiB,GAAGC,SAAS;IAEnD,MAAM,CAACC,UAAUC,YAAY,GAAGF,SAC5B,AAA0B,cAA1B,OAAOL,MAAM,QAAQ,GAAkBQ,SAAYR,MAAM,QAAQ;IAGrES,UAAU;QACN,IAAI,AAA0B,cAA1B,OAAOT,MAAM,QAAQ,EAAiB;YACtCI,iBAAiB;YACjBJ,MAAM,QAAQ,GAAG,IAAI,CAAC,CAACE;gBACnBK,YAAYL;gBACZE,iBAAiB;YACrB;QACJ;IACJ,GAAG;QAACJ,MAAM,QAAQ;KAAC;IAEnB,OAAO,WAAP,GACI,oBAACU,MAAIA;QAAC,UAAUT;QAAc,MAAMK;OAC/B,CAAC,EAAEK,MAAM,EAAE,iBACR,oBAACC,QAAWA;YACR,MAAMvB;YACN,SAASQ;YACT,MAAME;YACN,OAAOR;YACP,aAAaS,MAAM,WAAW;YAC9B,oBAAM,oBAACY,OAAAA,IAAgB;gBAAC,MAAMZ,MAAM,IAAI;gBAAE,OAAO;;YACjD,aAAaA,MAAM,WAAW;YAC9B,MAAMA,MAAM,IAAI;YAChB,SACIV,UACM;gBAAE,MAAMK;YAAa,IACrBQ,gBACE;gBAAE,MAAMP;YAAiB,IACzB;YAEZ,uBACI,0CACKF,cAAc,WAAdA,GACG,oBAACkB,OAAAA,YAAwB;gBACrB,SAASf;gBACT,MAAMH;iBAEV,MACHD,cAAc,WAAdA,GACG,oBAACmB,OAAAA,aAAyB;gBAAC,SAASD;gBAAQ,MAAMlB;iBAClD;WAIXJ,OAAOG,UAAU;AAKtC"}

package/components/Dialogs/DialogParamsContext.d.ts

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

package/components/Dialogs/DialogParamsContext.js

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

package/components/Dialogs/DialogParamsContext.js.map

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

package/components/Dialogs/DialogsContext.d.ts

@@ -0,0 +1,41 @@
+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?: React.JSX.Element;
+    icon?: React.JSX.Element;
+    info?: ReactNode;
+    acceptLabel?: ReactNode;
+    cancelLabel?: ReactNode;
+    loadingLabel?: string;
+    dataLoadingLabel?: string;
+    onAccept?: (data: GenericFormData) => void;
+    onClose?: () => void;
+    formData?: DialogProps["formData"];
+    size?: "sm" | "md" | "lg" | "xl" | "full";
+}
+export interface DialogsContext {
+    showDialog: (params: ShowDialogParams) => () => void;
+    closeAllDialogs: () => void;
+    openNamedDialog: (name: string, params: Record<string, unknown>) => void;
+    closeNamedDialog: () => void;
+}
+interface DialogsProviderProps {
+    children: ReactNode;
+}
+interface DialogState extends ShowDialogParams {
+    id: string;
+    open: boolean;
+    loading: boolean;
+    element?: React.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 {};

package/components/Dialogs/DialogsContext.js

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