@webiny/app-admin 0.0.0-mt-2 → 0.0.0-unstable.0156a4c312

package/components/BulkActions/BulkActionRunner.d.ts

@@ -0,0 +1,41 @@
+import { type Report, type Result } from "./Worker.js";
+export type { Report };
+export interface BulkActionViewModel {
+    processing: boolean;
+    results: Result[];
+}
+interface BulkActionHandlers<T> {
+    onItem: (item: T, report: Report) => Promise<void>;
+    onBulk?: (items: T[]) => Promise<void>;
+}
+/**
+ * Reusable runner for bulk action presenters.
+ *
+ * Owns the Worker, processing state, and result tracking. The presenter
+ * composes a runner instance and delegates to it, providing only the
+ * action-specific callbacks (onItem for series, onBulk for server-side batch).
+ *
+ * Usage:
+ * ```ts
+ * class BulkPublishPresenterImpl {
+ *     private runner = new BulkActionRunner<MyItem>();
+ *
+ *     get vm() { return this.runner.vm; }
+ *
+ *     async execute(items, allSelected) {
+ *         await this.runner.run(items, allSelected, {
+ *             onItem: (item, report) => { ... },
+ *             onBulk: (items) => { ... }
+ *         });
+ *     }
+ *
+ * }
+ * ```
+ */
+export declare class BulkActionRunner<T> {
+    private worker;
+    private _processing;
+    constructor();
+    get vm(): BulkActionViewModel;
+    run(items: T[], allSelected: boolean, handlers: BulkActionHandlers<T>): Promise<void>;
+}

package/components/BulkActions/BulkActionRunner.js

@@ -0,0 +1,32 @@
+import { makeAutoObservable, runInAction } from "mobx";
+import { Worker } from "./Worker.js";
+class BulkActionRunner {
+    constructor(){
+        this.worker = new Worker();
+        this._processing = false;
+        makeAutoObservable(this, {
+            worker: false
+        });
+    }
+    get vm() {
+        return {
+            processing: this._processing,
+            results: this.worker.results
+        };
+    }
+    async run(items, allSelected, handlers) {
+        this._processing = true;
+        await this.worker.resetResults();
+        try {
+            if (allSelected && handlers.onBulk) await handlers.onBulk(items);
+            else await this.worker.processInSeries(items, ({ item, report })=>handlers.onItem(item, report));
+        } finally{
+            runInAction(()=>{
+                this._processing = false;
+            });
+        }
+    }
+}
+export { BulkActionRunner };
+
+//# sourceMappingURL=BulkActionRunner.js.map

package/components/BulkActions/BulkActionRunner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/BulkActions/BulkActionRunner.js","sources":["../../../src/components/BulkActions/BulkActionRunner.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport { Worker, type Report, type Result } from \"./Worker.js\";\n\nexport type { Report };\n\nexport interface BulkActionViewModel {\n    processing: boolean;\n    results: Result[];\n}\n\ninterface BulkActionHandlers<T> {\n    onItem: (item: T, report: Report) => Promise<void>;\n    onBulk?: (items: T[]) => Promise<void>;\n}\n\n/**\n * Reusable runner for bulk action presenters.\n *\n * Owns the Worker, processing state, and result tracking. The presenter\n * composes a runner instance and delegates to it, providing only the\n * action-specific callbacks (onItem for series, onBulk for server-side batch).\n *\n * Usage:\n * ```ts\n * class BulkPublishPresenterImpl {\n *     private runner = new BulkActionRunner<MyItem>();\n *\n *     get vm() { return this.runner.vm; }\n *\n *     async execute(items, allSelected) {\n *         await this.runner.run(items, allSelected, {\n *             onItem: (item, report) => { ... },\n *             onBulk: (items) => { ... }\n *         });\n *     }\n *\n * }\n * ```\n */\nexport class BulkActionRunner<T> {\n    private worker = new Worker<T>();\n    private _processing = false;\n\n    constructor() {\n        makeAutoObservable<BulkActionRunner<T>, \"worker\">(this, {\n            worker: false\n        });\n    }\n\n    get vm(): BulkActionViewModel {\n        return {\n            processing: this._processing,\n            results: this.worker.results\n        };\n    }\n\n    async run(items: T[], allSelected: boolean, handlers: BulkActionHandlers<T>): Promise<void> {\n        this._processing = true;\n        await this.worker.resetResults();\n\n        try {\n            if (allSelected && handlers.onBulk) {\n                await handlers.onBulk(items);\n            } else {\n                await this.worker.processInSeries(items, ({ item, report }) =>\n                    handlers.onItem(item, report)\n                );\n            }\n        } finally {\n            runInAction(() => {\n                this._processing = false;\n            });\n        }\n    }\n}\n"],"names":["BulkActionRunner","Worker","makeAutoObservable","items","allSelected","handlers","item","report","runInAction"],"mappings":";;AAuCO,MAAMA;IAIT,aAAc;aAHN,MAAM,GAAG,IAAIC;aACb,WAAW,GAAG;QAGlBC,mBAAkD,IAAI,EAAE;YACpD,QAAQ;QACZ;IACJ;IAEA,IAAI,KAA0B;QAC1B,OAAO;YACH,YAAY,IAAI,CAAC,WAAW;YAC5B,SAAS,IAAI,CAAC,MAAM,CAAC,OAAO;QAChC;IACJ;IAEA,MAAM,IAAIC,KAAU,EAAEC,WAAoB,EAAEC,QAA+B,EAAiB;QACxF,IAAI,CAAC,WAAW,GAAG;QACnB,MAAM,IAAI,CAAC,MAAM,CAAC,YAAY;QAE9B,IAAI;YACA,IAAID,eAAeC,SAAS,MAAM,EAC9B,MAAMA,SAAS,MAAM,CAACF;iBAEtB,MAAM,IAAI,CAAC,MAAM,CAAC,eAAe,CAACA,OAAO,CAAC,EAAEG,IAAI,EAAEC,MAAM,EAAE,GACtDF,SAAS,MAAM,CAACC,MAAMC;QAGlC,SAAU;YACNC,YAAY;gBACR,IAAI,CAAC,WAAW,GAAG;YACvB;QACJ;IACJ;AACJ"}

package/components/BulkActions/Worker.d.ts

@@ -0,0 +1,34 @@
+import React from "react";
+export interface CallbackParams<T> {
+    item: T;
+    allItems: T[];
+    report: Report;
+}
+export interface Result {
+    title: string;
+    status: "success" | "failure";
+    message?: string | React.ReactElement;
+}
+export interface IWorkerActions<T = any> {
+    process(callback: (items: T[]) => void): void;
+    processInSeries(callback: (params: CallbackParams<T>) => Promise<void>, chunkSize?: number): Promise<void>;
+    readonly results: Result[];
+    resetResults(): Promise<void>;
+}
+export declare class Report {
+    private _results;
+    success(result: Omit<Result, "status">): void;
+    error(result: Omit<Result, "status">): void;
+    get results(): Result[];
+    private addResult;
+}
+export declare class Worker<T> {
+    private _items;
+    private _report;
+    constructor();
+    process(items: T[], callback: (items: T[]) => void): void;
+    processInSeries(items: T[], callback: (params: CallbackParams<T>) => Promise<void>, chunkSize?: number): Promise<void>;
+    get results(): Result[];
+    resetResults(): Promise<void>;
+    private processChunk;
+}

package/components/BulkActions/Worker.js

@@ -0,0 +1,59 @@
+import lodash_chunk from "lodash/chunk.js";
+import { makeAutoObservable } from "mobx";
+class Report {
+    success(result) {
+        this.addResult({
+            ...result,
+            status: "success"
+        });
+    }
+    error(result) {
+        this.addResult({
+            ...result,
+            status: "failure"
+        });
+    }
+    get results() {
+        return this._results;
+    }
+    addResult(result) {
+        this._results.push(result);
+    }
+    constructor(){
+        this._results = [];
+    }
+}
+class Worker {
+    constructor(){
+        this._items = [];
+        this._report = new Report();
+        makeAutoObservable(this);
+    }
+    process(items, callback) {
+        this._items = items;
+        callback(this._items);
+    }
+    async processInSeries(items, callback, chunkSize = 10) {
+        this._items = items;
+        const chunks = lodash_chunk(this._items, chunkSize);
+        const promises = chunks.map((c)=>this.processChunk(callback, c));
+        await Promise.all(promises);
+    }
+    get results() {
+        return this._report.results;
+    }
+    async resetResults() {
+        this._items = [];
+        this._report = new Report();
+    }
+    async processChunk(callback, chunk) {
+        for (const item of chunk)await callback({
+            item,
+            allItems: this._items,
+            report: this._report
+        });
+    }
+}
+export { Report, Worker };
+
+//# sourceMappingURL=Worker.js.map

package/components/BulkActions/Worker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/BulkActions/Worker.js","sources":["../../../src/components/BulkActions/Worker.ts"],"sourcesContent":["import React from \"react\";\nimport chunk from \"lodash/chunk.js\";\nimport { makeAutoObservable } from \"mobx\";\n\nexport interface CallbackParams<T> {\n    item: T;\n    allItems: T[];\n    report: Report;\n}\n\nexport interface Result {\n    title: string;\n    status: \"success\" | \"failure\";\n    message?: string | React.ReactElement;\n}\n\nexport interface IWorkerActions<T = any> {\n    process(callback: (items: T[]) => void): void;\n    processInSeries(\n        callback: (params: CallbackParams<T>) => Promise<void>,\n        chunkSize?: number\n    ): Promise<void>;\n    readonly results: Result[];\n    resetResults(): Promise<void>;\n}\n\nexport class Report {\n    private _results: Result[] = [];\n\n    public success(result: Omit<Result, \"status\">): void {\n        this.addResult({ ...result, status: \"success\" });\n    }\n\n    public error(result: Omit<Result, \"status\">): void {\n        this.addResult({ ...result, status: \"failure\" });\n    }\n\n    get results(): Result[] {\n        return this._results;\n    }\n\n    private addResult(result: Result): void {\n        this._results.push(result);\n    }\n}\n\nexport class Worker<T> {\n    private _items: T[] = [];\n    private _report: Report;\n\n    constructor() {\n        this._report = new Report();\n        makeAutoObservable(this);\n    }\n\n    public process(items: T[], callback: (items: T[]) => void): void {\n        this._items = items;\n        callback(this._items);\n    }\n\n    public async processInSeries(\n        items: T[],\n        callback: (params: CallbackParams<T>) => Promise<void>,\n        chunkSize = 10\n    ): Promise<void> {\n        this._items = items;\n        const chunks = chunk(this._items, chunkSize);\n        const promises = chunks.map(c => this.processChunk(callback, c));\n        await Promise.all(promises);\n    }\n\n    get results(): Result[] {\n        return this._report.results;\n    }\n\n    public async resetResults(): Promise<void> {\n        this._items = [];\n        this._report = new Report();\n    }\n\n    private async processChunk(\n        callback: (params: CallbackParams<T>) => void | Promise<void>,\n        chunk: T[]\n    ): Promise<void> {\n        for (const item of chunk) {\n            await callback({ item, allItems: this._items, report: this._report });\n        }\n    }\n}\n"],"names":["Report","result","Worker","makeAutoObservable","items","callback","chunkSize","chunks","chunk","promises","c","Promise","item"],"mappings":";;AA0BO,MAAMA;IAGF,QAAQC,MAA8B,EAAQ;QACjD,IAAI,CAAC,SAAS,CAAC;YAAE,GAAGA,MAAM;YAAE,QAAQ;QAAU;IAClD;IAEO,MAAMA,MAA8B,EAAQ;QAC/C,IAAI,CAAC,SAAS,CAAC;YAAE,GAAGA,MAAM;YAAE,QAAQ;QAAU;IAClD;IAEA,IAAI,UAAoB;QACpB,OAAO,IAAI,CAAC,QAAQ;IACxB;IAEQ,UAAUA,MAAc,EAAQ;QACpC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAACA;IACvB;;aAhBQ,QAAQ,GAAa,EAAE;;AAiBnC;AAEO,MAAMC;IAIT,aAAc;aAHN,MAAM,GAAQ,EAAE;QAIpB,IAAI,CAAC,OAAO,GAAG,IAAIF;QACnBG,mBAAmB,IAAI;IAC3B;IAEO,QAAQC,KAAU,EAAEC,QAA8B,EAAQ;QAC7D,IAAI,CAAC,MAAM,GAAGD;QACdC,SAAS,IAAI,CAAC,MAAM;IACxB;IAEA,MAAa,gBACTD,KAAU,EACVC,QAAsD,EACtDC,YAAY,EAAE,EACD;QACb,IAAI,CAAC,MAAM,GAAGF;QACd,MAAMG,SAASC,aAAM,IAAI,CAAC,MAAM,EAAEF;QAClC,MAAMG,WAAWF,OAAO,GAAG,CAACG,CAAAA,IAAK,IAAI,CAAC,YAAY,CAACL,UAAUK;QAC7D,MAAMC,QAAQ,GAAG,CAACF;IACtB;IAEA,IAAI,UAAoB;QACpB,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO;IAC/B;IAEA,MAAa,eAA8B;QACvC,IAAI,CAAC,MAAM,GAAG,EAAE;QAChB,IAAI,CAAC,OAAO,GAAG,IAAIT;IACvB;IAEA,MAAc,aACVK,QAA6D,EAC7DG,KAAU,EACG;QACb,KAAK,MAAMI,QAAQJ,MACf,MAAMH,SAAS;YAAEO;YAAM,UAAU,IAAI,CAAC,MAAM;YAAE,QAAQ,IAAI,CAAC,OAAO;QAAC;IAE3E;AACJ"}

package/components/BulkActions/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./useDialogWithReport/index.js";
+export { useDialogWithReport as useBulkActionDialog } from "./useDialogWithReport/index.js";
+export * from "./Worker.js";
+export * from "./BulkActionRunner.js";
+export * from "./BulkActionButton.js";

package/components/BulkActions/index.js

@@ -0,0 +1,5 @@
+export * from "./useDialogWithReport/index.js";
+export * from "./Worker.js";
+export * from "./BulkActionRunner.js";
+export * from "./BulkActionButton.js";
+export { useDialogWithReport as useBulkActionDialog } from "./useDialogWithReport/index.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/ConfirmationDialog/ConfirmationDialog.d.ts

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

package/components/ConfirmationDialog/ConfirmationDialog.js

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

package/components/ConfirmationDialog/ConfirmationDialog.js.map

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

package/components/ConfirmationDialog/index.d.ts

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

package/components/ConfirmationDialog/index.js

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

package/components/DeveloperMode/DeveloperMode.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Component is used to display something that you want to be hidden to everyone except Webiny team.
+ * For example a button that should be present only while a feature is being developed and debugged.
+ */
+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 * For example a button that should be present only while a feature is being developed and debugged.\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":";AAUO,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;