@webiny/app-admin 0.0.0-unstable.496cf268ac → 0.0.0-unstable.5387e5f7c8

package/base/ui/UserMenu.js

@@ -1,113 +1,12 @@
-"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";
+const UserMenu = makeDecoratable("UserMenu", ()=>/*#__PURE__*/ react.createElement(UserMenuRenderer, null));
+const UserMenuRenderer = makeDecoratable("UserMenuRenderer", createVoidComponent());
+const UserMenuHandle = makeDecoratable("UserMenuHandle", ()=>/*#__PURE__*/ react.createElement(UserMenuHandleRenderer, null));
+const UserMenuHandleRenderer = makeDecoratable("UserMenuHandleRenderer", createVoidComponent());
+export { UserMenu, UserMenuHandle, UserMenuHandleRenderer, UserMenuRenderer };
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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
-    });
-  }));
-});
-exports.UserMenuItems = UserMenuItems;
+//# 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,"file":"base/ui/UserMenu.js","sources":["../../../src/base/ui/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"],"names":["UserMenu","makeDecoratable","UserMenuRenderer","createVoidComponent","UserMenuHandle","UserMenuHandleRenderer"],"mappings":";;;;;AAQO,MAAMA,WAAWC,gBAAgB,YAAY,IACzC,WAAP,GAAO,oBAACC,kBAAgBA;AAGrB,MAAMA,mBAAmBD,gBAAgB,oBAAoBE;AAG7D,MAAMC,iBAAiBH,gBAAgB,kBAAkB,IACrD,WAAP,GAAO,oBAACI,wBAAsBA;AAG3B,MAAMA,yBAAyBJ,gBAClC,0BACAE"}

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,8 @@
-"use strict";
+import react from "react";
+import { Layout } from "../base/ui/Layout.js";
+const AdminLayout = ({ title, children })=>/*#__PURE__*/ react.createElement(Layout, {
+        title: title
+    }, children);
+export { AdminLayout };
 
-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, {
-    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,"file":"components/AdminLayout.js","sources":["../../src/components/AdminLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"~/base/ui/Layout.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"],"names":["AdminLayout","title","children","Layout"],"mappings":";;AAQO,MAAMA,cAAc,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAoB,GACtD,WAAP,GAAO,oBAACC,QAAMA;QAAC,OAAOF;OAAQC"}

package/components/BulkActions/BulkActionButton.d.ts

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

package/components/BulkActions/BulkActionButton.js

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

package/components/BulkActions/BulkActionButton.js.map

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

package/components/BulkActions/BulkActionRunner.d.ts

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

package/components/BulkActions/BulkActionRunner.js

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

package/components/BulkActions/BulkActionRunner.js.map

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

package/components/BulkActions/Worker.d.ts

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

package/components/BulkActions/Worker.js

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

package/components/BulkActions/Worker.js.map

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

package/components/BulkActions/index.d.ts

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

package/components/BulkActions/index.js

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

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

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

package/components/BulkActions/useDialogWithReport/DialogMessage.js

@@ -0,0 +1,19 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/error_outline.svg";
+import { ReactComponent as check_circle_outline_svg_ReactComponent } from "@webiny/icons/check_circle_outline.svg";
+import { Icon, List, cn } from "@webiny/admin-ui";
+const ResultDialogMessage = ({ results, message })=>/*#__PURE__*/ react.createElement(react.Fragment, null, message && /*#__PURE__*/ react.createElement("div", {
+        className: "mb-md"
+    }, message), /*#__PURE__*/ react.createElement(List, null, results.map((result, index)=>/*#__PURE__*/ react.createElement(List.Item, {
+            key: `item-${index}`,
+            title: result.title,
+            description: result.message,
+            icon: /*#__PURE__*/ react.createElement(Icon, {
+                icon: "success" === result.status ? /*#__PURE__*/ react.createElement(check_circle_outline_svg_ReactComponent, null) : /*#__PURE__*/ react.createElement(ReactComponent, null),
+                label: result.status,
+                className: cn("success" === result.status ? "fill-success" : "fill-destructive")
+            })
+        }))));
+export { ResultDialogMessage };
+
+//# sourceMappingURL=DialogMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/BulkActions/useDialogWithReport/DialogMessage.js","sources":["../../../../src/components/BulkActions/useDialogWithReport/DialogMessage.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ErrorIcon } from \"@webiny/icons/error_outline.svg\";\nimport { ReactComponent as SuccessIcon } from \"@webiny/icons/check_circle_outline.svg\";\nimport { List, Icon, cn } from \"@webiny/admin-ui\";\nimport type { ShowResultsDialogParams } from \"./index.js\";\n\ntype ResultDialogMessageProps = Pick<ShowResultsDialogParams, \"results\" | \"message\">;\n\nexport const ResultDialogMessage = ({ results, message }: ResultDialogMessageProps) => {\n    return (\n        <>\n            {message && <div className={\"mb-md\"}>{message}</div>}\n            <List>\n                {results.map((result, index) => (\n                    <List.Item\n                        key={`item-${index}`}\n                        title={result.title}\n                        description={result.message}\n                        icon={\n                            <Icon\n                                icon={result.status === \"success\" ? <SuccessIcon /> : <ErrorIcon />}\n                                label={result.status}\n                                className={cn(\n                                    result.status === \"success\"\n                                        ? \"fill-success\"\n                                        : \"fill-destructive\"\n                                )}\n                            />\n                        }\n                    />\n                ))}\n            </List>\n        </>\n    );\n};\n"],"names":["ResultDialogMessage","results","message","List","result","index","Icon","SuccessIcon","ErrorIcon","cn"],"mappings":";;;;AAQO,MAAMA,sBAAsB,CAAC,EAAEC,OAAO,EAAEC,OAAO,EAA4B,GACvE,WAAP,GACI,0CACKA,WAAW,WAAXA,GAAW,oBAAC;QAAI,WAAW;OAAUA,UAAAA,WAAAA,GACtC,oBAACC,MAAIA,MACAF,QAAQ,GAAG,CAAC,CAACG,QAAQC,QAAAA,WAAAA,GAClB,oBAACF,KAAK,IAAI;YACN,KAAK,CAAC,KAAK,EAAEE,OAAO;YACpB,OAAOD,OAAO,KAAK;YACnB,aAAaA,OAAO,OAAO;YAC3B,oBACI,oBAACE,MAAIA;gBACD,MAAMF,AAAkB,cAAlBA,OAAO,MAAM,GAAiB,WAAZ,GAAY,oBAACG,yCAAWA,QAAAA,WAAAA,GAAM,oBAACC,gBAASA;gBAChE,OAAOJ,OAAO,MAAM;gBACpB,WAAWK,GACPL,AAAkB,cAAlBA,OAAO,MAAM,GACP,iBACA"}

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

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

package/components/BulkActions/useDialogWithReport/index.js

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

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

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

package/components/BulkActions/useDialogWithReport/useDialogWithReport.js

@@ -0,0 +1,40 @@
+import react from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { ResultDialogMessage } from "./DialogMessage.js";
+import { useDialogs } from "../../Dialogs/useDialogs.js";
+const t = i18n.ns("app-admin/hooks/use-dialog-with-report");
+const useDialogWithReport = ()=>{
+    const { showDialog, closeAllDialogs } = useDialogs();
+    const showConfirmationDialog = ({ execute, title, message, loadingLabel })=>{
+        showDialog({
+            title: title || t`Confirm`,
+            content: message || t`Are you sure you want to continue?`,
+            loadingLabel: loadingLabel || t`Processing...`,
+            acceptLabel: t`Confirm`,
+            onAccept: execute,
+            cancelLabel: t`Cancel`
+        });
+    };
+    const showResultsDialog = ({ title, onCancel, ...params })=>{
+        setTimeout(()=>{
+            showDialog({
+                title: title || t`Results`,
+                content: /*#__PURE__*/ react.createElement(ResultDialogMessage, params),
+                cancelLabel: t`Close`,
+                onClose: onCancel,
+                acceptLabel: null
+            });
+        }, 10);
+    };
+    const hideResultsDialog = ()=>{
+        closeAllDialogs();
+    };
+    return {
+        showConfirmationDialog,
+        showResultsDialog,
+        hideResultsDialog
+    };
+};
+export { useDialogWithReport };
+
+//# sourceMappingURL=useDialogWithReport.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/BulkActions/useDialogWithReport/useDialogWithReport.js","sources":["../../../../src/components/BulkActions/useDialogWithReport/useDialogWithReport.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ResultDialogMessage } from \"./DialogMessage.js\";\nimport type { Result } from \"../Worker.js\";\nimport { useDialogs } from \"~/components/Dialogs/useDialogs.js\";\n\nconst t = i18n.ns(\"app-admin/hooks/use-dialog-with-report\");\n\nexport interface ShowConfirmationDialogParams {\n    execute: (() => void) | (() => Promise<void>);\n    title?: string;\n    message?: string;\n    loadingLabel?: string;\n}\n\nexport interface ShowResultsDialogParams {\n    results: Result[];\n    title?: string;\n    message?: string;\n    onCancel?: () => Promise<void>;\n}\n\nexport interface UseDialogWithReportResponse {\n    showConfirmationDialog: (params: ShowConfirmationDialogParams) => void;\n    showResultsDialog: (results: ShowResultsDialogParams) => void;\n    hideResultsDialog: () => void;\n}\n\nexport const useDialogWithReport = (): UseDialogWithReportResponse => {\n    const { showDialog, closeAllDialogs } = useDialogs();\n\n    const showConfirmationDialog = ({\n        execute,\n        title,\n        message,\n        loadingLabel\n    }: ShowConfirmationDialogParams) => {\n        showDialog({\n            title: title || t`Confirm`,\n            content: message || t`Are you sure you want to continue?`,\n            loadingLabel: loadingLabel || t`Processing...`,\n            acceptLabel: t`Confirm`,\n            onAccept: execute,\n            cancelLabel: t`Cancel`\n        });\n    };\n\n    const showResultsDialog = ({ title, onCancel, ...params }: ShowResultsDialogParams) => {\n        setTimeout(() => {\n            showDialog({\n                title: title || t`Results`,\n                content: <ResultDialogMessage {...params} />,\n                cancelLabel: t`Close`,\n                onClose: onCancel,\n                acceptLabel: null\n            });\n        }, 10);\n    };\n\n    const hideResultsDialog = () => {\n        closeAllDialogs();\n    };\n\n    return {\n        showConfirmationDialog,\n        showResultsDialog,\n        hideResultsDialog\n    };\n};\n"],"names":["t","i18n","useDialogWithReport","showDialog","closeAllDialogs","useDialogs","showConfirmationDialog","execute","title","message","loadingLabel","showResultsDialog","onCancel","params","setTimeout","ResultDialogMessage","hideResultsDialog"],"mappings":";;;;AAMA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAsBX,MAAMC,sBAAsB;IAC/B,MAAM,EAAEC,UAAU,EAAEC,eAAe,EAAE,GAAGC;IAExC,MAAMC,yBAAyB,CAAC,EAC5BC,OAAO,EACPC,KAAK,EACLC,OAAO,EACPC,YAAY,EACe;QAC3BP,WAAW;YACP,OAAOK,SAASR,CAAC,CAAC,OAAO,CAAC;YAC1B,SAASS,WAAWT,CAAC,CAAC,kCAAkC,CAAC;YACzD,cAAcU,gBAAgBV,CAAC,CAAC,aAAa,CAAC;YAC9C,aAAaA,CAAC,CAAC,OAAO,CAAC;YACvB,UAAUO;YACV,aAAaP,CAAC,CAAC,MAAM,CAAC;QAC1B;IACJ;IAEA,MAAMW,oBAAoB,CAAC,EAAEH,KAAK,EAAEI,QAAQ,EAAE,GAAGC,QAAiC;QAC9EC,WAAW;YACPX,WAAW;gBACP,OAAOK,SAASR,CAAC,CAAC,OAAO,CAAC;gBAC1B,SAAS,WAAT,GAAS,oBAACe,qBAAwBF;gBAClC,aAAab,CAAC,CAAC,KAAK,CAAC;gBACrB,SAASY;gBACT,aAAa;YACjB;QACJ,GAAG;IACP;IAEA,MAAMI,oBAAoB;QACtBZ;IACJ;IAEA,OAAO;QACHE;QACAK;QACAK;IACJ;AACJ"}

package/components/Buttons/Buttons.d.ts

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

package/components/Buttons/Buttons.js

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

package/components/Buttons/Buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Buttons/Buttons.js","sources":["../../../src/components/Buttons/Buttons.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ButtonsProvider } from \"./useButtons.js\";\nimport { ButtonContainer } from \"./Buttons.styles.js\";\nimport {\n    Button,\n    type ButtonProps as BaseButtonProps,\n    IconButton as BaseIconButton,\n    type IconButtonProps as BaseIconButtonProps,\n    Tooltip,\n    type TooltipProps\n} from \"@webiny/admin-ui\";\n\ninterface ButtonProps extends Omit<BaseButtonProps, \"onClick\"> {\n    onAction: (ev?: any) => void;\n    children: React.ReactNode;\n}\n\ninterface IconButtonProps extends Omit<BaseIconButtonProps, \"onClick\"> {\n    label: string;\n    onAction: (ev?: any) => void;\n    tooltipPlacement?: TooltipProps[\"side\"];\n}\n\nexport interface ButtonsProps {\n    actions: {\n        name: string;\n        element: React.ReactElement;\n    }[];\n}\n\nexport const Buttons = (props: ButtonsProps) => {\n    if (!props.actions.length) {\n        return null;\n    }\n\n    return (\n        <div className={\"flex items-center gap-sm\"}>\n            {props.actions.map(action => (\n                <div className={\"empty:hidden leading-none text-0\"} key={action.name}>\n                    <ButtonsProvider>{action.element}</ButtonsProvider>\n                </div>\n            ))}\n        </div>\n    );\n};\n\nexport { ButtonContainer };\n\nexport const ButtonDefault = ({ onAction, children, ...other }: ButtonProps) => {\n    return <Button variant={\"ghost\"} {...other} onClick={onAction} text={children} />;\n};\n\nexport const ButtonPrimary = ({ onAction, children, ...other }: ButtonProps) => {\n    return <Button variant={\"primary\"} {...other} onClick={onAction} text={children} />;\n};\n\nexport const ButtonSecondary = ({ onAction, children, ...other }: ButtonProps) => {\n    return <Button variant={\"secondary\"} {...other} onClick={onAction} text={children} />;\n};\n\nexport const IconButton = ({\n    label,\n    onAction,\n    tooltipPlacement,\n    disabled,\n    ...other\n}: IconButtonProps) => {\n    if (label && !disabled) {\n        return (\n            <Tooltip\n                content={label}\n                side={tooltipPlacement}\n                trigger={<BaseIconButton variant={\"ghost\"} {...other} onClick={onAction} />}\n            />\n        );\n    }\n\n    return <BaseIconButton {...other} onClick={onAction} disabled={disabled} />;\n};\n"],"names":["Buttons","props","action","ButtonsProvider","ButtonDefault","onAction","children","other","Button","ButtonPrimary","ButtonSecondary","IconButton","label","tooltipPlacement","disabled","Tooltip","BaseIconButton"],"mappings":";;;AA+BO,MAAMA,UAAU,CAACC;IACpB,IAAI,CAACA,MAAM,OAAO,CAAC,MAAM,EACrB,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;OACXA,MAAM,OAAO,CAAC,GAAG,CAACC,CAAAA,SAAAA,WAAAA,GACf,oBAAC;YAAI,WAAW;YAAoC,KAAKA,OAAO,IAAI;yBAChE,oBAACC,iBAAeA,MAAED,OAAO,OAAO;AAKpD;AAIO,MAAME,gBAAgB,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGC,OAAoB,GAChE,WAAP,GAAO,oBAACC,QAAMA;QAAC,SAAS;QAAU,GAAGD,KAAK;QAAE,SAASF;QAAU,MAAMC;;AAGlE,MAAMG,gBAAgB,CAAC,EAAEJ,QAAQ,EAAEC,QAAQ,EAAE,GAAGC,OAAoB,GAChE,WAAP,GAAO,oBAACC,QAAMA;QAAC,SAAS;QAAY,GAAGD,KAAK;QAAE,SAASF;QAAU,MAAMC;;AAGpE,MAAMI,kBAAkB,CAAC,EAAEL,QAAQ,EAAEC,QAAQ,EAAE,GAAGC,OAAoB,GAClE,WAAP,GAAO,oBAACC,QAAMA;QAAC,SAAS;QAAc,GAAGD,KAAK;QAAE,SAASF;QAAU,MAAMC;;AAGtE,MAAMK,qBAAa,CAAC,EACvBC,KAAK,EACLP,QAAQ,EACRQ,gBAAgB,EAChBC,QAAQ,EACR,GAAGP,OACW;IACd,IAAIK,SAAS,CAACE,UACV,OAAO,WAAP,GACI,oBAACC,SAAOA;QACJ,SAASH;QACT,MAAMC;QACN,uBAAS,oBAACG,YAAcA;YAAC,SAAS;YAAU,GAAGT,KAAK;YAAE,SAASF;;;IAK3E,OAAO,WAAP,GAAO,oBAACW,YAAcA;QAAE,GAAGT,KAAK;QAAE,SAASF;QAAU,UAAUS;;AACnE"}

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

@@ -0,0 +1,4 @@
+export declare const ButtonContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;