@webiny/app-file-manager 6.3.0-beta.4 → 6.4.0-beta.0

package/modules/HeadlessCms/fileRenderer/fileField.js

@@ -1,71 +1,53 @@
-import React from "react";
+import react from "react";
 import { FileManager } from "@webiny/app-admin";
 import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
 import { FilePicker } from "@webiny/admin-ui";
-import { EditFileUsingUrl } from "../../../components/EditFileUsingUrl/index.js";
 import { getSupportedExtensionsLabelHint } from "./utils.js";
-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 {
-      value,
-      onChange,
-      validation
-    } = bind;
-    return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(EditFileUsingUrl, {
-      onSetFile: file => bind.onChange(file.src)
-    }, ({
-      editFile
-    }) => /*#__PURE__*/React.createElement(FileManager, {
-      images: imagesOnly,
-      render: ({
-        showFileManager
-      }) => {
-        return /*#__PURE__*/React.createElement(FilePicker, Object.assign({}, bind, {
-          disabled: disabled,
-          label: field.label,
-          validation: validation,
-          description: field.description,
-          hint: field.help,
-          note: getSupportedExtensionsLabelHint(imagesOnly),
-          value: value,
-          onSelectItem: () => {
-            showFileManager(file => onChange(file.src));
-          },
-          onEditItem: () => editFile(value),
-          onRemoveItem: () => onChange(null),
-          placeholder: field.placeholder,
-          type: "compact",
-          "data-testid": `fr.input.filefield.${field.label}`
+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 { value, onChange, validation } = bind;
+        return /*#__PURE__*/ react.createElement(Bind.ValidationContainer, null, /*#__PURE__*/ react.createElement(FileManager, {
+            images: imagesOnly,
+            render: ({ showFileManager })=>/*#__PURE__*/ react.createElement(FilePicker, {
+                    ...bind,
+                    disabled: disabled,
+                    label: field.label,
+                    validation: validation,
+                    description: field.description,
+                    hint: field.help,
+                    note: getSupportedExtensionsLabelHint(imagesOnly),
+                    value: value,
+                    onSelectItem: ()=>{
+                        showFileManager((file)=>onChange(file.src));
+                    },
+                    onRemoveItem: ()=>onChange(null),
+                    placeholder: field.placeholder,
+                    type: "compact",
+                    "data-testid": `fr.input.filefield.${field.label}`
+                })
         }));
-      }
-    })));
-  });
+    });
 };
-export const singleFile = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-file",
-  renderer: {
-    rendererName: "file-input",
-    name: "File Input",
-    description: "Enables selecting a single file via File Manager.",
-    canUse({
-      field
-    }) {
-      return field.type === "file" && !field.list;
-    },
-    render(params) {
-      return /*#__PURE__*/React.createElement(FieldRenderer, params);
+const singleFile = {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-file",
+    renderer: {
+        rendererName: "file-input",
+        name: "File Input",
+        description: "Enables selecting a single file via File Manager.",
+        canUse ({ field }) {
+            return "file" === field.type && !field.list;
+        },
+        render (params) {
+            return /*#__PURE__*/ react.createElement(FieldRenderer, params);
+        }
     }
-  }
 };
+export { singleFile };
 
 //# sourceMappingURL=fileField.js.map

package/modules/HeadlessCms/fileRenderer/fileField.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FileManager","useFieldEffectiveRules","useModelField","FilePicker","EditFileUsingUrl","getSupportedExtensionsLabelHint","FieldRenderer","getBind","field","rules","disabled","canEdit","Bind","imagesOnly","settings","createElement","bind","value","onChange","validation","ValidationContainer","onSetFile","file","src","editFile","images","render","showFileManager","Object","assign","label","description","hint","help","note","onSelectItem","onEditItem","onRemoveItem","placeholder","type","singleFile","name","renderer","rendererName","canUse","list","params"],"sources":["fileField.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n    CmsModelFieldRendererPlugin,\n    CmsModelFieldRendererProps\n} from \"@webiny/app-headless-cms/types.js\";\nimport { FileManager } from \"@webiny/app-admin\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\nimport { FilePicker } from \"@webiny/admin-ui\";\nimport { EditFileUsingUrl } from \"~/components/EditFileUsingUrl/index.js\";\nimport { getSupportedExtensionsLabelHint } from \"~/modules/HeadlessCms/fileRenderer/utils.js\";\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 { value, onChange, validation } = bind;\n\n                return (\n                    <Bind.ValidationContainer>\n                        <EditFileUsingUrl onSetFile={file => bind.onChange(file.src)}>\n                            {({ editFile }) => (\n                                <FileManager\n                                    images={imagesOnly}\n                                    render={({ showFileManager }) => {\n                                        return (\n                                            <FilePicker\n                                                {...bind}\n                                                disabled={disabled}\n                                                label={field.label}\n                                                validation={validation}\n                                                description={field.description}\n                                                hint={field.help}\n                                                note={getSupportedExtensionsLabelHint(imagesOnly)}\n                                                value={value}\n                                                onSelectItem={() => {\n                                                    showFileManager(file => onChange(file.src));\n                                                }}\n                                                onEditItem={() => editFile(value)}\n                                                onRemoveItem={() => onChange(null)}\n                                                placeholder={field.placeholder}\n                                                type={\"compact\"}\n                                                data-testid={`fr.input.filefield.${field.label}`}\n                                            />\n                                        );\n                                    }}\n                                />\n                            )}\n                        </EditFileUsingUrl>\n                    </Bind.ValidationContainer>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport const singleFile: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-file\",\n    renderer: {\n        rendererName: \"file-input\",\n        name: \"File Input\",\n        description: \"Enables selecting a single file via File Manager.\",\n        canUse({ field }) {\n            return field.type === \"file\" && !field.list;\n        },\n        render(params) {\n            return <FieldRenderer {...params} />;\n        }\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,sBAAsB,EAAEC,aAAa,QAAQ,iCAAiC;AACvF,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,gBAAgB;AACzB,SAASC,+BAA+B;AAExC,MAAMC,aAAa,GAAGA,CAAC;EAAEC;AAAoC,CAAC,KAAK;EAC/D,MAAM;IAAEC;EAAM,CAAC,GAAGN,aAAa,CAAC,CAAC;EACjC,MAAMO,KAAK,GAAGR,sBAAsB,CAACO,KAAK,CAAC;EAC3C,MAAME,QAAQ,GAAG,CAACD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACC,QAAQ;EACjD,MAAME,IAAI,GAAGL,OAAO,CAAC,CAAC;EAEtB,MAAMM,UAAU,GAAGL,KAAK,CAACM,QAAQ,IAAIN,KAAK,CAACM,QAAQ,CAACD,UAAU;EAE9D,oBACId,KAAA,CAAAgB,aAAA,CAACH,IAAI,QACAI,IAAI,IAAI;IACL,MAAM;MAAEC,KAAK;MAAEC,QAAQ;MAAEC;IAAW,CAAC,GAAGH,IAAI;IAE5C,oBACIjB,KAAA,CAAAgB,aAAA,CAACH,IAAI,CAACQ,mBAAmB,qBACrBrB,KAAA,CAAAgB,aAAA,CAACX,gBAAgB;MAACiB,SAAS,EAAEC,IAAI,IAAIN,IAAI,CAACE,QAAQ,CAACI,IAAI,CAACC,GAAG;IAAE,GACxD,CAAC;MAAEC;IAAS,CAAC,kBACVzB,KAAA,CAAAgB,aAAA,CAACf,WAAW;MACRyB,MAAM,EAAEZ,UAAW;MACnBa,MAAM,EAAEA,CAAC;QAAEC;MAAgB,CAAC,KAAK;QAC7B,oBACI5B,KAAA,CAAAgB,aAAA,CAACZ,UAAU,EAAAyB,MAAA,CAAAC,MAAA,KACHb,IAAI;UACRN,QAAQ,EAAEA,QAAS;UACnBoB,KAAK,EAAEtB,KAAK,CAACsB,KAAM;UACnBX,UAAU,EAAEA,UAAW;UACvBY,WAAW,EAAEvB,KAAK,CAACuB,WAAY;UAC/BC,IAAI,EAAExB,KAAK,CAACyB,IAAK;UACjBC,IAAI,EAAE7B,+BAA+B,CAACQ,UAAU,CAAE;UAClDI,KAAK,EAAEA,KAAM;UACbkB,YAAY,EAAEA,CAAA,KAAM;YAChBR,eAAe,CAACL,IAAI,IAAIJ,QAAQ,CAACI,IAAI,CAACC,GAAG,CAAC,CAAC;UAC/C,CAAE;UACFa,UAAU,EAAEA,CAAA,KAAMZ,QAAQ,CAACP,KAAK,CAAE;UAClCoB,YAAY,EAAEA,CAAA,KAAMnB,QAAQ,CAAC,IAAI,CAAE;UACnCoB,WAAW,EAAE9B,KAAK,CAAC8B,WAAY;UAC/BC,IAAI,EAAE,SAAU;UAChB,eAAa,sBAAsB/B,KAAK,CAACsB,KAAK;QAAG,EACpD,CAAC;MAEV;IAAE,CACL,CAES,CACI,CAAC;EAEnC,CACE,CAAC;AAEf,CAAC;AAED,OAAO,MAAMU,UAAuC,GAAG;EACnDD,IAAI,EAAE,2BAA2B;EACjCE,IAAI,EAAE,gCAAgC;EACtCC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAE,YAAY;IAClBV,WAAW,EAAE,mDAAmD;IAChEa,MAAMA,CAAC;MAAEpC;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAAC+B,IAAI,KAAK,MAAM,IAAI,CAAC/B,KAAK,CAACqC,IAAI;IAC/C,CAAC;IACDnB,MAAMA,CAACoB,MAAM,EAAE;MACX,oBAAO/C,KAAA,CAAAgB,aAAA,CAACT,aAAa,EAAKwC,MAAS,CAAC;IACxC;EACJ;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/HeadlessCms/fileRenderer/fileField.js","sources":["../../../../src/modules/HeadlessCms/fileRenderer/fileField.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n    CmsModelFieldRendererPlugin,\n    CmsModelFieldRendererProps\n} from \"@webiny/app-headless-cms/types.js\";\nimport { FileManager } from \"@webiny/app-admin\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\nimport { FilePicker } from \"@webiny/admin-ui\";\nimport { getSupportedExtensionsLabelHint } from \"~/modules/HeadlessCms/fileRenderer/utils.js\";\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 { value, onChange, validation } = bind;\n\n                return (\n                    <Bind.ValidationContainer>\n                        <FileManager\n                            images={imagesOnly}\n                            render={({ showFileManager }) => {\n                                return (\n                                    <FilePicker\n                                        {...bind}\n                                        disabled={disabled}\n                                        label={field.label}\n                                        validation={validation}\n                                        description={field.description}\n                                        hint={field.help}\n                                        note={getSupportedExtensionsLabelHint(imagesOnly)}\n                                        value={value}\n                                        onSelectItem={() => {\n                                            showFileManager(file => onChange(file.src));\n                                        }}\n                                        onRemoveItem={() => onChange(null)}\n                                        placeholder={field.placeholder}\n                                        type={\"compact\"}\n                                        data-testid={`fr.input.filefield.${field.label}`}\n                                    />\n                                );\n                            }}\n                        />\n                    </Bind.ValidationContainer>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport const singleFile: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-file\",\n    renderer: {\n        rendererName: \"file-input\",\n        name: \"File Input\",\n        description: \"Enables selecting a single file via File Manager.\",\n        canUse({ field }) {\n            return field.type === \"file\" && !field.list;\n        },\n        render(params) {\n            return <FieldRenderer {...params} />;\n        }\n    }\n};\n"],"names":["FieldRenderer","getBind","field","useModelField","rules","useFieldEffectiveRules","disabled","Bind","imagesOnly","bind","value","onChange","validation","FileManager","showFileManager","FilePicker","getSupportedExtensionsLabelHint","file","singleFile","params"],"mappings":";;;;;AAUA,MAAMA,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,KAAK,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAGH;QAExC,OAAO,WAAP,GACI,oBAACF,KAAK,mBAAmB,sBACrB,oBAACM,aAAWA;YACR,QAAQL;YACR,QAAQ,CAAC,EAAEM,eAAe,EAAE,GACjB,WAAP,GACI,oBAACC,YAAUA;oBACN,GAAGN,IAAI;oBACR,UAAUH;oBACV,OAAOJ,MAAM,KAAK;oBAClB,YAAYU;oBACZ,aAAaV,MAAM,WAAW;oBAC9B,MAAMA,MAAM,IAAI;oBAChB,MAAMc,gCAAgCR;oBACtC,OAAOE;oBACP,cAAc;wBACVI,gBAAgBG,CAAAA,OAAQN,SAASM,KAAK,GAAG;oBAC7C;oBACA,cAAc,IAAMN,SAAS;oBAC7B,aAAaT,MAAM,WAAW;oBAC9B,MAAM;oBACN,eAAa,CAAC,mBAAmB,EAAEA,MAAM,KAAK,EAAE;;;IAO5E;AAGZ;AAEO,MAAMgB,aAA0C;IACnD,MAAM;IACN,MAAM;IACN,UAAU;QACN,cAAc;QACd,MAAM;QACN,aAAa;QACb,QAAO,EAAEhB,KAAK,EAAE;YACZ,OAAOA,AAAe,WAAfA,MAAM,IAAI,IAAe,CAACA,MAAM,IAAI;QAC/C;QACA,QAAOiB,MAAM;YACT,OAAO,WAAP,GAAO,oBAACnB,eAAkBmB;QAC9B;IACJ;AACJ"}

package/modules/HeadlessCms/fileRenderer/fileFields.js

@@ -1,105 +1,73 @@
-import React, { useRef } from "react";
-import dotProp from "dot-prop-immutable";
+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 { EditFileUsingUrl } from "../../../components/EditFileUsingUrl/index.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 editFileRef = useRef(null);
-  const imagesOnly = field.settings && field.settings.imagesOnly;
-  const onSetFile = bind => {
-    return file => {
-      if (!editFileRef.current) {
-        return;
-      }
-      const newValue = [...bind.value];
-      bind.onChange([...newValue.slice(0, editFileRef.current.index), file.src, ...newValue.slice(editFileRef.current.index + 1)]);
-      editFileRef.current = null;
-    };
-  };
-  return /*#__PURE__*/React.createElement(Bind, null, bind => {
-    const {
-      onChange,
-      validation
-    } = bind;
-
-    // We need to make sure the value is an array, since this is a multi-value component.
-    const values = (Array.isArray(bind.value) ? bind.value : [bind.value]).filter(Boolean);
-    return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(EditFileUsingUrl, {
-      onSetFile: onSetFile(bind)
-    }, ({
-      editFile
-    }) => /*#__PURE__*/React.createElement(FileManager, {
-      multiple: true,
-      images: imagesOnly,
-      render: ({
-        showFileManager
-      }) => {
-        const selectFiles = (index = -1) => {
-          showFileManager(files => {
-            const urls = files.map(f => f.src);
-            if (index === -1) {
-              onChange([...values, ...urls]);
-            } else {
-              onChange([...values.slice(0, index), ...urls, ...values.slice(index + 1)]);
-            }
-          });
-        };
-        return /*#__PURE__*/React.createElement(MultiFilePicker, Object.assign({}, 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(dotProp.delete(values, index)),
-          onEditItem: (value, index) => {
-            if (!value) {
-              return;
+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}`
+                });
             }
-            editFileRef.current = {
-              index,
-              url: value.url
-            };
-            editFile(value.url);
-          },
-          placeholder: field.placeholder,
-          type: "compact",
-          "data-testid": `fr.input.filefields.${field.label}`
         }));
-      }
-    })));
-  });
+    });
 };
-export 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 field.type === "file" && !!field.list;
-    },
-    render(props) {
-      return /*#__PURE__*/React.createElement(FieldRenderer, props);
+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

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","dotProp","i18n","FileManager","getSupportedExtensionsLabelHint","EditFileUsingUrl","MultiFilePicker","useFieldEffectiveRules","useModelField","t","ns","FieldRenderer","getBind","field","rules","disabled","canEdit","Bind","editFileRef","imagesOnly","settings","onSetFile","bind","file","current","newValue","value","onChange","slice","index","src","createElement","validation","values","Array","isArray","filter","Boolean","ValidationContainer","editFile","multiple","images","render","showFileManager","selectFiles","files","urls","map","f","Object","assign","label","description","note","onSelectItem","onReplaceItem","_","onRemoveItem","delete","onEditItem","url","placeholder","type","multipleFiles","name","renderer","rendererName","canUse","list","props"],"sources":["fileFields.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport dotProp from \"dot-prop-immutable\";\nimport type {\n    BindComponentRenderProp,\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 { EditFileUsingUrl } from \"~/components/EditFileUsingUrl/index.js\";\nimport type { FileItem } from \"~/types.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\ninterface EditFileRef {\n    index: number;\n    url: string;\n}\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    const editFileRef = useRef<EditFileRef | null>(null);\n\n    const imagesOnly = field.settings && field.settings.imagesOnly;\n\n    const onSetFile = (bind: BindComponentRenderProp) => {\n        return (file: FileItem) => {\n            if (!editFileRef.current) {\n                return;\n            }\n\n            const newValue = [...bind.value];\n            bind.onChange([\n                ...newValue.slice(0, editFileRef.current.index),\n                file.src,\n                ...newValue.slice(editFileRef.current.index + 1)\n            ]);\n\n            editFileRef.current = null;\n        };\n    };\n\n    return (\n        <Bind>\n            {bind => {\n                const { onChange, validation } = bind;\n\n                // We need to make sure the value is an array, since this is a multi-value component.\n                const values: string[] = (\n                    Array.isArray(bind.value) ? bind.value : [bind.value]\n                ).filter(Boolean);\n\n                return (\n                    <Bind.ValidationContainer>\n                        <EditFileUsingUrl onSetFile={onSetFile(bind)}>\n                            {({ editFile }) => (\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                                                onEditItem={(value, index) => {\n                                                    if (!value) {\n                                                        return;\n                                                    }\n\n                                                    editFileRef.current = {\n                                                        index,\n                                                        url: value.url\n                                                    };\n\n                                                    editFile(value.url);\n                                                }}\n                                                placeholder={field.placeholder}\n                                                type={\"compact\"}\n                                                data-testid={`fr.input.filefields.${field.label}`}\n                                            />\n                                        );\n                                    }}\n                                />\n                            )}\n                        </EditFileUsingUrl>\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"],"mappings":"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","ignoreList":[]}
+{"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.js

@@ -1,6 +1,15 @@
-export const imagePlugins = [".jpg", ".jpeg", ".tif", ".gif", ".png", ".svg", ".webp", "bmp", "svg"];
-export const getSupportedExtensionsLabelHint = imagesOnly => {
-  return imagesOnly ? `Supported files extensions: ${imagePlugins.filter(Boolean).join(", ")}.` : null;
-};
+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

@@ -1 +1 @@
-{"version":3,"names":["imagePlugins","getSupportedExtensionsLabelHint","imagesOnly","filter","Boolean","join"],"sources":["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"],"mappings":"AAAA,OAAO,MAAMA,YAAY,GAAG,CACxB,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,CACR;AAED,OAAO,MAAMC,+BAA+B,GAAIC,UAAoB,IAAK;EACrE,OAAOA,UAAU,GACX,+BAA+BF,YAAY,CAACG,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC,GAAG,GACzE,IAAI;AACd,CAAC","ignoreList":[]}
+{"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.js

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

package/modules/HeadlessCms/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","plugins","fileField","singleFile","multipleFiles","HeadlessCmsModule","register"],"sources":["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"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,SAAS;AAClB,SAASC,UAAU;AACnB,SAASC,aAAa;AAEtB,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACnCL,SAAS,CAAC,MAAM;IACZC,OAAO,CAACK,QAAQ,CAACJ,SAAS,EAAEC,UAAU,EAAEC,aAAa,CAAC;EAC1D,CAAC,CAAC;EAEF,OAAO,IAAI;AACf,CAAC","ignoreList":[]}
+{"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/SecurityPermissions.js

@@ -1,18 +1,15 @@
-import React from "react";
+import react from "react";
 import { AdminConfig } from "@webiny/app-admin";
-import { ReactComponent as PermissionsIcon } from "@webiny/icons/folder_open.svg";
+import { ReactComponent } from "@webiny/icons/folder_open.svg";
 import { FM_PERMISSIONS_SCHEMA } from "../domain/permissionsSchema.js";
-const {
-  Security
-} = AdminConfig;
-export const SecurityPermissions = () => {
-  return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(Security.Permissions, {
-    name: "file-manager",
-    title: "File Manager",
-    description: "Manage File Manager permissions.",
-    icon: /*#__PURE__*/React.createElement(PermissionsIcon, null),
-    schema: FM_PERMISSIONS_SCHEMA
-  }));
-};
+const { Security: Security } = AdminConfig;
+const SecurityPermissions = ()=>/*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(Security.Permissions, {
+        name: "file-manager",
+        title: "File Manager",
+        description: "Manage File Manager permissions.",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        schema: FM_PERMISSIONS_SCHEMA
+    }));
+export { SecurityPermissions };
 
 //# sourceMappingURL=SecurityPermissions.js.map

package/modules/SecurityPermissions.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","AdminConfig","ReactComponent","PermissionsIcon","FM_PERMISSIONS_SCHEMA","Security","SecurityPermissions","createElement","Permissions","name","title","description","icon","schema"],"sources":["SecurityPermissions.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"@webiny/app-admin\";\nimport { ReactComponent as PermissionsIcon } from \"@webiny/icons/folder_open.svg\";\nimport { FM_PERMISSIONS_SCHEMA } from \"~/domain/permissionsSchema.js\";\n\nconst { Security } = AdminConfig;\n\nexport const SecurityPermissions = () => {\n    return (\n        <AdminConfig>\n            <Security.Permissions\n                name=\"file-manager\"\n                title=\"File Manager\"\n                description=\"Manage File Manager permissions.\"\n                icon={<PermissionsIcon />}\n                schema={FM_PERMISSIONS_SCHEMA}\n            />\n        </AdminConfig>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,cAAc,IAAIC,eAAe,QAAQ,+BAA+B;AACjF,SAASC,qBAAqB;AAE9B,MAAM;EAAEC;AAAS,CAAC,GAAGJ,WAAW;AAEhC,OAAO,MAAMK,mBAAmB,GAAGA,CAAA,KAAM;EACrC,oBACIN,KAAA,CAAAO,aAAA,CAACN,WAAW,qBACRD,KAAA,CAAAO,aAAA,CAACF,QAAQ,CAACG,WAAW;IACjBC,IAAI,EAAC,cAAc;IACnBC,KAAK,EAAC,cAAc;IACpBC,WAAW,EAAC,kCAAkC;IAC9CC,IAAI,eAAEZ,KAAA,CAAAO,aAAA,CAACJ,eAAe,MAAE,CAAE;IAC1BU,MAAM,EAAET;EAAsB,CACjC,CACQ,CAAC;AAEtB,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/SecurityPermissions.js","sources":["../../src/modules/SecurityPermissions.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"@webiny/app-admin\";\nimport { ReactComponent as PermissionsIcon } from \"@webiny/icons/folder_open.svg\";\nimport { FM_PERMISSIONS_SCHEMA } from \"~/domain/permissionsSchema.js\";\n\nconst { Security } = AdminConfig;\n\nexport const SecurityPermissions = () => {\n    return (\n        <AdminConfig>\n            <Security.Permissions\n                name=\"file-manager\"\n                title=\"File Manager\"\n                description=\"Manage File Manager permissions.\"\n                icon={<PermissionsIcon />}\n                schema={FM_PERMISSIONS_SCHEMA}\n            />\n        </AdminConfig>\n    );\n};\n"],"names":["Security","AdminConfig","SecurityPermissions","PermissionsIcon","FM_PERMISSIONS_SCHEMA"],"mappings":";;;;AAKA,MAAM,EAAEA,UAAAA,QAAQ,EAAE,GAAGC;AAEd,MAAMC,sBAAsB,IACxB,WAAP,GACI,oBAACD,aAAWA,MAAAA,WAAAA,GACR,oBAACD,SAAS,WAAW;QACjB,MAAK;QACL,OAAM;QACN,aAAY;QACZ,oBAAM,oBAACG,gBAAeA;QACtB,QAAQC"}

package/modules/Settings/assets/icons/folder-open.js

@@ -0,0 +1,19 @@
+import __rslib_svgr_url__0__ from "../../../../static/svg/folder-open.ae8d0fac.svg";
+import * as __rspack_external_react from "react";
+const SvgFolderOpen = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 24,
+        height: 24,
+        viewBox: "0 0 24 24",
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "none",
+        d: "M0 0h24v24H0z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        d: "M20 6h-8l-1.41-1.41C10.21 4.21 9.7 4 9.17 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2m-1 12H5c-.55 0-1-.45-1-1V9c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1"
+    }));
+const folder_open = __rslib_svgr_url__0__;
+export default folder_open;
+export { SvgFolderOpen as ReactComponent };
+
+//# sourceMappingURL=folder-open.js.map

package/modules/Settings/assets/icons/folder-open.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/Settings/assets/icons/folder-open.js","sources":["../../../../../src/modules/Settings/assets/icons/folder-open.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgFolderOpen = props => <svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} viewBox=\"0 0 24 24\" {...props}><path fill=\"none\" d=\"M0 0h24v24H0z\" /><path d=\"M20 6h-8l-1.41-1.41C10.21 4.21 9.7 4 9.17 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2m-1 12H5c-.55 0-1-.45-1-1V9c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1\" /></svg>;\nexport { SvgFolderOpen as ReactComponent };\nexport default \"__RSLIB_SVGR_AUTO_PUBLIC_PATH__static/svg/folder-open.ae8d0fac.svg\";"],"names":["SvgFolderOpen","props"],"mappings":";;AACA,MAAMA,gBAAgBC,CAAAA,QAAAA,WAAAA,GAAS,sCAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAa,GAAGA,KAAK;qBAAE,sCAAC;QAAK,MAAK;QAAO,GAAE;sBAAkB,sCAAC;QAAK,GAAE;;AAE3K"}

package/modules/Settings/graphql.js

@@ -1,5 +1,5 @@
-import gql from "graphql-tag";
-const fields = /* GraphQL */`
+import graphql_tag from "graphql-tag";
+const fields = `
     {
         data {
             uploadMinFileSize
@@ -15,14 +15,14 @@ const fields = /* GraphQL */`
     }
 `;
 const graphql = {
-  GET_SETTINGS: gql`
+    GET_SETTINGS: graphql_tag`
             query GetFileManagerSettings {
                 fileManager {
                     getSettings${fields}
                 }
             }
         `,
-  UPDATE_SETTINGS: gql`
+    UPDATE_SETTINGS: graphql_tag`
         mutation UpdateFileManagerSettings($data: FmSettingsInput) {
             fileManager {
                 updateSettings(data: $data) ${fields}
@@ -30,6 +30,7 @@ const graphql = {
         }
     `
 };
-export default graphql;
+const Settings_graphql = graphql;
+export default Settings_graphql;
 
 //# sourceMappingURL=graphql.js.map

package/modules/Settings/graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["gql","fields","graphql","GET_SETTINGS","UPDATE_SETTINGS"],"sources":["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"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAE7B,MAAMC,MAAM,GAAG,aAAc;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAUD,MAAMC,OAAO,GAAG;EACZC,YAAY,EAAEH,GAAG;AACrB;AACA;AACA,iCAAiCC,MAAM;AACvC;AACA;AACA,SAAS;EACLG,eAAe,EAAEJ,GAAG;AACxB;AACA;AACA,8CAA8CC,MAAM;AACpD;AACA;AACA;AACA,CAAC;AAED,eAAeC,OAAO","ignoreList":[]}
+{"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/index.js

@@ -1,32 +1,27 @@
-import React from "react";
-import { AdminConfig, useRouter, AdminLayout } from "@webiny/app-admin";
-import { HasPermission } from "@webiny/app-admin";
-import { FileManagerSettings } from "./views/FileManagerSettings.js";
+import react from "react";
+import { AdminConfig, AdminLayout, HasPermission, useRouter } from "@webiny/app-admin";
+import { SettingsView } from "../../presentation/Settings/components/SettingsView.js";
 import { Routes } from "../../routes.js";
-const {
-  Menu,
-  Route
-} = AdminConfig;
-export const SettingsModule = () => {
-  const {
-    getLink
-  } = useRouter();
-  return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(HasPermission, {
-    name: "fm.settings"
-  }, /*#__PURE__*/React.createElement(Route, {
-    route: Routes.Settings,
-    element: /*#__PURE__*/React.createElement(AdminLayout, {
-      title: "File Manager - General Settings"
-    }, /*#__PURE__*/React.createElement(FileManagerSettings, null))
-  }), /*#__PURE__*/React.createElement(Menu, {
-    parent: "settings.system",
-    name: "settings.fm",
-    element: /*#__PURE__*/React.createElement(Menu.Link, {
-      text: "File Manager",
-      to: getLink(Routes.Settings),
-      pinnable: true
-    })
-  })));
+const { Menu: Menu, Route: Route } = AdminConfig;
+const SettingsModule = ()=>{
+    const { getLink } = useRouter();
+    return /*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(HasPermission, {
+        name: "fm.settings"
+    }, /*#__PURE__*/ react.createElement(Route, {
+        route: Routes.Settings,
+        element: /*#__PURE__*/ react.createElement(AdminLayout, {
+            title: "File Manager - General Settings"
+        }, /*#__PURE__*/ react.createElement(SettingsView, null))
+    }), /*#__PURE__*/ react.createElement(Menu, {
+        parent: "settings.system",
+        name: "settings.fm",
+        element: /*#__PURE__*/ react.createElement(Menu.Link, {
+            text: "File Manager",
+            to: getLink(Routes.Settings),
+            pinnable: true
+        })
+    })));
 };
+export { SettingsModule };
 
 //# sourceMappingURL=index.js.map

package/modules/Settings/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","AdminConfig","useRouter","AdminLayout","HasPermission","FileManagerSettings","Routes","Menu","Route","SettingsModule","getLink","createElement","name","route","Settings","element","title","parent","Link","text","to","pinnable"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig, useRouter, AdminLayout } from \"@webiny/app-admin\";\nimport { HasPermission } from \"@webiny/app-admin\";\nimport { FileManagerSettings } from \"./views/FileManagerSettings.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst { Menu, Route } = AdminConfig;\n\nexport const SettingsModule = () => {\n    const { getLink } = useRouter();\n\n    return (\n        <AdminConfig>\n            <HasPermission name={\"fm.settings\"}>\n                <Route\n                    route={Routes.Settings}\n                    element={\n                        <AdminLayout title={\"File Manager - General Settings\"}>\n                            <FileManagerSettings />\n                        </AdminLayout>\n                    }\n                />\n                <Menu\n                    parent={\"settings.system\"}\n                    name={\"settings.fm\"}\n                    element={\n                        <Menu.Link\n                            text={\"File Manager\"}\n                            to={getLink(Routes.Settings)}\n                            pinnable={true}\n                        />\n                    }\n                />\n            </HasPermission>\n        </AdminConfig>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,EAAEC,SAAS,EAAEC,WAAW,QAAQ,mBAAmB;AACvE,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,mBAAmB;AAC5B,SAASC,MAAM;AAEf,MAAM;EAAEC,IAAI;EAAEC;AAAM,CAAC,GAAGP,WAAW;AAEnC,OAAO,MAAMQ,cAAc,GAAGA,CAAA,KAAM;EAChC,MAAM;IAAEC;EAAQ,CAAC,GAAGR,SAAS,CAAC,CAAC;EAE/B,oBACIF,KAAA,CAAAW,aAAA,CAACV,WAAW,qBACRD,KAAA,CAAAW,aAAA,CAACP,aAAa;IAACQ,IAAI,EAAE;EAAc,gBAC/BZ,KAAA,CAAAW,aAAA,CAACH,KAAK;IACFK,KAAK,EAAEP,MAAM,CAACQ,QAAS;IACvBC,OAAO,eACHf,KAAA,CAAAW,aAAA,CAACR,WAAW;MAACa,KAAK,EAAE;IAAkC,gBAClDhB,KAAA,CAAAW,aAAA,CAACN,mBAAmB,MAAE,CACb;EAChB,CACJ,CAAC,eACFL,KAAA,CAAAW,aAAA,CAACJ,IAAI;IACDU,MAAM,EAAE,iBAAkB;IAC1BL,IAAI,EAAE,aAAc;IACpBG,OAAO,eACHf,KAAA,CAAAW,aAAA,CAACJ,IAAI,CAACW,IAAI;MACNC,IAAI,EAAE,cAAe;MACrBC,EAAE,EAAEV,OAAO,CAACJ,MAAM,CAACQ,QAAQ,CAAE;MAC7BO,QAAQ,EAAE;IAAK,CAClB;EACJ,CACJ,CACU,CACN,CAAC;AAEtB,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/Settings/index.js","sources":["../../../src/modules/Settings/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig, useRouter, AdminLayout } from \"@webiny/app-admin\";\nimport { HasPermission } from \"@webiny/app-admin\";\nimport { SettingsView } from \"~/presentation/Settings/components/SettingsView.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst { Menu, Route } = AdminConfig;\n\nexport const SettingsModule = () => {\n    const { getLink } = useRouter();\n\n    return (\n        <AdminConfig>\n            <HasPermission name={\"fm.settings\"}>\n                <Route\n                    route={Routes.Settings}\n                    element={\n                        <AdminLayout title={\"File Manager - General Settings\"}>\n                            <SettingsView />\n                        </AdminLayout>\n                    }\n                />\n                <Menu\n                    parent={\"settings.system\"}\n                    name={\"settings.fm\"}\n                    element={\n                        <Menu.Link\n                            text={\"File Manager\"}\n                            to={getLink(Routes.Settings)}\n                            pinnable={true}\n                        />\n                    }\n                />\n            </HasPermission>\n        </AdminConfig>\n    );\n};\n"],"names":["Menu","Route","AdminConfig","SettingsModule","getLink","useRouter","HasPermission","Routes","AdminLayout","SettingsView"],"mappings":";;;;AAMA,MAAM,EAAEA,MAAAA,IAAI,EAAEC,OAAAA,KAAK,EAAE,GAAGC;AAEjB,MAAMC,iBAAiB;IAC1B,MAAM,EAAEC,OAAO,EAAE,GAAGC;IAEpB,OAAO,WAAP,GACI,oBAACH,aAAWA,MAAAA,WAAAA,GACR,oBAACI,eAAaA;QAAC,MAAM;qBACjB,oBAACL,OAAKA;QACF,OAAOM,OAAO,QAAQ;QACtB,uBACI,oBAACC,aAAWA;YAAC,OAAO;yBAChB,oBAACC,cAAYA;sBAIzB,oBAACT,MAAIA;QACD,QAAQ;QACR,MAAM;QACN,uBACI,oBAACA,KAAK,IAAI;YACN,MAAM;YACN,IAAII,QAAQG,OAAO,QAAQ;YAC3B,UAAU;;;AAOtC"}