@webiny/app-file-manager 6.0.0-beta.0 → 6.0.0-rc.0

package/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig.js

@@ -1,52 +1,59 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FileManagerViewWithConfig = exports.FileManagerViewConfig = void 0;
-exports.useFileManagerViewConfig = useFileManagerViewConfig;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _react = require("react");
-var _reactProperties = require("@webiny/react-properties");
-var _Browser = require("./configComponents/Browser");
-var _FileDetails = require("./configComponents/FileDetails");
-var _getThumbnailRenderer = require("./getThumbnailRenderer");
-var base = (0, _reactProperties.createConfigurableComponent)("FileManagerView");
-var FileManagerViewConfig = exports.FileManagerViewConfig = Object.assign(base.Config, {
-  Browser: _Browser.Browser,
-  FileDetails: _FileDetails.FileDetails
+import React, { useMemo } from "react";
+import { createConfigurableComponent } from "@webiny/react-properties";
+import { Browser } from "./configComponents/Browser/index.js";
+import { FileDetails } from "./configComponents/FileDetails/index.js";
+import { getThumbnailRenderer } from "./getThumbnailRenderer.js";
+import { CompositionScope } from "@webiny/react-composition";
+import { useAcoConfig } from "@webiny/app-aco";
+const base = createConfigurableComponent("FileManagerView");
+const ScopedFileManagerViewConfig = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(CompositionScope, {
+    name: "fm"
+  }, /*#__PURE__*/React.createElement(base.Config, null, children));
+};
+ScopedFileManagerViewConfig.displayName = "FileManagerViewConfig";
+export const FileManagerViewConfig = Object.assign(base.Config, {
+  Browser,
+  FileDetails
 });
-var FileManagerViewWithConfig = exports.FileManagerViewWithConfig = base.WithConfig;
-function useFileManagerViewConfig() {
-  var config = base.useConfig();
-  var browser = config.browser || {};
-  var fileDetailsActions = (0, _toConsumableArray2.default)(config.fileDetails?.actions || []);
-  var fileDetailsThumbnails = (0, _toConsumableArray2.default)(config.fileDetails?.thumbnails || []);
-  return (0, _react.useMemo)(function () {
-    return {
-      getThumbnailRenderer: _getThumbnailRenderer.getThumbnailRenderer,
-      browser: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, browser), {}, {
-        grid: {
-          itemActions: (0, _toConsumableArray2.default)(browser.grid?.itemActions || []),
-          itemThumbnails: (0, _toConsumableArray2.default)(browser.grid?.itemThumbnails || [])
-        },
-        bulkActions: (0, _toConsumableArray2.default)(browser.bulkActions || []),
-        bulkEditFields: (0, _toConsumableArray2.default)(browser.bulkEditFields || []),
-        filterByTags: browser.filterByTags ?? false,
-        filters: (0, _toConsumableArray2.default)(browser.filters || []),
-        filtersToWhere: (0, _toConsumableArray2.default)(browser.filtersToWhere || [])
-      }),
-      fileDetails: {
-        actions: fileDetailsActions,
-        thumbnails: fileDetailsThumbnails,
-        groupFields: config.fileDetails?.groupFields ?? false,
-        width: config.fileDetails?.width ?? "1000px",
-        fields: config.fileDetails?.fields ?? []
-      }
-    };
-  }, [config]);
+export const FileManagerViewWithConfig = base.WithConfig;
+export function useFileManagerViewConfig() {
+  const config = base.useConfig();
+  const acoConfig = useAcoConfig(config);
+  const browser = config.browser || {};
+  const fileDetailsActions = [...(config.fileDetails?.actions || [])];
+  const fileDetailsThumbnails = [...(config.fileDetails?.thumbnails || [])];
+  const finalConfig = useMemo(() => ({
+    getThumbnailRenderer,
+    browser: {
+      ...browser,
+      table: {
+        ...browser.table,
+        cellThumbnails: [...(browser.table?.cellThumbnails || [])]
+      },
+      grid: {
+        itemActions: [...(browser.grid?.itemActions || [])],
+        itemThumbnails: [...(browser.grid?.itemThumbnails || [])]
+      },
+      bulkActions: [...(browser.bulkActions || [])],
+      bulkEditFields: [...(browser.bulkEditFields || [])],
+      filterByTags: browser.filterByTags ?? false,
+      filters: [...(browser.filters || [])],
+      filtersToWhere: [...(browser.filtersToWhere || [])],
+      folder: acoConfig.folder,
+      file: acoConfig.record
+    },
+    fileDetails: {
+      actions: fileDetailsActions,
+      thumbnails: fileDetailsThumbnails,
+      groupFields: config.fileDetails?.groupFields ?? false,
+      width: config.fileDetails?.width ?? "1000px",
+      fields: config.fileDetails?.fields ?? []
+    }
+  }), [config]);
+  return finalConfig;
 }
 
 //# sourceMappingURL=FileManagerViewConfig.js.map

package/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactProperties","_Browser","_FileDetails","_getThumbnailRenderer","base","createConfigurableComponent","FileManagerViewConfig","exports","Object","assign","Config","Browser","FileDetails","FileManagerViewWithConfig","WithConfig","useFileManagerViewConfig","config","useConfig","browser","fileDetailsActions","_toConsumableArray2","default","fileDetails","actions","fileDetailsThumbnails","thumbnails","useMemo","getThumbnailRenderer","_objectSpread2","grid","itemActions","itemThumbnails","bulkActions","bulkEditFields","filterByTags","filters","filtersToWhere","groupFields","width","fields"],"sources":["FileManagerViewConfig.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { createConfigurableComponent } from \"@webiny/react-properties\";\nimport { Browser, BrowserConfig } from \"./configComponents/Browser\";\nimport { FileDetails, FileDetailsConfig } from \"./configComponents/FileDetails\";\nimport { getThumbnailRenderer } from \"./getThumbnailRenderer\";\n\nconst base = createConfigurableComponent<FileManagerViewConfigData>(\"FileManagerView\");\n\nexport const FileManagerViewConfig = Object.assign(base.Config, { Browser, FileDetails });\nexport const FileManagerViewWithConfig = base.WithConfig;\n\ninterface FileManagerViewConfigData {\n    browser: BrowserConfig;\n    fileDetails: FileDetailsConfig;\n}\n\nexport function useFileManagerViewConfig() {\n    const config = base.useConfig();\n\n    const browser = config.browser || {};\n\n    const fileDetailsActions = [...(config.fileDetails?.actions || [])];\n    const fileDetailsThumbnails = [...(config.fileDetails?.thumbnails || [])];\n\n    return useMemo(\n        () => ({\n            getThumbnailRenderer,\n            browser: {\n                ...browser,\n                grid: {\n                    itemActions: [...(browser.grid?.itemActions || [])],\n                    itemThumbnails: [...(browser.grid?.itemThumbnails || [])]\n                },\n                bulkActions: [...(browser.bulkActions || [])],\n                bulkEditFields: [...(browser.bulkEditFields || [])],\n                filterByTags: browser.filterByTags ?? false,\n                filters: [...(browser.filters || [])],\n                filtersToWhere: [...(browser.filtersToWhere || [])]\n            },\n            fileDetails: {\n                actions: fileDetailsActions,\n                thumbnails: fileDetailsThumbnails,\n                groupFields: config.fileDetails?.groupFields ?? false,\n                width: config.fileDetails?.width ?? \"1000px\",\n                fields: config.fileDetails?.fields ?? []\n            }\n        }),\n        [config]\n    );\n}\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AAEA,IAAMK,IAAI,GAAG,IAAAC,4CAA2B,EAA4B,iBAAiB,CAAC;AAE/E,IAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAGE,MAAM,CAACC,MAAM,CAACL,IAAI,CAACM,MAAM,EAAE;EAAEC,OAAO,EAAPA,gBAAO;EAAEC,WAAW,EAAXA;AAAY,CAAC,CAAC;AAClF,IAAMC,yBAAyB,GAAAN,OAAA,CAAAM,yBAAA,GAAGT,IAAI,CAACU,UAAU;AAOjD,SAASC,wBAAwBA,CAAA,EAAG;EACvC,IAAMC,MAAM,GAAGZ,IAAI,CAACa,SAAS,CAAC,CAAC;EAE/B,IAAMC,OAAO,GAAGF,MAAM,CAACE,OAAO,IAAI,CAAC,CAAC;EAEpC,IAAMC,kBAAkB,OAAAC,mBAAA,CAAAC,OAAA,EAAQL,MAAM,CAACM,WAAW,EAAEC,OAAO,IAAI,EAAE,CAAE;EACnE,IAAMC,qBAAqB,OAAAJ,mBAAA,CAAAC,OAAA,EAAQL,MAAM,CAACM,WAAW,EAAEG,UAAU,IAAI,EAAE,CAAE;EAEzE,OAAO,IAAAC,cAAO,EACV;IAAA,OAAO;MACHC,oBAAoB,EAApBA,0CAAoB;MACpBT,OAAO,MAAAU,cAAA,CAAAP,OAAA,MAAAO,cAAA,CAAAP,OAAA,MACAH,OAAO;QACVW,IAAI,EAAE;UACFC,WAAW,MAAAV,mBAAA,CAAAC,OAAA,EAAOH,OAAO,CAACW,IAAI,EAAEC,WAAW,IAAI,EAAE,CAAE;UACnDC,cAAc,MAAAX,mBAAA,CAAAC,OAAA,EAAOH,OAAO,CAACW,IAAI,EAAEE,cAAc,IAAI,EAAE;QAC3D,CAAC;QACDC,WAAW,MAAAZ,mBAAA,CAAAC,OAAA,EAAOH,OAAO,CAACc,WAAW,IAAI,EAAE,CAAE;QAC7CC,cAAc,MAAAb,mBAAA,CAAAC,OAAA,EAAOH,OAAO,CAACe,cAAc,IAAI,EAAE,CAAE;QACnDC,YAAY,EAAEhB,OAAO,CAACgB,YAAY,IAAI,KAAK;QAC3CC,OAAO,MAAAf,mBAAA,CAAAC,OAAA,EAAOH,OAAO,CAACiB,OAAO,IAAI,EAAE,CAAE;QACrCC,cAAc,MAAAhB,mBAAA,CAAAC,OAAA,EAAOH,OAAO,CAACkB,cAAc,IAAI,EAAE;MAAE,EACtD;MACDd,WAAW,EAAE;QACTC,OAAO,EAAEJ,kBAAkB;QAC3BM,UAAU,EAAED,qBAAqB;QACjCa,WAAW,EAAErB,MAAM,CAACM,WAAW,EAAEe,WAAW,IAAI,KAAK;QACrDC,KAAK,EAAEtB,MAAM,CAACM,WAAW,EAAEgB,KAAK,IAAI,QAAQ;QAC5CC,MAAM,EAAEvB,MAAM,CAACM,WAAW,EAAEiB,MAAM,IAAI;MAC1C;IACJ,CAAC;EAAA,CAAC,EACF,CAACvB,MAAM,CACX,CAAC;AACL","ignoreList":[]}
+{"version":3,"names":["React","useMemo","createConfigurableComponent","Browser","FileDetails","getThumbnailRenderer","CompositionScope","useAcoConfig","base","ScopedFileManagerViewConfig","children","createElement","name","Config","displayName","FileManagerViewConfig","Object","assign","FileManagerViewWithConfig","WithConfig","useFileManagerViewConfig","config","useConfig","acoConfig","browser","fileDetailsActions","fileDetails","actions","fileDetailsThumbnails","thumbnails","finalConfig","table","cellThumbnails","grid","itemActions","itemThumbnails","bulkActions","bulkEditFields","filterByTags","filters","filtersToWhere","folder","file","record","groupFields","width","fields"],"sources":["FileManagerViewConfig.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { createConfigurableComponent } from \"@webiny/react-properties\";\nimport type { BrowserConfig } from \"./configComponents/Browser/index.js\";\nimport { Browser } from \"./configComponents/Browser/index.js\";\nimport type { FileDetailsConfig } from \"./configComponents/FileDetails/index.js\";\nimport { FileDetails } from \"./configComponents/FileDetails/index.js\";\nimport { getThumbnailRenderer } from \"./getThumbnailRenderer.js\";\nimport { CompositionScope } from \"@webiny/react-composition\";\nimport { useAcoConfig } from \"@webiny/app-aco\";\n\nconst base = createConfigurableComponent<FileManagerViewConfigData>(\"FileManagerView\");\n\nconst ScopedFileManagerViewConfig = ({ children }: { children: React.ReactNode }) => {\n    return (\n        <CompositionScope name={\"fm\"}>\n            <base.Config>{children}</base.Config>\n        </CompositionScope>\n    );\n};\n\nScopedFileManagerViewConfig.displayName = \"FileManagerViewConfig\";\n\nexport const FileManagerViewConfig = Object.assign(base.Config, { Browser, FileDetails });\nexport const FileManagerViewWithConfig = base.WithConfig;\n\ninterface FileManagerViewConfigData {\n    browser: BrowserConfig;\n    fileDetails: FileDetailsConfig;\n}\n\nexport function useFileManagerViewConfig() {\n    const config = base.useConfig();\n    const acoConfig = useAcoConfig(config);\n\n    const browser = config.browser || {};\n\n    const fileDetailsActions = [...(config.fileDetails?.actions || [])];\n    const fileDetailsThumbnails = [...(config.fileDetails?.thumbnails || [])];\n\n    const finalConfig = useMemo(\n        () => ({\n            getThumbnailRenderer,\n            browser: {\n                ...browser,\n                table: {\n                    ...browser.table,\n                    cellThumbnails: [...(browser.table?.cellThumbnails || [])]\n                },\n                grid: {\n                    itemActions: [...(browser.grid?.itemActions || [])],\n                    itemThumbnails: [...(browser.grid?.itemThumbnails || [])]\n                },\n                bulkActions: [...(browser.bulkActions || [])],\n                bulkEditFields: [...(browser.bulkEditFields || [])],\n                filterByTags: browser.filterByTags ?? false,\n                filters: [...(browser.filters || [])],\n                filtersToWhere: [...(browser.filtersToWhere || [])],\n                folder: acoConfig.folder,\n                file: acoConfig.record\n            },\n            fileDetails: {\n                actions: fileDetailsActions,\n                thumbnails: fileDetailsThumbnails,\n                groupFields: config.fileDetails?.groupFields ?? false,\n                width: config.fileDetails?.width ?? \"1000px\",\n                fields: config.fileDetails?.fields ?? []\n            }\n        }),\n        [config]\n    );\n\n    return finalConfig;\n}\n"],"mappings":"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","ignoreList":[]}

package/modules/FileManagerRenderer/FileManagerView/LeftSidebar.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 interface LeftSidebarProps {
-    currentFolder?: string;
+    currentFolder: string;
     onFolderClick: (folderId: string) => void;
     children?: React.ReactNode;
 }

package/modules/FileManagerRenderer/FileManagerView/LeftSidebar.js

@@ -1,54 +1,48 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LeftSidebar = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _appAco = require("@webiny/app-aco");
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var Divider = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1n9coa81"
-} : {
-  target: "e1n9coa81",
-  label: "Divider"
-})(process.env.NODE_ENV === "production" ? {
-  name: "s3myr3",
-  styles: "height:1px;background-color:var(--mdc-theme-on-background);margin:12px 8px"
-} : {
-  name: "s3myr3",
-  styles: "height:1px;background-color:var(--mdc-theme-on-background);margin:12px 8px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZnRTaWRlYmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJMEIiLCJmaWxlIjoiTGVmdFNpZGViYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBGb2xkZXJUcmVlIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFjb1wiO1xuXG5jb25zdCBEaXZpZGVyID0gc3R5bGVkLmRpdmBcbiAgICBoZWlnaHQ6IDFweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZCk7XG4gICAgbWFyZ2luOiAxMnB4IDhweDtcbmA7XG5cbmNvbnN0IExlZnRTaWRlYmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBwYWRkaW5nOiA4cHg7XG4gICAgZmxvYXQ6IGxlZnQ7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgd2lkdGg6IDI2OXB4O1xuICAgIGhlaWdodDogY2FsYygxMDB2aCAtIDY0cHgpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW1kYy10aGVtZS1zdXJmYWNlKTtcbiAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZCk7XG4gICAgb3ZlcmZsb3cteTogc2Nyb2xsO1xuYDtcblxuaW50ZXJmYWNlIExlZnRTaWRlYmFyUHJvcHMge1xuICAgIGN1cnJlbnRGb2xkZXI/OiBzdHJpbmc7XG4gICAgb25Gb2xkZXJDbGljazogKGZvbGRlcklkOiBzdHJpbmcpID0+IHZvaWQ7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBMZWZ0U2lkZWJhciA9ICh7IGN1cnJlbnRGb2xkZXIsIG9uRm9sZGVyQ2xpY2ssIGNoaWxkcmVuIH06IExlZnRTaWRlYmFyUHJvcHMpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8TGVmdFNpZGViYXJDb250YWluZXI+XG4gICAgICAgICAgICA8Rm9sZGVyVHJlZVxuICAgICAgICAgICAgICAgIGZvY3VzZWRGb2xkZXJJZD17Y3VycmVudEZvbGRlcn1cbiAgICAgICAgICAgICAgICBvbkZvbGRlckNsaWNrPXtkYXRhID0+IG9uRm9sZGVyQ2xpY2soZGF0YS5pZCl9XG4gICAgICAgICAgICAgICAgZW5hYmxlQWN0aW9ucz17dHJ1ZX1cbiAgICAgICAgICAgICAgICBlbmFibGVDcmVhdGU9e3RydWV9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAge2NoaWxkcmVuID8gPERpdmlkZXIgLz4gOiBudWxsfVxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0xlZnRTaWRlYmFyQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var LeftSidebarContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1n9coa80"
-} : {
-  target: "e1n9coa80",
-  label: "LeftSidebarContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "a5k7qb",
-  styles: "padding:8px;float:left;display:block;width:269px;height:calc(100vh - 64px);background-color:var(--mdc-theme-surface);border-right:1px solid var(--mdc-theme-on-background);overflow-y:scroll"
-} : {
-  name: "a5k7qb",
-  styles: "padding:8px;float:left;display:block;width:269px;height:calc(100vh - 64px);background-color:var(--mdc-theme-surface);border-right:1px solid var(--mdc-theme-on-background);overflow-y:scroll",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZnRTaWRlYmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVdUMiLCJmaWxlIjoiTGVmdFNpZGViYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBGb2xkZXJUcmVlIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFjb1wiO1xuXG5jb25zdCBEaXZpZGVyID0gc3R5bGVkLmRpdmBcbiAgICBoZWlnaHQ6IDFweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZCk7XG4gICAgbWFyZ2luOiAxMnB4IDhweDtcbmA7XG5cbmNvbnN0IExlZnRTaWRlYmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBwYWRkaW5nOiA4cHg7XG4gICAgZmxvYXQ6IGxlZnQ7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgd2lkdGg6IDI2OXB4O1xuICAgIGhlaWdodDogY2FsYygxMDB2aCAtIDY0cHgpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW1kYy10aGVtZS1zdXJmYWNlKTtcbiAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZCk7XG4gICAgb3ZlcmZsb3cteTogc2Nyb2xsO1xuYDtcblxuaW50ZXJmYWNlIExlZnRTaWRlYmFyUHJvcHMge1xuICAgIGN1cnJlbnRGb2xkZXI/OiBzdHJpbmc7XG4gICAgb25Gb2xkZXJDbGljazogKGZvbGRlcklkOiBzdHJpbmcpID0+IHZvaWQ7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBMZWZ0U2lkZWJhciA9ICh7IGN1cnJlbnRGb2xkZXIsIG9uRm9sZGVyQ2xpY2ssIGNoaWxkcmVuIH06IExlZnRTaWRlYmFyUHJvcHMpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8TGVmdFNpZGViYXJDb250YWluZXI+XG4gICAgICAgICAgICA8Rm9sZGVyVHJlZVxuICAgICAgICAgICAgICAgIGZvY3VzZWRGb2xkZXJJZD17Y3VycmVudEZvbGRlcn1cbiAgICAgICAgICAgICAgICBvbkZvbGRlckNsaWNrPXtkYXRhID0+IG9uRm9sZGVyQ2xpY2soZGF0YS5pZCl9XG4gICAgICAgICAgICAgICAgZW5hYmxlQWN0aW9ucz17dHJ1ZX1cbiAgICAgICAgICAgICAgICBlbmFibGVDcmVhdGU9e3RydWV9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAge2NoaWxkcmVuID8gPERpdmlkZXIgLz4gOiBudWxsfVxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0xlZnRTaWRlYmFyQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var LeftSidebar = exports.LeftSidebar = function LeftSidebar(_ref) {
-  var currentFolder = _ref.currentFolder,
-    _onFolderClick = _ref.onFolderClick,
-    children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(LeftSidebarContainer, null, /*#__PURE__*/_react.default.createElement(_appAco.FolderTree, {
+import React, { useEffect } from "react";
+import { Separator } from "@webiny/admin-ui";
+import { FolderTree, useLoadFolderHierarchy, useListFoldersByParentIds } from "@webiny/app-aco";
+import { useFileManagerViewConfig } from "./FileManagerViewConfig.js";
+import { Heading } from "@webiny/admin-ui";
+export const LeftSidebar = ({
+  currentFolder,
+  onFolderClick,
+  children
+}) => {
+  const {
+    browser
+  } = useFileManagerViewConfig();
+  const {
+    folders,
+    loadFolderHierarchy
+  } = useLoadFolderHierarchy();
+  const {
+    listFoldersByParentIds
+  } = useListFoldersByParentIds();
+  useEffect(() => {
+    if (folders.length === 0) {
+      loadFolderHierarchy(currentFolder);
+    } else {
+      // Otherwise let's load only the current folder sub-tree
+      listFoldersByParentIds([currentFolder]);
+    }
+  }, [currentFolder]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "overflow-auto",
+    style: {
+      height: "calc(100vh - 69px)"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "p-sm"
+  }, /*#__PURE__*/React.createElement(Heading, {
+    level: 5
+  }, "File Manager")), /*#__PURE__*/React.createElement(Separator, null), /*#__PURE__*/React.createElement(FolderTree, {
+    folderActions: browser.folder.actions,
+    dropConfirmation: browser.folder.dropConfirmation,
     focusedFolderId: currentFolder,
-    onFolderClick: function onFolderClick(data) {
-      return _onFolderClick(data.id);
-    },
+    onFolderClick: data => onFolderClick(data.id),
     enableActions: true,
     enableCreate: true
-  }), children ? /*#__PURE__*/_react.default.createElement(Divider, null) : null, children);
+  }), children ? /*#__PURE__*/React.createElement(Separator, null) : null, children);
 };
 
 //# sourceMappingURL=LeftSidebar.js.map

package/modules/FileManagerRenderer/FileManagerView/LeftSidebar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_appAco","_EMOTION_STRINGIFIED_CSS_ERROR__","Divider","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","LeftSidebarContainer","LeftSidebar","exports","_ref","currentFolder","onFolderClick","children","createElement","FolderTree","focusedFolderId","data","id","enableActions","enableCreate"],"sources":["LeftSidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { FolderTree } from \"@webiny/app-aco\";\n\nconst Divider = styled.div`\n    height: 1px;\n    background-color: var(--mdc-theme-on-background);\n    margin: 12px 8px;\n`;\n\nconst LeftSidebarContainer = styled.div`\n    padding: 8px;\n    float: left;\n    display: block;\n    width: 269px;\n    height: calc(100vh - 64px);\n    background-color: var(--mdc-theme-surface);\n    border-right: 1px solid var(--mdc-theme-on-background);\n    overflow-y: scroll;\n`;\n\ninterface LeftSidebarProps {\n    currentFolder?: string;\n    onFolderClick: (folderId: string) => void;\n    children?: React.ReactNode;\n}\n\nexport const LeftSidebar = ({ currentFolder, onFolderClick, children }: LeftSidebarProps) => {\n    return (\n        <LeftSidebarContainer>\n            <FolderTree\n                focusedFolderId={currentFolder}\n                onFolderClick={data => onFolderClick(data.id)}\n                enableActions={true}\n                enableCreate={true}\n            />\n            {children ? <Divider /> : null}\n            {children}\n        </LeftSidebarContainer>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAA6C,SAAAE,iCAAA;AAE7C,IAAMC,OAAO,oBAAAC,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,EAIZ;AAED,IAAMa,oBAAoB,oBAAAX,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,EASzB;AAQM,IAAMc,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAAE,IAAA,EAAqE;EAAA,IAA/DC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IAAEC,cAAa,GAAAF,IAAA,CAAbE,aAAa;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EAChE,oBACIvB,MAAA,CAAAO,OAAA,CAAAiB,aAAA,CAACP,oBAAoB,qBACjBjB,MAAA,CAAAO,OAAA,CAAAiB,aAAA,CAACrB,OAAA,CAAAsB,UAAU;IACPC,eAAe,EAAEL,aAAc;IAC/BC,aAAa,EAAE,SAAAA,cAAAK,IAAI;MAAA,OAAIL,cAAa,CAACK,IAAI,CAACC,EAAE,CAAC;IAAA,CAAC;IAC9CC,aAAa,EAAE,IAAK;IACpBC,YAAY,EAAE;EAAK,CACtB,CAAC,EACDP,QAAQ,gBAAGvB,MAAA,CAAAO,OAAA,CAAAiB,aAAA,CAACnB,OAAO,MAAE,CAAC,GAAG,IAAI,EAC7BkB,QACiB,CAAC;AAE/B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","Separator","FolderTree","useLoadFolderHierarchy","useListFoldersByParentIds","useFileManagerViewConfig","Heading","LeftSidebar","currentFolder","onFolderClick","children","browser","folders","loadFolderHierarchy","listFoldersByParentIds","length","createElement","className","style","height","level","folderActions","folder","actions","dropConfirmation","focusedFolderId","data","id","enableActions","enableCreate"],"sources":["LeftSidebar.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport { FolderTree, useLoadFolderHierarchy, useListFoldersByParentIds } from \"@webiny/app-aco\";\nimport { useFileManagerViewConfig } from \"~/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig.js\";\nimport { Heading } from \"@webiny/admin-ui\";\n\ninterface LeftSidebarProps {\n    currentFolder: string;\n    onFolderClick: (folderId: string) => void;\n    children?: React.ReactNode;\n}\n\nexport const LeftSidebar = ({ currentFolder, onFolderClick, children }: LeftSidebarProps) => {\n    const { browser } = useFileManagerViewConfig();\n    const { folders, loadFolderHierarchy } = useLoadFolderHierarchy();\n    const { listFoldersByParentIds } = useListFoldersByParentIds();\n\n    useEffect(() => {\n        if (folders.length === 0) {\n            loadFolderHierarchy(currentFolder);\n        } else {\n            // Otherwise let's load only the current folder sub-tree\n            listFoldersByParentIds([currentFolder]);\n        }\n    }, [currentFolder]);\n\n    return (\n        <div className={\"overflow-auto\"} style={{ height: \"calc(100vh - 69px)\" }}>\n            <div className={\"p-sm\"}>\n                <Heading level={5}>File Manager</Heading>\n            </div>\n            <Separator />\n            <FolderTree\n                folderActions={browser.folder.actions}\n                dropConfirmation={browser.folder.dropConfirmation}\n                focusedFolderId={currentFolder}\n                onFolderClick={data => onFolderClick(data.id)}\n                enableActions={true}\n                enableCreate={true}\n            />\n            {children ? <Separator /> : null}\n            {children}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,UAAU,EAAEC,sBAAsB,EAAEC,yBAAyB,QAAQ,iBAAiB;AAC/F,SAASC,wBAAwB;AACjC,SAASC,OAAO,QAAQ,kBAAkB;AAQ1C,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC,aAAa;EAAEC,aAAa;EAAEC;AAA2B,CAAC,KAAK;EACzF,MAAM;IAAEC;EAAQ,CAAC,GAAGN,wBAAwB,CAAC,CAAC;EAC9C,MAAM;IAAEO,OAAO;IAAEC;EAAoB,CAAC,GAAGV,sBAAsB,CAAC,CAAC;EACjE,MAAM;IAAEW;EAAuB,CAAC,GAAGV,yBAAyB,CAAC,CAAC;EAE9DJ,SAAS,CAAC,MAAM;IACZ,IAAIY,OAAO,CAACG,MAAM,KAAK,CAAC,EAAE;MACtBF,mBAAmB,CAACL,aAAa,CAAC;IACtC,CAAC,MAAM;MACH;MACAM,sBAAsB,CAAC,CAACN,aAAa,CAAC,CAAC;IAC3C;EACJ,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnB,oBACIT,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAE,eAAgB;IAACC,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAqB;EAAE,gBACrEpB,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAE;EAAO,gBACnBlB,KAAA,CAAAiB,aAAA,CAACV,OAAO;IAACc,KAAK,EAAE;EAAE,GAAC,cAAqB,CACvC,CAAC,eACNrB,KAAA,CAAAiB,aAAA,CAACf,SAAS,MAAE,CAAC,eACbF,KAAA,CAAAiB,aAAA,CAACd,UAAU;IACPmB,aAAa,EAAEV,OAAO,CAACW,MAAM,CAACC,OAAQ;IACtCC,gBAAgB,EAAEb,OAAO,CAACW,MAAM,CAACE,gBAAiB;IAClDC,eAAe,EAAEjB,aAAc;IAC/BC,aAAa,EAAEiB,IAAI,IAAIjB,aAAa,CAACiB,IAAI,CAACC,EAAE,CAAE;IAC9CC,aAAa,EAAE,IAAK;IACpBC,YAAY,EAAE;EAAK,CACtB,CAAC,EACDnB,QAAQ,gBAAGX,KAAA,CAAAiB,aAAA,CAACf,SAAS,MAAE,CAAC,GAAG,IAAI,EAC/BS,QACA,CAAC;AAEd,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/BulkAction.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { CallbackParams } from "@webiny/app-admin";
-import { FileItem } from "@webiny/app-admin/types";
+import type { CallbackParams } from "@webiny/app-admin";
+import type { FileItem } from "../../../../../types.js";
 export interface BulkActionConfig {
     name: string;
     element: React.ReactElement;

package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/BulkAction.js

@@ -1,77 +1,66 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BulkAction = exports.BaseBulkAction = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _appAdmin = require("@webiny/app-admin");
-var _reactProperties = require("@webiny/react-properties");
-var _FileManagerViewProvider = require("../../../FileManagerViewProvider");
-var BaseBulkAction = exports.BaseBulkAction = function BaseBulkAction(_ref) {
-  var name = _ref.name,
-    _ref$after = _ref.after,
-    after = _ref$after === void 0 ? undefined : _ref$after,
-    _ref$before = _ref.before,
-    before = _ref$before === void 0 ? undefined : _ref$before,
-    _ref$remove = _ref.remove,
-    remove = _ref$remove === void 0 ? false : _ref$remove,
-    element = _ref.element;
-  var getId = (0, _reactProperties.useIdGenerator)("bulkAction");
-  var placeAfter = after !== undefined ? getId(after) : undefined;
-  var placeBefore = before !== undefined ? getId(before) : undefined;
-  return /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+import React, { useCallback, useEffect, useRef } from "react";
+import { useButtons, useDialogWithReport, Worker } from "@webiny/app-admin";
+import { Property, useIdGenerator } from "@webiny/react-properties";
+import { useFileManagerView } from "../../../FileManagerViewProvider/index.js";
+export const BaseBulkAction = ({
+  name,
+  after = undefined,
+  before = undefined,
+  remove = false,
+  element
+}) => {
+  const getId = useIdGenerator("bulkAction");
+  const placeAfter = after !== undefined ? getId(after) : undefined;
+  const placeBefore = before !== undefined ? getId(before) : undefined;
+  return /*#__PURE__*/React.createElement(Property, {
     id: "browser",
     name: "browser"
-  }, /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+  }, /*#__PURE__*/React.createElement(Property, {
     id: getId(name),
     name: "bulkActions",
     remove: remove,
     array: true,
     before: placeBefore,
     after: placeAfter
-  }, /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+  }, /*#__PURE__*/React.createElement(Property, {
     id: getId(name, "name"),
     name: "name",
     value: name
-  }), element ? /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+  }), element ? /*#__PURE__*/React.createElement(Property, {
     id: getId(name, "element"),
     name: "element",
     value: element
   }) : null));
 };
-var useWorker = function useWorker() {
-  var _useFileManagerView = (0, _FileManagerViewProvider.useFileManagerView)(),
-    selected = _useFileManagerView.selected,
-    setSelected = _useFileManagerView.setSelected;
-  var _useRef = (0, _react.useRef)(new _appAdmin.Worker()),
-    worker = _useRef.current;
-  (0, _react.useEffect)(function () {
+const useWorker = () => {
+  const {
+    selected,
+    setSelected
+  } = useFileManagerView();
+  const {
+    current: worker
+  } = useRef(new Worker());
+  useEffect(() => {
     worker.items = selected;
   }, [selected.length]);
 
   // Reset selected items in both useFileManagerView and Worker
-  var resetItems = (0, _react.useCallback)(function () {
+  const resetItems = useCallback(() => {
     worker.items = [];
     setSelected([]);
   }, []);
   return {
     items: selected,
-    process: function process(callback) {
-      return worker.process(callback);
-    },
-    processInSeries: async function processInSeries(callback, chunkSize) {
-      return worker.processInSeries(callback, chunkSize);
-    },
+    process: callback => worker.process(callback),
+    processInSeries: async (callback, chunkSize) => worker.processInSeries(callback, chunkSize),
     resetItems: resetItems,
     results: worker.results
   };
 };
-var BulkAction = exports.BulkAction = Object.assign(BaseBulkAction, {
-  useButtons: _appAdmin.useButtons,
-  useWorker: useWorker,
-  useDialog: _appAdmin.useDialogWithReport
+export const BulkAction = Object.assign(BaseBulkAction, {
+  useButtons,
+  useWorker,
+  useDialog: useDialogWithReport
 });
 
 //# sourceMappingURL=BulkAction.js.map

package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/BulkAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_appAdmin","_reactProperties","_FileManagerViewProvider","BaseBulkAction","exports","_ref","name","_ref$after","after","undefined","_ref$before","before","_ref$remove","remove","element","getId","useIdGenerator","placeAfter","placeBefore","default","createElement","Property","id","array","value","useWorker","_useFileManagerView","useFileManagerView","selected","setSelected","_useRef","useRef","Worker","worker","current","useEffect","items","length","resetItems","useCallback","process","callback","processInSeries","chunkSize","results","BulkAction","Object","assign","useButtons","useDialog","useDialogWithReport"],"sources":["BulkAction.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport { CallbackParams, useButtons, useDialogWithReport, Worker } from \"@webiny/app-admin\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\nimport { FileItem } from \"@webiny/app-admin/types\";\n\nexport interface BulkActionConfig {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport interface BulkActionProps {\n    name: string;\n    remove?: boolean;\n    before?: string;\n    after?: string;\n    element?: React.ReactElement;\n}\n\nexport const BaseBulkAction = ({\n    name,\n    after = undefined,\n    before = undefined,\n    remove = false,\n    element\n}: BulkActionProps) => {\n    const getId = useIdGenerator(\"bulkAction\");\n\n    const placeAfter = after !== undefined ? getId(after) : undefined;\n    const placeBefore = before !== undefined ? getId(before) : undefined;\n\n    return (\n        <Property id=\"browser\" name={\"browser\"}>\n            <Property\n                id={getId(name)}\n                name={\"bulkActions\"}\n                remove={remove}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n            >\n                <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                {element ? (\n                    <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n                ) : null}\n            </Property>\n        </Property>\n    );\n};\n\nconst useWorker = () => {\n    const { selected, setSelected } = useFileManagerView();\n    const { current: worker } = useRef(new Worker<FileItem>());\n\n    useEffect(() => {\n        worker.items = selected;\n    }, [selected.length]);\n\n    // Reset selected items in both useFileManagerView and Worker\n    const resetItems = useCallback(() => {\n        worker.items = [];\n        setSelected([]);\n    }, []);\n\n    return {\n        items: selected,\n        process: (callback: (items: FileItem[]) => void) => worker.process(callback),\n        processInSeries: async (\n            callback: ({ item, allItems, report }: CallbackParams<FileItem>) => Promise<void>,\n            chunkSize?: number\n        ) => worker.processInSeries(callback, chunkSize),\n        resetItems: resetItems,\n        results: worker.results\n    };\n};\n\nexport const BulkAction = Object.assign(BaseBulkAction, {\n    useButtons,\n    useWorker,\n    useDialog: useDialogWithReport\n});\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AAgBO,IAAMI,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAAE,IAAA,EAMJ;EAAA,IALnBC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAAC,UAAA,GAAAF,IAAA,CACJG,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAGE,SAAS,GAAAF,UAAA;IAAAG,WAAA,GAAAL,IAAA,CACjBM,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAGD,SAAS,GAAAC,WAAA;IAAAE,WAAA,GAAAP,IAAA,CAClBQ,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IACdE,OAAO,GAAAT,IAAA,CAAPS,OAAO;EAEP,IAAMC,KAAK,GAAG,IAAAC,+BAAc,EAAC,YAAY,CAAC;EAE1C,IAAMC,UAAU,GAAGT,KAAK,KAAKC,SAAS,GAAGM,KAAK,CAACP,KAAK,CAAC,GAAGC,SAAS;EACjE,IAAMS,WAAW,GAAGP,MAAM,KAAKF,SAAS,GAAGM,KAAK,CAACJ,MAAM,CAAC,GAAGF,SAAS;EAEpE,oBACIZ,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,gBAAA,CAAAoB,QAAQ;IAACC,EAAE,EAAC,SAAS;IAAChB,IAAI,EAAE;EAAU,gBACnCT,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,gBAAA,CAAAoB,QAAQ;IACLC,EAAE,EAAEP,KAAK,CAACT,IAAI,CAAE;IAChBA,IAAI,EAAE,aAAc;IACpBO,MAAM,EAAEA,MAAO;IACfU,KAAK,EAAE,IAAK;IACZZ,MAAM,EAAEO,WAAY;IACpBV,KAAK,EAAES;EAAW,gBAElBpB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,gBAAA,CAAAoB,QAAQ;IAACC,EAAE,EAAEP,KAAK,CAACT,IAAI,EAAE,MAAM,CAAE;IAACA,IAAI,EAAE,MAAO;IAACkB,KAAK,EAAElB;EAAK,CAAE,CAAC,EAC/DQ,OAAO,gBACJjB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,gBAAA,CAAAoB,QAAQ;IAACC,EAAE,EAAEP,KAAK,CAACT,IAAI,EAAE,SAAS,CAAE;IAACA,IAAI,EAAE,SAAU;IAACkB,KAAK,EAAEV;EAAQ,CAAE,CAAC,GACzE,IACE,CACJ,CAAC;AAEnB,CAAC;AAED,IAAMW,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EACpB,IAAAC,mBAAA,GAAkC,IAAAC,2CAAkB,EAAC,CAAC;IAA9CC,QAAQ,GAAAF,mBAAA,CAARE,QAAQ;IAAEC,WAAW,GAAAH,mBAAA,CAAXG,WAAW;EAC7B,IAAAC,OAAA,GAA4B,IAAAC,aAAM,EAAC,IAAIC,gBAAM,CAAW,CAAC,CAAC;IAAzCC,MAAM,GAAAH,OAAA,CAAfI,OAAO;EAEf,IAAAC,gBAAS,EAAC,YAAM;IACZF,MAAM,CAACG,KAAK,GAAGR,QAAQ;EAC3B,CAAC,EAAE,CAACA,QAAQ,CAACS,MAAM,CAAC,CAAC;;EAErB;EACA,IAAMC,UAAU,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACjCN,MAAM,CAACG,KAAK,GAAG,EAAE;IACjBP,WAAW,CAAC,EAAE,CAAC;EACnB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACHO,KAAK,EAAER,QAAQ;IACfY,OAAO,EAAE,SAAAA,QAACC,QAAqC;MAAA,OAAKR,MAAM,CAACO,OAAO,CAACC,QAAQ,CAAC;IAAA;IAC5EC,eAAe,EAAE,eAAAA,gBACbD,QAAiF,EACjFE,SAAkB;MAAA,OACjBV,MAAM,CAACS,eAAe,CAACD,QAAQ,EAAEE,SAAS,CAAC;IAAA;IAChDL,UAAU,EAAEA,UAAU;IACtBM,OAAO,EAAEX,MAAM,CAACW;EACpB,CAAC;AACL,CAAC;AAEM,IAAMC,UAAU,GAAAzC,OAAA,CAAAyC,UAAA,GAAGC,MAAM,CAACC,MAAM,CAAC5C,cAAc,EAAE;EACpD6C,UAAU,EAAVA,oBAAU;EACVvB,SAAS,EAATA,SAAS;EACTwB,SAAS,EAAEC;AACf,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useRef","useButtons","useDialogWithReport","Worker","Property","useIdGenerator","useFileManagerView","BaseBulkAction","name","after","undefined","before","remove","element","getId","placeAfter","placeBefore","createElement","id","array","value","useWorker","selected","setSelected","current","worker","items","length","resetItems","process","callback","processInSeries","chunkSize","results","BulkAction","Object","assign","useDialog"],"sources":["BulkAction.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport type { CallbackParams } from \"@webiny/app-admin\";\nimport { useButtons, useDialogWithReport, Worker } from \"@webiny/app-admin\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider/index.js\";\nimport type { FileItem } from \"~/types.js\";\n\nexport interface BulkActionConfig {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport interface BulkActionProps {\n    name: string;\n    remove?: boolean;\n    before?: string;\n    after?: string;\n    element?: React.ReactElement;\n}\n\nexport const BaseBulkAction = ({\n    name,\n    after = undefined,\n    before = undefined,\n    remove = false,\n    element\n}: BulkActionProps) => {\n    const getId = useIdGenerator(\"bulkAction\");\n\n    const placeAfter = after !== undefined ? getId(after) : undefined;\n    const placeBefore = before !== undefined ? getId(before) : undefined;\n\n    return (\n        <Property id=\"browser\" name={\"browser\"}>\n            <Property\n                id={getId(name)}\n                name={\"bulkActions\"}\n                remove={remove}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n            >\n                <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                {element ? (\n                    <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n                ) : null}\n            </Property>\n        </Property>\n    );\n};\n\nconst useWorker = () => {\n    const { selected, setSelected } = useFileManagerView();\n    const { current: worker } = useRef(new Worker<FileItem>());\n\n    useEffect(() => {\n        worker.items = selected;\n    }, [selected.length]);\n\n    // Reset selected items in both useFileManagerView and Worker\n    const resetItems = useCallback(() => {\n        worker.items = [];\n        setSelected([]);\n    }, []);\n\n    return {\n        items: selected,\n        process: (callback: (items: FileItem[]) => void) => worker.process(callback),\n        processInSeries: async (\n            callback: ({ item, allItems, report }: CallbackParams<FileItem>) => Promise<void>,\n            chunkSize?: number\n        ) => worker.processInSeries(callback, chunkSize),\n        resetItems: resetItems,\n        results: worker.results\n    };\n};\n\nexport const BulkAction = Object.assign(BaseBulkAction, {\n    useButtons,\n    useWorker,\n    useDialog: useDialogWithReport\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAE7D,SAASC,UAAU,EAAEC,mBAAmB,EAAEC,MAAM,QAAQ,mBAAmB;AAC3E,SAASC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AACnE,SAASC,kBAAkB;AAgB3B,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAC3BC,IAAI;EACJC,KAAK,GAAGC,SAAS;EACjBC,MAAM,GAAGD,SAAS;EAClBE,MAAM,GAAG,KAAK;EACdC;AACa,CAAC,KAAK;EACnB,MAAMC,KAAK,GAAGT,cAAc,CAAC,YAAY,CAAC;EAE1C,MAAMU,UAAU,GAAGN,KAAK,KAAKC,SAAS,GAAGI,KAAK,CAACL,KAAK,CAAC,GAAGC,SAAS;EACjE,MAAMM,WAAW,GAAGL,MAAM,KAAKD,SAAS,GAAGI,KAAK,CAACH,MAAM,CAAC,GAAGD,SAAS;EAEpE,oBACIb,KAAA,CAAAoB,aAAA,CAACb,QAAQ;IAACc,EAAE,EAAC,SAAS;IAACV,IAAI,EAAE;EAAU,gBACnCX,KAAA,CAAAoB,aAAA,CAACb,QAAQ;IACLc,EAAE,EAAEJ,KAAK,CAACN,IAAI,CAAE;IAChBA,IAAI,EAAE,aAAc;IACpBI,MAAM,EAAEA,MAAO;IACfO,KAAK,EAAE,IAAK;IACZR,MAAM,EAAEK,WAAY;IACpBP,KAAK,EAAEM;EAAW,gBAElBlB,KAAA,CAAAoB,aAAA,CAACb,QAAQ;IAACc,EAAE,EAAEJ,KAAK,CAACN,IAAI,EAAE,MAAM,CAAE;IAACA,IAAI,EAAE,MAAO;IAACY,KAAK,EAAEZ;EAAK,CAAE,CAAC,EAC/DK,OAAO,gBACJhB,KAAA,CAAAoB,aAAA,CAACb,QAAQ;IAACc,EAAE,EAAEJ,KAAK,CAACN,IAAI,EAAE,SAAS,CAAE;IAACA,IAAI,EAAE,SAAU;IAACY,KAAK,EAAEP;EAAQ,CAAE,CAAC,GACzE,IACE,CACJ,CAAC;AAEnB,CAAC;AAED,MAAMQ,SAAS,GAAGA,CAAA,KAAM;EACpB,MAAM;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAGjB,kBAAkB,CAAC,CAAC;EACtD,MAAM;IAAEkB,OAAO,EAAEC;EAAO,CAAC,GAAGzB,MAAM,CAAC,IAAIG,MAAM,CAAW,CAAC,CAAC;EAE1DJ,SAAS,CAAC,MAAM;IACZ0B,MAAM,CAACC,KAAK,GAAGJ,QAAQ;EAC3B,CAAC,EAAE,CAACA,QAAQ,CAACK,MAAM,CAAC,CAAC;;EAErB;EACA,MAAMC,UAAU,GAAG9B,WAAW,CAAC,MAAM;IACjC2B,MAAM,CAACC,KAAK,GAAG,EAAE;IACjBH,WAAW,CAAC,EAAE,CAAC;EACnB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACHG,KAAK,EAAEJ,QAAQ;IACfO,OAAO,EAAGC,QAAqC,IAAKL,MAAM,CAACI,OAAO,CAACC,QAAQ,CAAC;IAC5EC,eAAe,EAAE,MAAAA,CACbD,QAAiF,EACjFE,SAAkB,KACjBP,MAAM,CAACM,eAAe,CAACD,QAAQ,EAAEE,SAAS,CAAC;IAChDJ,UAAU,EAAEA,UAAU;IACtBK,OAAO,EAAER,MAAM,CAACQ;EACpB,CAAC;AACL,CAAC;AAED,OAAO,MAAMC,UAAU,GAAGC,MAAM,CAACC,MAAM,CAAC7B,cAAc,EAAE;EACpDN,UAAU;EACVoB,SAAS;EACTgB,SAAS,EAAEnC;AACf,CAAC,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/BulkEditField.js

@@ -1,28 +1,22 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BulkEditField = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactProperties = require("@webiny/react-properties");
-var BulkEditField = exports.BulkEditField = function BulkEditField(_ref) {
-  var name = _ref.name,
-    element = _ref.element;
-  var getId = (0, _reactProperties.useIdGenerator)("bulkEditField");
-  return /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+import React from "react";
+import { Property, useIdGenerator } from "@webiny/react-properties";
+export const BulkEditField = ({
+  name,
+  element
+}) => {
+  const getId = useIdGenerator("bulkEditField");
+  return /*#__PURE__*/React.createElement(Property, {
     id: "browser",
     name: "browser"
-  }, /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+  }, /*#__PURE__*/React.createElement(Property, {
     id: getId(name),
     name: "bulkEditFields",
     array: true
-  }, /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+  }, /*#__PURE__*/React.createElement(Property, {
     id: getId(name, "name"),
     name: "name",
     value: name
-  }), /*#__PURE__*/_react.default.createElement(_reactProperties.Property, {
+  }), /*#__PURE__*/React.createElement(Property, {
     id: getId(name, "element"),
     name: "element",
     value: element

package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/BulkEditField.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactProperties","BulkEditField","exports","_ref","name","element","getId","useIdGenerator","default","createElement","Property","id","array","value"],"sources":["BulkEditField.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface BulkEditFieldConfig {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport interface BulkEditFieldProps {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport const BulkEditField = ({ name, element }: BulkEditFieldProps) => {\n    const getId = useIdGenerator(\"bulkEditField\");\n\n    return (\n        <Property id=\"browser\" name={\"browser\"}>\n            <Property id={getId(name)} name={\"bulkEditFields\"} array={true}>\n                <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n            </Property>\n        </Property>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAYO,IAAME,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAAE,IAAA,EAA8C;EAAA,IAAxCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EACzC,IAAMC,KAAK,GAAG,IAAAC,+BAAc,EAAC,eAAe,CAAC;EAE7C,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,gBAAA,CAAAU,QAAQ;IAACC,EAAE,EAAC,SAAS;IAACP,IAAI,EAAE;EAAU,gBACnCP,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,gBAAA,CAAAU,QAAQ;IAACC,EAAE,EAAEL,KAAK,CAACF,IAAI,CAAE;IAACA,IAAI,EAAE,gBAAiB;IAACQ,KAAK,EAAE;EAAK,gBAC3Df,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,gBAAA,CAAAU,QAAQ;IAACC,EAAE,EAAEL,KAAK,CAACF,IAAI,EAAE,MAAM,CAAE;IAACA,IAAI,EAAE,MAAO;IAACS,KAAK,EAAET;EAAK,CAAE,CAAC,eAChEP,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,gBAAA,CAAAU,QAAQ;IAACC,EAAE,EAAEL,KAAK,CAACF,IAAI,EAAE,SAAS,CAAE;IAACA,IAAI,EAAE,SAAU;IAACS,KAAK,EAAER;EAAQ,CAAE,CAClE,CACJ,CAAC;AAEnB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Property","useIdGenerator","BulkEditField","name","element","getId","createElement","id","array","value"],"sources":["BulkEditField.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface BulkEditFieldConfig {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport interface BulkEditFieldProps {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport const BulkEditField = ({ name, element }: BulkEditFieldProps) => {\n    const getId = useIdGenerator(\"bulkEditField\");\n\n    return (\n        <Property id=\"browser\" name={\"browser\"}>\n            <Property id={getId(name)} name={\"bulkEditFields\"} array={true}>\n                <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n            </Property>\n        </Property>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AAYnE,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAA4B,CAAC,KAAK;EACpE,MAAMC,KAAK,GAAGJ,cAAc,CAAC,eAAe,CAAC;EAE7C,oBACIF,KAAA,CAAAO,aAAA,CAACN,QAAQ;IAACO,EAAE,EAAC,SAAS;IAACJ,IAAI,EAAE;EAAU,gBACnCJ,KAAA,CAAAO,aAAA,CAACN,QAAQ;IAACO,EAAE,EAAEF,KAAK,CAACF,IAAI,CAAE;IAACA,IAAI,EAAE,gBAAiB;IAACK,KAAK,EAAE;EAAK,gBAC3DT,KAAA,CAAAO,aAAA,CAACN,QAAQ;IAACO,EAAE,EAAEF,KAAK,CAACF,IAAI,EAAE,MAAM,CAAE;IAACA,IAAI,EAAE,MAAO;IAACM,KAAK,EAAEN;EAAK,CAAE,CAAC,eAChEJ,KAAA,CAAAO,aAAA,CAACN,QAAQ;IAACO,EAAE,EAAEF,KAAK,CAACF,IAAI,EAAE,SAAS,CAAE;IAACA,IAAI,EAAE,SAAU;IAACM,KAAK,EAAEL;EAAQ,CAAE,CAClE,CACJ,CAAC;AAEnB,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/FileAction.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import { AcoConfig, RecordActionConfig } from "@webiny/app-aco";
-export { RecordActionConfig as FileActionConfig };
-declare type FileActionProps = React.ComponentProps<typeof AcoConfig.Record.Action>;
+import { AcoConfig, type RecordActionConfig } from "@webiny/app-aco";
+export type { RecordActionConfig as FileActionConfig };
+type FileActionProps = React.ComponentProps<typeof AcoConfig.Record.Action>;
 export declare const FileAction: ((props: FileActionProps) => React.JSX.Element) & {
-    OptionsMenuItem: (props: import("@webiny/app-admin").OptionsMenuItemProps) => React.JSX.Element;
-    OptionsMenuLink: (props: import("@webiny/app-admin").OptionsMenuLinkProps) => React.JSX.Element;
+    OptionsMenuItem: (props: import("@webiny/app-admin/components").OptionsMenuItemProps) => React.JSX.Element;
+    OptionsMenuLink: (props: import("@webiny/app-admin/components").OptionsMenuLinkProps) => React.JSX.Element;
 };

package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/FileAction.js

@@ -1,26 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FileAction = void 0;
-Object.defineProperty(exports, "FileActionConfig", {
-  enumerable: true,
-  get: function get() {
-    return _appAco.RecordActionConfig;
-  }
-});
-var _react = _interopRequireDefault(require("react"));
-var _reactComposition = require("@webiny/react-composition");
-var _appAco = require("@webiny/app-aco");
-var Record = _appAco.AcoConfig.Record;
-var BaseFileAction = function BaseFileAction(props) {
-  return /*#__PURE__*/_react.default.createElement(_reactComposition.CompositionScope, {
-    name: "fm"
-  }, /*#__PURE__*/_react.default.createElement(_appAco.AcoConfig, null, /*#__PURE__*/_react.default.createElement(Record.Action, props)));
+import React from "react";
+import { AcoConfig } from "@webiny/app-aco";
+const {
+  Record
+} = AcoConfig;
+const BaseFileAction = props => {
+  return /*#__PURE__*/React.createElement(Record.Action, props);
 };
-var FileAction = exports.FileAction = Object.assign(BaseFileAction, {
+export const FileAction = Object.assign(BaseFileAction, {
   OptionsMenuItem: Record.Action.OptionsMenuItem,
   OptionsMenuLink: Record.Action.OptionsMenuLink
 });

package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/FileAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactComposition","_appAco","Record","AcoConfig","BaseFileAction","props","default","createElement","CompositionScope","name","Action","FileAction","exports","Object","assign","OptionsMenuItem","OptionsMenuLink"],"sources":["FileAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { CompositionScope } from \"@webiny/react-composition\";\nimport { AcoConfig, RecordActionConfig } from \"@webiny/app-aco\";\n\nconst { Record } = AcoConfig;\n\nexport { RecordActionConfig as FileActionConfig };\n\ntype FileActionProps = React.ComponentProps<typeof AcoConfig.Record.Action>;\n\nconst BaseFileAction = (props: FileActionProps) => {\n    return (\n        <CompositionScope name={\"fm\"}>\n            <AcoConfig>\n                <Record.Action {...props} />\n            </AcoConfig>\n        </CompositionScope>\n    );\n};\n\nexport const FileAction = Object.assign(BaseFileAction, {\n    OptionsMenuItem: Record.Action.OptionsMenuItem,\n    OptionsMenuLink: Record.Action.OptionsMenuLink\n});\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAQG,MAAM,GAAKC,iBAAS,CAApBD,MAAM;AAMd,IAAME,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAAsB,EAAK;EAC/C,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,iBAAA,CAAAQ,gBAAgB;IAACC,IAAI,EAAE;EAAK,gBACzBZ,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,OAAA,CAAAE,SAAS,qBACNN,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACL,MAAM,CAACQ,MAAM,EAAKL,KAAQ,CACpB,CACG,CAAC;AAE3B,CAAC;AAEM,IAAMM,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAGE,MAAM,CAACC,MAAM,CAACV,cAAc,EAAE;EACpDW,eAAe,EAAEb,MAAM,CAACQ,MAAM,CAACK,eAAe;EAC9CC,eAAe,EAAEd,MAAM,CAACQ,MAAM,CAACM;AACnC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","AcoConfig","Record","BaseFileAction","props","createElement","Action","FileAction","Object","assign","OptionsMenuItem","OptionsMenuLink"],"sources":["FileAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { AcoConfig, type RecordActionConfig } from \"@webiny/app-aco\";\n\nconst { Record } = AcoConfig;\n\nexport type { RecordActionConfig as FileActionConfig };\n\ntype FileActionProps = React.ComponentProps<typeof AcoConfig.Record.Action>;\n\nconst BaseFileAction = (props: FileActionProps) => {\n    return <Record.Action {...props} />;\n};\n\nexport const FileAction = Object.assign(BaseFileAction, {\n    OptionsMenuItem: Record.Action.OptionsMenuItem,\n    OptionsMenuLink: Record.Action.OptionsMenuLink\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAiC,iBAAiB;AAEpE,MAAM;EAAEC;AAAO,CAAC,GAAGD,SAAS;AAM5B,MAAME,cAAc,GAAIC,KAAsB,IAAK;EAC/C,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,MAAM,CAACI,MAAM,EAAKF,KAAQ,CAAC;AACvC,CAAC;AAED,OAAO,MAAMG,UAAU,GAAGC,MAAM,CAACC,MAAM,CAACN,cAAc,EAAE;EACpDO,eAAe,EAAER,MAAM,CAACI,MAAM,CAACI,eAAe;EAC9CC,eAAe,EAAET,MAAM,CAACI,MAAM,CAACK;AACnC,CAAC,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/Filter.d.ts

@@ -10,14 +10,30 @@ export interface FilterProps {
     before?: string;
     after?: string;
 }
-export declare const Filter: import("@webiny/app-admin").GenericComponent<FilterProps> & {
-    original: import("@webiny/app-admin").GenericComponent<FilterProps>;
+export declare const Filter: (({ name, element, after, before, remove }: FilterProps) => React.JSX.Element) & {
+    original: ({ name, element, after, before, remove }: FilterProps) => React.JSX.Element;
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app-admin").Decorator<(props: FilterProps) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
+    original: (({ name, element, after, before, remove }: FilterProps) => React.JSX.Element) & {
+        original: ({ name, element, after, before, remove }: FilterProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ name, element, after, before, remove }: FilterProps) => React.JSX.Element) & {
+        original: ({ name, element, after, before, remove }: FilterProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
 } & {
-    createDecorator: (decorator: import("@webiny/app-admin").Decorator<(props: FilterProps, context?: any) => React.ReactElement<any, any> | null>) => (props: {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ name, element, after, before, remove }: FilterProps) => React.JSX.Element) & {
+        original: ({ name, element, after, before, remove }: FilterProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: {
         name: string;
     }) => React.JSX.Element;
 };