@webiny/app-file-manager 0.0.0-unstable.aa00eecd97 → 0.0.0-unstable.ac6ebf63c6

package/BatchFileUploader.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="web" />
-import { FileItem } from "@webiny/app-admin/types";
-import { FileManagerViewContextData } from "./modules/FileManagerRenderer/FileManagerViewProvider";
+import type { FileItem } from "./types.js";
+import type { FileManagerViewContext } from "./modules/FileManagerRenderer/FileManagerViewProvider/index.js";
 export interface FileError {
     file: File;
     e: Error;
@@ -23,7 +22,7 @@ export declare class BatchFileUploader {
     private onUploadFinishedCallback;
     private uploading;
     private uploadStatus;
-    constructor(uploader: FileManagerViewContextData["uploadFile"]);
+    constructor(uploader: FileManagerViewContext["uploadFile"]);
     getJobs(): FileJob[];
     addFiles(files: File[]): void;
     reset(): void;

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 { FileManagerViewContextData } 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: FileManagerViewContextData[\"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: FileManagerViewContextData[\"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":";;;;;;;;;;;;AAAA;AACA;AAA+D,IAkBzDA,OAAO,2CAIT,iBAAYC,IAAU,EAAE;EAAA;EAAA;EAAA;EACpB,IAAI,CAACC,EAAE,GAAG,IAAAC,cAAM,GAAE;EAClB,IAAI,CAACF,IAAI,GAAGA,IAAI;AACpB,CAAC;AAAA,IAGQG,iBAAiB;EAO1B,2BAAYC,QAAkD,EAAE;IAAA;IAAA;IAAA,gDALlC,EAAE;IAAA;IAAA,iDAEZ,KAAK;IAAA,oDACmB,IAAIC,GAAG,EAAE;IAGjD,IAAI,CAACD,QAAQ,GAAGA,QAAQ;IACxB,IAAAE,wBAAkB,EAAC,IAAI,CAAC;EAC5B;EAAC;IAAA;IAAA,OAED,mBAAiB;MACb,OAAO,IAAI,CAACC,QAAQ;IACxB;EAAC;IAAA;IAAA,OAED,kBAAgBC,KAAa,EAAE;MAAA;MAC3BA,KAAK,CAACC,OAAO,CAAC,UAAAT,IAAI,EAAI;QAClB,IAAMU,OAAO,GAAG,IAAIX,OAAO,CAACC,IAAI,CAAC;QACjC,KAAI,CAACO,QAAQ,CAACI,IAAI,CAACD,OAAO,CAAC;QAC3B,KAAI,CAACE,YAAY,CAACC,GAAG,CAACH,OAAO,CAACT,EAAE,EAAE,CAAC,CAAC;MACxC,CAAC,CAAC;MAEF,IAAI,CAACa,MAAM,EAAE;IACjB;EAAC;IAAA;IAAA,OAED,iBAAe;MACX,IAAI,CAACP,QAAQ,GAAG,EAAE;MAClB,IAAI,CAACK,YAAY,CAACG,KAAK,EAAE;IAC7B;EAAC;IAAA;IAAA,KAED,eAAe;MACX,IAAMC,eAAe,GAAGC,KAAK,CAACC,IAAI,CAAC,IAAI,CAACN,YAAY,CAACO,MAAM,EAAE,CAAC;MAC9D,IAAMC,WAAW,GAAGJ,eAAe,CAACK,MAAM,CAAC,UAACC,CAAC,EAAEC,CAAC;QAAA,OAAKD,CAAC,GAAGC,CAAC;MAAA,GAAE,CAAC,CAAC;MAC9D,IAAMC,kBAAkB,GAAG,IAAI,CAACjB,QAAQ,CAACc,MAAM,CAAC,UAACI,GAAG,EAAEC,GAAG;QAAA,OAAKD,GAAG,GAAGC,GAAG,CAAC1B,IAAI,CAAC2B,IAAI;MAAA,GAAE,CAAC,CAAC;MACrF,OAAOC,IAAI,CAACC,GAAG,CAAE,GAAG,GAAGT,WAAW,GAAII,kBAAkB,EAAE,GAAG,CAAC;IAClE;EAAC;IAAA;IAAA,OAED,0BAAwBM,EAA4B,EAAE;MAClD,IAAI,CAACC,wBAAwB,GAAGD,EAAE;IACtC;EAAC;IAAA;IAAA;MAAA,qGAED;QAAA;QAAA;QAAA;UAAA;YAAA;cAAA,KACQ,IAAI,CAACE,SAAS;gBAAA;gBAAA;cAAA;cAAA;YAAA;cAIlB,IAAI,CAACA,SAAS,GAAG,IAAI;cAEfC,MAAmB,GAAG,EAAE;cACxBC,QAAoB,GAAG,EAAE;cAAA;gBAAA;gBAAA;kBAAA;oBAAA;sBAGrBxB,OAAO,GAAG,MAAI,CAACyB,WAAW,EAAE;sBAAA,IAE7BzB,OAAO;wBAAA;wBAAA;sBAAA;sBAAA;oBAAA;sBAAA;sBAAA;sBAAA,OAKc,MAAI,CAACN,QAAQ,CAACM,OAAO,CAACV,IAAI,EAAE;wBAC9CoC,UAAU,EAAE,IAAAC,YAAM,EAAC,8BAA8B,EAAE,UAAAC,KAAK,EAAI;0BACxD,MAAI,CAAC1B,YAAY,CAACC,GAAG,CAACH,OAAO,CAACT,EAAE,EAAEqC,KAAK,CAACC,IAAI,CAAC;wBACjD,CAAC;sBACL,CAAC,CAAC;oBAAA;sBAJIC,OAAO;sBAMb,IAAIA,OAAO,EAAE;wBACTN,QAAQ,CAACvB,IAAI,CAAC6B,OAAO,CAAC;sBAC1B;sBAAC;sBAAA;oBAAA;sBAAA;sBAAA;sBAED,IAAAC,iBAAW,EAAC,YAAM;wBACd,MAAI,CAAC7B,YAAY,CAACC,GAAG,CAACH,OAAO,CAACT,EAAE,EAAE,CAAC,CAAC,CAAC;sBACzC,CAAC,CAAC;sBAEFgC,MAAM,CAACtB,IAAI,CAAC;wBAAEX,IAAI,EAAEU,OAAO,CAACV,IAAI;wBAAE0C,CAAC;sBAAC,CAAC,CAAC;oBAAC;oBAAA;sBAAA;kBAAA;gBAAA;cAAA;YAAA;cAAA,KAtBxC,IAAI;gBAAA;gBAAA;cAAA;cAAA;YAAA;cAAA;cAAA;gBAAA;gBAAA;cAAA;cAAA;YAAA;cAAA;cAAA;YAAA;cA0BX,IAAAD,iBAAW,EAAC,YAAM;gBACd,MAAI,CAACT,SAAS,GAAG,KAAK;cAC1B,CAAC,CAAC;cAEF,IAAI,IAAI,CAACD,wBAAwB,EAAE;gBAC/B,IAAI,CAACA,wBAAwB,CAAC;kBAAEG,QAAQ,EAARA,QAAQ;kBAAED,MAAM,EAANA;gBAAO,CAAC,CAAC;cACvD;YAAC;YAAA;cAAA;UAAA;QAAA;MAAA,CACJ;MAAA;QAAA;MAAA;MAAA;IAAA;EAAA;IAAA;IAAA,OAED,uBAAsB;MAAA;MAClB,OAAO,IAAI,CAAC1B,QAAQ,CAACoC,IAAI,CAAC,UAAA3C,IAAI;QAAA,OAAI,MAAI,CAACY,YAAY,CAACgC,GAAG,CAAC5C,IAAI,CAACC,EAAE,CAAC,KAAK,CAAC;MAAA,EAAC;IAC3E;EAAC;EAAA;AAAA;AAAA"}
+{"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 \"~/types.js\";\nimport type { FileManagerViewContext } from \"~/modules/FileManagerRenderer/FileManagerViewProvider/index.js\";\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":"AAAA,SAASA,UAAU,QAAQ,eAAe;AAC1C,SAASC,kBAAkB,EAAEC,WAAW,EAAEC,MAAM,QAAQ,MAAM;AAkB9D,MAAMC,OAAO,CAAC;EAIVC,WAAWA,CAACC,IAAU,EAAE;IACpB,IAAI,CAACC,EAAE,GAAGP,UAAU,CAAC,CAAC;IACtB,IAAI,CAACM,IAAI,GAAGA,IAAI;EACpB;AACJ;AAEA,OAAO,MAAME,iBAAiB,CAAC;EAEnBC,QAAQ,GAAc,EAAE;EAExBC,SAAS,GAAG,KAAK;EACjBC,YAAY,GAAwB,IAAIC,GAAG,CAAC,CAAC;EAErDP,WAAWA,CAACQ,QAA8C,EAAE;IACxD,IAAI,CAACA,QAAQ,GAAGA,QAAQ;IACxBZ,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOa,OAAOA,CAAA,EAAG;IACb,OAAO,IAAI,CAACL,QAAQ;EACxB;EAEOM,QAAQA,CAACC,KAAa,EAAE;IAC3BA,KAAK,CAACC,OAAO,CAACX,IAAI,IAAI;MAClB,MAAMY,OAAO,GAAG,IAAId,OAAO,CAACE,IAAI,CAAC;MACjC,IAAI,CAACG,QAAQ,CAACU,IAAI,CAACD,OAAO,CAAC;MAC3B,IAAI,CAACP,YAAY,CAACS,GAAG,CAACF,OAAO,CAACX,EAAE,EAAE,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,IAAI,CAACc,MAAM,CAAC,CAAC;EACjB;EAEOC,KAAKA,CAAA,EAAG;IACX,IAAI,CAACb,QAAQ,GAAG,EAAE;IAClB,IAAI,CAACE,YAAY,CAACY,KAAK,CAAC,CAAC;EAC7B;EAEA,IAAIC,QAAQA,CAAA,EAAG;IACX,MAAMC,eAAe,GAAGC,KAAK,CAACC,IAAI,CAAC,IAAI,CAAChB,YAAY,CAACiB,MAAM,CAAC,CAAC,CAAC;IAC9D,MAAMC,WAAW,GAAGJ,eAAe,CAACK,MAAM,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,GAAGC,CAAC,EAAE,CAAC,CAAC;IAC9D,MAAMC,kBAAkB,GAAG,IAAI,CAACxB,QAAQ,CAACqB,MAAM,CAAC,CAACI,GAAG,EAAEC,GAAG,KAAKD,GAAG,GAAGC,GAAG,CAAC7B,IAAI,CAAC8B,IAAI,EAAE,CAAC,CAAC;IACrF,OAAOC,IAAI,CAACC,GAAG,CAAE,GAAG,GAAGT,WAAW,GAAII,kBAAkB,EAAE,GAAG,CAAC;EAClE;EAEOM,gBAAgBA,CAACC,EAA4B,EAAE;IAClD,IAAI,CAACC,wBAAwB,GAAGD,EAAE;EACtC;EAEA,MAAcnB,MAAMA,CAAA,EAAG;IACnB,IAAI,IAAI,CAACX,SAAS,EAAE;MAChB;IACJ;IAEA,IAAI,CAACA,SAAS,GAAG,IAAI;IAErB,MAAMgC,MAAmB,GAAG,EAAE;IAC9B,MAAMC,QAAoB,GAAG,EAAE;IAE/B,OAAO,IAAI,EAAE;MACT,MAAMzB,OAAO,GAAG,IAAI,CAAC0B,WAAW,CAAC,CAAC;MAElC,IAAI,CAAC1B,OAAO,EAAE;QACV;MACJ;MAEA,IAAI;QACA,MAAM2B,OAAO,GAAG,MAAM,IAAI,CAAChC,QAAQ,CAACK,OAAO,CAACZ,IAAI,EAAE;UAC9CwC,UAAU,EAAE3C,MAAM,CAAC,8BAA8B,EAAE4C,KAAK,IAAI;YACxD,IAAI,CAACpC,YAAY,CAACS,GAAG,CAACF,OAAO,CAACX,EAAE,EAAEwC,KAAK,CAACC,IAAI,CAAC;UACjD,CAAC;QACL,CAAC,CAAC;QAEF,IAAIH,OAAO,EAAE;UACTF,QAAQ,CAACxB,IAAI,CAAC0B,OAAO,CAAC;QAC1B;MACJ,CAAC,CAAC,OAAOI,CAAC,EAAE;QACR/C,WAAW,CAAC,MAAM;UACd,IAAI,CAACS,YAAY,CAACS,GAAG,CAACF,OAAO,CAACX,EAAE,EAAE,CAAC,CAAC,CAAC;QACzC,CAAC,CAAC;QAEFmC,MAAM,CAACvB,IAAI,CAAC;UAAEb,IAAI,EAAEY,OAAO,CAACZ,IAAI;UAAE2C;QAAE,CAAC,CAAC;MAC1C;IACJ;IAEA/C,WAAW,CAAC,MAAM;MACd,IAAI,CAACQ,SAAS,GAAG,KAAK;IAC1B,CAAC,CAAC;IAEF,IAAI,IAAI,CAAC+B,wBAAwB,EAAE;MAC/B,IAAI,CAACA,wBAAwB,CAAC;QAAEE,QAAQ;QAAED;MAAO,CAAC,CAAC;IACvD;EACJ;EAEQE,WAAWA,CAAA,EAAG;IAClB,OAAO,IAAI,CAACnC,QAAQ,CAACyC,IAAI,CAAC5C,IAAI,IAAI,IAAI,CAACK,YAAY,CAACwC,GAAG,CAAC7C,IAAI,CAACC,EAAE,CAAC,KAAK,CAAC,CAAC;EAC3E;AACJ","ignoreList":[]}

package/README.md

@@ -1,32 +1,11 @@
-# @webiny/file-manager
-[![](https://img.shields.io/npm/dw/@webiny/app-file-manager.svg)](https://www.npmjs.com/package/@webiny/app-file-manager) 
-[![](https://img.shields.io/npm/v/@webiny/app-file-manager.svg)](https://www.npmjs.com/package/@webiny/app-file-manager)
-[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
-[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
+# @webiny/app-file-manager
 
-UI Components for File Manager configurations
-  
-## Install
-```
-npm install --save @webiny/app-file-manager
-```
+> [!NOTE]
+> This package is part of the [Webiny](https://www.webiny.com) monorepo.
+> It’s **included in every Webiny project by default** and is not meant to be used as a standalone package.
 
-Or if you prefer yarn: 
-```
-yarn add @webiny/app-file-manager
-```
+📘 **Documentation:** [https://www.webiny.com/docs](https://www.webiny.com/docs)
 
-## Setup
-To setup, you must register a set of plugins. For more information on 
-plugins, please visit [Webiny documentation](https://docs.webiny.com/docs/developer-tutorials/plugins-crash-course).
+---
 
-#### Admin
-```
-import { plugins } from "@webiny/plugins";
-import appFileManagerPlugin from "@webiny/app-file-manager/admin"
-
-plugins.register(appFileManagerPlugin);
-```
-
-Enables the file manager settings components which can be accessed via Settings 
-section in the main menu.
+_This README file is automatically generated during the publish process._

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/index.js";
+import { FileManagerApiProviderModule } from "./modules/FileManagerApiProvider/index.js";
+import { FileManagerRendererModule } from "./modules/FileManagerRenderer/index.js";
+import { HeadlessCmsModule } from "./modules/HeadlessCms/index.js";
+import { EnterpriseModule } from "./modules/Enterprise/index.js";
+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/index.js\";\nimport { FileManagerApiProviderModule } from \"~/modules/FileManagerApiProvider/index.js\";\nimport { FileManagerRendererModule } from \"~/modules/FileManagerRenderer/index.js\";\nimport { HeadlessCmsModule } from \"~/modules/HeadlessCms/index.js\";\nimport { EnterpriseModule } from \"~/modules/Enterprise/index.js\";\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.js";
+import type { ListStatusProps } from "./ListStatus.js";
+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.js";
+import { Separator } from "@webiny/admin-ui";
+import { SupportedFileTypes } from "./SupportedFileTypes.js";
+import ListStatus from "./ListStatus.js";
+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: "bg-neutral-base w-full overflow-hidden z-5"
+  }, /*#__PURE__*/React.createElement(Separator, null), /*#__PURE__*/React.createElement("div", {
+    className: "h-xl px-md py-sm flex items-center 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.js\";\nimport { Separator } from \"@webiny/admin-ui\";\n\nimport type { SupportedFileTypesProps } from \"./SupportedFileTypes.js\";\nimport { SupportedFileTypes } from \"./SupportedFileTypes.js\";\nimport type { ListStatusProps } from \"./ListStatus.js\";\nimport ListStatus from \"./ListStatus.js\";\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=\"bg-neutral-base w-full overflow-hidden z-5\">\n            <Separator />\n            <div className={\"h-xl px-md py-sm flex items-center justify-between\"}>\n                <SupportedFileTypes {...props} />\n                <ListStatus {...props} />\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,IAAI,MAAM,cAAc;AAC/B,SAASC,SAAS,QAAQ,kBAAkB;AAG5C,SAASC,kBAAkB;AAE3B,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;EAA4C,gBACvDT,KAAA,CAAAQ,aAAA,CAACN,SAAS,MAAE,CAAC,eACbF,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAAqD,gBACjET,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/index.js";
+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: "flex items-center gap-sm"
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    as: "div",
+    className: "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/index.js\";\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=\"flex items-center gap-sm\">\n            <Text size={\"sm\"} as={\"div\"} className={\"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,2BAA2B;AAChD,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;EAA0B,gBACrCT,KAAA,CAAAQ,aAAA,CAACL,IAAI;IAACO,IAAI,EAAE,IAAK;IAACC,EAAE,EAAE,KAAM;IAACF,SAAS,EAAE;EAAsB,GACzDL,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,8 @@
 import React from "react";
 export interface SupportedFileTypesProps {
     accept: string[];
+    loading: boolean;
+    totalCount: number;
+    currentCount: number;
 }
-declare const SupportedFileTypes: React.FC<SupportedFileTypesProps>;
-export default SupportedFileTypes;
+export declare const SupportedFileTypes: ({ accept, loading, totalCount, currentCount }: SupportedFileTypesProps) => React.JSX.Element | null;