@webiny/app-file-manager 0.0.0-unstable.de38392959 → 0.0.0-unstable.df7a8bb475

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

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

package/app.js

@@ -1,19 +1,11 @@
-"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 _HeadlessCms = require("./modules/HeadlessCms");
-var FileManager = function FileManager() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Settings.SettingsModule, null), /*#__PURE__*/_react.default.createElement(_FileManagerApiProvider.FileManagerApiProviderModule, null), /*#__PURE__*/_react.default.createElement(_FileTypes.FileTypesModule, null), /*#__PURE__*/_react.default.createElement(_FileManagerRenderer.FileManagerRendererModule, null), /*#__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";
+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));
 };
-exports.FileManager = FileManager;
 
 //# sourceMappingURL=app.js.map

package/app.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Settings","_FileManagerApiProvider","_FileTypes","_FileManagerRenderer","_HeadlessCms","FileManager","default","createElement","Fragment","SettingsModule","FileManagerApiProviderModule","FileTypesModule","FileManagerRendererModule","HeadlessCmsModule","exports"],"sources":["app.tsx"],"sourcesContent":["import React from \"react\";\nimport { SettingsModule } from \"~/modules/Settings\";\nimport { FileManagerApiProviderModule } from \"~/modules/FileManagerApiProvider\";\nimport { FileTypesModule } from \"~/modules/FileTypes\";\nimport { FileManagerRendererModule } from \"~/modules/FileManagerRenderer\";\nimport { HeadlessCmsModule } from \"~/modules/HeadlessCms\";\n\nexport const FileManager = () => {\n    return (\n        <>\n            <SettingsModule />\n            <FileManagerApiProviderModule />\n            <FileTypesModule />\n            <FileManagerRendererModule />\n            <HeadlessCmsModule />\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAEO,IAAMM,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;EAC7B,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAAAV,MAAA,CAAAS,OAAA,CAAAE,QAAA,qBACIX,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAS,cAAc,MAAE,CAAC,eAClBZ,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,uBAAA,CAAAS,4BAA4B,MAAE,CAAC,eAChCb,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACL,UAAA,CAAAS,eAAe,MAAE,CAAC,eACnBd,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACJ,oBAAA,CAAAS,yBAAyB,MAAE,CAAC,eAC7Bf,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACH,YAAA,CAAAS,iBAAiB,MAAE,CACtB,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAT,WAAA,GAAAA,WAAA"}
+{"version":3,"names":["React","SettingsModule","FileManagerApiProviderModule","FileManagerRendererModule","HeadlessCmsModule","EnterpriseModule","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\";\n\nexport const FileManager = () => {\n    return (\n        <>\n            <SettingsModule />\n            <FileManagerApiProviderModule />\n            <FileManagerRendererModule />\n            <HeadlessCmsModule />\n            <EnterpriseModule />\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;AAEzB,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,oBACIN,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAQ,QAAA,qBACIR,KAAA,CAAAO,aAAA,CAACN,cAAc,MAAE,CAAC,eAClBD,KAAA,CAAAO,aAAA,CAACL,4BAA4B,MAAE,CAAC,eAChCF,KAAA,CAAAO,aAAA,CAACJ,yBAAyB,MAAE,CAAC,eAC7BH,KAAA,CAAAO,aAAA,CAACH,iBAAiB,MAAE,CAAC,eACrBJ,KAAA,CAAAO,aAAA,CAACF,gBAAgB,MAAE,CACrB,CAAC;AAEX,CAAC","ignoreList":[]}

package/components/BottomInfoBar/BottomInfoBar.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { SupportedFileTypesProps } from "./SupportedFileTypes";
-import { ListStatusProps } from "./ListStatus";
-declare type BottomInfoBarProps = SupportedFileTypesProps & ListStatusProps;
-export declare const BottomInfoBar: (props: BottomInfoBarProps) => JSX.Element;
+import React from "react";
+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,27 +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 = 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)));
 };
-exports.BottomInfoBar = BottomInfoBar;
 
 //# 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","props","default","createElement","BottomInfoBarWrapper","BottomInfoBarInner","exports"],"sources":["BottomInfoBar.tsx"],"sourcesContent":["import React from \"react\";\nimport mime from \"mime/lite\";\n\nimport SupportedFileTypes, { SupportedFileTypesProps } from \"./SupportedFileTypes\";\nimport ListStatus, { ListStatusProps } from \"./ListStatus\";\n\nimport { BottomInfoBarInner, BottomInfoBarWrapper } from \"./styled\";\n\nmime.define({ \"image/x-icon\": [\"ico\"] }, true);\nmime.define({ \"image/jpg\": [\"jpg\"] }, true);\nmime.define({ \"image/vnd.microsoft.icon\": [\"ico\"] }, true);\n\ntype BottomInfoBarProps = SupportedFileTypesProps & ListStatusProps;\n\nexport const BottomInfoBar = (props: BottomInfoBarProps) => {\n    return (\n        <BottomInfoBarWrapper>\n            <BottomInfoBarInner>\n                <SupportedFileTypes {...props} />\n                <ListStatus {...props} />\n            </BottomInfoBarInner>\n        </BottomInfoBarWrapper>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,mBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAEAK,aAAI,CAACC,MAAM,CAAC;EAAE,cAAc,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC9CD,aAAI,CAACC,MAAM,CAAC;EAAE,WAAW,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC3CD,aAAI,CAACC,MAAM,CAAC;EAAE,0BAA0B,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAInD,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAyB,EAAK;EACxD,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,OAAA,CAAAO,oBAAoB,qBACjBb,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,OAAA,CAAAQ,kBAAkB,qBACfd,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,mBAAA,CAAAO,OAAkB,EAAKD,KAAQ,CAAC,eACjCV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,WAAA,CAAAM,OAAU,EAAKD,KAAQ,CACR,CACF,CAAC;AAE/B,CAAC;AAACK,OAAA,CAAAN,aAAA,GAAAA,aAAA"}
+{"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.d.ts

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

package/components/BottomInfoBar/ListStatus.js

@@ -1,28 +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 = ListStatus;
-exports.default = _default;
+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,GAEaZ,UAAU;AAAAa,OAAA,CAAAV,OAAA,GAAAS,QAAA"}
+{"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 @@
-/// <reference types="react" />
+import React from "react";
 export interface SupportedFileTypesProps {
     accept: string[];
+    loading: boolean;
+    totalCount: number;
+    currentCount: number;
 }
-declare const SupportedFileTypes: ({ accept }: SupportedFileTypesProps) => 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,19 +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 = SupportedFileTypes;
-exports.default = _default;
 
 //# sourceMappingURL=SupportedFileTypes.js.map