@webiny/app-file-manager 6.0.0-beta.0 → 6.0.0-rc.0

package/BatchFileUploader.d.ts

@@ -1,5 +1,5 @@
-import { FileItem } from "@webiny/app-admin/types";
-import { FileManagerViewContext } from "./modules/FileManagerRenderer/FileManagerViewProvider";
+import type { FileItem } from "./types.js";
+import type { FileManagerViewContext } from "./modules/FileManagerRenderer/FileManagerViewProvider/index.js";
 export interface FileError {
     file: File;
     e: Error;

package/BatchFileUploader.js

@@ -1,124 +1,87 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BatchFileUploader = void 0;
-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 = exports.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());
+import { generateId } from "@webiny/utils";
+import { makeAutoObservable, runInAction, action } from "mobx";
+class FileJob {
+  constructor(file) {
+    this.id = generateId();
+    this.file = file;
+  }
+}
+export class BatchFileUploader {
+  fileJobs = [];
+  uploading = false;
+  uploadStatus = new Map();
+  constructor(uploader) {
     this.uploader = uploader;
-    (0, _mobx.makeAutoObservable)(this);
+    makeAutoObservable(this);
   }
-  return (0, _createClass2.default)(BatchFileUploader, [{
-    key: "getJobs",
-    value: function getJobs() {
-      return this.fileJobs;
-    }
-  }, {
-    key: "addFiles",
-    value: function addFiles(files) {
-      var _this = this;
-      files.forEach(function (file) {
-        var fileJob = new FileJob(file);
-        _this.fileJobs.push(fileJob);
-        _this.uploadStatus.set(fileJob.id, 0);
-      });
-      this.upload();
-    }
-  }, {
-    key: "reset",
-    value: function reset() {
-      this.fileJobs = [];
-      this.uploadStatus.clear();
-    }
-  }, {
-    key: "progress",
-    get: function get() {
-      var progressInBytes = Array.from(this.uploadStatus.values());
-      var loadedBytes = progressInBytes.reduce(function (a, b) {
-        return a + b;
-      }, 0);
-      var totalBytesToUpload = this.fileJobs.reduce(function (sum, job) {
-        return sum + job.file.size;
-      }, 0);
-      return Math.min(100 * loadedBytes / totalBytesToUpload, 100);
-    }
-  }, {
-    key: "onUploadFinished",
-    value: function onUploadFinished(cb) {
-      this.onUploadFinishedCallback = cb;
+  getJobs() {
+    return this.fileJobs;
+  }
+  addFiles(files) {
+    files.forEach(file => {
+      const fileJob = new FileJob(file);
+      this.fileJobs.push(fileJob);
+      this.uploadStatus.set(fileJob.id, 0);
+    });
+    this.upload();
+  }
+  reset() {
+    this.fileJobs = [];
+    this.uploadStatus.clear();
+  }
+  get progress() {
+    const progressInBytes = Array.from(this.uploadStatus.values());
+    const loadedBytes = progressInBytes.reduce((a, b) => a + b, 0);
+    const totalBytesToUpload = this.fileJobs.reduce((sum, job) => sum + job.file.size, 0);
+    return Math.min(100 * loadedBytes / totalBytesToUpload, 100);
+  }
+  onUploadFinished(cb) {
+    this.onUploadFinishedCallback = cb;
+  }
+  async upload() {
+    if (this.uploading) {
+      return;
     }
-  }, {
-    key: "upload",
-    value: async function upload() {
-      var _this2 = this;
-      if (this.uploading) {
-        return;
+    this.uploading = true;
+    const errors = [];
+    const uploaded = [];
+    while (true) {
+      const fileJob = this.getNextFile();
+      if (!fileJob) {
+        break;
       }
-      this.uploading = true;
-      var errors = [];
-      var uploaded = [];
-      var _loop = async function _loop() {
-        var fileJob = _this2.getNextFile();
-        if (!fileJob) {
-          return 1; // break
-        }
-        try {
-          var newFile = await _this2.uploader(fileJob.file, {
-            onProgress: (0, _mobx.action)("BatchFileUploader.onProgress", function (event) {
-              _this2.uploadStatus.set(fileJob.id, event.sent);
-            })
-          });
-          if (newFile) {
-            uploaded.push(newFile);
-          }
-        } catch (e) {
-          (0, _mobx.runInAction)(function () {
-            _this2.uploadStatus.set(fileJob.id, -1);
-          });
-          errors.push({
-            file: fileJob.file,
-            e: e
-          });
+      try {
+        const newFile = await this.uploader(fileJob.file, {
+          onProgress: action("BatchFileUploader.onProgress", event => {
+            this.uploadStatus.set(fileJob.id, event.sent);
+          })
+        });
+        if (newFile) {
+          uploaded.push(newFile);
         }
-      };
-      while (true) {
-        if (await _loop()) break;
-      }
-      (0, _mobx.runInAction)(function () {
-        _this2.uploading = false;
-      });
-      if (this.onUploadFinishedCallback) {
-        this.onUploadFinishedCallback({
-          uploaded: uploaded,
-          errors: errors
+      } catch (e) {
+        runInAction(() => {
+          this.uploadStatus.set(fileJob.id, -1);
+        });
+        errors.push({
+          file: fileJob.file,
+          e
         });
       }
     }
-  }, {
-    key: "getNextFile",
-    value: function getNextFile() {
-      var _this3 = this;
-      return this.fileJobs.find(function (file) {
-        return _this3.uploadStatus.get(file.id) === 0;
+    runInAction(() => {
+      this.uploading = false;
+    });
+    if (this.onUploadFinishedCallback) {
+      this.onUploadFinishedCallback({
+        uploaded,
+        errors
       });
     }
-  }]);
-}();
+  }
+  getNextFile() {
+    return this.fileJobs.find(file => this.uploadStatus.get(file.id) === 0);
+  }
+}
 
 //# sourceMappingURL=BatchFileUploader.js.map

package/BatchFileUploader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_utils","require","_mobx","FileJob","_createClass2","default","file","_classCallCheck2","id","generateId","BatchFileUploader","exports","uploader","_defineProperty2","Map","makeAutoObservable","key","value","getJobs","fileJobs","addFiles","files","_this","forEach","fileJob","push","uploadStatus","set","upload","reset","clear","get","progressInBytes","Array","from","values","loadedBytes","reduce","a","b","totalBytesToUpload","sum","job","size","Math","min","onUploadFinished","cb","onUploadFinishedCallback","_this2","uploading","errors","uploaded","_loop","getNextFile","newFile","onProgress","action","event","sent","e","runInAction","_this3","find"],"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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","ignoreList":[]}
+{"version":3,"names":["generateId","makeAutoObservable","runInAction","action","FileJob","constructor","file","id","BatchFileUploader","fileJobs","uploading","uploadStatus","Map","uploader","getJobs","addFiles","files","forEach","fileJob","push","set","upload","reset","clear","progress","progressInBytes","Array","from","values","loadedBytes","reduce","a","b","totalBytesToUpload","sum","job","size","Math","min","onUploadFinished","cb","onUploadFinishedCallback","errors","uploaded","getNextFile","newFile","onProgress","event","sent","e","find","get"],"sources":["BatchFileUploader.ts"],"sourcesContent":["import { generateId } from \"@webiny/utils\";\nimport { makeAutoObservable, runInAction, action } from \"mobx\";\nimport type { FileItem } from \"~/types.js\";\nimport type { FileManagerViewContext } from \"~/modules/FileManagerRenderer/FileManagerViewProvider/index.js\";\n\nexport interface FileError {\n    file: File;\n    e: Error;\n}\n\ninterface OnUploadFinishedParams {\n    uploaded: FileItem[];\n    errors: FileError[];\n}\n\ninterface OnUploadFinishedCallback {\n    (params: OnUploadFinishedParams): void;\n}\n\nclass FileJob {\n    public id: string;\n    public file: File;\n\n    constructor(file: File) {\n        this.id = generateId();\n        this.file = file;\n    }\n}\n\nexport class BatchFileUploader {\n    private readonly uploader: FileManagerViewContext[\"uploadFile\"];\n    private fileJobs: FileJob[] = [];\n    private onUploadFinishedCallback: OnUploadFinishedCallback | undefined;\n    private uploading = false;\n    private uploadStatus: Map<string, number> = new Map();\n\n    constructor(uploader: FileManagerViewContext[\"uploadFile\"]) {\n        this.uploader = uploader;\n        makeAutoObservable(this);\n    }\n\n    public getJobs() {\n        return this.fileJobs;\n    }\n\n    public addFiles(files: File[]) {\n        files.forEach(file => {\n            const fileJob = new FileJob(file);\n            this.fileJobs.push(fileJob);\n            this.uploadStatus.set(fileJob.id, 0);\n        });\n\n        this.upload();\n    }\n\n    public reset() {\n        this.fileJobs = [];\n        this.uploadStatus.clear();\n    }\n\n    get progress() {\n        const progressInBytes = Array.from(this.uploadStatus.values());\n        const loadedBytes = progressInBytes.reduce((a, b) => a + b, 0);\n        const totalBytesToUpload = this.fileJobs.reduce((sum, job) => sum + job.file.size, 0);\n        return Math.min((100 * loadedBytes) / totalBytesToUpload, 100);\n    }\n\n    public onUploadFinished(cb: OnUploadFinishedCallback) {\n        this.onUploadFinishedCallback = cb;\n    }\n\n    private async upload() {\n        if (this.uploading) {\n            return;\n        }\n\n        this.uploading = true;\n\n        const errors: FileError[] = [];\n        const uploaded: FileItem[] = [];\n\n        while (true) {\n            const fileJob = this.getNextFile();\n\n            if (!fileJob) {\n                break;\n            }\n\n            try {\n                const newFile = await this.uploader(fileJob.file, {\n                    onProgress: action(\"BatchFileUploader.onProgress\", event => {\n                        this.uploadStatus.set(fileJob.id, event.sent);\n                    })\n                });\n\n                if (newFile) {\n                    uploaded.push(newFile);\n                }\n            } catch (e) {\n                runInAction(() => {\n                    this.uploadStatus.set(fileJob.id, -1);\n                });\n\n                errors.push({ file: fileJob.file, e });\n            }\n        }\n\n        runInAction(() => {\n            this.uploading = false;\n        });\n\n        if (this.onUploadFinishedCallback) {\n            this.onUploadFinishedCallback({ uploaded, errors });\n        }\n    }\n\n    private getNextFile() {\n        return this.fileJobs.find(file => this.uploadStatus.get(file.id) === 0);\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/README.md

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

package/app.js

@@ -1,17 +1,12 @@
-"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 _FileManagerRenderer = require("./modules/FileManagerRenderer");
-var _HeadlessCms = require("./modules/HeadlessCms");
-var FileManager = exports.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(_FileManagerRenderer.FileManagerRendererModule, null), /*#__PURE__*/_react.default.createElement(_HeadlessCms.HeadlessCmsModule, null));
+import React from "react";
+import { SettingsModule } from "./modules/Settings/index.js";
+import { FileManagerApiProviderModule } from "./modules/FileManagerApiProvider/index.js";
+import { FileManagerRendererModule } from "./modules/FileManagerRenderer/index.js";
+import { HeadlessCmsModule } from "./modules/HeadlessCms/index.js";
+import { EnterpriseModule } from "./modules/Enterprise/index.js";
+import { SecurityPermissions } from "./modules/SecurityPermissions.js";
+export const FileManager = () => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SettingsModule, null), /*#__PURE__*/React.createElement(FileManagerApiProviderModule, null), /*#__PURE__*/React.createElement(FileManagerRendererModule, null), /*#__PURE__*/React.createElement(HeadlessCmsModule, null), /*#__PURE__*/React.createElement(EnterpriseModule, null), /*#__PURE__*/React.createElement(SecurityPermissions, null));
 };
 
 //# sourceMappingURL=app.js.map

package/app.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Settings","_FileManagerApiProvider","_FileManagerRenderer","_HeadlessCms","FileManager","exports","default","createElement","Fragment","SettingsModule","FileManagerApiProviderModule","FileManagerRendererModule","HeadlessCmsModule"],"sources":["app.tsx"],"sourcesContent":["import React from \"react\";\nimport { SettingsModule } from \"~/modules/Settings\";\nimport { FileManagerApiProviderModule } from \"~/modules/FileManagerApiProvider\";\nimport { FileManagerRendererModule } from \"~/modules/FileManagerRenderer\";\nimport { HeadlessCmsModule } from \"~/modules/HeadlessCms\";\n\nexport const FileManager = () => {\n    return (\n        <>\n            <SettingsModule />\n            <FileManagerApiProviderModule />\n            <FileManagerRendererModule />\n            <HeadlessCmsModule />\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAEO,IAAMK,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAA,EAAS;EAC7B,oBACIP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAAAV,MAAA,CAAAS,OAAA,CAAAE,QAAA,qBACIX,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAS,cAAc,MAAE,CAAC,eAClBZ,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,uBAAA,CAAAS,4BAA4B,MAAE,CAAC,eAChCb,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACL,oBAAA,CAAAS,yBAAyB,MAAE,CAAC,eAC7Bd,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACJ,YAAA,CAAAS,iBAAiB,MAAE,CACtB,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","SettingsModule","FileManagerApiProviderModule","FileManagerRendererModule","HeadlessCmsModule","EnterpriseModule","SecurityPermissions","FileManager","createElement","Fragment"],"sources":["app.tsx"],"sourcesContent":["import React from \"react\";\nimport { SettingsModule } from \"~/modules/Settings/index.js\";\nimport { FileManagerApiProviderModule } from \"~/modules/FileManagerApiProvider/index.js\";\nimport { FileManagerRendererModule } from \"~/modules/FileManagerRenderer/index.js\";\nimport { HeadlessCmsModule } from \"~/modules/HeadlessCms/index.js\";\nimport { EnterpriseModule } from \"~/modules/Enterprise/index.js\";\nimport { SecurityPermissions } from \"./modules/SecurityPermissions.js\";\n\nexport const FileManager = () => {\n    return (\n        <>\n            <SettingsModule />\n            <FileManagerApiProviderModule />\n            <FileManagerRendererModule />\n            <HeadlessCmsModule />\n            <EnterpriseModule />\n            <SecurityPermissions />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc;AACvB,SAASC,4BAA4B;AACrC,SAASC,yBAAyB;AAClC,SAASC,iBAAiB;AAC1B,SAASC,gBAAgB;AACzB,SAASC,mBAAmB;AAE5B,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,oBACIP,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,qBACIT,KAAA,CAAAQ,aAAA,CAACP,cAAc,MAAE,CAAC,eAClBD,KAAA,CAAAQ,aAAA,CAACN,4BAA4B,MAAE,CAAC,eAChCF,KAAA,CAAAQ,aAAA,CAACL,yBAAyB,MAAE,CAAC,eAC7BH,KAAA,CAAAQ,aAAA,CAACJ,iBAAiB,MAAE,CAAC,eACrBJ,KAAA,CAAAQ,aAAA,CAACH,gBAAgB,MAAE,CAAC,eACpBL,KAAA,CAAAQ,aAAA,CAACF,mBAAmB,MAAE,CACxB,CAAC;AAEX,CAAC","ignoreList":[]}

package/components/BottomInfoBar/BottomInfoBar.d.ts

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

package/components/BottomInfoBar/BottomInfoBar.js

@@ -1,26 +1,23 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BottomInfoBar = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _lite = _interopRequireDefault(require("mime/lite"));
-var _SupportedFileTypes = _interopRequireDefault(require("./SupportedFileTypes"));
-var _ListStatus = _interopRequireDefault(require("./ListStatus"));
-var _styled = require("./styled");
-_lite.default.define({
+import React from "react";
+import mime from "mime/lite.js";
+import { Separator } from "@webiny/admin-ui";
+import { SupportedFileTypes } from "./SupportedFileTypes.js";
+import ListStatus from "./ListStatus.js";
+mime.define({
   "image/x-icon": ["ico"]
 }, true);
-_lite.default.define({
+mime.define({
   "image/jpg": ["jpg"]
 }, true);
-_lite.default.define({
+mime.define({
   "image/vnd.microsoft.icon": ["ico"]
 }, true);
-var BottomInfoBar = exports.BottomInfoBar = function BottomInfoBar(props) {
-  return /*#__PURE__*/_react.default.createElement(_styled.BottomInfoBarWrapper, null, /*#__PURE__*/_react.default.createElement(_styled.BottomInfoBarInner, null, /*#__PURE__*/_react.default.createElement(_SupportedFileTypes.default, props), /*#__PURE__*/_react.default.createElement(_ListStatus.default, props)));
+export const BottomInfoBar = props => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "bg-neutral-base w-full overflow-hidden z-5"
+  }, /*#__PURE__*/React.createElement(Separator, null), /*#__PURE__*/React.createElement("div", {
+    className: "h-xl px-md py-sm flex items-center justify-between"
+  }, /*#__PURE__*/React.createElement(SupportedFileTypes, props), /*#__PURE__*/React.createElement(ListStatus, props)));
 };
 
 //# sourceMappingURL=BottomInfoBar.js.map

package/components/BottomInfoBar/BottomInfoBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_lite","_SupportedFileTypes","_ListStatus","_styled","mime","define","BottomInfoBar","exports","props","default","createElement","BottomInfoBarWrapper","BottomInfoBarInner"],"sources":["BottomInfoBar.tsx"],"sourcesContent":["import React from \"react\";\nimport mime from \"mime/lite\";\n\nimport SupportedFileTypes, { SupportedFileTypesProps } from \"./SupportedFileTypes\";\nimport ListStatus, { ListStatusProps } from \"./ListStatus\";\n\nimport { BottomInfoBarInner, BottomInfoBarWrapper } from \"./styled\";\n\nmime.define({ \"image/x-icon\": [\"ico\"] }, true);\nmime.define({ \"image/jpg\": [\"jpg\"] }, true);\nmime.define({ \"image/vnd.microsoft.icon\": [\"ico\"] }, true);\n\ntype BottomInfoBarProps = SupportedFileTypesProps & ListStatusProps;\n\nexport const BottomInfoBar = (props: BottomInfoBarProps) => {\n    return (\n        <BottomInfoBarWrapper>\n            <BottomInfoBarInner>\n                <SupportedFileTypes {...props} />\n                <ListStatus {...props} />\n            </BottomInfoBarInner>\n        </BottomInfoBarWrapper>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,mBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAEAK,aAAI,CAACC,MAAM,CAAC;EAAE,cAAc,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC9CD,aAAI,CAACC,MAAM,CAAC;EAAE,WAAW,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC3CD,aAAI,CAACC,MAAM,CAAC;EAAE,0BAA0B,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAInD,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAIE,KAAyB,EAAK;EACxD,oBACIX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,OAAA,CAAAQ,oBAAoB,qBACjBd,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,OAAA,CAAAS,kBAAkB,qBACff,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,mBAAA,CAAAQ,OAAkB,EAAKD,KAAQ,CAAC,eACjCX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,WAAA,CAAAO,OAAU,EAAKD,KAAQ,CACR,CACF,CAAC;AAE/B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","mime","Separator","SupportedFileTypes","ListStatus","define","BottomInfoBar","props","createElement","className"],"sources":["BottomInfoBar.tsx"],"sourcesContent":["import React from \"react\";\nimport mime from \"mime/lite.js\";\nimport { Separator } from \"@webiny/admin-ui\";\n\nimport type { SupportedFileTypesProps } from \"./SupportedFileTypes.js\";\nimport { SupportedFileTypes } from \"./SupportedFileTypes.js\";\nimport type { ListStatusProps } from \"./ListStatus.js\";\nimport ListStatus from \"./ListStatus.js\";\n\nmime.define({ \"image/x-icon\": [\"ico\"] }, true);\nmime.define({ \"image/jpg\": [\"jpg\"] }, true);\nmime.define({ \"image/vnd.microsoft.icon\": [\"ico\"] }, true);\n\ntype BottomInfoBarProps = SupportedFileTypesProps & ListStatusProps;\n\nexport const BottomInfoBar = (props: BottomInfoBarProps) => {\n    return (\n        <div className=\"bg-neutral-base w-full overflow-hidden z-5\">\n            <Separator />\n            <div className={\"h-xl px-md py-sm flex items-center justify-between\"}>\n                <SupportedFileTypes {...props} />\n                <ListStatus {...props} />\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,IAAI,MAAM,cAAc;AAC/B,SAASC,SAAS,QAAQ,kBAAkB;AAG5C,SAASC,kBAAkB;AAE3B,OAAOC,UAAU;AAEjBH,IAAI,CAACI,MAAM,CAAC;EAAE,cAAc,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC9CJ,IAAI,CAACI,MAAM,CAAC;EAAE,WAAW,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC3CJ,IAAI,CAACI,MAAM,CAAC;EAAE,0BAA0B,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAI1D,OAAO,MAAMC,aAAa,GAAIC,KAAyB,IAAK;EACxD,oBACIP,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAA4C,gBACvDT,KAAA,CAAAQ,aAAA,CAACN,SAAS,MAAE,CAAC,eACbF,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAAqD,gBACjET,KAAA,CAAAQ,aAAA,CAACL,kBAAkB,EAAKI,KAAQ,CAAC,eACjCP,KAAA,CAAAQ,aAAA,CAACJ,UAAU,EAAKG,KAAQ,CACvB,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/BottomInfoBar/ListStatus.js

@@ -1,27 +1,23 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _i18n = require("@webiny/app/i18n");
-var _Progress = require("@webiny/ui/Progress");
-var _styled = require("./styled");
-var _templateObject;
-var t = _i18n.i18n.ns("app-admin/file-manager/components/bottom-info-bar/list-status");
-var ListStatus = function ListStatus(_ref) {
-  var listing = _ref.listing;
+import React from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { Loader, Text } from "@webiny/admin-ui";
+const t = i18n.ns("app-admin/file-manager/components/bottom-info-bar/list-status");
+const ListStatus = ({
+  listing
+}) => {
   if (!listing) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_styled.StatusWrapper, null, /*#__PURE__*/_react.default.createElement(_styled.UploadingLabel, null, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Loading more files..."])))), /*#__PURE__*/_react.default.createElement(_styled.CircularProgressHolder, null, /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
-    size: 10,
-    spinnerWidth: 1
-  })));
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-sm"
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    as: "div",
+    className: "text-neutral-strong"
+  }, t`Loading more files...`), /*#__PURE__*/React.createElement(Loader, {
+    size: "xs"
+  }));
 };
-var _default = exports.default = ListStatus;
+export default ListStatus;
 
 //# sourceMappingURL=ListStatus.js.map

package/components/BottomInfoBar/ListStatus.js.map

@@ -1 +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 = ({ listing }: ListStatusProps) => {\n    if (!listing) {\n        return null;\n    }\n\n    return (\n        <StatusWrapper>\n            <UploadingLabel>{t`Loading more files...`}</UploadingLabel>\n            <CircularProgressHolder>\n                <CircularProgress size={10} spinnerWidth={1} />\n            </CircularProgressHolder>\n        </StatusWrapper>\n    );\n};\n\nexport default ListStatus;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAAiF,IAAAI,eAAA;AAEjF,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+DAA+D,CAAC;AAMlF,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAqC;EAAA,IAA/BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EACzB,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBACIZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,OAAA,CAAAU,aAAa,qBACVf,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,OAAA,CAAAW,cAAc,QAAET,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAW,uBAAA,CAAAJ,OAAA,8BAAwC,CAAC,eAC3Db,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,OAAA,CAAAa,sBAAsB,qBACnBlB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,SAAA,CAAAe,gBAAgB;IAACC,IAAI,EAAE,EAAG;IAACC,YAAY,EAAE;EAAE,CAAE,CAC1B,CACb,CAAC;AAExB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEaH,UAAU","ignoreList":[]}
+{"version":3,"names":["React","i18n","Loader","Text","t","ns","ListStatus","listing","createElement","className","size","as"],"sources":["ListStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Loader, Text } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/bottom-info-bar/list-status\");\n\nexport interface ListStatusProps {\n    listing: boolean;\n}\n\nconst ListStatus = ({ listing }: ListStatusProps) => {\n    if (!listing) {\n        return null;\n    }\n\n    return (\n        <div className=\"flex items-center gap-sm\">\n            <Text size={\"sm\"} as={\"div\"} className={\"text-neutral-strong\"}>\n                {t`Loading more files...`}\n            </Text>\n            <Loader size={\"xs\"} />\n        </div>\n    );\n};\n\nexport default ListStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,MAAM,EAAEC,IAAI,QAAQ,kBAAkB;AAE/C,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,+DAA+D,CAAC;AAMlF,MAAMC,UAAU,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EACjD,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBACIP,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAA0B,gBACrCT,KAAA,CAAAQ,aAAA,CAACL,IAAI;IAACO,IAAI,EAAE,IAAK;IAACC,EAAE,EAAE,KAAM;IAACF,SAAS,EAAE;EAAsB,GACzDL,CAAC,uBACA,CAAC,eACPJ,KAAA,CAAAQ,aAAA,CAACN,MAAM;IAACQ,IAAI,EAAE;EAAK,CAAE,CACpB,CAAC;AAEd,CAAC;AAED,eAAeJ,UAAU","ignoreList":[]}

package/components/BottomInfoBar/SupportedFileTypes.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
 export interface SupportedFileTypesProps {
     accept: string[];
+    loading: boolean;
+    totalCount: number;
+    currentCount: number;
 }
-declare const SupportedFileTypes: ({ accept }: SupportedFileTypesProps) => React.JSX.Element | null;
-export default SupportedFileTypes;
+export declare const SupportedFileTypes: ({ accept, loading, totalCount, currentCount }: SupportedFileTypesProps) => React.JSX.Element | null;

package/components/BottomInfoBar/SupportedFileTypes.js

@@ -1,29 +1,21 @@
-"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({
+import React, { useCallback } from "react";
+import { Text } from "@webiny/admin-ui";
+import { i18n } from "@webiny/app/i18n/index.js";
+import mime from "mime/lite.js";
+mime.define({
   "image/x-icon": ["ico"]
 }, true);
-_lite.default.define({
+mime.define({
   "image/jpg": ["jpg"]
 }, true);
-_lite.default.define({
+mime.define({
   "image/vnd.microsoft.icon": ["ico"]
 }, true);
-var 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);
+const t = i18n.ns("app-admin/file-manager/components/bottom-info-bar/supported-files");
+const getUniqueFilePlugins = accept => {
+  const exts = {};
+  accept.forEach(item => {
+    const ext = mime.getExtension(item);
     if (!ext) {
       return;
     }
@@ -31,18 +23,37 @@ var getUniqueFilePlugins = function getUniqueFilePlugins(accept) {
   });
   return Object.keys(exts);
 };
-var SupportedFileTypes = function SupportedFileTypes(_ref) {
-  var accept = _ref.accept;
-  if (!accept) {
+export const SupportedFileTypes = ({
+  accept,
+  loading,
+  totalCount,
+  currentCount
+}) => {
+  const getLabel = useCallback((count = 0) => {
+    return `${count} ${count === 1 ? "file" : "files"}`;
+  }, []);
+  if (!accept || loading) {
     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.createElement(Text, {
+      size: "sm",
+      as: "div",
+      className: "text-neutral-strong"
+    }, t`Showing {currentCountLabel} out of {totalCountLabel} from all file extensions.`({
+      currentCountLabel: String(currentCount),
+      totalCountLabel: getLabel(totalCount)
+    }));
   }
-  return /*#__PURE__*/_react.default.createElement("span", null, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Showing the following file extensions: {files}."])))({
+  return /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    as: "div",
+    className: "text-neutral-strong"
+  }, t`Showing {currentCountLabel} out of {totalCountLabel} from the following file extensions: {files}.`({
+    currentCountLabel: String(currentCount),
+    totalCountLabel: getLabel(totalCount),
     files: getUniqueFilePlugins(accept).join(", ")
   }));
 };
-var _default = exports.default = SupportedFileTypes;
 
 //# sourceMappingURL=SupportedFileTypes.js.map

package/components/BottomInfoBar/SupportedFileTypes.js.map

@@ -1 +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 = ({ accept }: SupportedFileTypesProps) => {\n    if (!accept) {\n        return null;\n    }\n\n    if (accept.length === 0) {\n        return <span>{t`Showing all file extensions.`}</span>;\n    }\n\n    return (\n        <span>\n            {t`Showing the following file extensions: {files}.`({\n                files: getUniqueFilePlugins(accept).join(\", \")\n            })}\n        </span>\n    );\n};\n\nexport default SupportedFileTypes;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA6B,IAAAG,eAAA,EAAAC,gBAAA;AAE7BC,aAAI,CAACC,MAAM,CAAC;EAAE,cAAc,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC9CD,aAAI,CAACC,MAAM,CAAC;EAAE,WAAW,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC3CD,aAAI,CAACC,MAAM,CAAC;EAAE,0BAA0B,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAE1D,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mEAAmE,CAAC;AAEtF,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,MAAgB,EAAe;EACzD,IAAMC,IAA6B,GAAG,CAAC,CAAC;EACxCD,MAAM,CAACE,OAAO,CAAC,UAAAC,IAAI,EAAI;IACnB,IAAMC,GAAG,GAAGV,aAAI,CAACW,YAAY,CAACF,IAAI,CAAC;IACnC,IAAI,CAACC,GAAG,EAAE;MACN;IACJ;IACAH,IAAI,CAACG,GAAG,CAAC,GAAG,IAAI;EACpB,CAAC,CAAC;EAEF,OAAOE,MAAM,CAACC,IAAI,CAACN,IAAI,CAAC;AAC5B,CAAC;AAMD,IAAMO,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAA4C;EAAA,IAAtCT,MAAM,GAAAS,IAAA,CAANT,MAAM;EAChC,IAAI,CAACA,MAAM,EAAE;IACT,OAAO,IAAI;EACf;EAEA,IAAIA,MAAM,CAACU,MAAM,KAAK,CAAC,EAAE;IACrB,oBAAOvB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,eAAOhB,CAAC,CAAAJ,eAAA,KAAAA,eAAA,OAAAqB,uBAAA,CAAAF,OAAA,qCAAqC,CAAC;EACzD;EAEA,oBACIxB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,eACKhB,CAAC,CAAAH,gBAAA,KAAAA,gBAAA,OAAAoB,uBAAA,CAAAF,OAAA,yDAAkD;IAChDG,KAAK,EAAEf,oBAAoB,CAACC,MAAM,CAAC,CAACe,IAAI,CAAC,IAAI;EACjD,CAAC,CACC,CAAC;AAEf,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAN,OAAA,GAEaH,kBAAkB","ignoreList":[]}
+{"version":3,"names":["React","useCallback","Text","i18n","mime","define","t","ns","getUniqueFilePlugins","accept","exts","forEach","item","ext","getExtension","Object","keys","SupportedFileTypes","loading","totalCount","currentCount","getLabel","count","length","createElement","size","as","className","currentCountLabel","String","totalCountLabel","files","join"],"sources":["SupportedFileTypes.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport mime from \"mime/lite.js\";\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    loading: boolean;\n    totalCount: number;\n    currentCount: number;\n}\n\nexport const SupportedFileTypes = ({\n    accept,\n    loading,\n    totalCount,\n    currentCount\n}: SupportedFileTypesProps) => {\n    const getLabel = useCallback((count = 0): string => {\n        return `${count} ${count === 1 ? \"file\" : \"files\"}`;\n    }, []);\n\n    if (!accept || loading) {\n        return null;\n    }\n\n    if (accept.length === 0) {\n        return (\n            <Text size={\"sm\"} as={\"div\"} className={\"text-neutral-strong\"}>\n                {t`Showing {currentCountLabel} out of {totalCountLabel} from all file extensions.`({\n                    currentCountLabel: String(currentCount),\n                    totalCountLabel: getLabel(totalCount)\n                })}\n            </Text>\n        );\n    }\n\n    return (\n        <Text size={\"sm\"} as={\"div\"} className={\"text-neutral-strong\"}>\n            {t`Showing {currentCountLabel} out of {totalCountLabel} from the following file extensions: {files}.`(\n                {\n                    currentCountLabel: String(currentCount),\n                    totalCountLabel: getLabel(totalCount),\n                    files: getUniqueFilePlugins(accept).join(\", \")\n                }\n            )}\n        </Text>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,IAAI,QAAQ,2BAA2B;AAChD,OAAOC,IAAI,MAAM,cAAc;AAE/BA,IAAI,CAACC,MAAM,CAAC;EAAE,cAAc,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC9CD,IAAI,CAACC,MAAM,CAAC;EAAE,WAAW,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC3CD,IAAI,CAACC,MAAM,CAAC;EAAE,0BAA0B,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAE1D,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,mEAAmE,CAAC;AAEtF,MAAMC,oBAAoB,GAAIC,MAAgB,IAAe;EACzD,MAAMC,IAA6B,GAAG,CAAC,CAAC;EACxCD,MAAM,CAACE,OAAO,CAACC,IAAI,IAAI;IACnB,MAAMC,GAAG,GAAGT,IAAI,CAACU,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;AASD,OAAO,MAAMO,kBAAkB,GAAGA,CAAC;EAC/BR,MAAM;EACNS,OAAO;EACPC,UAAU;EACVC;AACqB,CAAC,KAAK;EAC3B,MAAMC,QAAQ,GAAGpB,WAAW,CAAC,CAACqB,KAAK,GAAG,CAAC,KAAa;IAChD,OAAO,GAAGA,KAAK,IAAIA,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO,EAAE;EACvD,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI,CAACb,MAAM,IAAIS,OAAO,EAAE;IACpB,OAAO,IAAI;EACf;EAEA,IAAIT,MAAM,CAACc,MAAM,KAAK,CAAC,EAAE;IACrB,oBACIvB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;MAACuB,IAAI,EAAE,IAAK;MAACC,EAAE,EAAE,KAAM;MAACC,SAAS,EAAE;IAAsB,GACzDrB,CAAC,gFAAgF,CAAC;MAC/EsB,iBAAiB,EAAEC,MAAM,CAACT,YAAY,CAAC;MACvCU,eAAe,EAAET,QAAQ,CAACF,UAAU;IACxC,CAAC,CACC,CAAC;EAEf;EAEA,oBACInB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IAACuB,IAAI,EAAE,IAAK;IAACC,EAAE,EAAE,KAAM;IAACC,SAAS,EAAE;EAAsB,GACzDrB,CAAC,mGAAmG,CACjG;IACIsB,iBAAiB,EAAEC,MAAM,CAACT,YAAY,CAAC;IACvCU,eAAe,EAAET,QAAQ,CAACF,UAAU,CAAC;IACrCY,KAAK,EAAEvB,oBAAoB,CAACC,MAAM,CAAC,CAACuB,IAAI,CAAC,IAAI;EACjD,CACJ,CACE,CAAC;AAEf,CAAC","ignoreList":[]}

package/components/BottomInfoBar/index.d.ts

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