@webiny/app-admin 5.37.8 → 5.38.0-beta.1

package/components/BulkActions/Worker.js

@@ -0,0 +1,220 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Worker = exports.Report = void 0;
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _chunk = _interopRequireDefault(require("lodash/chunk"));
+var _mobx = require("mobx");
+/**
+ * Class for collecting processing results
+ */
+var Report = /*#__PURE__*/function () {
+  function Report() {
+    (0, _classCallCheck2.default)(this, Report);
+    (0, _defineProperty2.default)(this, "_results", []);
+  }
+  (0, _createClass2.default)(Report, [{
+    key: "success",
+    value:
+    /**
+     * Record a successful result in the report
+     * @param {Omit<Result, "status">} result - The successful result to be recorded
+     */
+    function success(result) {
+      this.addResult((0, _objectSpread2.default)((0, _objectSpread2.default)({}, result), {}, {
+        status: "success"
+      }));
+    }
+
+    /**
+     * Record an error result in the report.
+     * @param {Omit<Result, "status">} result - The error result to be recorded.
+     */
+  }, {
+    key: "error",
+    value: function error(result) {
+      this.addResult((0, _objectSpread2.default)((0, _objectSpread2.default)({}, result), {}, {
+        status: "failure"
+      }));
+    }
+
+    /**
+     * Get the array of recorded results.
+     * @returns {Result[]} - An array of recorded results.
+     */
+  }, {
+    key: "results",
+    get: function get() {
+      return this._results;
+    }
+
+    /**
+     * Internal method to add a result to the report.
+     * @private
+     * @param {Result} result - The result to be added to the report.
+     */
+  }, {
+    key: "addResult",
+    value: function addResult(result) {
+      this._results.push(result);
+    }
+  }]);
+  return Report;
+}();
+/**
+ * A generic worker class for processing items.
+ * @template T - The type of items being processed.
+ */
+exports.Report = Report;
+var Worker = /*#__PURE__*/function () {
+  function Worker() {
+    (0, _classCallCheck2.default)(this, Worker);
+    this._items = [];
+    this._report = new Report();
+    (0, _mobx.makeAutoObservable)(this);
+  }
+
+  /**
+   * Process the items using the provided callback function.
+   * @param callback - The callback function to process the items.
+   */
+  (0, _createClass2.default)(Worker, [{
+    key: "process",
+    value: function 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>}
+     */
+  }, {
+    key: "processInSeries",
+    value: function () {
+      var _processInSeries = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(callback) {
+        var _this = this;
+        var chunkSize,
+          chunks,
+          promises,
+          _args = arguments;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              chunkSize = _args.length > 1 && _args[1] !== undefined ? _args[1] : 10;
+              chunks = (0, _chunk.default)(this._items, chunkSize);
+              promises = chunks.map(function (chunk) {
+                return _this.processChunk(callback, chunk);
+              });
+              _context.next = 5;
+              return Promise.all(promises);
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function processInSeries(_x) {
+        return _processInSeries.apply(this, arguments);
+      }
+      return processInSeries;
+    }()
+    /**
+     * Get the array of results collected by the worker.
+     * @returns {Result[]} - An array of collected results.
+     */
+  }, {
+    key: "results",
+    get: function get() {
+      return this._report.results;
+    }
+
+    /**
+     * Get the current items in the worker.
+     * @returns {T[]} - An array of items in the worker.
+     */
+  }, {
+    key: "items",
+    get: function get() {
+      return this._items;
+    }
+
+    /**
+     * Set the items in the worker.
+     * @param {T[]} items - The items to be set in the worker.
+     */,
+    set: function set(items) {
+      this._items = items;
+    }
+
+    /**
+     * 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>}
+     */
+  }, {
+    key: "processChunk",
+    value: function () {
+      var _processChunk = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(callback, chunk) {
+        var _iterator, _step, item;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _iterator = (0, _createForOfIteratorHelper2.default)(chunk);
+              _context2.prev = 1;
+              _iterator.s();
+            case 3:
+              if ((_step = _iterator.n()).done) {
+                _context2.next = 9;
+                break;
+              }
+              item = _step.value;
+              _context2.next = 7;
+              return callback({
+                item: item,
+                allItems: this._items,
+                report: this._report
+              });
+            case 7:
+              _context2.next = 3;
+              break;
+            case 9:
+              _context2.next = 14;
+              break;
+            case 11:
+              _context2.prev = 11;
+              _context2.t0 = _context2["catch"](1);
+              _iterator.e(_context2.t0);
+            case 14:
+              _context2.prev = 14;
+              _iterator.f();
+              return _context2.finish(14);
+            case 17:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this, [[1, 11, 14, 17]]);
+      }));
+      function processChunk(_x2, _x3) {
+        return _processChunk.apply(this, arguments);
+      }
+      return processChunk;
+    }()
+  }]);
+  return Worker;
+}();
+exports.Worker = Worker;
+
+//# sourceMappingURL=Worker.js.map

package/components/BulkActions/Worker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_chunk","_interopRequireDefault","require","_mobx","Report","_classCallCheck2","default","_defineProperty2","_createClass2","key","value","success","result","addResult","_objectSpread2","status","error","get","_results","push","exports","Worker","_items","_report","makeAutoObservable","process","callback","_processInSeries","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","_this","chunkSize","chunks","promises","_args","arguments","wrap","_callee$","_context","prev","next","length","undefined","chunk","map","processChunk","Promise","all","stop","processInSeries","_x","apply","results","set","items","_processChunk","_callee2","_iterator","_step","item","_callee2$","_context2","_createForOfIteratorHelper2","s","n","done","allItems","report","t0","e","f","finish","_x2","_x3"],"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;\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    /**\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":"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"}

package/components/BulkActions/index.d.ts

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

package/components/BulkActions/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useDialogWithReport = require("./useDialogWithReport");
+Object.keys(_useDialogWithReport).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useDialogWithReport[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useDialogWithReport[key];
+    }
+  });
+});
+var _Worker = require("./Worker");
+Object.keys(_Worker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Worker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Worker[key];
+    }
+  });
+});
+
+//# sourceMappingURL=index.js.map

package/components/BulkActions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useDialogWithReport","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Worker"],"sources":["index.ts"],"sourcesContent":["export * from \"./useDialogWithReport\";\nexport * from \"./Worker\";\n"],"mappings":";;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,oBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,oBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,oBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,OAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,OAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,OAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,OAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}

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

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

package/components/BulkActions/useDialogWithReport/DialogMessage.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ResultDialogMessage = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _error = require("@material-design-icons/svg/round/error.svg");
+var _check_circle = require("@material-design-icons/svg/round/check_circle.svg");
+var _Icon = require("@webiny/ui/Icon");
+var _List = require("@webiny/ui/List");
+var _useDialogWithReport = require("./useDialogWithReport.styled");
+var ResultDialogMessage = function ResultDialogMessage(_ref) {
+  var results = _ref.results,
+    message = _ref.message;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, message && /*#__PURE__*/_react.default.createElement(_useDialogWithReport.MessageContainer, null, message), /*#__PURE__*/_react.default.createElement(_List.List, {
+    nonInteractive: true
+  }, results.map(function (result, index) {
+    return /*#__PURE__*/_react.default.createElement(_useDialogWithReport.ListItem, {
+      key: "item-".concat(index)
+    }, /*#__PURE__*/_react.default.createElement(_useDialogWithReport.ListItemGraphic, {
+      status: result.status
+    }, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+      icon: result.status === "success" ? /*#__PURE__*/_react.default.createElement(_check_circle.ReactComponent, null) : /*#__PURE__*/_react.default.createElement(_error.ReactComponent, null)
+    })), /*#__PURE__*/_react.default.createElement(_List.ListItemText, null, /*#__PURE__*/_react.default.createElement(_List.ListItemTextPrimary, null, result.title), /*#__PURE__*/_react.default.createElement(_List.ListItemTextSecondary, null, result.message)));
+  })));
+};
+exports.ResultDialogMessage = ResultDialogMessage;
+
+//# sourceMappingURL=DialogMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_error","_check_circle","_Icon","_List","_useDialogWithReport","ResultDialogMessage","_ref","results","message","default","createElement","Fragment","MessageContainer","List","nonInteractive","map","result","index","ListItem","key","concat","ListItemGraphic","status","Icon","icon","ReactComponent","ListItemText","ListItemTextPrimary","title","ListItemTextSecondary","exports"],"sources":["DialogMessage.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ErrorIcon } from \"@material-design-icons/svg/round/error.svg\";\nimport { ReactComponent as SuccessIcon } from \"@material-design-icons/svg/round/check_circle.svg\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { List, ListItemText, ListItemTextPrimary, ListItemTextSecondary } from \"@webiny/ui/List\";\nimport { ShowResultsDialogParams } from \"./index\";\n\nimport { ListItem, ListItemGraphic, MessageContainer } from \"./useDialogWithReport.styled\";\n\ntype ResultDialogMessageProps = Pick<ShowResultsDialogParams, \"results\" | \"message\">;\n\nexport const ResultDialogMessage: React.FC<ResultDialogMessageProps> = ({ results, message }) => {\n    return (\n        <>\n            {message && <MessageContainer>{message}</MessageContainer>}\n            <List nonInteractive={true}>\n                {results.map((result, index) => (\n                    <ListItem key={`item-${index}`}>\n                        <ListItemGraphic status={result.status}>\n                            <Icon\n                                icon={result.status === \"success\" ? <SuccessIcon /> : <ErrorIcon />}\n                            />\n                        </ListItemGraphic>\n                        <ListItemText>\n                            <ListItemTextPrimary>{result.title}</ListItemTextPrimary>\n                            <ListItemTextSecondary>{result.message}</ListItemTextSecondary>\n                        </ListItemText>\n                    </ListItem>\n                ))}\n            </List>\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAGA,IAAAK,oBAAA,GAAAL,OAAA;AAIO,IAAMM,mBAAuD,GAAG,SAA1DA,mBAAuDA,CAAAC,IAAA,EAA6B;EAAA,IAAvBC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EACtF,oBACIX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAAAb,MAAA,CAAAY,OAAA,CAAAE,QAAA,QACKH,OAAO,iBAAIX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACN,oBAAA,CAAAQ,gBAAgB,QAAEJ,OAA0B,CAAC,eAC1DX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAAU,IAAI;IAACC,cAAc,EAAE;EAAK,GACtBP,OAAO,CAACQ,GAAG,CAAC,UAACC,MAAM,EAAEC,KAAK;IAAA,oBACvBpB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACN,oBAAA,CAAAc,QAAQ;MAACC,GAAG,UAAAC,MAAA,CAAUH,KAAK;IAAG,gBAC3BpB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACN,oBAAA,CAAAiB,eAAe;MAACC,MAAM,EAAEN,MAAM,CAACM;IAAO,gBACnCzB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAAqB,IAAI;MACDC,IAAI,EAAER,MAAM,CAACM,MAAM,KAAK,SAAS,gBAAGzB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAwB,cAAW,MAAE,CAAC,gBAAG5B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAyB,cAAS,MAAE;IAAE,CACvE,CACY,CAAC,eAClB5B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAAuB,YAAY,qBACT7B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAAwB,mBAAmB,QAAEX,MAAM,CAACY,KAA2B,CAAC,eACzD/B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAA0B,qBAAqB,QAAEb,MAAM,CAACR,OAA+B,CACpD,CACR,CAAC;EAAA,CACd,CACC,CACR,CAAC;AAEX,CAAC;AAACsB,OAAA,CAAAzB,mBAAA,GAAAA,mBAAA"}

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

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

package/components/BulkActions/useDialogWithReport/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useDialogWithReport = require("./useDialogWithReport");
+Object.keys(_useDialogWithReport).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useDialogWithReport[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useDialogWithReport[key];
+    }
+  });
+});
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_useDialogWithReport","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./useDialogWithReport\";\n"],"mappings":";;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,oBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,oBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,oBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

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

@@ -0,0 +1,17 @@
+import { 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;
+}
+export interface UseDialogWithReportResponse {
+    showConfirmationDialog: (params: ShowConfirmationDialogParams) => void;
+    showResultsDialog: (results: ShowResultsDialogParams) => void;
+}
+export declare const useDialogWithReport: () => UseDialogWithReportResponse;

package/components/BulkActions/useDialogWithReport/useDialogWithReport.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDialogWithReport = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _useUi = require("@webiny/app/hooks/useUi");
+var _i18n = require("@webiny/app/i18n");
+var _Progress = require("@webiny/ui/Progress");
+var _DialogMessage = require("./DialogMessage");
+var _excluded = ["title"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var t = _i18n.i18n.ns("app-admin/hooks/use-dialog-with-report");
+var useDialogWithReport = function useDialogWithReport() {
+  var ui = (0, _useUi.useUi)();
+  var showConfirmationDialog = function showConfirmationDialog(_ref) {
+    var execute = _ref.execute,
+      title = _ref.title,
+      message = _ref.message,
+      loadingLabel = _ref.loadingLabel;
+    ui.setState(function (ui) {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
+        dialog: {
+          message: message || t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Are you sure you want to continue?"]))),
+          options: {
+            title: title || t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Confirm"]))),
+            loading: /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+              label: loadingLabel
+            }),
+            actions: {
+              accept: {
+                label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Confirm"]))),
+                onClick: function () {
+                  var _onClick = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+                    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+                      while (1) switch (_context.prev = _context.next) {
+                        case 0:
+                          _context.next = 2;
+                          return execute();
+                        case 2:
+                        case "end":
+                          return _context.stop();
+                      }
+                    }, _callee);
+                  }));
+                  function onClick() {
+                    return _onClick.apply(this, arguments);
+                  }
+                  return onClick;
+                }()
+              },
+              cancel: {
+                label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))
+              }
+            }
+          }
+        }
+      });
+    });
+  };
+  var showResultsDialog = function showResultsDialog(_ref2) {
+    var title = _ref2.title,
+      params = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+    setTimeout(function () {
+      ui.setState(function (ui) {
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
+          dialog: {
+            message: /*#__PURE__*/_react.default.createElement(_DialogMessage.ResultDialogMessage, params),
+            options: {
+              title: title || t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Results"]))),
+              actions: {
+                cancel: {
+                  label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Close"])))
+                }
+              }
+            }
+          }
+        });
+      });
+    }, 10);
+  };
+  return {
+    showConfirmationDialog: showConfirmationDialog,
+    showResultsDialog: showResultsDialog
+  };
+};
+exports.useDialogWithReport = useDialogWithReport;
+
+//# sourceMappingURL=useDialogWithReport.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_useUi","_i18n","_Progress","_DialogMessage","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","t","i18n","ns","useDialogWithReport","ui","useUi","showConfirmationDialog","_ref","execute","title","message","loadingLabel","setState","_objectSpread2","default","dialog","_taggedTemplateLiteral2","options","loading","createElement","CircularProgress","label","actions","accept","onClick","_onClick","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","wrap","_callee$","_context","prev","next","stop","apply","arguments","cancel","showResultsDialog","_ref2","params","_objectWithoutProperties2","setTimeout","ResultDialogMessage","exports"],"sources":["useDialogWithReport.tsx"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { ResultDialogMessage } from \"./DialogMessage\";\nimport { Result } from \"../Worker\";\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}\n\nexport interface UseDialogWithReportResponse {\n    showConfirmationDialog: (params: ShowConfirmationDialogParams) => void;\n    showResultsDialog: (results: ShowResultsDialogParams) => void;\n}\n\nexport const useDialogWithReport = (): UseDialogWithReportResponse => {\n    const ui = useUi();\n\n    const showConfirmationDialog = ({\n        execute,\n        title,\n        message,\n        loadingLabel\n    }: ShowConfirmationDialogParams) => {\n        ui.setState(ui => {\n            return {\n                ...ui,\n                dialog: {\n                    message: message || t`Are you sure you want to continue?`,\n                    options: {\n                        title: title || t`Confirm`,\n                        loading: <CircularProgress label={loadingLabel} />,\n                        actions: {\n                            accept: {\n                                label: t`Confirm`,\n                                onClick: async () => {\n                                    await execute();\n                                }\n                            },\n                            cancel: {\n                                label: t`Cancel`\n                            }\n                        }\n                    }\n                }\n            };\n        });\n    };\n\n    const showResultsDialog = ({ title, ...params }: ShowResultsDialogParams) => {\n        setTimeout(() => {\n            ui.setState(ui => {\n                return {\n                    ...ui,\n                    dialog: {\n                        message: <ResultDialogMessage {...params} />,\n                        options: {\n                            title: title || t`Results`,\n                            actions: {\n                                cancel: {\n                                    label: t`Close`\n                                }\n                            }\n                        }\n                    }\n                };\n            });\n        }, 10);\n    };\n\n    return {\n        showConfirmationDialog,\n        showResultsDialog\n    };\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="web" />
+export declare const MessageContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ListItem: import("@emotion/styled").StyledComponent<import("@rmwc/list").ListItemProps & {
+    children: import("react").ReactNode;
+    className?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+    onClick?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+declare type ListItemGraphicProps = {
+    status: "success" | "failure";
+};
+export declare const ListItemGraphic: import("@emotion/styled").StyledComponent<import("@webiny/ui/List").ListItemGraphicProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & ListItemGraphicProps, {}, {}>;
+export {};

package/components/BulkActions/useDialogWithReport/useDialogWithReport.styled.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageContainer = exports.ListItemGraphic = exports.ListItem = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _List = require("@webiny/ui/List");
+var MessageContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "MessageContainer",
+  target: "ehsgn2s0"
+})("margin-bottom:16px;");
+exports.MessageContainer = MessageContainer;
+var ListItem = /*#__PURE__*/(0, _styled.default)(_List.ListItem, {
+  label: "ListItem",
+  target: "ehsgn2s1"
+})("overflow:visible !important;");
+exports.ListItem = ListItem;
+var ListItemGraphic = /*#__PURE__*/(0, _styled.default)(_List.ListItemGraphic, {
+  label: "ListItemGraphic",
+  target: "ehsgn2s2"
+})("color:", function (props) {
+  return props.status === "failure" ? "var(--mdc-theme-error)" : "var(--mdc-theme-secondary)";
+}, " !important;");
+exports.ListItemGraphic = ListItemGraphic;
+
+//# sourceMappingURL=useDialogWithReport.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_styled","_interopRequireDefault","require","_List","MessageContainer","styled","label","target","exports","ListItem","BaseListItem","ListItemGraphic","BaseListItemGraphic","props","status"],"sources":["useDialogWithReport.styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ListItemGraphic as BaseListItemGraphic, ListItem as BaseListItem } from \"@webiny/ui/List\";\n\nexport const MessageContainer = styled(\"div\")`\n    margin-bottom: 16px;\n`;\n\nexport const ListItem = styled(BaseListItem)`\n    overflow: visible !important;\n`;\n\ntype ListItemGraphicProps = {\n    status: \"success\" | \"failure\";\n};\n\nexport const ListItemGraphic = styled(BaseListItemGraphic)<ListItemGraphicProps>`\n    color: ${props =>\n        props.status === \"failure\"\n            ? \"var(--mdc-theme-error)\"\n            : \"var(--mdc-theme-secondary)\"} !important;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,IAAME,gBAAgB,oBAAGC,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,yBAE3C;AAACC,OAAA,CAAAJ,gBAAA,GAAAA,gBAAA;AAEK,IAAMK,QAAQ,oBAAGJ,eAAM,EAACK,cAAY;EAAAJ,KAAA;EAAAC,MAAA;AAAA,kCAE1C;AAACC,OAAA,CAAAC,QAAA,GAAAA,QAAA;AAMK,IAAME,eAAe,oBAAGN,eAAM,EAACO,qBAAmB;EAAAN,KAAA;EAAAC,MAAA;AAAA,aAC5C,UAAAM,KAAK;EAAA,OACVA,KAAK,CAACC,MAAM,KAAK,SAAS,GACpB,wBAAwB,GACxB,4BAA4B;AAAA,kBACzC;AAACN,OAAA,CAAAG,eAAA,GAAAA,eAAA"}

package/components/Buttons/Buttons.d.ts

@@ -1,10 +1,13 @@
 import React from "react";
 import { ButtonProps as BaseButtonProps, IconButtonProps as BaseIconButtonProps } from "@webiny/ui/Button";
+import { TooltipProps } from "@webiny/ui/Tooltip";
+import { ButtonContainer } from "./Buttons.styles";
 interface ButtonProps extends Omit<BaseButtonProps, "onClick"> {
     onAction: (ev?: any) => void;
 }
 interface IconButtonProps extends Omit<BaseIconButtonProps, "onClick"> {
     onAction: (ev?: any) => void;
+    tooltipPlacement?: TooltipProps["placement"];
 }
 export interface ButtonsProps {
     actions: {
@@ -13,8 +16,8 @@ export interface ButtonsProps {
     }[];
 }
 export declare const Buttons: React.VFC<ButtonsProps>;
+export { ButtonContainer };
 export declare const ButtonDefault: React.VFC<ButtonProps>;
 export declare const ButtonPrimary: React.VFC<ButtonProps>;
 export declare const ButtonSecondary: React.VFC<ButtonProps>;
 export declare const IconButton: React.VFC<IconButtonProps>;
-export {};

package/components/Buttons/Buttons.js

@@ -4,16 +4,23 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "ButtonContainer", {
+  enumerable: true,
+  get: function get() {
+    return _Buttons.ButtonContainer;
+  }
+});
 exports.IconButton = exports.Buttons = exports.ButtonSecondary = exports.ButtonPrimary = exports.ButtonDefault = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _Button = require("@webiny/ui/Button");
+var _Tooltip = require("@webiny/ui/Tooltip");
 var _useButtons = require("./useButtons");
 var _Buttons = require("./Buttons.styles");
 var _excluded = ["onAction"],
   _excluded2 = ["onAction"],
   _excluded3 = ["onAction"],
-  _excluded4 = ["onAction"];
+  _excluded4 = ["label", "onAction", "tooltipPlacement"];
 var Buttons = function Buttons(props) {
   if (!props.actions.length) {
     return null;
@@ -50,10 +57,22 @@ var ButtonSecondary = function ButtonSecondary(_ref3) {
 };
 exports.ButtonSecondary = ButtonSecondary;
 var IconButton = function IconButton(_ref4) {
-  var onAction = _ref4.onAction,
+  var label = _ref4.label,
+    onAction = _ref4.onAction,
+    tooltipPlacement = _ref4.tooltipPlacement,
     other = (0, _objectWithoutProperties2.default)(_ref4, _excluded4);
+  if (label) {
+    return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+      content: label,
+      placement: tooltipPlacement
+    }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({}, other, {
+      onClick: onAction
+    })));
+  }
   return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({}, other, {
     onClick: onAction
   }));
 };
-exports.IconButton = IconButton;
+exports.IconButton = IconButton;
+
+//# sourceMappingURL=Buttons.js.map