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

package/base/ui/FileManager.d.ts

@@ -51,7 +51,8 @@ export type FileManagerProps = {
 } & MultipleProps;
 type DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;
 export type FileManagerRendererProps = DistributiveOmit<FileManagerProps, "render">;
-export declare const FileManager: (({ render, onChange, ...rest }: FileManagerProps) => React.JSX.Element) & {
+declare const BaseFileManager: ({ render, onChange, ...rest }: FileManagerProps) => React.JSX.Element;
+export declare const FileManager: typeof BaseFileManager & {
     Renderer: ((props: FileManagerRendererProps) => React.JSX.Element | null) & {
         original: (props: FileManagerRendererProps) => React.JSX.Element | null;
         originalName: string;

package/components/BulkActions/BulkActionButton.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { ButtonProps } from "@webiny/admin-ui";
+export type BulkActionButtonProps = Omit<ButtonProps, "variant" | "size"> & {
+    tooltipContent: React.ReactNode;
+};
+export declare const BulkActionButton: ({ tooltipContent, ...other }: BulkActionButtonProps) => React.JSX.Element;

package/components/BulkActions/BulkActionButton.js

@@ -0,0 +1,17 @@
+import react from "react";
+import { Button, Tooltip } from "@webiny/admin-ui";
+const BulkActionButton = ({ tooltipContent, ...other })=>{
+    const button = /*#__PURE__*/ react.createElement(Button, {
+        variant: "ghost",
+        ...other
+    });
+    if (tooltipContent) return /*#__PURE__*/ react.createElement(Tooltip, {
+        side: "bottom",
+        content: tooltipContent,
+        trigger: button
+    });
+    return button;
+};
+export { BulkActionButton };
+
+//# sourceMappingURL=BulkActionButton.js.map

package/components/BulkActions/BulkActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/BulkActions/BulkActionButton.js","sources":["../../../src/components/BulkActions/BulkActionButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport type { ButtonProps } from \"@webiny/admin-ui\";\nimport { Tooltip } from \"@webiny/admin-ui\";\n\nexport type BulkActionButtonProps = Omit<ButtonProps, \"variant\" | \"size\"> & {\n    tooltipContent: React.ReactNode;\n};\n\nexport const BulkActionButton = ({ tooltipContent, ...other }: BulkActionButtonProps) => {\n    const button = <Button variant={\"ghost\"} {...other} />;\n    if (tooltipContent) {\n        return <Tooltip side={\"bottom\"} content={tooltipContent} trigger={button} />;\n    }\n\n    return button;\n};\n"],"names":["BulkActionButton","tooltipContent","other","button","Button","Tooltip"],"mappings":";;AASO,MAAMA,mBAAmB,CAAC,EAAEC,cAAc,EAAE,GAAGC,OAA8B;IAChF,MAAMC,SAAS,WAATA,GAAS,oBAACC,QAAMA;QAAC,SAAS;QAAU,GAAGF,KAAK;;IAClD,IAAID,gBACA,OAAO,WAAP,GAAO,oBAACI,SAAOA;QAAC,MAAM;QAAU,SAASJ;QAAgB,SAASE;;IAGtE,OAAOA;AACX"}

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

@@ -1,3 +1,4 @@
+import React from "react";
 export interface CallbackParams<T> {
     item: T;
     allItems: T[];
@@ -8,75 +9,26 @@ export interface Result {
     status: "success" | "failure";
     message?: string | React.ReactElement;
 }
-/**
- * Class for collecting processing results
- */
+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;
-    /**
-     * Record a successful result in the report
-     * @param {Omit<Result, "status">} result - The successful result to be recorded
-     */
     success(result: Omit<Result, "status">): void;
-    /**
-     * Record an error result in the report.
-     * @param {Omit<Result, "status">} result - The error result to be recorded.
-     */
     error(result: Omit<Result, "status">): void;
-    /**
-     * Get the array of recorded results.
-     * @returns {Result[]} - An array of recorded results.
-     */
     get results(): Result[];
-    /**
-     * Internal method to add a result to the report.
-     * @private
-     * @param {Result} result - The result to be added to the report.
-     */
     private addResult;
 }
-/**
- * A generic worker class for processing items.
- * @template T - The type of items being processed.
- */
 export declare class Worker<T> {
     private _items;
     private _report;
     constructor();
-    /**
-     * Process the items using the provided callback function.
-     * @param callback - The callback function to process the items.
-     */
-    process(callback: (items: T[]) => void): void;
-    /**
-     * Process the items in series with the given chunk size.
-     * @param callback - The callback function to process each item.
-     * @param {number} [chunkSize=10] - The size of each chunk for processing in series.
-     * @returns {Promise<void>}
-     */
-    processInSeries(callback: ({ item, allItems, report }: CallbackParams<T>) => Promise<void>, chunkSize?: number): Promise<void>;
-    /**
-     * Get the array of results collected by the worker.
-     * @returns {Result[]} - An array of collected results.
-     */
+    process(items: T[], callback: (items: T[]) => void): void;
+    processInSeries(items: T[], callback: (params: CallbackParams<T>) => Promise<void>, chunkSize?: number): Promise<void>;
     get results(): Result[];
-    /**
-     * Get the current items in the worker.
-     * @returns {T[]} - An array of items in the worker.
-     */
-    get items(): T[];
-    /**
-     * Set the items in the worker.
-     * @param {T[]} items - The items to be set in the worker.
-     */
-    set items(items: T[]);
     resetResults(): Promise<void>;
-    /**
-     * Internal method to process a chunk of items using the provided callback.
-     * @private
-     * @param callback - The callback function to process each item.
-     * @param {T[]} chunk - The chunk of items to be processed.
-     * @returns {Promise<void>}
-     */
     private processChunk;
 }

package/components/BulkActions/Worker.js

@@ -29,23 +29,19 @@ class Worker {
         this._report = new Report();
         makeAutoObservable(this);
     }
-    process(callback) {
+    process(items, callback) {
+        this._items = items;
         callback(this._items);
     }
-    async processInSeries(callback, chunkSize = 10) {
+    async processInSeries(items, callback, chunkSize = 10) {
+        this._items = items;
         const chunks = lodash_chunk(this._items, chunkSize);
-        const promises = chunks.map((chunk)=>this.processChunk(callback, chunk));
+        const promises = chunks.map((c)=>this.processChunk(callback, c));
         await Promise.all(promises);
     }
     get results() {
         return this._report.results;
     }
-    get items() {
-        return this._items;
-    }
-    set items(items) {
-        this._items = items;
-    }
     async resetResults() {
         this._items = [];
         this._report = new Report();

package/components/BulkActions/Worker.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/BulkActions/Worker.js","sources":["../../../src/components/BulkActions/Worker.ts"],"sourcesContent":["import 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\n/**\n * Class for collecting processing results\n */\nexport class Report {\n    private _results: Result[] = [];\n\n    /**\n     * Record a successful result in the report\n     * @param {Omit<Result, \"status\">} result - The successful result to be recorded\n     */\n    public success(result: Omit<Result, \"status\">): void {\n        this.addResult({\n            ...result,\n            status: \"success\"\n        });\n    }\n\n    /**\n     * Record an error result in the report.\n     * @param {Omit<Result, \"status\">} result - The error result to be recorded.\n     */\n    public error(result: Omit<Result, \"status\">): void {\n        this.addResult({\n            ...result,\n            status: \"failure\"\n        });\n    }\n\n    /**\n     * Get the array of recorded results.\n     * @returns {Result[]} - An array of recorded results.\n     */\n    get results(): Result[] {\n        return this._results;\n    }\n\n    /**\n     * Internal method to add a result to the report.\n     * @private\n     * @param {Result} result - The result to be added to the report.\n     */\n    private addResult(result: Result): void {\n        this._results.push(result);\n    }\n}\n\n/**\n * A generic worker class for processing items.\n * @template T - The type of items being processed.\n */\nexport class Worker<T> {\n    private _items: T[];\n    private _report: Report;\n\n    constructor() {\n        this._items = [];\n        this._report = new Report();\n        makeAutoObservable(this);\n    }\n\n    /**\n     * Process the items using the provided callback function.\n     * @param callback - The callback function to process the items.\n     */\n    public process(callback: (items: T[]) => void): void {\n        callback(this._items);\n    }\n\n    /**\n     * Process the items in series with the given chunk size.\n     * @param callback - The callback function to process each item.\n     * @param {number} [chunkSize=10] - The size of each chunk for processing in series.\n     * @returns {Promise<void>}\n     */\n    public async processInSeries(\n        callback: ({ item, allItems, report }: CallbackParams<T>) => Promise<void>,\n        chunkSize = 10\n    ): Promise<void> {\n        const chunks = chunk(this._items, chunkSize);\n        const promises = chunks.map(chunk => this.processChunk(callback, chunk));\n        await Promise.all(promises);\n    }\n\n    /**\n     * Get the array of results collected by the worker.\n     * @returns {Result[]} - An array of collected results.\n     */\n    get results(): Result[] {\n        return this._report.results;\n    }\n\n    /**\n     * Get the current items in the worker.\n     * @returns {T[]} - An array of items in the worker.\n     */\n    get items(): T[] {\n        return this._items;\n    }\n\n    /**\n     * Set the items in the worker.\n     * @param {T[]} items - The items to be set in the worker.\n     */\n    set items(items: T[]) {\n        this._items = items;\n    }\n\n    public async resetResults(): Promise<void> {\n        this._items = [];\n        this._report = new Report();\n    }\n\n    /**\n     * Internal method to process a chunk of items using the provided callback.\n     * @private\n     * @param callback - The callback function to process each item.\n     * @param {T[]} chunk - The chunk of items to be processed.\n     * @returns {Promise<void>}\n     */\n    private async processChunk(\n        callback: ({ item, allItems, report }: 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","callback","chunkSize","chunks","chunk","promises","Promise","items","item"],"mappings":";;AAkBO,MAAMA;IAOF,QAAQC,MAA8B,EAAQ;QACjD,IAAI,CAAC,SAAS,CAAC;YACX,GAAGA,MAAM;YACT,QAAQ;QACZ;IACJ;IAMO,MAAMA,MAA8B,EAAQ;QAC/C,IAAI,CAAC,SAAS,CAAC;YACX,GAAGA,MAAM;YACT,QAAQ;QACZ;IACJ;IAMA,IAAI,UAAoB;QACpB,OAAO,IAAI,CAAC,QAAQ;IACxB;IAOQ,UAAUA,MAAc,EAAQ;QACpC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAACA;IACvB;;aAvCQ,QAAQ,GAAa,EAAE;;AAwCnC;AAMO,MAAMC;IAIT,aAAc;QACV,IAAI,CAAC,MAAM,GAAG,EAAE;QAChB,IAAI,CAAC,OAAO,GAAG,IAAIF;QACnBG,mBAAmB,IAAI;IAC3B;IAMO,QAAQC,QAA8B,EAAQ;QACjDA,SAAS,IAAI,CAAC,MAAM;IACxB;IAQA,MAAa,gBACTA,QAA0E,EAC1EC,YAAY,EAAE,EACD;QACb,MAAMC,SAASC,aAAM,IAAI,CAAC,MAAM,EAAEF;QAClC,MAAMG,WAAWF,OAAO,GAAG,CAACC,CAAAA,QAAS,IAAI,CAAC,YAAY,CAACH,UAAUG;QACjE,MAAME,QAAQ,GAAG,CAACD;IACtB;IAMA,IAAI,UAAoB;QACpB,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO;IAC/B;IAMA,IAAI,QAAa;QACb,OAAO,IAAI,CAAC,MAAM;IACtB;IAMA,IAAI,MAAME,KAAU,EAAE;QAClB,IAAI,CAAC,MAAM,GAAGA;IAClB;IAEA,MAAa,eAA8B;QACvC,IAAI,CAAC,MAAM,GAAG,EAAE;QAChB,IAAI,CAAC,OAAO,GAAG,IAAIV;IACvB;IASA,MAAc,aACVI,QAAiF,EACjFG,KAAU,EACG;QACb,KAAK,MAAMI,QAAQJ,MACf,MAAMH,SAAS;YAAEO;YAAM,UAAU,IAAI,CAAC,MAAM;YAAE,QAAQ,IAAI,CAAC,OAAO;QAAC;IAE3E;AACJ"}
+{"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

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

@@ -1,2 +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/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/Dialogs/DialogsContext.js

@@ -5,6 +5,7 @@ import { useSnackbar } from "../../hooks/index.js";
 import { Dialog } from "./Dialog.js";
 import { DialogParamsContext } from "./DialogParamsContext.js";
 import { useAdminConfig } from "../../config/AdminConfig.js";
+import { ConfirmationBridge } from "../../features/confirmation/index.js";
 const initializeState = (params = {})=>({
         id: `dialog-${generateId()}`,
         title: params.title ?? "Confirmation",
@@ -135,7 +136,7 @@ const DialogsProvider = ({ children })=>{
     })());
 };
 const createDialogsProvider = ()=>createProvider((Component)=>function({ children }) {
-            return /*#__PURE__*/ react.createElement(DialogsProvider, null, /*#__PURE__*/ react.createElement(Component, null, children));
+            return /*#__PURE__*/ react.createElement(DialogsProvider, null, /*#__PURE__*/ react.createElement(Component, null, children), /*#__PURE__*/ react.createElement(ConfirmationBridge, null));
         });
 export { DialogsContext, DialogsProvider, createDialogsProvider, initializeState };
 

package/components/Dialogs/DialogsContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/Dialogs/DialogsContext.js","sources":["../../../src/components/Dialogs/DialogsContext.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useState } from \"react\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { createProvider } from \"@webiny/app\";\nimport { generateId } from \"@webiny/utils\";\nimport { useSnackbar } from \"~/hooks/index.js\";\nimport { Dialog, type DialogProps } from \"./Dialog.js\";\nimport { DialogParamsContext } from \"./DialogParamsContext.js\";\nimport { useAdminConfig } from \"~/config/AdminConfig.js\";\n\ninterface ShowDialogParams {\n    title: ReactNode;\n    description?: ReactNode;\n    dismissible?: boolean;\n    content: ReactNode;\n    actions?: React.JSX.Element;\n    icon?: React.JSX.Element;\n    info?: ReactNode;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: string;\n    dataLoadingLabel?: string;\n    onAccept?: (data: GenericFormData) => void;\n    onClose?: () => void;\n    formData?: DialogProps[\"formData\"];\n    size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n}\n\nexport interface DialogsContext {\n    showDialog: (params: ShowDialogParams) => () => void;\n    closeAllDialogs: () => void;\n    openNamedDialog: (name: string, params: Record<string, unknown>) => void;\n    closeNamedDialog: () => void;\n}\n\ninterface DialogsProviderProps {\n    children: ReactNode;\n}\n\ninterface DialogState extends ShowDialogParams {\n    id: string;\n    open: boolean;\n    loading: boolean;\n    element?: React.JSX.Element;\n}\n\nexport const initializeState = (params: Partial<DialogState> = {}): DialogState => ({\n    id: `dialog-${generateId()}`,\n    title: params.title ?? `Confirmation`,\n    description: params.description,\n    dismissible: params.dismissible,\n    icon: params.icon,\n    info: params.info,\n    content: params.content,\n    acceptLabel: params.acceptLabel === null ? null : (params.acceptLabel ?? `Confirm`),\n    cancelLabel: params.cancelLabel === null ? null : (params.cancelLabel ?? `Cancel`),\n    loadingLabel: params.loadingLabel ?? `Loading...`,\n    dataLoadingLabel: params.dataLoadingLabel ?? `Loading...`,\n    onAccept: params.onAccept,\n    onClose: params.onClose,\n    open: params.open ?? false,\n    loading: params.loading ?? false,\n    element: params.element,\n    formData: params.formData ?? {},\n    size: params.size ?? \"md\"\n});\n\nexport const DialogsContext = React.createContext<DialogsContext | undefined>(undefined);\n\ninterface NamedDialogIntent {\n    name: string;\n    params: Record<string, unknown>;\n}\n\nexport const DialogsProvider = ({ children }: DialogsProviderProps) => {\n    const { showSnackbar } = useSnackbar();\n    const [dialogs, setDialogs] = useState<Map<string, DialogState>>(new Map());\n    const [namedDialogIntent, setNamedDialogIntent] = useState<NamedDialogIntent | null>(null);\n    const { dialogs: registeredDialogs } = useAdminConfig();\n\n    const showDialog = (params: ShowDialogParams) => {\n        const newDialog = initializeState({ ...params, open: true });\n        setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));\n        return () => closeDialog(newDialog.id);\n    };\n\n    const closeDialog = (id: string) => {\n        const dialog = dialogs.get(id);\n\n        // Call the onClose callback if it exists\n        if (dialog?.onClose && typeof dialog.onClose === \"function\") {\n            try {\n                dialog.onClose();\n            } catch (error) {\n                // Log error but don't prevent dialog cleanup\n                console.error(\"Error in dialog onClose callback:\", error);\n            }\n        }\n\n        setDialogs(dialogs => {\n            const newDialogs = new Map(dialogs);\n            newDialogs.delete(id);\n            return newDialogs;\n        });\n    };\n\n    const closeAllDialogs = () => {\n        setDialogs(new Map());\n    };\n\n    const openNamedDialog = (name: string, params: Record<string, unknown>) => {\n        setNamedDialogIntent({ name, params });\n    };\n\n    const closeNamedDialog = () => {\n        setNamedDialogIntent(null);\n    };\n\n    const onSubmit = async (id: string, data: GenericFormData) => {\n        const dialog = dialogs.get(id);\n        if (!dialog) {\n            return;\n        }\n\n        try {\n            if (typeof dialog.onAccept === \"function\") {\n                setDialogs(dialogs => {\n                    const newDialogs = new Map(dialogs);\n                    newDialogs.set(id, { ...dialog, loading: true });\n                    return newDialogs;\n                });\n\n                await dialog.onAccept(data);\n            }\n        } catch (error) {\n            showSnackbar(error.message);\n        } finally {\n            setDialogs(dialogs => {\n                const newDialogs = new Map(dialogs);\n                newDialogs.set(id, { ...dialog, loading: false });\n                return newDialogs;\n            });\n            closeDialog(id);\n        }\n    };\n\n    const context = {\n        showDialog,\n        closeDialog,\n        closeAllDialogs,\n        openNamedDialog,\n        closeNamedDialog\n    };\n\n    return (\n        <DialogsContext.Provider value={context}>\n            {children}\n            {Array.from(dialogs.values()).map(dialog => (\n                <Dialog\n                    key={dialog.id}\n                    description={dialog.description}\n                    dismissible={dialog.dismissible ?? true}\n                    icon={dialog.icon ?? <></>}\n                    title={dialog.title}\n                    content={dialog.content}\n                    open={dialog.open}\n                    info={dialog.info}\n                    acceptLabel={dialog.acceptLabel}\n                    cancelLabel={dialog.cancelLabel}\n                    loadingLabel={dialog.loadingLabel}\n                    dataLoadingLabel={dialog.dataLoadingLabel}\n                    loading={dialog.loading}\n                    closeDialog={() => {\n                        closeDialog(dialog.id);\n                        dialog.onClose && dialog.onClose();\n                    }}\n                    onSubmit={data => onSubmit(dialog.id, data)}\n                    formData={dialog.formData}\n                    size={dialog.size}\n                />\n            ))}\n            {namedDialogIntent &&\n                (() => {\n                    const registration = registeredDialogs.find(\n                        d => d.name === namedDialogIntent.name\n                    );\n                    if (!registration) {\n                        return null;\n                    }\n                    return (\n                        <DialogParamsContext.Provider\n                            value={{\n                                params: namedDialogIntent.params,\n                                closeDialog: closeNamedDialog\n                            }}\n                        >\n                            {registration.element}\n                        </DialogParamsContext.Provider>\n                    );\n                })()}\n        </DialogsContext.Provider>\n    );\n};\n\nexport const createDialogsProvider = () => {\n    return createProvider(Component => {\n        return function DialogsProviderDecorator({ children }: DialogsProviderProps) {\n            return (\n                <DialogsProvider>\n                    <Component>{children}</Component>\n                </DialogsProvider>\n            );\n        };\n    });\n};\n"],"names":["initializeState","params","generateId","DialogsContext","React","undefined","DialogsProvider","children","showSnackbar","useSnackbar","dialogs","setDialogs","useState","Map","namedDialogIntent","setNamedDialogIntent","registeredDialogs","useAdminConfig","showDialog","newDialog","closeDialog","id","dialog","error","console","newDialogs","closeAllDialogs","openNamedDialog","name","closeNamedDialog","onSubmit","data","context","Array","Dialog","registration","d","DialogParamsContext","createDialogsProvider","createProvider","Component"],"mappings":"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"}
+{"version":3,"file":"components/Dialogs/DialogsContext.js","sources":["../../../src/components/Dialogs/DialogsContext.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useState } from \"react\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { createProvider } from \"@webiny/app\";\nimport { generateId } from \"@webiny/utils\";\nimport { useSnackbar } from \"~/hooks/index.js\";\nimport { Dialog, type DialogProps } from \"./Dialog.js\";\nimport { DialogParamsContext } from \"./DialogParamsContext.js\";\nimport { useAdminConfig } from \"~/config/AdminConfig.js\";\nimport { ConfirmationBridge } from \"~/features/confirmation/index.js\";\n\ninterface ShowDialogParams {\n    title: ReactNode;\n    description?: ReactNode;\n    dismissible?: boolean;\n    content: ReactNode;\n    actions?: React.JSX.Element;\n    icon?: React.JSX.Element;\n    info?: ReactNode;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: string;\n    dataLoadingLabel?: string;\n    onAccept?: (data: GenericFormData) => void;\n    onClose?: () => void;\n    formData?: DialogProps[\"formData\"];\n    size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n}\n\nexport interface DialogsContext {\n    showDialog: (params: ShowDialogParams) => () => void;\n    closeAllDialogs: () => void;\n    openNamedDialog: (name: string, params: Record<string, unknown>) => void;\n    closeNamedDialog: () => void;\n}\n\ninterface DialogsProviderProps {\n    children: ReactNode;\n}\n\ninterface DialogState extends ShowDialogParams {\n    id: string;\n    open: boolean;\n    loading: boolean;\n    element?: React.JSX.Element;\n}\n\nexport const initializeState = (params: Partial<DialogState> = {}): DialogState => ({\n    id: `dialog-${generateId()}`,\n    title: params.title ?? `Confirmation`,\n    description: params.description,\n    dismissible: params.dismissible,\n    icon: params.icon,\n    info: params.info,\n    content: params.content,\n    acceptLabel: params.acceptLabel === null ? null : (params.acceptLabel ?? `Confirm`),\n    cancelLabel: params.cancelLabel === null ? null : (params.cancelLabel ?? `Cancel`),\n    loadingLabel: params.loadingLabel ?? `Loading...`,\n    dataLoadingLabel: params.dataLoadingLabel ?? `Loading...`,\n    onAccept: params.onAccept,\n    onClose: params.onClose,\n    open: params.open ?? false,\n    loading: params.loading ?? false,\n    element: params.element,\n    formData: params.formData ?? {},\n    size: params.size ?? \"md\"\n});\n\nexport const DialogsContext = React.createContext<DialogsContext | undefined>(undefined);\n\ninterface NamedDialogIntent {\n    name: string;\n    params: Record<string, unknown>;\n}\n\nexport const DialogsProvider = ({ children }: DialogsProviderProps) => {\n    const { showSnackbar } = useSnackbar();\n    const [dialogs, setDialogs] = useState<Map<string, DialogState>>(new Map());\n    const [namedDialogIntent, setNamedDialogIntent] = useState<NamedDialogIntent | null>(null);\n    const { dialogs: registeredDialogs } = useAdminConfig();\n\n    const showDialog = (params: ShowDialogParams) => {\n        const newDialog = initializeState({ ...params, open: true });\n        setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));\n        return () => closeDialog(newDialog.id);\n    };\n\n    const closeDialog = (id: string) => {\n        const dialog = dialogs.get(id);\n\n        // Call the onClose callback if it exists\n        if (dialog?.onClose && typeof dialog.onClose === \"function\") {\n            try {\n                dialog.onClose();\n            } catch (error) {\n                // Log error but don't prevent dialog cleanup\n                console.error(\"Error in dialog onClose callback:\", error);\n            }\n        }\n\n        setDialogs(dialogs => {\n            const newDialogs = new Map(dialogs);\n            newDialogs.delete(id);\n            return newDialogs;\n        });\n    };\n\n    const closeAllDialogs = () => {\n        setDialogs(new Map());\n    };\n\n    const openNamedDialog = (name: string, params: Record<string, unknown>) => {\n        setNamedDialogIntent({ name, params });\n    };\n\n    const closeNamedDialog = () => {\n        setNamedDialogIntent(null);\n    };\n\n    const onSubmit = async (id: string, data: GenericFormData) => {\n        const dialog = dialogs.get(id);\n        if (!dialog) {\n            return;\n        }\n\n        try {\n            if (typeof dialog.onAccept === \"function\") {\n                setDialogs(dialogs => {\n                    const newDialogs = new Map(dialogs);\n                    newDialogs.set(id, { ...dialog, loading: true });\n                    return newDialogs;\n                });\n\n                await dialog.onAccept(data);\n            }\n        } catch (error) {\n            showSnackbar(error.message);\n        } finally {\n            setDialogs(dialogs => {\n                const newDialogs = new Map(dialogs);\n                newDialogs.set(id, { ...dialog, loading: false });\n                return newDialogs;\n            });\n            closeDialog(id);\n        }\n    };\n\n    const context = {\n        showDialog,\n        closeDialog,\n        closeAllDialogs,\n        openNamedDialog,\n        closeNamedDialog\n    };\n\n    return (\n        <DialogsContext.Provider value={context}>\n            {children}\n            {Array.from(dialogs.values()).map(dialog => (\n                <Dialog\n                    key={dialog.id}\n                    description={dialog.description}\n                    dismissible={dialog.dismissible ?? true}\n                    icon={dialog.icon ?? <></>}\n                    title={dialog.title}\n                    content={dialog.content}\n                    open={dialog.open}\n                    info={dialog.info}\n                    acceptLabel={dialog.acceptLabel}\n                    cancelLabel={dialog.cancelLabel}\n                    loadingLabel={dialog.loadingLabel}\n                    dataLoadingLabel={dialog.dataLoadingLabel}\n                    loading={dialog.loading}\n                    closeDialog={() => {\n                        closeDialog(dialog.id);\n                        dialog.onClose && dialog.onClose();\n                    }}\n                    onSubmit={data => onSubmit(dialog.id, data)}\n                    formData={dialog.formData}\n                    size={dialog.size}\n                />\n            ))}\n            {namedDialogIntent &&\n                (() => {\n                    const registration = registeredDialogs.find(\n                        d => d.name === namedDialogIntent.name\n                    );\n                    if (!registration) {\n                        return null;\n                    }\n                    return (\n                        <DialogParamsContext.Provider\n                            value={{\n                                params: namedDialogIntent.params,\n                                closeDialog: closeNamedDialog\n                            }}\n                        >\n                            {registration.element}\n                        </DialogParamsContext.Provider>\n                    );\n                })()}\n        </DialogsContext.Provider>\n    );\n};\n\nexport const createDialogsProvider = () => {\n    return createProvider(Component => {\n        return function DialogsProviderDecorator({ children }: DialogsProviderProps) {\n            return (\n                <DialogsProvider>\n                    <Component>{children}</Component>\n                    <ConfirmationBridge />\n                </DialogsProvider>\n            );\n        };\n    });\n};\n"],"names":["initializeState","params","generateId","DialogsContext","React","undefined","DialogsProvider","children","showSnackbar","useSnackbar","dialogs","setDialogs","useState","Map","namedDialogIntent","setNamedDialogIntent","registeredDialogs","useAdminConfig","showDialog","newDialog","closeDialog","id","dialog","error","console","newDialogs","closeAllDialogs","openNamedDialog","name","closeNamedDialog","onSubmit","data","context","Array","Dialog","registration","d","DialogParamsContext","createDialogsProvider","createProvider","Component","ConfirmationBridge"],"mappings":"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"}

package/components/Drawers/DrawerParamsContext.d.ts

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

package/components/Drawers/DrawerParamsContext.js

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

package/components/Drawers/DrawerParamsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Drawers/DrawerParamsContext.js","sources":["../../../src/components/Drawers/DrawerParamsContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport interface DrawerParamsContextValue {\n    params: Record<string, unknown>;\n    closeDrawer: () => void;\n}\n\nexport const DrawerParamsContext = createContext<DrawerParamsContextValue | undefined>(undefined);\n\nexport const useDrawerParamsContext = () => {\n    const context = useContext(DrawerParamsContext);\n\n    if (!context) {\n        throw new Error(\n            \"useDrawer must be used inside a named drawer registered via AdminConfig.Drawer\"\n        );\n    }\n\n    return context;\n};\n"],"names":["DrawerParamsContext","createContext","undefined","useDrawerParamsContext","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/Drawers/DrawersContext.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+import React from "react";
+export interface DrawersContext {
+    openNamedDrawer: (name: string, params?: Record<string, unknown>) => void;
+    closeNamedDrawer: (name?: string) => void;
+}
+interface DrawersProviderProps {
+    children: ReactNode;
+}
+export declare const DrawersContext: React.Context<DrawersContext | undefined>;
+export declare const DrawersProvider: ({ children }: DrawersProviderProps) => React.JSX.Element;
+export declare const createDrawersProvider: () => import("@webiny/app").Decorator<import("@webiny/app").GenericComponent<import("@webiny/app").ChildrenProps>>;
+export {};

package/components/Drawers/DrawersContext.js

@@ -0,0 +1,50 @@
+import react, { useCallback, useState } from "react";
+import { createProvider } from "@webiny/app";
+import { DrawerParamsContext } from "./DrawerParamsContext.js";
+import { useAdminConfig } from "../../config/AdminConfig.js";
+const DrawersContext = /*#__PURE__*/ react.createContext(void 0);
+const DrawersProvider = ({ children })=>{
+    const [stack, setStack] = useState([]);
+    const { drawers: registeredDrawers } = useAdminConfig();
+    const openNamedDrawer = useCallback((name, params = {})=>{
+        setStack((prev)=>{
+            if (prev.some((entry)=>entry.name === name)) return prev;
+            return [
+                ...prev,
+                {
+                    name,
+                    params
+                }
+            ];
+        });
+    }, []);
+    const closeNamedDrawer = useCallback((name)=>{
+        setStack((prev)=>{
+            if (!name) return prev.slice(0, -1);
+            return prev.filter((entry)=>entry.name !== name);
+        });
+    }, []);
+    const context = {
+        openNamedDrawer,
+        closeNamedDrawer
+    };
+    return /*#__PURE__*/ react.createElement(DrawersContext.Provider, {
+        value: context
+    }, children, stack.map((entry)=>{
+        const registration = registeredDrawers.find((d)=>d.name === entry.name);
+        if (!registration) return null;
+        return /*#__PURE__*/ react.createElement(DrawerParamsContext.Provider, {
+            key: entry.name,
+            value: {
+                params: entry.params,
+                closeDrawer: ()=>closeNamedDrawer(entry.name)
+            }
+        }, registration.element);
+    }));
+};
+const createDrawersProvider = ()=>createProvider((Component)=>function({ children }) {
+            return /*#__PURE__*/ react.createElement(DrawersProvider, null, /*#__PURE__*/ react.createElement(Component, null, children));
+        });
+export { DrawersContext, DrawersProvider, createDrawersProvider };
+
+//# sourceMappingURL=DrawersContext.js.map

package/components/Drawers/DrawersContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Drawers/DrawersContext.js","sources":["../../../src/components/Drawers/DrawersContext.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useCallback, useState } from \"react\";\nimport { createProvider } from \"@webiny/app\";\nimport { DrawerParamsContext } from \"./DrawerParamsContext.js\";\nimport { useAdminConfig } from \"~/config/AdminConfig.js\";\n\ninterface OpenDrawerEntry {\n    name: string;\n    params: Record<string, unknown>;\n}\n\nexport interface DrawersContext {\n    openNamedDrawer: (name: string, params?: Record<string, unknown>) => void;\n    closeNamedDrawer: (name?: string) => void;\n}\n\ninterface DrawersProviderProps {\n    children: ReactNode;\n}\n\nexport const DrawersContext = React.createContext<DrawersContext | undefined>(undefined);\n\nexport const DrawersProvider = ({ children }: DrawersProviderProps) => {\n    const [stack, setStack] = useState<OpenDrawerEntry[]>([]);\n    const { drawers: registeredDrawers } = useAdminConfig();\n\n    const openNamedDrawer = useCallback((name: string, params: Record<string, unknown> = {}) => {\n        setStack(prev => {\n            if (prev.some(entry => entry.name === name)) {\n                return prev;\n            }\n            return [...prev, { name, params }];\n        });\n    }, []);\n\n    const closeNamedDrawer = useCallback((name?: string) => {\n        setStack(prev => {\n            if (!name) {\n                return prev.slice(0, -1);\n            }\n            return prev.filter(entry => entry.name !== name);\n        });\n    }, []);\n\n    const context: DrawersContext = {\n        openNamedDrawer,\n        closeNamedDrawer\n    };\n\n    return (\n        <DrawersContext.Provider value={context}>\n            {children}\n            {stack.map(entry => {\n                const registration = registeredDrawers.find(d => d.name === entry.name);\n                if (!registration) {\n                    return null;\n                }\n                return (\n                    <DrawerParamsContext.Provider\n                        key={entry.name}\n                        value={{\n                            params: entry.params,\n                            closeDrawer: () => closeNamedDrawer(entry.name)\n                        }}\n                    >\n                        {registration.element}\n                    </DrawerParamsContext.Provider>\n                );\n            })}\n        </DrawersContext.Provider>\n    );\n};\n\nexport const createDrawersProvider = () => {\n    return createProvider(Component => {\n        return function DrawersProviderHOC({ children }: DrawersProviderProps) {\n            return (\n                <DrawersProvider>\n                    <Component>{children}</Component>\n                </DrawersProvider>\n            );\n        };\n    });\n};\n"],"names":["DrawersContext","React","undefined","DrawersProvider","children","stack","setStack","useState","registeredDrawers","useAdminConfig","openNamedDrawer","useCallback","name","params","prev","entry","closeNamedDrawer","context","registration","d","DrawerParamsContext","createDrawersProvider","createProvider","Component"],"mappings":";;;;AAoBO,MAAMA,iBAAiB,WAAHA,GAAGC,MAAAA,aAAmB,CAA6BC;AAEvE,MAAMC,kBAAkB,CAAC,EAAEC,QAAQ,EAAwB;IAC9D,MAAM,CAACC,OAAOC,SAAS,GAAGC,SAA4B,EAAE;IACxD,MAAM,EAAE,SAASC,iBAAiB,EAAE,GAAGC;IAEvC,MAAMC,kBAAkBC,YAAY,CAACC,MAAcC,SAAkC,CAAC,CAAC;QACnFP,SAASQ,CAAAA;YACL,IAAIA,KAAK,IAAI,CAACC,CAAAA,QAASA,MAAM,IAAI,KAAKH,OAClC,OAAOE;YAEX,OAAO;mBAAIA;gBAAM;oBAAEF;oBAAMC;gBAAO;aAAE;QACtC;IACJ,GAAG,EAAE;IAEL,MAAMG,mBAAmBL,YAAY,CAACC;QAClCN,SAASQ,CAAAA;YACL,IAAI,CAACF,MACD,OAAOE,KAAK,KAAK,CAAC,GAAG;YAEzB,OAAOA,KAAK,MAAM,CAACC,CAAAA,QAASA,MAAM,IAAI,KAAKH;QAC/C;IACJ,GAAG,EAAE;IAEL,MAAMK,UAA0B;QAC5BP;QACAM;IACJ;IAEA,OAAO,WAAP,GACI,oBAAChB,eAAe,QAAQ;QAAC,OAAOiB;OAC3Bb,UACAC,MAAM,GAAG,CAACU,CAAAA;QACP,MAAMG,eAAeV,kBAAkB,IAAI,CAACW,CAAAA,IAAKA,EAAE,IAAI,KAAKJ,MAAM,IAAI;QACtE,IAAI,CAACG,cACD,OAAO;QAEX,OAAO,WAAP,GACI,oBAACE,oBAAoB,QAAQ;YACzB,KAAKL,MAAM,IAAI;YACf,OAAO;gBACH,QAAQA,MAAM,MAAM;gBACpB,aAAa,IAAMC,iBAAiBD,MAAM,IAAI;YAClD;WAECG,aAAa,OAAO;IAGjC;AAGZ;AAEO,MAAMG,wBAAwB,IAC1BC,eAAeC,CAAAA,YACX,SAA4B,EAAEnB,QAAQ,EAAwB;YACjE,OAAO,WAAP,GACI,oBAACD,iBAAeA,MAAAA,WAAAA,GACZ,oBAACoB,WAAAA,MAAWnB;QAGxB"}

package/components/Drawers/useDrawers.d.ts

@@ -0,0 +1,2 @@
+import { DrawersContext } from "./DrawersContext.js";
+export declare const useDrawers: () => DrawersContext;

package/components/Drawers/useDrawers.js

@@ -0,0 +1,10 @@
+import { useContext } from "react";
+import { DrawersContext } from "./DrawersContext.js";
+const useDrawers = ()=>{
+    const context = useContext(DrawersContext);
+    if (!context) throw new Error("useDrawers must be used within a DrawersContext.Provider");
+    return context;
+};
+export { useDrawers };
+
+//# sourceMappingURL=useDrawers.js.map

package/components/Drawers/useDrawers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Drawers/useDrawers.js","sources":["../../../src/components/Drawers/useDrawers.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { DrawersContext } from \"./DrawersContext.js\";\n\nexport const useDrawers = () => {\n    const context = useContext(DrawersContext);\n\n    if (!context) {\n        throw new Error(\"useDrawers must be used within a DrawersContext.Provider\");\n    }\n\n    return context;\n};\n"],"names":["useDrawers","context","useContext","DrawersContext","Error"],"mappings":";;AAGO,MAAMA,aAAa;IACtB,MAAMC,UAAUC,WAAWC;IAE3B,IAAI,CAACF,SACD,MAAM,IAAIG,MAAM;IAGpB,OAAOH;AACX"}

package/components/Filters/Filters.js

@@ -1,6 +1,7 @@
 import react from "react";
 import { Separator } from "@webiny/admin-ui";
 import { Form } from "@webiny/form";
+const GRID_COLUMNS = 4;
 const Filters = (props)=>{
     if (!props.show || !props.filters.length) return null;
     return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
@@ -10,10 +11,16 @@ const Filters = (props)=>{
         data: props.data,
         onChange: props.onChange
     }, ()=>/*#__PURE__*/ react.createElement("div", {
-            className: "w-full flex gap-sm flex-wrap"
+            className: "w-full grid grid-cols-4 gap-sm items-center"
         }, props.filters.map((filter)=>/*#__PURE__*/ react.createElement("div", {
-                key: filter.name
-            }, filter.element)), props.children))), /*#__PURE__*/ react.createElement(Separator, null));
+                key: filter.name,
+                className: "empty:hidden min-w-0"
+            }, filter.element)), props.children && /*#__PURE__*/ react.createElement("div", {
+            className: "min-w-0",
+            style: {
+                gridColumn: `span ${GRID_COLUMNS - props.filters.length % GRID_COLUMNS}`
+            }
+        }, props.children)))), /*#__PURE__*/ react.createElement(Separator, null));
 };
 export { Filters };
 

package/components/Filters/Filters.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/Filters/Filters.js","sources":["../../../src/components/Filters/Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport type { FormOnSubmit, FormProps, GenericFormData } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\n\ntype Filter = {\n    name: string;\n    element: React.ReactElement;\n};\n\nexport type GenericFiltersData = GenericFormData;\n\nexport type FiltersOnSubmit<T extends GenericFiltersData = GenericFiltersData> = FormOnSubmit<T>;\n\nexport interface FiltersProps<T extends GenericFormData = GenericFormData> extends Pick<\n    FormProps<T>,\n    \"data\" | \"onChange\"\n> {\n    filters: Filter[];\n    show: boolean;\n    children?: React.ReactNode;\n    [\"data-testid\"]?: string;\n}\n\nexport const Filters = <T extends GenericFiltersData = GenericFiltersData>(\n    props: FiltersProps<T>\n) => {\n    if (!props.show || !props.filters.length) {\n        return null;\n    }\n\n    return (\n        <>\n            <div\n                className={\"w-full bg-neutral-base px-md my-sm\"}\n                data-testid={props[\"data-testid\"] || \"filters-container\"}\n            >\n                <Form data={props.data} onChange={props.onChange}>\n                    {() => (\n                        <div className={\"w-full flex gap-sm flex-wrap\"}>\n                            {props.filters.map(filter => (\n                                <div key={filter.name}>{filter.element}</div>\n                            ))}\n                            {props.children}\n                        </div>\n                    )}\n                </Form>\n            </div>\n            <Separator />\n        </>\n    );\n};\n"],"names":["Filters","props","Form","filter","Separator"],"mappings":";;;AAwBO,MAAMA,UAAU,CACnBC;IAEA,IAAI,CAACA,MAAM,IAAI,IAAI,CAACA,MAAM,OAAO,CAAC,MAAM,EACpC,OAAO;IAGX,OAAO,WAAP,GACI,wDACI,oBAAC;QACG,WAAW;QACX,eAAaA,KAAK,CAAC,cAAc,IAAI;qBAErC,oBAACC,MAAIA;QAAC,MAAMD,MAAM,IAAI;QAAE,UAAUA,MAAM,QAAQ;OAC3C,kBACG,oBAAC;YAAI,WAAW;WACXA,MAAM,OAAO,CAAC,GAAG,CAACE,CAAAA,SAAAA,WAAAA,GACf,oBAAC;gBAAI,KAAKA,OAAO,IAAI;eAAGA,OAAO,OAAO,IAEzCF,MAAM,QAAQ,mBAK/B,oBAACG,WAASA;AAGtB"}
+{"version":3,"file":"components/Filters/Filters.js","sources":["../../../src/components/Filters/Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport type { FormOnSubmit, FormProps, GenericFormData } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\n\ntype Filter = {\n    name: string;\n    element: React.ReactElement;\n};\n\nconst GRID_COLUMNS = 4;\n\nexport type GenericFiltersData = GenericFormData;\n\nexport type FiltersOnSubmit<T extends GenericFiltersData = GenericFiltersData> = FormOnSubmit<T>;\n\nexport interface FiltersProps<T extends GenericFormData = GenericFormData> extends Pick<\n    FormProps<T>,\n    \"data\" | \"onChange\"\n> {\n    filters: Filter[];\n    show: boolean;\n    children?: React.ReactNode;\n    [\"data-testid\"]?: string;\n}\n\nexport const Filters = <T extends GenericFiltersData = GenericFiltersData>(\n    props: FiltersProps<T>\n) => {\n    if (!props.show || !props.filters.length) {\n        return null;\n    }\n\n    return (\n        <>\n            <div\n                className={\"w-full bg-neutral-base px-md my-sm\"}\n                data-testid={props[\"data-testid\"] || \"filters-container\"}\n            >\n                <Form data={props.data} onChange={props.onChange}>\n                    {() => (\n                        <div className={\"w-full grid grid-cols-4 gap-sm items-center\"}>\n                            {props.filters.map(filter => (\n                                <div key={filter.name} className={\"empty:hidden min-w-0\"}>\n                                    {filter.element}\n                                </div>\n                            ))}\n                            {props.children && (\n                                // Children (e.g. advanced search) take the rest of the row.\n                                <div\n                                    className={\"min-w-0\"}\n                                    style={{\n                                        gridColumn: `span ${\n                                            GRID_COLUMNS - (props.filters.length % GRID_COLUMNS)\n                                        }`\n                                    }}\n                                >\n                                    {props.children}\n                                </div>\n                            )}\n                        </div>\n                    )}\n                </Form>\n            </div>\n            <Separator />\n        </>\n    );\n};\n"],"names":["GRID_COLUMNS","Filters","props","Form","filter","Separator"],"mappings":";;;AAUA,MAAMA,eAAe;AAgBd,MAAMC,UAAU,CACnBC;IAEA,IAAI,CAACA,MAAM,IAAI,IAAI,CAACA,MAAM,OAAO,CAAC,MAAM,EACpC,OAAO;IAGX,OAAO,WAAP,GACI,wDACI,oBAAC;QACG,WAAW;QACX,eAAaA,KAAK,CAAC,cAAc,IAAI;qBAErC,oBAACC,MAAIA;QAAC,MAAMD,MAAM,IAAI;QAAE,UAAUA,MAAM,QAAQ;OAC3C,kBACG,oBAAC;YAAI,WAAW;WACXA,MAAM,OAAO,CAAC,GAAG,CAACE,CAAAA,SAAAA,WAAAA,GACf,oBAAC;gBAAI,KAAKA,OAAO,IAAI;gBAAE,WAAW;eAC7BA,OAAO,OAAO,IAGtBF,MAAM,QAAQ,I,cAEX,oBAAC;YACG,WAAW;YACX,OAAO;gBACH,YAAY,CAAC,KAAK,EACdF,eAAgBE,MAAM,OAAO,CAAC,MAAM,GAAGF,cACzC;YACN;WAECE,MAAM,QAAQ,oBAOvC,oBAACG,WAASA;AAGtB"}