@webiny/app-file-manager 5.36.2 → 5.37.0-beta.1

package/BatchFileUploader.d.ts

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

@@ -7,24 +7,20 @@ Object.defineProperty(exports, "__esModule", {
 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;

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":"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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","_upload","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","_this2","errors","uploaded","_loop","_ret","wrap","_callee$","_context2","prev","next","uploading","abrupt","newFile","_loop$","_context","getNextFile","onProgress","action","event","sent","t0","runInAction","e","stop","delegateYield","apply","arguments","_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":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAA+D,IAkBzDE,OAAO,oBAAAC,aAAA,CAAAC,OAAA,EAIT,SAAAF,QAAYG,IAAU,EAAE;EAAA,IAAAC,gBAAA,CAAAF,OAAA,QAAAF,OAAA;EACpB,IAAI,CAACK,EAAE,GAAG,IAAAC,iBAAU,EAAC,CAAC;EACtB,IAAI,CAACH,IAAI,GAAGA,IAAI;AACpB,CAAC;AAAA,IAGQI,iBAAiB;EAO1B,SAAAA,kBAAYC,QAA8C,EAAE;IAAA,IAAAJ,gBAAA,CAAAF,OAAA,QAAAK,iBAAA;IAAA,IAAAE,gBAAA,CAAAP,OAAA,oBAL9B,EAAE;IAAA,IAAAO,gBAAA,CAAAP,OAAA,qBAEZ,KAAK;IAAA,IAAAO,gBAAA,CAAAP,OAAA,wBACmB,IAAIQ,GAAG,CAAC,CAAC;IAGjD,IAAI,CAACF,QAAQ,GAAGA,QAAQ;IACxB,IAAAG,wBAAkB,EAAC,IAAI,CAAC;EAC5B;EAAC,IAAAV,aAAA,CAAAC,OAAA,EAAAK,iBAAA;IAAAK,GAAA;IAAAC,KAAA,EAED,SAAAC,QAAA,EAAiB;MACb,OAAO,IAAI,CAACC,QAAQ;IACxB;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAG,SAAgBC,KAAa,EAAE;MAAA,IAAAC,KAAA;MAC3BD,KAAK,CAACE,OAAO,CAAC,UAAAhB,IAAI,EAAI;QAClB,IAAMiB,OAAO,GAAG,IAAIpB,OAAO,CAACG,IAAI,CAAC;QACjCe,KAAI,CAACH,QAAQ,CAACM,IAAI,CAACD,OAAO,CAAC;QAC3BF,KAAI,CAACI,YAAY,CAACC,GAAG,CAACH,OAAO,CAACf,EAAE,EAAE,CAAC,CAAC;MACxC,CAAC,CAAC;MAEF,IAAI,CAACmB,MAAM,CAAC,CAAC;IACjB;EAAC;IAAAZ,GAAA;IAAAC,KAAA,EAED,SAAAY,MAAA,EAAe;MACX,IAAI,CAACV,QAAQ,GAAG,EAAE;MAClB,IAAI,CAACO,YAAY,CAACI,KAAK,CAAC,CAAC;IAC7B;EAAC;IAAAd,GAAA;IAAAe,GAAA,EAED,SAAAA,IAAA,EAAe;MACX,IAAMC,eAAe,GAAGC,KAAK,CAACC,IAAI,CAAC,IAAI,CAACR,YAAY,CAACS,MAAM,CAAC,CAAC,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,CAACrB,QAAQ,CAACkB,MAAM,CAAC,UAACI,GAAG,EAAEC,GAAG;QAAA,OAAKD,GAAG,GAAGC,GAAG,CAACnC,IAAI,CAACoC,IAAI;MAAA,GAAE,CAAC,CAAC;MACrF,OAAOC,IAAI,CAACC,GAAG,CAAE,GAAG,GAAGT,WAAW,GAAII,kBAAkB,EAAE,GAAG,CAAC;IAClE;EAAC;IAAAxB,GAAA;IAAAC,KAAA,EAED,SAAA6B,iBAAwBC,EAA4B,EAAE;MAClD,IAAI,CAACC,wBAAwB,GAAGD,EAAE;IACtC;EAAC;IAAA/B,GAAA;IAAAC,KAAA;MAAA,IAAAgC,OAAA,OAAAC,kBAAA,CAAA5C,OAAA,oBAAA6C,oBAAA,CAAA7C,OAAA,IAAA8C,IAAA,CAED,SAAAC,QAAA;QAAA,IAAAC,MAAA;QAAA,IAAAC,MAAA,EAAAC,QAAA,EAAAC,KAAA,EAAAC,IAAA;QAAA,WAAAP,oBAAA,CAAA7C,OAAA,IAAAqD,IAAA,UAAAC,SAAAC,SAAA;UAAA,kBAAAA,SAAA,CAAAC,IAAA,GAAAD,SAAA,CAAAE,IAAA;YAAA;cAAA,KACQ,IAAI,CAACC,SAAS;gBAAAH,SAAA,CAAAE,IAAA;gBAAA;cAAA;cAAA,OAAAF,SAAA,CAAAI,MAAA;YAAA;cAIlB,IAAI,CAACD,SAAS,GAAG,IAAI;cAEfT,MAAmB,GAAG,EAAE;cACxBC,QAAoB,GAAG,EAAE;cAAAC,KAAA,oBAAAN,oBAAA,CAAA7C,OAAA,IAAA8C,IAAA,UAAAK,MAAA;gBAAA,IAAAjC,OAAA,EAAA0C,OAAA;gBAAA,WAAAf,oBAAA,CAAA7C,OAAA,IAAAqD,IAAA,UAAAQ,OAAAC,QAAA;kBAAA,kBAAAA,QAAA,CAAAN,IAAA,GAAAM,QAAA,CAAAL,IAAA;oBAAA;sBAGrBvC,OAAO,GAAG8B,MAAI,CAACe,WAAW,CAAC,CAAC;sBAAA,IAE7B7C,OAAO;wBAAA4C,QAAA,CAAAL,IAAA;wBAAA;sBAAA;sBAAA,OAAAK,QAAA,CAAAH,MAAA;oBAAA;sBAAAG,QAAA,CAAAN,IAAA;sBAAAM,QAAA,CAAAL,IAAA;sBAAA,OAKcT,MAAI,CAAC1C,QAAQ,CAACY,OAAO,CAACjB,IAAI,EAAE;wBAC9C+D,UAAU,EAAE,IAAAC,YAAM,EAAC,8BAA8B,EAAE,UAAAC,KAAK,EAAI;0BACxDlB,MAAI,CAAC5B,YAAY,CAACC,GAAG,CAACH,OAAO,CAACf,EAAE,EAAE+D,KAAK,CAACC,IAAI,CAAC;wBACjD,CAAC;sBACL,CAAC,CAAC;oBAAA;sBAJIP,OAAO,GAAAE,QAAA,CAAAK,IAAA;sBAMb,IAAIP,OAAO,EAAE;wBACTV,QAAQ,CAAC/B,IAAI,CAACyC,OAAO,CAAC;sBAC1B;sBAACE,QAAA,CAAAL,IAAA;sBAAA;oBAAA;sBAAAK,QAAA,CAAAN,IAAA;sBAAAM,QAAA,CAAAM,EAAA,GAAAN,QAAA;sBAED,IAAAO,iBAAW,EAAC,YAAM;wBACdrB,MAAI,CAAC5B,YAAY,CAACC,GAAG,CAACH,OAAO,CAACf,EAAE,EAAE,CAAC,CAAC,CAAC;sBACzC,CAAC,CAAC;sBAEF8C,MAAM,CAAC9B,IAAI,CAAC;wBAAElB,IAAI,EAAEiB,OAAO,CAACjB,IAAI;wBAAEqE,CAAC,EAAAR,QAAA,CAAAM;sBAAC,CAAC,CAAC;oBAAC;oBAAA;sBAAA,OAAAN,QAAA,CAAAS,IAAA;kBAAA;gBAAA,GAAApB,KAAA;cAAA;YAAA;cAAA,KAtBxC,IAAI;gBAAAI,SAAA,CAAAE,IAAA;gBAAA;cAAA;cAAA,OAAAF,SAAA,CAAAiB,aAAA,CAAArB,KAAA;YAAA;cAAAC,IAAA,GAAAG,SAAA,CAAAa,EAAA;cAAA,MAAAhB,IAAA;gBAAAG,SAAA,CAAAE,IAAA;gBAAA;cAAA;cAAA,OAAAF,SAAA,CAAAI,MAAA;YAAA;cAAAJ,SAAA,CAAAE,IAAA;cAAA;YAAA;cA0BX,IAAAY,iBAAW,EAAC,YAAM;gBACdrB,MAAI,CAACU,SAAS,GAAG,KAAK;cAC1B,CAAC,CAAC;cAEF,IAAI,IAAI,CAAChB,wBAAwB,EAAE;gBAC/B,IAAI,CAACA,wBAAwB,CAAC;kBAAEQ,QAAQ,EAARA,QAAQ;kBAAED,MAAM,EAANA;gBAAO,CAAC,CAAC;cACvD;YAAC;YAAA;cAAA,OAAAM,SAAA,CAAAgB,IAAA;UAAA;QAAA,GAAAxB,OAAA;MAAA,CACJ;MAAA,SAAAzB,OAAA;QAAA,OAAAqB,OAAA,CAAA8B,KAAA,OAAAC,SAAA;MAAA;MAAA,OAAApD,MAAA;IAAA;EAAA;IAAAZ,GAAA;IAAAC,KAAA,EAED,SAAAoD,YAAA,EAAsB;MAAA,IAAAY,MAAA;MAClB,OAAO,IAAI,CAAC9D,QAAQ,CAAC+D,IAAI,CAAC,UAAA3E,IAAI;QAAA,OAAI0E,MAAI,CAACvD,YAAY,CAACK,GAAG,CAACxB,IAAI,CAACE,EAAE,CAAC,KAAK,CAAC;MAAA,EAAC;IAC3E;EAAC;EAAA,OAAAE,iBAAA;AAAA;AAAAwE,OAAA,CAAAxE,iBAAA,GAAAA,iBAAA"}

package/FileManagerFileTypePlugin.d.ts

@@ -3,6 +3,7 @@ import { Plugin } from "@webiny/plugins";
 import { FileItem } from "@webiny/app-admin/types";
 export interface RenderParams {
     file: FileItem;
+    width?: number;
 }
 interface Config {
     types: string[];

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;
   }

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}\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,IAa5BA,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.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","FileManager","default","createElement","Fragment","SettingsModule","FileManagerApiProviderModule","FileTypesModule","FileManagerRendererModule","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\";\n\nexport const FileManager: React.FC = () => {\n    return (\n        <>\n            <SettingsModule />\n            <FileManagerApiProviderModule />\n            <FileTypesModule />\n            <FileManagerRendererModule />\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;AAEO,IAAMK,WAAqB,GAAG,SAAxBA,WAAqBA,CAAA,EAAS;EACvC,oBACIP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAAAT,MAAA,CAAAQ,OAAA,CAAAE,QAAA,qBACIV,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,SAAA,CAAAQ,cAAc,MAAE,CAAC,eAClBX,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,uBAAA,CAAAQ,4BAA4B,MAAE,CAAC,eAChCZ,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACJ,UAAA,CAAAQ,eAAe,MAAE,CAAC,eACnBb,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACH,oBAAA,CAAAQ,yBAAyB,MAAE,CAC9B,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAR,WAAA,GAAAA,WAAA"}

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\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,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;AAEnD,IAAMC,aAAkE,GAAG,SAArEA,aAAkEA,CAAGC,KAAK,EAAI;EACvF,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.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: 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,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,UAAqC,GAAG,SAAxCA,UAAqCA,CAAAC,IAAA,EAAoB;EAAA,IAAdC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EACpD,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.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: 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,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,kBAAqD,GAAG,SAAxDA,kBAAqDA,CAAAC,IAAA,EAAmB;EAAA,IAAbT,MAAM,GAAAS,IAAA,CAANT,MAAM;EACnE,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.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.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/DropFilesHere/DropFilesHere.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","DropFilesHere","onDrop","onDragLeave","empty","onClick"],"sources":["DropFilesHere.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Icon } from \"@webiny/ui/Icon\";\n\nimport {\n    DropFilesHereWrapper,\n    DropFilesHereInner,\n    DropFilesHereIcon,\n    DropFilesHereIconWrapper\n} from \"./styled\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/drop-files-here\");\n\nexport interface DropFilesHereProps {\n    onDragLeave?: (event?: React.DragEvent<HTMLElement>) => void;\n    onDrop?: (event?: React.DragEvent<HTMLElement>) => void;\n    empty?: boolean;\n    onClick?: (event?: React.MouseEvent<HTMLElement>) => void;\n}\n\nexport const DropFilesHere: React.FC<DropFilesHereProps> = ({\n    onDrop,\n    onDragLeave,\n    empty,\n    onClick\n}) => {\n    return (\n        <DropFilesHereWrapper\n            empty={empty}\n            onDrop={onDrop}\n            onClick={onClick}\n            onDragLeave={onDragLeave}\n        >\n            <DropFilesHereInner empty={empty}>\n                <DropFilesHereIconWrapper>\n                    <Icon icon={<DropFilesHereIcon />} />\n                    <div>{t`Drop files here`}</div>\n                </DropFilesHereIconWrapper>\n            </DropFilesHereInner>\n        </DropFilesHereWrapper>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAEA;AAKkB;AAElB,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mDAAmD,CAAC;AAS/D,IAAMC,aAA2C,GAAG,SAA9CA,aAA2C,OAKlD;EAAA,IAJFC,MAAM,QAANA,MAAM;IACNC,WAAW,QAAXA,WAAW;IACXC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;EAEP,oBACI,6BAAC,4BAAoB;IACjB,KAAK,EAAED,KAAM;IACb,MAAM,EAAEF,MAAO;IACf,OAAO,EAAEG,OAAQ;IACjB,WAAW,EAAEF;EAAY,gBAEzB,6BAAC,0BAAkB;IAAC,KAAK,EAAEC;EAAM,gBAC7B,6BAAC,gCAAwB,qBACrB,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,yBAAiB;EAAI,EAAG,eACrC,0CAAMN,CAAC,mGAAwB,CACR,CACV,CACF;AAE/B,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Icon","_styled","_templateObject","t","i18n","ns","DropFilesHere","_ref","onDrop","onDragLeave","empty","onClick","default","createElement","DropFilesHereWrapper","DropFilesHereInner","DropFilesHereIconWrapper","Icon","icon","DropFilesHereIcon","_taggedTemplateLiteral2","exports"],"sources":["DropFilesHere.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Icon } from \"@webiny/ui/Icon\";\n\nimport {\n    DropFilesHereWrapper,\n    DropFilesHereInner,\n    DropFilesHereIcon,\n    DropFilesHereIconWrapper\n} from \"./styled\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/drop-files-here\");\n\nexport interface DropFilesHereProps {\n    onDragLeave?: (event?: React.DragEvent<HTMLElement>) => void;\n    onDrop?: (event?: React.DragEvent<HTMLElement>) => void;\n    empty?: boolean;\n    onClick?: (event?: React.MouseEvent<HTMLElement>) => void;\n}\n\nexport const DropFilesHere: React.FC<DropFilesHereProps> = ({\n    onDrop,\n    onDragLeave,\n    empty,\n    onClick\n}) => {\n    return (\n        <DropFilesHereWrapper\n            empty={empty}\n            onDrop={onDrop}\n            onClick={onClick}\n            onDragLeave={onDragLeave}\n        >\n            <DropFilesHereInner empty={empty}>\n                <DropFilesHereIconWrapper>\n                    <Icon icon={<DropFilesHereIcon />} />\n                    <div>{t`Drop files here`}</div>\n                </DropFilesHereIconWrapper>\n            </DropFilesHereInner>\n        </DropFilesHereWrapper>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAKkB,IAAAI,eAAA;AAElB,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mDAAmD,CAAC;AAS/D,IAAMC,aAA2C,GAAG,SAA9CA,aAA2CA,CAAAC,IAAA,EAKlD;EAAA,IAJFC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;EAEP,oBACIf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAa,oBAAoB;IACjBJ,KAAK,EAAEA,KAAM;IACbF,MAAM,EAAEA,MAAO;IACfG,OAAO,EAAEA,OAAQ;IACjBF,WAAW,EAAEA;EAAY,gBAEzBb,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAc,kBAAkB;IAACL,KAAK,EAAEA;EAAM,gBAC7Bd,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAe,wBAAwB,qBACrBpB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,KAAA,CAAAiB,IAAI;IAACC,IAAI,eAAEtB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAkB,iBAAiB,MAAE;EAAE,CAAE,CAAC,eACrCvB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,cAAMV,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAkB,uBAAA,CAAAR,OAAA,wBAAuB,CACR,CACV,CACF,CAAC;AAE/B,CAAC;AAACS,OAAA,CAAAf,aAAA,GAAAA,aAAA"}

package/components/DropFilesHere/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./DropFilesHere\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_DropFilesHere","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./DropFilesHere\";\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/DropFilesHere/styled.js.map

@@ -1 +1 @@
-{"version":3,"names":["DropFilesHereWrapper","styled","empty","DropFilesHereInner","DropFilesHereIconWrapper","DropFilesHereIcon","UploadIcon"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ReactComponent as UploadIcon } from \"@material-design-icons/svg/filled/cloud_upload.svg\";\n\ntype DropFilesHereWrapperProps = {\n    empty?: boolean;\n};\n\nexport const DropFilesHereWrapper = styled(\"div\")<DropFilesHereWrapperProps>`\n    margin: 0 auto;\n    padding-top: 0;\n    height: calc(100vh - 95px);\n    z-index: 3;\n    width: 100%;\n    position: absolute;\n    background: ${({ empty }) => (empty ? \"transparent\" : \"var(--mdc-theme-text-hint-on-light)\")};\n`;\n\nexport const DropFilesHereInner = styled(\"div\")<DropFilesHereWrapperProps>`\n    text-align: center;\n    width: 300px;\n    height: 300px;\n    background-color: ${({ empty }) =>\n        empty ? \"var(--mdc-theme-surface)\" : \"var(--mdc-theme-background)\"};\n    border-radius: 50%;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translateX(-50%) translateY(-50%);\n`;\n\nexport const DropFilesHereIconWrapper = styled(\"div\")`\n    position: absolute;\n    top: 90px;\n    width: 300px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    color: var(--mdc-theme-on-surface);\n`;\n\nexport const DropFilesHereIcon = styled(UploadIcon)`\n    width: 100px !important;\n    height: auto;\n    display: inline-block;\n    color: var(--mdc-theme-on-surface);\n`;\n"],"mappings":";;;;;;;AAAA;AACA;AAMO,IAAMA,oBAAoB,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,+GAO9B;EAAA,IAAGC,KAAK,QAALA,KAAK;EAAA,OAAQA,KAAK,GAAG,aAAa,GAAG,qCAAqC;AAAA,CAAC,MAC/F;AAAC;AAEK,IAAMC,kBAAkB,oBAAGF,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,mEAItB;EAAA,IAAGC,KAAK,SAALA,KAAK;EAAA,OACxBA,KAAK,GAAG,0BAA0B,GAAG,6BAA6B;AAAA,wGAMzE;AAAC;AAEK,IAAME,wBAAwB,oBAAGH,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,qIAQnD;AAAC;AAEK,IAAMI,iBAAiB,oBAAGJ,eAAM,EAACK,4BAAU;EAAA;EAAA;AAAA,gGAKjD;AAAC"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","_cloud_upload","DropFilesHereWrapper","styled","label","target","_ref","empty","exports","DropFilesHereInner","_ref2","DropFilesHereIconWrapper","DropFilesHereIcon","UploadIcon"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ReactComponent as UploadIcon } from \"@material-design-icons/svg/filled/cloud_upload.svg\";\n\ntype DropFilesHereWrapperProps = {\n    empty?: boolean;\n};\n\nexport const DropFilesHereWrapper = styled(\"div\")<DropFilesHereWrapperProps>`\n    margin: 0 auto;\n    padding-top: 0;\n    height: calc(100vh - 95px);\n    z-index: 3;\n    width: 100%;\n    position: absolute;\n    background: ${({ empty }) => (empty ? \"transparent\" : \"var(--mdc-theme-text-hint-on-light)\")};\n`;\n\nexport const DropFilesHereInner = styled(\"div\")<DropFilesHereWrapperProps>`\n    text-align: center;\n    width: 300px;\n    height: 300px;\n    background-color: ${({ empty }) =>\n        empty ? \"var(--mdc-theme-surface)\" : \"var(--mdc-theme-background)\"};\n    border-radius: 50%;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translateX(-50%) translateY(-50%);\n`;\n\nexport const DropFilesHereIconWrapper = styled(\"div\")`\n    position: absolute;\n    top: 90px;\n    width: 300px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    color: var(--mdc-theme-on-surface);\n`;\n\nexport const DropFilesHereIcon = styled(UploadIcon)`\n    width: 100px !important;\n    height: auto;\n    display: inline-block;\n    color: var(--mdc-theme-on-surface);\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAMO,IAAME,oBAAoB,oBAAGC,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,+GAO9B,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQA,KAAK,GAAG,aAAa,GAAG,qCAAqC;AAAA,CAAC,MAC/F;AAACC,OAAA,CAAAN,oBAAA,GAAAA,oBAAA;AAEK,IAAMO,kBAAkB,oBAAGN,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,mEAItB,UAAAK,KAAA;EAAA,IAAGH,KAAK,GAAAG,KAAA,CAALH,KAAK;EAAA,OACxBA,KAAK,GAAG,0BAA0B,GAAG,6BAA6B;AAAA,wGAMzE;AAACC,OAAA,CAAAC,kBAAA,GAAAA,kBAAA;AAEK,IAAME,wBAAwB,oBAAGR,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,qIAQnD;AAACG,OAAA,CAAAG,wBAAA,GAAAA,wBAAA;AAEK,IAAMC,iBAAiB,oBAAGT,eAAM,EAACU,4BAAU;EAAAT,KAAA;EAAAC,MAAA;AAAA,gGAKjD;AAACG,OAAA,CAAAI,iBAAA,GAAAA,iBAAA"}

package/components/Empty/Empty.js.map

@@ -1 +1 @@
-{"version":3,"names":["Empty","browseFiles","isSearchResult","useFileManagerApi","canRead"],"sources":["Empty.tsx"],"sourcesContent":["import React from \"react\";\nimport { FilesRenderChildren } from \"react-butterfiles\";\n\nimport { useFileManagerApi } from \"~/index\";\nimport { NoPermission } from \"~/components/NoPermission\";\nimport { NoResults } from \"~/components/NoResults\";\nimport { DropFilesHere } from \"~/components/DropFilesHere\";\n\ninterface EmptyViewProps {\n    browseFiles: FilesRenderChildren[\"browseFiles\"];\n    isSearchResult?: boolean;\n}\n\nexport const Empty: React.VFC<EmptyViewProps> = ({ browseFiles, isSearchResult }) => {\n    const { canRead } = useFileManagerApi();\n\n    if (!canRead) {\n        return <NoPermission />;\n    }\n    if (isSearchResult) {\n        return <NoResults />;\n    }\n    return <DropFilesHere empty onClick={() => browseFiles()} />;\n};\n"],"mappings":";;;;;;;AAAA;AAGA;AACA;AACA;AACA;AAOO,IAAMA,KAAgC,GAAG,SAAnCA,KAAgC,OAAwC;EAAA,IAAlCC,WAAW,QAAXA,WAAW;IAAEC,cAAc,QAAdA,cAAc;EAC1E,yBAAoB,IAAAC,mBAAiB,GAAE;IAA/BC,OAAO,sBAAPA,OAAO;EAEf,IAAI,CAACA,OAAO,EAAE;IACV,oBAAO,6BAAC,0BAAY,OAAG;EAC3B;EACA,IAAIF,cAAc,EAAE;IAChB,oBAAO,6BAAC,oBAAS,OAAG;EACxB;EACA,oBAAO,6BAAC,4BAAa;IAAC,KAAK;IAAC,OAAO,EAAE;MAAA,OAAMD,WAAW,EAAE;IAAA;EAAC,EAAG;AAChE,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_","_NoPermission","_NoResults","_DropFilesHere","Empty","_ref","browseFiles","isSearchResult","_useFileManagerApi","useFileManagerApi","canRead","default","createElement","NoPermission","NoResults","DropFilesHere","empty","onClick","exports"],"sources":["Empty.tsx"],"sourcesContent":["import React from \"react\";\nimport { FilesRenderChildren } from \"react-butterfiles\";\n\nimport { useFileManagerApi } from \"~/index\";\nimport { NoPermission } from \"~/components/NoPermission\";\nimport { NoResults } from \"~/components/NoResults\";\nimport { DropFilesHere } from \"~/components/DropFilesHere\";\n\ninterface EmptyViewProps {\n    browseFiles: FilesRenderChildren[\"browseFiles\"];\n    isSearchResult?: boolean;\n}\n\nexport const Empty: React.VFC<EmptyViewProps> = ({ browseFiles, isSearchResult }) => {\n    const { canRead } = useFileManagerApi();\n\n    if (!canRead) {\n        return <NoPermission />;\n    }\n    if (isSearchResult) {\n        return <NoResults />;\n    }\n    return <DropFilesHere empty onClick={() => browseFiles()} />;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,CAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAOO,IAAMK,KAAgC,GAAG,SAAnCA,KAAgCA,CAAAC,IAAA,EAAwC;EAAA,IAAlCC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAAEC,cAAc,GAAAF,IAAA,CAAdE,cAAc;EAC1E,IAAAC,kBAAA,GAAoB,IAAAC,mBAAiB,EAAC,CAAC;IAA/BC,OAAO,GAAAF,kBAAA,CAAPE,OAAO;EAEf,IAAI,CAACA,OAAO,EAAE;IACV,oBAAOb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAY,YAAY,MAAE,CAAC;EAC3B;EACA,IAAIN,cAAc,EAAE;IAChB,oBAAOV,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,UAAA,CAAAY,SAAS,MAAE,CAAC;EACxB;EACA,oBAAOjB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,cAAA,CAAAY,aAAa;IAACC,KAAK;IAACC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMX,WAAW,CAAC,CAAC;IAAA;EAAC,CAAE,CAAC;AAChE,CAAC;AAACY,OAAA,CAAAd,KAAA,GAAAA,KAAA"}

package/components/Empty/index.js.map

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

package/components/FileDetails/FileDetails.d.ts

@@ -1,24 +1,9 @@
 import React from "react";
 import { FileItem } from "@webiny/app-admin/types";
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "li-title": {
-                children?: React.ReactNode;
-            };
-            "li-content": {
-                children?: React.ReactNode;
-            };
-        }
-    }
-}
 export interface FileDetailsProps {
     file?: FileItem;
     open: boolean;
     loading: boolean;
-    scope?: string;
-    own?: boolean;
     onClose: () => void;
 }
 export declare const FileDetails: React.FC<FileDetailsProps>;
-export { useFile } from "./FileProvider";