@webiny/app-admin 0.0.0-unstable.bca7b3e350 → 0.0.0-unstable.c27f4d8a31

package/base/ui/UserMenu.js

@@ -1,113 +1,19 @@
-"use strict";
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+export * from "./UserMenu/UserMenuItem.js";
+export * from "./UserMenu/UserMenuLink.js";
+export * from "./UserMenu/UserMenuSeparator.js";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// UserMenu
+export const UserMenu = makeDecoratable("UserMenu", () => {
+  return /*#__PURE__*/React.createElement(UserMenuRenderer, null);
 });
-exports.UserMenuRenderer = exports.UserMenuProvider = exports.UserMenuItems = exports.UserMenuItemRenderer = exports.UserMenuItem = exports.UserMenuHandleRenderer = exports.UserMenuHandle = exports.UserMenu = exports.AddUserMenuItem = void 0;
-exports.useUserMenu = useUserMenu;
-exports.useUserMenuItem = useUserMenuItem;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _app = require("@webiny/app");
-var _excluded = ["children"];
-var UserMenuContext = /*#__PURE__*/_react.default.createContext({
-  addMenuItem: function addMenuItem() {
-    return void 0;
-  },
-  menuItems: []
-});
-UserMenuContext.displayName = "UserMenuContext";
-function useUserMenu() {
-  return _react.default.useContext(UserMenuContext);
-}
-var UserMenuProvider = function UserMenuProvider(Component) {
-  return function UserMenuProvider(_ref) {
-    var children = _ref.children,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-    var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      menuItems = _useState2[0],
-      setItems = _useState2[1];
-    var addMenuItem = (0, _react.useCallback)(function (item) {
-      setItems(function (items) {
-        return [].concat((0, _toConsumableArray2.default)(items), [item]);
-      });
-      return function () {
-        setItems(function (items) {
-          var index = items.findIndex(function (i) {
-            return i === item;
-          });
-          if (index < 0) {
-            return items;
-          }
-          return [].concat((0, _toConsumableArray2.default)(items.slice(0, index)), (0, _toConsumableArray2.default)(items.slice(index + 1)));
-        });
-      };
-    }, [setItems]);
-    var context = {
-      menuItems: menuItems,
-      addMenuItem: addMenuItem
-    };
-    return /*#__PURE__*/_react.default.createElement(UserMenuContext.Provider, {
-      value: context
-    }, /*#__PURE__*/_react.default.createElement(Component, props, children));
-  };
-};
-exports.UserMenuProvider = UserMenuProvider;
-var UserMenu = (0, _app.makeComposable)("UserMenu", function () {
-  return /*#__PURE__*/_react.default.createElement(UserMenuRenderer, null);
-});
-exports.UserMenu = UserMenu;
-var UserMenuRenderer = (0, _app.makeComposable)("UserMenuRenderer");
-exports.UserMenuRenderer = UserMenuRenderer;
-var UserMenuHandle = (0, _app.makeComposable)("UserMenuHandle", function () {
-  return /*#__PURE__*/_react.default.createElement(UserMenuHandleRenderer, null);
-});
-exports.UserMenuHandle = UserMenuHandle;
-var UserMenuHandleRenderer = (0, _app.makeComposable)("UserMenuHandleRenderer");
-exports.UserMenuHandleRenderer = UserMenuHandleRenderer;
-var UserMenuItem = (0, _app.makeComposable)("UserMenuItem", function (_ref2) {
-  var menuItem = _ref2.menuItem;
-  return /*#__PURE__*/_react.default.createElement(UserMenuItemContext.Provider, {
-    value: menuItem
-  }, /*#__PURE__*/_react.default.createElement(UserMenuItemRenderer, null));
-});
-exports.UserMenuItem = UserMenuItem;
-var UserMenuItemRenderer = (0, _app.makeComposable)("UserMenuItemRenderer");
-exports.UserMenuItemRenderer = UserMenuItemRenderer;
-var AddUserMenuItem = function AddUserMenuItem(props) {
-  var _useUserMenu = useUserMenu(),
-    addMenuItem = _useUserMenu.addMenuItem;
-  (0, _react.useEffect)(function () {
-    return addMenuItem(props);
-  }, []);
-  return null;
-};
-exports.AddUserMenuItem = AddUserMenuItem;
-var UserMenuItemContext = /*#__PURE__*/_react.default.createContext({
-  element: undefined,
-  icon: undefined,
-  label: undefined,
-  onClick: function onClick() {
-    return void 0;
-  },
-  path: undefined
-});
-UserMenuItemContext.displayName = "UserMenuItemContext";
-function useUserMenuItem() {
-  return _react.default.useContext(UserMenuItemContext);
-}
-var UserMenuItems = (0, _app.makeComposable)("UserMenuItems", function (_ref3) {
-  var menuItems = _ref3.menuItems;
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, menuItems.map(function (item, index) {
-    return /*#__PURE__*/_react.default.createElement(UserMenuItem, {
-      key: index,
-      menuItem: item
-    });
-  }));
+export const UserMenuRenderer = makeDecoratable("UserMenuRenderer", createVoidComponent());
+
+// UserMenuHandle
+export const UserMenuHandle = makeDecoratable("UserMenuHandle", () => {
+  return /*#__PURE__*/React.createElement(UserMenuHandleRenderer, null);
 });
-exports.UserMenuItems = UserMenuItems;
+export const UserMenuHandleRenderer = makeDecoratable("UserMenuHandleRenderer", createVoidComponent());
+
+//# sourceMappingURL=UserMenu.js.map

package/base/ui/UserMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["UserMenuContext","React","createContext","addMenuItem","menuItems","displayName","useUserMenu","useContext","UserMenuProvider","Component","children","props","useState","setItems","useCallback","item","items","index","findIndex","i","slice","context","UserMenu","makeComposable","UserMenuRenderer","UserMenuHandle","UserMenuHandleRenderer","UserMenuItem","menuItem","UserMenuItemRenderer","AddUserMenuItem","useEffect","UserMenuItemContext","element","undefined","icon","label","onClick","path","useUserMenuItem","UserMenuItems","map"],"sources":["UserMenu.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useEffect, useState } from \"react\";\nimport { makeComposable } from \"@webiny/app\";\n\nexport interface UserMenuItemData {\n    label?: string;\n    icon?: JSX.Element;\n    path?: string;\n    onClick?: () => void;\n    element?: JSX.Element;\n}\n\nexport interface UserMenuContext {\n    menuItems: UserMenuItemData[];\n    addMenuItem(item: UserMenuItemData): void;\n}\n\nconst UserMenuContext = React.createContext<UserMenuContext>({\n    addMenuItem: () => {\n        return void 0;\n    },\n    menuItems: []\n});\nUserMenuContext.displayName = \"UserMenuContext\";\n\nexport function useUserMenu() {\n    return React.useContext(UserMenuContext);\n}\n\nexport const UserMenuProvider = (Component: React.FC): React.FC => {\n    return function UserMenuProvider({ children, ...props }) {\n        const [menuItems, setItems] = useState<UserMenuItemData[]>([]);\n\n        const addMenuItem = useCallback<UserMenuContext[\"addMenuItem\"]>(\n            item => {\n                setItems(items => [...items, item]);\n\n                return () => {\n                    setItems(items => {\n                        const index = items.findIndex(i => i === item);\n                        if (index < 0) {\n                            return items;\n                        }\n\n                        return [...items.slice(0, index), ...items.slice(index + 1)];\n                    });\n                };\n            },\n            [setItems]\n        );\n\n        const context = {\n            menuItems,\n            addMenuItem\n        };\n\n        return (\n            <UserMenuContext.Provider value={context}>\n                <Component {...props}>{children}</Component>\n            </UserMenuContext.Provider>\n        );\n    };\n};\n\nexport const UserMenu = makeComposable(\"UserMenu\", () => {\n    return <UserMenuRenderer />;\n});\n\nexport const UserMenuRenderer = makeComposable(\"UserMenuRenderer\");\n\nexport const UserMenuHandle = makeComposable(\"UserMenuHandle\", () => {\n    return <UserMenuHandleRenderer />;\n});\n\nexport const UserMenuHandleRenderer = makeComposable(\"UserMenuHandleRenderer\");\n\nexport interface UserMenuItemProps {\n    menuItem: UserMenuItemData;\n}\n\nexport const UserMenuItem = makeComposable<UserMenuItemProps>(\"UserMenuItem\", ({ menuItem }) => {\n    return (\n        <UserMenuItemContext.Provider value={menuItem}>\n            <UserMenuItemRenderer />\n        </UserMenuItemContext.Provider>\n    );\n});\n\nexport const UserMenuItemRenderer = makeComposable(\"UserMenuItemRenderer\");\n\nexport const AddUserMenuItem: React.FC<UserMenuItemProps[\"menuItem\"]> = props => {\n    const { addMenuItem } = useUserMenu();\n\n    useEffect(() => {\n        return addMenuItem(props);\n    }, []);\n\n    return null;\n};\n\nexport type UserMenuItemContext = UserMenuItemData;\n\nconst UserMenuItemContext = React.createContext<UserMenuItemContext>({\n    element: undefined,\n    icon: undefined,\n    label: undefined,\n    onClick: () => {\n        return void 0;\n    },\n    path: undefined\n});\nUserMenuItemContext.displayName = \"UserMenuItemContext\";\n\nexport function useUserMenuItem() {\n    return React.useContext(UserMenuItemContext);\n}\n\nexport interface UserMenuItemsProps {\n    menuItems: UserMenuItemData[];\n}\n\nexport const UserMenuItems = makeComposable<UserMenuItemsProps>(\n    \"UserMenuItems\",\n    ({ menuItems }) => {\n        return (\n            <Fragment>\n                {menuItems.map((item, index) => (\n                    <UserMenuItem key={index} menuItem={item} />\n                ))}\n            </Fragment>\n        );\n    }\n);\n"],"mappings":"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"}
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","UserMenu","createElement","UserMenuRenderer","UserMenuHandle","UserMenuHandleRenderer"],"sources":["UserMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport * from \"./UserMenu/UserMenuItem.js\";\nexport * from \"./UserMenu/UserMenuLink.js\";\nexport * from \"./UserMenu/UserMenuSeparator.js\";\n\n// UserMenu\nexport const UserMenu = makeDecoratable(\"UserMenu\", () => {\n    return <UserMenuRenderer />;\n});\n\nexport const UserMenuRenderer = makeDecoratable(\"UserMenuRenderer\", createVoidComponent());\n\n// UserMenuHandle\nexport const UserMenuHandle = makeDecoratable(\"UserMenuHandle\", () => {\n    return <UserMenuHandleRenderer />;\n});\n\nexport const UserMenuHandleRenderer = makeDecoratable(\n    \"UserMenuHandleRenderer\",\n    createVoidComponent()\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAElE;AACA;AACA;;AAEA;AACA,OAAO,MAAMC,QAAQ,GAAGD,eAAe,CAAC,UAAU,EAAE,MAAM;EACtD,oBAAOF,KAAA,CAAAI,aAAA,CAACC,gBAAgB,MAAE,CAAC;AAC/B,CAAC,CAAC;AAEF,OAAO,MAAMA,gBAAgB,GAAGH,eAAe,CAAC,kBAAkB,EAAED,mBAAmB,CAAC,CAAC,CAAC;;AAE1F;AACA,OAAO,MAAMK,cAAc,GAAGJ,eAAe,CAAC,gBAAgB,EAAE,MAAM;EAClE,oBAAOF,KAAA,CAAAI,aAAA,CAACG,sBAAsB,MAAE,CAAC;AACrC,CAAC,CAAC;AAEF,OAAO,MAAMA,sBAAsB,GAAGL,eAAe,CACjD,wBAAwB,EACxBD,mBAAmB,CAAC,CACxB,CAAC","ignoreList":[]}

package/components/AdminLayout.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 interface AdminLayoutProps {
     title?: string;
+    children?: React.ReactNode;
 }
-export declare const AdminLayout: React.FC<AdminLayoutProps>;
+export declare const AdminLayout: ({ title, children }: AdminLayoutProps) => React.JSX.Element;
 export {};

package/components/AdminLayout.js

@@ -1,17 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AdminLayout = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require("./..");
-var AdminLayout = function AdminLayout(_ref) {
-  var title = _ref.title,
-    children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(_.Layout, {
+import React from "react";
+import { Layout } from "../index.js";
+export const AdminLayout = ({
+  title,
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(Layout, {
     title: title
   }, children);
 };
-exports.AdminLayout = AdminLayout;
+
+//# sourceMappingURL=AdminLayout.js.map

package/components/AdminLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["AdminLayout","title","children"],"sources":["AdminLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"~/index\";\n\ninterface AdminLayoutProps {\n    title?: string;\n}\n\nexport const AdminLayout: React.FC<AdminLayoutProps> = ({ title, children }) => {\n    return <Layout title={title}>{children}</Layout>;\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAMO,IAAMA,WAAuC,GAAG,SAA1CA,WAAuC,OAA4B;EAAA,IAAtBC,KAAK,QAALA,KAAK;IAAEC,QAAQ,QAARA,QAAQ;EACrE,oBAAO,6BAAC,QAAM;IAAC,KAAK,EAAED;EAAM,GAAEC,QAAQ,CAAU;AACpD,CAAC;AAAC"}
+{"version":3,"names":["React","Layout","AdminLayout","title","children","createElement"],"sources":["AdminLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"~/index.js\";\n\ninterface AdminLayoutProps {\n    title?: string;\n    children?: React.ReactNode;\n}\n\nexport const AdminLayout = ({ title, children }: AdminLayoutProps) => {\n    return <Layout title={title}>{children}</Layout>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM;AAOf,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAA2B,CAAC,KAAK;EAClE,oBAAOJ,KAAA,CAAAK,aAAA,CAACJ,MAAM;IAACE,KAAK,EAAEA;EAAM,GAAEC,QAAiB,CAAC;AACpD,CAAC","ignoreList":[]}

package/components/BulkActions/Worker.d.ts

@@ -0,0 +1,82 @@
+export interface CallbackParams<T> {
+    item: T;
+    allItems: T[];
+    report: Report;
+}
+export interface Result {
+    title: string;
+    status: "success" | "failure";
+    message?: string | React.ReactElement;
+}
+/**
+ * Class for collecting processing results
+ */
+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.
+     */
+    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

@@ -0,0 +1,126 @@
+import 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);
+  }
+}
+
+/**
+ * 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.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":[]}

package/components/BulkActions/index.d.ts

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

package/components/BulkActions/index.js

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

package/components/BulkActions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./useDialogWithReport/index.js\";\nexport * from \"./Worker.js\";\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.js";
+type ResultDialogMessageProps = Pick<ShowResultsDialogParams, "results" | "message">;
+export declare const ResultDialogMessage: ({ results, message }: ResultDialogMessageProps) => React.JSX.Element;
+export {};

package/components/BulkActions/useDialogWithReport/DialogMessage.js

@@ -0,0 +1,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: "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")
+    })
+  }))));
+};
+
+//# 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.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":[]}

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

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

package/components/BulkActions/useDialogWithReport/index.js

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

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

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

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

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

package/components/BulkActions/useDialogWithReport/useDialogWithReport.js

@@ -0,0 +1,51 @@
+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
+  };
+};
+
+//# 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/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":[]}

package/components/Buttons/Buttons.d.ts

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