@webiny/app-file-manager 5.43.3 → 6.0.0-alpha.1

package/modules/FileManagerRenderer/FileManagerView/index.js

@@ -1,43 +1,31 @@
-"use strict";
+import React from "react";
+import { createDecorator } from "@webiny/react-composition";
+import { DialogsProvider, FileManagerRenderer as BaseFileManagerRenderer } from "@webiny/app-admin";
+import FileManagerView from "./FileManagerView";
+import { FileManagerViewProvider } from "../FileManagerViewProvider";
+import { FM_ACO_APP } from "../../../constants";
+import { FileManagerViewWithConfig } from "./FileManagerViewConfig";
+import { FoldersProvider } from "@webiny/app-aco/contexts/folders";
+import { NavigateFolderProvider } from "./NavigateFolderProvider";
+import { AcoWithConfig } from "@webiny/app-aco";
+import { CompositionScope } from "@webiny/react-composition";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FileManagerProvider = FileManagerProvider;
-exports.FileManagerRenderer = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _reactComposition = require("@webiny/react-composition");
-var _appAdmin = require("@webiny/app-admin");
-var _FileManagerView = _interopRequireDefault(require("./FileManagerView"));
-var _FileManagerViewProvider = require("../FileManagerViewProvider");
-var _constants = require("../../../constants");
-var _FileManagerViewConfig = require("./FileManagerViewConfig");
-var _folders = require("@webiny/app-aco/contexts/folders");
-var _NavigateFolderProvider = require("./NavigateFolderProvider");
-var _appAco = require("@webiny/app-aco");
-var _excluded = ["id", "src"],
-  _excluded2 = ["children", "images", "accept"],
-  _excluded3 = ["onChange", "onUploadCompletion"];
 /**
  * Convert a FileItem object to a FileManagerFileItem, which is then passed to `onChange` callback.
  */
-var formatFileItem = function formatFileItem(_ref) {
-  var id = _ref.id,
-    src = _ref.src,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var props = rest;
+const formatFileItem = ({
+  id,
+  src,
+  ...rest
+}) => {
+  const props = rest;
   return {
-    id: id,
-    src: src,
-    meta: Object.keys(rest).map(function (key) {
-      return {
-        key: key,
-        value: props[key]
-      };
-    })
+    id,
+    src,
+    meta: Object.keys(rest).map(key => ({
+      key,
+      value: props[key]
+    }))
   };
 };
 
@@ -45,32 +33,35 @@ var formatFileItem = function formatFileItem(_ref) {
  * If `accept` prop is not passed, and `images` prop is set, use these default mime types.
  * Defaults can be overridden using the `createComponentPlugin` and `FileManagerRenderer` component.
  */
-var imagesAccept = ["image/jpg", "image/jpeg", "image/tiff", "image/gif", "image/png", "image/webp", "image/bmp", "image/svg+xml"];
-function FileManagerProvider(_ref2) {
-  var children = _ref2.children,
-    images = _ref2.images,
-    accept = _ref2.accept,
-    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
-  var mimeTypes = images ? accept || imagesAccept : accept || [];
-  return /*#__PURE__*/_react.default.createElement(_reactComposition.CompositionScope, {
+const imagesAccept = ["image/jpg", "image/jpeg", "image/tiff", "image/gif", "image/png", "image/webp", "image/bmp", "image/svg+xml"];
+export function FileManagerProvider({
+  children,
+  images,
+  accept,
+  ...props
+}) {
+  const mimeTypes = images ? accept || imagesAccept : accept || [];
+  return /*#__PURE__*/React.createElement(CompositionScope, {
     name: "fm"
-  }, /*#__PURE__*/_react.default.createElement(_folders.FoldersProvider, {
-    type: _constants.FM_ACO_APP
-  }, /*#__PURE__*/_react.default.createElement(_NavigateFolderProvider.NavigateFolderProvider, null, /*#__PURE__*/_react.default.createElement(_appAco.AcoWithConfig, null, /*#__PURE__*/_react.default.createElement(_FileManagerViewProvider.FileManagerViewProvider, Object.assign({}, props, {
+  }, /*#__PURE__*/React.createElement(FoldersProvider, {
+    type: FM_ACO_APP
+  }, /*#__PURE__*/React.createElement(NavigateFolderProvider, null, /*#__PURE__*/React.createElement(AcoWithConfig, null, /*#__PURE__*/React.createElement(FileManagerViewProvider, Object.assign({}, props, {
     accept: mimeTypes
-  }), /*#__PURE__*/_react.default.createElement(_appAdmin.DialogsProvider, null, /*#__PURE__*/_react.default.createElement(_FileManagerViewConfig.FileManagerViewWithConfig, null, children)))))));
+  }), /*#__PURE__*/React.createElement(DialogsProvider, null, /*#__PURE__*/React.createElement(FileManagerViewWithConfig, null, children)))))));
 }
-var FileManagerRenderer = exports.FileManagerRenderer = (0, _reactComposition.createDecorator)(_appAdmin.FileManagerRenderer, function () {
+export const FileManagerRenderer = createDecorator(BaseFileManagerRenderer, () => {
   return function FileManagerRenderer(props) {
-    var onChange = props.onChange,
-      onUploadCompletion = props.onUploadCompletion,
-      forwardProps = (0, _objectWithoutProperties2.default)(props, _excluded3);
-    var handleFileOnChange = function handleFileOnChange(value, context) {
+    const {
+      onChange,
+      onUploadCompletion,
+      ...forwardProps
+    } = props;
+    const handleFileOnChange = (value, context) => {
       if (!onChange || !value || Array.isArray(value) && !value.length) {
         return;
       }
       if (Array.isArray(value)) {
-        var finalValue = value.map(formatFileItem);
+        const finalValue = value.map(formatFileItem);
         onChange(finalValue);
         context.onClose();
         return;
@@ -78,18 +69,19 @@ var FileManagerRenderer = exports.FileManagerRenderer = (0, _reactComposition.cr
       onChange(formatFileItem(value));
       context.onClose();
     };
-    var handleFileOnUploadCompletion = function handleFileOnUploadCompletion(files, context) {
+    const handleFileOnUploadCompletion = (files, context) => {
       if (!onUploadCompletion) {
         return;
       }
       onUploadCompletion(files.map(formatFileItem));
       context.onClose();
     };
-    var viewProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, forwardProps), {}, {
+    const viewProps = {
+      ...forwardProps,
       onUploadCompletion: handleFileOnUploadCompletion,
       onChange: typeof onChange === "function" ? handleFileOnChange : undefined
-    });
-    return /*#__PURE__*/_react.default.createElement(FileManagerProvider, viewProps, /*#__PURE__*/_react.default.createElement(_FileManagerView.default, null));
+    };
+    return /*#__PURE__*/React.createElement(FileManagerProvider, viewProps, /*#__PURE__*/React.createElement(FileManagerView, null));
   };
 });
 

package/modules/FileManagerRenderer/FileManagerView/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactComposition","_appAdmin","_FileManagerView","_FileManagerViewProvider","_constants","_FileManagerViewConfig","_folders","_NavigateFolderProvider","_appAco","_excluded","_excluded2","_excluded3","formatFileItem","_ref","id","src","rest","_objectWithoutProperties2","default","props","meta","Object","keys","map","key","value","imagesAccept","FileManagerProvider","_ref2","children","images","accept","mimeTypes","createElement","CompositionScope","name","FoldersProvider","type","FM_ACO_APP","NavigateFolderProvider","AcoWithConfig","FileManagerViewProvider","assign","DialogsProvider","FileManagerViewWithConfig","FileManagerRenderer","exports","createDecorator","BaseFileManagerRenderer","onChange","onUploadCompletion","forwardProps","handleFileOnChange","context","Array","isArray","length","finalValue","onClose","handleFileOnUploadCompletion","files","viewProps","_objectSpread2","undefined"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { createDecorator } from \"@webiny/react-composition\";\nimport {\n    DialogsProvider,\n    FileManagerFileItem,\n    FileManagerOnChange,\n    FileManagerRenderer as BaseFileManagerRenderer\n} from \"@webiny/app-admin\";\nimport { FileItem } from \"@webiny/app-admin/types\";\nimport FileManagerView from \"./FileManagerView\";\nimport {\n    FileManagerViewProvider,\n    FileManagerViewProviderProps\n} from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\nimport { FM_ACO_APP } from \"~/constants\";\nimport { FileManagerViewWithConfig } from \"./FileManagerViewConfig\";\nimport { FoldersProvider } from \"@webiny/app-aco/contexts/folders\";\nimport { NavigateFolderProvider } from \"./NavigateFolderProvider\";\nimport { AcoWithConfig } from \"@webiny/app-aco\";\nimport { CompositionScope } from \"@webiny/react-composition\";\n\n/**\n * Convert a FileItem object to a FileManagerFileItem, which is then passed to `onChange` callback.\n */\nconst formatFileItem = ({ id, src, ...rest }: FileItem): FileManagerFileItem => {\n    const props: { [key: string]: any } = rest;\n\n    return {\n        id,\n        src,\n        meta: Object.keys(rest).map(key => ({ key, value: props[key] }))\n    };\n};\n\n/**\n * If `accept` prop is not passed, and `images` prop is set, use these default mime types.\n * Defaults can be overridden using the `createComponentPlugin` and `FileManagerRenderer` component.\n */\nconst imagesAccept = [\n    \"image/jpg\",\n    \"image/jpeg\",\n    \"image/tiff\",\n    \"image/gif\",\n    \"image/png\",\n    \"image/webp\",\n    \"image/bmp\",\n    \"image/svg+xml\"\n];\n\ninterface FileManagerProviderProps\n    extends Omit<FileManagerViewProviderProps, \"accept\" | \"children\"> {\n    children: React.ReactNode;\n    images?: boolean;\n    accept?: string[];\n}\n\nexport function FileManagerProvider({\n    children,\n    images,\n    accept,\n    ...props\n}: FileManagerProviderProps) {\n    const mimeTypes = images ? accept || imagesAccept : accept || [];\n\n    return (\n        <CompositionScope name={\"fm\"}>\n            <FoldersProvider type={FM_ACO_APP}>\n                <NavigateFolderProvider>\n                    <AcoWithConfig>\n                        <FileManagerViewProvider {...props} accept={mimeTypes}>\n                            <DialogsProvider>\n                                <FileManagerViewWithConfig>{children}</FileManagerViewWithConfig>\n                            </DialogsProvider>\n                        </FileManagerViewProvider>\n                    </AcoWithConfig>\n                </NavigateFolderProvider>\n            </FoldersProvider>\n        </CompositionScope>\n    );\n}\n\nexport const FileManagerRenderer = createDecorator(BaseFileManagerRenderer, () => {\n    return function FileManagerRenderer(props) {\n        const { onChange, onUploadCompletion, ...forwardProps } = props;\n\n        const handleFileOnChange: FileManagerViewProviderProps[\"onChange\"] = (\n            value: FileItem[] | FileItem,\n            context\n        ) => {\n            if (!onChange || !value || (Array.isArray(value) && !value.length)) {\n                return;\n            }\n\n            if (Array.isArray(value)) {\n                const finalValue = value.map(formatFileItem);\n                (onChange as FileManagerOnChange<FileManagerFileItem[]>)(finalValue);\n                context.onClose();\n                return;\n            }\n\n            (onChange as FileManagerOnChange<FileManagerFileItem>)(formatFileItem(value));\n            context.onClose();\n        };\n\n        const handleFileOnUploadCompletion: FileManagerViewProviderProps[\"onUploadCompletion\"] = (\n            files: FileItem[],\n            context\n        ) => {\n            if (!onUploadCompletion) {\n                return;\n            }\n\n            onUploadCompletion(files.map(formatFileItem));\n            context.onClose();\n        };\n\n        const viewProps: Omit<FileManagerProviderProps, \"children\"> = {\n            ...forwardProps,\n            onUploadCompletion: handleFileOnUploadCompletion,\n            onChange: typeof onChange === \"function\" ? handleFileOnChange : undefined\n        };\n\n        return (\n            <FileManagerProvider {...viewProps}>\n                <FileManagerView />\n            </FileManagerProvider>\n        );\n    };\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","createDecorator","DialogsProvider","FileManagerRenderer","BaseFileManagerRenderer","FileManagerView","FileManagerViewProvider","FM_ACO_APP","FileManagerViewWithConfig","FoldersProvider","NavigateFolderProvider","AcoWithConfig","CompositionScope","formatFileItem","id","src","rest","props","meta","Object","keys","map","key","value","imagesAccept","FileManagerProvider","children","images","accept","mimeTypes","createElement","name","type","assign","onChange","onUploadCompletion","forwardProps","handleFileOnChange","context","Array","isArray","length","finalValue","onClose","handleFileOnUploadCompletion","files","viewProps","undefined"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { createDecorator } from \"@webiny/react-composition\";\nimport type { FileManagerFileItem, FileManagerOnChange } from \"@webiny/app-admin\";\nimport { DialogsProvider, FileManagerRenderer as BaseFileManagerRenderer } from \"@webiny/app-admin\";\nimport type { FileItem } from \"@webiny/app-admin/types\";\nimport FileManagerView from \"./FileManagerView\";\nimport type { FileManagerViewProviderProps } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\nimport { FileManagerViewProvider } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\nimport { FM_ACO_APP } from \"~/constants\";\nimport { FileManagerViewWithConfig } from \"./FileManagerViewConfig\";\nimport { FoldersProvider } from \"@webiny/app-aco/contexts/folders\";\nimport { NavigateFolderProvider } from \"./NavigateFolderProvider\";\nimport { AcoWithConfig } from \"@webiny/app-aco\";\nimport { CompositionScope } from \"@webiny/react-composition\";\n\n/**\n * Convert a FileItem object to a FileManagerFileItem, which is then passed to `onChange` callback.\n */\nconst formatFileItem = ({ id, src, ...rest }: FileItem): FileManagerFileItem => {\n    const props: { [key: string]: any } = rest;\n\n    return {\n        id,\n        src,\n        meta: Object.keys(rest).map(key => ({ key, value: props[key] }))\n    };\n};\n\n/**\n * If `accept` prop is not passed, and `images` prop is set, use these default mime types.\n * Defaults can be overridden using the `createComponentPlugin` and `FileManagerRenderer` component.\n */\nconst imagesAccept = [\n    \"image/jpg\",\n    \"image/jpeg\",\n    \"image/tiff\",\n    \"image/gif\",\n    \"image/png\",\n    \"image/webp\",\n    \"image/bmp\",\n    \"image/svg+xml\"\n];\n\ninterface FileManagerProviderProps\n    extends Omit<FileManagerViewProviderProps, \"accept\" | \"children\"> {\n    children: React.ReactNode;\n    images?: boolean;\n    accept?: string[];\n}\n\nexport function FileManagerProvider({\n    children,\n    images,\n    accept,\n    ...props\n}: FileManagerProviderProps) {\n    const mimeTypes = images ? accept || imagesAccept : accept || [];\n\n    return (\n        <CompositionScope name={\"fm\"}>\n            <FoldersProvider type={FM_ACO_APP}>\n                <NavigateFolderProvider>\n                    <AcoWithConfig>\n                        <FileManagerViewProvider {...props} accept={mimeTypes}>\n                            <DialogsProvider>\n                                <FileManagerViewWithConfig>{children}</FileManagerViewWithConfig>\n                            </DialogsProvider>\n                        </FileManagerViewProvider>\n                    </AcoWithConfig>\n                </NavigateFolderProvider>\n            </FoldersProvider>\n        </CompositionScope>\n    );\n}\n\nexport const FileManagerRenderer = createDecorator(BaseFileManagerRenderer, () => {\n    return function FileManagerRenderer(props) {\n        const { onChange, onUploadCompletion, ...forwardProps } = props;\n\n        const handleFileOnChange: FileManagerViewProviderProps[\"onChange\"] = (\n            value: FileItem[] | FileItem,\n            context\n        ) => {\n            if (!onChange || !value || (Array.isArray(value) && !value.length)) {\n                return;\n            }\n\n            if (Array.isArray(value)) {\n                const finalValue = value.map(formatFileItem);\n                (onChange as FileManagerOnChange<FileManagerFileItem[]>)(finalValue);\n                context.onClose();\n                return;\n            }\n\n            (onChange as FileManagerOnChange<FileManagerFileItem>)(formatFileItem(value));\n            context.onClose();\n        };\n\n        const handleFileOnUploadCompletion: FileManagerViewProviderProps[\"onUploadCompletion\"] = (\n            files: FileItem[],\n            context\n        ) => {\n            if (!onUploadCompletion) {\n                return;\n            }\n\n            onUploadCompletion(files.map(formatFileItem));\n            context.onClose();\n        };\n\n        const viewProps: Omit<FileManagerProviderProps, \"children\"> = {\n            ...forwardProps,\n            onUploadCompletion: handleFileOnUploadCompletion,\n            onChange: typeof onChange === \"function\" ? handleFileOnChange : undefined\n        };\n\n        return (\n            <FileManagerProvider {...viewProps}>\n                <FileManagerView />\n            </FileManagerProvider>\n        );\n    };\n});\n"],"mappings":"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","ignoreList":[]}

package/modules/FileManagerRenderer/FileManagerView/outputFileSelectionError.d.ts

@@ -1,2 +1,2 @@
-import { FileError } from "react-butterfiles";
+import type { FileError } from "react-butterfiles";
 export declare const outputFileSelectionError: (errors: FileError[]) => string | null;

package/modules/FileManagerRenderer/FileManagerView/outputFileSelectionError.js

@@ -1,24 +1,13 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.outputFileSelectionError = void 0;
-var _bytes = _interopRequireDefault(require("bytes"));
-var outputFileSelectionError = exports.outputFileSelectionError = function outputFileSelectionError(errors) {
+import bytes from "bytes";
+export const outputFileSelectionError = errors => {
   if (errors.length > 1) {
-    var error = errors.find(function (error) {
-      return error.type === "multipleMaxCountExceeded";
-    });
+    let error = errors.find(error => error.type === "multipleMaxCountExceeded");
     if (error) {
-      return "Cannot upload more than ".concat(error.multipleMaxCount, " files at once.");
+      return `Cannot upload more than ${error.multipleMaxCount} files at once.`;
     }
-    error = errors.find(function (error) {
-      return error.type === "multipleMaxSizeExceeded";
-    });
+    error = errors.find(error => error.type === "multipleMaxSizeExceeded");
     if (error) {
-      return "Cannot upload more than ".concat(_bytes.default.format(error.multipleMaxSize), " at once.");
+      return `Cannot upload more than ${bytes.format(error.multipleMaxSize)} at once.`;
     }
     return "Multiple invalid files selected.";
   }

package/modules/FileManagerRenderer/FileManagerView/outputFileSelectionError.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bytes","_interopRequireDefault","require","outputFileSelectionError","exports","errors","length","error","find","type","concat","multipleMaxCount","bytes","format","multipleMaxSize"],"sources":["outputFileSelectionError.ts"],"sourcesContent":["import bytes from \"bytes\";\nimport { FileError } from \"react-butterfiles\";\n\nexport const outputFileSelectionError = (errors: FileError[]): string | null => {\n    if (errors.length > 1) {\n        let error = errors.find(error => error.type === \"multipleMaxCountExceeded\");\n        if (error) {\n            return `Cannot upload more than ${error.multipleMaxCount} files at once.`;\n        }\n\n        error = errors.find(error => error.type === \"multipleMaxSizeExceeded\");\n        if (error) {\n            return `Cannot upload more than ${bytes.format(error.multipleMaxSize)} at once.`;\n        }\n\n        return \"Multiple invalid files selected.\";\n    }\n\n    switch (errors[0].type) {\n        case \"unsupportedFileType\":\n            return \"Unsupported file type.\";\n        case \"maxSizeExceeded\":\n            return \"Max size exceeded.\";\n        case \"multipleMaxCountExceeded\":\n            return \"Multiple max files exceeded.\";\n        case \"multipleMaxSizeExceeded\":\n            return \"Multiple max size exceeded.\";\n        case \"multipleNotAllowed\":\n            return \"Only one file allowed.\";\n        default:\n            return null;\n    }\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGO,IAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,SAA3BA,wBAAwBA,CAAIE,MAAmB,EAAoB;EAC5E,IAAIA,MAAM,CAACC,MAAM,GAAG,CAAC,EAAE;IACnB,IAAIC,KAAK,GAAGF,MAAM,CAACG,IAAI,CAAC,UAAAD,KAAK;MAAA,OAAIA,KAAK,CAACE,IAAI,KAAK,0BAA0B;IAAA,EAAC;IAC3E,IAAIF,KAAK,EAAE;MACP,kCAAAG,MAAA,CAAkCH,KAAK,CAACI,gBAAgB;IAC5D;IAEAJ,KAAK,GAAGF,MAAM,CAACG,IAAI,CAAC,UAAAD,KAAK;MAAA,OAAIA,KAAK,CAACE,IAAI,KAAK,yBAAyB;IAAA,EAAC;IACtE,IAAIF,KAAK,EAAE;MACP,kCAAAG,MAAA,CAAkCE,cAAK,CAACC,MAAM,CAACN,KAAK,CAACO,eAAe,CAAC;IACzE;IAEA,OAAO,kCAAkC;EAC7C;EAEA,QAAQT,MAAM,CAAC,CAAC,CAAC,CAACI,IAAI;IAClB,KAAK,qBAAqB;MACtB,OAAO,wBAAwB;IACnC,KAAK,iBAAiB;MAClB,OAAO,oBAAoB;IAC/B,KAAK,0BAA0B;MAC3B,OAAO,8BAA8B;IACzC,KAAK,yBAAyB;MAC1B,OAAO,6BAA6B;IACxC,KAAK,oBAAoB;MACrB,OAAO,wBAAwB;IACnC;MACI,OAAO,IAAI;EACnB;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["bytes","outputFileSelectionError","errors","length","error","find","type","multipleMaxCount","format","multipleMaxSize"],"sources":["outputFileSelectionError.ts"],"sourcesContent":["import bytes from \"bytes\";\nimport type { FileError } from \"react-butterfiles\";\n\nexport const outputFileSelectionError = (errors: FileError[]): string | null => {\n    if (errors.length > 1) {\n        let error = errors.find(error => error.type === \"multipleMaxCountExceeded\");\n        if (error) {\n            return `Cannot upload more than ${error.multipleMaxCount} files at once.`;\n        }\n\n        error = errors.find(error => error.type === \"multipleMaxSizeExceeded\");\n        if (error) {\n            return `Cannot upload more than ${bytes.format(error.multipleMaxSize)} at once.`;\n        }\n\n        return \"Multiple invalid files selected.\";\n    }\n\n    switch (errors[0].type) {\n        case \"unsupportedFileType\":\n            return \"Unsupported file type.\";\n        case \"maxSizeExceeded\":\n            return \"Max size exceeded.\";\n        case \"multipleMaxCountExceeded\":\n            return \"Multiple max files exceeded.\";\n        case \"multipleMaxSizeExceeded\":\n            return \"Multiple max size exceeded.\";\n        case \"multipleNotAllowed\":\n            return \"Only one file allowed.\";\n        default:\n            return null;\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAO,MAAMC,wBAAwB,GAAIC,MAAmB,IAAoB;EAC5E,IAAIA,MAAM,CAACC,MAAM,GAAG,CAAC,EAAE;IACnB,IAAIC,KAAK,GAAGF,MAAM,CAACG,IAAI,CAACD,KAAK,IAAIA,KAAK,CAACE,IAAI,KAAK,0BAA0B,CAAC;IAC3E,IAAIF,KAAK,EAAE;MACP,OAAO,2BAA2BA,KAAK,CAACG,gBAAgB,iBAAiB;IAC7E;IAEAH,KAAK,GAAGF,MAAM,CAACG,IAAI,CAACD,KAAK,IAAIA,KAAK,CAACE,IAAI,KAAK,yBAAyB,CAAC;IACtE,IAAIF,KAAK,EAAE;MACP,OAAO,2BAA2BJ,KAAK,CAACQ,MAAM,CAACJ,KAAK,CAACK,eAAe,CAAC,WAAW;IACpF;IAEA,OAAO,kCAAkC;EAC7C;EAEA,QAAQP,MAAM,CAAC,CAAC,CAAC,CAACI,IAAI;IAClB,KAAK,qBAAqB;MACtB,OAAO,wBAAwB;IACnC,KAAK,iBAAiB;MAClB,OAAO,oBAAoB;IAC/B,KAAK,0BAA0B;MAC3B,OAAO,8BAA8B;IACzC,KAAK,yBAAyB;MAC1B,OAAO,6BAA6B;IACxC,KAAK,oBAAoB;MACrB,OAAO,wBAAwB;IACnC;MACI,OAAO,IAAI;EACnB;AACJ,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileManagerViewProvider/FileManagerViewContext.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import { FileItem } from "@webiny/app-admin/types";
-import { FileTag } from "../../../types";
-import { State } from "./state";
-import { FolderItem, ListMeta, ListSearchRecordsSort } from "@webiny/app-aco/types";
-import { UploadOptions } from "@webiny/app/types";
+import type { FileItem } from "@webiny/app-admin/types";
+import type { FileTag } from "../../../types";
+import type { State } from "./state";
+import type { FolderItem, ListMeta, ListSearchRecordsSort } from "@webiny/app-aco/types";
+import type { UploadOptions } from "@webiny/app/types";
 type PublicState = Omit<State, "activeTags">;
 export interface UpdateFileOptions {
     localUpdate?: boolean;
@@ -13,16 +13,20 @@ export interface DeleteFileOptions {
 }
 export interface FileManagerViewContext<TFileItem extends FileItem = FileItem> extends PublicState {
     accept: string[];
+    currentFolder: FolderItem | null;
     createFile: (data: TFileItem) => Promise<TFileItem | undefined>;
     deleteFile: (id: string, options?: DeleteFileOptions) => Promise<void>;
     files: FileItem[];
     folderId: string;
     folders: FolderItem[];
+    displaySubFolders: boolean;
     getFile: (id: string) => Promise<TFileItem | undefined>;
     hideFileDetails: () => void;
     hideFilters: () => void;
     isListLoading: boolean;
     isListLoadingMore: boolean;
+    isRootFolder: boolean;
+    isUploadProgressIndicatorVisible: boolean;
     hasOnSelectCallback: boolean;
     listTitle: string;
     loadMoreFiles: () => void;
@@ -35,10 +39,12 @@ export interface FileManagerViewContext<TFileItem extends FileItem = FileItem> e
     own: boolean;
     scope?: string;
     setDragging: (state: boolean) => void;
+    setDisplaySubFolders: (state: boolean) => void;
     setFilters: (data: Record<string, any>) => void;
     setFolderId: (folderId: string) => void;
     setListSort: (state: ListSearchRecordsSort) => void;
     setListTable: (mode: boolean) => void;
+    setIsUploadProgressIndicatorVisible: (visible: boolean) => void;
     setSearchQuery: (query: string) => void;
     setSelected: (files: TFileItem[]) => void;
     showFileDetails: (id: string) => void;