@webiny/app-admin 0.0.0-unstable.fcdad0bc61 → 0.0.0-unstable.fdd9228b5d

package/components/BulkActions/Worker.js

@@ -0,0 +1,126 @@
+import chunk from "lodash/chunk";
+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);
+  }
+}
+
+/**
+ * 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
+      });
+    }
+  }
+}
+
+//# sourceMappingURL=Worker.js.map

package/components/BulkActions/Worker.js.map

@@ -0,0 +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\";\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,cAAc;AAChC,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":[]}

package/components/BulkActions/index.d.ts

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

package/components/BulkActions/index.js

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

package/components/BulkActions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./useDialogWithReport\";\nexport * from \"./Worker\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

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

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

package/components/BulkActions/useDialogWithReport/DialogMessage.js

@@ -0,0 +1,23 @@
+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: "wby-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" ? "wby-fill-success" : "wby-fill-destructive")
+    })
+  }))));
+};
+
+//# sourceMappingURL=DialogMessage.js.map

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

@@ -0,0 +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\";\n\ntype ResultDialogMessageProps = Pick<ShowResultsDialogParams, \"results\" | \"message\">;\n\nexport const ResultDialogMessage = ({ results, message }: ResultDialogMessageProps) => {\n    return (\n        <>\n            {message && <div className={\"wby-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                                        ? \"wby-fill-success\"\n                                        : \"wby-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;EAAY,GAAEH,OAAa,CAAC,eACxDT,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,kBAAkB,GAClB,sBACV;IAAE,CACL;EACJ,CACJ,CACJ,CACC,CACR,CAAC;AAEX,CAAC","ignoreList":[]}

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

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

package/components/BulkActions/useDialogWithReport/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./useDialogWithReport\";\n"],"mappings":"AAAA","ignoreList":[]}

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

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

package/components/BulkActions/useDialogWithReport/useDialogWithReport.js

@@ -0,0 +1,51 @@
+import React from "react";
+import { i18n } from "@webiny/app/i18n";
+import { ResultDialogMessage } from "./DialogMessage";
+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
+  };
+};
+
+//# sourceMappingURL=useDialogWithReport.js.map

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

@@ -0,0 +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\";\nimport { ResultDialogMessage } from \"./DialogMessage\";\nimport type { Result } from \"../Worker\";\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,kBAAkB;AACvC,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":[]}

package/components/Buttons/Buttons.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import { ButtonContainer } from "./Buttons.styles";
+import { type ButtonProps as BaseButtonProps, type IconButtonProps as BaseIconButtonProps, type TooltipProps } from "@webiny/admin-ui";
+interface ButtonProps extends Omit<BaseButtonProps, "onClick"> {
+    onAction: (ev?: any) => void;
+    children: React.ReactNode;
+}
+interface IconButtonProps extends Omit<BaseIconButtonProps, "onClick"> {
+    label: string;
+    onAction: (ev?: any) => void;
+    tooltipPlacement?: TooltipProps["side"];
+}
+export interface ButtonsProps {
+    actions: {
+        name: string;
+        element: React.ReactElement;
+    }[];
+}
+export declare const Buttons: (props: ButtonsProps) => React.JSX.Element | null;
+export { ButtonContainer };
+export declare const ButtonDefault: ({ onAction, children, ...other }: ButtonProps) => React.JSX.Element;
+export declare const ButtonPrimary: ({ onAction, children, ...other }: ButtonProps) => React.JSX.Element;
+export declare const ButtonSecondary: ({ onAction, children, ...other }: ButtonProps) => React.JSX.Element;
+export declare const IconButton: ({ label, onAction, tooltipPlacement, disabled, ...other }: IconButtonProps) => React.JSX.Element;

package/components/Buttons/Buttons.js

@@ -0,0 +1,77 @@
+import React from "react";
+import { ButtonsProvider } from "./useButtons";
+import { ButtonContainer } from "./Buttons.styles";
+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: "wby-flex wby-items-center wby-gap-sm"
+  }, props.actions.map(action => /*#__PURE__*/React.createElement("div", {
+    className: "empty:wby-hidden wby-leading-none wby-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
+      }))
+    });
+  }
+  return /*#__PURE__*/React.createElement(BaseIconButton, Object.assign({}, other, {
+    onClick: onAction,
+    disabled: disabled
+  }));
+};
+
+//# sourceMappingURL=Buttons.js.map

package/components/Buttons/Buttons.js.map

@@ -0,0 +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\";\nimport { ButtonContainer } from \"./Buttons.styles\";\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={\"wby-flex wby-items-center wby-gap-sm\"}>\n            {props.actions.map(action => (\n                <div className={\"empty:wby-hidden wby-leading-none wby-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;EAAuC,GAClDJ,KAAK,CAACC,OAAO,CAACI,GAAG,CAACC,MAAM,iBACrBd,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE,8CAA+C;IAACG,GAAG,EAAED,MAAM,CAACE;EAAK,gBAC7EhB,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":[]}

package/components/Buttons/Buttons.styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const ButtonContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/Buttons/Buttons.styles.js

@@ -0,0 +1,18 @@
+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;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFNEMiLCJmaWxlIjoiQnV0dG9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBCdXR0b25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgbWFyZ2luLWxlZnQ6IDE2cHg7XG4gICAgdGV4dC13cmFwOiBub3dyYXA7XG4gICAgJjplbXB0eSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+//# sourceMappingURL=Buttons.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ButtonContainer","_styled","process","env","NODE_ENV","target","label","name","styles","map","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,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAM3C","ignoreList":[]}

package/components/Buttons/index.d.ts

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

package/components/Buttons/index.js

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

package/components/Buttons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Buttons","ButtonContainer","useButtons"],"sources":["index.ts"],"sourcesContent":["export { Buttons, ButtonContainer } from \"./Buttons\";\nexport { useButtons } from \"./useButtons\";\n"],"mappings":"AAAA,SAASA,OAAO,EAAEC,eAAe;AACjC,SAASC,UAAU","ignoreList":[]}

package/components/Buttons/useButtons.d.ts

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

package/components/Buttons/useButtons.js

@@ -0,0 +1,24 @@
+import React from "react";
+import { ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton } from "./Buttons";
+const ButtonsContext = /*#__PURE__*/React.createContext(undefined);
+export const ButtonsProvider = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(ButtonsContext.Provider, {
+    value: {
+      ButtonDefault,
+      ButtonPrimary,
+      ButtonSecondary,
+      IconButton
+    }
+  }, children);
+};
+export const useButtons = () => {
+  const context = React.useContext(ButtonsContext);
+  if (!context) {
+    throw new Error("useButtons must be used within a ButtonsContext");
+  }
+  return context;
+};
+
+//# sourceMappingURL=useButtons.js.map

package/components/Buttons/useButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ButtonDefault","ButtonPrimary","ButtonSecondary","IconButton","ButtonsContext","createContext","undefined","ButtonsProvider","children","createElement","Provider","value","useButtons","context","useContext","Error"],"sources":["useButtons.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton } from \"./Buttons\";\n\nexport interface ButtonsProviderContext {\n    ButtonDefault: typeof ButtonDefault;\n    ButtonPrimary: typeof ButtonPrimary;\n    ButtonSecondary: typeof ButtonSecondary;\n    IconButton: typeof IconButton;\n}\n\nconst ButtonsContext = React.createContext<ButtonsProviderContext | undefined>(undefined);\n\ninterface ButtonsProviderProps {\n    children: React.ReactNode;\n}\n\nexport const ButtonsProvider = ({ children }: ButtonsProviderProps) => {\n    return (\n        <ButtonsContext.Provider\n            value={{ ButtonDefault, ButtonPrimary, ButtonSecondary, IconButton }}\n        >\n            {children}\n        </ButtonsContext.Provider>\n    );\n};\n\nexport const useButtons = (): ButtonsProviderContext => {\n    const context = React.useContext(ButtonsContext);\n\n    if (!context) {\n        throw new Error(\"useButtons must be used within a ButtonsContext\");\n    }\n\n    return context;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,aAAa,EAAEC,eAAe,EAAEC,UAAU;AASlE,MAAMC,cAAc,gBAAGL,KAAK,CAACM,aAAa,CAAqCC,SAAS,CAAC;AAMzF,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC;AAA+B,CAAC,KAAK;EACnE,oBACIT,KAAA,CAAAU,aAAA,CAACL,cAAc,CAACM,QAAQ;IACpBC,KAAK,EAAE;MAAEX,aAAa;MAAEC,aAAa;MAAEC,eAAe;MAAEC;IAAW;EAAE,GAEpEK,QACoB,CAAC;AAElC,CAAC;AAED,OAAO,MAAMI,UAAU,GAAGA,CAAA,KAA8B;EACpD,MAAMC,OAAO,GAAGd,KAAK,CAACe,UAAU,CAACV,cAAc,CAAC;EAEhD,IAAI,CAACS,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,iDAAiD,CAAC;EACtE;EAEA,OAAOF,OAAO;AAClB,CAAC","ignoreList":[]}

package/components/Dialogs/CustomDialog.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { GenericFormData } from "@webiny/form";
+interface DialogProps {
+    onSubmit: (data: GenericFormData) => void;
+    closeDialog: () => void;
+    loading: boolean;
+    open: boolean;
+    children: JSX.Element;
+}
+export declare const CustomDialog: ({ open, loading, closeDialog, onSubmit, children }: DialogProps) => React.JSX.Element;
+export interface CustomDialogContext {
+    loading: boolean;
+    closeDialog: () => void;
+    submit: () => void;
+}
+export declare const useCustomDialog: () => CustomDialogContext;
+export {};

package/components/Dialogs/CustomDialog.js

@@ -0,0 +1,48 @@
+import React, { useContext } from "react";
+import { Form, useForm } from "@webiny/form";
+import { Dialog } from "@webiny/admin-ui";
+export const CustomDialog = ({
+  open,
+  loading,
+  closeDialog,
+  onSubmit,
+  children
+}) => {
+  const handleSubmit = data => {
+    onSubmit(data);
+  };
+  return /*#__PURE__*/React.createElement(Dialog, {
+    open: open,
+    onClose: closeDialog
+  }, open ? /*#__PURE__*/React.createElement(Form, {
+    onSubmit: handleSubmit
+  }, () => /*#__PURE__*/React.createElement(CustomDialogProvider, {
+    loading: loading,
+    closeDialog: closeDialog
+  }, children)) : null);
+};
+const CustomDialogContext = /*#__PURE__*/React.createContext(undefined);
+const CustomDialogProvider = ({
+  loading,
+  closeDialog,
+  children
+}) => {
+  const form = useForm();
+  const context = {
+    submit: form.submit,
+    loading,
+    closeDialog
+  };
+  return /*#__PURE__*/React.createElement(CustomDialogContext.Provider, {
+    value: context
+  }, children);
+};
+export const useCustomDialog = () => {
+  const context = useContext(CustomDialogContext);
+  if (!context) {
+    throw new Error("useCustomDialog must be used within the CustomDialogProvider.");
+  }
+  return context;
+};
+
+//# sourceMappingURL=CustomDialog.js.map

package/components/Dialogs/CustomDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","Form","useForm","Dialog","CustomDialog","open","loading","closeDialog","onSubmit","children","handleSubmit","data","createElement","onClose","CustomDialogProvider","CustomDialogContext","createContext","undefined","form","context","submit","Provider","value","useCustomDialog","Error"],"sources":["CustomDialog.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport type { FormOnSubmit, GenericFormData } from \"@webiny/form\";\nimport { Form, useForm } from \"@webiny/form\";\nimport { Dialog } from \"@webiny/admin-ui\";\n\ninterface DialogProps {\n    onSubmit: (data: GenericFormData) => void;\n    closeDialog: () => void;\n    loading: boolean;\n    open: boolean;\n    children: JSX.Element;\n}\n\nexport const CustomDialog = ({ open, loading, closeDialog, onSubmit, children }: DialogProps) => {\n    const handleSubmit: FormOnSubmit = data => {\n        onSubmit(data);\n    };\n\n    return (\n        <Dialog open={open} onClose={closeDialog}>\n            {open ? (\n                <Form onSubmit={handleSubmit}>\n                    {() => (\n                        <CustomDialogProvider loading={loading} closeDialog={closeDialog}>\n                            {children}\n                        </CustomDialogProvider>\n                    )}\n                </Form>\n            ) : null}\n        </Dialog>\n    );\n};\n\nexport interface CustomDialogContext {\n    loading: boolean;\n    closeDialog: () => void;\n    submit: () => void;\n}\n\nconst CustomDialogContext = React.createContext<CustomDialogContext | undefined>(undefined);\n\ninterface CustomDialogProviderProps {\n    loading: boolean;\n    closeDialog: () => void;\n    children: JSX.Element;\n}\n\nconst CustomDialogProvider = ({ loading, closeDialog, children }: CustomDialogProviderProps) => {\n    const form = useForm();\n\n    const context: CustomDialogContext = { submit: form.submit, loading, closeDialog };\n\n    return <CustomDialogContext.Provider value={context}>{children}</CustomDialogContext.Provider>;\n};\n\nexport const useCustomDialog = () => {\n    const context = useContext(CustomDialogContext);\n\n    if (!context) {\n        throw new Error(\"useCustomDialog must be used within the CustomDialogProvider.\");\n    }\n\n    return context;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,IAAI,EAAEC,OAAO,QAAQ,cAAc;AAC5C,SAASC,MAAM,QAAQ,kBAAkB;AAUzC,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,IAAI;EAAEC,OAAO;EAAEC,WAAW;EAAEC,QAAQ;EAAEC;AAAsB,CAAC,KAAK;EAC7F,MAAMC,YAA0B,GAAGC,IAAI,IAAI;IACvCH,QAAQ,CAACG,IAAI,CAAC;EAClB,CAAC;EAED,oBACIZ,KAAA,CAAAa,aAAA,CAACT,MAAM;IAACE,IAAI,EAAEA,IAAK;IAACQ,OAAO,EAAEN;EAAY,GACpCF,IAAI,gBACDN,KAAA,CAAAa,aAAA,CAACX,IAAI;IAACO,QAAQ,EAAEE;EAAa,GACxB,mBACGX,KAAA,CAAAa,aAAA,CAACE,oBAAoB;IAACR,OAAO,EAAEA,OAAQ;IAACC,WAAW,EAAEA;EAAY,GAC5DE,QACiB,CAExB,CAAC,GACP,IACA,CAAC;AAEjB,CAAC;AAQD,MAAMM,mBAAmB,gBAAGhB,KAAK,CAACiB,aAAa,CAAkCC,SAAS,CAAC;AAQ3F,MAAMH,oBAAoB,GAAGA,CAAC;EAAER,OAAO;EAAEC,WAAW;EAAEE;AAAoC,CAAC,KAAK;EAC5F,MAAMS,IAAI,GAAGhB,OAAO,CAAC,CAAC;EAEtB,MAAMiB,OAA4B,GAAG;IAAEC,MAAM,EAAEF,IAAI,CAACE,MAAM;IAAEd,OAAO;IAAEC;EAAY,CAAC;EAElF,oBAAOR,KAAA,CAAAa,aAAA,CAACG,mBAAmB,CAACM,QAAQ;IAACC,KAAK,EAAEH;EAAQ,GAAEV,QAAuC,CAAC;AAClG,CAAC;AAED,OAAO,MAAMc,eAAe,GAAGA,CAAA,KAAM;EACjC,MAAMJ,OAAO,GAAGnB,UAAU,CAACe,mBAAmB,CAAC;EAE/C,IAAI,CAACI,OAAO,EAAE;IACV,MAAM,IAAIK,KAAK,CAAC,+DAA+D,CAAC;EACpF;EAEA,OAAOL,OAAO;AAClB,CAAC","ignoreList":[]}

package/components/Dialogs/Dialog.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from "react";
+import React from "react";
+import type { GenericFormData } from "@webiny/form";
+export interface DialogProps {
+    title: ReactNode;
+    description: ReactNode;
+    dismissible: boolean;
+    content: ReactNode;
+    icon: ReactNode;
+    acceptLabel?: ReactNode;
+    cancelLabel?: ReactNode;
+    loadingLabel?: ReactNode;
+    dataLoadingLabel?: ReactNode;
+    onSubmit: (data: GenericFormData) => void;
+    closeDialog: () => void;
+    loading: boolean;
+    open: boolean;
+    formData?: GenericFormData | (() => Promise<GenericFormData>);
+    size?: "sm" | "md" | "lg" | "xl" | "full";
+}
+export declare const Dialog: ({ open, loading, title, content, acceptLabel, cancelLabel, loadingLabel, dataLoadingLabel, closeDialog, onSubmit, size, ...props }: DialogProps) => React.JSX.Element;