@webiny/app-admin 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/components/BulkActions/Worker.js

@@ -1,126 +1,59 @@
-import chunk from "lodash/chunk.js";
+import lodash_chunk from "lodash/chunk.js";
 import { makeAutoObservable } from "mobx";
-/**
- * Class for collecting processing results
- */
-export class Report {
-  _results = [];
-
-  /**
-   * Record a successful result in the report
-   * @param {Omit<Result, "status">} result - The successful result to be recorded
-   */
-  success(result) {
-    this.addResult({
-      ...result,
-      status: "success"
-    });
-  }
-
-  /**
-   * Record an error result in the report.
-   * @param {Omit<Result, "status">} result - The error result to be recorded.
-   */
-  error(result) {
-    this.addResult({
-      ...result,
-      status: "failure"
-    });
-  }
-
-  /**
-   * Get the array of recorded results.
-   * @returns {Result[]} - An array of recorded results.
-   */
-  get results() {
-    return this._results;
-  }
-
-  /**
-   * Internal method to add a result to the report.
-   * @private
-   * @param {Result} result - The result to be added to the report.
-   */
-  addResult(result) {
-    this._results.push(result);
-  }
+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 = [];
+    }
 }
-
-/**
- * A generic worker class for processing items.
- * @template T - The type of items being processed.
- */
-export class Worker {
-  constructor() {
-    this._items = [];
-    this._report = new Report();
-    makeAutoObservable(this);
-  }
-
-  /**
-   * Process the items using the provided callback function.
-   * @param callback - The callback function to process the items.
-   */
-  process(callback) {
-    callback(this._items);
-  }
-
-  /**
-   * 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>}
-   */
-  async processInSeries(callback, chunkSize = 10) {
-    const chunks = chunk(this._items, chunkSize);
-    const promises = chunks.map(chunk => this.processChunk(callback, chunk));
-    await Promise.all(promises);
-  }
-
-  /**
-   * Get the array of results collected by the worker.
-   * @returns {Result[]} - An array of collected results.
-   */
-  get results() {
-    return this._report.results;
-  }
-
-  /**
-   * Get the current items in the worker.
-   * @returns {T[]} - An array of items in the worker.
-   */
-  get items() {
-    return this._items;
-  }
-
-  /**
-   * Set the items in the worker.
-   * @param {T[]} items - The items to be set in the worker.
-   */
-  set items(items) {
-    this._items = items;
-  }
-  async resetResults() {
-    this._items = [];
-    this._report = new Report();
-  }
-
-  /**
-   * 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>}
-   */
-  async processChunk(callback, chunk) {
-    for (const item of chunk) {
-      await callback({
-        item,
-        allItems: this._items,
-        report: this._report
-      });
+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

@@ -1 +1 @@
-{"version":3,"names":["chunk","makeAutoObservable","Report","_results","success","result","addResult","status","error","results","push","Worker","constructor","_items","_report","process","callback","processInSeries","chunkSize","chunks","promises","map","processChunk","Promise","all","items","resetResults","item","allItems","report"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,iBAAiB;AACnC,SAASC,kBAAkB,QAAQ,MAAM;AAczC;AACA;AACA;AACA,OAAO,MAAMC,MAAM,CAAC;EACRC,QAAQ,GAAa,EAAE;;EAE/B;AACJ;AACA;AACA;EACWC,OAAOA,CAACC,MAA8B,EAAQ;IACjD,IAAI,CAACC,SAAS,CAAC;MACX,GAAGD,MAAM;MACTE,MAAM,EAAE;IACZ,CAAC,CAAC;EACN;;EAEA;AACJ;AACA;AACA;EACWC,KAAKA,CAACH,MAA8B,EAAQ;IAC/C,IAAI,CAACC,SAAS,CAAC;MACX,GAAGD,MAAM;MACTE,MAAM,EAAE;IACZ,CAAC,CAAC;EACN;;EAEA;AACJ;AACA;AACA;EACI,IAAIE,OAAOA,CAAA,EAAa;IACpB,OAAO,IAAI,CAACN,QAAQ;EACxB;;EAEA;AACJ;AACA;AACA;AACA;EACYG,SAASA,CAACD,MAAc,EAAQ;IACpC,IAAI,CAACF,QAAQ,CAACO,IAAI,CAACL,MAAM,CAAC;EAC9B;AACJ;;AAEA;AACA;AACA;AACA;AACA,OAAO,MAAMM,MAAM,CAAI;EAInBC,WAAWA,CAAA,EAAG;IACV,IAAI,CAACC,MAAM,GAAG,EAAE;IAChB,IAAI,CAACC,OAAO,GAAG,IAAIZ,MAAM,CAAC,CAAC;IAC3BD,kBAAkB,CAAC,IAAI,CAAC;EAC5B;;EAEA;AACJ;AACA;AACA;EACWc,OAAOA,CAACC,QAA8B,EAAQ;IACjDA,QAAQ,CAAC,IAAI,CAACH,MAAM,CAAC;EACzB;;EAEA;AACJ;AACA;AACA;AACA;AACA;EACI,MAAaI,eAAeA,CACxBD,QAA0E,EAC1EE,SAAS,GAAG,EAAE,EACD;IACb,MAAMC,MAAM,GAAGnB,KAAK,CAAC,IAAI,CAACa,MAAM,EAAEK,SAAS,CAAC;IAC5C,MAAME,QAAQ,GAAGD,MAAM,CAACE,GAAG,CAACrB,KAAK,IAAI,IAAI,CAACsB,YAAY,CAACN,QAAQ,EAAEhB,KAAK,CAAC,CAAC;IACxE,MAAMuB,OAAO,CAACC,GAAG,CAACJ,QAAQ,CAAC;EAC/B;;EAEA;AACJ;AACA;AACA;EACI,IAAIX,OAAOA,CAAA,EAAa;IACpB,OAAO,IAAI,CAACK,OAAO,CAACL,OAAO;EAC/B;;EAEA;AACJ;AACA;AACA;EACI,IAAIgB,KAAKA,CAAA,EAAQ;IACb,OAAO,IAAI,CAACZ,MAAM;EACtB;;EAEA;AACJ;AACA;AACA;EACI,IAAIY,KAAKA,CAACA,KAAU,EAAE;IAClB,IAAI,CAACZ,MAAM,GAAGY,KAAK;EACvB;EAEA,MAAaC,YAAYA,CAAA,EAAkB;IACvC,IAAI,CAACb,MAAM,GAAG,EAAE;IAChB,IAAI,CAACC,OAAO,GAAG,IAAIZ,MAAM,CAAC,CAAC;EAC/B;;EAEA;AACJ;AACA;AACA;AACA;AACA;AACA;EACI,MAAcoB,YAAYA,CACtBN,QAAiF,EACjFhB,KAAU,EACG;IACb,KAAK,MAAM2B,IAAI,IAAI3B,KAAK,EAAE;MACtB,MAAMgB,QAAQ,CAAC;QAAEW,IAAI;QAAEC,QAAQ,EAAE,IAAI,CAACf,MAAM;QAAEgB,MAAM,EAAE,IAAI,CAACf;MAAQ,CAAC,CAAC;IACzE;EACJ;AACJ","ignoreList":[]}
+{"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,4 +1,5 @@
 export * from "./useDialogWithReport/index.js";
 export * from "./Worker.js";
-
-//# sourceMappingURL=index.js.map
+export * from "./BulkActionRunner.js";
+export * from "./BulkActionButton.js";
+export { useDialogWithReport as useBulkActionDialog } from "./useDialogWithReport/index.js";

package/components/BulkActions/useDialogWithReport/DialogMessage.js

@@ -1,23 +1,19 @@
-import React from "react";
-import { ReactComponent as ErrorIcon } from "@webiny/icons/error_outline.svg";
-import { ReactComponent as SuccessIcon } from "@webiny/icons/check_circle_outline.svg";
-import { List, Icon, cn } from "@webiny/admin-ui";
-export const ResultDialogMessage = ({
-  results,
-  message
-}) => {
-  return /*#__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: result.status === "success" ? /*#__PURE__*/React.createElement(SuccessIcon, null) : /*#__PURE__*/React.createElement(ErrorIcon, null),
-      label: result.status,
-      className: cn(result.status === "success" ? "fill-success" : "fill-destructive")
-    })
-  }))));
-};
+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

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","ErrorIcon","SuccessIcon","List","Icon","cn","ResultDialogMessage","results","message","createElement","Fragment","className","map","result","index","Item","key","title","description","icon","status","label"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,SAAS,QAAQ,iCAAiC;AAC7E,SAASD,cAAc,IAAIE,WAAW,QAAQ,wCAAwC;AACtF,SAASC,IAAI,EAAEC,IAAI,EAAEC,EAAE,QAAQ,kBAAkB;AAKjD,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAAkC,CAAC,KAAK;EACnF,oBACIT,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,QACKF,OAAO,iBAAIT,KAAA,CAAAU,aAAA;IAAKE,SAAS,EAAE;EAAQ,GAAEH,OAAa,CAAC,eACpDT,KAAA,CAAAU,aAAA,CAACN,IAAI,QACAI,OAAO,CAACK,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,kBACvBf,KAAA,CAAAU,aAAA,CAACN,IAAI,CAACY,IAAI;IACNC,GAAG,EAAE,QAAQF,KAAK,EAAG;IACrBG,KAAK,EAAEJ,MAAM,CAACI,KAAM;IACpBC,WAAW,EAAEL,MAAM,CAACL,OAAQ;IAC5BW,IAAI,eACApB,KAAA,CAAAU,aAAA,CAACL,IAAI;MACDe,IAAI,EAAEN,MAAM,CAACO,MAAM,KAAK,SAAS,gBAAGrB,KAAA,CAAAU,aAAA,CAACP,WAAW,MAAE,CAAC,gBAAGH,KAAA,CAAAU,aAAA,CAACR,SAAS,MAAE,CAAE;MACpEoB,KAAK,EAAER,MAAM,CAACO,MAAO;MACrBT,SAAS,EAAEN,EAAE,CACTQ,MAAM,CAACO,MAAM,KAAK,SAAS,GACrB,cAAc,GACd,kBACV;IAAE,CACL;EACJ,CACJ,CACJ,CACC,CACR,CAAC;AAEX,CAAC","ignoreList":[]}
+{"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.js

@@ -1,3 +1 @@
 export * from "./useDialogWithReport.js";
-
-//# sourceMappingURL=index.js.map

package/components/BulkActions/useDialogWithReport/useDialogWithReport.js

@@ -1,51 +1,40 @@
-import React from "react";
+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");
-export 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
-  };
+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

@@ -1 +1 @@
-{"version":3,"names":["React","i18n","ResultDialogMessage","useDialogs","t","ns","useDialogWithReport","showDialog","closeAllDialogs","showConfirmationDialog","execute","title","message","loadingLabel","content","acceptLabel","onAccept","cancelLabel","showResultsDialog","onCancel","params","setTimeout","createElement","onClose","hideResultsDialog"],"sources":["useDialogWithReport.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ResultDialogMessage } from \"./DialogMessage.js\";\nimport type { Result } from \"../Worker.js\";\nimport { useDialogs } from \"~/components/Dialogs/useDialogs.js\";\n\nconst t = i18n.ns(\"app-admin/hooks/use-dialog-with-report\");\n\nexport interface ShowConfirmationDialogParams {\n    execute: (() => void) | (() => Promise<void>);\n    title?: string;\n    message?: string;\n    loadingLabel?: string;\n}\n\nexport interface ShowResultsDialogParams {\n    results: Result[];\n    title?: string;\n    message?: string;\n    onCancel?: () => Promise<void>;\n}\n\nexport interface UseDialogWithReportResponse {\n    showConfirmationDialog: (params: ShowConfirmationDialogParams) => void;\n    showResultsDialog: (results: ShowResultsDialogParams) => void;\n    hideResultsDialog: () => void;\n}\n\nexport const useDialogWithReport = (): UseDialogWithReportResponse => {\n    const { showDialog, closeAllDialogs } = useDialogs();\n\n    const showConfirmationDialog = ({\n        execute,\n        title,\n        message,\n        loadingLabel\n    }: ShowConfirmationDialogParams) => {\n        showDialog({\n            title: title || t`Confirm`,\n            content: message || t`Are you sure you want to continue?`,\n            loadingLabel: loadingLabel || t`Processing...`,\n            acceptLabel: t`Confirm`,\n            onAccept: execute,\n            cancelLabel: t`Cancel`\n        });\n    };\n\n    const showResultsDialog = ({ title, onCancel, ...params }: ShowResultsDialogParams) => {\n        setTimeout(() => {\n            showDialog({\n                title: title || t`Results`,\n                content: <ResultDialogMessage {...params} />,\n                cancelLabel: t`Close`,\n                onClose: onCancel,\n                acceptLabel: null\n            });\n        }, 10);\n    };\n\n    const hideResultsDialog = () => {\n        closeAllDialogs();\n    };\n\n    return {\n        showConfirmationDialog,\n        showResultsDialog,\n        hideResultsDialog\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,mBAAmB;AAE5B,SAASC,UAAU;AAEnB,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,wCAAwC,CAAC;AAsB3D,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAmC;EAClE,MAAM;IAAEC,UAAU;IAAEC;EAAgB,CAAC,GAAGL,UAAU,CAAC,CAAC;EAEpD,MAAMM,sBAAsB,GAAGA,CAAC;IAC5BC,OAAO;IACPC,KAAK;IACLC,OAAO;IACPC;EAC0B,CAAC,KAAK;IAChCN,UAAU,CAAC;MACPI,KAAK,EAAEA,KAAK,IAAIP,CAAC,SAAS;MAC1BU,OAAO,EAAEF,OAAO,IAAIR,CAAC,oCAAoC;MACzDS,YAAY,EAAEA,YAAY,IAAIT,CAAC,eAAe;MAC9CW,WAAW,EAAEX,CAAC,SAAS;MACvBY,QAAQ,EAAEN,OAAO;MACjBO,WAAW,EAAEb,CAAC;IAClB,CAAC,CAAC;EACN,CAAC;EAED,MAAMc,iBAAiB,GAAGA,CAAC;IAAEP,KAAK;IAAEQ,QAAQ;IAAE,GAAGC;EAAgC,CAAC,KAAK;IACnFC,UAAU,CAAC,MAAM;MACbd,UAAU,CAAC;QACPI,KAAK,EAAEA,KAAK,IAAIP,CAAC,SAAS;QAC1BU,OAAO,eAAEd,KAAA,CAAAsB,aAAA,CAACpB,mBAAmB,EAAKkB,MAAS,CAAC;QAC5CH,WAAW,EAAEb,CAAC,OAAO;QACrBmB,OAAO,EAAEJ,QAAQ;QACjBJ,WAAW,EAAE;MACjB,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC;EACV,CAAC;EAED,MAAMS,iBAAiB,GAAGA,CAAA,KAAM;IAC5BhB,eAAe,CAAC,CAAC;EACrB,CAAC;EAED,OAAO;IACHC,sBAAsB;IACtBS,iBAAiB;IACjBM;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"components/BulkActions/useDialogWithReport/useDialogWithReport.js","sources":["../../../../src/components/BulkActions/useDialogWithReport/useDialogWithReport.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ResultDialogMessage } from \"./DialogMessage.js\";\nimport type { Result } from \"../Worker.js\";\nimport { useDialogs } from \"~/components/Dialogs/useDialogs.js\";\n\nconst t = i18n.ns(\"app-admin/hooks/use-dialog-with-report\");\n\nexport interface ShowConfirmationDialogParams {\n    execute: (() => void) | (() => Promise<void>);\n    title?: string;\n    message?: string;\n    loadingLabel?: string;\n}\n\nexport interface ShowResultsDialogParams {\n    results: Result[];\n    title?: string;\n    message?: string;\n    onCancel?: () => Promise<void>;\n}\n\nexport interface UseDialogWithReportResponse {\n    showConfirmationDialog: (params: ShowConfirmationDialogParams) => void;\n    showResultsDialog: (results: ShowResultsDialogParams) => void;\n    hideResultsDialog: () => void;\n}\n\nexport const useDialogWithReport = (): UseDialogWithReportResponse => {\n    const { showDialog, closeAllDialogs } = useDialogs();\n\n    const showConfirmationDialog = ({\n        execute,\n        title,\n        message,\n        loadingLabel\n    }: ShowConfirmationDialogParams) => {\n        showDialog({\n            title: title || t`Confirm`,\n            content: message || t`Are you sure you want to continue?`,\n            loadingLabel: loadingLabel || t`Processing...`,\n            acceptLabel: t`Confirm`,\n            onAccept: execute,\n            cancelLabel: t`Cancel`\n        });\n    };\n\n    const showResultsDialog = ({ title, onCancel, ...params }: ShowResultsDialogParams) => {\n        setTimeout(() => {\n            showDialog({\n                title: title || t`Results`,\n                content: <ResultDialogMessage {...params} />,\n                cancelLabel: t`Close`,\n                onClose: onCancel,\n                acceptLabel: null\n            });\n        }, 10);\n    };\n\n    const hideResultsDialog = () => {\n        closeAllDialogs();\n    };\n\n    return {\n        showConfirmationDialog,\n        showResultsDialog,\n        hideResultsDialog\n    };\n};\n"],"names":["t","i18n","useDialogWithReport","showDialog","closeAllDialogs","useDialogs","showConfirmationDialog","execute","title","message","loadingLabel","showResultsDialog","onCancel","params","setTimeout","ResultDialogMessage","hideResultsDialog"],"mappings":";;;;AAMA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAsBX,MAAMC,sBAAsB;IAC/B,MAAM,EAAEC,UAAU,EAAEC,eAAe,EAAE,GAAGC;IAExC,MAAMC,yBAAyB,CAAC,EAC5BC,OAAO,EACPC,KAAK,EACLC,OAAO,EACPC,YAAY,EACe;QAC3BP,WAAW;YACP,OAAOK,SAASR,CAAC,CAAC,OAAO,CAAC;YAC1B,SAASS,WAAWT,CAAC,CAAC,kCAAkC,CAAC;YACzD,cAAcU,gBAAgBV,CAAC,CAAC,aAAa,CAAC;YAC9C,aAAaA,CAAC,CAAC,OAAO,CAAC;YACvB,UAAUO;YACV,aAAaP,CAAC,CAAC,MAAM,CAAC;QAC1B;IACJ;IAEA,MAAMW,oBAAoB,CAAC,EAAEH,KAAK,EAAEI,QAAQ,EAAE,GAAGC,QAAiC;QAC9EC,WAAW;YACPX,WAAW;gBACP,OAAOK,SAASR,CAAC,CAAC,OAAO,CAAC;gBAC1B,SAAS,WAAT,GAAS,oBAACe,qBAAwBF;gBAClC,aAAab,CAAC,CAAC,KAAK,CAAC;gBACrB,SAASY;gBACT,aAAa;YACjB;QACJ,GAAG;IACP;IAEA,MAAMI,oBAAoB;QACtBZ;IACJ;IAEA,OAAO;QACHE;QACAK;QACAK;IACJ;AACJ"}

package/components/Buttons/Buttons.js

@@ -1,77 +1,50 @@
-import React from "react";
+import react from "react";
 import { ButtonsProvider } from "./useButtons.js";
-import { ButtonContainer } from "./Buttons.styles.js";
-import { Button, IconButton as BaseIconButton, Tooltip } from "@webiny/admin-ui";
-export const Buttons = props => {
-  if (!props.actions.length) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center gap-sm"
-  }, props.actions.map(action => /*#__PURE__*/React.createElement("div", {
-    className: "empty:hidden leading-none text-0",
-    key: action.name
-  }, /*#__PURE__*/React.createElement(ButtonsProvider, null, action.element))));
+import { Button, IconButton, Tooltip } from "@webiny/admin-ui";
+const Buttons = (props)=>{
+    if (!props.actions.length) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm"
+    }, props.actions.map((action)=>/*#__PURE__*/ react.createElement("div", {
+            className: "empty:hidden leading-none text-0",
+            key: action.name
+        }, /*#__PURE__*/ react.createElement(ButtonsProvider, null, action.element))));
 };
-export { ButtonContainer };
-export const ButtonDefault = ({
-  onAction,
-  children,
-  ...other
-}) => {
-  return /*#__PURE__*/React.createElement(Button, Object.assign({
-    variant: "ghost"
-  }, other, {
-    onClick: onAction,
-    text: children
-  }));
-};
-export const ButtonPrimary = ({
-  onAction,
-  children,
-  ...other
-}) => {
-  return /*#__PURE__*/React.createElement(Button, Object.assign({
-    variant: "primary"
-  }, other, {
-    onClick: onAction,
-    text: children
-  }));
-};
-export const ButtonSecondary = ({
-  onAction,
-  children,
-  ...other
-}) => {
-  return /*#__PURE__*/React.createElement(Button, Object.assign({
-    variant: "secondary"
-  }, other, {
-    onClick: onAction,
-    text: children
-  }));
-};
-export const IconButton = ({
-  label,
-  onAction,
-  tooltipPlacement,
-  disabled,
-  ...other
-}) => {
-  if (label && !disabled) {
-    return /*#__PURE__*/React.createElement(Tooltip, {
-      content: label,
-      side: tooltipPlacement,
-      trigger: /*#__PURE__*/React.createElement(BaseIconButton, Object.assign({
-        variant: "ghost"
-      }, other, {
-        onClick: onAction
-      }))
+const ButtonDefault = ({ onAction, children, ...other })=>/*#__PURE__*/ react.createElement(Button, {
+        variant: "ghost",
+        ...other,
+        onClick: onAction,
+        text: children
+    });
+const ButtonPrimary = ({ onAction, children, ...other })=>/*#__PURE__*/ react.createElement(Button, {
+        variant: "primary",
+        ...other,
+        onClick: onAction,
+        text: children
+    });
+const ButtonSecondary = ({ onAction, children, ...other })=>/*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        ...other,
+        onClick: onAction,
+        text: children
+    });
+const Buttons_IconButton = ({ label, onAction, tooltipPlacement, disabled, ...other })=>{
+    if (label && !disabled) return /*#__PURE__*/ react.createElement(Tooltip, {
+        content: label,
+        side: tooltipPlacement,
+        trigger: /*#__PURE__*/ react.createElement(IconButton, {
+            variant: "ghost",
+            ...other,
+            onClick: onAction
+        })
+    });
+    return /*#__PURE__*/ react.createElement(IconButton, {
+        ...other,
+        onClick: onAction,
+        disabled: disabled
     });
-  }
-  return /*#__PURE__*/React.createElement(BaseIconButton, Object.assign({}, other, {
-    onClick: onAction,
-    disabled: disabled
-  }));
 };
+export { ButtonContainer } from "./Buttons.styles.js";
+export { ButtonDefault, ButtonPrimary, ButtonSecondary, Buttons, Buttons_IconButton as IconButton };
 
 //# sourceMappingURL=Buttons.js.map

package/components/Buttons/Buttons.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ButtonsProvider","ButtonContainer","Button","IconButton","BaseIconButton","Tooltip","Buttons","props","actions","length","createElement","className","map","action","key","name","element","ButtonDefault","onAction","children","other","Object","assign","variant","onClick","text","ButtonPrimary","ButtonSecondary","label","tooltipPlacement","disabled","content","side","trigger"],"sources":["Buttons.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ButtonsProvider } from \"./useButtons.js\";\nimport { ButtonContainer } from \"./Buttons.styles.js\";\nimport {\n    Button,\n    type ButtonProps as BaseButtonProps,\n    IconButton as BaseIconButton,\n    type IconButtonProps as BaseIconButtonProps,\n    Tooltip,\n    type TooltipProps\n} from \"@webiny/admin-ui\";\n\ninterface ButtonProps extends Omit<BaseButtonProps, \"onClick\"> {\n    onAction: (ev?: any) => void;\n    children: React.ReactNode;\n}\n\ninterface IconButtonProps extends Omit<BaseIconButtonProps, \"onClick\"> {\n    label: string;\n    onAction: (ev?: any) => void;\n    tooltipPlacement?: TooltipProps[\"side\"];\n}\n\nexport interface ButtonsProps {\n    actions: {\n        name: string;\n        element: React.ReactElement;\n    }[];\n}\n\nexport const Buttons = (props: ButtonsProps) => {\n    if (!props.actions.length) {\n        return null;\n    }\n\n    return (\n        <div className={\"flex items-center gap-sm\"}>\n            {props.actions.map(action => (\n                <div className={\"empty:hidden leading-none text-0\"} key={action.name}>\n                    <ButtonsProvider>{action.element}</ButtonsProvider>\n                </div>\n            ))}\n        </div>\n    );\n};\n\nexport { ButtonContainer };\n\nexport const ButtonDefault = ({ onAction, children, ...other }: ButtonProps) => {\n    return <Button variant={\"ghost\"} {...other} onClick={onAction} text={children} />;\n};\n\nexport const ButtonPrimary = ({ onAction, children, ...other }: ButtonProps) => {\n    return <Button variant={\"primary\"} {...other} onClick={onAction} text={children} />;\n};\n\nexport const ButtonSecondary = ({ onAction, children, ...other }: ButtonProps) => {\n    return <Button variant={\"secondary\"} {...other} onClick={onAction} text={children} />;\n};\n\nexport const IconButton = ({\n    label,\n    onAction,\n    tooltipPlacement,\n    disabled,\n    ...other\n}: IconButtonProps) => {\n    if (label && !disabled) {\n        return (\n            <Tooltip\n                content={label}\n                side={tooltipPlacement}\n                trigger={<BaseIconButton variant={\"ghost\"} {...other} onClick={onAction} />}\n            />\n        );\n    }\n\n    return <BaseIconButton {...other} onClick={onAction} disabled={disabled} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,eAAe;AACxB,SAASC,eAAe;AACxB,SACIC,MAAM,EAENC,UAAU,IAAIC,cAAc,EAE5BC,OAAO,QAEJ,kBAAkB;AAoBzB,OAAO,MAAMC,OAAO,GAAIC,KAAmB,IAAK;EAC5C,IAAI,CAACA,KAAK,CAACC,OAAO,CAACC,MAAM,EAAE;IACvB,OAAO,IAAI;EACf;EAEA,oBACIV,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE;EAA2B,GACtCJ,KAAK,CAACC,OAAO,CAACI,GAAG,CAACC,MAAM,iBACrBd,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE,kCAAmC;IAACG,GAAG,EAAED,MAAM,CAACE;EAAK,gBACjEhB,KAAA,CAAAW,aAAA,CAACV,eAAe,QAAEa,MAAM,CAACG,OAAyB,CACjD,CACR,CACA,CAAC;AAEd,CAAC;AAED,SAASf,eAAe;AAExB,OAAO,MAAMgB,aAAa,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,QAAQ;EAAE,GAAGC;AAAmB,CAAC,KAAK;EAC5E,oBAAOrB,KAAA,CAAAW,aAAA,CAACR,MAAM,EAAAmB,MAAA,CAAAC,MAAA;IAACC,OAAO,EAAE;EAAQ,GAAKH,KAAK;IAAEI,OAAO,EAAEN,QAAS;IAACO,IAAI,EAAEN;EAAS,EAAE,CAAC;AACrF,CAAC;AAED,OAAO,MAAMO,aAAa,GAAGA,CAAC;EAAER,QAAQ;EAAEC,QAAQ;EAAE,GAAGC;AAAmB,CAAC,KAAK;EAC5E,oBAAOrB,KAAA,CAAAW,aAAA,CAACR,MAAM,EAAAmB,MAAA,CAAAC,MAAA;IAACC,OAAO,EAAE;EAAU,GAAKH,KAAK;IAAEI,OAAO,EAAEN,QAAS;IAACO,IAAI,EAAEN;EAAS,EAAE,CAAC;AACvF,CAAC;AAED,OAAO,MAAMQ,eAAe,GAAGA,CAAC;EAAET,QAAQ;EAAEC,QAAQ;EAAE,GAAGC;AAAmB,CAAC,KAAK;EAC9E,oBAAOrB,KAAA,CAAAW,aAAA,CAACR,MAAM,EAAAmB,MAAA,CAAAC,MAAA;IAACC,OAAO,EAAE;EAAY,GAAKH,KAAK;IAAEI,OAAO,EAAEN,QAAS;IAACO,IAAI,EAAEN;EAAS,EAAE,CAAC;AACzF,CAAC;AAED,OAAO,MAAMhB,UAAU,GAAGA,CAAC;EACvByB,KAAK;EACLV,QAAQ;EACRW,gBAAgB;EAChBC,QAAQ;EACR,GAAGV;AACU,CAAC,KAAK;EACnB,IAAIQ,KAAK,IAAI,CAACE,QAAQ,EAAE;IACpB,oBACI/B,KAAA,CAAAW,aAAA,CAACL,OAAO;MACJ0B,OAAO,EAAEH,KAAM;MACfI,IAAI,EAAEH,gBAAiB;MACvBI,OAAO,eAAElC,KAAA,CAAAW,aAAA,CAACN,cAAc,EAAAiB,MAAA,CAAAC,MAAA;QAACC,OAAO,EAAE;MAAQ,GAAKH,KAAK;QAAEI,OAAO,EAAEN;MAAS,EAAE;IAAE,CAC/E,CAAC;EAEV;EAEA,oBAAOnB,KAAA,CAAAW,aAAA,CAACN,cAAc,EAAAiB,MAAA,CAAAC,MAAA,KAAKF,KAAK;IAAEI,OAAO,EAAEN,QAAS;IAACY,QAAQ,EAAEA;EAAS,EAAE,CAAC;AAC/E,CAAC","ignoreList":[]}
+{"version":3,"file":"components/Buttons/Buttons.js","sources":["../../../src/components/Buttons/Buttons.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ButtonsProvider } from \"./useButtons.js\";\nimport { ButtonContainer } from \"./Buttons.styles.js\";\nimport {\n    Button,\n    type ButtonProps as BaseButtonProps,\n    IconButton as BaseIconButton,\n    type IconButtonProps as BaseIconButtonProps,\n    Tooltip,\n    type TooltipProps\n} from \"@webiny/admin-ui\";\n\ninterface ButtonProps extends Omit<BaseButtonProps, \"onClick\"> {\n    onAction: (ev?: any) => void;\n    children: React.ReactNode;\n}\n\ninterface IconButtonProps extends Omit<BaseIconButtonProps, \"onClick\"> {\n    label: string;\n    onAction: (ev?: any) => void;\n    tooltipPlacement?: TooltipProps[\"side\"];\n}\n\nexport interface ButtonsProps {\n    actions: {\n        name: string;\n        element: React.ReactElement;\n    }[];\n}\n\nexport const Buttons = (props: ButtonsProps) => {\n    if (!props.actions.length) {\n        return null;\n    }\n\n    return (\n        <div className={\"flex items-center gap-sm\"}>\n            {props.actions.map(action => (\n                <div className={\"empty:hidden leading-none text-0\"} key={action.name}>\n                    <ButtonsProvider>{action.element}</ButtonsProvider>\n                </div>\n            ))}\n        </div>\n    );\n};\n\nexport { ButtonContainer };\n\nexport const ButtonDefault = ({ onAction, children, ...other }: ButtonProps) => {\n    return <Button variant={\"ghost\"} {...other} onClick={onAction} text={children} />;\n};\n\nexport const ButtonPrimary = ({ onAction, children, ...other }: ButtonProps) => {\n    return <Button variant={\"primary\"} {...other} onClick={onAction} text={children} />;\n};\n\nexport const ButtonSecondary = ({ onAction, children, ...other }: ButtonProps) => {\n    return <Button variant={\"secondary\"} {...other} onClick={onAction} text={children} />;\n};\n\nexport const IconButton = ({\n    label,\n    onAction,\n    tooltipPlacement,\n    disabled,\n    ...other\n}: IconButtonProps) => {\n    if (label && !disabled) {\n        return (\n            <Tooltip\n                content={label}\n                side={tooltipPlacement}\n                trigger={<BaseIconButton variant={\"ghost\"} {...other} onClick={onAction} />}\n            />\n        );\n    }\n\n    return <BaseIconButton {...other} onClick={onAction} disabled={disabled} />;\n};\n"],"names":["Buttons","props","action","ButtonsProvider","ButtonDefault","onAction","children","other","Button","ButtonPrimary","ButtonSecondary","IconButton","label","tooltipPlacement","disabled","Tooltip","BaseIconButton"],"mappings":";;;AA+BO,MAAMA,UAAU,CAACC;IACpB,IAAI,CAACA,MAAM,OAAO,CAAC,MAAM,EACrB,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;OACXA,MAAM,OAAO,CAAC,GAAG,CAACC,CAAAA,SAAAA,WAAAA,GACf,oBAAC;YAAI,WAAW;YAAoC,KAAKA,OAAO,IAAI;yBAChE,oBAACC,iBAAeA,MAAED,OAAO,OAAO;AAKpD;AAIO,MAAME,gBAAgB,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGC,OAAoB,GAChE,WAAP,GAAO,oBAACC,QAAMA;QAAC,SAAS;QAAU,GAAGD,KAAK;QAAE,SAASF;QAAU,MAAMC;;AAGlE,MAAMG,gBAAgB,CAAC,EAAEJ,QAAQ,EAAEC,QAAQ,EAAE,GAAGC,OAAoB,GAChE,WAAP,GAAO,oBAACC,QAAMA;QAAC,SAAS;QAAY,GAAGD,KAAK;QAAE,SAASF;QAAU,MAAMC;;AAGpE,MAAMI,kBAAkB,CAAC,EAAEL,QAAQ,EAAEC,QAAQ,EAAE,GAAGC,OAAoB,GAClE,WAAP,GAAO,oBAACC,QAAMA;QAAC,SAAS;QAAc,GAAGD,KAAK;QAAE,SAASF;QAAU,MAAMC;;AAGtE,MAAMK,qBAAa,CAAC,EACvBC,KAAK,EACLP,QAAQ,EACRQ,gBAAgB,EAChBC,QAAQ,EACR,GAAGP,OACW;IACd,IAAIK,SAAS,CAACE,UACV,OAAO,WAAP,GACI,oBAACC,SAAOA;QACJ,SAASH;QACT,MAAMC;QACN,uBAAS,oBAACG,YAAcA;YAAC,SAAS;YAAU,GAAGT,KAAK;YAAE,SAASF;;;IAK3E,OAAO,WAAP,GAAO,oBAACW,YAAcA;QAAE,GAAGT,KAAK;QAAE,SAASF;QAAU,UAAUS;;AACnE"}

package/components/Buttons/Buttons.styles.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["ButtonContainer","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["Buttons.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const ButtonContainer = styled(\"div\")`\n    margin-left: 16px;\n    text-wrap: nowrap;\n    &:empty {\n        display: none;\n    }\n`;\n"],"mappings":";;AAEA,OAAO,MAAMA,eAAe,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAM3C","ignoreList":[]}
+{"version":3,"file":"components/Buttons/Buttons.styles.js","sources":["../../../src/components/Buttons/Buttons.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const ButtonContainer = styled(\"div\")`\n    margin-left: 16px;\n    text-wrap: nowrap;\n    &:empty {\n        display: none;\n    }\n`;\n"],"names":["ButtonContainer","styled"],"mappings":";AAEO,MAAMA,kBAAkBC,OAAO,MAAM,CAAC;;;;;;AAM7C,CAAC"}

package/components/Buttons/index.js

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