@webiny/app-file-manager 0.0.0-unstable.97a151f74d → 0.0.0-unstable.98511f29f1

package/BatchFileUploader.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="web" />
+import { FileItem } from "@webiny/app-admin/types";
+import { FileManagerViewContext } from "./modules/FileManagerRenderer/FileManagerViewProvider";
+export interface FileError {
+    file: File;
+    e: Error;
+}
+interface OnUploadFinishedParams {
+    uploaded: FileItem[];
+    errors: FileError[];
+}
+interface OnUploadFinishedCallback {
+    (params: OnUploadFinishedParams): void;
+}
+declare class FileJob {
+    id: string;
+    file: File;
+    constructor(file: File);
+}
+export declare class BatchFileUploader {
+    private readonly uploader;
+    private fileJobs;
+    private onUploadFinishedCallback;
+    private uploading;
+    private uploadStatus;
+    constructor(uploader: FileManagerViewContext["uploadFile"]);
+    getJobs(): FileJob[];
+    addFiles(files: File[]): void;
+    reset(): void;
+    get progress(): number;
+    onUploadFinished(cb: OnUploadFinishedCallback): void;
+    private upload;
+    private getNextFile;
+}
+export {};

package/BatchFileUploader.js

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

package/BatchFileUploader.js.map

@@ -0,0 +1 @@
+{"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":"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"}

package/FileManagerFileTypePlugin.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { Plugin } from "@webiny/plugins";
+import { FileItem } from "@webiny/app-admin/types";
+export interface RenderParams {
+    file: FileItem;
+    width?: number;
+}
+interface Config {
+    types: string[];
+    actions?: React.ComponentType<RenderParams>[];
+    render(params: RenderParams): React.ReactNode;
+}
+export declare class FileManagerFileTypePlugin extends Plugin {
+    static readonly type: string;
+    private readonly config;
+    constructor(config?: Config);
+    get types(): string[];
+    get actions(): React.ComponentType<RenderParams>[];
+    render(params: RenderParams): React.ReactNode;
+}
+export {};

package/FileManagerFileTypePlugin.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FileManagerFileTypePlugin = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _plugins = require("@webiny/plugins");
+var FileManagerFileTypePlugin = /*#__PURE__*/function (_Plugin) {
+  (0, _inherits2.default)(FileManagerFileTypePlugin, _Plugin);
+  var _super = (0, _createSuper2.default)(FileManagerFileTypePlugin);
+  function FileManagerFileTypePlugin(config) {
+    var _this;
+    (0, _classCallCheck2.default)(this, FileManagerFileTypePlugin);
+    _this = _super.call(this);
+    _this.config = config || {};
+    return _this;
+  }
+  (0, _createClass2.default)(FileManagerFileTypePlugin, [{
+    key: "types",
+    get: function get() {
+      return this.config.types || [];
+    }
+  }, {
+    key: "actions",
+    get: function get() {
+      return this.config.actions || [];
+    }
+  }, {
+    key: "render",
+    value: function render(params) {
+      if (!this.config.render) {
+        return null;
+      }
+      return this.config.render(params);
+    }
+  }]);
+  return FileManagerFileTypePlugin;
+}(_plugins.Plugin);
+exports.FileManagerFileTypePlugin = FileManagerFileTypePlugin;
+(0, _defineProperty2.default)(FileManagerFileTypePlugin, "type", "admin-file-manager-file-type");

package/FileManagerFileTypePlugin.js.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const FileManager: React.FC;

package/app.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FileManager = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Settings = require("./modules/Settings");
+var _FileManagerApiProvider = require("./modules/FileManagerApiProvider");
+var _FileTypes = require("./modules/FileTypes");
+var _FileManagerRenderer = require("./modules/FileManagerRenderer");
+var FileManager = function FileManager() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Settings.SettingsModule, null), /*#__PURE__*/_react.default.createElement(_FileManagerApiProvider.FileManagerApiProviderModule, null), /*#__PURE__*/_react.default.createElement(_FileTypes.FileTypesModule, null), /*#__PURE__*/_react.default.createElement(_FileManagerRenderer.FileManagerRendererModule, null));
+};
+exports.FileManager = FileManager;

package/app.js.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SupportedFileTypesProps } from "./SupportedFileTypes";
+import { ListStatusProps } from "./ListStatus";
+export declare const BottomInfoBar: React.FC<SupportedFileTypesProps & ListStatusProps>;

package/components/BottomInfoBar/BottomInfoBar.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BottomInfoBar = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lite = _interopRequireDefault(require("mime/lite"));
+var _SupportedFileTypes = _interopRequireDefault(require("./SupportedFileTypes"));
+var _ListStatus = _interopRequireDefault(require("./ListStatus"));
+var _styled = require("./styled");
+_lite.default.define({
+  "image/x-icon": ["ico"]
+}, true);
+_lite.default.define({
+  "image/jpg": ["jpg"]
+}, true);
+_lite.default.define({
+  "image/vnd.microsoft.icon": ["ico"]
+}, true);
+var BottomInfoBar = function BottomInfoBar(props) {
+  return /*#__PURE__*/_react.default.createElement(_styled.BottomInfoBarWrapper, null, /*#__PURE__*/_react.default.createElement(_styled.BottomInfoBarInner, null, /*#__PURE__*/_react.default.createElement(_SupportedFileTypes.default, props), /*#__PURE__*/_react.default.createElement(_ListStatus.default, props)));
+};
+exports.BottomInfoBar = BottomInfoBar;

package/components/BottomInfoBar/BottomInfoBar.js.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface ListStatusProps {
+    listing: boolean;
+}
+declare const ListStatus: React.FC<ListStatusProps>;
+export default ListStatus;

package/components/BottomInfoBar/ListStatus.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _i18n = require("@webiny/app/i18n");
+var _Progress = require("@webiny/ui/Progress");
+var _styled = require("./styled");
+var _templateObject;
+var t = _i18n.i18n.ns("app-admin/file-manager/components/bottom-info-bar/list-status");
+var ListStatus = function ListStatus(_ref) {
+  var listing = _ref.listing;
+  if (!listing) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_styled.StatusWrapper, null, /*#__PURE__*/_react.default.createElement(_styled.UploadingLabel, null, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Loading more files..."])))), /*#__PURE__*/_react.default.createElement(_styled.CircularProgressHolder, null, /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+    size: 10,
+    spinnerWidth: 1
+  })));
+};
+var _default = ListStatus;
+exports.default = _default;

package/components/BottomInfoBar/ListStatus.js.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface SupportedFileTypesProps {
+    accept: string[];
+}
+declare const SupportedFileTypes: React.FC<SupportedFileTypesProps>;
+export default SupportedFileTypes;

package/components/BottomInfoBar/SupportedFileTypes.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _i18n = require("@webiny/app/i18n");
+var _lite = _interopRequireDefault(require("mime/lite"));
+var _templateObject, _templateObject2;
+_lite.default.define({
+  "image/x-icon": ["ico"]
+}, true);
+_lite.default.define({
+  "image/jpg": ["jpg"]
+}, true);
+_lite.default.define({
+  "image/vnd.microsoft.icon": ["ico"]
+}, true);
+var t = _i18n.i18n.ns("app-admin/file-manager/components/bottom-info-bar/supported-files");
+var getUniqueFilePlugins = function getUniqueFilePlugins(accept) {
+  var exts = {};
+  accept.forEach(function (item) {
+    var ext = _lite.default.getExtension(item);
+    if (!ext) {
+      return;
+    }
+    exts[ext] = true;
+  });
+  return Object.keys(exts);
+};
+var SupportedFileTypes = function SupportedFileTypes(_ref) {
+  var accept = _ref.accept;
+  if (!accept) {
+    return null;
+  }
+  if (accept.length === 0) {
+    return /*#__PURE__*/_react.default.createElement("span", null, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Showing all file extensions."]))));
+  }
+  return /*#__PURE__*/_react.default.createElement("span", null, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Showing the following file extensions: {files}."])))({
+    files: getUniqueFilePlugins(accept).join(", ")
+  }));
+};
+var _default = SupportedFileTypes;
+exports.default = _default;

package/components/BottomInfoBar/SupportedFileTypes.js.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1 @@
+export * from "./BottomInfoBar";

package/components/BottomInfoBar/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _BottomInfoBar = require("./BottomInfoBar");
+Object.keys(_BottomInfoBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _BottomInfoBar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _BottomInfoBar[key];
+    }
+  });
+});

package/components/BottomInfoBar/index.js.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,23 @@
+/// <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;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BottomInfoBarInner: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StatusWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CircularProgressHolder: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const UploadingLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/BottomInfoBar/styled.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UploadingLabel = exports.StatusWrapper = exports.CircularProgressHolder = exports.BottomInfoBarWrapper = exports.BottomInfoBarInner = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var BottomInfoBarWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "BottomInfoBarWrapper",
+  target: "e16zhfly0"
+})("font-size:0.8rem;position:sticky;bottom:0;height:30px;color:var(--mdc-theme-text-secondary-on-background);border-top:1px solid var(--mdc-theme-on-background);background:var(--mdc-theme-surface);width:100%;transform:translateZ(0);overflow:hidden;display:flex;align-items:center;z-index:1;");
+exports.BottomInfoBarWrapper = BottomInfoBarWrapper;
+var BottomInfoBarInner = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "BottomInfoBarInner",
+  target: "e16zhfly1"
+})("padding:0 10px;width:100%;");
+exports.BottomInfoBarInner = BottomInfoBarInner;
+var StatusWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "StatusWrapper",
+  target: "e16zhfly2"
+})("color:var(--mdc-theme-primary);position:absolute;right:0;bottom:10px;margin-right:10px;display:flex;align-items:center;> div{display:inline-block;}");
+exports.StatusWrapper = StatusWrapper;
+var CircularProgressHolder = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "CircularProgressHolder",
+  target: "e16zhfly3"
+})("position:relative;height:12px;width:12px;");
+exports.CircularProgressHolder = CircularProgressHolder;
+var UploadingLabel = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "UploadingLabel",
+  target: "e16zhfly4"
+})("margin-right:5px;");
+exports.UploadingLabel = UploadingLabel;

package/components/BottomInfoBar/styled.js.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="web" />
+import React from "react";
+export interface DropFilesHereProps {
+    onDragLeave?: (event?: React.DragEvent<HTMLElement>) => void;
+    onDrop?: (event?: React.DragEvent<HTMLElement>) => void;
+    empty?: boolean;
+    onClick?: (event?: React.MouseEvent<HTMLElement>) => void;
+}
+export declare const DropFilesHere: React.FC<DropFilesHereProps>;

package/components/DropFilesHere/DropFilesHere.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropFilesHere = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _i18n = require("@webiny/app/i18n");
+var _Icon = require("@webiny/ui/Icon");
+var _styled = require("./styled");
+var _templateObject;
+var t = _i18n.i18n.ns("app-admin/file-manager/components/drop-files-here");
+var DropFilesHere = function DropFilesHere(_ref) {
+  var onDrop = _ref.onDrop,
+    onDragLeave = _ref.onDragLeave,
+    empty = _ref.empty,
+    onClick = _ref.onClick;
+  return /*#__PURE__*/_react.default.createElement(_styled.DropFilesHereWrapper, {
+    empty: empty,
+    onDrop: onDrop,
+    onClick: onClick,
+    onDragLeave: onDragLeave
+  }, /*#__PURE__*/_react.default.createElement(_styled.DropFilesHereInner, {
+    empty: empty
+  }, /*#__PURE__*/_react.default.createElement(_styled.DropFilesHereIconWrapper, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: /*#__PURE__*/_react.default.createElement(_styled.DropFilesHereIcon, null)
+  }), /*#__PURE__*/_react.default.createElement("div", null, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Drop files here"])))))));
+};
+exports.DropFilesHere = DropFilesHere;

package/components/DropFilesHere/DropFilesHere.js.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1 @@
+export * from "./DropFilesHere";