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

package/Presentation/components/Cells/index.js

@@ -1,62 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _CellActions = require("./CellActions");
-Object.keys(_CellActions).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _CellActions[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _CellActions[key];
-    }
-  });
-});
-var _CellCreatedBy = require("./CellCreatedBy");
-Object.keys(_CellCreatedBy).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _CellCreatedBy[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _CellCreatedBy[key];
-    }
-  });
-});
-var _CellDeletedBy = require("./CellDeletedBy");
-Object.keys(_CellDeletedBy).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _CellDeletedBy[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _CellDeletedBy[key];
-    }
-  });
-});
-var _CellDeletedOn = require("./CellDeletedOn");
-Object.keys(_CellDeletedOn).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _CellDeletedOn[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _CellDeletedOn[key];
-    }
-  });
-});
-var _CellTitle = require("./CellTitle");
-Object.keys(_CellTitle).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _CellTitle[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _CellTitle[key];
-    }
-  });
-});
+export * from "./CellActions";
+export * from "./CellCreatedBy";
+export * from "./CellDeletedBy";
+export * from "./CellDeletedOn";
+export * from "./CellTitle";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_CellActions","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_CellCreatedBy","_CellDeletedBy","_CellDeletedOn","_CellTitle"],"sources":["index.ts"],"sourcesContent":["export * from \"./CellActions\";\nexport * from \"./CellCreatedBy\";\nexport * from \"./CellDeletedBy\";\nexport * from \"./CellDeletedOn\";\nexport * from \"./CellTitle\";\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;AACA,IAAAK,cAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,cAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,cAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,cAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,cAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,cAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,cAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,cAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,cAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,cAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,cAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAG,cAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,UAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,UAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,UAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAI,UAAA,CAAAR,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./CellActions\";\nexport * from \"./CellCreatedBy\";\nexport * from \"./CellDeletedBy\";\nexport * from \"./CellDeletedOn\";\nexport * from \"./CellTitle\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/Presentation/components/Empty/Empty.js

@@ -1,26 +1,23 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Empty = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _search = require("@material-design-icons/svg/outlined/search.svg");
-var _delete_forever = require("@material-design-icons/svg/outlined/delete_forever.svg");
-var _EmptyView = _interopRequireDefault(require("@webiny/app-admin/components/EmptyView"));
-var _Empty = require("./Empty.styled");
-var _hooks = require("../../hooks");
-var Empty = exports.Empty = function Empty() {
-  var _useTrashBin = (0, _hooks.useTrashBin)(),
-    vm = _useTrashBin.vm;
-  return /*#__PURE__*/_react.default.createElement(_Empty.EmptyWrapper, null, /*#__PURE__*/_react.default.createElement(_Empty.EmptyOuter, null, vm.isSearchView ? /*#__PURE__*/_react.default.createElement(_EmptyView.default, {
-    icon: /*#__PURE__*/_react.default.createElement(_search.ReactComponent, null),
+import React from "react";
+import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
+import { ReactComponent as TrashIcon } from "@webiny/icons/delete_forever.svg";
+import EmptyView from "@webiny/app-admin/components/EmptyView";
+import { useTrashBin } from "../../hooks";
+export const Empty = () => {
+  const {
+    vm
+  } = useTrashBin();
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-justify-center wby-w-full wby-h-full"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-flex-cols"
+  }, vm.isSearchView ? /*#__PURE__*/React.createElement(EmptyView, {
+    icon: /*#__PURE__*/React.createElement(SearchIcon, null),
     title: "No items found.",
     action: null
-  }) : /*#__PURE__*/_react.default.createElement(_EmptyView.default, {
-    icon: /*#__PURE__*/_react.default.createElement(_delete_forever.ReactComponent, null),
-    title: "Nothing found in the trash: items left in the trash are automatically deleted after ".concat(vm.retentionPeriod, "."),
+  }) : /*#__PURE__*/React.createElement(EmptyView, {
+    icon: /*#__PURE__*/React.createElement(TrashIcon, null),
+    title: `Nothing found in the trash: items left in the trash are automatically deleted after ${vm.retentionPeriod}.`,
     action: null
   })));
 };

package/Presentation/components/Empty/Empty.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_search","_delete_forever","_EmptyView","_Empty","_hooks","Empty","exports","_useTrashBin","useTrashBin","vm","default","createElement","EmptyWrapper","EmptyOuter","isSearchView","icon","ReactComponent","title","action","concat","retentionPeriod"],"sources":["Empty.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as SearchIcon } from \"@material-design-icons/svg/outlined/search.svg\";\nimport { ReactComponent as TrashIcon } from \"@material-design-icons/svg/outlined/delete_forever.svg\";\nimport EmptyView from \"@webiny/app-admin/components/EmptyView\";\nimport { EmptyOuter, EmptyWrapper } from \"./Empty.styled\";\nimport { useTrashBin } from \"~/Presentation/hooks\";\n\nexport const Empty = () => {\n    const { vm } = useTrashBin();\n\n    return (\n        <EmptyWrapper>\n            <EmptyOuter>\n                {vm.isSearchView ? (\n                    <EmptyView icon={<SearchIcon />} title={\"No items found.\"} action={null} />\n                ) : (\n                    <EmptyView\n                        icon={<TrashIcon />}\n                        title={`Nothing found in the trash: items left in the trash are automatically deleted after ${vm.retentionPeriod}.`}\n                        action={null}\n                    />\n                )}\n            </EmptyOuter>\n        </EmptyWrapper>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAEO,IAAMM,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAA,EAAS;EACvB,IAAAE,YAAA,GAAe,IAAAC,kBAAW,EAAC,CAAC;IAApBC,EAAE,GAAAF,YAAA,CAAFE,EAAE;EAEV,oBACIZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAS,YAAY,qBACTf,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAU,UAAU,QACNJ,EAAE,CAACK,YAAY,gBACZjB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,UAAA,CAAAQ,OAAS;IAACK,IAAI,eAAElB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,OAAA,CAAAgB,cAAU,MAAE,CAAE;IAACC,KAAK,EAAE,iBAAkB;IAACC,MAAM,EAAE;EAAK,CAAE,CAAC,gBAE3ErB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,UAAA,CAAAQ,OAAS;IACNK,IAAI,eAAElB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,eAAA,CAAAe,cAAS,MAAE,CAAE;IACpBC,KAAK,yFAAAE,MAAA,CAAyFV,EAAE,CAACW,eAAe,MAAI;IACpHF,MAAM,EAAE;EAAK,CAChB,CAEG,CACF,CAAC;AAEvB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","SearchIcon","TrashIcon","EmptyView","useTrashBin","Empty","vm","createElement","className","isSearchView","icon","title","action","retentionPeriod"],"sources":["Empty.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { ReactComponent as TrashIcon } from \"@webiny/icons/delete_forever.svg\";\nimport EmptyView from \"@webiny/app-admin/components/EmptyView\";\nimport { useTrashBin } from \"~/Presentation/hooks\";\n\nexport const Empty = () => {\n    const { vm } = useTrashBin();\n\n    return (\n        <div className={\"wby-flex wby-items-center wby-justify-center wby-w-full wby-h-full\"}>\n            <div className={\"wby-flex wby-items-center wby-flex-cols\"}>\n                {vm.isSearchView ? (\n                    <EmptyView icon={<SearchIcon />} title={\"No items found.\"} action={null} />\n                ) : (\n                    <EmptyView\n                        icon={<TrashIcon />}\n                        title={`Nothing found in the trash: items left in the trash are automatically deleted after ${vm.retentionPeriod}.`}\n                        action={null}\n                    />\n                )}\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASD,cAAc,IAAIE,SAAS,QAAQ,kCAAkC;AAC9E,OAAOC,SAAS,MAAM,wCAAwC;AAC9D,SAASC,WAAW;AAEpB,OAAO,MAAMC,KAAK,GAAGA,CAAA,KAAM;EACvB,MAAM;IAAEC;EAAG,CAAC,GAAGF,WAAW,CAAC,CAAC;EAE5B,oBACIL,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAAqE,gBACjFT,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAA0C,GACrDF,EAAE,CAACG,YAAY,gBACZV,KAAA,CAAAQ,aAAA,CAACJ,SAAS;IAACO,IAAI,eAAEX,KAAA,CAAAQ,aAAA,CAACN,UAAU,MAAE,CAAE;IAACU,KAAK,EAAE,iBAAkB;IAACC,MAAM,EAAE;EAAK,CAAE,CAAC,gBAE3Eb,KAAA,CAAAQ,aAAA,CAACJ,SAAS;IACNO,IAAI,eAAEX,KAAA,CAAAQ,aAAA,CAACL,SAAS,MAAE,CAAE;IACpBS,KAAK,EAAE,uFAAuFL,EAAE,CAACO,eAAe,GAAI;IACpHD,MAAM,EAAE;EAAK,CAChB,CAEJ,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/Presentation/components/Empty/index.js

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

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

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

package/Presentation/components/SearchInput/SearchInput.js

@@ -1,41 +1,36 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SearchInput = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _search = require("@material-design-icons/svg/outlined/search.svg");
-var _DelayedOnChange = require("@webiny/ui/DelayedOnChange");
-var _SearchInput = require("./SearchInput.styled");
-var _hooks = require("../../hooks");
-var SearchInput = exports.SearchInput = function SearchInput() {
-  var _useTrashBin = (0, _hooks.useTrashBin)(),
-    vm = _useTrashBin.vm,
-    searchItems = _useTrashBin.searchItems;
-  return /*#__PURE__*/_react.default.createElement(_SearchInput.InputContainer, null, /*#__PURE__*/_react.default.createElement(_SearchInput.SearchIconContainer, {
-    icon: /*#__PURE__*/_react.default.createElement(_search.ReactComponent, null)
-  }), /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, {
+import React from "react";
+import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
+import { DelayedOnChange, Icon, Input } from "@webiny/admin-ui";
+import { useTrashBin } from "../../hooks";
+export const SearchInput = () => {
+  const {
+    vm,
+    searchItems
+  } = useTrashBin();
+  return /*#__PURE__*/React.createElement(DelayedOnChange, {
     value: vm.searchQuery,
-    onChange: function onChange(value) {
+    onChange: value => {
       if (value === vm.searchQuery) {
         return;
       }
       searchItems(value);
     }
-  }, function (_ref) {
-    var value = _ref.value,
-      _onChange = _ref.onChange;
-    return /*#__PURE__*/_react.default.createElement("input", {
-      id: "trash-bin__search-input",
-      value: value,
-      onChange: function onChange(e) {
-        return _onChange(e.target.value);
-      },
-      placeholder: vm.searchLabel,
-      "data-testid": "trash-bin.search-input"
-    });
+  }, ({
+    value,
+    onChange
+  }) => /*#__PURE__*/React.createElement(Input, {
+    id: "trash-bin__search-input",
+    value: value,
+    onChange: e => onChange(e.target.value),
+    forwardEventOnChange: true,
+    placeholder: vm.searchLabel,
+    "data-testid": "trash-bin.search-input",
+    startIcon: /*#__PURE__*/React.createElement(Icon, {
+      icon: /*#__PURE__*/React.createElement(SearchIcon, null),
+      label: "Search"
+    }),
+    size: "md",
+    variant: "ghost"
   }));
 };
 

package/Presentation/components/SearchInput/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_search","_DelayedOnChange","_SearchInput","_hooks","SearchInput","exports","_useTrashBin","useTrashBin","vm","searchItems","default","createElement","InputContainer","SearchIconContainer","icon","ReactComponent","DelayedOnChange","value","searchQuery","onChange","_ref","id","e","target","placeholder","searchLabel"],"sources":["SearchInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as SearchIcon } from \"@material-design-icons/svg/outlined/search.svg\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\nimport { InputContainer, SearchIconContainer } from \"./SearchInput.styled\";\nimport { useTrashBin } from \"~/Presentation/hooks\";\n\nexport const SearchInput = () => {\n    const { vm, searchItems } = useTrashBin();\n\n    return (\n        <InputContainer>\n            <SearchIconContainer icon={<SearchIcon />} />\n            <DelayedOnChange\n                value={vm.searchQuery}\n                onChange={value => {\n                    if (value === vm.searchQuery) {\n                        return;\n                    }\n                    searchItems(value);\n                }}\n            >\n                {({ value, onChange }) => (\n                    <input\n                        id={\"trash-bin__search-input\"}\n                        value={value}\n                        onChange={e => onChange(e.target.value)}\n                        placeholder={vm.searchLabel}\n                        data-testid={\"trash-bin.search-input\"}\n                    />\n                )}\n            </DelayedOnChange>\n        </InputContainer>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEO,IAAMK,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAA,EAAS;EAC7B,IAAAE,YAAA,GAA4B,IAAAC,kBAAW,EAAC,CAAC;IAAjCC,EAAE,GAAAF,YAAA,CAAFE,EAAE;IAAEC,WAAW,GAAAH,YAAA,CAAXG,WAAW;EAEvB,oBACIZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,YAAA,CAAAU,cAAc,qBACXf,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,YAAA,CAAAW,mBAAmB;IAACC,IAAI,eAAEjB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,OAAA,CAAAe,cAAU,MAAE;EAAE,CAAE,CAAC,eAC7ClB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,gBAAA,CAAAe,eAAe;IACZC,KAAK,EAAET,EAAE,CAACU,WAAY;IACtBC,QAAQ,EAAE,SAAVA,QAAQA,CAAEF,KAAK,EAAI;MACf,IAAIA,KAAK,KAAKT,EAAE,CAACU,WAAW,EAAE;QAC1B;MACJ;MACAT,WAAW,CAACQ,KAAK,CAAC;IACtB;EAAE,GAED,UAAAG,IAAA;IAAA,IAAGH,KAAK,GAAAG,IAAA,CAALH,KAAK;MAAEE,SAAQ,GAAAC,IAAA,CAARD,QAAQ;IAAA,oBACftB,MAAA,CAAAa,OAAA,CAAAC,aAAA;MACIU,EAAE,EAAE,yBAA0B;MAC9BJ,KAAK,EAAEA,KAAM;MACbE,QAAQ,EAAE,SAAVA,QAAQA,CAAEG,CAAC;QAAA,OAAIH,SAAQ,CAACG,CAAC,CAACC,MAAM,CAACN,KAAK,CAAC;MAAA,CAAC;MACxCO,WAAW,EAAEhB,EAAE,CAACiB,WAAY;MAC5B,eAAa;IAAyB,CACzC,CAAC;EAAA,CAEO,CACL,CAAC;AAEzB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","SearchIcon","DelayedOnChange","Icon","Input","useTrashBin","SearchInput","vm","searchItems","createElement","value","searchQuery","onChange","id","e","target","forwardEventOnChange","placeholder","searchLabel","startIcon","icon","label","size","variant"],"sources":["SearchInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { DelayedOnChange, Icon, Input } from \"@webiny/admin-ui\";\nimport { useTrashBin } from \"~/Presentation/hooks\";\n\nexport const SearchInput = () => {\n    const { vm, searchItems } = useTrashBin();\n\n    return (\n        <DelayedOnChange\n            value={vm.searchQuery}\n            onChange={value => {\n                if (value === vm.searchQuery) {\n                    return;\n                }\n                searchItems(value);\n            }}\n        >\n            {({ value, onChange }) => (\n                <Input\n                    id={\"trash-bin__search-input\"}\n                    value={value}\n                    onChange={e => onChange(e.target.value)}\n                    forwardEventOnChange={true}\n                    placeholder={vm.searchLabel}\n                    data-testid={\"trash-bin.search-input\"}\n                    startIcon={<Icon icon={<SearchIcon />} label=\"Search\" />}\n                    size={\"md\"}\n                    variant={\"ghost\"}\n                />\n            )}\n        </DelayedOnChange>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,eAAe,EAAEC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC/D,SAASC,WAAW;AAEpB,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,EAAE;IAAEC;EAAY,CAAC,GAAGH,WAAW,CAAC,CAAC;EAEzC,oBACIN,KAAA,CAAAU,aAAA,CAACP,eAAe;IACZQ,KAAK,EAAEH,EAAE,CAACI,WAAY;IACtBC,QAAQ,EAAEF,KAAK,IAAI;MACf,IAAIA,KAAK,KAAKH,EAAE,CAACI,WAAW,EAAE;QAC1B;MACJ;MACAH,WAAW,CAACE,KAAK,CAAC;IACtB;EAAE,GAED,CAAC;IAAEA,KAAK;IAAEE;EAAS,CAAC,kBACjBb,KAAA,CAAAU,aAAA,CAACL,KAAK;IACFS,EAAE,EAAE,yBAA0B;IAC9BH,KAAK,EAAEA,KAAM;IACbE,QAAQ,EAAEE,CAAC,IAAIF,QAAQ,CAACE,CAAC,CAACC,MAAM,CAACL,KAAK,CAAE;IACxCM,oBAAoB,EAAE,IAAK;IAC3BC,WAAW,EAAEV,EAAE,CAACW,WAAY;IAC5B,eAAa,wBAAyB;IACtCC,SAAS,eAAEpB,KAAA,CAAAU,aAAA,CAACN,IAAI;MAACiB,IAAI,eAAErB,KAAA,CAAAU,aAAA,CAACR,UAAU,MAAE,CAAE;MAACoB,KAAK,EAAC;IAAQ,CAAE,CAAE;IACzDC,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE;EAAQ,CACpB,CAEQ,CAAC;AAE1B,CAAC","ignoreList":[]}

package/Presentation/components/SearchInput/index.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["_SearchInput","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./SearchInput\";\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 \"./SearchInput\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Presentation/components/Table/Table.js

@@ -1,30 +1,26 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Table = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _appAco = require("@webiny/app-aco");
-var _hooks = require("../../hooks");
-var _types = require("../../../types");
-var Table = exports.Table = function Table() {
-  var _useTrashBin = (0, _hooks.useTrashBin)(),
-    vm = _useTrashBin.vm,
-    selectItems = _useTrashBin.selectItems,
-    sortItems = _useTrashBin.sortItems;
-  return /*#__PURE__*/_react.default.createElement(_appAco.Table, {
-    data: vm.items,
-    loading: vm.loading[_types.LoadingActions.list],
-    onSelectRow: function onSelectRow(entries) {
-      return selectItems(entries);
-    },
+import React, { useMemo } from "react";
+import { createRecordsData, Table as AcoTable } from "@webiny/app-aco";
+import { useTrashBin } from "../../hooks";
+import { LoadingActions } from "../../../types";
+export const Table = () => {
+  const {
+    vm,
+    selectItems,
+    sortItems
+  } = useTrashBin();
+  const data = useMemo(() => {
+    return createRecordsData(vm.items);
+  }, [vm.items]);
+  const selected = useMemo(() => {
+    return createRecordsData(vm.selectedItems);
+  }, [vm.selectedItems]);
+  return /*#__PURE__*/React.createElement(AcoTable, {
+    data: data,
+    loading: vm.loading[LoadingActions.list],
+    onSelectRow: entries => selectItems(entries),
     sorting: vm.sorting,
-    onSortingChange: function onSortingChange(sort) {
-      return sortItems(sort);
-    },
-    selected: vm.selectedItems,
+    onSortingChange: sort => sortItems(sort),
+    selected: selected,
     nameColumnId: vm.nameColumnId,
     namespace: "trash-bin"
   });

package/Presentation/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_appAco","_hooks","_types","Table","exports","_useTrashBin","useTrashBin","vm","selectItems","sortItems","default","createElement","data","items","loading","LoadingActions","list","onSelectRow","entries","sorting","onSortingChange","sort","selected","selectedItems","nameColumnId","namespace"],"sources":["Table.tsx"],"sourcesContent":["import React from \"react\";\nimport { Table as AcoTable } from \"@webiny/app-aco\";\nimport { useTrashBin } from \"~/Presentation/hooks\";\nimport { TrashBinItemDTO } from \"~/Domain\";\nimport { LoadingActions } from \"~/types\";\n\nexport const Table = () => {\n    const { vm, selectItems, sortItems } = useTrashBin();\n\n    return (\n        <AcoTable<TrashBinItemDTO>\n            data={vm.items}\n            loading={vm.loading[LoadingActions.list]}\n            onSelectRow={entries => selectItems(entries)}\n            sorting={vm.sorting}\n            onSortingChange={sort => sortItems(sort)}\n            selected={vm.selectedItems}\n            nameColumnId={vm.nameColumnId}\n            namespace={\"trash-bin\"}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAEO,IAAMI,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAA,EAAS;EACvB,IAAAE,YAAA,GAAuC,IAAAC,kBAAW,EAAC,CAAC;IAA5CC,EAAE,GAAAF,YAAA,CAAFE,EAAE;IAAEC,WAAW,GAAAH,YAAA,CAAXG,WAAW;IAAEC,SAAS,GAAAJ,YAAA,CAATI,SAAS;EAElC,oBACIZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,OAAA,CAAAG,KAAQ;IACLS,IAAI,EAAEL,EAAE,CAACM,KAAM;IACfC,OAAO,EAAEP,EAAE,CAACO,OAAO,CAACC,qBAAc,CAACC,IAAI,CAAE;IACzCC,WAAW,EAAE,SAAbA,WAAWA,CAAEC,OAAO;MAAA,OAAIV,WAAW,CAACU,OAAO,CAAC;IAAA,CAAC;IAC7CC,OAAO,EAAEZ,EAAE,CAACY,OAAQ;IACpBC,eAAe,EAAE,SAAjBA,eAAeA,CAAEC,IAAI;MAAA,OAAIZ,SAAS,CAACY,IAAI,CAAC;IAAA,CAAC;IACzCC,QAAQ,EAAEf,EAAE,CAACgB,aAAc;IAC3BC,YAAY,EAAEjB,EAAE,CAACiB,YAAa;IAC9BC,SAAS,EAAE;EAAY,CAC1B,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","createRecordsData","Table","AcoTable","useTrashBin","LoadingActions","vm","selectItems","sortItems","data","items","selected","selectedItems","createElement","loading","list","onSelectRow","entries","sorting","onSortingChange","sort","nameColumnId","namespace"],"sources":["Table.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { createRecordsData, Table as AcoTable } from \"@webiny/app-aco\";\nimport { useTrashBin } from \"~/Presentation/hooks\";\nimport type { TrashBinTableRow } from \"~/Domain\";\nimport { LoadingActions } from \"~/types\";\n\nexport const Table = () => {\n    const { vm, selectItems, sortItems } = useTrashBin();\n\n    const data = useMemo<TrashBinTableRow[]>(() => {\n        return createRecordsData(vm.items);\n    }, [vm.items]);\n\n    const selected = useMemo<TrashBinTableRow[]>(() => {\n        return createRecordsData(vm.selectedItems);\n    }, [vm.selectedItems]);\n\n    return (\n        <AcoTable<TrashBinTableRow>\n            data={data}\n            loading={vm.loading[LoadingActions.list]}\n            onSelectRow={entries => selectItems(entries)}\n            sorting={vm.sorting}\n            onSortingChange={sort => sortItems(sort)}\n            selected={selected}\n            nameColumnId={vm.nameColumnId}\n            namespace={\"trash-bin\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,iBAAiB,EAAEC,KAAK,IAAIC,QAAQ,QAAQ,iBAAiB;AACtE,SAASC,WAAW;AAEpB,SAASC,cAAc;AAEvB,OAAO,MAAMH,KAAK,GAAGA,CAAA,KAAM;EACvB,MAAM;IAAEI,EAAE;IAAEC,WAAW;IAAEC;EAAU,CAAC,GAAGJ,WAAW,CAAC,CAAC;EAEpD,MAAMK,IAAI,GAAGT,OAAO,CAAqB,MAAM;IAC3C,OAAOC,iBAAiB,CAACK,EAAE,CAACI,KAAK,CAAC;EACtC,CAAC,EAAE,CAACJ,EAAE,CAACI,KAAK,CAAC,CAAC;EAEd,MAAMC,QAAQ,GAAGX,OAAO,CAAqB,MAAM;IAC/C,OAAOC,iBAAiB,CAACK,EAAE,CAACM,aAAa,CAAC;EAC9C,CAAC,EAAE,CAACN,EAAE,CAACM,aAAa,CAAC,CAAC;EAEtB,oBACIb,KAAA,CAAAc,aAAA,CAACV,QAAQ;IACLM,IAAI,EAAEA,IAAK;IACXK,OAAO,EAAER,EAAE,CAACQ,OAAO,CAACT,cAAc,CAACU,IAAI,CAAE;IACzCC,WAAW,EAAEC,OAAO,IAAIV,WAAW,CAACU,OAAO,CAAE;IAC7CC,OAAO,EAAEZ,EAAE,CAACY,OAAQ;IACpBC,eAAe,EAAEC,IAAI,IAAIZ,SAAS,CAACY,IAAI,CAAE;IACzCT,QAAQ,EAAEA,QAAS;IACnBU,YAAY,EAAEf,EAAE,CAACe,YAAa;IAC9BC,SAAS,EAAE;EAAY,CAC1B,CAAC;AAEV,CAAC","ignoreList":[]}

package/Presentation/components/Table/index.js

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

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

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

package/Presentation/components/Title/Title.js

@@ -1,21 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Title = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Skeleton = require("@webiny/ui/Skeleton");
-var _Title = require("./Title.styled");
-var Title = exports.Title = function Title(_ref) {
-  var title = _ref.title;
-  return /*#__PURE__*/_react.default.createElement(_Title.Name, {
-    use: "headline6",
-    tag: "h1"
-  }, title || /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
-    theme: "dark"
-  }));
+import React from "react";
+import { Skeleton, Heading } from "@webiny/admin-ui";
+export const Title = ({
+  title
+}) => {
+  return title ? /*#__PURE__*/React.createElement(Heading, {
+    level: 5,
+    className: "wby-text-neutral-primary"
+  }, title) : /*#__PURE__*/React.createElement(Skeleton, {
+    size: "md"
+  });
 };
 
 //# sourceMappingURL=Title.js.map

package/Presentation/components/Title/Title.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Skeleton","_Title","Title","exports","_ref","title","default","createElement","Name","use","tag","Skeleton","theme"],"sources":["Title.tsx"],"sourcesContent":["import React from \"react\";\nimport { Skeleton } from \"@webiny/ui/Skeleton\";\nimport { Name } from \"./Title.styled\";\n\nexport interface TitleProps {\n    title?: string;\n}\n\nexport const Title = ({ title }: TitleProps) => {\n    return (\n        <Name use={\"headline6\"} tag={\"h1\"}>\n            {title || <Skeleton theme={\"dark\"} />}\n        </Name>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAMO,IAAMG,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAAE,IAAA,EAA8B;EAAA,IAAxBC,KAAK,GAAAD,IAAA,CAALC,KAAK;EACzB,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,MAAA,CAAAO,IAAI;IAACC,GAAG,EAAE,WAAY;IAACC,GAAG,EAAE;EAAK,GAC7BL,KAAK,iBAAIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAW,QAAQ;IAACC,KAAK,EAAE;EAAO,CAAE,CAClC,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Skeleton","Heading","Title","title","createElement","level","className","size"],"sources":["Title.tsx"],"sourcesContent":["import React from \"react\";\nimport { Skeleton, Heading } from \"@webiny/admin-ui\";\n\nexport interface TitleProps {\n    title?: string;\n}\n\nexport const Title = ({ title }: TitleProps) => {\n    return title ? (\n        <Heading level={5} className={\"wby-text-neutral-primary\"}>\n            {title}\n        </Heading>\n    ) : (\n        <Skeleton size={\"md\"} />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,OAAO,QAAQ,kBAAkB;AAMpD,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC;AAAkB,CAAC,KAAK;EAC5C,OAAOA,KAAK,gBACRJ,KAAA,CAAAK,aAAA,CAACH,OAAO;IAACI,KAAK,EAAE,CAAE;IAACC,SAAS,EAAE;EAA2B,GACpDH,KACI,CAAC,gBAEVJ,KAAA,CAAAK,aAAA,CAACJ,QAAQ;IAACO,IAAI,EAAE;EAAK,CAAE,CAC1B;AACL,CAAC","ignoreList":[]}

package/Presentation/components/Title/index.js

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

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

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

package/Presentation/components/TrashBinOverlay/TrashBinOverlay.js

@@ -1,45 +1,37 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TrashBinOverlay = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
-var _appAdmin = require("@webiny/app-admin");
-var _Scrollbar = require("@webiny/ui/Scrollbar");
-var _Title = require("../Title");
-var _SearchInput = require("../SearchInput");
-var _BulkActions = require("../BulkActions");
-var _Empty = require("../Empty");
-var _Table = require("../Table");
-var _SelectAll = require("../SelectAll");
-var _BottomInfoBar = require("../BottomInfoBar");
-var _hooks = require("../../hooks");
-var TrashBinOverlay = exports.TrashBinOverlay = function TrashBinOverlay(props) {
-  var _useTrashBin = (0, _hooks.useTrashBin)(),
-    listMoreItems = _useTrashBin.listMoreItems,
-    vm = _useTrashBin.vm;
-  var onTableScroll = (0, _debounce.default)(async function (_ref) {
-    var scrollFrame = _ref.scrollFrame;
+import React from "react";
+import debounce from "lodash/debounce";
+import { OverlayLayout } from "@webiny/app-admin";
+import { Scrollbar } from "@webiny/admin-ui";
+import { Title } from "../Title";
+import { SearchInput } from "../SearchInput";
+import { BulkActions } from "../BulkActions";
+import { Empty } from "../Empty";
+import { Table } from "../Table";
+import { BottomInfoBar } from "../BottomInfoBar";
+import { useTrashBin } from "../../hooks";
+export const TrashBinOverlay = props => {
+  const {
+    listMoreItems,
+    vm
+  } = useTrashBin();
+  const onTableScroll = debounce(async ({
+    scrollFrame
+  }) => {
     if (scrollFrame.top > 0.8) {
       await listMoreItems();
     }
   }, 200);
-  return /*#__PURE__*/_react.default.createElement(_appAdmin.OverlayLayout, {
+  return /*#__PURE__*/React.createElement(OverlayLayout, {
     onExited: props.onExited,
-    barLeft: /*#__PURE__*/_react.default.createElement(_Title.Title, {
+    barLeft: /*#__PURE__*/React.createElement(Title, {
       title: props.title
     }),
-    barMiddle: /*#__PURE__*/_react.default.createElement(_SearchInput.SearchInput, null)
-  }, /*#__PURE__*/_react.default.createElement(_BulkActions.BulkActions, null), /*#__PURE__*/_react.default.createElement(_SelectAll.SelectAll, null), /*#__PURE__*/_react.default.createElement(_Scrollbar.Scrollbar, {
-    onScrollFrame: function onScrollFrame(scrollFrame) {
-      return onTableScroll({
-        scrollFrame: scrollFrame
-      });
-    }
-  }, vm.isEmptyView ? /*#__PURE__*/_react.default.createElement(_Empty.Empty, null) : /*#__PURE__*/_react.default.createElement(_Table.Table, null)), /*#__PURE__*/_react.default.createElement(_BottomInfoBar.BottomInfoBar, null));
+    barMiddle: /*#__PURE__*/React.createElement(SearchInput, null)
+  }, /*#__PURE__*/React.createElement(BulkActions, null), /*#__PURE__*/React.createElement(Scrollbar, {
+    onScrollFrame: scrollFrame => onTableScroll({
+      scrollFrame
+    })
+  }, vm.isEmptyView ? /*#__PURE__*/React.createElement(Empty, null) : /*#__PURE__*/React.createElement(Table, null)), /*#__PURE__*/React.createElement(BottomInfoBar, null));
 };
 
 //# sourceMappingURL=TrashBinOverlay.js.map

package/Presentation/components/TrashBinOverlay/TrashBinOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_debounce","_appAdmin","_Scrollbar","_Title","_SearchInput","_BulkActions","_Empty","_Table","_SelectAll","_BottomInfoBar","_hooks","TrashBinOverlay","exports","props","_useTrashBin","useTrashBin","listMoreItems","vm","onTableScroll","debounce","_ref","scrollFrame","top","default","createElement","OverlayLayout","onExited","barLeft","Title","title","barMiddle","SearchInput","BulkActions","SelectAll","Scrollbar","onScrollFrame","isEmptyView","Empty","Table","BottomInfoBar"],"sources":["TrashBinOverlay.tsx"],"sourcesContent":["import React from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { OverlayLayout } from \"@webiny/app-admin\";\nimport { Scrollbar } from \"@webiny/ui/Scrollbar\";\nimport { Title } from \"~/Presentation/components/Title\";\nimport { SearchInput } from \"~/Presentation/components/SearchInput\";\nimport { BulkActions } from \"~/Presentation/components/BulkActions\";\nimport { Empty } from \"~/Presentation/components/Empty\";\nimport { Table } from \"~/Presentation/components/Table\";\nimport { SelectAll } from \"~/Presentation/components/SelectAll\";\nimport { BottomInfoBar } from \"~/Presentation/components/BottomInfoBar\";\nimport { useTrashBin } from \"~/Presentation/hooks\";\n\ninterface TrashBinOverlayProps {\n    title: string;\n    onExited: () => void;\n}\n\nexport const TrashBinOverlay = (props: TrashBinOverlayProps) => {\n    const { listMoreItems, vm } = useTrashBin();\n\n    const onTableScroll = debounce(async ({ scrollFrame }) => {\n        if (scrollFrame.top > 0.8) {\n            await listMoreItems();\n        }\n    }, 200);\n\n    return (\n        <OverlayLayout\n            onExited={props.onExited}\n            barLeft={<Title title={props.title} />}\n            barMiddle={<SearchInput />}\n        >\n            <BulkActions />\n            <SelectAll />\n            <Scrollbar onScrollFrame={scrollFrame => onTableScroll({ scrollFrame })}>\n                {vm.isEmptyView ? <Empty /> : <Table />}\n            </Scrollbar>\n            <BottomInfoBar />\n        </OverlayLayout>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AACA,IAAAU,cAAA,GAAAV,OAAA;AACA,IAAAW,MAAA,GAAAX,OAAA;AAOO,IAAMY,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAIE,KAA2B,EAAK;EAC5D,IAAAC,YAAA,GAA8B,IAAAC,kBAAW,EAAC,CAAC;IAAnCC,aAAa,GAAAF,YAAA,CAAbE,aAAa;IAAEC,EAAE,GAAAH,YAAA,CAAFG,EAAE;EAEzB,IAAMC,aAAa,GAAG,IAAAC,iBAAQ,EAAC,gBAAAC,IAAA,EAA2B;IAAA,IAAlBC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAC/C,IAAIA,WAAW,CAACC,GAAG,GAAG,GAAG,EAAE;MACvB,MAAMN,aAAa,CAAC,CAAC;IACzB;EACJ,CAAC,EAAE,GAAG,CAAC;EAEP,oBACInB,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACvB,SAAA,CAAAwB,aAAa;IACVC,QAAQ,EAAEb,KAAK,CAACa,QAAS;IACzBC,OAAO,eAAE9B,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACrB,MAAA,CAAAyB,KAAK;MAACC,KAAK,EAAEhB,KAAK,CAACgB;IAAM,CAAE,CAAE;IACvCC,SAAS,eAAEjC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACpB,YAAA,CAAA2B,WAAW,MAAE;EAAE,gBAE3BlC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACnB,YAAA,CAAA2B,WAAW,MAAE,CAAC,eACfnC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAChB,UAAA,CAAAyB,SAAS,MAAE,CAAC,eACbpC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACtB,UAAA,CAAAgC,SAAS;IAACC,aAAa,EAAE,SAAfA,aAAaA,CAAEd,WAAW;MAAA,OAAIH,aAAa,CAAC;QAAEG,WAAW,EAAXA;MAAY,CAAC,CAAC;IAAA;EAAC,GACnEJ,EAAE,CAACmB,WAAW,gBAAGvC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAClB,MAAA,CAAA+B,KAAK,MAAE,CAAC,gBAAGxC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACjB,MAAA,CAAA+B,KAAK,MAAE,CAC/B,CAAC,eACZzC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACf,cAAA,CAAA8B,aAAa,MAAE,CACL,CAAC;AAExB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","debounce","OverlayLayout","Scrollbar","Title","SearchInput","BulkActions","Empty","Table","BottomInfoBar","useTrashBin","TrashBinOverlay","props","listMoreItems","vm","onTableScroll","scrollFrame","top","createElement","onExited","barLeft","title","barMiddle","onScrollFrame","isEmptyView"],"sources":["TrashBinOverlay.tsx"],"sourcesContent":["import React from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { OverlayLayout } from \"@webiny/app-admin\";\nimport { Scrollbar } from \"@webiny/admin-ui\";\nimport { Title } from \"~/Presentation/components/Title\";\nimport { SearchInput } from \"~/Presentation/components/SearchInput\";\nimport { BulkActions } from \"~/Presentation/components/BulkActions\";\nimport { Empty } from \"~/Presentation/components/Empty\";\nimport { Table } from \"~/Presentation/components/Table\";\nimport { BottomInfoBar } from \"~/Presentation/components/BottomInfoBar\";\nimport { useTrashBin } from \"~/Presentation/hooks\";\n\ninterface TrashBinOverlayProps {\n    title: string;\n    onExited: () => void;\n}\n\nexport const TrashBinOverlay = (props: TrashBinOverlayProps) => {\n    const { listMoreItems, vm } = useTrashBin();\n\n    const onTableScroll = debounce(async ({ scrollFrame }) => {\n        if (scrollFrame.top > 0.8) {\n            await listMoreItems();\n        }\n    }, 200);\n\n    return (\n        <OverlayLayout\n            onExited={props.onExited}\n            barLeft={<Title title={props.title} />}\n            barMiddle={<SearchInput />}\n        >\n            <BulkActions />\n            <Scrollbar onScrollFrame={scrollFrame => onTableScroll({ scrollFrame })}>\n                {vm.isEmptyView ? <Empty /> : <Table />}\n            </Scrollbar>\n            <BottomInfoBar />\n        </OverlayLayout>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,iBAAiB;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,KAAK;AACd,SAASC,WAAW;AACpB,SAASC,WAAW;AACpB,SAASC,KAAK;AACd,SAASC,KAAK;AACd,SAASC,aAAa;AACtB,SAASC,WAAW;AAOpB,OAAO,MAAMC,eAAe,GAAIC,KAA2B,IAAK;EAC5D,MAAM;IAAEC,aAAa;IAAEC;EAAG,CAAC,GAAGJ,WAAW,CAAC,CAAC;EAE3C,MAAMK,aAAa,GAAGd,QAAQ,CAAC,OAAO;IAAEe;EAAY,CAAC,KAAK;IACtD,IAAIA,WAAW,CAACC,GAAG,GAAG,GAAG,EAAE;MACvB,MAAMJ,aAAa,CAAC,CAAC;IACzB;EACJ,CAAC,EAAE,GAAG,CAAC;EAEP,oBACIb,KAAA,CAAAkB,aAAA,CAAChB,aAAa;IACViB,QAAQ,EAAEP,KAAK,CAACO,QAAS;IACzBC,OAAO,eAAEpB,KAAA,CAAAkB,aAAA,CAACd,KAAK;MAACiB,KAAK,EAAET,KAAK,CAACS;IAAM,CAAE,CAAE;IACvCC,SAAS,eAAEtB,KAAA,CAAAkB,aAAA,CAACb,WAAW,MAAE;EAAE,gBAE3BL,KAAA,CAAAkB,aAAA,CAACZ,WAAW,MAAE,CAAC,eACfN,KAAA,CAAAkB,aAAA,CAACf,SAAS;IAACoB,aAAa,EAAEP,WAAW,IAAID,aAAa,CAAC;MAAEC;IAAY,CAAC;EAAE,GACnEF,EAAE,CAACU,WAAW,gBAAGxB,KAAA,CAAAkB,aAAA,CAACX,KAAK,MAAE,CAAC,gBAAGP,KAAA,CAAAkB,aAAA,CAACV,KAAK,MAAE,CAC/B,CAAC,eACZR,KAAA,CAAAkB,aAAA,CAACT,aAAa,MAAE,CACL,CAAC;AAExB,CAAC","ignoreList":[]}

package/Presentation/components/TrashBinOverlay/index.js

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

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

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

package/Presentation/configs/index.js

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

package/Presentation/configs/index.js.map

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