@webiny/app-file-manager 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.f6dc066313

package/BatchFileUploader.d.ts

@@ -1,5 +1,5 @@
-import type { FileItem } from "@webiny/app-admin/types";
-import type { 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.map

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

package/README.md

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

package/app.js

@@ -1,11 +1,12 @@
 import React from "react";
-import { SettingsModule } from "./modules/Settings";
-import { FileManagerApiProviderModule } from "./modules/FileManagerApiProvider";
-import { FileManagerRendererModule } from "./modules/FileManagerRenderer";
-import { HeadlessCmsModule } from "./modules/HeadlessCms";
-import { EnterpriseModule } from "./modules/Enterprise";
+import { SettingsModule } from "./modules/Settings/index.js";
+import { FileManagerApiProviderModule } from "./modules/FileManagerApiProvider/index.js";
+import { FileManagerRendererModule } from "./modules/FileManagerRenderer/index.js";
+import { HeadlessCmsModule } from "./modules/HeadlessCms/index.js";
+import { EnterpriseModule } from "./modules/Enterprise/index.js";
+import { SecurityPermissions } from "./modules/SecurityPermissions.js";
 export const FileManager = () => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SettingsModule, null), /*#__PURE__*/React.createElement(FileManagerApiProviderModule, null), /*#__PURE__*/React.createElement(FileManagerRendererModule, null), /*#__PURE__*/React.createElement(HeadlessCmsModule, null), /*#__PURE__*/React.createElement(EnterpriseModule, null));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SettingsModule, null), /*#__PURE__*/React.createElement(FileManagerApiProviderModule, null), /*#__PURE__*/React.createElement(FileManagerRendererModule, null), /*#__PURE__*/React.createElement(HeadlessCmsModule, null), /*#__PURE__*/React.createElement(EnterpriseModule, null), /*#__PURE__*/React.createElement(SecurityPermissions, null));
 };
 
 //# sourceMappingURL=app.js.map

package/app.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","SettingsModule","FileManagerApiProviderModule","FileManagerRendererModule","HeadlessCmsModule","EnterpriseModule","FileManager","createElement","Fragment"],"sources":["app.tsx"],"sourcesContent":["import React from \"react\";\nimport { SettingsModule } from \"~/modules/Settings\";\nimport { FileManagerApiProviderModule } from \"~/modules/FileManagerApiProvider\";\nimport { FileManagerRendererModule } from \"~/modules/FileManagerRenderer\";\nimport { HeadlessCmsModule } from \"~/modules/HeadlessCms\";\nimport { EnterpriseModule } from \"~/modules/Enterprise\";\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":[]}
+{"version":3,"names":["React","SettingsModule","FileManagerApiProviderModule","FileManagerRendererModule","HeadlessCmsModule","EnterpriseModule","SecurityPermissions","FileManager","createElement","Fragment"],"sources":["app.tsx"],"sourcesContent":["import React from \"react\";\nimport { SettingsModule } from \"~/modules/Settings/index.js\";\nimport { FileManagerApiProviderModule } from \"~/modules/FileManagerApiProvider/index.js\";\nimport { FileManagerRendererModule } from \"~/modules/FileManagerRenderer/index.js\";\nimport { HeadlessCmsModule } from \"~/modules/HeadlessCms/index.js\";\nimport { EnterpriseModule } from \"~/modules/Enterprise/index.js\";\nimport { SecurityPermissions } from \"./modules/SecurityPermissions.js\";\n\nexport const FileManager = () => {\n    return (\n        <>\n            <SettingsModule />\n            <FileManagerApiProviderModule />\n            <FileManagerRendererModule />\n            <HeadlessCmsModule />\n            <EnterpriseModule />\n            <SecurityPermissions />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc;AACvB,SAASC,4BAA4B;AACrC,SAASC,yBAAyB;AAClC,SAASC,iBAAiB;AAC1B,SAASC,gBAAgB;AACzB,SAASC,mBAAmB;AAE5B,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,oBACIP,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,qBACIT,KAAA,CAAAQ,aAAA,CAACP,cAAc,MAAE,CAAC,eAClBD,KAAA,CAAAQ,aAAA,CAACN,4BAA4B,MAAE,CAAC,eAChCF,KAAA,CAAAQ,aAAA,CAACL,yBAAyB,MAAE,CAAC,eAC7BH,KAAA,CAAAQ,aAAA,CAACJ,iBAAiB,MAAE,CAAC,eACrBJ,KAAA,CAAAQ,aAAA,CAACH,gBAAgB,MAAE,CAAC,eACpBL,KAAA,CAAAQ,aAAA,CAACF,mBAAmB,MAAE,CACxB,CAAC;AAEX,CAAC","ignoreList":[]}

package/components/BottomInfoBar/BottomInfoBar.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import type { SupportedFileTypesProps } from "./SupportedFileTypes";
-import type { ListStatusProps } from "./ListStatus";
+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,8 +1,8 @@
 import React from "react";
-import mime from "mime/lite";
+import mime from "mime/lite.js";
 import { Separator } from "@webiny/admin-ui";
-import SupportedFileTypes from "./SupportedFileTypes";
-import ListStatus from "./ListStatus";
+import { SupportedFileTypes } from "./SupportedFileTypes.js";
+import ListStatus from "./ListStatus.js";
 mime.define({
   "image/x-icon": ["ico"]
 }, true);
@@ -14,9 +14,9 @@ mime.define({
 }, true);
 export const BottomInfoBar = props => {
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-bg-neutral-base wby-w-full wby-overflow-hidden wby-z-5"
+    className: "bg-neutral-base w-full overflow-hidden z-5"
   }, /*#__PURE__*/React.createElement(Separator, null), /*#__PURE__*/React.createElement("div", {
-    className: "wby-h-xl wby-px-md wby-py-sm wby-flex wby-items-center wby-justify-between"
+    className: "h-xl px-md py-sm flex items-center justify-between"
   }, /*#__PURE__*/React.createElement(SupportedFileTypes, props), /*#__PURE__*/React.createElement(ListStatus, props)));
 };
 

package/components/BottomInfoBar/BottomInfoBar.js.map

@@ -1 +1 @@
-{"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\";\nimport { Separator } from \"@webiny/admin-ui\";\n\nimport type { SupportedFileTypesProps } from \"./SupportedFileTypes\";\nimport SupportedFileTypes from \"./SupportedFileTypes\";\nimport type { ListStatusProps } from \"./ListStatus\";\nimport ListStatus from \"./ListStatus\";\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=\"wby-bg-neutral-base wby-w-full wby-overflow-hidden wby-z-5\">\n            <Separator />\n            <div\n                className={\n                    \"wby-h-xl wby-px-md wby-py-sm wby-flex wby-items-center wby-justify-between\"\n                }\n            >\n                <SupportedFileTypes {...props} />\n                <ListStatus {...props} />\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,IAAI,MAAM,WAAW;AAC5B,SAASC,SAAS,QAAQ,kBAAkB;AAG5C,OAAOC,kBAAkB;AAEzB,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;EAA4D,gBACvET,KAAA,CAAAQ,aAAA,CAACN,SAAS,MAAE,CAAC,eACbF,KAAA,CAAAQ,aAAA;IACIC,SAAS,EACL;EACH,gBAEDT,KAAA,CAAAQ,aAAA,CAACL,kBAAkB,EAAKI,KAAQ,CAAC,eACjCP,KAAA,CAAAQ,aAAA,CAACJ,UAAU,EAAKG,KAAQ,CACvB,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","mime","Separator","SupportedFileTypes","ListStatus","define","BottomInfoBar","props","createElement","className"],"sources":["BottomInfoBar.tsx"],"sourcesContent":["import React from \"react\";\nimport mime from \"mime/lite.js\";\nimport { Separator } from \"@webiny/admin-ui\";\n\nimport type { SupportedFileTypesProps } from \"./SupportedFileTypes.js\";\nimport { SupportedFileTypes } from \"./SupportedFileTypes.js\";\nimport type { ListStatusProps } from \"./ListStatus.js\";\nimport ListStatus from \"./ListStatus.js\";\n\nmime.define({ \"image/x-icon\": [\"ico\"] }, true);\nmime.define({ \"image/jpg\": [\"jpg\"] }, true);\nmime.define({ \"image/vnd.microsoft.icon\": [\"ico\"] }, true);\n\ntype BottomInfoBarProps = SupportedFileTypesProps & ListStatusProps;\n\nexport const BottomInfoBar = (props: BottomInfoBarProps) => {\n    return (\n        <div className=\"bg-neutral-base w-full overflow-hidden z-5\">\n            <Separator />\n            <div className={\"h-xl px-md py-sm flex items-center justify-between\"}>\n                <SupportedFileTypes {...props} />\n                <ListStatus {...props} />\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,IAAI,MAAM,cAAc;AAC/B,SAASC,SAAS,QAAQ,kBAAkB;AAG5C,SAASC,kBAAkB;AAE3B,OAAOC,UAAU;AAEjBH,IAAI,CAACI,MAAM,CAAC;EAAE,cAAc,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC9CJ,IAAI,CAACI,MAAM,CAAC;EAAE,WAAW,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC3CJ,IAAI,CAACI,MAAM,CAAC;EAAE,0BAA0B,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAI1D,OAAO,MAAMC,aAAa,GAAIC,KAAyB,IAAK;EACxD,oBACIP,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAA4C,gBACvDT,KAAA,CAAAQ,aAAA,CAACN,SAAS,MAAE,CAAC,eACbF,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAAqD,gBACjET,KAAA,CAAAQ,aAAA,CAACL,kBAAkB,EAAKI,KAAQ,CAAC,eACjCP,KAAA,CAAAQ,aAAA,CAACJ,UAAU,EAAKG,KAAQ,CACvB,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/BottomInfoBar/ListStatus.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { i18n } from "@webiny/app/i18n";
+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 = ({
@@ -9,11 +9,11 @@ const ListStatus = ({
     return null;
   }
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-gap-sm"
+    className: "flex items-center gap-sm"
   }, /*#__PURE__*/React.createElement(Text, {
     size: "sm",
     as: "div",
-    className: "wby-text-neutral-strong"
+    className: "text-neutral-strong"
   }, t`Loading more files...`), /*#__PURE__*/React.createElement(Loader, {
     size: "xs"
   }));

package/components/BottomInfoBar/ListStatus.js.map

@@ -1 +1 @@
-{"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\";\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=\"wby-flex wby-items-center wby-gap-sm\">\n            <Text size={\"sm\"} as={\"div\"} className={\"wby-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,kBAAkB;AACvC,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;EAAsC,gBACjDT,KAAA,CAAAQ,aAAA,CAACL,IAAI;IAACO,IAAI,EAAE,IAAK;IAACC,EAAE,EAAE,KAAM;IAACF,SAAS,EAAE;EAA0B,GAC7DL,CAAC,uBACA,CAAC,eACPJ,KAAA,CAAAQ,aAAA,CAACN,MAAM;IAACQ,IAAI,EAAE;EAAK,CAAE,CACpB,CAAC;AAEd,CAAC;AAED,eAAeJ,UAAU","ignoreList":[]}
+{"version":3,"names":["React","i18n","Loader","Text","t","ns","ListStatus","listing","createElement","className","size","as"],"sources":["ListStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Loader, Text } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/bottom-info-bar/list-status\");\n\nexport interface ListStatusProps {\n    listing: boolean;\n}\n\nconst ListStatus = ({ listing }: ListStatusProps) => {\n    if (!listing) {\n        return null;\n    }\n\n    return (\n        <div className=\"flex items-center gap-sm\">\n            <Text size={\"sm\"} as={\"div\"} className={\"text-neutral-strong\"}>\n                {t`Loading more files...`}\n            </Text>\n            <Loader size={\"xs\"} />\n        </div>\n    );\n};\n\nexport default ListStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,MAAM,EAAEC,IAAI,QAAQ,kBAAkB;AAE/C,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,+DAA+D,CAAC;AAMlF,MAAMC,UAAU,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EACjD,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBACIP,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAA0B,gBACrCT,KAAA,CAAAQ,aAAA,CAACL,IAAI;IAACO,IAAI,EAAE,IAAK;IAACC,EAAE,EAAE,KAAM;IAACF,SAAS,EAAE;EAAsB,GACzDL,CAAC,uBACA,CAAC,eACPJ,KAAA,CAAAQ,aAAA,CAACN,MAAM;IAACQ,IAAI,EAAE;EAAK,CAAE,CACpB,CAAC;AAEd,CAAC;AAED,eAAeJ,UAAU","ignoreList":[]}

package/components/BottomInfoBar/SupportedFileTypes.d.ts

@@ -5,5 +5,4 @@ export interface SupportedFileTypesProps {
     totalCount: number;
     currentCount: number;
 }
-declare const SupportedFileTypes: ({ accept, loading, totalCount, currentCount }: SupportedFileTypesProps) => React.JSX.Element | null;
-export default SupportedFileTypes;
+export declare const SupportedFileTypes: ({ accept, loading, totalCount, currentCount }: SupportedFileTypesProps) => React.JSX.Element | null;

package/components/BottomInfoBar/SupportedFileTypes.js

@@ -1,7 +1,7 @@
 import React, { useCallback } from "react";
 import { Text } from "@webiny/admin-ui";
-import { i18n } from "@webiny/app/i18n";
-import mime from "mime/lite";
+import { i18n } from "@webiny/app/i18n/index.js";
+import mime from "mime/lite.js";
 mime.define({
   "image/x-icon": ["ico"]
 }, true);
@@ -23,7 +23,7 @@ const getUniqueFilePlugins = accept => {
   });
   return Object.keys(exts);
 };
-const SupportedFileTypes = ({
+export const SupportedFileTypes = ({
   accept,
   loading,
   totalCount,
@@ -39,7 +39,7 @@ const SupportedFileTypes = ({
     return /*#__PURE__*/React.createElement(Text, {
       size: "sm",
       as: "div",
-      className: "wby-text-neutral-strong"
+      className: "text-neutral-strong"
     }, t`Showing {currentCountLabel} out of {totalCountLabel} from all file extensions.`({
       currentCountLabel: String(currentCount),
       totalCountLabel: getLabel(totalCount)
@@ -48,13 +48,12 @@ const SupportedFileTypes = ({
   return /*#__PURE__*/React.createElement(Text, {
     size: "sm",
     as: "div",
-    className: "wby-text-neutral-strong"
+    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(", ")
   }));
 };
-export default SupportedFileTypes;
 
 //# sourceMappingURL=SupportedFileTypes.js.map

package/components/BottomInfoBar/SupportedFileTypes.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Text","i18n","mime","define","t","ns","getUniqueFilePlugins","accept","exts","forEach","item","ext","getExtension","Object","keys","SupportedFileTypes","loading","totalCount","currentCount","getLabel","count","length","createElement","size","as","className","currentCountLabel","String","totalCountLabel","files","join"],"sources":["SupportedFileTypes.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport mime from \"mime/lite\";\n\nmime.define({ \"image/x-icon\": [\"ico\"] }, true);\nmime.define({ \"image/jpg\": [\"jpg\"] }, true);\nmime.define({ \"image/vnd.microsoft.icon\": [\"ico\"] }, true);\n\nconst t = i18n.ns(\"app-admin/file-manager/components/bottom-info-bar/supported-files\");\n\nconst getUniqueFilePlugins = (accept: string[]): string[] => {\n    const exts: Record<string, boolean> = {};\n    accept.forEach(item => {\n        const ext = mime.getExtension(item);\n        if (!ext) {\n            return;\n        }\n        exts[ext] = true;\n    });\n\n    return Object.keys(exts);\n};\n\nexport interface SupportedFileTypesProps {\n    accept: string[];\n    loading: boolean;\n    totalCount: number;\n    currentCount: number;\n}\n\nconst SupportedFileTypes = ({\n    accept,\n    loading,\n    totalCount,\n    currentCount\n}: SupportedFileTypesProps) => {\n    const getLabel = useCallback((count = 0): string => {\n        return `${count} ${count === 1 ? \"file\" : \"files\"}`;\n    }, []);\n\n    if (!accept || loading) {\n        return null;\n    }\n\n    if (accept.length === 0) {\n        return (\n            <Text size={\"sm\"} as={\"div\"} className={\"wby-text-neutral-strong\"}>\n                {t`Showing {currentCountLabel} out of {totalCountLabel} from all file extensions.`({\n                    currentCountLabel: String(currentCount),\n                    totalCountLabel: getLabel(totalCount)\n                })}\n            </Text>\n        );\n    }\n\n    return (\n        <Text size={\"sm\"} as={\"div\"} className={\"wby-text-neutral-strong\"}>\n            {t`Showing {currentCountLabel} out of {totalCountLabel} from the following file extensions: {files}.`(\n                {\n                    currentCountLabel: String(currentCount),\n                    totalCountLabel: getLabel(totalCount),\n                    files: getUniqueFilePlugins(accept).join(\", \")\n                }\n            )}\n        </Text>\n    );\n};\n\nexport default SupportedFileTypes;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,IAAI,QAAQ,kBAAkB;AACvC,OAAOC,IAAI,MAAM,WAAW;AAE5BA,IAAI,CAACC,MAAM,CAAC;EAAE,cAAc,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC9CD,IAAI,CAACC,MAAM,CAAC;EAAE,WAAW,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC3CD,IAAI,CAACC,MAAM,CAAC;EAAE,0BAA0B,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAE1D,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,mEAAmE,CAAC;AAEtF,MAAMC,oBAAoB,GAAIC,MAAgB,IAAe;EACzD,MAAMC,IAA6B,GAAG,CAAC,CAAC;EACxCD,MAAM,CAACE,OAAO,CAACC,IAAI,IAAI;IACnB,MAAMC,GAAG,GAAGT,IAAI,CAACU,YAAY,CAACF,IAAI,CAAC;IACnC,IAAI,CAACC,GAAG,EAAE;MACN;IACJ;IACAH,IAAI,CAACG,GAAG,CAAC,GAAG,IAAI;EACpB,CAAC,CAAC;EAEF,OAAOE,MAAM,CAACC,IAAI,CAACN,IAAI,CAAC;AAC5B,CAAC;AASD,MAAMO,kBAAkB,GAAGA,CAAC;EACxBR,MAAM;EACNS,OAAO;EACPC,UAAU;EACVC;AACqB,CAAC,KAAK;EAC3B,MAAMC,QAAQ,GAAGpB,WAAW,CAAC,CAACqB,KAAK,GAAG,CAAC,KAAa;IAChD,OAAO,GAAGA,KAAK,IAAIA,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO,EAAE;EACvD,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI,CAACb,MAAM,IAAIS,OAAO,EAAE;IACpB,OAAO,IAAI;EACf;EAEA,IAAIT,MAAM,CAACc,MAAM,KAAK,CAAC,EAAE;IACrB,oBACIvB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;MAACuB,IAAI,EAAE,IAAK;MAACC,EAAE,EAAE,KAAM;MAACC,SAAS,EAAE;IAA0B,GAC7DrB,CAAC,gFAAgF,CAAC;MAC/EsB,iBAAiB,EAAEC,MAAM,CAACT,YAAY,CAAC;MACvCU,eAAe,EAAET,QAAQ,CAACF,UAAU;IACxC,CAAC,CACC,CAAC;EAEf;EAEA,oBACInB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IAACuB,IAAI,EAAE,IAAK;IAACC,EAAE,EAAE,KAAM;IAACC,SAAS,EAAE;EAA0B,GAC7DrB,CAAC,mGAAmG,CACjG;IACIsB,iBAAiB,EAAEC,MAAM,CAACT,YAAY,CAAC;IACvCU,eAAe,EAAET,QAAQ,CAACF,UAAU,CAAC;IACrCY,KAAK,EAAEvB,oBAAoB,CAACC,MAAM,CAAC,CAACuB,IAAI,CAAC,IAAI;EACjD,CACJ,CACE,CAAC;AAEf,CAAC;AAED,eAAef,kBAAkB","ignoreList":[]}
+{"version":3,"names":["React","useCallback","Text","i18n","mime","define","t","ns","getUniqueFilePlugins","accept","exts","forEach","item","ext","getExtension","Object","keys","SupportedFileTypes","loading","totalCount","currentCount","getLabel","count","length","createElement","size","as","className","currentCountLabel","String","totalCountLabel","files","join"],"sources":["SupportedFileTypes.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport mime from \"mime/lite.js\";\n\nmime.define({ \"image/x-icon\": [\"ico\"] }, true);\nmime.define({ \"image/jpg\": [\"jpg\"] }, true);\nmime.define({ \"image/vnd.microsoft.icon\": [\"ico\"] }, true);\n\nconst t = i18n.ns(\"app-admin/file-manager/components/bottom-info-bar/supported-files\");\n\nconst getUniqueFilePlugins = (accept: string[]): string[] => {\n    const exts: Record<string, boolean> = {};\n    accept.forEach(item => {\n        const ext = mime.getExtension(item);\n        if (!ext) {\n            return;\n        }\n        exts[ext] = true;\n    });\n\n    return Object.keys(exts);\n};\n\nexport interface SupportedFileTypesProps {\n    accept: string[];\n    loading: boolean;\n    totalCount: number;\n    currentCount: number;\n}\n\nexport const SupportedFileTypes = ({\n    accept,\n    loading,\n    totalCount,\n    currentCount\n}: SupportedFileTypesProps) => {\n    const getLabel = useCallback((count = 0): string => {\n        return `${count} ${count === 1 ? \"file\" : \"files\"}`;\n    }, []);\n\n    if (!accept || loading) {\n        return null;\n    }\n\n    if (accept.length === 0) {\n        return (\n            <Text size={\"sm\"} as={\"div\"} className={\"text-neutral-strong\"}>\n                {t`Showing {currentCountLabel} out of {totalCountLabel} from all file extensions.`({\n                    currentCountLabel: String(currentCount),\n                    totalCountLabel: getLabel(totalCount)\n                })}\n            </Text>\n        );\n    }\n\n    return (\n        <Text size={\"sm\"} as={\"div\"} className={\"text-neutral-strong\"}>\n            {t`Showing {currentCountLabel} out of {totalCountLabel} from the following file extensions: {files}.`(\n                {\n                    currentCountLabel: String(currentCount),\n                    totalCountLabel: getLabel(totalCount),\n                    files: getUniqueFilePlugins(accept).join(\", \")\n                }\n            )}\n        </Text>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,IAAI,QAAQ,2BAA2B;AAChD,OAAOC,IAAI,MAAM,cAAc;AAE/BA,IAAI,CAACC,MAAM,CAAC;EAAE,cAAc,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC9CD,IAAI,CAACC,MAAM,CAAC;EAAE,WAAW,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC3CD,IAAI,CAACC,MAAM,CAAC;EAAE,0BAA0B,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAE1D,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,mEAAmE,CAAC;AAEtF,MAAMC,oBAAoB,GAAIC,MAAgB,IAAe;EACzD,MAAMC,IAA6B,GAAG,CAAC,CAAC;EACxCD,MAAM,CAACE,OAAO,CAACC,IAAI,IAAI;IACnB,MAAMC,GAAG,GAAGT,IAAI,CAACU,YAAY,CAACF,IAAI,CAAC;IACnC,IAAI,CAACC,GAAG,EAAE;MACN;IACJ;IACAH,IAAI,CAACG,GAAG,CAAC,GAAG,IAAI;EACpB,CAAC,CAAC;EAEF,OAAOE,MAAM,CAACC,IAAI,CAACN,IAAI,CAAC;AAC5B,CAAC;AASD,OAAO,MAAMO,kBAAkB,GAAGA,CAAC;EAC/BR,MAAM;EACNS,OAAO;EACPC,UAAU;EACVC;AACqB,CAAC,KAAK;EAC3B,MAAMC,QAAQ,GAAGpB,WAAW,CAAC,CAACqB,KAAK,GAAG,CAAC,KAAa;IAChD,OAAO,GAAGA,KAAK,IAAIA,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO,EAAE;EACvD,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI,CAACb,MAAM,IAAIS,OAAO,EAAE;IACpB,OAAO,IAAI;EACf;EAEA,IAAIT,MAAM,CAACc,MAAM,KAAK,CAAC,EAAE;IACrB,oBACIvB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;MAACuB,IAAI,EAAE,IAAK;MAACC,EAAE,EAAE,KAAM;MAACC,SAAS,EAAE;IAAsB,GACzDrB,CAAC,gFAAgF,CAAC;MAC/EsB,iBAAiB,EAAEC,MAAM,CAACT,YAAY,CAAC;MACvCU,eAAe,EAAET,QAAQ,CAACF,UAAU;IACxC,CAAC,CACC,CAAC;EAEf;EAEA,oBACInB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IAACuB,IAAI,EAAE,IAAK;IAACC,EAAE,EAAE,KAAM;IAACC,SAAS,EAAE;EAAsB,GACzDrB,CAAC,mGAAmG,CACjG;IACIsB,iBAAiB,EAAEC,MAAM,CAACT,YAAY,CAAC;IACvCU,eAAe,EAAET,QAAQ,CAACF,UAAU,CAAC;IACrCY,KAAK,EAAEvB,oBAAoB,CAACC,MAAM,CAAC,CAACuB,IAAI,CAAC,IAAI;EACjD,CACJ,CACE,CAAC;AAEf,CAAC","ignoreList":[]}

package/components/BottomInfoBar/index.d.ts

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

package/components/BottomInfoBar/index.js

@@ -1,3 +1,3 @@
-export * from "./BottomInfoBar";
+export * from "./BottomInfoBar.js";
 
 //# sourceMappingURL=index.js.map

package/components/BottomInfoBar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./BottomInfoBar\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./BottomInfoBar.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/components/BulkActions/ActionDelete.js

@@ -2,10 +2,10 @@ import React, { useMemo } from "react";
 import { Tooltip } from "@webiny/admin-ui";
 import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
 import { observer } from "mobx-react-lite";
-import { FileManagerViewConfig } from "../../modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig";
-import { useFileManagerApi } from "../../modules/FileManagerApiProvider/FileManagerApiContext";
-import { useFileManagerView } from "../../modules/FileManagerRenderer/FileManagerViewProvider";
-import { getFilesLabel } from "./BulkActions";
+import { FileManagerViewConfig } from "../../modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig.js";
+import { useFileManagerApi } from "../../modules/FileManagerApiProvider/FileManagerApiContext/index.js";
+import { useFileManagerView } from "../../modules/FileManagerRenderer/FileManagerViewProvider/index.js";
+import { getFilesLabel } from "./BulkActions.js";
 export const ActionDelete = observer(() => {
   const {
     deleteFile

package/components/BulkActions/ActionDelete.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Tooltip","ReactComponent","DeleteIcon","observer","FileManagerViewConfig","useFileManagerApi","useFileManagerView","getFilesLabel","ActionDelete","deleteFile","canDelete","useWorker","useButtons","useDialog","Browser","BulkAction","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","filesLabel","items","length","canDeleteAll","every","item","openDeleteDialog","title","message","loadingLabel","execute","processInSeries","report","id","success","name","e","error","resetItems","results","console","log","createElement","side","content","trigger","icon","onAction","size"],"sources":["ActionDelete.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { observer } from \"mobx-react-lite\";\n\nimport { FileManagerViewConfig } from \"~/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig\";\nimport { useFileManagerApi } from \"~/modules/FileManagerApiProvider/FileManagerApiContext\";\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\nimport { getFilesLabel } from \"~/components/BulkActions/BulkActions\";\n\nexport const ActionDelete = observer(() => {\n    const { deleteFile } = useFileManagerView();\n    const { canDelete } = useFileManagerApi();\n\n    const { useWorker, useButtons, useDialog } = FileManagerViewConfig.Browser.BulkAction;\n    const { ButtonDefault } = useButtons();\n    const worker = useWorker();\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n    const filesLabel = useMemo(() => {\n        return getFilesLabel(worker.items.length);\n    }, [worker.items.length]);\n\n    const canDeleteAll = useMemo(() => {\n        return worker.items.every(item => canDelete(item));\n    }, [worker.items]);\n\n    const openDeleteDialog = () =>\n        showConfirmationDialog({\n            title: \"Delete files\",\n            message: `You are about to delete ${filesLabel}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${filesLabel}`,\n            execute: async () => {\n                await worker.processInSeries(async ({ item, report }) => {\n                    try {\n                        await deleteFile(item.id);\n\n                        report.success({\n                            title: `${item.name}`,\n                            message: \"File successfully deleted.\"\n                        });\n                    } catch (e) {\n                        report.error({\n                            title: `${item.name}`,\n                            message: e.message\n                        });\n                    }\n                });\n\n                worker.resetItems();\n\n                showResultsDialog({\n                    results: worker.results,\n                    title: \"Delete files\",\n                    message: \"Finished deleting files! See full report below:\"\n                });\n            }\n        });\n\n    if (!canDeleteAll) {\n        console.log(\"You don't have permissions to delete files.\");\n        return null;\n    }\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Delete ${filesLabel}`}\n            trigger={\n                <ButtonDefault icon={<DeleteIcon />} onAction={openDeleteDialog} size={\"sm\"}>\n                    {`Delete`}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","Tooltip","ReactComponent","DeleteIcon","observer","FileManagerViewConfig","useFileManagerApi","useFileManagerView","getFilesLabel","ActionDelete","deleteFile","canDelete","useWorker","useButtons","useDialog","Browser","BulkAction","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","filesLabel","items","length","canDeleteAll","every","item","openDeleteDialog","title","message","loadingLabel","execute","processInSeries","report","id","success","name","e","error","resetItems","results","console","log","createElement","side","content","trigger","icon","onAction","size"],"sources":["ActionDelete.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { observer } from \"mobx-react-lite\";\n\nimport { FileManagerViewConfig } from \"~/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig.js\";\nimport { useFileManagerApi } from \"~/modules/FileManagerApiProvider/FileManagerApiContext/index.js\";\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider/index.js\";\nimport { getFilesLabel } from \"~/components/BulkActions/BulkActions.js\";\n\nexport const ActionDelete = observer(() => {\n    const { deleteFile } = useFileManagerView();\n    const { canDelete } = useFileManagerApi();\n\n    const { useWorker, useButtons, useDialog } = FileManagerViewConfig.Browser.BulkAction;\n    const { ButtonDefault } = useButtons();\n    const worker = useWorker();\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n    const filesLabel = useMemo(() => {\n        return getFilesLabel(worker.items.length);\n    }, [worker.items.length]);\n\n    const canDeleteAll = useMemo(() => {\n        return worker.items.every(item => canDelete(item));\n    }, [worker.items]);\n\n    const openDeleteDialog = () =>\n        showConfirmationDialog({\n            title: \"Delete files\",\n            message: `You are about to delete ${filesLabel}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${filesLabel}`,\n            execute: async () => {\n                await worker.processInSeries(async ({ item, report }) => {\n                    try {\n                        await deleteFile(item.id);\n\n                        report.success({\n                            title: `${item.name}`,\n                            message: \"File successfully deleted.\"\n                        });\n                    } catch (e) {\n                        report.error({\n                            title: `${item.name}`,\n                            message: e.message\n                        });\n                    }\n                });\n\n                worker.resetItems();\n\n                showResultsDialog({\n                    results: worker.results,\n                    title: \"Delete files\",\n                    message: \"Finished deleting files! See full report below:\"\n                });\n            }\n        });\n\n    if (!canDeleteAll) {\n        console.log(\"You don't have permissions to delete files.\");\n        return null;\n    }\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Delete ${filesLabel}`}\n            trigger={\n                <ButtonDefault icon={<DeleteIcon />} onAction={openDeleteDialog} size={\"sm\"}>\n                    {`Delete`}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"mappings":"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","ignoreList":[]}

package/components/BulkActions/ActionEdit/ActionEdit.js

@@ -1,11 +1,11 @@
 import React, { useCallback, useEffect, useMemo } from "react";
 import { observer } from "mobx-react-lite";
 import { ReactComponent as EditIcon } from "@webiny/icons/edit.svg";
-import { FileManagerViewConfig, useFileManagerViewConfig } from "../../../modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig";
-import { useFileModel } from "../../../hooks/useFileModel";
-import { BatchEditorDialog } from "./BatchEditorDialog";
-import { ActionEditPresenter } from "./ActionEditPresenter";
-import { useActionEditWorker } from "./useActionEditWorker";
+import { FileManagerViewConfig, useFileManagerViewConfig } from "../../../modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig.js";
+import { useFileModel } from "../../../hooks/useFileModel.js";
+import { BatchEditorDialog } from "./BatchEditorDialog/index.js";
+import { ActionEditPresenter } from "./ActionEditPresenter.js";
+import { useActionEditWorker } from "./useActionEditWorker.js";
 import { Tooltip } from "@webiny/admin-ui";
 const {
   useButtons

package/components/BulkActions/ActionEdit/ActionEdit.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","observer","ReactComponent","EditIcon","FileManagerViewConfig","useFileManagerViewConfig","useFileModel","BatchEditorDialog","ActionEditPresenter","useActionEditWorker","Tooltip","useButtons","Browser","BulkAction","ActionEdit","fields","allModelFields","config","ButtonDefault","fileDetails","find","field","name","filter","fieldId","worker","presenter","load","onBatchEditorSubmit","batch","closeEditor","openWorkerDialog","vm","show","canEditAll","console","log","createElement","Fragment","side","content","filesLabel","trigger","icon","onAction","openEditor","size","onClose","currentBatch","editorVm","onApply"],"sources":["ActionEdit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport {\n    FileManagerViewConfig,\n    useFileManagerViewConfig\n} from \"~/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig\";\nimport { useFileModel } from \"~/hooks/useFileModel\";\nimport type { BatchDTO } from \"~/components/BulkActions/ActionEdit/domain\";\nimport { BatchEditorDialog } from \"./BatchEditorDialog\";\nimport { ActionEditPresenter } from \"./ActionEditPresenter\";\nimport { useActionEditWorker } from \"~/components/BulkActions/ActionEdit/useActionEditWorker\";\nimport { Tooltip } from \"@webiny/admin-ui\";\n\nconst { useButtons } = FileManagerViewConfig.Browser.BulkAction;\n\nexport const ActionEdit = observer(() => {\n    const { fields: allModelFields } = useFileModel();\n    const config = useFileManagerViewConfig();\n    const { ButtonDefault } = useButtons();\n\n    const fields = useMemo(() => {\n        if (!config.fileDetails.fields.find(field => field.name === \"tags\")) {\n            return allModelFields.filter(field => field.fieldId !== \"tags\");\n        }\n\n        return allModelFields;\n    }, [config, allModelFields]);\n\n    const worker = useActionEditWorker(fields);\n\n    const presenter = useMemo<ActionEditPresenter>(() => {\n        return new ActionEditPresenter();\n    }, []);\n\n    useEffect(() => {\n        presenter.load(fields);\n    }, [fields]);\n\n    const onBatchEditorSubmit = useCallback(\n        (batch: BatchDTO) => {\n            presenter.closeEditor();\n            worker.openWorkerDialog(batch);\n        },\n        [worker.openWorkerDialog]\n    );\n\n    if (!presenter.vm.show) {\n        return null;\n    }\n\n    if (!worker.canEditAll) {\n        console.log(\"You don't have permissions to edit files.\");\n        return null;\n    }\n\n    return (\n        <>\n            <Tooltip\n                side={\"bottom\"}\n                content={`Edit ${worker.filesLabel}`}\n                trigger={\n                    <ButtonDefault\n                        icon={<EditIcon />}\n                        onAction={() => presenter.openEditor()}\n                        size={\"sm\"}\n                    >\n                        {\"Edit\"}\n                    </ButtonDefault>\n                }\n            />\n            <BatchEditorDialog\n                onClose={() => presenter.closeEditor()}\n                fields={presenter.vm.fields}\n                batch={presenter.vm.currentBatch}\n                vm={presenter.vm.editorVm}\n                onApply={onBatchEditorSubmit}\n            />\n        </>\n    );\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useMemo","observer","ReactComponent","EditIcon","FileManagerViewConfig","useFileManagerViewConfig","useFileModel","BatchEditorDialog","ActionEditPresenter","useActionEditWorker","Tooltip","useButtons","Browser","BulkAction","ActionEdit","fields","allModelFields","config","ButtonDefault","fileDetails","find","field","name","filter","fieldId","worker","presenter","load","onBatchEditorSubmit","batch","closeEditor","openWorkerDialog","vm","show","canEditAll","console","log","createElement","Fragment","side","content","filesLabel","trigger","icon","onAction","openEditor","size","onClose","currentBatch","editorVm","onApply"],"sources":["ActionEdit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport {\n    FileManagerViewConfig,\n    useFileManagerViewConfig\n} from \"~/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig.js\";\nimport { useFileModel } from \"~/hooks/useFileModel.js\";\nimport type { BatchDTO } from \"~/components/BulkActions/ActionEdit/domain/index.js\";\nimport { BatchEditorDialog } from \"./BatchEditorDialog/index.js\";\nimport { ActionEditPresenter } from \"./ActionEditPresenter.js\";\nimport { useActionEditWorker } from \"~/components/BulkActions/ActionEdit/useActionEditWorker.js\";\nimport { Tooltip } from \"@webiny/admin-ui\";\n\nconst { useButtons } = FileManagerViewConfig.Browser.BulkAction;\n\nexport const ActionEdit = observer(() => {\n    const { fields: allModelFields } = useFileModel();\n    const config = useFileManagerViewConfig();\n    const { ButtonDefault } = useButtons();\n\n    const fields = useMemo(() => {\n        if (!config.fileDetails.fields.find(field => field.name === \"tags\")) {\n            return allModelFields.filter(field => field.fieldId !== \"tags\");\n        }\n\n        return allModelFields;\n    }, [config, allModelFields]);\n\n    const worker = useActionEditWorker(fields);\n\n    const presenter = useMemo<ActionEditPresenter>(() => {\n        return new ActionEditPresenter();\n    }, []);\n\n    useEffect(() => {\n        presenter.load(fields);\n    }, [fields]);\n\n    const onBatchEditorSubmit = useCallback(\n        (batch: BatchDTO) => {\n            presenter.closeEditor();\n            worker.openWorkerDialog(batch);\n        },\n        [worker.openWorkerDialog]\n    );\n\n    if (!presenter.vm.show) {\n        return null;\n    }\n\n    if (!worker.canEditAll) {\n        console.log(\"You don't have permissions to edit files.\");\n        return null;\n    }\n\n    return (\n        <>\n            <Tooltip\n                side={\"bottom\"}\n                content={`Edit ${worker.filesLabel}`}\n                trigger={\n                    <ButtonDefault\n                        icon={<EditIcon />}\n                        onAction={() => presenter.openEditor()}\n                        size={\"sm\"}\n                    >\n                        {\"Edit\"}\n                    </ButtonDefault>\n                }\n            />\n            <BatchEditorDialog\n                onClose={() => presenter.closeEditor()}\n                fields={presenter.vm.fields}\n                batch={presenter.vm.currentBatch}\n                vm={presenter.vm.editorVm}\n                onApply={onBatchEditorSubmit}\n            />\n        </>\n    );\n});\n"],"mappings":"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","ignoreList":[]}

package/components/BulkActions/ActionEdit/ActionEdit.types.d.ts

@@ -1,2 +1,2 @@
-import type { FileItem } from "@webiny/app-admin/types";
+import type { FileItem } from "../../../types.js";
 export type ActionFormData = Partial<Omit<FileItem, "id">>;

package/components/BulkActions/ActionEdit/ActionEdit.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ActionEdit.types.ts"],"sourcesContent":["import type { FileItem } from \"@webiny/app-admin/types\";\n\nexport type ActionFormData = Partial<Omit<FileItem, \"id\">>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["ActionEdit.types.ts"],"sourcesContent":["import type { FileItem } from \"~/types.js\";\n\nexport type ActionFormData = Partial<Omit<FileItem, \"id\">>;\n"],"mappings":"","ignoreList":[]}

package/components/BulkActions/ActionEdit/ActionEditPresenter.d.ts

@@ -1,4 +1,4 @@
-import type { BatchDTO, FieldDTO, FieldRaw } from "./domain";
+import type { BatchDTO, FieldDTO, FieldRaw } from "../../../components/BulkActions/ActionEdit/domain/index.js";
 interface IActionEditPresenter {
     load: (fields: FieldRaw[]) => void;
     openEditor: () => void;

package/components/BulkActions/ActionEdit/ActionEditPresenter.js

@@ -1,5 +1,5 @@
 import { makeAutoObservable } from "mobx";
-import { Batch, BatchMapper, Field, FieldMapper } from "./domain";
+import { Batch, BatchMapper, Field, FieldMapper } from "./domain/index.js";
 function isBulkEditableField(field) {
   return field.tags && field.tags.includes("$bulk-edit");
 }

package/components/BulkActions/ActionEdit/ActionEditPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","Batch","BatchMapper","Field","FieldMapper","isBulkEditableField","field","tags","includes","ActionEditPresenter","showEditor","constructor","fields","currentBatch","toDTO","createEmpty","load","getBuiltInFields","getExtensionFields","vm","show","length","editorVm","openEditor","closeEditor","builtInFields","filter","fieldId","map","createFromRaw","extensions","find","settings","extensionFields","extFields","value","isOpen"],"sources":["ActionEditPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\nimport type { BatchDTO, FieldDTO, FieldRaw } from \"~/components/BulkActions/ActionEdit/domain\";\nimport { Batch, BatchMapper, Field, FieldMapper } from \"~/components/BulkActions/ActionEdit/domain\";\n\nfunction isBulkEditableField(field: FieldRaw) {\n    return field.tags && field.tags.includes(\"$bulk-edit\");\n}\n\ninterface IActionEditPresenter {\n    load: (fields: FieldRaw[]) => void;\n    openEditor: () => void;\n    closeEditor: () => void;\n    get vm(): {\n        show: boolean;\n        currentBatch: BatchDTO;\n        fields: FieldDTO[];\n        editorVm: {\n            isOpen: boolean;\n        };\n    };\n}\n\nexport class ActionEditPresenter implements IActionEditPresenter {\n    private showEditor = false;\n    private readonly currentBatch: BatchDTO;\n    private fields: FieldDTO[];\n\n    constructor() {\n        this.fields = [];\n        this.currentBatch = BatchMapper.toDTO(Batch.createEmpty());\n        makeAutoObservable(this);\n    }\n\n    load(fields: FieldRaw[]) {\n        this.fields = [...this.getBuiltInFields(fields), ...this.getExtensionFields(fields)];\n    }\n\n    get vm() {\n        return {\n            show: this.fields.length > 0,\n            currentBatch: this.currentBatch,\n            fields: this.fields,\n            editorVm: this.editorVm\n        };\n    }\n\n    openEditor() {\n        this.showEditor = true;\n    }\n\n    closeEditor() {\n        this.showEditor = false;\n    }\n\n    private getBuiltInFields(fields: FieldRaw[]) {\n        const builtInFields = fields\n            .filter(field => field.fieldId !== \"extensions\")\n            .filter(isBulkEditableField);\n\n        return FieldMapper.toDTO(builtInFields.map(field => Field.createFromRaw(field)));\n    }\n\n    private getExtensionFields(fields: FieldRaw[]) {\n        const extensions = fields.find(field => field.fieldId === \"extensions\");\n\n        if (!extensions?.settings?.fields) {\n            return [];\n        }\n\n        const extensionFields = extensions.settings.fields.filter(isBulkEditableField) || [];\n\n        const extFields = FieldMapper.toDTO(\n            extensionFields.map(field => Field.createFromRaw(field))\n        );\n\n        return extFields.map(field => {\n            return { ...field, value: `extensions.${field.value}` };\n        });\n    }\n\n    private get editorVm() {\n        return {\n            isOpen: this.showEditor\n        };\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAGzC,SAASC,KAAK,EAAEC,WAAW,EAAEC,KAAK,EAAEC,WAAW;AAE/C,SAASC,mBAAmBA,CAACC,KAAe,EAAE;EAC1C,OAAOA,KAAK,CAACC,IAAI,IAAID,KAAK,CAACC,IAAI,CAACC,QAAQ,CAAC,YAAY,CAAC;AAC1D;AAgBA,OAAO,MAAMC,mBAAmB,CAAiC;EACrDC,UAAU,GAAG,KAAK;EAI1BC,WAAWA,CAAA,EAAG;IACV,IAAI,CAACC,MAAM,GAAG,EAAE;IAChB,IAAI,CAACC,YAAY,GAAGX,WAAW,CAACY,KAAK,CAACb,KAAK,CAACc,WAAW,CAAC,CAAC,CAAC;IAC1Df,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAgB,IAAIA,CAACJ,MAAkB,EAAE;IACrB,IAAI,CAACA,MAAM,GAAG,CAAC,GAAG,IAAI,CAACK,gBAAgB,CAACL,MAAM,CAAC,EAAE,GAAG,IAAI,CAACM,kBAAkB,CAACN,MAAM,CAAC,CAAC;EACxF;EAEA,IAAIO,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,IAAI,EAAE,IAAI,CAACR,MAAM,CAACS,MAAM,GAAG,CAAC;MAC5BR,YAAY,EAAE,IAAI,CAACA,YAAY;MAC/BD,MAAM,EAAE,IAAI,CAACA,MAAM;MACnBU,QAAQ,EAAE,IAAI,CAACA;IACnB,CAAC;EACL;EAEAC,UAAUA,CAAA,EAAG;IACT,IAAI,CAACb,UAAU,GAAG,IAAI;EAC1B;EAEAc,WAAWA,CAAA,EAAG;IACV,IAAI,CAACd,UAAU,GAAG,KAAK;EAC3B;EAEQO,gBAAgBA,CAACL,MAAkB,EAAE;IACzC,MAAMa,aAAa,GAAGb,MAAM,CACvBc,MAAM,CAACpB,KAAK,IAAIA,KAAK,CAACqB,OAAO,KAAK,YAAY,CAAC,CAC/CD,MAAM,CAACrB,mBAAmB,CAAC;IAEhC,OAAOD,WAAW,CAACU,KAAK,CAACW,aAAa,CAACG,GAAG,CAACtB,KAAK,IAAIH,KAAK,CAAC0B,aAAa,CAACvB,KAAK,CAAC,CAAC,CAAC;EACpF;EAEQY,kBAAkBA,CAACN,MAAkB,EAAE;IAC3C,MAAMkB,UAAU,GAAGlB,MAAM,CAACmB,IAAI,CAACzB,KAAK,IAAIA,KAAK,CAACqB,OAAO,KAAK,YAAY,CAAC;IAEvE,IAAI,CAACG,UAAU,EAAEE,QAAQ,EAAEpB,MAAM,EAAE;MAC/B,OAAO,EAAE;IACb;IAEA,MAAMqB,eAAe,GAAGH,UAAU,CAACE,QAAQ,CAACpB,MAAM,CAACc,MAAM,CAACrB,mBAAmB,CAAC,IAAI,EAAE;IAEpF,MAAM6B,SAAS,GAAG9B,WAAW,CAACU,KAAK,CAC/BmB,eAAe,CAACL,GAAG,CAACtB,KAAK,IAAIH,KAAK,CAAC0B,aAAa,CAACvB,KAAK,CAAC,CAC3D,CAAC;IAED,OAAO4B,SAAS,CAACN,GAAG,CAACtB,KAAK,IAAI;MAC1B,OAAO;QAAE,GAAGA,KAAK;QAAE6B,KAAK,EAAE,cAAc7B,KAAK,CAAC6B,KAAK;MAAG,CAAC;IAC3D,CAAC,CAAC;EACN;EAEA,IAAYb,QAAQA,CAAA,EAAG;IACnB,OAAO;MACHc,MAAM,EAAE,IAAI,CAAC1B;IACjB,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","Batch","BatchMapper","Field","FieldMapper","isBulkEditableField","field","tags","includes","ActionEditPresenter","showEditor","constructor","fields","currentBatch","toDTO","createEmpty","load","getBuiltInFields","getExtensionFields","vm","show","length","editorVm","openEditor","closeEditor","builtInFields","filter","fieldId","map","createFromRaw","extensions","find","settings","extensionFields","extFields","value","isOpen"],"sources":["ActionEditPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\nimport type {\n    BatchDTO,\n    FieldDTO,\n    FieldRaw\n} from \"~/components/BulkActions/ActionEdit/domain/index.js\";\nimport {\n    Batch,\n    BatchMapper,\n    Field,\n    FieldMapper\n} from \"~/components/BulkActions/ActionEdit/domain/index.js\";\n\nfunction isBulkEditableField(field: FieldRaw) {\n    return field.tags && field.tags.includes(\"$bulk-edit\");\n}\n\ninterface IActionEditPresenter {\n    load: (fields: FieldRaw[]) => void;\n    openEditor: () => void;\n    closeEditor: () => void;\n    get vm(): {\n        show: boolean;\n        currentBatch: BatchDTO;\n        fields: FieldDTO[];\n        editorVm: {\n            isOpen: boolean;\n        };\n    };\n}\n\nexport class ActionEditPresenter implements IActionEditPresenter {\n    private showEditor = false;\n    private readonly currentBatch: BatchDTO;\n    private fields: FieldDTO[];\n\n    constructor() {\n        this.fields = [];\n        this.currentBatch = BatchMapper.toDTO(Batch.createEmpty());\n        makeAutoObservable(this);\n    }\n\n    load(fields: FieldRaw[]) {\n        this.fields = [...this.getBuiltInFields(fields), ...this.getExtensionFields(fields)];\n    }\n\n    get vm() {\n        return {\n            show: this.fields.length > 0,\n            currentBatch: this.currentBatch,\n            fields: this.fields,\n            editorVm: this.editorVm\n        };\n    }\n\n    openEditor() {\n        this.showEditor = true;\n    }\n\n    closeEditor() {\n        this.showEditor = false;\n    }\n\n    private getBuiltInFields(fields: FieldRaw[]) {\n        const builtInFields = fields\n            .filter(field => field.fieldId !== \"extensions\")\n            .filter(isBulkEditableField);\n\n        return FieldMapper.toDTO(builtInFields.map(field => Field.createFromRaw(field)));\n    }\n\n    private getExtensionFields(fields: FieldRaw[]) {\n        const extensions = fields.find(field => field.fieldId === \"extensions\");\n\n        if (!extensions?.settings?.fields) {\n            return [];\n        }\n\n        const extensionFields = extensions.settings.fields.filter(isBulkEditableField) || [];\n\n        const extFields = FieldMapper.toDTO(\n            extensionFields.map(field => Field.createFromRaw(field))\n        );\n\n        return extFields.map(field => {\n            return { ...field, value: `extensions.${field.value}` };\n        });\n    }\n\n    private get editorVm() {\n        return {\n            isOpen: this.showEditor\n        };\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAOzC,SACIC,KAAK,EACLC,WAAW,EACXC,KAAK,EACLC,WAAW;AAGf,SAASC,mBAAmBA,CAACC,KAAe,EAAE;EAC1C,OAAOA,KAAK,CAACC,IAAI,IAAID,KAAK,CAACC,IAAI,CAACC,QAAQ,CAAC,YAAY,CAAC;AAC1D;AAgBA,OAAO,MAAMC,mBAAmB,CAAiC;EACrDC,UAAU,GAAG,KAAK;EAI1BC,WAAWA,CAAA,EAAG;IACV,IAAI,CAACC,MAAM,GAAG,EAAE;IAChB,IAAI,CAACC,YAAY,GAAGX,WAAW,CAACY,KAAK,CAACb,KAAK,CAACc,WAAW,CAAC,CAAC,CAAC;IAC1Df,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAgB,IAAIA,CAACJ,MAAkB,EAAE;IACrB,IAAI,CAACA,MAAM,GAAG,CAAC,GAAG,IAAI,CAACK,gBAAgB,CAACL,MAAM,CAAC,EAAE,GAAG,IAAI,CAACM,kBAAkB,CAACN,MAAM,CAAC,CAAC;EACxF;EAEA,IAAIO,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,IAAI,EAAE,IAAI,CAACR,MAAM,CAACS,MAAM,GAAG,CAAC;MAC5BR,YAAY,EAAE,IAAI,CAACA,YAAY;MAC/BD,MAAM,EAAE,IAAI,CAACA,MAAM;MACnBU,QAAQ,EAAE,IAAI,CAACA;IACnB,CAAC;EACL;EAEAC,UAAUA,CAAA,EAAG;IACT,IAAI,CAACb,UAAU,GAAG,IAAI;EAC1B;EAEAc,WAAWA,CAAA,EAAG;IACV,IAAI,CAACd,UAAU,GAAG,KAAK;EAC3B;EAEQO,gBAAgBA,CAACL,MAAkB,EAAE;IACzC,MAAMa,aAAa,GAAGb,MAAM,CACvBc,MAAM,CAACpB,KAAK,IAAIA,KAAK,CAACqB,OAAO,KAAK,YAAY,CAAC,CAC/CD,MAAM,CAACrB,mBAAmB,CAAC;IAEhC,OAAOD,WAAW,CAACU,KAAK,CAACW,aAAa,CAACG,GAAG,CAACtB,KAAK,IAAIH,KAAK,CAAC0B,aAAa,CAACvB,KAAK,CAAC,CAAC,CAAC;EACpF;EAEQY,kBAAkBA,CAACN,MAAkB,EAAE;IAC3C,MAAMkB,UAAU,GAAGlB,MAAM,CAACmB,IAAI,CAACzB,KAAK,IAAIA,KAAK,CAACqB,OAAO,KAAK,YAAY,CAAC;IAEvE,IAAI,CAACG,UAAU,EAAEE,QAAQ,EAAEpB,MAAM,EAAE;MAC/B,OAAO,EAAE;IACb;IAEA,MAAMqB,eAAe,GAAGH,UAAU,CAACE,QAAQ,CAACpB,MAAM,CAACc,MAAM,CAACrB,mBAAmB,CAAC,IAAI,EAAE;IAEpF,MAAM6B,SAAS,GAAG9B,WAAW,CAACU,KAAK,CAC/BmB,eAAe,CAACL,GAAG,CAACtB,KAAK,IAAIH,KAAK,CAAC0B,aAAa,CAACvB,KAAK,CAAC,CAC3D,CAAC;IAED,OAAO4B,SAAS,CAACN,GAAG,CAACtB,KAAK,IAAI;MAC1B,OAAO;QAAE,GAAGA,KAAK;QAAE6B,KAAK,EAAE,cAAc7B,KAAK,CAAC6B,KAAK;MAAG,CAAC;IAC3D,CAAC,CAAC;EACN;EAEA,IAAYb,QAAQA,CAAA,EAAG;IACnB,OAAO;MACHc,MAAM,EAAE,IAAI,CAAC1B;IACjB,CAAC;EACL;AACJ","ignoreList":[]}

package/components/BulkActions/ActionEdit/ActionEditPresenter.test.js

@@ -1,4 +1,5 @@
-import { ActionEditPresenter } from "./ActionEditPresenter";
+import { describe, it, expect, beforeEach, vi } from "vitest";
+import { ActionEditPresenter } from "./ActionEditPresenter.js";
 describe("ActionEditPresenter", () => {
   const extensionFields = [{
     id: "field1",
@@ -18,7 +19,7 @@ describe("ActionEditPresenter", () => {
     renderer: {
       name: "ref-inputs"
     },
-    multipleValues: true,
+    list: true,
     settings: {
       models: [{
         modelId: "any-model"
@@ -50,7 +51,7 @@ describe("ActionEditPresenter", () => {
         name: "required",
         message: "Value is required."
       }],
-      multipleValues: false,
+      list: false,
       predefinedValues: {
         values: [],
         enabled: false
@@ -70,7 +71,7 @@ describe("ActionEditPresenter", () => {
       },
       listValidation: [],
       validation: [],
-      multipleValues: false,
+      list: false,
       predefinedValues: {
         values: [],
         enabled: false
@@ -82,7 +83,7 @@ describe("ActionEditPresenter", () => {
   };
   let presenter;
   beforeEach(() => {
-    jest.clearAllMocks();
+    vi.clearAllMocks();
     presenter = new ActionEditPresenter();
   });
   it("should create a presenter and load extensions fields", () => {

package/components/BulkActions/ActionEdit/ActionEditPresenter.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["ActionEditPresenter","describe","extensionFields","id","fieldId","label","type","renderer","name","tags","storageId","multipleValues","settings","models","modelId","createFields","listValidation","validation","message","predefinedValues","values","enabled","layout","map","field","fields","presenter","beforeEach","jest","clearAllMocks","it","load","expect","vm","show","toEqual","currentBatch","operations","operator","value","undefined","operators","raw","editorVm","isOpen","toBe","openEditor","closeEditor"],"sources":["ActionEditPresenter.test.ts"],"sourcesContent":["import { ActionEditPresenter } from \"./ActionEditPresenter\";\nimport type { FieldRaw } from \"~/components/BulkActions/ActionEdit/domain\";\n\ndescribe(\"ActionEditPresenter\", () => {\n    const extensionFields = [\n        {\n            id: \"field1\",\n            fieldId: \"field1\",\n            label: \"Field 1\",\n            type: \"text\",\n            renderer: {\n                name: \"text-input\"\n            },\n            tags: [\"$bulk-edit\"],\n            storageId: \"text@field1\"\n        },\n        {\n            id: \"field2\",\n            fieldId: \"field2\",\n            label: \"Field 2\",\n            type: \"ref\",\n            renderer: {\n                name: \"ref-inputs\"\n            },\n            multipleValues: true,\n            settings: {\n                models: [\n                    {\n                        modelId: \"any-model\"\n                    }\n                ]\n            },\n            tags: [\"$bulk-edit\"],\n            storageId: \"ref@field2\"\n        },\n        {\n            id: \"field3\",\n            fieldId: \"field3\",\n            label: \"Field 3\",\n            type: \"number\",\n            renderer: {\n                name: \"number-input\"\n            },\n            tags: [],\n            storageId: \"number@field3\"\n        }\n    ];\n\n    const createFields = (extensionFields: FieldRaw[]) => {\n        return [\n            {\n                id: \"name\",\n                storageId: \"text@name\",\n                fieldId: \"name\",\n                label: \"Name\",\n                type: \"text\",\n                settings: {},\n                listValidation: [],\n                validation: [\n                    {\n                        name: \"required\",\n                        message: \"Value is required.\"\n                    }\n                ],\n                multipleValues: false,\n                predefinedValues: {\n                    values: [],\n                    enabled: false\n                },\n                renderer: {\n                    name: \"text-input\"\n                }\n            },\n            {\n                id: \"extensions\",\n                storageId: \"object@extensions\",\n                fieldId: \"extensions\",\n                label: \"Extensions\",\n                type: \"object\",\n                settings: {\n                    layout: extensionFields.map(field => [field.id]),\n                    fields: extensionFields\n                },\n                listValidation: [],\n                validation: [],\n                multipleValues: false,\n                predefinedValues: {\n                    values: [],\n                    enabled: false\n                },\n                renderer: {\n                    name: \"any\"\n                }\n            }\n        ];\n    };\n\n    let presenter: ActionEditPresenter;\n\n    beforeEach(() => {\n        jest.clearAllMocks();\n        presenter = new ActionEditPresenter();\n    });\n\n    it(\"should create a presenter and load extensions fields\", () => {\n        presenter.load(createFields(extensionFields));\n\n        // I should see the bulk edit action\n        expect(presenter.vm.show).toEqual(true);\n\n        // I should receive a `currentBatch`\n        expect(presenter.vm.currentBatch).toEqual({\n            operations: [\n                {\n                    field: \"\",\n                    operator: \"\",\n                    value: undefined\n                }\n            ]\n        });\n\n        // I should receive the `fields` available for bulk edit\n        expect(presenter.vm.fields).toEqual([\n            {\n                label: \"Field 1\",\n                value: \"extensions.field1\",\n                operators: [\n                    {\n                        label: \"Override existing values\",\n                        value: \"OVERRIDE\"\n                    },\n                    {\n                        label: \"Clear all existing values\",\n                        value: \"REMOVE\"\n                    }\n                ],\n                raw: extensionFields[0]\n            },\n            {\n                label: \"Field 2\",\n                value: \"extensions.field2\",\n                operators: [\n                    {\n                        label: \"Override existing values\",\n                        value: \"OVERRIDE\"\n                    },\n                    {\n                        label: \"Clear all existing values\",\n                        value: \"REMOVE\"\n                    },\n                    {\n                        label: \"Append to existing values\",\n                        value: \"APPEND\"\n                    }\n                ],\n                raw: extensionFields[1]\n            }\n        ]);\n\n        // I should receive the editor.vm\n        expect(presenter.vm.editorVm).toEqual({\n            isOpen: false\n        });\n    });\n\n    it(\"should not show the bulk action if no `extensions` fields are defined\", () => {\n        presenter.load(createFields([]));\n\n        // The editor action should not be rendered\n        expect(presenter.vm.show).toBe(false);\n    });\n\n    it(\"should open / close the editor\", () => {\n        presenter.load(createFields(extensionFields));\n\n        // The editor should be closed by default\n        expect(presenter.vm.editorVm.isOpen).toBe(false);\n\n        // Let's open the editor\n        presenter.openEditor();\n        expect(presenter.vm.editorVm.isOpen).toBe(true);\n\n        // Let's open the editor\n        presenter.closeEditor();\n        expect(presenter.vm.editorVm.isOpen).toBe(false);\n    });\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["describe","it","expect","beforeEach","vi","ActionEditPresenter","extensionFields","id","fieldId","label","type","renderer","name","tags","storageId","list","settings","models","modelId","createFields","listValidation","validation","message","predefinedValues","values","enabled","layout","map","field","fields","presenter","clearAllMocks","load","vm","show","toEqual","currentBatch","operations","operator","value","undefined","operators","raw","editorVm","isOpen","toBe","openEditor","closeEditor"],"sources":["ActionEditPresenter.test.ts"],"sourcesContent":["import { describe, it, expect, beforeEach, vi } from \"vitest\";\nimport { ActionEditPresenter } from \"./ActionEditPresenter.js\";\nimport { type FieldRaw } from \"~/components/BulkActions/ActionEdit/domain/index.js\";\n\ndescribe(\"ActionEditPresenter\", () => {\n    const extensionFields = [\n        {\n            id: \"field1\",\n            fieldId: \"field1\",\n            label: \"Field 1\",\n            type: \"text\",\n            renderer: {\n                name: \"text-input\"\n            },\n            tags: [\"$bulk-edit\"],\n            storageId: \"text@field1\"\n        },\n        {\n            id: \"field2\",\n            fieldId: \"field2\",\n            label: \"Field 2\",\n            type: \"ref\",\n            renderer: {\n                name: \"ref-inputs\"\n            },\n            list: true,\n            settings: {\n                models: [\n                    {\n                        modelId: \"any-model\"\n                    }\n                ]\n            },\n            tags: [\"$bulk-edit\"],\n            storageId: \"ref@field2\"\n        },\n        {\n            id: \"field3\",\n            fieldId: \"field3\",\n            label: \"Field 3\",\n            type: \"number\",\n            renderer: {\n                name: \"number-input\"\n            },\n            tags: [],\n            storageId: \"number@field3\"\n        }\n    ];\n\n    const createFields = (extensionFields: FieldRaw[]) => {\n        return [\n            {\n                id: \"name\",\n                storageId: \"text@name\",\n                fieldId: \"name\",\n                label: \"Name\",\n                type: \"text\",\n                settings: {},\n                listValidation: [],\n                validation: [\n                    {\n                        name: \"required\",\n                        message: \"Value is required.\"\n                    }\n                ],\n                list: false,\n                predefinedValues: {\n                    values: [],\n                    enabled: false\n                },\n                renderer: {\n                    name: \"text-input\"\n                }\n            },\n            {\n                id: \"extensions\",\n                storageId: \"object@extensions\",\n                fieldId: \"extensions\",\n                label: \"Extensions\",\n                type: \"object\",\n                settings: {\n                    layout: extensionFields.map(field => [field.id]),\n                    fields: extensionFields\n                },\n                listValidation: [],\n                validation: [],\n                list: false,\n                predefinedValues: {\n                    values: [],\n                    enabled: false\n                },\n                renderer: {\n                    name: \"any\"\n                }\n            }\n        ];\n    };\n\n    let presenter: ActionEditPresenter;\n\n    beforeEach(() => {\n        vi.clearAllMocks();\n        presenter = new ActionEditPresenter();\n    });\n\n    it(\"should create a presenter and load extensions fields\", () => {\n        presenter.load(createFields(extensionFields));\n\n        // I should see the bulk edit action\n        expect(presenter.vm.show).toEqual(true);\n\n        // I should receive a `currentBatch`\n        expect(presenter.vm.currentBatch).toEqual({\n            operations: [\n                {\n                    field: \"\",\n                    operator: \"\",\n                    value: undefined\n                }\n            ]\n        });\n\n        // I should receive the `fields` available for bulk edit\n        expect(presenter.vm.fields).toEqual([\n            {\n                label: \"Field 1\",\n                value: \"extensions.field1\",\n                operators: [\n                    {\n                        label: \"Override existing values\",\n                        value: \"OVERRIDE\"\n                    },\n                    {\n                        label: \"Clear all existing values\",\n                        value: \"REMOVE\"\n                    }\n                ],\n                raw: extensionFields[0]\n            },\n            {\n                label: \"Field 2\",\n                value: \"extensions.field2\",\n                operators: [\n                    {\n                        label: \"Override existing values\",\n                        value: \"OVERRIDE\"\n                    },\n                    {\n                        label: \"Clear all existing values\",\n                        value: \"REMOVE\"\n                    },\n                    {\n                        label: \"Append to existing values\",\n                        value: \"APPEND\"\n                    }\n                ],\n                raw: extensionFields[1]\n            }\n        ]);\n\n        // I should receive the editor.vm\n        expect(presenter.vm.editorVm).toEqual({\n            isOpen: false\n        });\n    });\n\n    it(\"should not show the bulk action if no `extensions` fields are defined\", () => {\n        presenter.load(createFields([]));\n\n        // The editor action should not be rendered\n        expect(presenter.vm.show).toBe(false);\n    });\n\n    it(\"should open / close the editor\", () => {\n        presenter.load(createFields(extensionFields));\n\n        // The editor should be closed by default\n        expect(presenter.vm.editorVm.isOpen).toBe(false);\n\n        // Let's open the editor\n        presenter.openEditor();\n        expect(presenter.vm.editorVm.isOpen).toBe(true);\n\n        // Let's open the editor\n        presenter.closeEditor();\n        expect(presenter.vm.editorVm.isOpen).toBe(false);\n    });\n});\n"],"mappings":"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","ignoreList":[]}

package/components/BulkActions/ActionEdit/BatchEditorDialog/AddOperation.js

@@ -6,7 +6,7 @@ export const AddOperation = ({
   onClick
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-mt-lg wby-text-center"
+    className: "mt-lg text-center"
   }, /*#__PURE__*/React.createElement(Button, {
     onClick: onClick,
     text: "Add new operation",

package/components/BulkActions/ActionEdit/BatchEditorDialog/AddOperation.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Button","ReactComponent","AddIcon","AddOperation","disabled","onClick","createElement","className","text","icon","variant"],"sources":["AddOperation.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\n\ninterface AddOperationProps {\n    disabled: boolean;\n    onClick: () => void;\n}\n\nexport const AddOperation = ({ disabled, onClick }: AddOperationProps) => {\n    return (\n        <div className={\"wby-mt-lg wby-text-center\"}>\n            <Button\n                onClick={onClick}\n                text={\"Add new operation\"}\n                icon={<AddIcon />}\n                variant={\"secondary\"}\n                disabled={disabled}\n            />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,cAAc,IAAIC,OAAO,QAAQ,uBAAuB;AAOjE,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAA2B,CAAC,KAAK;EACtE,oBACIN,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAE;EAA4B,gBACxCR,KAAA,CAAAO,aAAA,CAACN,MAAM;IACHK,OAAO,EAAEA,OAAQ;IACjBG,IAAI,EAAE,mBAAoB;IAC1BC,IAAI,eAAEV,KAAA,CAAAO,aAAA,CAACJ,OAAO,MAAE,CAAE;IAClBQ,OAAO,EAAE,WAAY;IACrBN,QAAQ,EAAEA;EAAS,CACtB,CACA,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Button","ReactComponent","AddIcon","AddOperation","disabled","onClick","createElement","className","text","icon","variant"],"sources":["AddOperation.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\n\ninterface AddOperationProps {\n    disabled: boolean;\n    onClick: () => void;\n}\n\nexport const AddOperation = ({ disabled, onClick }: AddOperationProps) => {\n    return (\n        <div className={\"mt-lg text-center\"}>\n            <Button\n                onClick={onClick}\n                text={\"Add new operation\"}\n                icon={<AddIcon />}\n                variant={\"secondary\"}\n                disabled={disabled}\n            />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,cAAc,IAAIC,OAAO,QAAQ,uBAAuB;AAOjE,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAA2B,CAAC,KAAK;EACtE,oBACIN,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAE;EAAoB,gBAChCR,KAAA,CAAAO,aAAA,CAACN,MAAM;IACHK,OAAO,EAAEA,OAAQ;IACjBG,IAAI,EAAE,mBAAoB;IAC1BC,IAAI,eAAEV,KAAA,CAAAO,aAAA,CAACJ,OAAO,MAAE,CAAE;IAClBQ,OAAO,EAAE,WAAY;IACrBN,QAAQ,EAAEA;EAAS,CACtB,CACA,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/BulkActions/ActionEdit/BatchEditorDialog/BatchEditor.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { FormAPI, FormOnSubmit } from "@webiny/form";
-import type { BatchEditorDialogViewModel, BatchEditorFormData } from "./BatchEditorDialogPresenter";
+import type { BatchEditorDialogViewModel, BatchEditorFormData } from "../../../../components/BulkActions/ActionEdit/BatchEditorDialog/BatchEditorDialogPresenter.js";
 export interface BatchEditorProps {
     onForm: (form: FormAPI) => void;
     onAdd: () => void;