@webiny/app-trash-bin 5.43.3 → 6.0.0-alpha.1

package/Presentation/components/BulkActions/BulkActions/BulkActions.js

@@ -1,49 +1,63 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getEntriesLabel = exports.BulkActions = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _close = require("@material-design-icons/svg/outlined/close.svg");
-var _appAdmin = require("@webiny/app-admin");
-var _Button = require("@webiny/ui/Button");
-var _Typography = require("@webiny/ui/Typography");
-var _configs = require("../../../configs");
-var _hooks = require("../../../hooks");
-var _BulkActions = require("./BulkActions.styled");
-var getEntriesLabel = exports.getEntriesLabel = function getEntriesLabel(count, isSelectedAll) {
+import React, { useMemo } from "react";
+import { Text, IconButton, Button } from "@webiny/admin-ui";
+import { ReactComponent as Close } from "@webiny/icons/close.svg";
+import { Buttons } from "@webiny/app-admin";
+import { useTrashBinListConfig } from "../../../configs";
+import { useTrashBin } from "../../../hooks";
+export const getEntriesLabel = (count, isSelectedAll) => {
   if (isSelectedAll) {
     return "all entries";
   }
-  return "".concat(count, " ").concat(count === 1 ? "item" : "items");
+  return `${count} ${count === 1 ? "item" : "items"}`;
 };
-var BulkActions = exports.BulkActions = function BulkActions() {
-  var _useTrashBinListConfi = (0, _configs.useTrashBinListConfig)(),
-    browser = _useTrashBinListConfi.browser;
-  var _useTrashBin = (0, _hooks.useTrashBin)(),
-    vm = _useTrashBin.vm,
-    selectItems = _useTrashBin.selectItems;
-  var headline = (0, _react.useMemo)(function () {
+export const BulkActions = () => {
+  const {
+    browser
+  } = useTrashBinListConfig();
+  const {
+    vm,
+    selectItems,
+    selectAllItems,
+    unselectAllItems
+  } = useTrashBin();
+  const headline = useMemo(() => {
     if (vm.isSelectedAll) {
-      return "All entries selected:";
+      return "All items selected";
     }
-    return getEntriesLabel(vm.selectedItems.length, vm.isSelectedAll) + " selected:";
+    return getEntriesLabel(vm.selectedItems.length, vm.isSelectedAll) + ` selected`;
   }, [vm.selectedItems, vm.isSelectedAll]);
   if (!vm.selectedItems.length) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_BulkActions.BulkActionsContainer, null, /*#__PURE__*/_react.default.createElement(_BulkActions.BulkActionsInner, null, /*#__PURE__*/_react.default.createElement(_BulkActions.ButtonsContainer, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "headline6"
-  }, headline), /*#__PURE__*/_react.default.createElement(_appAdmin.Buttons, {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-full wby-bg-neutral-disabled wby-px-md wby-py-sm"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-justify-between wby-gap-sm"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-gap-sm"
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    className: "wby-text-neutral-strong"
+  }, headline), vm.isSelectedAll ? /*#__PURE__*/React.createElement(Button, {
+    text: "Clear selection",
+    onClick: unselectAllItems,
+    size: "sm",
+    variant: "ghost"
+  }) : /*#__PURE__*/React.createElement(Button, {
+    text: "Select all remaining items",
+    onClick: selectAllItems,
+    size: "sm",
+    variant: "secondary"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-gap-sm"
+  }, /*#__PURE__*/React.createElement(Buttons, {
     actions: browser.bulkActions
-  })), /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_close.ReactComponent, null),
-    onClick: function onClick() {
-      return selectItems([]);
-    }
-  })));
+  }), /*#__PURE__*/React.createElement(IconButton, {
+    variant: "ghost",
+    size: "sm",
+    icon: /*#__PURE__*/React.createElement(Close, null),
+    onClick: () => selectItems([])
+  }))));
 };
 
 //# sourceMappingURL=BulkActions.js.map

package/Presentation/components/BulkActions/BulkActions/BulkActions.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_close","_appAdmin","_Button","_Typography","_configs","_hooks","_BulkActions","getEntriesLabel","exports","count","isSelectedAll","concat","BulkActions","_useTrashBinListConfi","useTrashBinListConfig","browser","_useTrashBin","useTrashBin","vm","selectItems","headline","useMemo","selectedItems","length","default","createElement","BulkActionsContainer","BulkActionsInner","ButtonsContainer","Typography","use","Buttons","actions","bulkActions","IconButton","icon","ReactComponent","onClick"],"sources":["BulkActions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as Close } from \"@material-design-icons/svg/outlined/close.svg\";\nimport { Buttons } from \"@webiny/app-admin\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { useTrashBinListConfig } from \"~/Presentation/configs\";\nimport { useTrashBin } from \"~/Presentation/hooks\";\nimport { BulkActionsContainer, BulkActionsInner, ButtonsContainer } from \"./BulkActions.styled\";\n\nexport const getEntriesLabel = (count: number, isSelectedAll: boolean): string => {\n    if (isSelectedAll) {\n        return \"all entries\";\n    }\n\n    return `${count} ${count === 1 ? \"item\" : \"items\"}`;\n};\n\nexport const BulkActions = () => {\n    const { browser } = useTrashBinListConfig();\n    const { vm, selectItems } = useTrashBin();\n\n    const headline = useMemo((): string => {\n        if (vm.isSelectedAll) {\n            return \"All entries selected:\";\n        }\n\n        return getEntriesLabel(vm.selectedItems.length, vm.isSelectedAll) + ` selected:`;\n    }, [vm.selectedItems, vm.isSelectedAll]);\n\n    if (!vm.selectedItems.length) {\n        return null;\n    }\n\n    return (\n        <BulkActionsContainer>\n            <BulkActionsInner>\n                <ButtonsContainer>\n                    <Typography use={\"headline6\"}>{headline}</Typography>\n                    <Buttons actions={browser.bulkActions} />\n                </ButtonsContainer>\n                <IconButton icon={<Close />} onClick={() => selectItems([])} />\n            </BulkActionsInner>\n        </BulkActionsContainer>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AAEO,IAAMQ,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAIE,KAAa,EAAEC,aAAsB,EAAa;EAC9E,IAAIA,aAAa,EAAE;IACf,OAAO,aAAa;EACxB;EAEA,UAAAC,MAAA,CAAUF,KAAK,OAAAE,MAAA,CAAIF,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO;AACrD,CAAC;AAEM,IAAMG,WAAW,GAAAJ,OAAA,CAAAI,WAAA,GAAG,SAAdA,WAAWA,CAAA,EAAS;EAC7B,IAAAC,qBAAA,GAAoB,IAAAC,8BAAqB,EAAC,CAAC;IAAnCC,OAAO,GAAAF,qBAAA,CAAPE,OAAO;EACf,IAAAC,YAAA,GAA4B,IAAAC,kBAAW,EAAC,CAAC;IAAjCC,EAAE,GAAAF,YAAA,CAAFE,EAAE;IAAEC,WAAW,GAAAH,YAAA,CAAXG,WAAW;EAEvB,IAAMC,QAAQ,GAAG,IAAAC,cAAO,EAAC,YAAc;IACnC,IAAIH,EAAE,CAACR,aAAa,EAAE;MAClB,OAAO,uBAAuB;IAClC;IAEA,OAAOH,eAAe,CAACW,EAAE,CAACI,aAAa,CAACC,MAAM,EAAEL,EAAE,CAACR,aAAa,CAAC,eAAe;EACpF,CAAC,EAAE,CAACQ,EAAE,CAACI,aAAa,EAAEJ,EAAE,CAACR,aAAa,CAAC,CAAC;EAExC,IAAI,CAACQ,EAAE,CAACI,aAAa,CAACC,MAAM,EAAE;IAC1B,OAAO,IAAI;EACf;EAEA,oBACI1B,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACnB,YAAA,CAAAoB,oBAAoB,qBACjB7B,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACnB,YAAA,CAAAqB,gBAAgB,qBACb9B,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACnB,YAAA,CAAAsB,gBAAgB,qBACb/B,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACtB,WAAA,CAAA0B,UAAU;IAACC,GAAG,EAAE;EAAY,GAAEV,QAAqB,CAAC,eACrDvB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,SAAA,CAAA8B,OAAO;IAACC,OAAO,EAAEjB,OAAO,CAACkB;EAAY,CAAE,CAC1B,CAAC,eACnBpC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACvB,OAAA,CAAAgC,UAAU;IAACC,IAAI,eAAEtC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACzB,MAAA,CAAAoC,cAAK,MAAE,CAAE;IAACC,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQlB,WAAW,CAAC,EAAE,CAAC;IAAA;EAAC,CAAE,CAChD,CACA,CAAC;AAE/B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","Text","IconButton","Button","ReactComponent","Close","Buttons","useTrashBinListConfig","useTrashBin","getEntriesLabel","count","isSelectedAll","BulkActions","browser","vm","selectItems","selectAllItems","unselectAllItems","headline","selectedItems","length","createElement","className","size","text","onClick","variant","actions","bulkActions","icon"],"sources":["BulkActions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Text, IconButton, Button } from \"@webiny/admin-ui\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport { Buttons } from \"@webiny/app-admin\";\nimport { useTrashBinListConfig } from \"~/Presentation/configs\";\nimport { useTrashBin } from \"~/Presentation/hooks\";\n\nexport const getEntriesLabel = (count: number, isSelectedAll: boolean): string => {\n    if (isSelectedAll) {\n        return \"all entries\";\n    }\n\n    return `${count} ${count === 1 ? \"item\" : \"items\"}`;\n};\n\nexport const BulkActions = () => {\n    const { browser } = useTrashBinListConfig();\n    const { vm, selectItems, selectAllItems, unselectAllItems } = useTrashBin();\n\n    const headline = useMemo((): string => {\n        if (vm.isSelectedAll) {\n            return \"All items selected\";\n        }\n\n        return getEntriesLabel(vm.selectedItems.length, vm.isSelectedAll) + ` selected`;\n    }, [vm.selectedItems, vm.isSelectedAll]);\n\n    if (!vm.selectedItems.length) {\n        return null;\n    }\n\n    return (\n        <div className={\"wby-w-full wby-bg-neutral-disabled wby-px-md wby-py-sm\"}>\n            <div className={\"wby-flex wby-items-center wby-justify-between wby-gap-sm\"}>\n                <div className={\"wby-flex wby-items-center wby-gap-sm\"}>\n                    <Text size={\"sm\"} className={\"wby-text-neutral-strong\"}>\n                        {headline}\n                    </Text>\n                    {vm.isSelectedAll ? (\n                        <Button\n                            text={\"Clear selection\"}\n                            onClick={unselectAllItems}\n                            size={\"sm\"}\n                            variant={\"ghost\"}\n                        />\n                    ) : (\n                        <Button\n                            text={\"Select all remaining items\"}\n                            onClick={selectAllItems}\n                            size={\"sm\"}\n                            variant={\"secondary\"}\n                        />\n                    )}\n                </div>\n\n                <div className={\"wby-flex wby-items-center wby-gap-sm\"}>\n                    <Buttons actions={browser.bulkActions} />\n                    <IconButton\n                        variant={\"ghost\"}\n                        size={\"sm\"}\n                        icon={<Close />}\n                        onClick={() => selectItems([])}\n                    />\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,EAAEC,UAAU,EAAEC,MAAM,QAAQ,kBAAkB;AAC3D,SAASC,cAAc,IAAIC,KAAK,QAAQ,yBAAyB;AACjE,SAASC,OAAO,QAAQ,mBAAmB;AAC3C,SAASC,qBAAqB;AAC9B,SAASC,WAAW;AAEpB,OAAO,MAAMC,eAAe,GAAGA,CAACC,KAAa,EAAEC,aAAsB,KAAa;EAC9E,IAAIA,aAAa,EAAE;IACf,OAAO,aAAa;EACxB;EAEA,OAAO,GAAGD,KAAK,IAAIA,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO,EAAE;AACvD,CAAC;AAED,OAAO,MAAME,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAQ,CAAC,GAAGN,qBAAqB,CAAC,CAAC;EAC3C,MAAM;IAAEO,EAAE;IAAEC,WAAW;IAAEC,cAAc;IAAEC;EAAiB,CAAC,GAAGT,WAAW,CAAC,CAAC;EAE3E,MAAMU,QAAQ,GAAGlB,OAAO,CAAC,MAAc;IACnC,IAAIc,EAAE,CAACH,aAAa,EAAE;MAClB,OAAO,oBAAoB;IAC/B;IAEA,OAAOF,eAAe,CAACK,EAAE,CAACK,aAAa,CAACC,MAAM,EAAEN,EAAE,CAACH,aAAa,CAAC,GAAG,WAAW;EACnF,CAAC,EAAE,CAACG,EAAE,CAACK,aAAa,EAAEL,EAAE,CAACH,aAAa,CAAC,CAAC;EAExC,IAAI,CAACG,EAAE,CAACK,aAAa,CAACC,MAAM,EAAE;IAC1B,OAAO,IAAI;EACf;EAEA,oBACIrB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAE;EAAyD,gBACrEvB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAE;EAA2D,gBACvEvB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAE;EAAuC,gBACnDvB,KAAA,CAAAsB,aAAA,CAACpB,IAAI;IAACsB,IAAI,EAAE,IAAK;IAACD,SAAS,EAAE;EAA0B,GAClDJ,QACC,CAAC,EACNJ,EAAE,CAACH,aAAa,gBACbZ,KAAA,CAAAsB,aAAA,CAAClB,MAAM;IACHqB,IAAI,EAAE,iBAAkB;IACxBC,OAAO,EAAER,gBAAiB;IAC1BM,IAAI,EAAE,IAAK;IACXG,OAAO,EAAE;EAAQ,CACpB,CAAC,gBAEF3B,KAAA,CAAAsB,aAAA,CAAClB,MAAM;IACHqB,IAAI,EAAE,4BAA6B;IACnCC,OAAO,EAAET,cAAe;IACxBO,IAAI,EAAE,IAAK;IACXG,OAAO,EAAE;EAAY,CACxB,CAEJ,CAAC,eAEN3B,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAE;EAAuC,gBACnDvB,KAAA,CAAAsB,aAAA,CAACf,OAAO;IAACqB,OAAO,EAAEd,OAAO,CAACe;EAAY,CAAE,CAAC,eACzC7B,KAAA,CAAAsB,aAAA,CAACnB,UAAU;IACPwB,OAAO,EAAE,OAAQ;IACjBH,IAAI,EAAE,IAAK;IACXM,IAAI,eAAE9B,KAAA,CAAAsB,aAAA,CAAChB,KAAK,MAAE,CAAE;IAChBoB,OAAO,EAAEA,CAAA,KAAMV,WAAW,CAAC,EAAE;EAAE,CAClC,CACA,CACJ,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/Presentation/components/BulkActions/BulkActions/index.js

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

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

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

package/Presentation/components/BulkActions/DeleteItems/DeleteItems.js

@@ -1,81 +1,82 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BulkActionsDeleteItems = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _delete = require("@material-design-icons/svg/outlined/delete.svg");
-var _mobxReactLite = require("mobx-react-lite");
-var _appAdmin = require("@webiny/app-admin");
-var _configs = require("../../../configs");
-var _hooks = require("../../../hooks");
-var _BulkActions = require("../BulkActions");
-var BulkActionsDeleteItems = exports.BulkActionsDeleteItems = (0, _mobxReactLite.observer)(function () {
-  var _useTrashBin = (0, _hooks.useTrashBin)(),
-    deleteItem = _useTrashBin.deleteItem,
-    deleteBulkAction = _useTrashBin.deleteBulkAction;
-  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var _TrashBinListConfig$B = _configs.TrashBinListConfig.Browser.BulkAction,
-    useWorker = _TrashBinListConfig$B.useWorker,
-    useButtons = _TrashBinListConfig$B.useButtons,
-    useDialog = _TrashBinListConfig$B.useDialog;
-  var _useButtons = useButtons(),
-    IconButton = _useButtons.IconButton;
-  var worker = useWorker();
-  var _useDialog = useDialog(),
-    showConfirmationDialog = _useDialog.showConfirmationDialog,
-    showResultsDialog = _useDialog.showResultsDialog;
-  var entriesLabel = (0, _react.useMemo)(function () {
-    return (0, _BulkActions.getEntriesLabel)(worker.items.length, worker.isSelectedAll);
+import React, { useMemo } from "react";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
+import { observer } from "mobx-react-lite";
+import { useSnackbar } from "@webiny/app-admin";
+import { TrashBinListConfig } from "../../../configs";
+import { useTrashBin } from "../../../hooks";
+import { getEntriesLabel } from "../BulkActions";
+import { Tooltip } from "@webiny/admin-ui";
+export const BulkActionsDeleteItems = observer(() => {
+  const {
+    deleteItem,
+    deleteBulkAction
+  } = useTrashBin();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const {
+    useWorker,
+    useButtons,
+    useDialog
+  } = TrashBinListConfig.Browser.BulkAction;
+  const {
+    ButtonDefault
+  } = useButtons();
+  const worker = useWorker();
+  const {
+    showConfirmationDialog,
+    showResultsDialog
+  } = useDialog();
+  const entriesLabel = useMemo(() => {
+    return getEntriesLabel(worker.items.length, worker.isSelectedAll);
   }, [worker.items.length, worker.isSelectedAll]);
-  var openDeleteEntriesDialog = function openDeleteEntriesDialog() {
-    return showConfirmationDialog({
-      title: "Delete items",
-      message: "You are about to permanently delete ".concat(entriesLabel, ". Are you sure you want to continue?"),
-      loadingLabel: "Processing ".concat(entriesLabel),
-      execute: async function execute() {
-        if (worker.isSelectedAll) {
-          await worker.processInBulk(deleteBulkAction);
-          worker.resetItems();
-          showSnackbar("All items will be permanently deleted. This process will be carried out in the background and may take some time. You can safely navigate away from this page while the process is running.", {
-            dismissIcon: true,
-            timeout: -1
-          });
-          return;
-        }
-        await worker.processInSeries(async function (_ref) {
-          var item = _ref.item,
-            report = _ref.report;
-          try {
-            await deleteItem(item.id);
-            report.success({
-              title: "".concat(item.title),
-              message: "Item successfully deleted."
-            });
-          } catch (e) {
-            report.error({
-              title: "".concat(item.title),
-              message: e.message || "Unknown error while deleting the item."
-            });
-          }
-        });
+  const openDeleteEntriesDialog = () => showConfirmationDialog({
+    title: "Delete items",
+    message: `You are about to permanently delete ${entriesLabel}. Are you sure you want to continue?`,
+    loadingLabel: `Processing ${entriesLabel}`,
+    execute: async () => {
+      if (worker.isSelectedAll) {
+        await worker.processInBulk(deleteBulkAction);
         worker.resetItems();
-        showResultsDialog({
-          results: worker.results,
-          title: "Delete items",
-          message: "Finished deleting items! See full report below:"
+        showSnackbar("All items will be permanently deleted. This process will be carried out in the background and may take some time. You can safely navigate away from this page while the process is running.", {
+          dismissIcon: true,
+          timeout: -1
         });
+        return;
       }
-    });
-  };
-  return /*#__PURE__*/_react.default.createElement(IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_delete.ReactComponent, null),
-    onAction: openDeleteEntriesDialog,
-    label: "Delete ".concat(entriesLabel),
-    tooltipPlacement: "bottom"
+      await worker.processInSeries(async ({
+        item,
+        report
+      }) => {
+        try {
+          await deleteItem(item.id);
+          report.success({
+            title: `${item.title}`,
+            message: "Item successfully deleted."
+          });
+        } catch (e) {
+          report.error({
+            title: `${item.title}`,
+            message: e.message || "Unknown error while deleting the item."
+          });
+        }
+      });
+      worker.resetItems();
+      showResultsDialog({
+        results: worker.results,
+        title: "Delete items",
+        message: "Finished deleting items! See full report below:"
+      });
+    }
+  });
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    side: "bottom",
+    content: `Delete ${entriesLabel}`,
+    trigger: /*#__PURE__*/React.createElement(ButtonDefault, {
+      icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+      onAction: openDeleteEntriesDialog,
+      size: "sm"
+    }, "Delete")
   });
 });
 

package/Presentation/components/BulkActions/DeleteItems/DeleteItems.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_delete","_mobxReactLite","_appAdmin","_configs","_hooks","_BulkActions","BulkActionsDeleteItems","exports","observer","_useTrashBin","useTrashBin","deleteItem","deleteBulkAction","_useSnackbar","useSnackbar","showSnackbar","_TrashBinListConfig$B","TrashBinListConfig","Browser","BulkAction","useWorker","useButtons","useDialog","_useButtons","IconButton","worker","_useDialog","showConfirmationDialog","showResultsDialog","entriesLabel","useMemo","getEntriesLabel","items","length","isSelectedAll","openDeleteEntriesDialog","title","message","concat","loadingLabel","execute","processInBulk","resetItems","dismissIcon","timeout","processInSeries","_ref","item","report","id","success","e","error","results","default","createElement","icon","ReactComponent","onAction","label","tooltipPlacement"],"sources":["DeleteItems.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { TrashBinListConfig } from \"~/Presentation/configs\";\nimport { useTrashBin } from \"~/Presentation/hooks\";\nimport { getEntriesLabel } from \"../BulkActions\";\n\nexport const BulkActionsDeleteItems = observer(() => {\n    const { deleteItem, deleteBulkAction } = useTrashBin();\n    const { showSnackbar } = useSnackbar();\n\n    const { useWorker, useButtons, useDialog } = TrashBinListConfig.Browser.BulkAction;\n    const { IconButton } = useButtons();\n    const worker = useWorker();\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n    const entriesLabel = useMemo(() => {\n        return getEntriesLabel(worker.items.length, worker.isSelectedAll);\n    }, [worker.items.length, worker.isSelectedAll]);\n\n    const openDeleteEntriesDialog = () =>\n        showConfirmationDialog({\n            title: \"Delete items\",\n            message: `You are about to permanently delete ${entriesLabel}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${entriesLabel}`,\n            execute: async () => {\n                if (worker.isSelectedAll) {\n                    await worker.processInBulk(deleteBulkAction);\n                    worker.resetItems();\n                    showSnackbar(\n                        \"All items will be permanently deleted. This process will be carried out in the background and may take some time. You can safely navigate away from this page while the process is running.\",\n                        {\n                            dismissIcon: true,\n                            timeout: -1\n                        }\n                    );\n                    return;\n                }\n\n                await worker.processInSeries(async ({ item, report }) => {\n                    try {\n                        await deleteItem(item.id);\n                        report.success({\n                            title: `${item.title}`,\n                            message: \"Item successfully deleted.\"\n                        });\n                    } catch (e) {\n                        report.error({\n                            title: `${item.title}`,\n                            message: e.message || \"Unknown error while deleting the item.\"\n                        });\n                    }\n                });\n\n                worker.resetItems();\n\n                showResultsDialog({\n                    results: worker.results,\n                    title: \"Delete items\",\n                    message: \"Finished deleting items! See full report below:\"\n                });\n            }\n        });\n\n    return (\n        <IconButton\n            icon={<DeleteIcon />}\n            onAction={openDeleteEntriesDialog}\n            label={`Delete ${entriesLabel}`}\n            tooltipPlacement={\"bottom\"}\n        />\n    );\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","ReactComponent","DeleteIcon","observer","useSnackbar","TrashBinListConfig","useTrashBin","getEntriesLabel","Tooltip","BulkActionsDeleteItems","deleteItem","deleteBulkAction","showSnackbar","useWorker","useButtons","useDialog","Browser","BulkAction","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","entriesLabel","items","length","isSelectedAll","openDeleteEntriesDialog","title","message","loadingLabel","execute","processInBulk","resetItems","dismissIcon","timeout","processInSeries","item","report","id","success","e","error","results","createElement","side","content","trigger","icon","onAction","size"],"sources":["DeleteItems.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { TrashBinListConfig } from \"~/Presentation/configs\";\nimport { useTrashBin } from \"~/Presentation/hooks\";\nimport { getEntriesLabel } from \"../BulkActions\";\nimport { Tooltip } from \"@webiny/admin-ui\";\n\nexport const BulkActionsDeleteItems = observer(() => {\n    const { deleteItem, deleteBulkAction } = useTrashBin();\n    const { showSnackbar } = useSnackbar();\n\n    const { useWorker, useButtons, useDialog } = TrashBinListConfig.Browser.BulkAction;\n    const { ButtonDefault } = useButtons();\n    const worker = useWorker();\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n    const entriesLabel = useMemo(() => {\n        return getEntriesLabel(worker.items.length, worker.isSelectedAll);\n    }, [worker.items.length, worker.isSelectedAll]);\n\n    const openDeleteEntriesDialog = () =>\n        showConfirmationDialog({\n            title: \"Delete items\",\n            message: `You are about to permanently delete ${entriesLabel}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${entriesLabel}`,\n            execute: async () => {\n                if (worker.isSelectedAll) {\n                    await worker.processInBulk(deleteBulkAction);\n                    worker.resetItems();\n                    showSnackbar(\n                        \"All items will be permanently deleted. This process will be carried out in the background and may take some time. You can safely navigate away from this page while the process is running.\",\n                        {\n                            dismissIcon: true,\n                            timeout: -1\n                        }\n                    );\n                    return;\n                }\n\n                await worker.processInSeries(async ({ item, report }) => {\n                    try {\n                        await deleteItem(item.id);\n                        report.success({\n                            title: `${item.title}`,\n                            message: \"Item successfully deleted.\"\n                        });\n                    } catch (e) {\n                        report.error({\n                            title: `${item.title}`,\n                            message: e.message || \"Unknown error while deleting the item.\"\n                        });\n                    }\n                });\n\n                worker.resetItems();\n\n                showResultsDialog({\n                    results: worker.results,\n                    title: \"Delete items\",\n                    message: \"Finished deleting items! See full report below:\"\n                });\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Delete ${entriesLabel}`}\n            trigger={\n                <ButtonDefault icon={<DeleteIcon />} onAction={openDeleteEntriesDialog} size={\"sm\"}>\n                    {\"Delete\"}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"mappings":"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","ignoreList":[]}

package/Presentation/components/BulkActions/DeleteItems/index.js

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

package/Presentation/components/BulkActions/DeleteItems/index.js.map

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

package/Presentation/components/BulkActions/RestoreItems/RestoreItems.js

@@ -1,94 +1,93 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BulkActionsRestoreItems = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _restore = require("@material-design-icons/svg/outlined/restore.svg");
-var _mobxReactLite = require("mobx-react-lite");
-var _appAdmin = require("@webiny/app-admin");
-var _configs = require("../../../configs");
-var _hooks = require("../../../hooks");
-var _BulkActions = require("../BulkActions");
-var _RestoreItemsReportMessage = require("./RestoreItemsReportMessage");
-var BulkActionsRestoreItems = exports.BulkActionsRestoreItems = (0, _mobxReactLite.observer)(function () {
-  var _useTrashBin = (0, _hooks.useTrashBin)(),
-    restoreItem = _useTrashBin.restoreItem,
-    onItemAfterRestore = _useTrashBin.onItemAfterRestore,
-    getRestoredItemById = _useTrashBin.getRestoredItemById,
-    restoreBulkAction = _useTrashBin.restoreBulkAction;
-  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var _TrashBinListConfig$B = _configs.TrashBinListConfig.Browser.BulkAction,
-    useWorker = _TrashBinListConfig$B.useWorker,
-    useButtons = _TrashBinListConfig$B.useButtons,
-    useDialog = _TrashBinListConfig$B.useDialog;
-  var _useButtons = useButtons(),
-    IconButton = _useButtons.IconButton;
-  var worker = useWorker();
-  var _useDialog = useDialog(),
-    showConfirmationDialog = _useDialog.showConfirmationDialog,
-    showResultsDialog = _useDialog.showResultsDialog,
-    hideResultsDialog = _useDialog.hideResultsDialog;
-  var entriesLabel = (0, _react.useMemo)(function () {
-    return (0, _BulkActions.getEntriesLabel)(worker.items.length, worker.isSelectedAll);
+import React, { useCallback, useMemo } from "react";
+import { ReactComponent as RestoreIcon } from "@webiny/icons/restore.svg";
+import { observer } from "mobx-react-lite";
+import { useSnackbar } from "@webiny/app-admin";
+import { TrashBinListConfig } from "../../../configs";
+import { useTrashBin } from "../../../hooks";
+import { getEntriesLabel } from "../BulkActions";
+import { RestoreItemsReportMessage } from "./RestoreItemsReportMessage";
+import { Tooltip } from "@webiny/admin-ui";
+export const BulkActionsRestoreItems = observer(() => {
+  const {
+    restoreItem,
+    onItemAfterRestore,
+    getRestoredItemById,
+    restoreBulkAction
+  } = useTrashBin();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const {
+    useWorker,
+    useButtons,
+    useDialog
+  } = TrashBinListConfig.Browser.BulkAction;
+  const {
+    ButtonDefault
+  } = useButtons();
+  const worker = useWorker();
+  const {
+    showConfirmationDialog,
+    showResultsDialog,
+    hideResultsDialog
+  } = useDialog();
+  const entriesLabel = useMemo(() => {
+    return getEntriesLabel(worker.items.length, worker.isSelectedAll);
   }, [worker.items.length, worker.isSelectedAll]);
-  var _onLocationClick = (0, _react.useCallback)(async function (item) {
+  const onLocationClick = useCallback(async item => {
     hideResultsDialog();
     await onItemAfterRestore(item);
   }, [onItemAfterRestore]);
-  var openRestoreEntriesDialog = function openRestoreEntriesDialog() {
-    return showConfirmationDialog({
-      title: "Restore items",
-      message: "You are about to restore ".concat(entriesLabel, ". Are you sure you want to continue?"),
-      loadingLabel: "Processing ".concat(entriesLabel),
-      execute: async function execute() {
-        if (worker.isSelectedAll) {
-          await worker.processInBulk(restoreBulkAction);
-          worker.resetItems();
-          showSnackbar("All items will be restored. This process will be carried out in the background and may take some time. You can safely navigate away from this page while the process is running.", {
-            dismissIcon: true,
-            timeout: -1
-          });
-          return;
-        }
-        await worker.processInSeries(async function (_ref) {
-          var item = _ref.item,
-            report = _ref.report;
-          try {
-            await restoreItem(item.id);
-            var restoredItem = await getRestoredItemById(item.id);
-            report.success({
-              title: "".concat(item.title),
-              message: restoredItem && /*#__PURE__*/_react.default.createElement(_RestoreItemsReportMessage.RestoreItemsReportMessage, {
-                onLocationClick: function onLocationClick() {
-                  return _onLocationClick(restoredItem);
-                }
-              })
-            });
-          } catch (e) {
-            report.error({
-              title: "".concat(item.title),
-              message: e.message || "Unknown error while restoring the item."
-            });
-          }
-        });
+  const openRestoreEntriesDialog = () => showConfirmationDialog({
+    title: "Restore items",
+    message: `You are about to restore ${entriesLabel}. Are you sure you want to continue?`,
+    loadingLabel: `Processing ${entriesLabel}`,
+    execute: async () => {
+      if (worker.isSelectedAll) {
+        await worker.processInBulk(restoreBulkAction);
         worker.resetItems();
-        showResultsDialog({
-          results: worker.results,
-          title: "Restore items",
-          message: "Finished restoring items! See full report below:"
+        showSnackbar("All items will be restored. This process will be carried out in the background and may take some time. You can safely navigate away from this page while the process is running.", {
+          dismissIcon: true,
+          timeout: -1
         });
+        return;
       }
-    });
-  };
-  return /*#__PURE__*/_react.default.createElement(IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_restore.ReactComponent, null),
-    onAction: openRestoreEntriesDialog,
-    label: "Restore ".concat(entriesLabel),
-    tooltipPlacement: "bottom"
+      await worker.processInSeries(async ({
+        item,
+        report
+      }) => {
+        try {
+          await restoreItem(item.id);
+          const restoredItem = await getRestoredItemById(item.id);
+          report.success({
+            title: `${item.title}`,
+            message: restoredItem && /*#__PURE__*/React.createElement(RestoreItemsReportMessage, {
+              onLocationClick: () => onLocationClick(restoredItem)
+            })
+          });
+        } catch (e) {
+          report.error({
+            title: `${item.title}`,
+            message: e.message || "Unknown error while restoring the item."
+          });
+        }
+      });
+      worker.resetItems();
+      showResultsDialog({
+        results: worker.results,
+        title: "Restore items",
+        message: "Finished restoring items! See full report below:"
+      });
+    }
+  });
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    side: "bottom",
+    content: `Restore ${entriesLabel}`,
+    trigger: /*#__PURE__*/React.createElement(ButtonDefault, {
+      icon: /*#__PURE__*/React.createElement(RestoreIcon, null),
+      onAction: openRestoreEntriesDialog,
+      size: "sm"
+    }, "Restore")
   });
 });