@webiny/app-file-manager 5.35.2 → 5.36.0-beta.0

package/BatchFileUploader.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="web" />
+import { FileItem } from "@webiny/app-admin/types";
+import { FileManagerViewContextData } 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: FileManagerViewContextData["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,180 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BatchFileUploader = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _nanoid = require("nanoid");
+var _mobx = require("mobx");
+var FileJob = /*#__PURE__*/(0, _createClass2.default)(function FileJob(file) {
+  (0, _classCallCheck2.default)(this, FileJob);
+  (0, _defineProperty2.default)(this, "id", void 0);
+  (0, _defineProperty2.default)(this, "file", void 0);
+  this.id = (0, _nanoid.nanoid)();
+  this.file = file;
+});
+var BatchFileUploader = /*#__PURE__*/function () {
+  function BatchFileUploader(uploader) {
+    (0, _classCallCheck2.default)(this, BatchFileUploader);
+    (0, _defineProperty2.default)(this, "uploader", void 0);
+    (0, _defineProperty2.default)(this, "fileJobs", []);
+    (0, _defineProperty2.default)(this, "onUploadFinishedCallback", void 0);
+    (0, _defineProperty2.default)(this, "uploading", false);
+    (0, _defineProperty2.default)(this, "uploadStatus", new Map());
+    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":["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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"}

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":["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"}

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":["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"}

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":["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"}

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":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./BottomInfoBar\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;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":["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"}

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":["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"}

package/components/DropFilesHere/index.d.ts

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

package/components/DropFilesHere/index.js

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

package/components/DropFilesHere/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./DropFilesHere\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/components/DropFilesHere/styled.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="web" />
+declare type DropFilesHereWrapperProps = {
+    empty?: boolean;
+};
+export declare const DropFilesHereWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & DropFilesHereWrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DropFilesHereInner: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & DropFilesHereWrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DropFilesHereIconWrapper: 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 DropFilesHereIcon: import("@emotion/styled").StyledComponent<import("react").SVGProps<SVGSVGElement> & {
+    alt?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export {};

package/components/DropFilesHere/styled.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropFilesHereWrapper = exports.DropFilesHereInner = exports.DropFilesHereIconWrapper = exports.DropFilesHereIcon = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _cloud_upload = require("@material-design-icons/svg/filled/cloud_upload.svg");
+var DropFilesHereWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "DropFilesHereWrapper",
+  target: "e1dajg7m0"
+})("margin:0 auto;padding-top:0;height:calc(100vh - 95px);z-index:3;width:100%;position:absolute;background:", function (_ref) {
+  var empty = _ref.empty;
+  return empty ? "transparent" : "var(--mdc-theme-text-hint-on-light)";
+}, ";");
+exports.DropFilesHereWrapper = DropFilesHereWrapper;
+var DropFilesHereInner = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "DropFilesHereInner",
+  target: "e1dajg7m1"
+})("text-align:center;width:300px;height:300px;background-color:", function (_ref2) {
+  var empty = _ref2.empty;
+  return empty ? "var(--mdc-theme-surface)" : "var(--mdc-theme-background)";
+}, ";border-radius:50%;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);");
+exports.DropFilesHereInner = DropFilesHereInner;
+var DropFilesHereIconWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "DropFilesHereIconWrapper",
+  target: "e1dajg7m2"
+})("position:absolute;top:90px;width:300px;display:flex;flex-direction:column;align-items:center;color:var(--mdc-theme-on-surface);");
+exports.DropFilesHereIconWrapper = DropFilesHereIconWrapper;
+var DropFilesHereIcon = /*#__PURE__*/(0, _styled.default)(_cloud_upload.ReactComponent, {
+  label: "DropFilesHereIcon",
+  target: "e1dajg7m3"
+})("width:100px !important;height:auto;display:inline-block;color:var(--mdc-theme-on-surface);");
+exports.DropFilesHereIcon = DropFilesHereIcon;

package/components/DropFilesHere/styled.js.map

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

package/components/Empty/Empty.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { FilesRenderChildren } from "react-butterfiles";
+interface EmptyViewProps {
+    browseFiles: FilesRenderChildren["browseFiles"];
+    isSearchResult?: boolean;
+}
+export declare const Empty: React.VFC<EmptyViewProps>;
+export {};