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

package/modules/FileManagerRenderer/FileManagerView/formatFileItem.js

@@ -0,0 +1,19 @@
+/**
+ * Convert a FileItem object to a FileManagerFileItem, which is then passed to `onChange` callback.
+ */
+export const formatFileItem = file => {
+  return {
+    id: file.id,
+    src: file.src,
+    name: file.name,
+    type: file.type,
+    size: file.size,
+    width: file.metadata?.image?.width,
+    height: file.metadata?.image?.height,
+    // FM specific properties
+    extensions: file.extensions,
+    metadata: file.metadata
+  };
+};
+
+//# sourceMappingURL=formatFileItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["formatFileItem","file","id","src","name","type","size","width","metadata","image","height","extensions"],"sources":["formatFileItem.ts"],"sourcesContent":["import type { FileItem } from \"~/types.js\";\nimport type { FileManagerFileItem } from \"@webiny/app-admin\";\n\n/**\n * Convert a FileItem object to a FileManagerFileItem, which is then passed to `onChange` callback.\n */\nexport const formatFileItem = (file: FileItem): FileManagerFileItem => {\n    return {\n        id: file.id,\n        src: file.src,\n        name: file.name,\n        type: file.type,\n        size: file.size,\n        width: file.metadata?.image?.width,\n        height: file.metadata?.image?.height,\n        // FM specific properties\n        extensions: file.extensions,\n        metadata: file.metadata\n    };\n};\n"],"mappings":"AAGA;AACA;AACA;AACA,OAAO,MAAMA,cAAc,GAAIC,IAAc,IAA0B;EACnE,OAAO;IACHC,EAAE,EAAED,IAAI,CAACC,EAAE;IACXC,GAAG,EAAEF,IAAI,CAACE,GAAG;IACbC,IAAI,EAAEH,IAAI,CAACG,IAAI;IACfC,IAAI,EAAEJ,IAAI,CAACI,IAAI;IACfC,IAAI,EAAEL,IAAI,CAACK,IAAI;IACfC,KAAK,EAAEN,IAAI,CAACO,QAAQ,EAAEC,KAAK,EAAEF,KAAK;IAClCG,MAAM,EAAET,IAAI,CAACO,QAAQ,EAAEC,KAAK,EAAEC,MAAM;IACpC;IACAC,UAAU,EAAEV,IAAI,CAACU,UAAU;IAC3BH,QAAQ,EAAEP,IAAI,CAACO;EACnB,CAAC;AACL,CAAC","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import { FileItem } from "@webiny/app-admin/types";
+import type { FileItem } from "../../../types.js";
 export declare const getThumbnailRenderer: <T extends {
     type: string;
 }>(renderers: T[], file: FileItem) => T;

package/modules/FileManagerRenderer/FileManagerView/getThumbnailRenderer.js

@@ -1,17 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getThumbnailRenderer = void 0;
-var _minimatch = _interopRequireDefault(require("minimatch"));
-var getThumbnailRenderer = exports.getThumbnailRenderer = function getThumbnailRenderer(renderers, file) {
+import { minimatch } from "minimatch";
+export const getThumbnailRenderer = (renderers, file) => {
   // Sort by type and by priority. More occurrences of `*` means lower priority.
-  var regExMatch = /\*/g;
-  var types = renderers.sort(function (a, b) {
-    var countA = (a.type.match(regExMatch) || []).length;
-    var countB = (b.type.match(regExMatch) || []).length;
+  const regExMatch = /\*/g;
+  const types = renderers.sort((a, b) => {
+    const countA = (a.type.match(regExMatch) || []).length;
+    const countB = (b.type.match(regExMatch) || []).length;
     if (countB > countA) {
       return -1;
     } else if (countB < countA) {
@@ -21,9 +14,7 @@ var getThumbnailRenderer = exports.getThumbnailRenderer = function getThumbnailR
   });
 
   // Find first matching type
-  var renderer = types.find(function (type) {
-    return (0, _minimatch.default)(file.type, type.type);
-  });
+  const renderer = types.find(type => minimatch(file.type, type.type));
   return renderer;
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["_minimatch","_interopRequireDefault","require","getThumbnailRenderer","exports","renderers","file","regExMatch","types","sort","a","b","countA","type","match","length","countB","renderer","find","minimatch"],"sources":["getThumbnailRenderer.ts"],"sourcesContent":["import { FileItem } from \"@webiny/app-admin/types\";\nimport minimatch from \"minimatch\";\n\nexport const getThumbnailRenderer = <T extends { type: string }>(\n    renderers: T[],\n    file: FileItem\n): T => {\n    // Sort by type and by priority. More occurrences of `*` means lower priority.\n    const regExMatch = /\\*/g;\n\n    const types = renderers.sort((a, b) => {\n        const countA = (a.type.match(regExMatch) || []).length;\n        const countB = (b.type.match(regExMatch) || []).length;\n        if (countB > countA) {\n            return -1;\n        } else if (countB < countA) {\n            return 1;\n        }\n        return 0;\n    });\n\n    // Find first matching type\n    const renderer = types.find(type => minimatch(file.type, type.type));\n\n    return renderer!;\n};\n"],"mappings":";;;;;;;AACA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAAvBA,oBAAoBA,CAC7BE,SAAc,EACdC,IAAc,EACV;EACJ;EACA,IAAMC,UAAU,GAAG,KAAK;EAExB,IAAMC,KAAK,GAAGH,SAAS,CAACI,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC,EAAK;IACnC,IAAMC,MAAM,GAAG,CAACF,CAAC,CAACG,IAAI,CAACC,KAAK,CAACP,UAAU,CAAC,IAAI,EAAE,EAAEQ,MAAM;IACtD,IAAMC,MAAM,GAAG,CAACL,CAAC,CAACE,IAAI,CAACC,KAAK,CAACP,UAAU,CAAC,IAAI,EAAE,EAAEQ,MAAM;IACtD,IAAIC,MAAM,GAAGJ,MAAM,EAAE;MACjB,OAAO,CAAC,CAAC;IACb,CAAC,MAAM,IAAII,MAAM,GAAGJ,MAAM,EAAE;MACxB,OAAO,CAAC;IACZ;IACA,OAAO,CAAC;EACZ,CAAC,CAAC;;EAEF;EACA,IAAMK,QAAQ,GAAGT,KAAK,CAACU,IAAI,CAAC,UAAAL,IAAI;IAAA,OAAI,IAAAM,kBAAS,EAACb,IAAI,CAACO,IAAI,EAAEA,IAAI,CAACA,IAAI,CAAC;EAAA,EAAC;EAEpE,OAAOI,QAAQ;AACnB,CAAC","ignoreList":[]}
+{"version":3,"names":["minimatch","getThumbnailRenderer","renderers","file","regExMatch","types","sort","a","b","countA","type","match","length","countB","renderer","find"],"sources":["getThumbnailRenderer.ts"],"sourcesContent":["import type { FileItem } from \"~/types.js\";\nimport { minimatch } from \"minimatch\";\n\nexport const getThumbnailRenderer = <T extends { type: string }>(\n    renderers: T[],\n    file: FileItem\n): T => {\n    // Sort by type and by priority. More occurrences of `*` means lower priority.\n    const regExMatch = /\\*/g;\n\n    const types = renderers.sort((a, b) => {\n        const countA = (a.type.match(regExMatch) || []).length;\n        const countB = (b.type.match(regExMatch) || []).length;\n        if (countB > countA) {\n            return -1;\n        } else if (countB < countA) {\n            return 1;\n        }\n        return 0;\n    });\n\n    // Find first matching type\n    const renderer = types.find(type => minimatch(file.type, type.type));\n\n    return renderer!;\n};\n"],"mappings":"AACA,SAASA,SAAS,QAAQ,WAAW;AAErC,OAAO,MAAMC,oBAAoB,GAAGA,CAChCC,SAAc,EACdC,IAAc,KACV;EACJ;EACA,MAAMC,UAAU,GAAG,KAAK;EAExB,MAAMC,KAAK,GAAGH,SAAS,CAACI,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;IACnC,MAAMC,MAAM,GAAG,CAACF,CAAC,CAACG,IAAI,CAACC,KAAK,CAACP,UAAU,CAAC,IAAI,EAAE,EAAEQ,MAAM;IACtD,MAAMC,MAAM,GAAG,CAACL,CAAC,CAACE,IAAI,CAACC,KAAK,CAACP,UAAU,CAAC,IAAI,EAAE,EAAEQ,MAAM;IACtD,IAAIC,MAAM,GAAGJ,MAAM,EAAE;MACjB,OAAO,CAAC,CAAC;IACb,CAAC,MAAM,IAAII,MAAM,GAAGJ,MAAM,EAAE;MACxB,OAAO,CAAC;IACZ;IACA,OAAO,CAAC;EACZ,CAAC,CAAC;;EAEF;EACA,MAAMK,QAAQ,GAAGT,KAAK,CAACU,IAAI,CAACL,IAAI,IAAIV,SAAS,CAACG,IAAI,CAACO,IAAI,EAAEA,IAAI,CAACA,IAAI,CAAC,CAAC;EAEpE,OAAOI,QAAQ;AACnB,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { FileManagerViewProviderProps } from "../FileManagerViewProvider";
+import type { FileManagerViewProviderProps } from "../../../modules/FileManagerRenderer/FileManagerViewProvider/index.js";
 interface FileManagerProviderProps extends Omit<FileManagerViewProviderProps, "accept" | "children"> {
     children: React.ReactNode;
     images?: boolean;

package/modules/FileManagerRenderer/FileManagerView/index.js

@@ -1,85 +1,76 @@
-"use strict";
-
-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"];
-/**
- * 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;
-  return {
-    id: id,
-    src: src,
-    meta: Object.keys(rest).map(function (key) {
-      return {
-        key: key,
-        value: props[key]
-      };
-    })
-  };
-};
+import React, { useCallback, useState } from "react";
+import { createDecorator } from "@webiny/react-composition";
+import { DialogsProvider, FileManagerRenderer as BaseFileManagerRenderer } from "@webiny/app-admin";
+import { FoldersProvider } from "@webiny/app-aco/contexts/folders.js";
+import { NavigateFolderProvider } from "@webiny/app-aco";
+import FileManagerView from "./FileManagerView.js";
+import { FileManagerViewProvider } from "../FileManagerViewProvider/index.js";
+import { FM_ACO_APP, ROOT_FOLDER, LOCAL_STORAGE_LATEST_VISITED_FOLDER } from "../../../constants.js";
+import { FileManagerViewWithConfig } from "./FileManagerViewConfig.js";
+import { formatFileItem } from "./formatFileItem.js";
 
 /**
  * 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, {
-    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, {
+const imagesAccept = ["image/jpg", "image/jpeg", "image/tiff", "image/gif", "image/png", "image/webp", "image/bmp", "image/svg+xml"];
+const createStorageKey = () => {
+  return LOCAL_STORAGE_LATEST_VISITED_FOLDER;
+};
+export function FileManagerProvider({
+  children,
+  images,
+  accept,
+  ...props
+}) {
+  const mimeTypes = images ? accept || imagesAccept : accept || [];
+  const [folderId, setFolderId] = useState(undefined);
+  const navigateToFolder = useCallback(folderId => {
+    setFolderId(folderId === ROOT_FOLDER ? undefined : folderId);
+  }, []);
+  return /*#__PURE__*/React.createElement(FoldersProvider, {
+    type: FM_ACO_APP
+  }, /*#__PURE__*/React.createElement(NavigateFolderProvider, {
+    folderId: folderId,
+    navigateToFolder: navigateToFolder,
+    createStorageKey: createStorageKey
+  }, /*#__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,
-      forwardProps = (0, _objectWithoutProperties2.default)(props, _excluded3);
-    var handleFileOnChange = function handleFileOnChange(value) {
+    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;
       }
       onChange(formatFileItem(value));
+      context.onClose();
     };
-    var viewProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, forwardProps), {}, {
-      onUploadCompletion: forwardProps.onUploadCompletion,
+    const handleFileOnUploadCompletion = (files, context) => {
+      if (!onUploadCompletion) {
+        return;
+      }
+      onUploadCompletion(files.map(formatFileItem));
+      context.onClose();
+    };
+    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","forwardProps","handleFileOnChange","Array","isArray","length","finalValue","viewProps","_objectSpread2","onUploadCompletion","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, ...forwardProps } = props;\n\n        const handleFileOnChange = (value?: FileItem[] | FileItem) => {\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                return;\n            }\n\n            (onChange as FileManagerOnChange<FileManagerFileItem>)(formatFileItem(value));\n        };\n\n        const viewProps: Omit<FileManagerProviderProps, \"children\"> = {\n            ...forwardProps,\n            onUploadCompletion:\n                forwardProps.onUploadCompletion as FileManagerViewProviderProps[\"onUploadCompletion\"],\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","useCallback","useState","createDecorator","DialogsProvider","FileManagerRenderer","BaseFileManagerRenderer","FoldersProvider","NavigateFolderProvider","FileManagerView","FileManagerViewProvider","FM_ACO_APP","ROOT_FOLDER","LOCAL_STORAGE_LATEST_VISITED_FOLDER","FileManagerViewWithConfig","formatFileItem","imagesAccept","createStorageKey","FileManagerProvider","children","images","accept","props","mimeTypes","folderId","setFolderId","undefined","navigateToFolder","createElement","type","Object","assign","onChange","onUploadCompletion","forwardProps","handleFileOnChange","value","context","Array","isArray","length","finalValue","map","onClose","handleFileOnUploadCompletion","files","viewProps"],"sources":["index.tsx"],"sourcesContent":["import React, { useCallback, useState } 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 \"~/types.js\";\nimport { FoldersProvider } from \"@webiny/app-aco/contexts/folders.js\";\nimport { NavigateFolderProvider } from \"@webiny/app-aco\";\nimport FileManagerView from \"./FileManagerView.js\";\nimport type { FileManagerViewProviderProps } from \"~/modules/FileManagerRenderer/FileManagerViewProvider/index.js\";\nimport { FileManagerViewProvider } from \"~/modules/FileManagerRenderer/FileManagerViewProvider/index.js\";\nimport { FM_ACO_APP, ROOT_FOLDER, LOCAL_STORAGE_LATEST_VISITED_FOLDER } from \"~/constants.js\";\nimport { FileManagerViewWithConfig } from \"./FileManagerViewConfig.js\";\nimport { formatFileItem } from \"./formatFileItem.js\";\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\nconst createStorageKey = () => {\n    return LOCAL_STORAGE_LATEST_VISITED_FOLDER;\n};\n\nexport function FileManagerProvider({\n    children,\n    images,\n    accept,\n    ...props\n}: FileManagerProviderProps) {\n    const mimeTypes = images ? accept || imagesAccept : accept || [];\n    const [folderId, setFolderId] = useState<string | undefined>(undefined);\n\n    const navigateToFolder = useCallback((folderId: string) => {\n        setFolderId(folderId === ROOT_FOLDER ? undefined : folderId);\n    }, []);\n\n    return (\n        <FoldersProvider type={FM_ACO_APP}>\n            <NavigateFolderProvider\n                folderId={folderId}\n                navigateToFolder={navigateToFolder}\n                createStorageKey={createStorageKey}\n            >\n                <FileManagerViewProvider {...props} accept={mimeTypes}>\n                    <DialogsProvider>\n                        <FileManagerViewWithConfig>{children}</FileManagerViewWithConfig>\n                    </DialogsProvider>\n                </FileManagerViewProvider>\n            </NavigateFolderProvider>\n        </FoldersProvider>\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":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,eAAe,QAAQ,2BAA2B;AAE3D,SAASC,eAAe,EAAEC,mBAAmB,IAAIC,uBAAuB,QAAQ,mBAAmB;AAEnG,SAASC,eAAe,QAAQ,qCAAqC;AACrE,SAASC,sBAAsB,QAAQ,iBAAiB;AACxD,OAAOC,eAAe;AAEtB,SAASC,uBAAuB;AAChC,SAASC,UAAU,EAAEC,WAAW,EAAEC,mCAAmC;AACrE,SAASC,yBAAyB;AAClC,SAASC,cAAc;;AAEvB;AACA;AACA;AACA;AACA,MAAMC,YAAY,GAAG,CACjB,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAW,EACX,eAAe,CAClB;AASD,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAC3B,OAAOJ,mCAAmC;AAC9C,CAAC;AAED,OAAO,SAASK,mBAAmBA,CAAC;EAChCC,QAAQ;EACRC,MAAM;EACNC,MAAM;EACN,GAAGC;AACmB,CAAC,EAAE;EACzB,MAAMC,SAAS,GAAGH,MAAM,GAAGC,MAAM,IAAIL,YAAY,GAAGK,MAAM,IAAI,EAAE;EAChE,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAGvB,QAAQ,CAAqBwB,SAAS,CAAC;EAEvE,MAAMC,gBAAgB,GAAG1B,WAAW,CAAEuB,QAAgB,IAAK;IACvDC,WAAW,CAACD,QAAQ,KAAKZ,WAAW,GAAGc,SAAS,GAAGF,QAAQ,CAAC;EAChE,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIxB,KAAA,CAAA4B,aAAA,CAACrB,eAAe;IAACsB,IAAI,EAAElB;EAAW,gBAC9BX,KAAA,CAAA4B,aAAA,CAACpB,sBAAsB;IACnBgB,QAAQ,EAAEA,QAAS;IACnBG,gBAAgB,EAAEA,gBAAiB;IACnCV,gBAAgB,EAAEA;EAAiB,gBAEnCjB,KAAA,CAAA4B,aAAA,CAAClB,uBAAuB,EAAAoB,MAAA,CAAAC,MAAA,KAAKT,KAAK;IAAED,MAAM,EAAEE;EAAU,iBAClDvB,KAAA,CAAA4B,aAAA,CAACxB,eAAe,qBACZJ,KAAA,CAAA4B,aAAA,CAACd,yBAAyB,QAAEK,QAAoC,CACnD,CACI,CACL,CACX,CAAC;AAE1B;AAEA,OAAO,MAAMd,mBAAmB,GAAGF,eAAe,CAACG,uBAAuB,EAAE,MAAM;EAC9E,OAAO,SAASD,mBAAmBA,CAACiB,KAAK,EAAE;IACvC,MAAM;MAAEU,QAAQ;MAAEC,kBAAkB;MAAE,GAAGC;IAAa,CAAC,GAAGZ,KAAK;IAE/D,MAAMa,kBAA4D,GAAGA,CACjEC,KAA4B,EAC5BC,OAAO,KACN;MACD,IAAI,CAACL,QAAQ,IAAI,CAACI,KAAK,IAAKE,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,IAAI,CAACA,KAAK,CAACI,MAAO,EAAE;QAChE;MACJ;MAEA,IAAIF,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,EAAE;QACtB,MAAMK,UAAU,GAAGL,KAAK,CAACM,GAAG,CAAC3B,cAAc,CAAC;QAC3CiB,QAAQ,CAAgDS,UAAU,CAAC;QACpEJ,OAAO,CAACM,OAAO,CAAC,CAAC;QACjB;MACJ;MAECX,QAAQ,CAA8CjB,cAAc,CAACqB,KAAK,CAAC,CAAC;MAC7EC,OAAO,CAACM,OAAO,CAAC,CAAC;IACrB,CAAC;IAED,MAAMC,4BAAgF,GAAGA,CACrFC,KAAiB,EACjBR,OAAO,KACN;MACD,IAAI,CAACJ,kBAAkB,EAAE;QACrB;MACJ;MAEAA,kBAAkB,CAACY,KAAK,CAACH,GAAG,CAAC3B,cAAc,CAAC,CAAC;MAC7CsB,OAAO,CAACM,OAAO,CAAC,CAAC;IACrB,CAAC;IAED,MAAMG,SAAqD,GAAG;MAC1D,GAAGZ,YAAY;MACfD,kBAAkB,EAAEW,4BAA4B;MAChDZ,QAAQ,EAAE,OAAOA,QAAQ,KAAK,UAAU,GAAGG,kBAAkB,GAAGT;IACpE,CAAC;IAED,oBACI1B,KAAA,CAAA4B,aAAA,CAACV,mBAAmB,EAAK4B,SAAS,eAC9B9C,KAAA,CAAA4B,aAAA,CAACnB,eAAe,MAAE,CACD,CAAC;EAE9B,CAAC;AACL,CAAC,CAAC","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,26 +1,37 @@
 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";
-declare type PublicState = Omit<State, "activeTags">;
+import type { FileItem } from "../../../types.js";
+import type { FileTag } from "../../../types.js";
+import type { State } from "./state.js";
+import type { ListMeta, ListSearchRecordsSort } from "@webiny/app-aco/types.js";
+import type { UploadOptions } from "@webiny/app/types.js";
+import type { FolderDto } from "@webiny/app-aco";
+type PublicState = Omit<State, "activeTags">;
+export interface UpdateFileOptions {
+    localUpdate?: boolean;
+}
+export interface DeleteFileOptions {
+    localDelete?: boolean;
+}
 export interface FileManagerViewContext<TFileItem extends FileItem = FileItem> extends PublicState {
     accept: string[];
+    currentFolder: FolderDto | null;
     createFile: (data: TFileItem) => Promise<TFileItem | undefined>;
-    deleteFile: (id: string) => Promise<void>;
+    deleteFile: (id: string, options?: DeleteFileOptions) => Promise<void>;
     files: FileItem[];
     folderId: string;
-    folders: FolderItem[];
+    folders: FolderDto[];
+    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;
-    meta: ListMeta | undefined;
+    meta: ListMeta;
     moveFileToFolder: (fileId: string, folderId: string) => Promise<void>;
     multiple: boolean;
     onClose: () => void;
@@ -29,10 +40,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;
@@ -47,28 +60,30 @@ export interface FileManagerViewContext<TFileItem extends FileItem = FileItem> e
     };
     toggleSelected: (file: TFileItem) => void;
     deselectAll: () => void;
-    updateFile: (id: string, data: Partial<TFileItem>) => Promise<void>;
+    updateFile: (id: string, data: Partial<TFileItem>, options?: UpdateFileOptions) => Promise<void>;
     uploadFile: (file: File, options?: UploadFileOptions) => Promise<TFileItem | undefined>;
+    overlay?: boolean;
 }
 export declare const FileManagerViewContext: React.Context<FileManagerViewContext<FileItem> | undefined>;
 export interface FileManagerViewProviderProps {
-    onChange?: (value: FileItem[] | FileItem) => void;
+    onChange?: (value: FileItem[] | FileItem, context: FileManagerViewContext) => void;
     onClose?: () => void;
     multiple?: boolean;
     accept: string[];
     maxSize?: number | string;
     multipleMaxCount?: number;
     multipleMaxSize?: number | string;
-    onUploadCompletion?: (files: FileItem[]) => void;
+    onUploadCompletion?: (files: FileItem[], context: FileManagerViewContext) => void;
     tags?: string[];
     scope?: string;
     own?: boolean;
+    overlay?: boolean;
     children?: React.ReactNode;
 }
-declare type UploadFileOptions = Pick<UploadOptions, "onProgress">;
-export declare type Loading<T extends string> = {
+type UploadFileOptions = Pick<UploadOptions, "onProgress">;
+export type Loading<T extends string> = {
     [P in T]?: boolean;
 };
-export declare type LoadingActions = "INIT" | "LIST" | "LIST_MORE";
+export type LoadingActions = "INIT" | "LIST" | "LIST_MORE";
 export declare const FileManagerViewProvider: ({ children, ...props }: FileManagerViewProviderProps) => React.JSX.Element;
 export {};