@webiny/app-file-manager 0.0.0-unstable.99666aeb00 → 0.0.0-unstable.9bd236cf5e

package/BatchFileUploader.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="web" />
-import { FileItem } from "@webiny/app-admin/types";
-import { FileManagerViewContext } from "./modules/FileManagerRenderer/FileManagerViewProvider";
+import type { FileItem } from "@webiny/app-admin/types";
+import type { FileManagerViewContext } from "./modules/FileManagerRenderer/FileManagerViewProvider";
 export interface FileError {
     file: File;
     e: Error;

package/BatchFileUploader.js

@@ -1,180 +1,87 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BatchFileUploader = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _nanoid = require("nanoid");
-var _mobx = require("mobx");
-var FileJob = /*#__PURE__*/(0, _createClass2.default)(function FileJob(file) {
-  (0, _classCallCheck2.default)(this, FileJob);
-  (0, _defineProperty2.default)(this, "id", void 0);
-  (0, _defineProperty2.default)(this, "file", void 0);
-  this.id = (0, _nanoid.nanoid)();
-  this.file = file;
-});
-var BatchFileUploader = /*#__PURE__*/function () {
-  function BatchFileUploader(uploader) {
-    (0, _classCallCheck2.default)(this, BatchFileUploader);
-    (0, _defineProperty2.default)(this, "uploader", void 0);
-    (0, _defineProperty2.default)(this, "fileJobs", []);
-    (0, _defineProperty2.default)(this, "onUploadFinishedCallback", void 0);
-    (0, _defineProperty2.default)(this, "uploading", false);
-    (0, _defineProperty2.default)(this, "uploadStatus", new Map());
+import { generateId } from "@webiny/utils";
+import { makeAutoObservable, runInAction, action } from "mobx";
+class FileJob {
+  constructor(file) {
+    this.id = generateId();
+    this.file = file;
+  }
+}
+export class BatchFileUploader {
+  fileJobs = [];
+  uploading = false;
+  uploadStatus = new Map();
+  constructor(uploader) {
     this.uploader = uploader;
-    (0, _mobx.makeAutoObservable)(this);
+    makeAutoObservable(this);
   }
-  (0, _createClass2.default)(BatchFileUploader, [{
-    key: "getJobs",
-    value: function getJobs() {
-      return this.fileJobs;
-    }
-  }, {
-    key: "addFiles",
-    value: function addFiles(files) {
-      var _this = this;
-      files.forEach(function (file) {
-        var fileJob = new FileJob(file);
-        _this.fileJobs.push(fileJob);
-        _this.uploadStatus.set(fileJob.id, 0);
-      });
-      this.upload();
-    }
-  }, {
-    key: "reset",
-    value: function reset() {
-      this.fileJobs = [];
-      this.uploadStatus.clear();
-    }
-  }, {
-    key: "progress",
-    get: function get() {
-      var progressInBytes = Array.from(this.uploadStatus.values());
-      var loadedBytes = progressInBytes.reduce(function (a, b) {
-        return a + b;
-      }, 0);
-      var totalBytesToUpload = this.fileJobs.reduce(function (sum, job) {
-        return sum + job.file.size;
-      }, 0);
-      return Math.min(100 * loadedBytes / totalBytesToUpload, 100);
-    }
-  }, {
-    key: "onUploadFinished",
-    value: function onUploadFinished(cb) {
-      this.onUploadFinishedCallback = cb;
+  getJobs() {
+    return this.fileJobs;
+  }
+  addFiles(files) {
+    files.forEach(file => {
+      const fileJob = new FileJob(file);
+      this.fileJobs.push(fileJob);
+      this.uploadStatus.set(fileJob.id, 0);
+    });
+    this.upload();
+  }
+  reset() {
+    this.fileJobs = [];
+    this.uploadStatus.clear();
+  }
+  get progress() {
+    const progressInBytes = Array.from(this.uploadStatus.values());
+    const loadedBytes = progressInBytes.reduce((a, b) => a + b, 0);
+    const totalBytesToUpload = this.fileJobs.reduce((sum, job) => sum + job.file.size, 0);
+    return Math.min(100 * loadedBytes / totalBytesToUpload, 100);
+  }
+  onUploadFinished(cb) {
+    this.onUploadFinishedCallback = cb;
+  }
+  async upload() {
+    if (this.uploading) {
+      return;
     }
-  }, {
-    key: "upload",
-    value: function () {
-      var _upload = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
-        var _this2 = this;
-        var errors, uploaded, _loop, _ret;
-        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              if (!this.uploading) {
-                _context2.next = 2;
-                break;
-              }
-              return _context2.abrupt("return");
-            case 2:
-              this.uploading = true;
-              errors = [];
-              uploaded = [];
-              _loop = /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _loop() {
-                var fileJob, newFile;
-                return (0, _regeneratorRuntime2.default)().wrap(function _loop$(_context) {
-                  while (1) switch (_context.prev = _context.next) {
-                    case 0:
-                      fileJob = _this2.getNextFile();
-                      if (fileJob) {
-                        _context.next = 3;
-                        break;
-                      }
-                      return _context.abrupt("return", "break");
-                    case 3:
-                      _context.prev = 3;
-                      _context.next = 6;
-                      return _this2.uploader(fileJob.file, {
-                        onProgress: (0, _mobx.action)("BatchFileUploader.onProgress", function (event) {
-                          _this2.uploadStatus.set(fileJob.id, event.sent);
-                        })
-                      });
-                    case 6:
-                      newFile = _context.sent;
-                      if (newFile) {
-                        uploaded.push(newFile);
-                      }
-                      _context.next = 14;
-                      break;
-                    case 10:
-                      _context.prev = 10;
-                      _context.t0 = _context["catch"](3);
-                      (0, _mobx.runInAction)(function () {
-                        _this2.uploadStatus.set(fileJob.id, -1);
-                      });
-                      errors.push({
-                        file: fileJob.file,
-                        e: _context.t0
-                      });
-                    case 14:
-                    case "end":
-                      return _context.stop();
-                  }
-                }, _loop, null, [[3, 10]]);
-              });
-            case 6:
-              if (!true) {
-                _context2.next = 13;
-                break;
-              }
-              return _context2.delegateYield(_loop(), "t0", 8);
-            case 8:
-              _ret = _context2.t0;
-              if (!(_ret === "break")) {
-                _context2.next = 11;
-                break;
-              }
-              return _context2.abrupt("break", 13);
-            case 11:
-              _context2.next = 6;
-              break;
-            case 13:
-              (0, _mobx.runInAction)(function () {
-                _this2.uploading = false;
-              });
-              if (this.onUploadFinishedCallback) {
-                this.onUploadFinishedCallback({
-                  uploaded: uploaded,
-                  errors: errors
-                });
-              }
-            case 15:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee, this);
-      }));
-      function upload() {
-        return _upload.apply(this, arguments);
+    this.uploading = true;
+    const errors = [];
+    const uploaded = [];
+    while (true) {
+      const fileJob = this.getNextFile();
+      if (!fileJob) {
+        break;
+      }
+      try {
+        const newFile = await this.uploader(fileJob.file, {
+          onProgress: action("BatchFileUploader.onProgress", event => {
+            this.uploadStatus.set(fileJob.id, event.sent);
+          })
+        });
+        if (newFile) {
+          uploaded.push(newFile);
+        }
+      } catch (e) {
+        runInAction(() => {
+          this.uploadStatus.set(fileJob.id, -1);
+        });
+        errors.push({
+          file: fileJob.file,
+          e
+        });
       }
-      return upload;
-    }()
-  }, {
-    key: "getNextFile",
-    value: function getNextFile() {
-      var _this3 = this;
-      return this.fileJobs.find(function (file) {
-        return _this3.uploadStatus.get(file.id) === 0;
+    }
+    runInAction(() => {
+      this.uploading = false;
+    });
+    if (this.onUploadFinishedCallback) {
+      this.onUploadFinishedCallback({
+        uploaded,
+        errors
       });
     }
-  }]);
-  return BatchFileUploader;
-}();
-exports.BatchFileUploader = BatchFileUploader;
+  }
+  getNextFile() {
+    return this.fileJobs.find(file => this.uploadStatus.get(file.id) === 0);
+  }
+}
+
+//# sourceMappingURL=BatchFileUploader.js.map

package/BatchFileUploader.js.map

@@ -1 +1 @@
-{"version":3,"names":["FileJob","file","id","nanoid","BatchFileUploader","uploader","Map","makeAutoObservable","fileJobs","files","forEach","fileJob","push","uploadStatus","set","upload","clear","progressInBytes","Array","from","values","loadedBytes","reduce","a","b","totalBytesToUpload","sum","job","size","Math","min","cb","onUploadFinishedCallback","uploading","errors","uploaded","getNextFile","onProgress","action","event","sent","newFile","runInAction","e","find","get"],"sources":["BatchFileUploader.ts"],"sourcesContent":["import { nanoid } from \"nanoid\";\nimport { makeAutoObservable, runInAction, action } from \"mobx\";\nimport { FileItem } from \"@webiny/app-admin/types\";\nimport { FileManagerViewContext } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\n\nexport interface FileError {\n    file: File;\n    e: Error;\n}\n\ninterface OnUploadFinishedParams {\n    uploaded: FileItem[];\n    errors: FileError[];\n}\n\ninterface OnUploadFinishedCallback {\n    (params: OnUploadFinishedParams): void;\n}\n\nclass FileJob {\n    public id: string;\n    public file: File;\n\n    constructor(file: File) {\n        this.id = nanoid();\n        this.file = file;\n    }\n}\n\nexport class BatchFileUploader {\n    private readonly uploader: FileManagerViewContext[\"uploadFile\"];\n    private fileJobs: FileJob[] = [];\n    private onUploadFinishedCallback: OnUploadFinishedCallback | undefined;\n    private uploading = false;\n    private uploadStatus: Map<string, number> = new Map();\n\n    constructor(uploader: FileManagerViewContext[\"uploadFile\"]) {\n        this.uploader = uploader;\n        makeAutoObservable(this);\n    }\n\n    public getJobs() {\n        return this.fileJobs;\n    }\n\n    public addFiles(files: File[]) {\n        files.forEach(file => {\n            const fileJob = new FileJob(file);\n            this.fileJobs.push(fileJob);\n            this.uploadStatus.set(fileJob.id, 0);\n        });\n\n        this.upload();\n    }\n\n    public reset() {\n        this.fileJobs = [];\n        this.uploadStatus.clear();\n    }\n\n    get progress() {\n        const progressInBytes = Array.from(this.uploadStatus.values());\n        const loadedBytes = progressInBytes.reduce((a, b) => a + b, 0);\n        const totalBytesToUpload = this.fileJobs.reduce((sum, job) => sum + job.file.size, 0);\n        return Math.min((100 * loadedBytes) / totalBytesToUpload, 100);\n    }\n\n    public onUploadFinished(cb: OnUploadFinishedCallback) {\n        this.onUploadFinishedCallback = cb;\n    }\n\n    private async upload() {\n        if (this.uploading) {\n            return;\n        }\n\n        this.uploading = true;\n\n        const errors: FileError[] = [];\n        const uploaded: FileItem[] = [];\n\n        while (true) {\n            const fileJob = this.getNextFile();\n\n            if (!fileJob) {\n                break;\n            }\n\n            try {\n                const newFile = await this.uploader(fileJob.file, {\n                    onProgress: action(\"BatchFileUploader.onProgress\", event => {\n                        this.uploadStatus.set(fileJob.id, event.sent);\n                    })\n                });\n\n                if (newFile) {\n                    uploaded.push(newFile);\n                }\n            } catch (e) {\n                runInAction(() => {\n                    this.uploadStatus.set(fileJob.id, -1);\n                });\n\n                errors.push({ file: fileJob.file, e });\n            }\n        }\n\n        runInAction(() => {\n            this.uploading = false;\n        });\n\n        if (this.onUploadFinishedCallback) {\n            this.onUploadFinishedCallback({ uploaded, errors });\n        }\n    }\n\n    private getNextFile() {\n        return this.fileJobs.find(file => this.uploadStatus.get(file.id) === 0);\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["generateId","makeAutoObservable","runInAction","action","FileJob","constructor","file","id","BatchFileUploader","fileJobs","uploading","uploadStatus","Map","uploader","getJobs","addFiles","files","forEach","fileJob","push","set","upload","reset","clear","progress","progressInBytes","Array","from","values","loadedBytes","reduce","a","b","totalBytesToUpload","sum","job","size","Math","min","onUploadFinished","cb","onUploadFinishedCallback","errors","uploaded","getNextFile","newFile","onProgress","event","sent","e","find","get"],"sources":["BatchFileUploader.ts"],"sourcesContent":["import { generateId } from \"@webiny/utils\";\nimport { makeAutoObservable, runInAction, action } from \"mobx\";\nimport type { FileItem } from \"@webiny/app-admin/types\";\nimport type { FileManagerViewContext } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\n\nexport interface FileError {\n    file: File;\n    e: Error;\n}\n\ninterface OnUploadFinishedParams {\n    uploaded: FileItem[];\n    errors: FileError[];\n}\n\ninterface OnUploadFinishedCallback {\n    (params: OnUploadFinishedParams): void;\n}\n\nclass FileJob {\n    public id: string;\n    public file: File;\n\n    constructor(file: File) {\n        this.id = generateId();\n        this.file = file;\n    }\n}\n\nexport class BatchFileUploader {\n    private readonly uploader: FileManagerViewContext[\"uploadFile\"];\n    private fileJobs: FileJob[] = [];\n    private onUploadFinishedCallback: OnUploadFinishedCallback | undefined;\n    private uploading = false;\n    private uploadStatus: Map<string, number> = new Map();\n\n    constructor(uploader: FileManagerViewContext[\"uploadFile\"]) {\n        this.uploader = uploader;\n        makeAutoObservable(this);\n    }\n\n    public getJobs() {\n        return this.fileJobs;\n    }\n\n    public addFiles(files: File[]) {\n        files.forEach(file => {\n            const fileJob = new FileJob(file);\n            this.fileJobs.push(fileJob);\n            this.uploadStatus.set(fileJob.id, 0);\n        });\n\n        this.upload();\n    }\n\n    public reset() {\n        this.fileJobs = [];\n        this.uploadStatus.clear();\n    }\n\n    get progress() {\n        const progressInBytes = Array.from(this.uploadStatus.values());\n        const loadedBytes = progressInBytes.reduce((a, b) => a + b, 0);\n        const totalBytesToUpload = this.fileJobs.reduce((sum, job) => sum + job.file.size, 0);\n        return Math.min((100 * loadedBytes) / totalBytesToUpload, 100);\n    }\n\n    public onUploadFinished(cb: OnUploadFinishedCallback) {\n        this.onUploadFinishedCallback = cb;\n    }\n\n    private async upload() {\n        if (this.uploading) {\n            return;\n        }\n\n        this.uploading = true;\n\n        const errors: FileError[] = [];\n        const uploaded: FileItem[] = [];\n\n        while (true) {\n            const fileJob = this.getNextFile();\n\n            if (!fileJob) {\n                break;\n            }\n\n            try {\n                const newFile = await this.uploader(fileJob.file, {\n                    onProgress: action(\"BatchFileUploader.onProgress\", event => {\n                        this.uploadStatus.set(fileJob.id, event.sent);\n                    })\n                });\n\n                if (newFile) {\n                    uploaded.push(newFile);\n                }\n            } catch (e) {\n                runInAction(() => {\n                    this.uploadStatus.set(fileJob.id, -1);\n                });\n\n                errors.push({ file: fileJob.file, e });\n            }\n        }\n\n        runInAction(() => {\n            this.uploading = false;\n        });\n\n        if (this.onUploadFinishedCallback) {\n            this.onUploadFinishedCallback({ uploaded, errors });\n        }\n    }\n\n    private getNextFile() {\n        return this.fileJobs.find(file => this.uploadStatus.get(file.id) === 0);\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/app.d.ts

@@ -1,2 +1,2 @@
 import React from "react";
-export declare const FileManager: React.FC;
+export declare const FileManager: () => React.JSX.Element;

package/app.js

@@ -1,16 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FileManager = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Settings = require("./modules/Settings");
-var _FileManagerApiProvider = require("./modules/FileManagerApiProvider");
-var _FileTypes = require("./modules/FileTypes");
-var _FileManagerRenderer = require("./modules/FileManagerRenderer");
-var FileManager = function FileManager() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Settings.SettingsModule, null), /*#__PURE__*/_react.default.createElement(_FileManagerApiProvider.FileManagerApiProviderModule, null), /*#__PURE__*/_react.default.createElement(_FileTypes.FileTypesModule, null), /*#__PURE__*/_react.default.createElement(_FileManagerRenderer.FileManagerRendererModule, null));
+import React from "react";
+import { SettingsModule } from "./modules/Settings";
+import { FileManagerApiProviderModule } from "./modules/FileManagerApiProvider";
+import { FileManagerRendererModule } from "./modules/FileManagerRenderer";
+import { HeadlessCmsModule } from "./modules/HeadlessCms";
+import { EnterpriseModule } from "./modules/Enterprise";
+export const FileManager = () => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SettingsModule, null), /*#__PURE__*/React.createElement(FileManagerApiProviderModule, null), /*#__PURE__*/React.createElement(FileManagerRendererModule, null), /*#__PURE__*/React.createElement(HeadlessCmsModule, null), /*#__PURE__*/React.createElement(EnterpriseModule, null));
 };
-exports.FileManager = FileManager;
+
+//# sourceMappingURL=app.js.map

package/app.js.map

@@ -1 +1 @@
-{"version":3,"names":["FileManager"],"sources":["app.tsx"],"sourcesContent":["import React from \"react\";\nimport { SettingsModule } from \"~/modules/Settings\";\nimport { FileManagerApiProviderModule } from \"~/modules/FileManagerApiProvider\";\nimport { FileTypesModule } from \"~/modules/FileTypes\";\nimport { FileManagerRendererModule } from \"~/modules/FileManagerRenderer\";\n\nexport const FileManager: React.FC = () => {\n    return (\n        <>\n            <SettingsModule />\n            <FileManagerApiProviderModule />\n            <FileTypesModule />\n            <FileManagerRendererModule />\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEO,IAAMA,WAAqB,GAAG,SAAxBA,WAAqB,GAAS;EACvC,oBACI,yEACI,6BAAC,wBAAc,OAAG,eAClB,6BAAC,oDAA4B,OAAG,eAChC,6BAAC,0BAAe,OAAG,eACnB,6BAAC,8CAAyB,OAAG,CAC9B;AAEX,CAAC;AAAC"}
+{"version":3,"names":["React","SettingsModule","FileManagerApiProviderModule","FileManagerRendererModule","HeadlessCmsModule","EnterpriseModule","FileManager","createElement","Fragment"],"sources":["app.tsx"],"sourcesContent":["import React from \"react\";\nimport { SettingsModule } from \"~/modules/Settings\";\nimport { FileManagerApiProviderModule } from \"~/modules/FileManagerApiProvider\";\nimport { FileManagerRendererModule } from \"~/modules/FileManagerRenderer\";\nimport { HeadlessCmsModule } from \"~/modules/HeadlessCms\";\nimport { EnterpriseModule } from \"~/modules/Enterprise\";\n\nexport const FileManager = () => {\n    return (\n        <>\n            <SettingsModule />\n            <FileManagerApiProviderModule />\n            <FileManagerRendererModule />\n            <HeadlessCmsModule />\n            <EnterpriseModule />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc;AACvB,SAASC,4BAA4B;AACrC,SAASC,yBAAyB;AAClC,SAASC,iBAAiB;AAC1B,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,oBACIN,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAQ,QAAA,qBACIR,KAAA,CAAAO,aAAA,CAACN,cAAc,MAAE,CAAC,eAClBD,KAAA,CAAAO,aAAA,CAACL,4BAA4B,MAAE,CAAC,eAChCF,KAAA,CAAAO,aAAA,CAACJ,yBAAyB,MAAE,CAAC,eAC7BH,KAAA,CAAAO,aAAA,CAACH,iBAAiB,MAAE,CAAC,eACrBJ,KAAA,CAAAO,aAAA,CAACF,gBAAgB,MAAE,CACrB,CAAC;AAEX,CAAC","ignoreList":[]}

package/components/BottomInfoBar/BottomInfoBar.d.ts

@@ -1,4 +1,6 @@
 import React from "react";
-import { SupportedFileTypesProps } from "./SupportedFileTypes";
-import { ListStatusProps } from "./ListStatus";
-export declare const BottomInfoBar: React.FC<SupportedFileTypesProps & ListStatusProps>;
+import type { SupportedFileTypesProps } from "./SupportedFileTypes";
+import type { ListStatusProps } from "./ListStatus";
+type BottomInfoBarProps = SupportedFileTypesProps & ListStatusProps;
+export declare const BottomInfoBar: (props: BottomInfoBarProps) => React.JSX.Element;
+export {};

package/components/BottomInfoBar/BottomInfoBar.js

@@ -1,25 +1,23 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BottomInfoBar = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _lite = _interopRequireDefault(require("mime/lite"));
-var _SupportedFileTypes = _interopRequireDefault(require("./SupportedFileTypes"));
-var _ListStatus = _interopRequireDefault(require("./ListStatus"));
-var _styled = require("./styled");
-_lite.default.define({
+import React from "react";
+import mime from "mime/lite";
+import { Separator } from "@webiny/admin-ui";
+import SupportedFileTypes from "./SupportedFileTypes";
+import ListStatus from "./ListStatus";
+mime.define({
   "image/x-icon": ["ico"]
 }, true);
-_lite.default.define({
+mime.define({
   "image/jpg": ["jpg"]
 }, true);
-_lite.default.define({
+mime.define({
   "image/vnd.microsoft.icon": ["ico"]
 }, true);
-var BottomInfoBar = function BottomInfoBar(props) {
-  return /*#__PURE__*/_react.default.createElement(_styled.BottomInfoBarWrapper, null, /*#__PURE__*/_react.default.createElement(_styled.BottomInfoBarInner, null, /*#__PURE__*/_react.default.createElement(_SupportedFileTypes.default, props), /*#__PURE__*/_react.default.createElement(_ListStatus.default, props)));
+export const BottomInfoBar = props => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-bg-neutral-base wby-w-full wby-overflow-hidden wby-z-5"
+  }, /*#__PURE__*/React.createElement(Separator, null), /*#__PURE__*/React.createElement("div", {
+    className: "wby-h-xl wby-px-md wby-py-sm wby-flex wby-items-center wby-justify-between"
+  }, /*#__PURE__*/React.createElement(SupportedFileTypes, props), /*#__PURE__*/React.createElement(ListStatus, props)));
 };
-exports.BottomInfoBar = BottomInfoBar;
+
+//# sourceMappingURL=BottomInfoBar.js.map

package/components/BottomInfoBar/BottomInfoBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["mime","define","BottomInfoBar","props"],"sources":["BottomInfoBar.tsx"],"sourcesContent":["import React from \"react\";\nimport mime from \"mime/lite\";\n\nimport SupportedFileTypes, { SupportedFileTypesProps } from \"./SupportedFileTypes\";\nimport ListStatus, { ListStatusProps } from \"./ListStatus\";\n\nimport { BottomInfoBarInner, BottomInfoBarWrapper } from \"./styled\";\n\nmime.define({ \"image/x-icon\": [\"ico\"] }, true);\nmime.define({ \"image/jpg\": [\"jpg\"] }, true);\nmime.define({ \"image/vnd.microsoft.icon\": [\"ico\"] }, true);\n\nexport const BottomInfoBar: React.FC<SupportedFileTypesProps & ListStatusProps> = props => {\n    return (\n        <BottomInfoBarWrapper>\n            <BottomInfoBarInner>\n                <SupportedFileTypes {...props} />\n                <ListStatus {...props} />\n            </BottomInfoBarInner>\n        </BottomInfoBarWrapper>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AAEA;AAEAA,aAAI,CAACC,MAAM,CAAC;EAAE,cAAc,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC9CD,aAAI,CAACC,MAAM,CAAC;EAAE,WAAW,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC3CD,aAAI,CAACC,MAAM,CAAC;EAAE,0BAA0B,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAEnD,IAAMC,aAAkE,GAAG,SAArEA,aAAkE,CAAGC,KAAK,EAAI;EACvF,oBACI,6BAAC,4BAAoB,qBACjB,6BAAC,0BAAkB,qBACf,6BAAC,2BAAkB,EAAKA,KAAK,CAAI,eACjC,6BAAC,mBAAU,EAAKA,KAAK,CAAI,CACR,CACF;AAE/B,CAAC;AAAC"}
+{"version":3,"names":["React","mime","Separator","SupportedFileTypes","ListStatus","define","BottomInfoBar","props","createElement","className"],"sources":["BottomInfoBar.tsx"],"sourcesContent":["import React from \"react\";\nimport mime from \"mime/lite\";\nimport { Separator } from \"@webiny/admin-ui\";\n\nimport type { SupportedFileTypesProps } from \"./SupportedFileTypes\";\nimport SupportedFileTypes from \"./SupportedFileTypes\";\nimport type { ListStatusProps } from \"./ListStatus\";\nimport ListStatus from \"./ListStatus\";\n\nmime.define({ \"image/x-icon\": [\"ico\"] }, true);\nmime.define({ \"image/jpg\": [\"jpg\"] }, true);\nmime.define({ \"image/vnd.microsoft.icon\": [\"ico\"] }, true);\n\ntype BottomInfoBarProps = SupportedFileTypesProps & ListStatusProps;\n\nexport const BottomInfoBar = (props: BottomInfoBarProps) => {\n    return (\n        <div className=\"wby-bg-neutral-base wby-w-full wby-overflow-hidden wby-z-5\">\n            <Separator />\n            <div\n                className={\n                    \"wby-h-xl wby-px-md wby-py-sm wby-flex wby-items-center wby-justify-between\"\n                }\n            >\n                <SupportedFileTypes {...props} />\n                <ListStatus {...props} />\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,IAAI,MAAM,WAAW;AAC5B,SAASC,SAAS,QAAQ,kBAAkB;AAG5C,OAAOC,kBAAkB;AAEzB,OAAOC,UAAU;AAEjBH,IAAI,CAACI,MAAM,CAAC;EAAE,cAAc,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC9CJ,IAAI,CAACI,MAAM,CAAC;EAAE,WAAW,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC3CJ,IAAI,CAACI,MAAM,CAAC;EAAE,0BAA0B,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAI1D,OAAO,MAAMC,aAAa,GAAIC,KAAyB,IAAK;EACxD,oBACIP,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAA4D,gBACvET,KAAA,CAAAQ,aAAA,CAACN,SAAS,MAAE,CAAC,eACbF,KAAA,CAAAQ,aAAA;IACIC,SAAS,EACL;EACH,gBAEDT,KAAA,CAAAQ,aAAA,CAACL,kBAAkB,EAAKI,KAAQ,CAAC,eACjCP,KAAA,CAAAQ,aAAA,CAACJ,UAAU,EAAKG,KAAQ,CACvB,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/BottomInfoBar/ListStatus.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 export interface ListStatusProps {
     listing: boolean;
 }
-declare const ListStatus: React.FC<ListStatusProps>;
+declare const ListStatus: ({ listing }: ListStatusProps) => React.JSX.Element | null;
 export default ListStatus;

package/components/BottomInfoBar/ListStatus.js

@@ -1,26 +1,23 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _i18n = require("@webiny/app/i18n");
-var _Progress = require("@webiny/ui/Progress");
-var _styled = require("./styled");
-var _templateObject;
-var t = _i18n.i18n.ns("app-admin/file-manager/components/bottom-info-bar/list-status");
-var ListStatus = function ListStatus(_ref) {
-  var listing = _ref.listing;
+import React from "react";
+import { i18n } from "@webiny/app/i18n";
+import { Loader, Text } from "@webiny/admin-ui";
+const t = i18n.ns("app-admin/file-manager/components/bottom-info-bar/list-status");
+const ListStatus = ({
+  listing
+}) => {
   if (!listing) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_styled.StatusWrapper, null, /*#__PURE__*/_react.default.createElement(_styled.UploadingLabel, null, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Loading more files..."])))), /*#__PURE__*/_react.default.createElement(_styled.CircularProgressHolder, null, /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
-    size: 10,
-    spinnerWidth: 1
-  })));
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-gap-sm"
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    as: "div",
+    className: "wby-text-neutral-strong"
+  }, t`Loading more files...`), /*#__PURE__*/React.createElement(Loader, {
+    size: "xs"
+  }));
 };
-var _default = ListStatus;
-exports.default = _default;
+export default ListStatus;
+
+//# sourceMappingURL=ListStatus.js.map

package/components/BottomInfoBar/ListStatus.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","ListStatus","listing"],"sources":["ListStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nimport { CircularProgressHolder, StatusWrapper, UploadingLabel } from \"./styled\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/bottom-info-bar/list-status\");\n\nexport interface ListStatusProps {\n    listing: boolean;\n}\n\nconst ListStatus: React.FC<ListStatusProps> = ({ listing }) => {\n    if (!listing) {\n        return null;\n    }\n\n    return (\n        <StatusWrapper>\n            <UploadingLabel>{t`Loading more files...`}</UploadingLabel>\n            <CircularProgressHolder>\n                <CircularProgress size={10} spinnerWidth={1} />\n            </CircularProgressHolder>\n        </StatusWrapper>\n    );\n};\n\nexport default ListStatus;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAEA;AAAiF;AAEjF,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+DAA+D,CAAC;AAMlF,IAAMC,UAAqC,GAAG,SAAxCA,UAAqC,OAAoB;EAAA,IAAdC,OAAO,QAAPA,OAAO;EACpD,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBACI,6BAAC,qBAAa,qBACV,6BAAC,sBAAc,QAAEJ,CAAC,yGAAyC,eAC3D,6BAAC,8BAAsB,qBACnB,6BAAC,0BAAgB;IAAC,IAAI,EAAE,EAAG;IAAC,YAAY,EAAE;EAAE,EAAG,CAC1B,CACb;AAExB,CAAC;AAAC,eAEaG,UAAU;AAAA"}
+{"version":3,"names":["React","i18n","Loader","Text","t","ns","ListStatus","listing","createElement","className","size","as"],"sources":["ListStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Loader, Text } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/bottom-info-bar/list-status\");\n\nexport interface ListStatusProps {\n    listing: boolean;\n}\n\nconst ListStatus = ({ listing }: ListStatusProps) => {\n    if (!listing) {\n        return null;\n    }\n\n    return (\n        <div className=\"wby-flex wby-items-center wby-gap-sm\">\n            <Text size={\"sm\"} as={\"div\"} className={\"wby-text-neutral-strong\"}>\n                {t`Loading more files...`}\n            </Text>\n            <Loader size={\"xs\"} />\n        </div>\n    );\n};\n\nexport default ListStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,MAAM,EAAEC,IAAI,QAAQ,kBAAkB;AAE/C,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,+DAA+D,CAAC;AAMlF,MAAMC,UAAU,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EACjD,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBACIP,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAsC,gBACjDT,KAAA,CAAAQ,aAAA,CAACL,IAAI;IAACO,IAAI,EAAE,IAAK;IAACC,EAAE,EAAE,KAAM;IAACF,SAAS,EAAE;EAA0B,GAC7DL,CAAC,uBACA,CAAC,eACPJ,KAAA,CAAAQ,aAAA,CAACN,MAAM;IAACQ,IAAI,EAAE;EAAK,CAAE,CACpB,CAAC;AAEd,CAAC;AAED,eAAeJ,UAAU","ignoreList":[]}

package/components/BottomInfoBar/SupportedFileTypes.d.ts

@@ -1,6 +1,9 @@
 import React from "react";
 export interface SupportedFileTypesProps {
     accept: string[];
+    loading: boolean;
+    totalCount: number;
+    currentCount: number;
 }
-declare const SupportedFileTypes: React.FC<SupportedFileTypesProps>;
+declare const SupportedFileTypes: ({ accept, loading, totalCount, currentCount }: SupportedFileTypesProps) => React.JSX.Element | null;
 export default SupportedFileTypes;

package/components/BottomInfoBar/SupportedFileTypes.js

@@ -1,29 +1,21 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _i18n = require("@webiny/app/i18n");
-var _lite = _interopRequireDefault(require("mime/lite"));
-var _templateObject, _templateObject2;
-_lite.default.define({
+import React, { useCallback } from "react";
+import { Text } from "@webiny/admin-ui";
+import { i18n } from "@webiny/app/i18n";
+import mime from "mime/lite";
+mime.define({
   "image/x-icon": ["ico"]
 }, true);
-_lite.default.define({
+mime.define({
   "image/jpg": ["jpg"]
 }, true);
-_lite.default.define({
+mime.define({
   "image/vnd.microsoft.icon": ["ico"]
 }, true);
-var t = _i18n.i18n.ns("app-admin/file-manager/components/bottom-info-bar/supported-files");
-var getUniqueFilePlugins = function getUniqueFilePlugins(accept) {
-  var exts = {};
-  accept.forEach(function (item) {
-    var ext = _lite.default.getExtension(item);
+const t = i18n.ns("app-admin/file-manager/components/bottom-info-bar/supported-files");
+const getUniqueFilePlugins = accept => {
+  const exts = {};
+  accept.forEach(item => {
+    const ext = mime.getExtension(item);
     if (!ext) {
       return;
     }
@@ -31,17 +23,38 @@ var getUniqueFilePlugins = function getUniqueFilePlugins(accept) {
   });
   return Object.keys(exts);
 };
-var SupportedFileTypes = function SupportedFileTypes(_ref) {
-  var accept = _ref.accept;
-  if (!accept) {
+const SupportedFileTypes = ({
+  accept,
+  loading,
+  totalCount,
+  currentCount
+}) => {
+  const getLabel = useCallback((count = 0) => {
+    return `${count} ${count === 1 ? "file" : "files"}`;
+  }, []);
+  if (!accept || loading) {
     return null;
   }
   if (accept.length === 0) {
-    return /*#__PURE__*/_react.default.createElement("span", null, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Showing all file extensions."]))));
+    return /*#__PURE__*/React.createElement(Text, {
+      size: "sm",
+      as: "div",
+      className: "wby-text-neutral-strong"
+    }, t`Showing {currentCountLabel} out of {totalCountLabel} from all file extensions.`({
+      currentCountLabel: String(currentCount),
+      totalCountLabel: getLabel(totalCount)
+    }));
   }
-  return /*#__PURE__*/_react.default.createElement("span", null, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Showing the following file extensions: {files}."])))({
+  return /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    as: "div",
+    className: "wby-text-neutral-strong"
+  }, t`Showing {currentCountLabel} out of {totalCountLabel} from the following file extensions: {files}.`({
+    currentCountLabel: String(currentCount),
+    totalCountLabel: getLabel(totalCount),
     files: getUniqueFilePlugins(accept).join(", ")
   }));
 };
-var _default = SupportedFileTypes;
-exports.default = _default;
+export default SupportedFileTypes;
+
+//# sourceMappingURL=SupportedFileTypes.js.map

package/components/BottomInfoBar/SupportedFileTypes.js.map

@@ -1 +1 @@
-{"version":3,"names":["mime","define","t","i18n","ns","getUniqueFilePlugins","accept","exts","forEach","item","ext","getExtension","Object","keys","SupportedFileTypes","length","files","join"],"sources":["SupportedFileTypes.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport mime from \"mime/lite\";\n\nmime.define({ \"image/x-icon\": [\"ico\"] }, true);\nmime.define({ \"image/jpg\": [\"jpg\"] }, true);\nmime.define({ \"image/vnd.microsoft.icon\": [\"ico\"] }, true);\n\nconst t = i18n.ns(\"app-admin/file-manager/components/bottom-info-bar/supported-files\");\n\nconst getUniqueFilePlugins = (accept: string[]): string[] => {\n    const exts: Record<string, boolean> = {};\n    accept.forEach(item => {\n        const ext = mime.getExtension(item);\n        if (!ext) {\n            return;\n        }\n        exts[ext] = true;\n    });\n\n    return Object.keys(exts);\n};\n\nexport interface SupportedFileTypesProps {\n    accept: string[];\n}\n\nconst SupportedFileTypes: React.FC<SupportedFileTypesProps> = ({ accept }) => {\n    if (!accept) {\n        return null;\n    }\n\n    if (accept.length === 0) {\n        return <span>{t`Showing all file extensions.`}</span>;\n    }\n\n    return (\n        <span>\n            {t`Showing the following file extensions: {files}.`({\n                files: getUniqueFilePlugins(accept).join(\", \")\n            })}\n        </span>\n    );\n};\n\nexport default SupportedFileTypes;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAA6B;AAE7BA,aAAI,CAACC,MAAM,CAAC;EAAE,cAAc,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC9CD,aAAI,CAACC,MAAM,CAAC;EAAE,WAAW,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC3CD,aAAI,CAACC,MAAM,CAAC;EAAE,0BAA0B,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAE1D,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mEAAmE,CAAC;AAEtF,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoB,CAAIC,MAAgB,EAAe;EACzD,IAAMC,IAA6B,GAAG,CAAC,CAAC;EACxCD,MAAM,CAACE,OAAO,CAAC,UAAAC,IAAI,EAAI;IACnB,IAAMC,GAAG,GAAGV,aAAI,CAACW,YAAY,CAACF,IAAI,CAAC;IACnC,IAAI,CAACC,GAAG,EAAE;MACN;IACJ;IACAH,IAAI,CAACG,GAAG,CAAC,GAAG,IAAI;EACpB,CAAC,CAAC;EAEF,OAAOE,MAAM,CAACC,IAAI,CAACN,IAAI,CAAC;AAC5B,CAAC;AAMD,IAAMO,kBAAqD,GAAG,SAAxDA,kBAAqD,OAAmB;EAAA,IAAbR,MAAM,QAANA,MAAM;EACnE,IAAI,CAACA,MAAM,EAAE;IACT,OAAO,IAAI;EACf;EAEA,IAAIA,MAAM,CAACS,MAAM,KAAK,CAAC,EAAE;IACrB,oBAAO,2CAAOb,CAAC,gHAAsC;EACzD;EAEA,oBACI,2CACKA,CAAC,qIAAkD;IAChDc,KAAK,EAAEX,oBAAoB,CAACC,MAAM,CAAC,CAACW,IAAI,CAAC,IAAI;EACjD,CAAC,CAAC,CACC;AAEf,CAAC;AAAC,eAEaH,kBAAkB;AAAA"}
+{"version":3,"names":["React","useCallback","Text","i18n","mime","define","t","ns","getUniqueFilePlugins","accept","exts","forEach","item","ext","getExtension","Object","keys","SupportedFileTypes","loading","totalCount","currentCount","getLabel","count","length","createElement","size","as","className","currentCountLabel","String","totalCountLabel","files","join"],"sources":["SupportedFileTypes.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport mime from \"mime/lite\";\n\nmime.define({ \"image/x-icon\": [\"ico\"] }, true);\nmime.define({ \"image/jpg\": [\"jpg\"] }, true);\nmime.define({ \"image/vnd.microsoft.icon\": [\"ico\"] }, true);\n\nconst t = i18n.ns(\"app-admin/file-manager/components/bottom-info-bar/supported-files\");\n\nconst getUniqueFilePlugins = (accept: string[]): string[] => {\n    const exts: Record<string, boolean> = {};\n    accept.forEach(item => {\n        const ext = mime.getExtension(item);\n        if (!ext) {\n            return;\n        }\n        exts[ext] = true;\n    });\n\n    return Object.keys(exts);\n};\n\nexport interface SupportedFileTypesProps {\n    accept: string[];\n    loading: boolean;\n    totalCount: number;\n    currentCount: number;\n}\n\nconst SupportedFileTypes = ({\n    accept,\n    loading,\n    totalCount,\n    currentCount\n}: SupportedFileTypesProps) => {\n    const getLabel = useCallback((count = 0): string => {\n        return `${count} ${count === 1 ? \"file\" : \"files\"}`;\n    }, []);\n\n    if (!accept || loading) {\n        return null;\n    }\n\n    if (accept.length === 0) {\n        return (\n            <Text size={\"sm\"} as={\"div\"} className={\"wby-text-neutral-strong\"}>\n                {t`Showing {currentCountLabel} out of {totalCountLabel} from all file extensions.`({\n                    currentCountLabel: String(currentCount),\n                    totalCountLabel: getLabel(totalCount)\n                })}\n            </Text>\n        );\n    }\n\n    return (\n        <Text size={\"sm\"} as={\"div\"} className={\"wby-text-neutral-strong\"}>\n            {t`Showing {currentCountLabel} out of {totalCountLabel} from the following file extensions: {files}.`(\n                {\n                    currentCountLabel: String(currentCount),\n                    totalCountLabel: getLabel(totalCount),\n                    files: getUniqueFilePlugins(accept).join(\", \")\n                }\n            )}\n        </Text>\n    );\n};\n\nexport default SupportedFileTypes;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,IAAI,QAAQ,kBAAkB;AACvC,OAAOC,IAAI,MAAM,WAAW;AAE5BA,IAAI,CAACC,MAAM,CAAC;EAAE,cAAc,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC9CD,IAAI,CAACC,MAAM,CAAC;EAAE,WAAW,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC3CD,IAAI,CAACC,MAAM,CAAC;EAAE,0BAA0B,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAE1D,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,mEAAmE,CAAC;AAEtF,MAAMC,oBAAoB,GAAIC,MAAgB,IAAe;EACzD,MAAMC,IAA6B,GAAG,CAAC,CAAC;EACxCD,MAAM,CAACE,OAAO,CAACC,IAAI,IAAI;IACnB,MAAMC,GAAG,GAAGT,IAAI,CAACU,YAAY,CAACF,IAAI,CAAC;IACnC,IAAI,CAACC,GAAG,EAAE;MACN;IACJ;IACAH,IAAI,CAACG,GAAG,CAAC,GAAG,IAAI;EACpB,CAAC,CAAC;EAEF,OAAOE,MAAM,CAACC,IAAI,CAACN,IAAI,CAAC;AAC5B,CAAC;AASD,MAAMO,kBAAkB,GAAGA,CAAC;EACxBR,MAAM;EACNS,OAAO;EACPC,UAAU;EACVC;AACqB,CAAC,KAAK;EAC3B,MAAMC,QAAQ,GAAGpB,WAAW,CAAC,CAACqB,KAAK,GAAG,CAAC,KAAa;IAChD,OAAO,GAAGA,KAAK,IAAIA,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO,EAAE;EACvD,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI,CAACb,MAAM,IAAIS,OAAO,EAAE;IACpB,OAAO,IAAI;EACf;EAEA,IAAIT,MAAM,CAACc,MAAM,KAAK,CAAC,EAAE;IACrB,oBACIvB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;MAACuB,IAAI,EAAE,IAAK;MAACC,EAAE,EAAE,KAAM;MAACC,SAAS,EAAE;IAA0B,GAC7DrB,CAAC,gFAAgF,CAAC;MAC/EsB,iBAAiB,EAAEC,MAAM,CAACT,YAAY,CAAC;MACvCU,eAAe,EAAET,QAAQ,CAACF,UAAU;IACxC,CAAC,CACC,CAAC;EAEf;EAEA,oBACInB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IAACuB,IAAI,EAAE,IAAK;IAACC,EAAE,EAAE,KAAM;IAACC,SAAS,EAAE;EAA0B,GAC7DrB,CAAC,mGAAmG,CACjG;IACIsB,iBAAiB,EAAEC,MAAM,CAACT,YAAY,CAAC;IACvCU,eAAe,EAAET,QAAQ,CAACF,UAAU,CAAC;IACrCY,KAAK,EAAEvB,oBAAoB,CAACC,MAAM,CAAC,CAACuB,IAAI,CAAC,IAAI;EACjD,CACJ,CACE,CAAC;AAEf,CAAC;AAED,eAAef,kBAAkB","ignoreList":[]}