@webiny/app-file-manager 5.43.2 → 6.0.0-alpha.0

package/modules/FileManagerRenderer/FileManagerView/FileManagerView.js

@@ -1,73 +1,40 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactButterfiles = _interopRequireDefault(require("react-butterfiles"));
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
-var _omit = _interopRequireDefault(require("lodash/omit"));
-var _reactHotkeyz = require("react-hotkeyz");
-var _mobxReactLite = require("mobx-react-lite");
-var _cloud_upload = require("@material-design-icons/svg/filled/cloud_upload.svg");
-var _add = require("@material-design-icons/svg/filled/add.svg");
-var _i18n = require("@webiny/app/i18n");
-var _appAco = require("@webiny/app-aco");
-var _appAdmin = require("@webiny/app-admin");
-var _SplitView = require("@webiny/app-admin/components/SplitView");
-var _appI18n = require("@webiny/app-i18n");
-var _appTenancy = require("@webiny/app-tenancy");
-var _Button = require("@webiny/ui/Button");
-var _Scrollbar = require("@webiny/ui/Scrollbar");
-var _FileManagerViewProvider = require("../FileManagerViewProvider");
-var _outputFileSelectionError = require("./outputFileSelectionError");
-var _LeftSidebar = require("./LeftSidebar");
-var _ = require("../../..");
-var _BottomInfoBar = require("../../../components/BottomInfoBar");
-var _BulkActions = require("../../../components/BulkActions");
-var _DropFilesHere = require("../../../components/DropFilesHere");
-var _Empty = require("../../../components/Empty");
-var _FileDetails = require("../../../components/FileDetails");
-var _Grid = require("../../../components/Grid");
-var _LayoutSwitch = require("../../../components/LayoutSwitch");
-var _Table = require("../../../components/Table");
-var _Title = require("../../../components/Title");
-var _UploadStatus = require("../../../components/UploadStatus");
-var _BatchFileUploader = require("../../../BatchFileUploader");
-var _SearchWidget = require("./components/SearchWidget");
-var _Filters = require("./components/Filters");
-var _TagsList = require("./components/TagsList");
-var _excluded = ["id"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-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)."; } // @ts-expect-error
-var t = _i18n.i18n.ns("app-admin/file-manager/file-manager-view");
-var FileListWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e46i7190"
-} : {
-  target: "e46i7190",
-  label: "FileListWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1wp8fn",
-  styles: "z-index:60;height:calc(100vh - 94px);position:relative;.mdc-data-table{display:inline-table;}"
-} : {
-  name: "1wp8fn",
-  styles: "z-index:60;height:calc(100vh - 94px);position:relative;.mdc-data-table{display:inline-table;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVNYW5hZ2VyVmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEN3QiIsImZpbGUiOiJGaWxlTWFuYWdlclZpZXcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgRmlsZXMsIHsgRmlsZXNSZW5kZXJDaGlsZHJlbiB9IGZyb20gXCJyZWFjdC1idXR0ZXJmaWxlc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgZGVib3VuY2UgZnJvbSBcImxvZGFzaC9kZWJvdW5jZVwiO1xuaW1wb3J0IG9taXQgZnJvbSBcImxvZGFzaC9vbWl0XCI7XG5pbXBvcnQgeyBwb3NpdGlvblZhbHVlcyB9IGZyb20gXCJyZWFjdC1jdXN0b20tc2Nyb2xsYmFyc1wiO1xuLy8gQHRzLWV4cGVjdC1lcnJvclxuaW1wb3J0IHsgdXNlSG90a2V5cyB9IGZyb20gXCJyZWFjdC1ob3RrZXl6XCI7XG5pbXBvcnQgeyBvYnNlcnZlciB9IGZyb20gXCJtb2J4LXJlYWN0LWxpdGVcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIFVwbG9hZEljb24gfSBmcm9tIFwiQG1hdGVyaWFsLWRlc2lnbi1pY29ucy9zdmcvZmlsbGVkL2Nsb3VkX3VwbG9hZC5zdmdcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIEFkZEljb24gfSBmcm9tIFwiQG1hdGVyaWFsLWRlc2lnbi1pY29ucy9zdmcvZmlsbGVkL2FkZC5zdmdcIjtcbmltcG9ydCB7IGkxOG4gfSBmcm9tIFwiQHdlYmlueS9hcHAvaTE4blwiO1xuaW1wb3J0IHsgdXNlQ3JlYXRlRGlhbG9nIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFjb1wiO1xuaW1wb3J0IHsgT3ZlcmxheUxheW91dCwgdXNlU25hY2tiYXIgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcbmltcG9ydCB7IExlZnRQYW5lbCwgUmlnaHRQYW5lbCwgU3BsaXRWaWV3IH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluL2NvbXBvbmVudHMvU3BsaXRWaWV3XCI7XG5pbXBvcnQgeyB1c2VJMThOIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWkxOG5cIjtcbmltcG9ydCB7IHVzZVRlbmFuY3kgfSBmcm9tIFwiQHdlYmlueS9hcHAtdGVuYW5jeVwiO1xuaW1wb3J0IHsgQnV0dG9uSWNvbiwgQnV0dG9uUHJpbWFyeSwgQnV0dG9uUHJvcHMsIEJ1dHRvblNlY29uZGFyeSB9IGZyb20gXCJAd2ViaW55L3VpL0J1dHRvblwiO1xuaW1wb3J0IHsgU29ydGluZyB9IGZyb20gXCJAd2ViaW55L3VpL0RhdGFUYWJsZVwiO1xuaW1wb3J0IHsgU2Nyb2xsYmFyIH0gZnJvbSBcIkB3ZWJpbnkvdWkvU2Nyb2xsYmFyXCI7XG5pbXBvcnQgeyB1c2VGaWxlTWFuYWdlclZpZXcgfSBmcm9tIFwifi9tb2R1bGVzL0ZpbGVNYW5hZ2VyUmVuZGVyZXIvRmlsZU1hbmFnZXJWaWV3UHJvdmlkZXJcIjtcbmltcG9ydCB7IG91dHB1dEZpbGVTZWxlY3Rpb25FcnJvciB9IGZyb20gXCIuL291dHB1dEZpbGVTZWxlY3Rpb25FcnJvclwiO1xuaW1wb3J0IHsgTGVmdFNpZGViYXIgfSBmcm9tIFwiLi9MZWZ0U2lkZWJhclwiO1xuaW1wb3J0IHsgdXNlRmlsZU1hbmFnZXJBcGksIHVzZUZpbGVNYW5hZ2VyVmlld0NvbmZpZyB9IGZyb20gXCJ+L2luZGV4XCI7XG5pbXBvcnQgeyBGaWxlSXRlbSB9IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pbi90eXBlc1wiO1xuaW1wb3J0IHsgQm90dG9tSW5mb0JhciB9IGZyb20gXCJ+L2NvbXBvbmVudHMvQm90dG9tSW5mb0JhclwiO1xuaW1wb3J0IHsgQnVsa0FjdGlvbnMgfSBmcm9tIFwifi9jb21wb25lbnRzL0J1bGtBY3Rpb25zXCI7XG5pbXBvcnQgeyBEcm9wRmlsZXNIZXJlIH0gZnJvbSBcIn4vY29tcG9uZW50cy9Ecm9wRmlsZXNIZXJlXCI7XG5pbXBvcnQgeyBFbXB0eSB9IGZyb20gXCJ+L2NvbXBvbmVudHMvRW1wdHlcIjtcbmltcG9ydCB7IEZpbGVEZXRhaWxzIH0gZnJvbSBcIn4vY29tcG9uZW50cy9GaWxlRGV0YWlsc1wiO1xuaW1wb3J0IHsgR3JpZCB9IGZyb20gXCJ+L2NvbXBvbmVudHMvR3JpZFwiO1xuaW1wb3J0IHsgTGF5b3V0U3dpdGNoIH0gZnJvbSBcIn4vY29tcG9uZW50cy9MYXlvdXRTd2l0Y2hcIjtcbmltcG9ydCB7IFRhYmxlLCBUYWJsZVByb3BzIH0gZnJvbSBcIn4vY29tcG9uZW50cy9UYWJsZVwiO1xuaW1wb3J0IHsgVGl0bGUgfSBmcm9tIFwifi9jb21wb25lbnRzL1RpdGxlXCI7XG5pbXBvcnQgeyBVcGxvYWRTdGF0dXMgfSBmcm9tIFwifi9jb21wb25lbnRzL1VwbG9hZFN0YXR1c1wiO1xuaW1wb3J0IHsgQmF0Y2hGaWxlVXBsb2FkZXIgfSBmcm9tIFwifi9CYXRjaEZpbGVVcGxvYWRlclwiO1xuaW1wb3J0IHsgU2VhcmNoV2lkZ2V0IH0gZnJvbSBcIi4vY29tcG9uZW50cy9TZWFyY2hXaWRnZXRcIjtcbmltcG9ydCB7IEZpbHRlcnMgfSBmcm9tIFwiLi9jb21wb25lbnRzL0ZpbHRlcnNcIjtcbmltcG9ydCB7IFRhZ3NMaXN0IH0gZnJvbSBcIn4vbW9kdWxlcy9GaWxlTWFuYWdlclJlbmRlcmVyL0ZpbGVNYW5hZ2VyVmlldy9jb21wb25lbnRzL1RhZ3NMaXN0XCI7XG5pbXBvcnQgeyBMaXN0RmlsZXNTb3J0LCBMaXN0RmlsZXNTb3J0SXRlbSB9IGZyb20gXCJ+L21vZHVsZXMvRmlsZU1hbmFnZXJBcGlQcm92aWRlci9ncmFwaHFsXCI7XG5pbXBvcnQgeyBUYWJsZUl0ZW0gfSBmcm9tIFwifi90eXBlc1wiO1xuXG5jb25zdCB0ID0gaTE4bi5ucyhcImFwcC1hZG1pbi9maWxlLW1hbmFnZXIvZmlsZS1tYW5hZ2VyLXZpZXdcIik7XG5cbmNvbnN0IEZpbGVMaXN0V3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgekluZGV4OiA2MCxcbiAgICBoZWlnaHQ6IFwiY2FsYygxMDB2aCAtIDk0cHgpXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBcIi5tZGMtZGF0YS10YWJsZVwiOiB7XG4gICAgICAgIGRpc3BsYXk6IFwiaW5saW5lLXRhYmxlXCJcbiAgICB9XG59KTtcblxudHlwZSBCcm93c2VGaWxlc0hhbmRsZXIgPSB7XG4gICAgYnJvd3NlRmlsZXM6IEZpbGVzUmVuZGVyQ2hpbGRyZW5bXCJicm93c2VGaWxlc1wiXTtcbn07XG5cbnR5cGUgR2V0RmlsZVVwbG9hZEVycm9yTWVzc2FnZVByb3BzID1cbiAgICB8IHN0cmluZ1xuICAgIHwge1xuICAgICAgICAgIG1lc3NhZ2U6IHN0cmluZztcbiAgICAgIH07XG5cbmNvbnN0IGNyZWF0ZVNvcnQgPSAoc29ydGluZz86IFNvcnRpbmcpOiBMaXN0RmlsZXNTb3J0IHwgdW5kZWZpbmVkID0+IHtcbiAgICBpZiAoIXNvcnRpbmc/Lmxlbmd0aCkge1xuICAgICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIH1cbiAgICByZXR1cm4gc29ydGluZy5yZWR1Y2U8TGlzdEZpbGVzU29ydD4oKGl0ZW1zLCBpdGVtKSA9PiB7XG4gICAgICAgIGNvbnN0IHNvcnQgPSBgJHtpdGVtLmlkfV8ke2l0ZW0uZGVzYyA/IFwiREVTQ1wiIDogXCJBU0NcIn1gIGFzIExpc3RGaWxlc1NvcnRJdGVtO1xuICAgICAgICBpZiAoaXRlbXMuaW5jbHVkZXMoc29ydCkpIHtcbiAgICAgICAgICAgIHJldHVybiBpdGVtcztcbiAgICAgICAgfVxuICAgICAgICBpdGVtcy5wdXNoKHNvcnQpO1xuICAgICAgICByZXR1cm4gaXRlbXM7XG4gICAgfSwgW10pO1xufTtcblxuLyoqXG4gKiBHZW5lcmF0ZXMgYSBgbGF5b3V0SWRgIHRvIGJlIHVzZWQgd2l0aCB0aGUgYDxTcGxpdFZpZXcgLz5gIGNvbXBvbmVudC5cbiAqIFRoZSBgbGF5b3V0SWRgIGlzIGVzc2VudGlhbCBmb3Igc2F2aW5nIHVzZXIgcHJlZmVyZW5jZXMgaW50byBsb2NhbFN0b3JhZ2UuXG4gKiBUaGUgZ2VuZXJhdGlvbiBvZiB0aGUgYGxheW91dElkYCB0YWtlcyBpbnRvIGFjY291bnQgdGhlIGN1cnJlbnQgYHRlbmFudElkYCwgYGxvY2FsZUNvZGVgLCBhbmQgdGhlIHByb3ZpZGVkIGBhcHBsaWNhdGlvbklkYC5cbiAqXG4gKiAgVE9ETzogZXhwb3J0IHRoZSB1c2VMYXlvdXRJZCBmcm9tIGEgZ2VuZXJpYyB1c2UgcGFja2FnZSwgc3VjaCBhcyBhcHAtYWRtaW4uIEF0IHRoZSBtb21lbnQgaXMgbm90IHBvc3NpYmxlIGJlY2F1c2Ugb2YgY2lyY3VsYXIgZGVwZW5kZW5jeSBpc3N1ZXMuXG4gKi9cbmNvbnN0IHVzZUxheW91dElkID0gKGFwcGxpY2F0aW9uSWQ6IHN0cmluZykgPT4ge1xuICAgIGNvbnN0IHsgdGVuYW50IH0gPSB1c2VUZW5hbmN5KCk7XG4gICAgY29uc3QgeyBnZXRDdXJyZW50TG9jYWxlIH0gPSB1c2VJMThOKCk7XG4gICAgY29uc3QgbG9jYWxlQ29kZSA9IGdldEN1cnJlbnRMb2NhbGUoXCJjb250ZW50XCIpO1xuXG4gICAgaWYgKCF0ZW5hbnQgfHwgIWxvY2FsZUNvZGUpIHtcbiAgICAgICAgY29uc29sZS53YXJuKFwiTWlzc2luZyB0ZW5hbnQgb3IgbG9jYWxlQ29kZSB3aGlsZSBjcmVhdGluZyBsYXlvdXRJZFwiKTtcbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgcmV0dXJuIGBUIyR7dGVuYW50fSNMIyR7bG9jYWxlQ29kZX0jQSMke2FwcGxpY2F0aW9uSWR9YDtcbn07XG5cbmNvbnN0IEZpbGVNYW5hZ2VyVmlldyA9ICgpID0+IHtcbiAgICBjb25zdCB2aWV3ID0gdXNlRmlsZU1hbmFnZXJWaWV3KCk7XG4gICAgY29uc3QgZmlsZU1hbmFnZXIgPSB1c2VGaWxlTWFuYWdlckFwaSgpO1xuICAgIGNvbnN0IHsgYnJvd3NlciB9ID0gdXNlRmlsZU1hbmFnZXJWaWV3Q29uZmlnKCk7XG4gICAgY29uc3QgeyBzaG93U25hY2tiYXIgfSA9IHVzZVNuYWNrYmFyKCk7XG4gICAgY29uc3QgeyBzaG93RGlhbG9nOiBzaG93Q3JlYXRlRm9sZGVyRGlhbG9nIH0gPSB1c2VDcmVhdGVEaWFsb2coKTtcbiAgICBjb25zdCBbZHJhd2VyTG9hZGluZywgc2V0RHJhd2VyTG9hZGluZ10gPSB1c2VTdGF0ZTxzdHJpbmcgfCBudWxsPihudWxsKTtcblxuICAgIGNvbnN0IHVwbG9hZGVyID0gdXNlTWVtbzxCYXRjaEZpbGVVcGxvYWRlcj4oXG4gICAgICAgICgpID0+IG5ldyBCYXRjaEZpbGVVcGxvYWRlcih2aWV3LnVwbG9hZEZpbGUpLFxuICAgICAgICBbdmlldy5mb2xkZXJJZF1cbiAgICApO1xuXG4gICAgY29uc3QgW3RhYmxlU29ydGluZywgc2V0VGFibGVTb3J0aW5nXSA9IHVzZVN0YXRlPFNvcnRpbmc+KFtdKTtcbiAgICBjb25zdCBbY3VycmVudEZpbGUsIHNldEN1cnJlbnRGaWxlXSA9IHVzZVN0YXRlPEZpbGVJdGVtPigpO1xuICAgIGNvbnN0IGxheW91dElkID0gdXNlTGF5b3V0SWQoXCJmbTpmaWxlXCIpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgY29uc3QgZmV0Y2hGaWxlRGV0YWlscyA9IGFzeW5jICgpID0+IHtcbiAgICAgICAgICAgIGlmICh2aWV3LnNob3dpbmdGaWxlRGV0YWlscykge1xuICAgICAgICAgICAgICAgIHNldERyYXdlckxvYWRpbmcoXCJMb2FkaW5nIGZpbGUgZGV0YWlscy4uLlwiKTtcbiAgICAgICAgICAgICAgICBjb25zdCBmaWxlID0gYXdhaXQgdmlldy5nZXRGaWxlKHZpZXcuc2hvd2luZ0ZpbGVEZXRhaWxzKTtcbiAgICAgICAgICAgICAgICBzZXRDdXJyZW50RmlsZShmaWxlKTtcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgc2V0Q3VycmVudEZpbGUodW5kZWZpbmVkKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHNldERyYXdlckxvYWRpbmcobnVsbCk7XG4gICAgICAgIH07XG5cbiAgICAgICAgLy8gY2FsbCB0aGUgZnVuY3Rpb25cbiAgICAgICAgZmV0Y2hGaWxlRGV0YWlscygpO1xuICAgIH0sIFt2aWV3LnNob3dpbmdGaWxlRGV0YWlsc10pO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKCF0YWJsZVNvcnRpbmc/Lmxlbmd0aCkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IHNvcnQgPSBjcmVhdGVTb3J0KHRhYmxlU29ydGluZyk7XG4gICAgICAgIGlmICghc29ydCkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIHZpZXcuc2V0TGlzdFNvcnQoc29ydCk7XG4gICAgfSwgW3RhYmxlU29ydGluZ10pO1xuXG4gICAgY29uc3QgZ2V0RmlsZVVwbG9hZEVycm9yTWVzc2FnZSA9IHVzZUNhbGxiYWNrKChlOiBHZXRGaWxlVXBsb2FkRXJyb3JNZXNzYWdlUHJvcHMpID0+IHtcbiAgICAgICAgaWYgKHR5cGVvZiBlID09PSBcInN0cmluZ1wiKSB7XG4gICAgICAgICAgICBjb25zdCBtYXRjaCA9IGUubWF0Y2goL01lc3NhZ2U+KC4qPyk8XFwvTWVzc2FnZS8pO1xuICAgICAgICAgICAgaWYgKG1hdGNoKSB7XG4gICAgICAgICAgICAgICAgY29uc3QgWywgbWVzc2FnZV0gPSBtYXRjaDtcbiAgICAgICAgICAgICAgICByZXR1cm4gbWVzc2FnZTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgcmV0dXJuIGU7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGUubWVzc2FnZTtcbiAgICB9LCBbXSk7XG5cbiAgICB1c2VIb3RrZXlzKHtcbiAgICAgICAgekluZGV4OiA1MCxcbiAgICAgICAga2V5czoge1xuICAgICAgICAgICAgZXNjOiB2aWV3Lm9uQ2xvc2VcbiAgICAgICAgfVxuICAgIH0pO1xuXG4gICAgY29uc3QgdXBsb2FkRmlsZXMgPSBhc3luYyAoZmlsZXM6IEZpbGVbXSkgPT4ge1xuICAgICAgICB1cGxvYWRlci5hZGRGaWxlcyhmaWxlcyk7XG5cbiAgICAgICAgdXBsb2FkZXIub25VcGxvYWRGaW5pc2hlZCgoeyB1cGxvYWRlZCwgZXJyb3JzIH0pID0+IHtcbiAgICAgICAgICAgIHVwbG9hZGVyLnJlc2V0KCk7XG5cbiAgICAgICAgICAgIGlmIChlcnJvcnMubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgICAgIHNob3dTbmFja2JhcihcbiAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt0YE9uZSBvciBtb3JlIGZpbGVzIHdlcmUgbm90IHVwbG9hZGVkIHN1Y2Nlc3NmdWxseTpgfVxuICAgICAgICAgICAgICAgICAgICAgICAgPG9sPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtlcnJvcnMubWFwKCh7IGZpbGUsIGUgfSkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGkga2V5PXtmaWxlLm5hbWV9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHN0cm9uZz57ZmlsZS5uYW1lfTwvc3Ryb25nPjoge2dldEZpbGVVcGxvYWRFcnJvck1lc3NhZ2UoZSl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L29sPlxuICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgc2hvd1NuYWNrYmFyKHRgRmlsZSB1cGxvYWQgY29tcGxldGUuYCwgeyB0aW1lb3V0OiAzMDAwIH0pO1xuXG4gICAgICAgICAgICB2aWV3Lm9uVXBsb2FkQ29tcGxldGlvbih1cGxvYWRlZCk7XG4gICAgICAgIH0pO1xuICAgIH07XG5cbiAgICBjb25zdCByZW5kZXJVcGxvYWRGaWxlQWN0aW9uID0gdXNlQ2FsbGJhY2soXG4gICAgICAgICh7IGJyb3dzZUZpbGVzIH06IEJyb3dzZUZpbGVzSGFuZGxlcikgPT4ge1xuICAgICAgICAgICAgaWYgKCFmaWxlTWFuYWdlci5jYW5DcmVhdGUpIHtcbiAgICAgICAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPEJ1dHRvblByaW1hcnlcbiAgICAgICAgICAgICAgICAgICAgZmxhdD17dHJ1ZX1cbiAgICAgICAgICAgICAgICAgICAgc21hbGw9e3RydWV9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2Jyb3dzZUZpbGVzIGFzIEJ1dHRvblByb3BzW1wib25DbGlja1wiXX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b25JY29uIGljb249ezxVcGxvYWRJY29uIC8+fSAvPlxuICAgICAgICAgICAgICAgICAgICB7dGBVcGxvYWQuLi5gfVxuICAgICAgICAgICAgICAgIDwvQnV0dG9uUHJpbWFyeT5cbiAgICAgICAgICAgICk7XG4gICAgICAgIH0sXG4gICAgICAgIFtmaWxlTWFuYWdlci5jYW5DcmVhdGVdXG4gICAgKTtcblxuICAgIGNvbnN0IGZpbGVzQmVpbmdVcGxvYWRlZCA9IHVwbG9hZGVyLmdldEpvYnMoKS5sZW5ndGg7XG4gICAgY29uc3QgcHJvZ3Jlc3MgPSB1cGxvYWRlci5wcm9ncmVzcztcblxuICAgIGNvbnN0IHJlbmRlckxpc3QgPSAoYnJvd3NlRmlsZXM6IEZpbGVzUmVuZGVyQ2hpbGRyZW5bXCJicm93c2VGaWxlc1wiXSkgPT4ge1xuICAgICAgICBpZiAoIXZpZXcuaXNMaXN0TG9hZGluZyAmJiB2aWV3LmlzU2VhcmNoICYmIHZpZXcuZmlsZXMubGVuZ3RoID09PSAwKSB7XG4gICAgICAgICAgICByZXR1cm4gPEVtcHR5IGlzU2VhcmNoUmVzdWx0PXt0cnVlfSBicm93c2VGaWxlcz17YnJvd3NlRmlsZXN9IC8+O1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKCF2aWV3LmlzTGlzdExvYWRpbmcgJiYgdmlldy5maWxlcy5sZW5ndGggPT09IDAgJiYgdmlldy5mb2xkZXJzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgICAgICAgcmV0dXJuIDxFbXB0eSBpc1NlYXJjaFJlc3VsdD17ZmFsc2V9IGJyb3dzZUZpbGVzPXticm93c2VGaWxlc30gLz47XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodmlldy5saXN0VGFibGUpIHtcbiAgICAgICAgICAgIGNvbnN0IGdldFNlbGVjdGFibGVSb3cgPSAocm93czogVGFibGVJdGVtW10pID0+XG4gICAgICAgICAgICAgICAgcm93c1xuICAgICAgICAgICAgICAgICAgICAuZmlsdGVyKHJvdyA9PiByb3cuJHR5cGUgPT09IFwiUkVDT1JEXCIpXG4gICAgICAgICAgICAgICAgICAgIC5tYXAocm93ID0+IG9taXQocm93LCBbXCIkdHlwZVwiLCBcIiRzZWxlY3RhYmxlXCJdKSBhcyBGaWxlSXRlbSk7XG5cbiAgICAgICAgICAgIGNvbnN0IG9uU2VsZWN0Um93OiBUYWJsZVByb3BzW1wib25TZWxlY3RSb3dcIl0gPSB2aWV3Lmhhc09uU2VsZWN0Q2FsbGJhY2tcbiAgICAgICAgICAgICAgICA/IHJvd3MgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGZpbGVzID0gZ2V0U2VsZWN0YWJsZVJvdyhyb3dzKTtcblxuICAgICAgICAgICAgICAgICAgICAgIGlmICh2aWV3Lm11bHRpcGxlKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgIHZpZXcuc2V0U2VsZWN0ZWQoZmlsZXMpO1xuICAgICAgICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgIHZpZXcub25DaGFuZ2UoZmlsZXNbMF0pO1xuICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICA6IHJvd3MgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGZpbGVzID0gZ2V0U2VsZWN0YWJsZVJvdyhyb3dzKTtcbiAgICAgICAgICAgICAgICAgICAgICB2aWV3LnNldFNlbGVjdGVkKGZpbGVzKTtcbiAgICAgICAgICAgICAgICAgIH07XG5cbiAgICAgICAgICAgIGNvbnN0IG9uVG9nZ2xlUm93OiBUYWJsZVByb3BzW1wib25Ub2dnbGVSb3dcIl0gPSB2aWV3Lmhhc09uU2VsZWN0Q2FsbGJhY2tcbiAgICAgICAgICAgICAgICA/IHJvdyA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgY29uc3QgZmlsZXMgPSBnZXRTZWxlY3RhYmxlUm93KFtyb3ddKTtcblxuICAgICAgICAgICAgICAgICAgICAgIGlmICh2aWV3Lm11bHRpcGxlKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgIHZpZXcudG9nZ2xlU2VsZWN0ZWQoZmlsZXNbMF0pO1xuICAgICAgICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgIHZpZXcub25DaGFuZ2UoZmlsZXNbMF0pO1xuICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICA6IHJvdyA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgY29uc3QgZmlsZXMgPSBnZXRTZWxlY3RhYmxlUm93KFtyb3ddKTtcbiAgICAgICAgICAgICAgICAgICAgICB2aWV3LnRvZ2dsZVNlbGVjdGVkKGZpbGVzWzBdKTtcbiAgICAgICAgICAgICAgICAgIH07XG5cbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPFRhYmxlXG4gICAgICAgICAgICAgICAgICAgIG9uU2VsZWN0Um93PXtvblNlbGVjdFJvd31cbiAgICAgICAgICAgICAgICAgICAgb25Ub2dnbGVSb3c9e29uVG9nZ2xlUm93fVxuICAgICAgICAgICAgICAgICAgICBzb3J0aW5nPXt0YWJsZVNvcnRpbmd9XG4gICAgICAgICAgICAgICAgICAgIG9uU29ydGluZ0NoYW5nZT17c2V0VGFibGVTb3J0aW5nfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxHcmlkXG4gICAgICAgICAgICAgICAgZm9sZGVycz17dmlldy5mb2xkZXJzfVxuICAgICAgICAgICAgICAgIHJlY29yZHM9e3ZpZXcuZmlsZXN9XG4gICAgICAgICAgICAgICAgbG9hZGluZz17dmlldy5pc0xpc3RMb2FkaW5nfVxuICAgICAgICAgICAgICAgIG9uRm9sZGVyQ2xpY2s9e3ZpZXcuc2V0Rm9sZGVySWR9XG4gICAgICAgICAgICAgICAgc2VsZWN0ZWQ9e3ZpZXcuc2VsZWN0ZWR9XG4gICAgICAgICAgICAgICAgbXVsdGlwbGU9e3ZpZXcubXVsdGlwbGV9XG4gICAgICAgICAgICAgICAgdG9nZ2xlU2VsZWN0ZWQ9e3ZpZXcudG9nZ2xlU2VsZWN0ZWR9XG4gICAgICAgICAgICAgICAgZGVzZWxlY3RBbGw9e3ZpZXcuZGVzZWxlY3RBbGx9XG4gICAgICAgICAgICAgICAgb25DaGFuZ2U9e3ZpZXcub25DaGFuZ2V9XG4gICAgICAgICAgICAgICAgb25DbG9zZT17dmlldy5vbkNsb3NlfVxuICAgICAgICAgICAgICAgIGhhc09uU2VsZWN0Q2FsbGJhY2s9e3ZpZXcuaGFzT25TZWxlY3RDYWxsYmFja31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICk7XG4gICAgfTtcblxuICAgIGNvbnN0IGxvYWRNb3JlT25TY3JvbGwgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgZGVib3VuY2UoYXN5bmMgKHsgc2Nyb2xsRnJhbWUgfTogeyBzY3JvbGxGcmFtZTogcG9zaXRpb25WYWx1ZXMgfSkgPT4ge1xuICAgICAgICAgICAgaWYgKHNjcm9sbEZyYW1lLnRvcCA+IDAuOCkge1xuICAgICAgICAgICAgICAgIHZpZXcubG9hZE1vcmVGaWxlcygpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9LCAyMDApLFxuICAgICAgICBbdmlldy5tZXRhLCB2aWV3LmxvYWRNb3JlRmlsZXNdXG4gICAgKTtcblxuICAgIGNvbnN0IG9uQ3JlYXRlRm9sZGVyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgICBzaG93Q3JlYXRlRm9sZGVyRGlhbG9nKHsgY3VycmVudFBhcmVudElkOiB2aWV3LmZvbGRlcklkIH0pO1xuICAgIH0sIFt2aWV3LmZvbGRlcklkXSk7XG5cbiAgICBjb25zdCB1cGRhdGVGaWxlID0gdXNlQ2FsbGJhY2soXG4gICAgICAgIGFzeW5jIChkYXRhOiBGaWxlSXRlbSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgeyBpZCwgLi4uZmlsZURhdGEgfSA9IGRhdGE7XG4gICAgICAgICAgICBzZXREcmF3ZXJMb2FkaW5nKFwiU2F2aW5nIGZpbGUgY2hhbmdlcy4uLlwiKTtcbiAgICAgICAgICAgIGF3YWl0IHZpZXcudXBkYXRlRmlsZShpZCwgZmlsZURhdGEpO1xuICAgICAgICAgICAgc2V0RHJhd2VyTG9hZGluZyhudWxsKTtcbiAgICAgICAgICAgIHNob3dTbmFja2JhcihcIkZpbGUgdXBkYXRlZCBzdWNjZXNzZnVsbHkhXCIpO1xuICAgICAgICAgICAgdmlldy5oaWRlRmlsZURldGFpbHMoKTtcbiAgICAgICAgfSxcbiAgICAgICAgW3ZpZXcudXBkYXRlRmlsZV1cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICAgIDxGaWxlc1xuICAgICAgICAgICAgICAgIG11bHRpcGxlXG4gICAgICAgICAgICAgICAgbWF4U2l6ZT17dmlldy5zZXR0aW5ncyA/IHZpZXcuc2V0dGluZ3MudXBsb2FkTWF4RmlsZVNpemUgKyBcImJcIiA6IFwiMVRCXCJ9XG4gICAgICAgICAgICAgICAgbXVsdGlwbGVNYXhTaXplPXtcIjFUQlwifVxuICAgICAgICAgICAgICAgIGFjY2VwdD17dmlldy5hY2NlcHR9XG4gICAgICAgICAgICAgICAgb25TdWNjZXNzPXtmaWxlcyA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGZpbGVzVG9VcGxvYWQgPSBmaWxlc1xuICAgICAgICAgICAgICAgICAgICAgICAgLm1hcChmaWxlID0+IGZpbGUuc3JjLmZpbGUpXG4gICAgICAgICAgICAgICAgICAgICAgICAuZmlsdGVyKEJvb2xlYW4pIGFzIEZpbGVbXTtcbiAgICAgICAgICAgICAgICAgICAgdXBsb2FkRmlsZXMoZmlsZXNUb1VwbG9hZCk7XG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICBvbkVycm9yPXtlcnJvcnMgPT4ge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCBtZXNzYWdlID0gb3V0cHV0RmlsZVNlbGVjdGlvbkVycm9yKGVycm9ycyk7XG4gICAgICAgICAgICAgICAgICAgIHNob3dTbmFja2JhcihtZXNzYWdlKTtcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHsoeyBnZXREcm9wWm9uZVByb3BzLCBicm93c2VGaWxlcyB9KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxPdmVybGF5TGF5b3V0XG4gICAgICAgICAgICAgICAgICAgICAgICBvbkV4aXRlZD17dmlldy5vbkNsb3NlfVxuICAgICAgICAgICAgICAgICAgICAgICAgYmFyTGVmdD17PFRpdGxlIHRpdGxlPXt2aWV3Lmxpc3RUaXRsZX0gLz59XG4gICAgICAgICAgICAgICAgICAgICAgICBiYXJNaWRkbGU9ezxTZWFyY2hXaWRnZXQgLz59XG4gICAgICAgICAgICAgICAgICAgICAgICBiYXJSaWdodD17XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3ZpZXcuaGFzT25TZWxlY3RDYWxsYmFjayAmJiB2aWV3LnNlbGVjdGVkLmxlbmd0aCA+IDAgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uUHJpbWFyeVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZsYXQ9e3RydWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc21hbGw9e3RydWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gdmlldy5vbkNoYW5nZSh2aWV3LnNlbGVjdGVkKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dGBTZWxlY3RgfSB7dmlldy5tdWx0aXBsZSAmJiBgKCR7dmlldy5zZWxlY3RlZC5sZW5ndGh9KWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvblByaW1hcnk+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZW5kZXJVcGxvYWRGaWxlQWN0aW9uKHsgYnJvd3NlRmlsZXMgfSBhcyBCcm93c2VGaWxlc0hhbmRsZXIpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25TZWNvbmRhcnlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtcImZpbGUtbWFuYWdlci5jcmVhdGUtZm9sZGVyLWJ1dHRvblwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17b25DcmVhdGVGb2xkZXJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzbWFsbD17dHJ1ZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlPXt7IG1hcmdpbjogXCIwIDhweFwiIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25JY29uIGljb249ezxBZGRJY29uIC8+fSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3RgTmV3IEZvbGRlcmB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uU2Vjb25kYXJ5PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8TGF5b3V0U3dpdGNoIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZpbGVEZXRhaWxzXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxvYWRpbmc9e2RyYXdlckxvYWRpbmd9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpbGU9e2N1cnJlbnRGaWxlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvcGVuPXtCb29sZWFuKHZpZXcuc2hvd2luZ0ZpbGVEZXRhaWxzKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbG9zZT17dmlldy5oaWRlRmlsZURldGFpbHN9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uU2F2ZT17dXBkYXRlRmlsZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxTcGxpdFZpZXcgbGF5b3V0SWQ9e2xheW91dElkfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPExlZnRQYW5lbCBzcGFuPXsyfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxMZWZ0U2lkZWJhclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGN1cnJlbnRGb2xkZXI9e3ZpZXcuZm9sZGVySWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25Gb2xkZXJDbGljaz17dmlldy5zZXRGb2xkZXJJZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7YnJvd3Nlci5maWx0ZXJCeVRhZ3MgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUYWdzTGlzdFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbG9hZGluZz17dmlldy50YWdzLmxvYWRpbmd9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhY3RpdmVUYWdzPXt2aWV3LnRhZ3MuYWN0aXZlVGFnc31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRhZ3M9e3ZpZXcudGFncy5hbGxUYWdzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25BY3RpdmF0ZWRUYWdzQ2hhbmdlPXt2aWV3LnRhZ3Muc2V0QWN0aXZlVGFnc31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvTGVmdFNpZGViYXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvTGVmdFBhbmVsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8UmlnaHRQYW5lbCBzcGFuPXsxMH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RmlsZUxpc3RXcmFwcGVyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLmdldERyb3Bab25lUHJvcHMoe1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkRyYWdPdmVyOiAoKSA9PiB2aWV3LnNldERyYWdnaW5nKHRydWUpLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkRyYWdMZWF2ZTogKCkgPT4gdmlldy5zZXREcmFnZ2luZyhmYWxzZSksXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uRHJvcDogKCkgPT4gdmlldy5zZXREcmFnZ2luZyhmYWxzZSlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17XCJmbS1saXN0LXdyYXBwZXJcIn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dmlldy5kcmFnZ2luZyAmJiA8RHJvcEZpbGVzSGVyZSAvPn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QnVsa0FjdGlvbnMgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RmlsdGVycyAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxTY3JvbGxiYXJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25TY3JvbGxGcmFtZT17c2Nyb2xsRnJhbWUgPT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxvYWRNb3JlT25TY3JvbGwoeyBzY3JvbGxGcmFtZSB9KVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7cmVuZGVyTGlzdChicm93c2VGaWxlcyl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9TY3JvbGxiYXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJvdHRvbUluZm9CYXJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYWNjZXB0PXt2aWV3LmFjY2VwdH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGlzdGluZz17dmlldy5pc0xpc3RMb2FkaW5nTW9yZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbG9hZGluZz17dmlldy5pc0xpc3RMb2FkaW5nfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0b3RhbENvdW50PXt2aWV3Lm1ldGE/LnRvdGFsQ291bnQgPz8gMH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY3VycmVudENvdW50PXt2aWV3LmZpbGVzLmxlbmd0aH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxVcGxvYWRTdGF0dXNcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbnVtYmVyT2ZGaWxlcz17ZmlsZXNCZWluZ1VwbG9hZGVkfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwcm9ncmVzcz17cHJvZ3Jlc3N9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvRmlsZUxpc3RXcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L1JpZ2h0UGFuZWw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9TcGxpdFZpZXc+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICAgICAgPC9PdmVybGF5TGF5b3V0PlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0ZpbGVzPlxuICAgICAgICA8Lz5cbiAgICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgb2JzZXJ2ZXIoRmlsZU1hbmFnZXJWaWV3KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var createSort = function createSort(sorting) {
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import Files from "react-butterfiles";
+import debounce from "lodash/debounce";
+import omit from "lodash/omit";
+// @ts-expect-error
+import { useHotkeys } from "react-hotkeyz";
+import { observer } from "mobx-react-lite";
+import { Heading, Scrollbar } from "@webiny/admin-ui";
+import { i18n } from "@webiny/app/i18n";
+import { OverlayLayout, useSnackbar } from "@webiny/app-admin";
+import { LeftPanel, RightPanel, SplitView } from "@webiny/app-admin/components/SplitView";
+import { useI18N } from "@webiny/app-i18n";
+import { useTenancy } from "@webiny/app-tenancy";
+import { useFileManagerView } from "../FileManagerViewProvider";
+import { outputFileSelectionError } from "./outputFileSelectionError";
+import { LeftSidebar } from "./LeftSidebar";
+import { useFileManagerViewConfig } from "../../..";
+import { BatchFileUploader } from "../../../BatchFileUploader";
+import { BottomInfoBar } from "../../../components/BottomInfoBar";
+import { BulkActions } from "../../../components/BulkActions";
+import { FileDropPlaceholder } from "../../../components/FileDropPlaceholder";
+import { Empty } from "../../../components/Empty";
+import { FileDetails } from "../../../components/FileDetails";
+import { Filters } from "../../../components/Filters";
+import { Grid } from "../../../components/Grid";
+import { Header } from "../../../components/Header";
+import { SearchWidget } from "../../../components/SearchWidget";
+import { Table } from "../../../components/Table";
+import { TagsList } from "../../../components/TagsList";
+import { UploadStatus } from "../../../components/UploadStatus";
+const t = i18n.ns("app-admin/file-manager/file-manager-view");
+const createSort = sorting => {
   if (!sorting?.length) {
     return undefined;
   }
-  return sorting.reduce(function (items, item) {
-    var sort = "".concat(item.id, "_").concat(item.desc ? "DESC" : "ASC");
+  return sorting.reduce((items, item) => {
+    const sort = `${item.id}_${item.desc ? "DESC" : "ASC"}`;
     if (items.includes(sort)) {
       return items;
     }
@@ -83,48 +50,38 @@ var createSort = function createSort(sorting) {
  *
  *  TODO: export the useLayoutId from a generic use package, such as app-admin. At the moment is not possible because of circular dependency issues.
  */
-var useLayoutId = function useLayoutId(applicationId) {
-  var _useTenancy = (0, _appTenancy.useTenancy)(),
-    tenant = _useTenancy.tenant;
-  var _useI18N = (0, _appI18n.useI18N)(),
-    getCurrentLocale = _useI18N.getCurrentLocale;
-  var localeCode = getCurrentLocale("content");
+const useLayoutId = applicationId => {
+  const {
+    tenant
+  } = useTenancy();
+  const {
+    getCurrentLocale
+  } = useI18N();
+  const localeCode = getCurrentLocale("content");
   if (!tenant || !localeCode) {
     console.warn("Missing tenant or localeCode while creating layoutId");
     return null;
   }
-  return "T#".concat(tenant, "#L#").concat(localeCode, "#A#").concat(applicationId);
+  return `T#${tenant}#L#${localeCode}#A#${applicationId}`;
 };
-var FileManagerView = function FileManagerView() {
-  var view = (0, _FileManagerViewProvider.useFileManagerView)();
-  var fileManager = (0, _.useFileManagerApi)();
-  var _useFileManagerViewCo = (0, _.useFileManagerViewConfig)(),
-    browser = _useFileManagerViewCo.browser;
-  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var _useCreateDialog = (0, _appAco.useCreateDialog)(),
-    showCreateFolderDialog = _useCreateDialog.showDialog;
-  var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    drawerLoading = _useState2[0],
-    setDrawerLoading = _useState2[1];
-  var uploader = (0, _react.useMemo)(function () {
-    return new _BatchFileUploader.BatchFileUploader(view.uploadFile);
-  }, [view.folderId]);
-  var _useState3 = (0, _react.useState)([]),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    tableSorting = _useState4[0],
-    setTableSorting = _useState4[1];
-  var _useState5 = (0, _react.useState)(),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    currentFile = _useState6[0],
-    setCurrentFile = _useState6[1];
-  var layoutId = useLayoutId("fm:file");
-  (0, _react.useEffect)(function () {
-    var fetchFileDetails = async function fetchFileDetails() {
+const FileManagerView = () => {
+  const view = useFileManagerView();
+  const {
+    browser
+  } = useFileManagerViewConfig();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const [drawerLoading, setDrawerLoading] = useState(null);
+  const uploader = useMemo(() => new BatchFileUploader(view.uploadFile), [view.folderId]);
+  const [tableSorting, setTableSorting] = useState([]);
+  const [currentFile, setCurrentFile] = useState();
+  const layoutId = useLayoutId("fm:file");
+  useEffect(() => {
+    const fetchFileDetails = async () => {
       if (view.showingFileDetails) {
         setDrawerLoading("Loading file details...");
-        var file = await view.getFile(view.showingFileDetails);
+        const file = await view.getFile(view.showingFileDetails);
         setCurrentFile(file);
       } else {
         setCurrentFile(undefined);
@@ -135,122 +92,104 @@ var FileManagerView = function FileManagerView() {
     // call the function
     fetchFileDetails();
   }, [view.showingFileDetails]);
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     if (!tableSorting?.length) {
       return;
     }
-    var sort = createSort(tableSorting);
+    const sort = createSort(tableSorting);
     if (!sort) {
       return;
     }
     view.setListSort(sort);
   }, [tableSorting]);
-  var getFileUploadErrorMessage = (0, _react.useCallback)(function (e) {
+  const getFileUploadErrorMessage = useCallback(e => {
     if (typeof e === "string") {
-      var match = e.match(/Message>(.*?)<\/Message/);
+      const match = e.match(/Message>(.*?)<\/Message/);
       if (match) {
-        var _match = (0, _slicedToArray2.default)(match, 2),
-          message = _match[1];
+        const [, message] = match;
         return message;
       }
       return e;
     }
     return e.message;
   }, []);
-  (0, _reactHotkeyz.useHotkeys)({
-    zIndex: 50,
+  useHotkeys({
+    zIndex: 20,
     keys: {
       esc: view.onClose
     }
   });
-  var uploadFiles = async function uploadFiles(files) {
+  const uploadFiles = async files => {
     uploader.addFiles(files);
-    uploader.onUploadFinished(function (_ref) {
-      var uploaded = _ref.uploaded,
-        errors = _ref.errors;
+    view.setIsUploadProgressIndicatorVisible(true);
+    uploader.onUploadFinished(({
+      uploaded,
+      errors
+    }) => {
       uploader.reset();
+      view.setIsUploadProgressIndicatorVisible(true);
       if (errors.length > 0) {
-        showSnackbar(/*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["One or more files were not uploaded successfully:"]))), /*#__PURE__*/_react.default.createElement("ol", null, errors.map(function (_ref2) {
-          var file = _ref2.file,
-            e = _ref2.e;
-          return /*#__PURE__*/_react.default.createElement("li", {
-            key: file.name
-          }, /*#__PURE__*/_react.default.createElement("strong", null, file.name), ": ", getFileUploadErrorMessage(e));
-        }))));
+        showSnackbar(/*#__PURE__*/React.createElement(React.Fragment, null, t`One or more files were not uploaded successfully:`, /*#__PURE__*/React.createElement("ol", null, errors.map(({
+          file,
+          e
+        }) => /*#__PURE__*/React.createElement("li", {
+          key: file.name
+        }, /*#__PURE__*/React.createElement("strong", null, file.name), ": ", getFileUploadErrorMessage(e))))));
         return;
       }
-      showSnackbar(t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["File upload complete."]))), {
+      showSnackbar(t`File upload complete.`, {
         timeout: 3000
       });
       view.onUploadCompletion(uploaded);
     });
   };
-  var renderUploadFileAction = (0, _react.useCallback)(function (_ref3) {
-    var browseFiles = _ref3.browseFiles;
-    if (!fileManager.canCreate) {
-      return null;
-    }
-    return /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-      flat: true,
-      small: true,
-      onClick: browseFiles
-    }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
-      icon: /*#__PURE__*/_react.default.createElement(_cloud_upload.ReactComponent, null)
-    }), t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Upload..."]))));
-  }, [fileManager.canCreate]);
-  var filesBeingUploaded = uploader.getJobs().length;
-  var progress = uploader.progress;
-  var renderList = function renderList(browseFiles) {
+  const filesBeingUploaded = uploader.getJobs().length;
+  const progress = uploader.progress;
+  const renderList = browseFiles => {
     if (!view.isListLoading && view.isSearch && view.files.length === 0) {
-      return /*#__PURE__*/_react.default.createElement(_Empty.Empty, {
+      return /*#__PURE__*/React.createElement(Empty, {
         isSearchResult: true,
         browseFiles: browseFiles
       });
     }
     if (!view.isListLoading && view.files.length === 0 && view.folders.length === 0) {
-      return /*#__PURE__*/_react.default.createElement(_Empty.Empty, {
+      return /*#__PURE__*/React.createElement(Empty, {
         isSearchResult: false,
         browseFiles: browseFiles
       });
     }
     if (view.listTable) {
-      var getSelectableRow = function getSelectableRow(rows) {
-        return rows.filter(function (row) {
-          return row.$type === "RECORD";
-        }).map(function (row) {
-          return (0, _omit.default)(row, ["$type", "$selectable"]);
-        });
-      };
-      var onSelectRow = view.hasOnSelectCallback ? function (rows) {
-        var files = getSelectableRow(rows);
+      const getSelectableRow = rows => rows.filter(row => row.$type === "RECORD").map(row => omit(row, ["$type", "$selectable"]));
+      const onSelectRow = view.hasOnSelectCallback ? rows => {
+        const files = getSelectableRow(rows);
         if (view.multiple) {
           view.setSelected(files);
         } else {
           view.onChange(files[0]);
         }
-      } : function (rows) {
-        var files = getSelectableRow(rows);
+      } : rows => {
+        const files = getSelectableRow(rows);
         view.setSelected(files);
       };
-      var onToggleRow = view.hasOnSelectCallback ? function (row) {
-        var files = getSelectableRow([row]);
+      const onToggleRow = view.hasOnSelectCallback ? row => {
+        const files = getSelectableRow([row]);
         if (view.multiple) {
           view.toggleSelected(files[0]);
         } else {
           view.onChange(files[0]);
         }
-      } : function (row) {
-        var files = getSelectableRow([row]);
+      } : row => {
+        const files = getSelectableRow([row]);
         view.toggleSelected(files[0]);
       };
-      return /*#__PURE__*/_react.default.createElement(_Table.Table, {
+      return /*#__PURE__*/React.createElement(Table, {
         onSelectRow: onSelectRow,
         onToggleRow: onToggleRow,
         sorting: tableSorting,
         onSortingChange: setTableSorting
       });
     }
-    return /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
+    return /*#__PURE__*/React.createElement(Grid, {
       folders: view.folders,
       records: view.files,
       loading: view.isListLoading,
@@ -261,121 +200,103 @@ var FileManagerView = function FileManagerView() {
       deselectAll: view.deselectAll,
       onChange: view.onChange,
       onClose: view.onClose,
-      hasOnSelectCallback: view.hasOnSelectCallback
+      hasOnSelectCallback: view.hasOnSelectCallback,
+      displaySubFolders: view.displaySubFolders
     });
   };
-  var loadMoreOnScroll = (0, _react.useCallback)((0, _debounce.default)(async function (_ref4) {
-    var scrollFrame = _ref4.scrollFrame;
+  const loadMoreOnScroll = useCallback(debounce(async ({
+    scrollFrame
+  }) => {
     if (scrollFrame.top > 0.8) {
       view.loadMoreFiles();
     }
   }, 200), [view.meta, view.loadMoreFiles]);
-  var onCreateFolder = (0, _react.useCallback)(function () {
-    showCreateFolderDialog({
-      currentParentId: view.folderId
-    });
-  }, [view.folderId]);
-  var updateFile = (0, _react.useCallback)(async function (data) {
-    var id = data.id,
-      fileData = (0, _objectWithoutProperties2.default)(data, _excluded);
+  const updateFile = useCallback(async data => {
+    const {
+      id,
+      ...fileData
+    } = data;
     setDrawerLoading("Saving file changes...");
     await view.updateFile(id, fileData);
     setDrawerLoading(null);
     showSnackbar("File updated successfully!");
     view.hideFileDetails();
   }, [view.updateFile]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactButterfiles.default, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Files, {
     multiple: true,
     maxSize: view.settings ? view.settings.uploadMaxFileSize + "b" : "1TB",
     multipleMaxSize: "1TB",
     accept: view.accept,
-    onSuccess: function onSuccess(files) {
-      var filesToUpload = files.map(function (file) {
-        return file.src.file;
-      }).filter(Boolean);
+    onSuccess: files => {
+      const filesToUpload = files.map(file => file.src.file).filter(Boolean);
       uploadFiles(filesToUpload);
     },
-    onError: function onError(errors) {
-      var message = (0, _outputFileSelectionError.outputFileSelectionError)(errors);
+    onError: errors => {
+      const message = outputFileSelectionError(errors);
       showSnackbar(message);
     }
-  }, function (_ref5) {
-    var getDropZoneProps = _ref5.getDropZoneProps,
-      browseFiles = _ref5.browseFiles;
-    return /*#__PURE__*/_react.default.createElement(_appAdmin.OverlayLayout, {
-      onExited: view.onClose,
-      barLeft: /*#__PURE__*/_react.default.createElement(_Title.Title, {
-        title: view.listTitle
-      }),
-      barMiddle: /*#__PURE__*/_react.default.createElement(_SearchWidget.SearchWidget, null),
-      barRight: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, view.hasOnSelectCallback && view.selected.length > 0 ? /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-        flat: true,
-        small: true,
-        onClick: function onClick() {
-          return view.onChange(view.selected);
-        }
-      }, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Select"]))), " ", view.multiple && "(".concat(view.selected.length, ")")) : renderUploadFileAction({
-        browseFiles: browseFiles
-      }), /*#__PURE__*/_react.default.createElement(_Button.ButtonSecondary, {
-        "data-testid": "file-manager.create-folder-button",
-        onClick: onCreateFolder,
-        small: true,
-        style: {
-          margin: "0 8px"
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
-        icon: /*#__PURE__*/_react.default.createElement(_add.ReactComponent, null)
-      }), t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["New Folder"])))), /*#__PURE__*/_react.default.createElement(_LayoutSwitch.LayoutSwitch, null))
-    }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_FileDetails.FileDetails, {
-      loading: drawerLoading,
-      file: currentFile,
-      open: Boolean(view.showingFileDetails),
-      onClose: view.hideFileDetails,
-      onSave: updateFile
-    }), /*#__PURE__*/_react.default.createElement(_SplitView.SplitView, {
-      layoutId: layoutId
-    }, /*#__PURE__*/_react.default.createElement(_SplitView.LeftPanel, {
-      span: 2
-    }, /*#__PURE__*/_react.default.createElement(_LeftSidebar.LeftSidebar, {
-      currentFolder: view.folderId,
-      onFolderClick: view.setFolderId
-    }, browser.filterByTags ? /*#__PURE__*/_react.default.createElement(_TagsList.TagsList, {
-      loading: view.tags.loading,
-      activeTags: view.tags.activeTags,
-      tags: view.tags.allTags,
-      onActivatedTagsChange: view.tags.setActiveTags
-    }) : null)), /*#__PURE__*/_react.default.createElement(_SplitView.RightPanel, {
-      span: 10
-    }, /*#__PURE__*/_react.default.createElement(FileListWrapper, Object.assign({}, getDropZoneProps({
-      onDragOver: function onDragOver() {
-        return view.setDragging(true);
-      },
-      onDragLeave: function onDragLeave() {
-        return view.setDragging(false);
-      },
-      onDrop: function onDrop() {
-        return view.setDragging(false);
-      }
-    }), {
-      "data-testid": "fm-list-wrapper"
-    }), view.dragging && /*#__PURE__*/_react.default.createElement(_DropFilesHere.DropFilesHere, null), /*#__PURE__*/_react.default.createElement(_BulkActions.BulkActions, null), /*#__PURE__*/_react.default.createElement(_Filters.Filters, null), /*#__PURE__*/_react.default.createElement(_Scrollbar.Scrollbar, {
-      onScrollFrame: function onScrollFrame(scrollFrame) {
-        return loadMoreOnScroll({
-          scrollFrame: scrollFrame
-        });
-      }
-    }, renderList(browseFiles)), /*#__PURE__*/_react.default.createElement(_BottomInfoBar.BottomInfoBar, {
-      accept: view.accept,
-      listing: view.isListLoadingMore,
-      loading: view.isListLoading,
-      totalCount: view.meta?.totalCount ?? 0,
-      currentCount: view.files.length
-    }), /*#__PURE__*/_react.default.createElement(_UploadStatus.UploadStatus, {
-      numberOfFiles: filesBeingUploaded,
-      progress: progress
-    }))))));
-  }));
+  }, ({
+    getDropZoneProps,
+    browseFiles
+  }) => /*#__PURE__*/React.createElement(OverlayLayout, {
+    variant: "strong",
+    onExited: view.onClose,
+    barLeft: /*#__PURE__*/React.createElement(Heading, {
+      level: 5
+    }, "File manager"),
+    barMiddle: /*#__PURE__*/React.createElement(SearchWidget, null)
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FileDetails, {
+    loading: drawerLoading,
+    file: currentFile,
+    open: Boolean(view.showingFileDetails),
+    onClose: view.hideFileDetails,
+    onSave: updateFile
+  }), /*#__PURE__*/React.createElement(SplitView, {
+    layoutId: layoutId
+  }, /*#__PURE__*/React.createElement(LeftPanel, {
+    span: 2
+  }, /*#__PURE__*/React.createElement(LeftSidebar, {
+    currentFolder: view.folderId,
+    onFolderClick: view.setFolderId
+  }, browser.filterByTags ? /*#__PURE__*/React.createElement(TagsList, {
+    loading: view.tags.loading,
+    activeTags: view.tags.activeTags,
+    tags: view.tags.allTags,
+    onActivatedTagsChange: view.tags.setActiveTags
+  }) : null)), /*#__PURE__*/React.createElement(RightPanel, {
+    span: 10
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-flex-col wby-relative",
+    style: {
+      height: "calc(100vh - 69px"
+    }
+  }, /*#__PURE__*/React.createElement(Header, {
+    browseFiles: browseFiles
+  }), /*#__PURE__*/React.createElement("div", Object.assign({
+    className: "wby-flex-1"
+  }, getDropZoneProps({
+    onDragOver: () => view.setDragging(true),
+    onDragLeave: () => view.setDragging(false),
+    onDrop: () => view.setDragging(false)
+  }), {
+    "data-testid": "fm-list-wrapper"
+  }), /*#__PURE__*/React.createElement(BulkActions, null), /*#__PURE__*/React.createElement(Filters, null), /*#__PURE__*/React.createElement(Scrollbar, {
+    onScrollFrame: scrollFrame => loadMoreOnScroll({
+      scrollFrame
+    })
+  }, renderList(browseFiles)), view.dragging && /*#__PURE__*/React.createElement(FileDropPlaceholder, null), /*#__PURE__*/React.createElement(UploadStatus, {
+    numberOfFiles: filesBeingUploaded,
+    progress: progress,
+    isVisible: view.isUploadProgressIndicatorVisible,
+    setIsVisible: view.setIsUploadProgressIndicatorVisible
+  })), /*#__PURE__*/React.createElement(BottomInfoBar, {
+    accept: view.accept,
+    listing: view.isListLoadingMore,
+    loading: view.isListLoading,
+    totalCount: view.meta?.totalCount ?? 0,
+    currentCount: view.files.length
+  }))))))));
 };
-var _default = exports.default = (0, _mobxReactLite.observer)(FileManagerView);
+export default observer(FileManagerView);
 
 //# sourceMappingURL=FileManagerView.js.map