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

package/BatchFileUploader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="web" />
 import { FileItem } from "@webiny/app-admin/types";
 import { FileManagerViewContext } from "./modules/FileManagerRenderer/FileManagerViewProvider";
 export interface FileError {

package/BatchFileUploader.js

@@ -5,26 +5,20 @@ 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 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 _utils = require("@webiny/utils");
 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.id = (0, _utils.generateId)();
   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());
     this.uploader = uploader;
@@ -71,101 +65,52 @@ var BatchFileUploader = /*#__PURE__*/function () {
     }
   }, {
     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();
+    value: async function upload() {
+      var _this2 = this;
+      if (this.uploading) {
+        return;
+      }
+      this.uploading = true;
+      var errors = [];
+      var uploaded = [];
+      var _loop = async function _loop() {
+        var fileJob = _this2.getNextFile();
+        if (!fileJob) {
+          return "break";
+        }
+        try {
+          var newFile = await _this2.uploader(fileJob.file, {
+            onProgress: (0, _mobx.action)("BatchFileUploader.onProgress", function (event) {
+              _this2.uploadStatus.set(fileJob.id, event.sent);
+            })
+          });
+          if (newFile) {
+            uploaded.push(newFile);
           }
-        }, _callee, this);
-      }));
-      function upload() {
-        return _upload.apply(this, arguments);
+        } catch (e) {
+          (0, _mobx.runInAction)(function () {
+            _this2.uploadStatus.set(fileJob.id, -1);
+          });
+          errors.push({
+            file: fileJob.file,
+            e: e
+          });
+        }
+      };
+      while (true) {
+        var _ret = await _loop();
+        if (_ret === "break") break;
       }
-      return upload;
-    }()
+      (0, _mobx.runInAction)(function () {
+        _this2.uploading = false;
+      });
+      if (this.onUploadFinishedCallback) {
+        this.onUploadFinishedCallback({
+          uploaded: uploaded,
+          errors: errors
+        });
+      }
+    }
   }, {
     key: "getNextFile",
     value: function getNextFile() {
@@ -177,4 +122,6 @@ var BatchFileUploader = /*#__PURE__*/function () {
   }]);
   return BatchFileUploader;
 }();
-exports.BatchFileUploader = BatchFileUploader;
+exports.BatchFileUploader = BatchFileUploader;
+
+//# 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":["_utils","require","_mobx","FileJob","_createClass2","default","file","_classCallCheck2","id","generateId","BatchFileUploader","uploader","_defineProperty2","Map","makeAutoObservable","key","value","getJobs","fileJobs","addFiles","files","_this","forEach","fileJob","push","uploadStatus","set","upload","reset","clear","get","progressInBytes","Array","from","values","loadedBytes","reduce","a","b","totalBytesToUpload","sum","job","size","Math","min","onUploadFinished","cb","onUploadFinishedCallback","_this2","uploading","errors","uploaded","_loop","getNextFile","newFile","onProgress","action","event","sent","e","runInAction","_ret","_this3","find","exports"],"sources":["BatchFileUploader.ts"],"sourcesContent":["import { generateId } from \"@webiny/utils\";\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 = 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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"}

package/FileManagerFileTypePlugin.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.FileManagerFileTypePlugin = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -19,7 +18,6 @@ var FileManagerFileTypePlugin = /*#__PURE__*/function (_Plugin) {
     var _this;
     (0, _classCallCheck2.default)(this, FileManagerFileTypePlugin);
     _this = _super.call(this);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "config", void 0);
     _this.config = config || {};
     return _this;
   }
@@ -45,4 +43,6 @@ var FileManagerFileTypePlugin = /*#__PURE__*/function (_Plugin) {
   return FileManagerFileTypePlugin;
 }(_plugins.Plugin);
 exports.FileManagerFileTypePlugin = FileManagerFileTypePlugin;
-(0, _defineProperty2.default)(FileManagerFileTypePlugin, "type", "admin-file-manager-file-type");
+(0, _defineProperty2.default)(FileManagerFileTypePlugin, "type", "admin-file-manager-file-type");
+
+//# sourceMappingURL=FileManagerFileTypePlugin.js.map

package/FileManagerFileTypePlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["FileManagerFileTypePlugin","config","types","actions","params","render","Plugin"],"sources":["FileManagerFileTypePlugin.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\nimport { FileItem } from \"@webiny/app-admin/types\";\n\nexport interface RenderParams {\n    file: FileItem;\n    width?: number;\n}\n\ninterface Config {\n    types: string[];\n    actions?: React.ComponentType<RenderParams>[];\n    render(params: RenderParams): React.ReactNode;\n}\n\nexport class FileManagerFileTypePlugin extends Plugin {\n    public static override readonly type: string = \"admin-file-manager-file-type\";\n    private readonly config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this.config = config || {};\n    }\n\n    get types(): string[] {\n        return this.config.types || [];\n    }\n\n    get actions(): React.ComponentType<RenderParams>[] {\n        return this.config.actions || [];\n    }\n\n    public render(params: RenderParams): React.ReactNode {\n        if (!this.config.render) {\n            return null;\n        }\n        return this.config.render(params);\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AACA;AAAyC,IAc5BA,yBAAyB;EAAA;EAAA;EAIlC,mCAAmBC,MAAe,EAAE;IAAA;IAAA;IAChC;IAAQ;IACR,MAAKA,MAAM,GAAGA,MAAM,IAAI,CAAC,CAAC;IAAC;EAC/B;EAAC;IAAA;IAAA,KAED,eAAsB;MAClB,OAAO,IAAI,CAACA,MAAM,CAACC,KAAK,IAAI,EAAE;IAClC;EAAC;IAAA;IAAA,KAED,eAAmD;MAC/C,OAAO,IAAI,CAACD,MAAM,CAACE,OAAO,IAAI,EAAE;IACpC;EAAC;IAAA;IAAA,OAED,gBAAcC,MAAoB,EAAmB;MACjD,IAAI,CAAC,IAAI,CAACH,MAAM,CAACI,MAAM,EAAE;QACrB,OAAO,IAAI;MACf;MACA,OAAO,IAAI,CAACJ,MAAM,CAACI,MAAM,CAACD,MAAM,CAAC;IACrC;EAAC;EAAA;AAAA,EAtB0CE,eAAM;AAAA;AAAA,8BAAxCN,yBAAyB,UACa,8BAA8B"}
+{"version":3,"names":["_plugins","require","FileManagerFileTypePlugin","_Plugin","_inherits2","default","_super","_createSuper2","config","_this","_classCallCheck2","call","_createClass2","key","get","types","actions","value","render","params","Plugin","exports","_defineProperty2"],"sources":["FileManagerFileTypePlugin.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\nimport { FileItem } from \"@webiny/app-admin/types\";\n\nexport interface RenderParams {\n    file: FileItem;\n    width?: number;\n}\n\ninterface Config {\n    types: string[];\n    actions?: React.ComponentType<RenderParams>[];\n    render(params: RenderParams): React.ReactNode;\n}\n\nexport class FileManagerFileTypePlugin extends Plugin {\n    public static override readonly type: string = \"admin-file-manager-file-type\";\n    private readonly config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this.config = config || {};\n    }\n\n    get types(): string[] {\n        return this.config.types || [];\n    }\n\n    get actions(): React.ComponentType<RenderParams>[] {\n        return this.config.actions || [];\n    }\n\n    public render(params: RenderParams): React.ReactNode {\n        if (!this.config.render) {\n            return null;\n        }\n        return this.config.render(params);\n    }\n}\n"],"mappings":";;;;;;;;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AAAyC,IAc5BC,yBAAyB,0BAAAC,OAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,yBAAA,EAAAC,OAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,yBAAA;EAIlC,SAAAA,0BAAmBM,MAAe,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAL,OAAA,QAAAH,yBAAA;IAChCO,KAAA,GAAAH,MAAA,CAAAK,IAAA;IACAF,KAAA,CAAKD,MAAM,GAAGA,MAAM,IAAI,CAAC,CAAC;IAAC,OAAAC,KAAA;EAC/B;EAAC,IAAAG,aAAA,CAAAP,OAAA,EAAAH,yBAAA;IAAAW,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAsB;MAClB,OAAO,IAAI,CAACN,MAAM,CAACO,KAAK,IAAI,EAAE;IAClC;EAAC;IAAAF,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAmD;MAC/C,OAAO,IAAI,CAACN,MAAM,CAACQ,OAAO,IAAI,EAAE;IACpC;EAAC;IAAAH,GAAA;IAAAI,KAAA,EAED,SAAAC,OAAcC,MAAoB,EAAmB;MACjD,IAAI,CAAC,IAAI,CAACX,MAAM,CAACU,MAAM,EAAE;QACrB,OAAO,IAAI;MACf;MACA,OAAO,IAAI,CAACV,MAAM,CAACU,MAAM,CAACC,MAAM,CAAC;IACrC;EAAC;EAAA,OAAAjB,yBAAA;AAAA,EAtB0CkB,eAAM;AAAAC,OAAA,CAAAnB,yBAAA,GAAAA,yBAAA;AAAA,IAAAoB,gBAAA,CAAAjB,OAAA,EAAxCH,yBAAyB,UACa,8BAA8B"}

package/app.d.ts

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

package/app.js

@@ -10,7 +10,10 @@ var _Settings = require("./modules/Settings");
 var _FileManagerApiProvider = require("./modules/FileManagerApiProvider");
 var _FileTypes = require("./modules/FileTypes");
 var _FileManagerRenderer = require("./modules/FileManagerRenderer");
+var _HeadlessCms = require("./modules/HeadlessCms");
 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));
+  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), /*#__PURE__*/_react.default.createElement(_HeadlessCms.HeadlessCmsModule, null));
 };
-exports.FileManager = FileManager;
+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","_interopRequireDefault","require","_Settings","_FileManagerApiProvider","_FileTypes","_FileManagerRenderer","_HeadlessCms","FileManager","default","createElement","Fragment","SettingsModule","FileManagerApiProviderModule","FileTypesModule","FileManagerRendererModule","HeadlessCmsModule","exports"],"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\";\nimport { HeadlessCmsModule } from \"~/modules/HeadlessCms\";\n\nexport const FileManager = () => {\n    return (\n        <>\n            <SettingsModule />\n            <FileManagerApiProviderModule />\n            <FileTypesModule />\n            <FileManagerRendererModule />\n            <HeadlessCmsModule />\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAEO,IAAMM,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;EAC7B,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAAAV,MAAA,CAAAS,OAAA,CAAAE,QAAA,qBACIX,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAS,cAAc,MAAE,CAAC,eAClBZ,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,uBAAA,CAAAS,4BAA4B,MAAE,CAAC,eAChCb,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACL,UAAA,CAAAS,eAAe,MAAE,CAAC,eACnBd,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACJ,oBAAA,CAAAS,yBAAyB,MAAE,CAAC,eAC7Bf,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACH,YAAA,CAAAS,iBAAiB,MAAE,CACtB,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAT,WAAA,GAAAA,WAAA"}

package/components/BottomInfoBar/BottomInfoBar.d.ts

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

package/components/BottomInfoBar/BottomInfoBar.js

@@ -22,4 +22,6 @@ _lite.default.define({
 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)));
 };
-exports.BottomInfoBar = BottomInfoBar;
+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","_interopRequireDefault","require","_lite","_SupportedFileTypes","_ListStatus","_styled","mime","define","BottomInfoBar","props","default","createElement","BottomInfoBarWrapper","BottomInfoBarInner","exports"],"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\ntype BottomInfoBarProps = SupportedFileTypesProps & ListStatusProps;\n\nexport const BottomInfoBar = (props: BottomInfoBarProps) => {\n    return (\n        <BottomInfoBarWrapper>\n            <BottomInfoBarInner>\n                <SupportedFileTypes {...props} />\n                <ListStatus {...props} />\n            </BottomInfoBarInner>\n        </BottomInfoBarWrapper>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,mBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAEAK,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;AAInD,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAyB,EAAK;EACxD,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,OAAA,CAAAO,oBAAoB,qBACjBb,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,OAAA,CAAAQ,kBAAkB,qBACfd,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,mBAAA,CAAAO,OAAkB,EAAKD,KAAQ,CAAC,eACjCV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,WAAA,CAAAM,OAAU,EAAKD,KAAQ,CACR,CACF,CAAC;AAE/B,CAAC;AAACK,OAAA,CAAAN,aAAA,GAAAA,aAAA"}

package/components/BottomInfoBar/ListStatus.d.ts

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

package/components/BottomInfoBar/ListStatus.js

@@ -23,4 +23,6 @@ var ListStatus = function ListStatus(_ref) {
   })));
 };
 var _default = ListStatus;
-exports.default = _default;
+exports.default = _default;
+
+//# 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","_interopRequireDefault","require","_i18n","_Progress","_styled","_templateObject","t","i18n","ns","ListStatus","_ref","listing","default","createElement","StatusWrapper","UploadingLabel","_taggedTemplateLiteral2","CircularProgressHolder","CircularProgress","size","spinnerWidth","_default","exports"],"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 = ({ listing }: ListStatusProps) => {\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAAiF,IAAAI,eAAA;AAEjF,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+DAA+D,CAAC;AAMlF,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAqC;EAAA,IAA/BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EACzB,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBACIZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,OAAA,CAAAU,aAAa,qBACVf,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,OAAA,CAAAW,cAAc,QAAET,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAW,uBAAA,CAAAJ,OAAA,8BAAwC,CAAC,eAC3Db,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,OAAA,CAAAa,sBAAsB,qBACnBlB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,SAAA,CAAAe,gBAAgB;IAACC,IAAI,EAAE,EAAG;IAACC,YAAY,EAAE;EAAE,CAAE,CAC1B,CACb,CAAC;AAExB,CAAC;AAAC,IAAAC,QAAA,GAEaZ,UAAU;AAAAa,OAAA,CAAAV,OAAA,GAAAS,QAAA"}

package/components/BottomInfoBar/SupportedFileTypes.d.ts

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

package/components/BottomInfoBar/SupportedFileTypes.js

@@ -44,4 +44,6 @@ var SupportedFileTypes = function SupportedFileTypes(_ref) {
   }));
 };
 var _default = SupportedFileTypes;
-exports.default = _default;
+exports.default = _default;
+
+//# 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","_interopRequireDefault","require","_i18n","_lite","_templateObject","_templateObject2","mime","define","t","i18n","ns","getUniqueFilePlugins","accept","exts","forEach","item","ext","getExtension","Object","keys","SupportedFileTypes","_ref","length","default","createElement","_taggedTemplateLiteral2","files","join","_default","exports"],"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 = ({ accept }: SupportedFileTypesProps) => {\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA6B,IAAAG,eAAA,EAAAC,gBAAA;AAE7BC,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,oBAAoBA,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,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAA4C;EAAA,IAAtCT,MAAM,GAAAS,IAAA,CAANT,MAAM;EAChC,IAAI,CAACA,MAAM,EAAE;IACT,OAAO,IAAI;EACf;EAEA,IAAIA,MAAM,CAACU,MAAM,KAAK,CAAC,EAAE;IACrB,oBAAOvB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,eAAOhB,CAAC,CAAAJ,eAAA,KAAAA,eAAA,OAAAqB,uBAAA,CAAAF,OAAA,qCAAqC,CAAC;EACzD;EAEA,oBACIxB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,eACKhB,CAAC,CAAAH,gBAAA,KAAAA,gBAAA,OAAAoB,uBAAA,CAAAF,OAAA,yDAAkD;IAChDG,KAAK,EAAEf,oBAAoB,CAACC,MAAM,CAAC,CAACe,IAAI,CAAC,IAAI;EACjD,CAAC,CACC,CAAC;AAEf,CAAC;AAAC,IAAAC,QAAA,GAEaR,kBAAkB;AAAAS,OAAA,CAAAN,OAAA,GAAAK,QAAA"}

package/components/BottomInfoBar/index.js

@@ -13,4 +13,6 @@ Object.keys(_BottomInfoBar).forEach(function (key) {
       return _BottomInfoBar[key];
     }
   });
-});
+});
+
+//# sourceMappingURL=index.js.map

package/components/BottomInfoBar/index.js.map

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

package/components/BottomInfoBar/styled.d.ts

@@ -1,6 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
-/// <reference types="web" />
 export declare const BottomInfoBarWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/components/BottomInfoBar/styled.js

@@ -30,4 +30,6 @@ var UploadingLabel = /*#__PURE__*/(0, _styled.default)("div", {
   label: "UploadingLabel",
   target: "e16zhfly4"
 })("margin-right:5px;");
-exports.UploadingLabel = UploadingLabel;
+exports.UploadingLabel = UploadingLabel;
+
+//# sourceMappingURL=styled.js.map

package/components/BottomInfoBar/styled.js.map

@@ -1 +1 @@
-{"version":3,"names":["BottomInfoBarWrapper","styled","BottomInfoBarInner","StatusWrapper","CircularProgressHolder","UploadingLabel"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const BottomInfoBarWrapper = styled(\"div\")`\n    font-size: 0.8rem;\n    position: sticky;\n    bottom: 0;\n    height: 30px;\n    color: var(--mdc-theme-text-secondary-on-background);\n    border-top: 1px solid var(--mdc-theme-on-background);\n    background: var(--mdc-theme-surface);\n    width: 100%;\n    transform: translateZ(0);\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    z-index: 1;\n`;\n\nexport const BottomInfoBarInner = styled(\"div\")`\n    padding: 0 10px;\n    width: 100%;\n`;\n\nexport const StatusWrapper = styled(\"div\")`\n    color: var(--mdc-theme-primary);\n    position: absolute;\n    right: 0;\n    bottom: 10px;\n    margin-right: 10px;\n    display: flex;\n    align-items: center;\n    > div {\n        display: inline-block;\n    }\n`;\n\nexport const CircularProgressHolder = styled(\"div\")`\n    position: relative;\n    height: 12px;\n    width: 12px;\n`;\n\nexport const UploadingLabel = styled(\"div\")`\n    margin-right: 5px;\n`;\n"],"mappings":";;;;;;;AAAA;AAEO,IAAMA,oBAAoB,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,qSAc/C;AAAC;AAEK,IAAMC,kBAAkB,oBAAGD,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,gCAG7C;AAAC;AAEK,IAAME,aAAa,oBAAGF,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,yJAWxC;AAAC;AAEK,IAAMG,sBAAsB,oBAAGH,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,+CAIjD;AAAC;AAEK,IAAMI,cAAc,oBAAGJ,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,uBAEzC;AAAC"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","BottomInfoBarWrapper","styled","label","target","exports","BottomInfoBarInner","StatusWrapper","CircularProgressHolder","UploadingLabel"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const BottomInfoBarWrapper = styled(\"div\")`\n    font-size: 0.8rem;\n    position: sticky;\n    bottom: 0;\n    height: 30px;\n    color: var(--mdc-theme-text-secondary-on-background);\n    border-top: 1px solid var(--mdc-theme-on-background);\n    background: var(--mdc-theme-surface);\n    width: 100%;\n    transform: translateZ(0);\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    z-index: 1;\n`;\n\nexport const BottomInfoBarInner = styled(\"div\")`\n    padding: 0 10px;\n    width: 100%;\n`;\n\nexport const StatusWrapper = styled(\"div\")`\n    color: var(--mdc-theme-primary);\n    position: absolute;\n    right: 0;\n    bottom: 10px;\n    margin-right: 10px;\n    display: flex;\n    align-items: center;\n    > div {\n        display: inline-block;\n    }\n`;\n\nexport const CircularProgressHolder = styled(\"div\")`\n    position: relative;\n    height: 12px;\n    width: 12px;\n`;\n\nexport const UploadingLabel = styled(\"div\")`\n    margin-right: 5px;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,oBAAoB,oBAAGC,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,qSAc/C;AAACC,OAAA,CAAAJ,oBAAA,GAAAA,oBAAA;AAEK,IAAMK,kBAAkB,oBAAGJ,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,gCAG7C;AAACC,OAAA,CAAAC,kBAAA,GAAAA,kBAAA;AAEK,IAAMC,aAAa,oBAAGL,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,yJAWxC;AAACC,OAAA,CAAAE,aAAA,GAAAA,aAAA;AAEK,IAAMC,sBAAsB,oBAAGN,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,+CAIjD;AAACC,OAAA,CAAAG,sBAAA,GAAAA,sBAAA;AAEK,IAAMC,cAAc,oBAAGP,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,uBAEzC;AAACC,OAAA,CAAAI,cAAA,GAAAA,cAAA"}

package/components/BulkActions/ActionDelete.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ActionDelete: (() => JSX.Element | null) & {
+    displayName: string;
+};

package/components/BulkActions/ActionDelete.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionDelete = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _delete = require("@material-design-icons/svg/outlined/delete.svg");
+var _mobxReactLite = require("mobx-react-lite");
+var _FileManagerViewConfig = require("../../modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig");
+var _FileManagerApiContext = require("../../modules/FileManagerApiProvider/FileManagerApiContext");
+var _FileManagerViewProvider = require("../../modules/FileManagerRenderer/FileManagerViewProvider");
+var _BulkActions = require("./BulkActions");
+var ActionDelete = (0, _mobxReactLite.observer)(function () {
+  var _useFileManagerView = (0, _FileManagerViewProvider.useFileManagerView)(),
+    deleteFile = _useFileManagerView.deleteFile;
+  var _useFileManagerApi = (0, _FileManagerApiContext.useFileManagerApi)(),
+    canDelete = _useFileManagerApi.canDelete;
+  var _FileManagerViewConfi = _FileManagerViewConfig.FileManagerViewConfig.Browser.BulkAction,
+    useWorker = _FileManagerViewConfi.useWorker,
+    useButtons = _FileManagerViewConfi.useButtons,
+    useDialog = _FileManagerViewConfi.useDialog;
+  var _useButtons = useButtons(),
+    IconButton = _useButtons.IconButton;
+  var worker = useWorker();
+  var _useDialog = useDialog(),
+    showConfirmationDialog = _useDialog.showConfirmationDialog,
+    showResultsDialog = _useDialog.showResultsDialog;
+  var filesLabel = (0, _react.useMemo)(function () {
+    return (0, _BulkActions.getFilesLabel)(worker.items.length);
+  }, [worker.items.length]);
+  var canDeleteAll = (0, _react.useMemo)(function () {
+    return worker.items.every(function (item) {
+      return canDelete(item);
+    });
+  }, [worker.items]);
+  var openDeleteDialog = function openDeleteDialog() {
+    return showConfirmationDialog({
+      title: "Delete files",
+      message: "You are about to delete ".concat(filesLabel, ". Are you sure you want to continue?"),
+      loadingLabel: "Processing ".concat(filesLabel),
+      execute: async function execute() {
+        await worker.processInSeries(async function (_ref) {
+          var item = _ref.item,
+            report = _ref.report;
+          try {
+            await deleteFile(item.id);
+            report.success({
+              title: "".concat(item.name),
+              message: "File successfully deleted."
+            });
+          } catch (e) {
+            report.error({
+              title: "".concat(item.name),
+              message: e.message
+            });
+          }
+        });
+        worker.resetItems();
+        showResultsDialog({
+          results: worker.results,
+          title: "Delete files",
+          message: "Finished deleting files! See full report below:"
+        });
+      }
+    });
+  };
+  if (!canDeleteAll) {
+    console.log("You don't have permissions to delete files.");
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(IconButton, {
+    icon: /*#__PURE__*/_react.default.createElement(_delete.ReactComponent, null),
+    onAction: openDeleteDialog,
+    label: "Delete ".concat(filesLabel),
+    tooltipPlacement: "bottom"
+  });
+});
+exports.ActionDelete = ActionDelete;
+
+//# sourceMappingURL=ActionDelete.js.map

package/components/BulkActions/ActionDelete.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_delete","_mobxReactLite","_FileManagerViewConfig","_FileManagerApiContext","_FileManagerViewProvider","_BulkActions","ActionDelete","observer","_useFileManagerView","useFileManagerView","deleteFile","_useFileManagerApi","useFileManagerApi","canDelete","_FileManagerViewConfi","FileManagerViewConfig","Browser","BulkAction","useWorker","useButtons","useDialog","_useButtons","IconButton","worker","_useDialog","showConfirmationDialog","showResultsDialog","filesLabel","useMemo","getFilesLabel","items","length","canDeleteAll","every","item","openDeleteDialog","title","message","concat","loadingLabel","execute","processInSeries","_ref","report","id","success","name","e","error","resetItems","results","console","log","default","createElement","icon","ReactComponent","onAction","label","tooltipPlacement","exports"],"sources":["ActionDelete.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete.svg\";\nimport { observer } from \"mobx-react-lite\";\n\nimport { FileManagerViewConfig } from \"~/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig\";\nimport { useFileManagerApi } from \"~/modules/FileManagerApiProvider/FileManagerApiContext\";\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\nimport { getFilesLabel } from \"~/components/BulkActions/BulkActions\";\n\nexport const ActionDelete = observer(() => {\n    const { deleteFile } = useFileManagerView();\n    const { canDelete } = useFileManagerApi();\n\n    const { useWorker, useButtons, useDialog } = FileManagerViewConfig.Browser.BulkAction;\n    const { IconButton } = useButtons();\n    const worker = useWorker();\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n    const filesLabel = useMemo(() => {\n        return getFilesLabel(worker.items.length);\n    }, [worker.items.length]);\n\n    const canDeleteAll = useMemo(() => {\n        return worker.items.every(item => canDelete(item));\n    }, [worker.items]);\n\n    const openDeleteDialog = () =>\n        showConfirmationDialog({\n            title: \"Delete files\",\n            message: `You are about to delete ${filesLabel}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${filesLabel}`,\n            execute: async () => {\n                await worker.processInSeries(async ({ item, report }) => {\n                    try {\n                        await deleteFile(item.id);\n\n                        report.success({\n                            title: `${item.name}`,\n                            message: \"File successfully deleted.\"\n                        });\n                    } catch (e) {\n                        report.error({\n                            title: `${item.name}`,\n                            message: e.message\n                        });\n                    }\n                });\n\n                worker.resetItems();\n\n                showResultsDialog({\n                    results: worker.results,\n                    title: \"Delete files\",\n                    message: \"Finished deleting files! See full report below:\"\n                });\n            }\n        });\n\n    if (!canDeleteAll) {\n        console.log(\"You don't have permissions to delete files.\");\n        return null;\n    }\n\n    return (\n        <IconButton\n            icon={<DeleteIcon />}\n            onAction={openDeleteDialog}\n            label={`Delete ${filesLabel}`}\n            tooltipPlacement={\"bottom\"}\n        />\n    );\n});\n"],"mappings":"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"}

package/components/BulkActions/ActionEdit/ActionEdit.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ActionEdit: (() => JSX.Element | null) & {
+    displayName: string;
+};