npm - @webiny/app-file-manager - Versions diffs - 6.4.5 → 6.6.0-alpha.0 - Mend

@webiny/app-file-manager 6.4.5 → 6.6.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (135) hide show

package/modules/HeadlessCms/fileRenderer/fileFields.js DELETED Viewed

@@ -1,73 +0,0 @@
-import react from "react";
-import dot_prop_immutable from "dot-prop-immutable";
-import { i18n } from "@webiny/app/i18n/index.js";
-import { FileManager } from "@webiny/app-admin";
-import { getSupportedExtensionsLabelHint } from "./utils.js";
-import { MultiFilePicker } from "@webiny/admin-ui";
-import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
-const t = i18n.ns("app-headless-cms/admin/fields/file");
-const FieldRenderer = ({ getBind })=>{
-    const { field } = useModelField();
-    const rules = useFieldEffectiveRules(field);
-    const disabled = !rules.canEdit || rules.disabled;
-    const Bind = getBind();
-    const imagesOnly = field.settings && field.settings.imagesOnly;
-    return /*#__PURE__*/ react.createElement(Bind, null, (bind)=>{
-        const { onChange, validation } = bind;
-        const values = (Array.isArray(bind.value) ? bind.value : [
-            bind.value
-        ]).filter(Boolean);
-        return /*#__PURE__*/ react.createElement(Bind.ValidationContainer, null, /*#__PURE__*/ react.createElement(FileManager, {
-            multiple: true,
-            images: imagesOnly,
-            render: ({ showFileManager })=>{
-                const selectFiles = (index = -1)=>{
-                    showFileManager((files)=>{
-                        const urls = files.map((f)=>f.src);
-                        -1 === index ? onChange([
-                            ...values,
-                            ...urls
-                        ]) : onChange([
-                            ...values.slice(0, index),
-                            ...urls,
-                            ...values.slice(index + 1)
-                        ]);
-                    });
-                };
-                return /*#__PURE__*/ react.createElement(MultiFilePicker, {
-                    ...bind,
-                    disabled: disabled,
-                    label: field.label,
-                    validation: validation,
-                    description: field.description,
-                    note: getSupportedExtensionsLabelHint(imagesOnly),
-                    values: values,
-                    onSelectItem: ()=>selectFiles(),
-                    onReplaceItem: (_, index)=>selectFiles(index),
-                    onRemoveItem: (_, index)=>onChange(dot_prop_immutable["delete"](values, index)),
-                    placeholder: field.placeholder,
-                    type: "compact",
-                    "data-testid": `fr.input.filefields.${field.label}`
-                });
-            }
-        }));
-    });
-};
-const multipleFiles = {
-    type: "cms-editor-field-renderer",
-    name: "cms-editor-field-renderer-files",
-    renderer: {
-        rendererName: "file-inputs",
-        name: t`File Inputs`,
-        description: t`Enables selecting multiple files via File Manager.`,
-        canUse ({ field }) {
-            return "file" === field.type && !!field.list;
-        },
-        render (props) {
-            return /*#__PURE__*/ react.createElement(FieldRenderer, props);
-        }
-    }
-};
-export { multipleFiles };
-//# sourceMappingURL=fileFields.js.map

package/modules/HeadlessCms/fileRenderer/fileFields.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"modules/HeadlessCms/fileRenderer/fileFields.js","sources":["../../../../src/modules/HeadlessCms/fileRenderer/fileFields.tsx"],"sourcesContent":["import React from \"react\";\nimport dotProp from \"dot-prop-immutable\";\nimport type {\n CmsModelFieldRendererPlugin,\n CmsModelFieldRendererProps\n} from \"@webiny/app-headless-cms/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { FileManager } from \"@webiny/app-admin\";\nimport { getSupportedExtensionsLabelHint } from \"./utils.js\";\nimport { MultiFilePicker } from \"@webiny/admin-ui\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/file\");\n\nconst FieldRenderer = ({ getBind }: CmsModelFieldRendererProps) => {\n const { field } = useModelField();\n const rules = useFieldEffectiveRules(field);\n const disabled = !rules.canEdit || rules.disabled;\n const Bind = getBind();\n\n const imagesOnly = field.settings && field.settings.imagesOnly;\n\n return (\n <Bind>\n {bind => {\n const { onChange, validation } = bind;\n\n const values: string[] = (\n Array.isArray(bind.value) ? bind.value : [bind.value]\n ).filter(Boolean);\n\n return (\n <Bind.ValidationContainer>\n <FileManager\n multiple\n images={imagesOnly}\n render={({ showFileManager }) => {\n const selectFiles = (index = -1) => {\n showFileManager(files => {\n const urls = files.map(f => f.src);\n if (index === -1) {\n onChange([...values, ...urls]);\n } else {\n onChange([\n ...values.slice(0, index),\n ...urls,\n ...values.slice(index + 1)\n ]);\n }\n });\n };\n return (\n <MultiFilePicker\n {...bind}\n disabled={disabled}\n label={field.label}\n validation={validation}\n description={field.description}\n note={getSupportedExtensionsLabelHint(imagesOnly)}\n values={values}\n onSelectItem={() => selectFiles()}\n onReplaceItem={(_, index) => selectFiles(index)}\n onRemoveItem={(_, index) =>\n onChange(dotProp.delete(values, index))\n }\n placeholder={field.placeholder}\n type={\"compact\"}\n data-testid={`fr.input.filefields.${field.label}`}\n />\n );\n }}\n />\n </Bind.ValidationContainer>\n );\n }}\n </Bind>\n );\n};\n\nexport const multipleFiles: CmsModelFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-files\",\n renderer: {\n rendererName: \"file-inputs\",\n name: t`File Inputs`,\n description: t`Enables selecting multiple files via File Manager.`,\n canUse({ field }) {\n return field.type === \"file\" && !!field.list;\n },\n render(props) {\n return <FieldRenderer {...props} />;\n }\n }\n};\n"],"names":["t","i18n","FieldRenderer","getBind","field","useModelField","rules","useFieldEffectiveRules","disabled","Bind","imagesOnly","bind","onChange","validation","values","Array","Boolean","FileManager","showFileManager","selectFiles","index","files","urls","f","MultiFilePicker","getSupportedExtensionsLabelHint","_","dotProp","multipleFiles","props"],"mappings":";;;;;;;AAYA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,gBAAgB,CAAC,EAAEC,OAAO,EAA8B;IAC1D,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAMC,QAAQC,uBAAuBH;IACrC,MAAMI,WAAW,CAACF,MAAM,OAAO,IAAIA,MAAM,QAAQ;IACjD,MAAMG,OAAON;IAEb,MAAMO,aAAaN,MAAM,QAAQ,IAAIA,MAAM,QAAQ,CAAC,UAAU;IAE9D,OAAO,WAAP,GACI,oBAACK,MAAAA,MACIE,CAAAA;QACG,MAAM,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAGF;QAEjC,MAAMG,SACFC,AAAAA,CAAAA,MAAM,OAAO,CAACJ,KAAK,KAAK,IAAIA,KAAK,KAAK,GAAG;YAACA,KAAK,KAAK;SAAA,A,EACtD,MAAM,CAACK;QAET,OAAO,WAAP,GACI,oBAACP,KAAK,mBAAmB,sBACrB,oBAACQ,aAAWA;YACR;YACA,QAAQP;YACR,QAAQ,CAAC,EAAEQ,eAAe,EAAE;gBACxB,MAAMC,cAAc,CAACC,QAAQ,EAAE;oBAC3BF,gBAAgBG,CAAAA;wBACZ,MAAMC,OAAOD,MAAM,GAAG,CAACE,CAAAA,IAAKA,EAAE,GAAG;wBACnB,OAAVH,QACAR,SAAS;+BAAIE;+BAAWQ;yBAAK,IAE7BV,SAAS;+BACFE,OAAO,KAAK,CAAC,GAAGM;+BAChBE;+BACAR,OAAO,KAAK,CAACM,QAAQ;yBAC3B;oBAET;gBACJ;gBACA,OAAO,WAAP,GACI,oBAACI,iBAAeA;oBACX,GAAGb,IAAI;oBACR,UAAUH;oBACV,OAAOJ,MAAM,KAAK;oBAClB,YAAYS;oBACZ,aAAaT,MAAM,WAAW;oBAC9B,MAAMqB,gCAAgCf;oBACtC,QAAQI;oBACR,cAAc,IAAMK;oBACpB,eAAe,CAACO,GAAGN,QAAUD,YAAYC;oBACzC,cAAc,CAACM,GAAGN,QACdR,SAASe,kBAAAA,CAAAA,SAAc,CAACb,QAAQM;oBAEpC,aAAahB,MAAM,WAAW;oBAC9B,MAAM;oBACN,eAAa,CAAC,oBAAoB,EAAEA,MAAM,KAAK,EAAE;;YAG7D;;IAIhB;AAGZ;AAEO,MAAMwB,gBAA6C;IACtD,MAAM;IACN,MAAM;IACN,UAAU;QACN,cAAc;QACd,MAAM5B,CAAC,CAAC,WAAW,CAAC;QACpB,aAAaA,CAAC,CAAC,kDAAkD,CAAC;QAClE,QAAO,EAAEI,KAAK,EAAE;YACZ,OAAOA,AAAe,WAAfA,MAAM,IAAI,IAAe,CAAC,CAACA,MAAM,IAAI;QAChD;QACA,QAAOyB,KAAK;YACR,OAAO,WAAP,GAAO,oBAAC3B,eAAkB2B;QAC9B;IACJ;AACJ"}

package/modules/HeadlessCms/fileRenderer/utils.d.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export declare const imagePlugins: string[];
2	- export declare const getSupportedExtensionsLabelHint: (imagesOnly?: boolean) => string \| null;

package/modules/HeadlessCms/fileRenderer/utils.js DELETED Viewed

@@ -1,15 +0,0 @@
-const imagePlugins = [
-    ".jpg",
-    ".jpeg",
-    ".tif",
-    ".gif",
-    ".png",
-    ".svg",
-    ".webp",
-    "bmp",
-    "svg"
-];
-const getSupportedExtensionsLabelHint = (imagesOnly)=>imagesOnly ? `Supported files extensions: ${imagePlugins.filter(Boolean).join(", ")}.` : null;
-export { getSupportedExtensionsLabelHint, imagePlugins };
-//# sourceMappingURL=utils.js.map

package/modules/HeadlessCms/fileRenderer/utils.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"modules/HeadlessCms/fileRenderer/utils.js","sources":["../../../../src/modules/HeadlessCms/fileRenderer/utils.ts"],"sourcesContent":["export const imagePlugins = [\n \".jpg\",\n \".jpeg\",\n \".tif\",\n \".gif\",\n \".png\",\n \".svg\",\n \".webp\",\n \"bmp\",\n \"svg\"\n];\n\nexport const getSupportedExtensionsLabelHint = (imagesOnly?: boolean) => {\n return imagesOnly\n ? `Supported files extensions: ${imagePlugins.filter(Boolean).join(\", \")}.`\n : null;\n};\n"],"names":["imagePlugins","getSupportedExtensionsLabelHint","imagesOnly","Boolean"],"mappings":"AAAO,MAAMA,eAAe;IACxB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACH;AAEM,MAAMC,kCAAkC,CAACC,aACrCA,aACD,CAAC,4BAA4B,EAAEF,aAAa,MAAM,CAACG,SAAS,IAAI,CAAC,MAAM,CAAC,CAAC,GACzE"}

package/modules/HeadlessCms/index.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export declare const HeadlessCmsModule: () => null;

package/modules/HeadlessCms/index.js DELETED Viewed

@@ -1,14 +0,0 @@
-import { useEffect } from "react";
-import { plugins } from "@webiny/plugins";
-import { fileField } from "./fileField.js";
-import { singleFile } from "./fileRenderer/fileField.js";
-import { multipleFiles } from "./fileRenderer/fileFields.js";
-const HeadlessCmsModule = ()=>{
-    useEffect(()=>{
-        plugins.register(fileField, singleFile, multipleFiles);
-    });
-    return null;
-};
-export { HeadlessCmsModule };
-//# sourceMappingURL=index.js.map

package/modules/HeadlessCms/index.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"modules/HeadlessCms/index.js","sources":["../../../src/modules/HeadlessCms/index.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { fileField } from \"./fileField.js\";\nimport { singleFile } from \"./fileRenderer/fileField.js\";\nimport { multipleFiles } from \"./fileRenderer/fileFields.js\";\n\nexport const HeadlessCmsModule = () => {\n useEffect(() => {\n plugins.register(fileField, singleFile, multipleFiles);\n });\n\n return null;\n};\n"],"names":["HeadlessCmsModule","useEffect","plugins","fileField","singleFile","multipleFiles"],"mappings":";;;;;AAMO,MAAMA,oBAAoB;IAC7BC,UAAU;QACNC,QAAQ,QAAQ,CAACC,WAAWC,YAAYC;IAC5C;IAEA,OAAO;AACX"}

package/modules/Settings/graphql.d.ts DELETED Viewed

@@ -1,12 +0,0 @@
-export interface GetSettingsResponse {
-    fileManager: {
-        getSettings: {
-            data: Record<string, any>;
-        };
-    };
-}
-declare const graphql: {
-    GET_SETTINGS: import("graphql").DocumentNode;
-    UPDATE_SETTINGS: import("graphql").DocumentNode;
-};
-export default graphql;

package/modules/Settings/graphql.js DELETED Viewed

@@ -1,36 +0,0 @@
-import graphql_tag from "graphql-tag";
-const fields = `
-    {
-        data {
-            uploadMinFileSize
-            uploadMaxFileSize
-            srcPrefix
-        }
-        error {
-            message
-            data
-            code
-            stack
-        }
-    }
-`;
-const graphql = {
-    GET_SETTINGS: graphql_tag`
-            query GetFileManagerSettings {
-                fileManager {
-                    getSettings${fields}
-                }
-            }
-        `,
-    UPDATE_SETTINGS: graphql_tag`
-        mutation UpdateFileManagerSettings($data: FmSettingsInput) {
-            fileManager {
-                updateSettings(data: $data) ${fields}
-            }
-        }
-    `
-};
-const Settings_graphql = graphql;
-export default Settings_graphql;
-//# sourceMappingURL=graphql.js.map

package/modules/Settings/graphql.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"modules/Settings/graphql.js","sources":["../../../src/modules/Settings/graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nconst fields = /* GraphQL */ `\n {\n data {\n uploadMinFileSize\n uploadMaxFileSize\n srcPrefix\n }\n error {\n message\n data\n code\n stack\n }\n }\n`;\n\nexport interface GetSettingsResponse {\n fileManager: {\n getSettings: {\n data: Record<string, any>;\n };\n };\n}\n\nconst graphql = {\n GET_SETTINGS: gql`\n query GetFileManagerSettings {\n fileManager {\n getSettings${fields}\n }\n }\n `,\n UPDATE_SETTINGS: gql`\n mutation UpdateFileManagerSettings($data: FmSettingsInput) {\n fileManager {\n updateSettings(data: $data) ${fields}\n }\n }\n `\n};\n\nexport default graphql;\n"],"names":["fields","graphql","gql"],"mappings":";AAEA,MAAMA,SAAuB,CAAC;;;;;;;;;;;;;;AAc9B,CAAC;AAUD,MAAMC,UAAU;IACZ,cAAcC,WAAG,CAAC;;;+BAGS,EAAEF,OAAO;;;QAGhC,CAAC;IACL,iBAAiBE,WAAG,CAAC;;;4CAGmB,EAAEF,OAAO;;;IAGjD,CAAC;AACL;AAEA,yBAAeC"}

package/modules/Settings/views/FileManagerSettings.d.ts DELETED Viewed

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

package/modules/Settings/views/FileManagerSettings.js DELETED Viewed

@@ -1,134 +0,0 @@
-import { Button, Grid, Heading, Input, Link, OverlayLoader, Text } from "@webiny/admin-ui";
-import { Form, useBind } from "@webiny/form";
-import { Mutation, Query } from "@apollo/react-components";
-import { CenteredView, SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader, useDialogs, useSnackbar } from "@webiny/app-admin";
-import graphql from "../graphql.js";
-import get from "lodash/get.js";
-import { validation } from "@webiny/validation";
-import * as __rspack_external_react from "react";
-const Code = ({ children })=>/*#__PURE__*/ __rspack_external_react.createElement("code", {
-        className: "text-md font-bold"
-    }, children);
-const textClassName = "mb-md";
-const headingLevel = 5;
-const FileManagerSettings = ()=>{
-    const { showSnackbar } = useSnackbar();
-    const { showDialog } = useDialogs();
-    const learnMore = ()=>{
-        showDialog({
-            title: "How to configure file delivery URL?",
-            content: /*#__PURE__*/ __rspack_external_react.createElement("div", null, /*#__PURE__*/ __rspack_external_react.createElement(Text, {
-                as: "div",
-                className: textClassName
-            }, "The file delivery URL must include the ", /*#__PURE__*/ __rspack_external_react.createElement(Code, null, "/files/"), " path to reach Webiny Asset Delivery through AWS CloudFront. When configuring a custom domain, you have two options:"), /*#__PURE__*/ __rspack_external_react.createElement(Heading, {
-                level: headingLevel,
-                className: "mb-xs"
-            }, "Option 1: Custom domain directly on CloudFront"), /*#__PURE__*/ __rspack_external_react.createElement(Text, {
-                as: "div",
-                className: textClassName
-            }, "Keep the ", /*#__PURE__*/ __rspack_external_react.createElement(Code, null, "/files/"), " path in your URL.", /*#__PURE__*/ __rspack_external_react.createElement("br", null), "Example: ", /*#__PURE__*/ __rspack_external_react.createElement(Code, null, "https://mydomain.com/files/"), "."), /*#__PURE__*/ __rspack_external_react.createElement(Heading, {
-                level: headingLevel,
-                className: "mb-xs"
-            }, "Option 2: Additional CDN in front of CloudFront"), /*#__PURE__*/ __rspack_external_react.createElement(Text, {
-                as: "div",
-                className: textClassName
-            }, "Configure your CDN to forward requests to CloudFront's /files/ path. This lets you use a clean URL for users while maintaining the required path on the backend.", /*#__PURE__*/ __rspack_external_react.createElement("ul", {
-                className: "list-disc my-sm ml-md"
-            }, /*#__PURE__*/ __rspack_external_react.createElement("li", null, "User-facing URL: ", /*#__PURE__*/ __rspack_external_react.createElement(Code, null, "https://mydomain.com/")), /*#__PURE__*/ __rspack_external_react.createElement("li", null, "Your CDN forwards to: ", /*#__PURE__*/ __rspack_external_react.createElement(Code, null, "https://api.cloudfront.net/files/"))))),
-            acceptLabel: "Got it!",
-            cancelLabel: null
-        });
-    };
-    return /*#__PURE__*/ __rspack_external_react.createElement(Query, {
-        query: graphql.GET_SETTINGS
-    }, ({ data, loading: queryInProgress })=>/*#__PURE__*/ __rspack_external_react.createElement(Mutation, {
-            mutation: graphql.UPDATE_SETTINGS
-        }, (update, result)=>{
-            const settings = get(data, "fileManager.getSettings.data") || {};
-            const { loading: mutationInProgress } = result;
-            const onSubmit = async (data)=>{
-                await update({
-                    variables: {
-                        data: {
-                            uploadMinFileSize: parseFloat(data.uploadMinFileSize),
-                            uploadMaxFileSize: parseFloat(data.uploadMaxFileSize),
-                            srcPrefix: data.srcPrefix
-                        }
-                    },
-                    update: (cache, result)=>{
-                        const data = structuredClone(cache.readQuery({
-                            query: graphql.GET_SETTINGS
-                        }));
-                        if (!data) return;
-                        const error = result.data.fileManager.updateSettings.error;
-                        if (error) {
-                            showSnackbar(`Error updating settings: ${error.message}`);
-                            console.error(error);
-                            return;
-                        }
-                        data.fileManager.getSettings.data = {
-                            ...data.fileManager.getSettings.data,
-                            ...result.data.fileManager.updateSettings.data
-                        };
-                        cache.writeQuery({
-                            query: graphql.GET_SETTINGS,
-                            data
-                        });
-                        showSnackbar("Settings updated successfully.");
-                    }
-                });
-            };
-            return /*#__PURE__*/ __rspack_external_react.createElement(CenteredView, null, /*#__PURE__*/ __rspack_external_react.createElement(Form, {
-                data: settings,
-                onSubmit: (data)=>{
-                    onSubmit(data);
-                }
-            }, ({ Bind, form })=>/*#__PURE__*/ __rspack_external_react.createElement(SimpleForm, null, (queryInProgress || mutationInProgress) && /*#__PURE__*/ __rspack_external_react.createElement(OverlayLoader, null), /*#__PURE__*/ __rspack_external_react.createElement(SimpleFormHeader, {
-                    title: "General Settings"
-                }), /*#__PURE__*/ __rspack_external_react.createElement(SimpleFormContent, null, /*#__PURE__*/ __rspack_external_react.createElement(Grid, null, /*#__PURE__*/ __rspack_external_react.createElement(Grid.Column, {
-                    span: 12
-                }, /*#__PURE__*/ __rspack_external_react.createElement(Bind, {
-                    name: "uploadMinFileSize"
-                }, /*#__PURE__*/ __rspack_external_react.createElement(Input, {
-                    type: "number",
-                    label: "Minimum file upload size",
-                    description: "The smallest file size in bytes."
-                }))), /*#__PURE__*/ __rspack_external_react.createElement(Grid.Column, {
-                    span: 12
-                }, /*#__PURE__*/ __rspack_external_react.createElement(Bind, {
-                    name: "uploadMaxFileSize"
-                }, /*#__PURE__*/ __rspack_external_react.createElement(Input, {
-                    type: "number",
-                    label: "Maximum file upload size",
-                    description: "The largest file size in bytes."
-                }))), /*#__PURE__*/ __rspack_external_react.createElement(Grid.Column, {
-                    span: 12
-                }, /*#__PURE__*/ __rspack_external_react.createElement(Bind, {
-                    name: "srcPrefix",
-                    validators: [
-                        validation.create("required,url")
-                    ]
-                }, /*#__PURE__*/ __rspack_external_react.createElement(Input, {
-                    label: "File delivery URL",
-                    note: /*#__PURE__*/ __rspack_external_react.createElement(UrlPreview, null),
-                    description: /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external_react.Fragment, null, "This URL will be prepended to the file key.\xa0", /*#__PURE__*/ __rspack_external_react.createElement(Link, {
-                        to: "#",
-                        onClick: learnMore
-                    }, "How to configure?"))
-                }))))), /*#__PURE__*/ __rspack_external_react.createElement(SimpleFormFooter, null, /*#__PURE__*/ __rspack_external_react.createElement(Button, {
-                    text: "Save settings",
-                    onClick: form.submit
-                })))));
-        }));
-};
-const UrlPreview = ()=>{
-    const deliveryUrl = useBind({
-        name: "srcPrefix"
-    });
-    let prefix = deliveryUrl.value ?? "";
-    prefix = prefix.endsWith("/") ? prefix : `${prefix}/`;
-    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external_react.Fragment, null, "Example URL: ", /*#__PURE__*/ __rspack_external_react.createElement("strong", null, prefix, "768bed3e544f/image.jpg"));
-};
-export { FileManagerSettings };
-//# sourceMappingURL=FileManagerSettings.js.map

package/modules/Settings/views/FileManagerSettings.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"modules/Settings/views/FileManagerSettings.js","sources":["../../../../src/modules/Settings/views/FileManagerSettings.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Button, Grid, Input, Link, OverlayLoader, Text, Heading } from \"@webiny/admin-ui\";\nimport { Form, useBind } from \"@webiny/form\";\nimport { Mutation, Query } from \"@apollo/react-components\";\nimport {\n CenteredView,\n SimpleForm,\n SimpleFormContent,\n SimpleFormFooter,\n SimpleFormHeader,\n useDialogs,\n useSnackbar\n} from \"@webiny/app-admin\";\nimport type { GetSettingsResponse } from \"../graphql.js\";\nimport graphql from \"../graphql.js\";\nimport get from \"lodash/get.js\";\nimport { validation } from \"@webiny/validation\";\nimport type { QueryGetSettingsResult, Settings } from \"~/domain/types.js\";\nimport type { MutationFunction, MutationResult } from \"@apollo/react-common\";\n\nconst Code = ({ children }: { children: React.ReactNode }) => {\n return <code className={\"text-md font-bold\"}>{children}</code>;\n};\n\nconst textClassName = \"mb-md\";\nconst headingLevel = 5;\n\nexport const FileManagerSettings = () => {\n const { showSnackbar } = useSnackbar();\n\n const { showDialog } = useDialogs();\n\n const learnMore = () => {\n showDialog({\n title: \"How to configure file delivery URL?\",\n content: (\n <div>\n <Text as={\"div\"} className={textClassName}>\n The file delivery URL must include the <Code>/files/</Code> path to reach\n Webiny Asset Delivery through AWS CloudFront. When configuring a custom\n domain, you have two options:\n </Text>\n <Heading level={headingLevel} className={\"mb-xs\"}>\n Option 1: Custom domain directly on CloudFront\n </Heading>\n <Text as={\"div\"} className={textClassName}>\n Keep the <Code>/files/</Code> path in your URL.\n <br />\n Example: <Code>https://mydomain.com/files/</Code>.\n </Text>\n <Heading level={headingLevel} className={\"mb-xs\"}>\n Option 2: Additional CDN in front of CloudFront\n </Heading>\n <Text as={\"div\"} className={textClassName}>\n Configure your CDN to forward requests to CloudFront's /files/ path.\n This lets you use a clean URL for users while maintaining the required path\n on the backend.\n <ul className={\"list-disc my-sm ml-md\"}>\n <li>\n User-facing URL: <Code>https://mydomain.com/</Code>\n </li>\n <li>\n Your CDN forwards to: <Code>https://api.cloudfront.net/files/</Code>\n </li>\n </ul>\n </Text>\n </div>\n ),\n acceptLabel: \"Got it!\",\n cancelLabel: null\n });\n };\n\n return (\n <Query query={graphql.GET_SETTINGS}>\n {({ data, loading: queryInProgress }: MutationResult<QueryGetSettingsResult>) => (\n <Mutation mutation={graphql.UPDATE_SETTINGS}>\n {(update: MutationFunction, result: MutationResult) => {\n const settings = (get(data, \"fileManager.getSettings.data\") ||\n {}) as Settings;\n const { loading: mutationInProgress } = result;\n\n const onSubmit = async (data: Settings): Promise<void> => {\n await update({\n variables: {\n data: {\n uploadMinFileSize: parseFloat(data.uploadMinFileSize),\n uploadMaxFileSize: parseFloat(data.uploadMaxFileSize),\n srcPrefix: data.srcPrefix\n }\n },\n update: (cache, result) => {\n const data = structuredClone(\n cache.readQuery<GetSettingsResponse>({\n query: graphql.GET_SETTINGS\n })\n );\n if (!data) {\n return;\n }\n const error = result.data.fileManager.updateSettings.error;\n if (error) {\n showSnackbar(`Error updating settings: ${error.message}`);\n console.error(error);\n return;\n }\n\n data.fileManager.getSettings.data = {\n ...data.fileManager.getSettings.data,\n ...result.data.fileManager.updateSettings.data\n };\n\n cache.writeQuery({\n query: graphql.GET_SETTINGS,\n data\n });\n showSnackbar(\"Settings updated successfully.\");\n }\n });\n };\n return (\n <CenteredView>\n <Form\n data={settings}\n onSubmit={data => {\n /**\n * We are positive that data is Settings.\n */\n onSubmit(data as unknown as Settings);\n }}\n >\n {({ Bind, form }) => (\n <SimpleForm>\n {(queryInProgress || mutationInProgress) && (\n <OverlayLoader />\n )}\n <SimpleFormHeader title=\"General Settings\" />\n <SimpleFormContent>\n <Grid>\n <Grid.Column span={12}>\n <Bind name={\"uploadMinFileSize\"}>\n <Input\n type=\"number\"\n label=\"Minimum file upload size\"\n description=\"The smallest file size in bytes.\"\n />\n </Bind>\n </Grid.Column>\n <Grid.Column span={12}>\n <Bind name={\"uploadMaxFileSize\"}>\n <Input\n type=\"number\"\n label=\"Maximum file upload size\"\n description=\"The largest file size in bytes.\"\n />\n </Bind>\n </Grid.Column>\n <Grid.Column span={12}>\n <Bind\n name={\"srcPrefix\"}\n validators={[\n validation.create(\"required,url\")\n ]}\n >\n <Input\n label=\"File delivery URL\"\n note={<UrlPreview />}\n description={\n <>\n This URL will be prepended\n to the file key. \n <Link\n to=\"#\"\n onClick={learnMore}\n >\n How to configure?\n </Link>\n </>\n }\n />\n </Bind>\n </Grid.Column>\n </Grid>\n </SimpleFormContent>\n <SimpleFormFooter>\n <Button\n text={\"Save settings\"}\n onClick={form.submit}\n />\n </SimpleFormFooter>\n </SimpleForm>\n )}\n </Form>\n </CenteredView>\n );\n }}\n </Mutation>\n )}\n </Query>\n );\n};\n\nconst UrlPreview = () => {\n const deliveryUrl = useBind({\n name: \"srcPrefix\"\n });\n\n let prefix = deliveryUrl.value ?? \"\";\n\n prefix = prefix.endsWith(\"/\") ? prefix : `${prefix}/`;\n\n return (\n <>\n Example URL: <strong>{prefix}768bed3e544f/image.jpg</strong>\n </>\n );\n};\n"],"names":["Code","children","textClassName","headingLevel","FileManagerSettings","showSnackbar","useSnackbar","showDialog","useDialogs","learnMore","Text","Heading","Query","graphql","data","queryInProgress","Mutation","update","result","settings","get","mutationInProgress","onSubmit","parseFloat","cache","structuredClone","error","console","CenteredView","Form","Bind","form","SimpleForm","OverlayLoader","SimpleFormHeader","SimpleFormContent","Grid","Input","validation","UrlPreview","Link","SimpleFormFooter","Button","deliveryUrl","useBind","prefix"],"mappings":"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"}

package/presentation/FileList/components/BulkActions/BatchEditorDialog/AddOperation.d.ts DELETED Viewed

@@ -1,7 +0,0 @@
-import React from "react";
-interface AddOperationProps {
-    disabled: boolean;
-    onClick: () => void;
-}
-export declare const AddOperation: ({ disabled, onClick }: AddOperationProps) => React.JSX.Element;
-export {};

package/presentation/FileList/components/BulkActions/BatchEditorDialog/AddOperation.js DELETED Viewed

@@ -1,15 +0,0 @@
-import react from "react";
-import { Button } from "@webiny/admin-ui";
-import { ReactComponent } from "@webiny/icons/add.svg";
-const AddOperation = ({ disabled, onClick })=>/*#__PURE__*/ react.createElement("div", {
-        className: "wby-mt-lg wby-text-center"
-    }, /*#__PURE__*/ react.createElement(Button, {
-        onClick: onClick,
-        text: "Add new operation",
-        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
-        variant: "secondary",
-        disabled: disabled
-    }));
-export { AddOperation };
-//# sourceMappingURL=AddOperation.js.map

package/presentation/FileList/components/BulkActions/BatchEditorDialog/AddOperation.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"presentation/FileList/components/BulkActions/BatchEditorDialog/AddOperation.js","sources":["../../../../../../src/presentation/FileList/components/BulkActions/BatchEditorDialog/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"],"names":["AddOperation","disabled","onClick","Button","AddIcon"],"mappings":";;;AASO,MAAMA,eAAe,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAqB,GAC1D,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,QAAMA;QACH,SAASD;QACT,MAAM;QACN,oBAAM,oBAACE,gBAAOA;QACd,SAAS;QACT,UAAUH"}

package/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditor.d.ts DELETED Viewed

@@ -1,15 +0,0 @@
-import React from "react";
-import type { FormAPI, FormOnSubmit } from "@webiny/form";
-import type { BatchEditorDialogViewModel, BatchEditorFormData } from "../../../../../presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditorDialogPresenter.js";
-export interface BatchEditorProps {
-    onForm: (form: FormAPI) => void;
-    onAdd: () => void;
-    onDelete: (operationIndex: number) => void;
-    onChange: (data: BatchEditorFormData) => void;
-    onSetOperationFieldData: (operationIndex: number, data: string) => void;
-    onSubmit: FormOnSubmit<BatchEditorFormData>;
-    vm: BatchEditorDialogViewModel;
-}
-export declare const BatchEditor: ((props: BatchEditorProps) => React.JSX.Element) & {
-    displayName: string;
-};

package/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditor.js DELETED Viewed

@@ -1,44 +0,0 @@
-import react, { useEffect } from "react";
-import { observer } from "mobx-react-lite";
-import { ReactComponent } from "@webiny/icons/delete_outline.svg";
-import { Form } from "@webiny/form";
-import { AddOperation } from "./AddOperation.js";
-import { Operation } from "./Operation.js";
-import { Accordion } from "@webiny/admin-ui";
-const BatchEditor = observer((props)=>{
-    const formRef = /*#__PURE__*/ react.createRef();
-    useEffect(()=>{
-        if (formRef.current) props.onForm(formRef.current);
-    }, []);
-    return /*#__PURE__*/ react.createElement("div", {
-        className: "wby-py-lg"
-    }, /*#__PURE__*/ react.createElement(Form, {
-        ref: formRef,
-        data: props.vm.data,
-        onChange: props.onChange,
-        invalidFields: props.vm.invalidFields
-    }, ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Accordion, {
-            variant: "container",
-            background: "light"
-        }, props.vm.data.operations.map((operation, operationIndex)=>/*#__PURE__*/ react.createElement(Accordion.Item, {
-                key: `operation-${operationIndex}`,
-                title: operation.title,
-                defaultOpen: operation.open,
-                actions: /*#__PURE__*/ react.createElement(Accordion.Item.Action, {
-                    icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
-                    onClick: ()=>props.onDelete(operationIndex),
-                    disabled: !operation.canDelete
-                })
-            }, /*#__PURE__*/ react.createElement(Operation, {
-                name: `operations.${operationIndex}`,
-                operation: operation,
-                onDelete: ()=>props.onDelete(operationIndex),
-                onSetOperationFieldData: (data)=>props.onSetOperationFieldData(operationIndex, data)
-            })))), /*#__PURE__*/ react.createElement(AddOperation, {
-            disabled: !props.vm.canAddOperation,
-            onClick: ()=>props.onAdd()
-        }))));
-});
-export { BatchEditor };
-//# sourceMappingURL=BatchEditor.js.map

package/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditor.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditor.js","sources":["../../../../../../src/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditor.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\n\nimport { observer } from \"mobx-react-lite\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport type { FormAPI, FormOnSubmit } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\n\nimport { AddOperation } from \"~/presentation/FileList/components/BulkActions/BatchEditorDialog/AddOperation.js\";\nimport { Operation } from \"~/presentation/FileList/components/BulkActions/BatchEditorDialog/Operation.js\";\nimport type {\n BatchEditorDialogViewModel,\n BatchEditorFormData\n} from \"~/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditorDialogPresenter.js\";\nimport { Accordion } from \"@webiny/admin-ui\";\n\nexport interface BatchEditorProps {\n onForm: (form: FormAPI) => void;\n onAdd: () => void;\n onDelete: (operationIndex: number) => void;\n onChange: (data: BatchEditorFormData) => void;\n onSetOperationFieldData: (operationIndex: number, data: string) => void;\n onSubmit: FormOnSubmit<BatchEditorFormData>;\n vm: BatchEditorDialogViewModel;\n}\n\nexport const BatchEditor = observer((props: BatchEditorProps) => {\n const formRef = React.createRef<FormAPI>();\n\n useEffect(() => {\n if (formRef.current) {\n props.onForm(formRef.current);\n }\n }, []);\n\n return (\n <div className={\"wby-py-lg\"}>\n <Form\n ref={formRef}\n data={props.vm.data}\n onChange={props.onChange}\n invalidFields={props.vm.invalidFields}\n >\n {() => (\n <>\n <Accordion variant={\"container\"} background={\"light\"}>\n {props.vm.data.operations.map((operation, operationIndex) => (\n <Accordion.Item\n key={`operation-${operationIndex}`}\n title={operation.title}\n defaultOpen={operation.open}\n actions={\n <Accordion.Item.Action\n icon={<DeleteIcon />}\n onClick={() => props.onDelete(operationIndex)}\n disabled={!operation.canDelete}\n />\n }\n >\n <Operation\n name={`operations.${operationIndex}`}\n operation={operation}\n onDelete={() => props.onDelete(operationIndex)}\n onSetOperationFieldData={data =>\n props.onSetOperationFieldData(operationIndex, data)\n }\n />\n </Accordion.Item>\n ))}\n </Accordion>\n <AddOperation\n disabled={!props.vm.canAddOperation}\n onClick={() => props.onAdd()}\n />\n </>\n )}\n </Form>\n </div>\n );\n});\n"],"names":["BatchEditor","observer","props","formRef","React","useEffect","Form","Accordion","operation","operationIndex","DeleteIcon","Operation","data","AddOperation"],"mappings":";;;;;;;AAyBO,MAAMA,cAAcC,SAAS,CAACC;IACjC,MAAMC,UAAU,WAAVA,GAAUC,MAAAA,SAAe;IAE/BC,UAAU;QACN,IAAIF,QAAQ,OAAO,EACfD,MAAM,MAAM,CAACC,QAAQ,OAAO;IAEpC,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACG,MAAIA;QACD,KAAKH;QACL,MAAMD,MAAM,EAAE,CAAC,IAAI;QACnB,UAAUA,MAAM,QAAQ;QACxB,eAAeA,MAAM,EAAE,CAAC,aAAa;OAEpC,kBACG,wDACI,oBAACK,WAASA;YAAC,SAAS;YAAa,YAAY;WACxCL,MAAM,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAACM,WAAWC,iBAAAA,WAAAA,GACtC,oBAACF,UAAU,IAAI;gBACX,KAAK,CAAC,UAAU,EAAEE,gBAAgB;gBAClC,OAAOD,UAAU,KAAK;gBACtB,aAAaA,UAAU,IAAI;gBAC3B,uBACI,oBAACD,UAAU,IAAI,CAAC,MAAM;oBAClB,oBAAM,oBAACG,gBAAUA;oBACjB,SAAS,IAAMR,MAAM,QAAQ,CAACO;oBAC9B,UAAU,CAACD,UAAU,SAAS;;6BAItC,oBAACG,WAASA;gBACN,MAAM,CAAC,WAAW,EAAEF,gBAAgB;gBACpC,WAAWD;gBACX,UAAU,IAAMN,MAAM,QAAQ,CAACO;gBAC/B,yBAAyBG,CAAAA,OACrBV,MAAM,uBAAuB,CAACO,gBAAgBG;iCAMlE,oBAACC,cAAYA;YACT,UAAU,CAACX,MAAM,EAAE,CAAC,eAAe;YACnC,SAAS,IAAMA,MAAM,KAAK;;AAOtD"}

package/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditorDialog.d.ts DELETED Viewed

@@ -1,15 +0,0 @@
-import React from "react";
-import type { BatchDTO, FieldDTO } from "../../../../../presentation/FileList/components/BulkActions/domain/index.js";
-interface BatchEditorDialogProps {
-    fields: FieldDTO[];
-    batch: BatchDTO;
-    vm: {
-        isOpen: boolean;
-    };
-    onApply: (batch: BatchDTO) => void;
-    onClose: () => void;
-}
-export declare const BatchEditorDialog: ((props: BatchEditorDialogProps) => React.JSX.Element) & {
-    displayName: string;
-};
-export {};

package/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditorDialog.js DELETED Viewed

@@ -1,52 +0,0 @@
-import react, { useEffect, useMemo, useRef } from "react";
-import { Drawer } from "@webiny/admin-ui";
-import { observer } from "mobx-react-lite";
-import { BatchEditorDialogPresenter } from "./BatchEditorDialogPresenter.js";
-import { BatchEditor } from "./BatchEditor.js";
-const BatchEditorDialog = observer((props)=>{
-    const presenter = useMemo(()=>new BatchEditorDialogPresenter(), []);
-    const ref = useRef(null);
-    useEffect(()=>{
-        presenter.load(props.batch, props.fields);
-    }, [
-        props.batch,
-        props.fields
-    ]);
-    const onChange = (data)=>{
-        presenter.setBatch(data);
-    };
-    const onApply = ()=>{
-        ref.current?.validate().then((isValid)=>{
-            if (isValid) presenter.onApply((batch)=>{
-                props.onApply(batch);
-            });
-        });
-    };
-    return /*#__PURE__*/ react.createElement(Drawer, {
-        open: props.vm.isOpen,
-        onClose: props.onClose,
-        modal: true,
-        width: 800,
-        headerSeparator: true,
-        footerSeparator: true,
-        title: "Edit items",
-        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Drawer.CancelButton, {
-            text: "Cancel",
-            onClick: props.onClose
-        }), /*#__PURE__*/ react.createElement(Drawer.ConfirmButton, {
-            onClick: onApply,
-            text: "Submit"
-        }))
-    }, /*#__PURE__*/ react.createElement(BatchEditor, {
-        onForm: (form)=>ref.current = form,
-        onChange: (data)=>onChange(data),
-        onSubmit: onApply,
-        onDelete: (operationIndex)=>presenter.deleteOperation(operationIndex),
-        onAdd: ()=>presenter.addOperation(),
-        onSetOperationFieldData: (operationIndex, data)=>presenter.setOperationFieldData(operationIndex, data),
-        vm: presenter.vm
-    }));
-});
-export { BatchEditorDialog };
-//# sourceMappingURL=BatchEditorDialog.js.map

package/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditorDialog.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditorDialog.js","sources":["../../../../../../src/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditorDialog.tsx"],"sourcesContent":["import React, { useMemo, useEffect, useRef } from \"react\";\n\nimport { Drawer } from \"@webiny/admin-ui\";\nimport { observer } from \"mobx-react-lite\";\nimport type { FormAPI } from \"@webiny/form\";\n\nimport type { BatchEditorFormData } from \"./BatchEditorDialogPresenter.js\";\nimport { BatchEditorDialogPresenter } from \"./BatchEditorDialogPresenter.js\";\nimport { BatchEditor } from \"~/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditor.js\";\nimport type {\n BatchDTO,\n FieldDTO\n} from \"~/presentation/FileList/components/BulkActions/domain/index.js\";\n\ninterface BatchEditorDialogProps {\n fields: FieldDTO[];\n batch: BatchDTO;\n vm: {\n isOpen: boolean;\n };\n onApply: (batch: BatchDTO) => void;\n onClose: () => void;\n}\n\nexport const BatchEditorDialog = observer((props: BatchEditorDialogProps) => {\n const presenter = useMemo<BatchEditorDialogPresenter>(() => {\n return new BatchEditorDialogPresenter();\n }, []);\n\n const ref = useRef<FormAPI | null>(null);\n\n useEffect(() => {\n presenter.load(props.batch, props.fields);\n }, [props.batch, props.fields]);\n\n const onChange = (data: BatchEditorFormData) => {\n presenter.setBatch(data);\n };\n\n const onApply = () => {\n ref.current?.validate().then(isValid => {\n if (isValid) {\n presenter.onApply(batch => {\n props.onApply(batch);\n });\n }\n });\n };\n\n return (\n <Drawer\n open={props.vm.isOpen}\n onClose={props.onClose}\n modal={true}\n width={800}\n headerSeparator={true}\n footerSeparator={true}\n title={\"Edit items\"}\n actions={\n <>\n <Drawer.CancelButton text={\"Cancel\"} onClick={props.onClose} />\n <Drawer.ConfirmButton onClick={onApply} text={\"Submit\"} />\n </>\n }\n >\n <BatchEditor\n onForm={form => (ref.current = form)}\n onChange={data => onChange(data)}\n onSubmit={onApply}\n onDelete={operationIndex => presenter.deleteOperation(operationIndex)}\n onAdd={() => presenter.addOperation()}\n onSetOperationFieldData={(operationIndex, data) =>\n presenter.setOperationFieldData(operationIndex, data)\n }\n vm={presenter.vm}\n />\n </Drawer>\n );\n});\n"],"names":["BatchEditorDialog","observer","props","presenter","useMemo","BatchEditorDialogPresenter","ref","useRef","useEffect","onChange","data","onApply","isValid","batch","Drawer","BatchEditor","form","operationIndex"],"mappings":";;;;;AAwBO,MAAMA,oBAAoBC,SAAS,CAACC;IACvC,MAAMC,YAAYC,QAAoC,IAC3C,IAAIC,8BACZ,EAAE;IAEL,MAAMC,MAAMC,OAAuB;IAEnCC,UAAU;QACNL,UAAU,IAAI,CAACD,MAAM,KAAK,EAAEA,MAAM,MAAM;IAC5C,GAAG;QAACA,MAAM,KAAK;QAAEA,MAAM,MAAM;KAAC;IAE9B,MAAMO,WAAW,CAACC;QACdP,UAAU,QAAQ,CAACO;IACvB;IAEA,MAAMC,UAAU;QACZL,IAAI,OAAO,EAAE,WAAW,KAAKM,CAAAA;YACzB,IAAIA,SACAT,UAAU,OAAO,CAACU,CAAAA;gBACdX,MAAM,OAAO,CAACW;YAClB;QAER;IACJ;IAEA,OAAO,WAAP,GACI,oBAACC,QAAMA;QACH,MAAMZ,MAAM,EAAE,CAAC,MAAM;QACrB,SAASA,MAAM,OAAO;QACtB,OAAO;QACP,OAAO;QACP,iBAAiB;QACjB,iBAAiB;QACjB,OAAO;QACP,uBACI,wDACI,oBAACY,OAAO,YAAY;YAAC,MAAM;YAAU,SAASZ,MAAM,OAAO;0BAC3D,oBAACY,OAAO,aAAa;YAAC,SAASH;YAAS,MAAM;;qBAItD,oBAACI,aAAWA;QACR,QAAQC,CAAAA,OAASV,IAAI,OAAO,GAAGU;QAC/B,UAAUN,CAAAA,OAAQD,SAASC;QAC3B,UAAUC;QACV,UAAUM,CAAAA,iBAAkBd,UAAU,eAAe,CAACc;QACtD,OAAO,IAAMd,UAAU,YAAY;QACnC,yBAAyB,CAACc,gBAAgBP,OACtCP,UAAU,qBAAqB,CAACc,gBAAgBP;QAEpD,IAAIP,UAAU,EAAE;;AAIhC"}

package/presentation/FileList/components/BulkActions/BatchEditorDialog/BatchEditorDialogPresenter.d.ts DELETED Viewed

@@ -1,61 +0,0 @@
-import type { BatchDTO, FieldDTO, OperationDTO, OperatorDTO } from "../../../../../presentation/FileList/components/BulkActions/domain/index.js";
-import type { FormInvalidFields } from "@webiny/form";
-export interface IBatchEditorDialogPresenter {
-    load(batch: BatchDTO, fields: FieldDTO[]): void;
-    addOperation(): void;
-    deleteOperation(operationIndex: number): void;
-    setOperationFieldData(operationIndex: number, data: string): void;
-    setBatch(data: any): void;
-    onApply(onSuccess?: (batch: BatchDTO) => void, onError?: (batch: BatchDTO) => void): void;
-    get vm(): BatchEditorDialogViewModel;
-}
-export interface BatchEditorDialogViewModel {
-    invalidFields: FormInvalidFields;
-    canAddOperation: boolean;
-    data: BatchEditorFormData;
-}
-export interface BatchEditorFormData {
-    operations: OperationFormData[];
-}
-export type OperationFormData = OperationDTO & {
-    canDelete: boolean;
-    title: string;
-    open: boolean;
-    fieldOptions: FieldDTO[];
-    operatorOptions: OperatorDTO[];
-    selectedField?: FieldDTO;
-};
-export declare class BatchEditorDialogPresenter implements IBatchEditorDialogPresenter {
-    private batch;
-    private fields;
-    private invalidFields;
-    private formWasSubmitted;
-    constructor();
-    load(batch: BatchDTO, fields: FieldDTO[]): void;
-    get vm(): {
-        invalidFields: FormInvalidFields;
-        canAddOperation: boolean;
-        data: {
-            operations: {
-                title: string;
-                open: boolean;
-                field: string;
-                operator: string;
-                value: Record<string, any> | undefined;
-                canDelete: boolean;
-                fieldOptions: FieldDTO[];
-                selectedField: FieldDTO | undefined;
-                operatorOptions: OperatorDTO[];
-            }[];
-        };
-    };
-    addOperation(): void;
-    deleteOperation(operationIndex: number): void;
-    setOperationFieldData(batchIndex: number, data: string): void;
-    setBatch(data: BatchEditorFormData): void;
-    onApply(onSuccess?: (batch: BatchDTO) => void, onError?: (batch: BatchDTO, invalidFields: BatchEditorDialogViewModel["invalidFields"]) => void): void;
-    private getOperations;
-    private getOperationTitle;
-    private getFieldOptions;
-    private validateBatch;
-}