@webiny/app-file-manager 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

package/BatchFileUploader.d.ts

@@ -0,0 +1,34 @@
+import type { FileItem } from "@webiny/app-admin/types";
+import type { FileManagerViewContext } from "./modules/FileManagerRenderer/FileManagerViewProvider";
+export interface FileError {
+    file: File;
+    e: Error;
+}
+interface OnUploadFinishedParams {
+    uploaded: FileItem[];
+    errors: FileError[];
+}
+interface OnUploadFinishedCallback {
+    (params: OnUploadFinishedParams): void;
+}
+declare class FileJob {
+    id: string;
+    file: File;
+    constructor(file: File);
+}
+export declare class BatchFileUploader {
+    private readonly uploader;
+    private fileJobs;
+    private onUploadFinishedCallback;
+    private uploading;
+    private uploadStatus;
+    constructor(uploader: FileManagerViewContext["uploadFile"]);
+    getJobs(): FileJob[];
+    addFiles(files: File[]): void;
+    reset(): void;
+    get progress(): number;
+    onUploadFinished(cb: OnUploadFinishedCallback): void;
+    private upload;
+    private getNextFile;
+}
+export {};

package/BatchFileUploader.js

@@ -0,0 +1,87 @@
+import { generateId } from "@webiny/utils";
+import { makeAutoObservable, runInAction, action } from "mobx";
+class FileJob {
+  constructor(file) {
+    this.id = generateId();
+    this.file = file;
+  }
+}
+export class BatchFileUploader {
+  fileJobs = [];
+  uploading = false;
+  uploadStatus = new Map();
+  constructor(uploader) {
+    this.uploader = uploader;
+    makeAutoObservable(this);
+  }
+  getJobs() {
+    return this.fileJobs;
+  }
+  addFiles(files) {
+    files.forEach(file => {
+      const fileJob = new FileJob(file);
+      this.fileJobs.push(fileJob);
+      this.uploadStatus.set(fileJob.id, 0);
+    });
+    this.upload();
+  }
+  reset() {
+    this.fileJobs = [];
+    this.uploadStatus.clear();
+  }
+  get progress() {
+    const progressInBytes = Array.from(this.uploadStatus.values());
+    const loadedBytes = progressInBytes.reduce((a, b) => a + b, 0);
+    const totalBytesToUpload = this.fileJobs.reduce((sum, job) => sum + job.file.size, 0);
+    return Math.min(100 * loadedBytes / totalBytesToUpload, 100);
+  }
+  onUploadFinished(cb) {
+    this.onUploadFinishedCallback = cb;
+  }
+  async upload() {
+    if (this.uploading) {
+      return;
+    }
+    this.uploading = true;
+    const errors = [];
+    const uploaded = [];
+    while (true) {
+      const fileJob = this.getNextFile();
+      if (!fileJob) {
+        break;
+      }
+      try {
+        const newFile = await this.uploader(fileJob.file, {
+          onProgress: action("BatchFileUploader.onProgress", event => {
+            this.uploadStatus.set(fileJob.id, event.sent);
+          })
+        });
+        if (newFile) {
+          uploaded.push(newFile);
+        }
+      } catch (e) {
+        runInAction(() => {
+          this.uploadStatus.set(fileJob.id, -1);
+        });
+        errors.push({
+          file: fileJob.file,
+          e
+        });
+      }
+    }
+    runInAction(() => {
+      this.uploading = false;
+    });
+    if (this.onUploadFinishedCallback) {
+      this.onUploadFinishedCallback({
+        uploaded,
+        errors
+      });
+    }
+  }
+  getNextFile() {
+    return this.fileJobs.find(file => this.uploadStatus.get(file.id) === 0);
+  }
+}
+
+//# sourceMappingURL=BatchFileUploader.js.map

package/BatchFileUploader.js.map

@@ -0,0 +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":[]}

package/app.d.ts

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

package/app.js

@@ -0,0 +1,11 @@
+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";
+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));
+};
+
+//# sourceMappingURL=app.js.map

package/app.js.map

@@ -0,0 +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":[]}

package/components/BottomInfoBar/BottomInfoBar.d.ts

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

package/components/BottomInfoBar/BottomInfoBar.js

@@ -0,0 +1,23 @@
+import React from "react";
+import mime from "mime/lite";
+import { Separator } from "@webiny/admin-ui";
+import SupportedFileTypes from "./SupportedFileTypes";
+import ListStatus from "./ListStatus";
+mime.define({
+  "image/x-icon": ["ico"]
+}, true);
+mime.define({
+  "image/jpg": ["jpg"]
+}, true);
+mime.define({
+  "image/vnd.microsoft.icon": ["ico"]
+}, true);
+export const BottomInfoBar = props => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-bg-neutral-base wby-w-full wby-overflow-hidden wby-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"
+  }, /*#__PURE__*/React.createElement(SupportedFileTypes, props), /*#__PURE__*/React.createElement(ListStatus, props)));
+};
+
+//# sourceMappingURL=BottomInfoBar.js.map

package/components/BottomInfoBar/BottomInfoBar.js.map

@@ -0,0 +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":[]}

package/components/BottomInfoBar/ListStatus.d.ts

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

package/components/BottomInfoBar/ListStatus.js

@@ -0,0 +1,23 @@
+import React from "react";
+import { i18n } from "@webiny/app/i18n";
+import { Loader, Text } from "@webiny/admin-ui";
+const t = i18n.ns("app-admin/file-manager/components/bottom-info-bar/list-status");
+const ListStatus = ({
+  listing
+}) => {
+  if (!listing) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-gap-sm"
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    as: "div",
+    className: "wby-text-neutral-strong"
+  }, t`Loading more files...`), /*#__PURE__*/React.createElement(Loader, {
+    size: "xs"
+  }));
+};
+export default ListStatus;
+
+//# sourceMappingURL=ListStatus.js.map

package/components/BottomInfoBar/ListStatus.js.map

@@ -0,0 +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":[]}

package/components/BottomInfoBar/SupportedFileTypes.d.ts

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

package/components/BottomInfoBar/SupportedFileTypes.js

@@ -0,0 +1,60 @@
+import React, { useCallback } from "react";
+import { Text } from "@webiny/admin-ui";
+import { i18n } from "@webiny/app/i18n";
+import mime from "mime/lite";
+mime.define({
+  "image/x-icon": ["ico"]
+}, true);
+mime.define({
+  "image/jpg": ["jpg"]
+}, true);
+mime.define({
+  "image/vnd.microsoft.icon": ["ico"]
+}, true);
+const t = i18n.ns("app-admin/file-manager/components/bottom-info-bar/supported-files");
+const getUniqueFilePlugins = accept => {
+  const exts = {};
+  accept.forEach(item => {
+    const ext = mime.getExtension(item);
+    if (!ext) {
+      return;
+    }
+    exts[ext] = true;
+  });
+  return Object.keys(exts);
+};
+const SupportedFileTypes = ({
+  accept,
+  loading,
+  totalCount,
+  currentCount
+}) => {
+  const getLabel = useCallback((count = 0) => {
+    return `${count} ${count === 1 ? "file" : "files"}`;
+  }, []);
+  if (!accept || loading) {
+    return null;
+  }
+  if (accept.length === 0) {
+    return /*#__PURE__*/React.createElement(Text, {
+      size: "sm",
+      as: "div",
+      className: "wby-text-neutral-strong"
+    }, t`Showing {currentCountLabel} out of {totalCountLabel} from all file extensions.`({
+      currentCountLabel: String(currentCount),
+      totalCountLabel: getLabel(totalCount)
+    }));
+  }
+  return /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    as: "div",
+    className: "wby-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

@@ -0,0 +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":[]}

package/components/BottomInfoBar/index.d.ts

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

package/components/BottomInfoBar/index.js

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

package/components/BottomInfoBar/index.js.map

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

package/components/BulkActions/ActionDelete.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const ActionDelete: (() => React.JSX.Element | null) & {
+    displayName: string;
+};

package/components/BulkActions/ActionDelete.js

@@ -0,0 +1,80 @@
+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";
+export const ActionDelete = observer(() => {
+  const {
+    deleteFile
+  } = useFileManagerView();
+  const {
+    canDelete
+  } = useFileManagerApi();
+  const {
+    useWorker,
+    useButtons,
+    useDialog
+  } = FileManagerViewConfig.Browser.BulkAction;
+  const {
+    ButtonDefault
+  } = useButtons();
+  const worker = useWorker();
+  const {
+    showConfirmationDialog,
+    showResultsDialog
+  } = useDialog();
+  const filesLabel = useMemo(() => {
+    return getFilesLabel(worker.items.length);
+  }, [worker.items.length]);
+  const canDeleteAll = useMemo(() => {
+    return worker.items.every(item => canDelete(item));
+  }, [worker.items]);
+  const openDeleteDialog = () => showConfirmationDialog({
+    title: "Delete files",
+    message: `You are about to delete ${filesLabel}. Are you sure you want to continue?`,
+    loadingLabel: `Processing ${filesLabel}`,
+    execute: async () => {
+      await worker.processInSeries(async ({
+        item,
+        report
+      }) => {
+        try {
+          await deleteFile(item.id);
+          report.success({
+            title: `${item.name}`,
+            message: "File successfully deleted."
+          });
+        } catch (e) {
+          report.error({
+            title: `${item.name}`,
+            message: e.message
+          });
+        }
+      });
+      worker.resetItems();
+      showResultsDialog({
+        results: worker.results,
+        title: "Delete files",
+        message: "Finished deleting files! See full report below:"
+      });
+    }
+  });
+  if (!canDeleteAll) {
+    console.log("You don't have permissions to delete files.");
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    side: "bottom",
+    content: `Delete ${filesLabel}`,
+    trigger: /*#__PURE__*/React.createElement(ButtonDefault, {
+      icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+      onAction: openDeleteDialog,
+      size: "sm"
+    }, `Delete`)
+  });
+});
+
+//# sourceMappingURL=ActionDelete.js.map

package/components/BulkActions/ActionDelete.js.map

@@ -0,0 +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":[]}

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

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const ActionEdit: (() => React.JSX.Element | null) & {
+    displayName: string;
+};

package/components/BulkActions/ActionEdit/ActionEdit.js

@@ -0,0 +1,62 @@
+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 { Tooltip } from "@webiny/admin-ui";
+const {
+  useButtons
+} = FileManagerViewConfig.Browser.BulkAction;
+export const ActionEdit = observer(() => {
+  const {
+    fields: allModelFields
+  } = useFileModel();
+  const config = useFileManagerViewConfig();
+  const {
+    ButtonDefault
+  } = useButtons();
+  const fields = useMemo(() => {
+    if (!config.fileDetails.fields.find(field => field.name === "tags")) {
+      return allModelFields.filter(field => field.fieldId !== "tags");
+    }
+    return allModelFields;
+  }, [config, allModelFields]);
+  const worker = useActionEditWorker(fields);
+  const presenter = useMemo(() => {
+    return new ActionEditPresenter();
+  }, []);
+  useEffect(() => {
+    presenter.load(fields);
+  }, [fields]);
+  const onBatchEditorSubmit = useCallback(batch => {
+    presenter.closeEditor();
+    worker.openWorkerDialog(batch);
+  }, [worker.openWorkerDialog]);
+  if (!presenter.vm.show) {
+    return null;
+  }
+  if (!worker.canEditAll) {
+    console.log("You don't have permissions to edit files.");
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
+    side: "bottom",
+    content: `Edit ${worker.filesLabel}`,
+    trigger: /*#__PURE__*/React.createElement(ButtonDefault, {
+      icon: /*#__PURE__*/React.createElement(EditIcon, null),
+      onAction: () => presenter.openEditor(),
+      size: "sm"
+    }, "Edit")
+  }), /*#__PURE__*/React.createElement(BatchEditorDialog, {
+    onClose: () => presenter.closeEditor(),
+    fields: presenter.vm.fields,
+    batch: presenter.vm.currentBatch,
+    vm: presenter.vm.editorVm,
+    onApply: onBatchEditorSubmit
+  }));
+});
+
+//# sourceMappingURL=ActionEdit.js.map

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

@@ -0,0 +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":[]}

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

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

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

@@ -0,0 +1,3 @@
+export {};
+
+//# sourceMappingURL=ActionEdit.types.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,35 @@
+import type { BatchDTO, FieldDTO, FieldRaw } from "./domain";
+interface IActionEditPresenter {
+    load: (fields: FieldRaw[]) => void;
+    openEditor: () => void;
+    closeEditor: () => void;
+    get vm(): {
+        show: boolean;
+        currentBatch: BatchDTO;
+        fields: FieldDTO[];
+        editorVm: {
+            isOpen: boolean;
+        };
+    };
+}
+export declare class ActionEditPresenter implements IActionEditPresenter {
+    private showEditor;
+    private readonly currentBatch;
+    private fields;
+    constructor();
+    load(fields: FieldRaw[]): void;
+    get vm(): {
+        show: boolean;
+        currentBatch: BatchDTO;
+        fields: FieldDTO[];
+        editorVm: {
+            isOpen: boolean;
+        };
+    };
+    openEditor(): void;
+    closeEditor(): void;
+    private getBuiltInFields;
+    private getExtensionFields;
+    private get editorVm();
+}
+export {};

package/components/BulkActions/ActionEdit/ActionEditPresenter.js

@@ -0,0 +1,55 @@
+import { makeAutoObservable } from "mobx";
+import { Batch, BatchMapper, Field, FieldMapper } from "./domain";
+function isBulkEditableField(field) {
+  return field.tags && field.tags.includes("$bulk-edit");
+}
+export class ActionEditPresenter {
+  showEditor = false;
+  constructor() {
+    this.fields = [];
+    this.currentBatch = BatchMapper.toDTO(Batch.createEmpty());
+    makeAutoObservable(this);
+  }
+  load(fields) {
+    this.fields = [...this.getBuiltInFields(fields), ...this.getExtensionFields(fields)];
+  }
+  get vm() {
+    return {
+      show: this.fields.length > 0,
+      currentBatch: this.currentBatch,
+      fields: this.fields,
+      editorVm: this.editorVm
+    };
+  }
+  openEditor() {
+    this.showEditor = true;
+  }
+  closeEditor() {
+    this.showEditor = false;
+  }
+  getBuiltInFields(fields) {
+    const builtInFields = fields.filter(field => field.fieldId !== "extensions").filter(isBulkEditableField);
+    return FieldMapper.toDTO(builtInFields.map(field => Field.createFromRaw(field)));
+  }
+  getExtensionFields(fields) {
+    const extensions = fields.find(field => field.fieldId === "extensions");
+    if (!extensions?.settings?.fields) {
+      return [];
+    }
+    const extensionFields = extensions.settings.fields.filter(isBulkEditableField) || [];
+    const extFields = FieldMapper.toDTO(extensionFields.map(field => Field.createFromRaw(field)));
+    return extFields.map(field => {
+      return {
+        ...field,
+        value: `extensions.${field.value}`
+      };
+    });
+  }
+  get editorVm() {
+    return {
+      isOpen: this.showEditor
+    };
+  }
+}
+
+//# sourceMappingURL=ActionEditPresenter.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1 @@
+export {};