@webiny/app-headless-cms 6.3.0 → 6.4.0-beta.0

package/admin/components/FieldEditor/EditFieldDrawerContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Drawer","i18n","FieldSettingsTabs","t","namespace","EditFieldDrawerContainer","headerTitle","shadowField","predefinedValuesTabEnabled","showValidatorsTab","isSubtypeField","onClose","onSubmit","createElement","title","open","modal","bodyPadding","footerSeparator","size","actions","Fragment","CancelButton","text","ConfirmButton","onClick"],"sources":["EditFieldDrawerContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport { Drawer } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport { FieldSettingsTabs } from \"./EditFieldDialog/FieldSettingsTabs.js\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/components/editor\");\n\nexport interface EditFieldDrawerContainerProps {\n    headerTitle: string;\n    shadowField: CmsModelField;\n    predefinedValuesTabEnabled: boolean;\n    showValidatorsTab: boolean;\n    isSubtypeField: boolean;\n    onClose: () => void;\n    onSubmit: () => void;\n}\n\nexport const EditFieldDrawerContainer = ({\n    headerTitle,\n    shadowField,\n    predefinedValuesTabEnabled,\n    showValidatorsTab,\n    isSubtypeField,\n    onClose,\n    onSubmit\n}: EditFieldDrawerContainerProps) => {\n    return (\n        <Drawer\n            title={headerTitle}\n            open={true}\n            modal={true}\n            onClose={onClose}\n            bodyPadding={false}\n            footerSeparator={true}\n            size={\"lg\"}\n            actions={\n                <>\n                    <Drawer.CancelButton\n                        text={t`Cancel`}\n                        data-testid=\"cms.editor.field.settings.cancel\"\n                    />\n                    <Drawer.ConfirmButton\n                        text={t`Save Field`}\n                        onClick={onSubmit}\n                        data-testid=\"cms.editor.field.settings.save\"\n                    />\n                </>\n            }\n            data-testid={\"cms-editor-edit-fields-dialog\"}\n        >\n            <FieldSettingsTabs\n                shadowField={shadowField}\n                predefinedValuesTabEnabled={predefinedValuesTabEnabled}\n                showValidatorsTab={showValidatorsTab}\n                isSubtypeField={isSubtypeField}\n            />\n        </Drawer>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,SAASC,iBAAiB;AAE1B,MAAMC,CAAC,GAAGF,IAAI,CAACG,SAAS,CAAC,0CAA0C,CAAC;AAYpE,OAAO,MAAMC,wBAAwB,GAAGA,CAAC;EACrCC,WAAW;EACXC,WAAW;EACXC,0BAA0B;EAC1BC,iBAAiB;EACjBC,cAAc;EACdC,OAAO;EACPC;AAC2B,CAAC,KAAK;EACjC,oBACIb,KAAA,CAAAc,aAAA,CAACb,MAAM;IACHc,KAAK,EAAER,WAAY;IACnBS,IAAI,EAAE,IAAK;IACXC,KAAK,EAAE,IAAK;IACZL,OAAO,EAAEA,OAAQ;IACjBM,WAAW,EAAE,KAAM;IACnBC,eAAe,EAAE,IAAK;IACtBC,IAAI,EAAE,IAAK;IACXC,OAAO,eACHrB,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAsB,QAAA,qBACItB,KAAA,CAAAc,aAAA,CAACb,MAAM,CAACsB,YAAY;MAChBC,IAAI,EAAEpB,CAAC,QAAS;MAChB,eAAY;IAAkC,CACjD,CAAC,eACFJ,KAAA,CAAAc,aAAA,CAACb,MAAM,CAACwB,aAAa;MACjBD,IAAI,EAAEpB,CAAC,YAAa;MACpBsB,OAAO,EAAEb,QAAS;MAClB,eAAY;IAAgC,CAC/C,CACH,CACL;IACD,eAAa;EAAgC,gBAE7Cb,KAAA,CAAAc,aAAA,CAACX,iBAAiB;IACdK,WAAW,EAAEA,WAAY;IACzBC,0BAA0B,EAAEA,0BAA2B;IACvDC,iBAAiB,EAAEA,iBAAkB;IACrCC,cAAc,EAAEA;EAAe,CAClC,CACG,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/components/FieldEditor/EditFieldDrawerContainer.js","sources":["../../../../src/admin/components/FieldEditor/EditFieldDrawerContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport { Drawer } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport { FieldSettingsTabs } from \"./EditFieldDialog/FieldSettingsTabs.js\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/components/editor\");\n\nexport interface EditFieldDrawerContainerProps {\n    headerTitle: string;\n    shadowField: CmsModelField;\n    predefinedValuesTabEnabled: boolean;\n    showValidatorsTab: boolean;\n    isSubtypeField: boolean;\n    onClose: () => void;\n    onSubmit: () => void;\n}\n\nexport const EditFieldDrawerContainer = ({\n    headerTitle,\n    shadowField,\n    predefinedValuesTabEnabled,\n    showValidatorsTab,\n    isSubtypeField,\n    onClose,\n    onSubmit\n}: EditFieldDrawerContainerProps) => {\n    return (\n        <Drawer\n            title={headerTitle}\n            open={true}\n            modal={true}\n            onClose={onClose}\n            bodyPadding={false}\n            footerSeparator={true}\n            size={\"lg\"}\n            actions={\n                <>\n                    <Drawer.CancelButton\n                        text={t`Cancel`}\n                        data-testid=\"cms.editor.field.settings.cancel\"\n                    />\n                    <Drawer.ConfirmButton\n                        text={t`Save Field`}\n                        onClick={onSubmit}\n                        data-testid=\"cms.editor.field.settings.save\"\n                    />\n                </>\n            }\n            data-testid={\"cms-editor-edit-fields-dialog\"}\n        >\n            <FieldSettingsTabs\n                shadowField={shadowField}\n                predefinedValuesTabEnabled={predefinedValuesTabEnabled}\n                showValidatorsTab={showValidatorsTab}\n                isSubtypeField={isSubtypeField}\n            />\n        </Drawer>\n    );\n};\n"],"names":["t","i18n","EditFieldDrawerContainer","headerTitle","shadowField","predefinedValuesTabEnabled","showValidatorsTab","isSubtypeField","onClose","onSubmit","Drawer","FieldSettingsTabs"],"mappings":";;;;AAMA,MAAMA,IAAIC,KAAK,SAAS,CAAC;AAYlB,MAAMC,2BAA2B,CAAC,EACrCC,WAAW,EACXC,WAAW,EACXC,0BAA0B,EAC1BC,iBAAiB,EACjBC,cAAc,EACdC,OAAO,EACPC,QAAQ,EACoB,GACrB,WAAP,GACI,oBAACC,QAAMA;QACH,OAAOP;QACP,MAAM;QACN,OAAO;QACP,SAASK;QACT,aAAa;QACb,iBAAiB;QACjB,MAAM;QACN,uBACI,wDACI,oBAACE,OAAO,YAAY;YAChB,MAAMV,CAAC,CAAC,MAAM,CAAC;YACf,eAAY;0BAEhB,oBAACU,OAAO,aAAa;YACjB,MAAMV,CAAC,CAAC,UAAU,CAAC;YACnB,SAASS;YACT,eAAY;;QAIxB,eAAa;qBAEb,oBAACE,mBAAiBA;QACd,aAAaP;QACb,4BAA4BC;QAC5B,mBAAmBC;QACnB,gBAAgBC"}

package/admin/components/FieldEditor/Field.js

@@ -1,226 +1,202 @@
-import React, { Fragment, useCallback, useMemo } from "react";
+import react, { Fragment, useCallback, useMemo } from "react";
 import capitalize from "lodash/capitalize.js";
-import { ReactComponent as EditIcon } from "@webiny/icons/edit.svg";
-import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
-import { ReactComponent as TitleIcon } from "@webiny/icons/title.svg";
-import { ReactComponent as MoreVerticalIcon } from "@webiny/icons/more_vert.svg";
+import { ReactComponent } from "@webiny/icons/edit.svg";
+import { ReactComponent as delete_svg_ReactComponent } from "@webiny/icons/delete.svg";
+import { ReactComponent as title_svg_ReactComponent } from "@webiny/icons/title.svg";
+import { ReactComponent as more_vert_svg_ReactComponent } from "@webiny/icons/more_vert.svg";
 import { plugins } from "@webiny/plugins";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { useModelEditor } from "../../hooks/index.js";
 import { useModelFieldEditor } from "./useModelFieldEditor.js";
 import { useSnackbar } from "@webiny/app-admin";
-import { IconButton, Heading, Text, DropdownMenu, Tag } from "@webiny/admin-ui";
+import { DropdownMenu, Heading, IconButton, Tag, Text } from "@webiny/admin-ui";
 const t = i18n.ns("app-headless-cms/admin/components/editor/field");
-const allowedTitleFieldTypes = ["text", "number"];
-const isFieldAllowedToBeTitle = (model, field, parent) => {
-  if (field.list || parent) {
-    return false;
-  } else if (allowedTitleFieldTypes.includes(field.type) === false) {
-    return false;
-  } else if (model.titleFieldId === field.fieldId) {
-    return false;
-  }
-  return true;
+const allowedTitleFieldTypes = [
+    "text",
+    "number"
+];
+const isFieldAllowedToBeTitle = (model, field, parent)=>{
+    if (field.list || parent) return false;
+    if (false === allowedTitleFieldTypes.includes(field.type)) return false;
+    if (model.titleFieldId === field.fieldId) return false;
+    return true;
 };
-const isFieldAllowedToBeDescription = (model, field, parent) => {
-  if (field.list || parent) {
-    return false;
-  } else if (model.descriptionFieldId === field.fieldId) {
-    return false;
-  }
-  return field.type === "long-text";
+const isFieldAllowedToBeDescription = (model, field, parent)=>{
+    if (field.list || parent) return false;
+    if (model.descriptionFieldId === field.fieldId) return false;
+    return "long-text" === field.type;
 };
-const isFieldAllowedToBeImage = (model, field, parent) => {
-  if (field.list || parent) {
-    return false;
-  } else if (model.imageFieldId === field.fieldId) {
-    return false;
-  }
-  return field.type === "file" && field.settings?.imagesOnly;
+const isFieldAllowedToBeImage = (model, field, parent)=>{
+    if (field.list || parent) return false;
+    if (model.imageFieldId === field.fieldId) return false;
+    return "file" === field.type && field.settings?.imagesOnly;
 };
-const getFieldTypeName = (model, field, parent) => {
-  if (parent) {
-    return null;
-  }
-  const isTitleField = field.fieldId === model?.titleFieldId && !parent;
-  const isDescriptionField = field.fieldId === model?.descriptionFieldId && !parent;
-  const isImageField = field.fieldId === model?.imageFieldId && !parent;
-  return [isTitleField ? "entry title" : null, isDescriptionField ? "entry description" : null, isImageField ? "entry image" : null].filter(Boolean).join("") || null;
+const getFieldTypeName = (model, field, parent)=>{
+    if (parent) return null;
+    const isTitleField = field.fieldId === model?.titleFieldId && !parent;
+    const isDescriptionField = field.fieldId === model?.descriptionFieldId && !parent;
+    const isImageField = field.fieldId === model?.imageFieldId && !parent;
+    return [
+        isTitleField ? "entry title" : null,
+        isDescriptionField ? "entry description" : null,
+        isImageField ? "entry image" : null
+    ].filter(Boolean).join("") || null;
 };
-const Field = props => {
-  const {
-    field,
-    onEdit,
-    parent
-  } = props;
-  const {
-    showSnackbar,
-    showErrorSnackbar
-  } = useSnackbar();
-  const {
-    setData: setModel,
-    data: model
-  } = useModelEditor();
-  const {
-    getFieldPlugin,
-    getFieldRendererPlugin
-  } = useModelFieldEditor();
-  const removeFieldFromSelected = useCallback(async () => {
-    if (model.titleFieldId === field.fieldId) {
-      await setModel(data => {
-        return {
-          ...data,
-          titleFieldId: null
+const Field = (props)=>{
+    const { field, onEdit, parent } = props;
+    const { showSnackbar, showErrorSnackbar } = useSnackbar();
+    const { setData: setModel, data: model } = useModelEditor();
+    const { getFieldPlugin, getFieldRendererPlugin } = useModelFieldEditor();
+    const removeFieldFromSelected = useCallback(async ()=>{
+        if (model.titleFieldId === field.fieldId) await setModel((data)=>({
+                ...data,
+                titleFieldId: null
+            }));
+        else if (model.descriptionFieldId === field.fieldId) await setModel((data)=>({
+                ...data,
+                descriptionFieldId: null
+            }));
+        else if (model.imageFieldId === field.fieldId) await setModel((data)=>({
+                ...data,
+                imageFieldId: null
+            }));
+    }, [
+        field.id,
+        setModel,
+        model
+    ]);
+    const onDelete = useCallback(async ()=>{
+        await removeFieldFromSelected();
+        props.onDelete(field);
+    }, [
+        field.fieldId
+    ]);
+    const setAsTitle = useCallback(async ()=>{
+        const response = await setModel((data)=>({
+                ...data,
+                titleFieldId: field.fieldId
+            }));
+        if (response && response.error) return showErrorSnackbar(response.error.message);
+        showSnackbar(t`Title field set successfully.`);
+    }, [
+        field.fieldId,
+        setModel
+    ]);
+    const setAsDescription = useCallback(async ()=>{
+        const response = await setModel((data)=>({
+                ...data,
+                descriptionFieldId: field.fieldId
+            }));
+        if (response && response.error) return showErrorSnackbar(response.error.message);
+        showSnackbar(t`Description field set successfully.`);
+    }, [
+        field.fieldId,
+        setModel
+    ]);
+    const setAsImage = useCallback(async ()=>{
+        const response = await setModel((data)=>({
+                ...data,
+                imageFieldId: field.fieldId
+            }));
+        if (response && response.error) return showErrorSnackbar(response.error.message);
+        showSnackbar(t`Image field set successfully.`);
+    }, [
+        field.fieldId,
+        setModel
+    ]);
+    const fieldPlugin = getFieldPlugin(field.type);
+    const editorFieldOptionPlugins = plugins.byType("cms-editor-field-option");
+    if (!fieldPlugin) return null;
+    const rendererPlugin = getFieldRendererPlugin(field.renderer.name);
+    const canEdit = false !== fieldPlugin.field.canEditSettings;
+    const defaultInformationRenderer = useMemo(()=>{
+        const fieldTypeName = getFieldTypeName(model, field, parent);
+        const fn = ()=>{
+            if (!fieldTypeName) return null;
+            return /*#__PURE__*/ react.createElement(Tag, {
+                content: capitalize(fieldTypeName),
+                variant: "neutral-base"
+            });
         };
-      });
-    } else if (model.descriptionFieldId === field.fieldId) {
-      await setModel(data => {
-        return {
-          ...data,
-          descriptionFieldId: null
-        };
-      });
-    } else if (model.imageFieldId === field.fieldId) {
-      await setModel(data => {
-        return {
-          ...data,
-          imageFieldId: null
-        };
-      });
-    }
-  }, [field.id, setModel, model]);
-  const onDelete = useCallback(async () => {
-    await removeFieldFromSelected();
-    props.onDelete(field);
-    return;
-  }, [field.fieldId]);
-  const setAsTitle = useCallback(async () => {
-    const response = await setModel(data => {
-      return {
-        ...data,
-        titleFieldId: field.fieldId
-      };
-    });
-    if (response && response.error) {
-      return showErrorSnackbar(response.error.message);
-    }
-    showSnackbar(t`Title field set successfully.`);
-  }, [field.fieldId, setModel]);
-  const setAsDescription = useCallback(async () => {
-    const response = await setModel(data => {
-      return {
-        ...data,
-        descriptionFieldId: field.fieldId
-      };
-    });
-    if (response && response.error) {
-      return showErrorSnackbar(response.error.message);
-    }
-    showSnackbar(t`Description field set successfully.`);
-  }, [field.fieldId, setModel]);
-  const setAsImage = useCallback(async () => {
-    const response = await setModel(data => {
-      return {
-        ...data,
-        imageFieldId: field.fieldId
-      };
-    });
-    if (response && response.error) {
-      return showErrorSnackbar(response.error.message);
-    }
-    showSnackbar(t`Image field set successfully.`);
-  }, [field.fieldId, setModel]);
-  const fieldPlugin = getFieldPlugin(field.type);
-  const editorFieldOptionPlugins = plugins.byType("cms-editor-field-option");
-  if (!fieldPlugin) {
-    return null;
-  }
-  const rendererPlugin = getFieldRendererPlugin(field.renderer.name);
-  const canEdit = fieldPlugin.field.canEditSettings !== false;
-  const defaultInformationRenderer = useMemo(() => {
-    const fieldTypeName = getFieldTypeName(model, field, parent);
-    const fn = () => {
-      if (!fieldTypeName) {
-        return null;
-      }
-      return /*#__PURE__*/React.createElement(Tag, {
-        content: capitalize(fieldTypeName),
-        variant: "neutral-base"
-      });
-    };
-    fn.displayName = "FieldTypeRenderer";
-    return fn;
-  }, [field.id]);
-  const fieldInformationRenderer = fieldPlugin.field?.renderInfo;
-  const info = [rendererPlugin?.renderer.name, field.list ? "multiple values" : null].filter(Boolean).join(", ");
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-between align-center"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, {
-    level: 6
-  }, field.label), /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    className: "text-neutral-strong"
-  }, fieldPlugin.field.label, info && /*#__PURE__*/React.createElement("span", {
-    className: "lowercase"
-  }, " (", info, ")"))), /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center justify-end gap-sm"
-  }, fieldInformationRenderer ? fieldInformationRenderer({
-    model,
-    field
-  }) : defaultInformationRenderer(), canEdit ? /*#__PURE__*/React.createElement(IconButton, {
-    "data-testid": "cms.editor.edit-field",
-    icon: /*#__PURE__*/React.createElement(EditIcon, null),
-    onClick: () => onEdit(field),
-    variant: "ghost",
-    size: "sm"
-  }) : null, /*#__PURE__*/React.createElement(DropdownMenu, {
-    trigger: /*#__PURE__*/React.createElement(IconButton, {
-      icon: /*#__PURE__*/React.createElement(MoreVerticalIcon, null),
-      variant: "ghost",
-      size: "sm"
-    })
-  }, editorFieldOptionPlugins.map(pl => /*#__PURE__*/React.cloneElement(pl.render(), {
-    key: pl.name
-  })), /*#__PURE__*/React.createElement(DropdownMenu.Item, {
-    disabled: !isFieldAllowedToBeTitle(model, field, parent),
-    onClick: setAsTitle,
-    text: t`Use as title`,
-    icon: /*#__PURE__*/React.createElement(DropdownMenu.Item.Icon, {
-      element: /*#__PURE__*/React.createElement(TitleIcon, null),
-      label: t`Use as title`
-    })
-  }), /*#__PURE__*/React.createElement(DropdownMenu.Item, {
-    disabled: !isFieldAllowedToBeDescription(model, field, parent),
-    onClick: setAsDescription,
-    text: t`Use as description`,
-    icon: /*#__PURE__*/React.createElement(DropdownMenu.Item.Icon, {
-      element: /*#__PURE__*/React.createElement(TitleIcon, null),
-      label: t`Use as description`
-    })
-  }), /*#__PURE__*/React.createElement(DropdownMenu.Item, {
-    disabled: !isFieldAllowedToBeImage(model, field, parent),
-    onClick: setAsImage,
-    text: t`Use as image`,
-    icon: /*#__PURE__*/React.createElement(DropdownMenu.Item.Icon, {
-      element: /*#__PURE__*/React.createElement(TitleIcon, null),
-      label: t`Use as image`
-    })
-  }), /*#__PURE__*/React.createElement(DropdownMenu.Item, {
-    onClick: onDelete,
-    text: t`Delete`,
-    icon: /*#__PURE__*/React.createElement(DropdownMenu.Item.Icon, {
-      element: /*#__PURE__*/React.createElement(DeleteIcon, null),
-      label: t`Delete`
-    }),
-    className: "text-destructive-primary! [&_svg]:fill-destructive"
-  })))), fieldPlugin.field.render && /*#__PURE__*/React.createElement("div", {
-    className: "pt-md"
-  }, fieldPlugin.field.render({
-    field,
-    data: model,
-    setData: setModel
-  })));
+        fn.displayName = "FieldTypeRenderer";
+        return fn;
+    }, [
+        field.id
+    ]);
+    const fieldInformationRenderer = fieldPlugin.field?.renderInfo;
+    const info = [
+        rendererPlugin?.renderer.name,
+        field.list ? "multiple values" : null
+    ].filter(Boolean).join(", ");
+    return /*#__PURE__*/ react.createElement(Fragment, null, /*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-between align-center"
+    }, /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(Heading, {
+        level: 6
+    }, field.label), /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "text-neutral-strong"
+    }, fieldPlugin.field.label, info && /*#__PURE__*/ react.createElement("span", {
+        className: "lowercase"
+    }, " (", info, ")"))), /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-end gap-sm"
+    }, fieldInformationRenderer ? fieldInformationRenderer({
+        model,
+        field
+    }) : defaultInformationRenderer(), canEdit ? /*#__PURE__*/ react.createElement(IconButton, {
+        "data-testid": "cms.editor.edit-field",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onClick: ()=>onEdit(field),
+        variant: "ghost",
+        size: "sm"
+    }) : null, /*#__PURE__*/ react.createElement(DropdownMenu, {
+        trigger: /*#__PURE__*/ react.createElement(IconButton, {
+            icon: /*#__PURE__*/ react.createElement(more_vert_svg_ReactComponent, null),
+            variant: "ghost",
+            size: "sm"
+        })
+    }, editorFieldOptionPlugins.map((pl)=>/*#__PURE__*/ react.cloneElement(pl.render(), {
+            key: pl.name
+        })), /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+        disabled: !isFieldAllowedToBeTitle(model, field, parent),
+        onClick: setAsTitle,
+        text: t`Use as title`,
+        icon: /*#__PURE__*/ react.createElement(DropdownMenu.Item.Icon, {
+            element: /*#__PURE__*/ react.createElement(title_svg_ReactComponent, null),
+            label: t`Use as title`
+        })
+    }), /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+        disabled: !isFieldAllowedToBeDescription(model, field, parent),
+        onClick: setAsDescription,
+        text: t`Use as description`,
+        icon: /*#__PURE__*/ react.createElement(DropdownMenu.Item.Icon, {
+            element: /*#__PURE__*/ react.createElement(title_svg_ReactComponent, null),
+            label: t`Use as description`
+        })
+    }), /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+        disabled: !isFieldAllowedToBeImage(model, field, parent),
+        onClick: setAsImage,
+        text: t`Use as image`,
+        icon: /*#__PURE__*/ react.createElement(DropdownMenu.Item.Icon, {
+            element: /*#__PURE__*/ react.createElement(title_svg_ReactComponent, null),
+            label: t`Use as image`
+        })
+    }), /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+        onClick: onDelete,
+        text: t`Delete`,
+        icon: /*#__PURE__*/ react.createElement(DropdownMenu.Item.Icon, {
+            element: /*#__PURE__*/ react.createElement(delete_svg_ReactComponent, null),
+            label: t`Delete`
+        }),
+        className: "text-destructive-primary! [&_svg]:fill-destructive"
+    })))), fieldPlugin.field.render && /*#__PURE__*/ react.createElement("div", {
+        className: "pt-md"
+    }, fieldPlugin.field.render({
+        field,
+        data: model,
+        setData: setModel
+    })));
 };
-export default /*#__PURE__*/React.memo(Field);
+const FieldEditor_Field = /*#__PURE__*/ react.memo(Field);
+export default FieldEditor_Field;
 
 //# sourceMappingURL=Field.js.map

package/admin/components/FieldEditor/Field.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Fragment","useCallback","useMemo","capitalize","ReactComponent","EditIcon","DeleteIcon","TitleIcon","MoreVerticalIcon","plugins","i18n","useModelEditor","useModelFieldEditor","useSnackbar","IconButton","Heading","Text","DropdownMenu","Tag","t","ns","allowedTitleFieldTypes","isFieldAllowedToBeTitle","model","field","parent","list","includes","type","titleFieldId","fieldId","isFieldAllowedToBeDescription","descriptionFieldId","isFieldAllowedToBeImage","imageFieldId","settings","imagesOnly","getFieldTypeName","isTitleField","isDescriptionField","isImageField","filter","Boolean","join","Field","props","onEdit","showSnackbar","showErrorSnackbar","setData","setModel","data","getFieldPlugin","getFieldRendererPlugin","removeFieldFromSelected","id","onDelete","setAsTitle","response","error","message","setAsDescription","setAsImage","fieldPlugin","editorFieldOptionPlugins","byType","rendererPlugin","renderer","name","canEdit","canEditSettings","defaultInformationRenderer","fieldTypeName","fn","createElement","content","variant","displayName","fieldInformationRenderer","renderInfo","info","className","level","label","size","icon","onClick","trigger","map","pl","cloneElement","render","key","Item","disabled","text","Icon","element","memo"],"sources":["Field.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useMemo } from \"react\";\nimport capitalize from \"lodash/capitalize.js\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as TitleIcon } from \"@webiny/icons/title.svg\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { plugins } from \"@webiny/plugins\";\nimport type { CmsModelField, CmsEditorFieldOptionPlugin, CmsModel } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { useModelFieldEditor } from \"~/admin/components/FieldEditor/useModelFieldEditor.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { IconButton, Heading, Text, DropdownMenu, Tag } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/editor/field\");\n\nconst allowedTitleFieldTypes: string[] = [\"text\", \"number\"];\n\nconst isFieldAllowedToBeTitle = (model: CmsModel, field: CmsModelField, parent?: CmsModelField) => {\n    if (field.list || parent) {\n        return false;\n    } else if (allowedTitleFieldTypes.includes(field.type) === false) {\n        return false;\n    } else if (model.titleFieldId === field.fieldId) {\n        return false;\n    }\n    return true;\n};\nconst isFieldAllowedToBeDescription = (\n    model: CmsModel,\n    field: CmsModelField,\n    parent?: CmsModelField\n) => {\n    if (field.list || parent) {\n        return false;\n    } else if (model.descriptionFieldId === field.fieldId) {\n        return false;\n    }\n    return field.type === \"long-text\";\n};\n\nconst isFieldAllowedToBeImage = (model: CmsModel, field: CmsModelField, parent?: CmsModelField) => {\n    if (field.list || parent) {\n        return false;\n    } else if (model.imageFieldId === field.fieldId) {\n        return false;\n    }\n    return field.type === \"file\" && field.settings?.imagesOnly;\n};\n\nconst getFieldTypeName = (\n    model: CmsModel,\n    field: CmsModelField,\n    parent?: CmsModelField\n): string | null => {\n    if (parent) {\n        return null;\n    }\n    const isTitleField = field.fieldId === model?.titleFieldId && !parent;\n    const isDescriptionField = field.fieldId === model?.descriptionFieldId && !parent;\n    const isImageField = field.fieldId === model?.imageFieldId && !parent;\n\n    return (\n        [\n            isTitleField ? \"entry title\" : null,\n            isDescriptionField ? \"entry description\" : null,\n            isImageField ? \"entry image\" : null\n        ]\n            .filter(Boolean)\n            .join(\"\") || null\n    );\n};\n\nexport interface FieldProps {\n    field: CmsModelField;\n    onDelete: (field: CmsModelField) => void;\n    onEdit: (field: CmsModelField) => void;\n    parent?: CmsModelField;\n}\n\nconst Field = (props: FieldProps) => {\n    const { field, onEdit, parent } = props;\n    const { showSnackbar, showErrorSnackbar } = useSnackbar();\n    const { setData: setModel, data: model } = useModelEditor();\n    const { getFieldPlugin, getFieldRendererPlugin } = useModelFieldEditor();\n\n    const removeFieldFromSelected = useCallback(async () => {\n        if (model.titleFieldId === field.fieldId) {\n            await setModel(data => {\n                return {\n                    ...data,\n                    titleFieldId: null\n                };\n            });\n        } else if (model.descriptionFieldId === field.fieldId) {\n            await setModel(data => {\n                return {\n                    ...data,\n                    descriptionFieldId: null\n                };\n            });\n        } else if (model.imageFieldId === field.fieldId) {\n            await setModel(data => {\n                return {\n                    ...data,\n                    imageFieldId: null\n                };\n            });\n        }\n    }, [field.id, setModel, model]);\n\n    const onDelete = useCallback(async () => {\n        await removeFieldFromSelected();\n        props.onDelete(field);\n        return;\n    }, [field.fieldId]);\n\n    const setAsTitle = useCallback(async (): Promise<void> => {\n        const response = await setModel(data => {\n            return { ...data, titleFieldId: field.fieldId };\n        });\n\n        if (response && response.error) {\n            return showErrorSnackbar(response.error.message);\n        }\n\n        showSnackbar(t`Title field set successfully.`);\n    }, [field.fieldId, setModel]);\n\n    const setAsDescription = useCallback(async (): Promise<void> => {\n        const response = await setModel(data => {\n            return { ...data, descriptionFieldId: field.fieldId };\n        });\n\n        if (response && response.error) {\n            return showErrorSnackbar(response.error.message);\n        }\n\n        showSnackbar(t`Description field set successfully.`);\n    }, [field.fieldId, setModel]);\n\n    const setAsImage = useCallback(async (): Promise<void> => {\n        const response = await setModel(data => {\n            return { ...data, imageFieldId: field.fieldId };\n        });\n\n        if (response && response.error) {\n            return showErrorSnackbar(response.error.message);\n        }\n\n        showSnackbar(t`Image field set successfully.`);\n    }, [field.fieldId, setModel]);\n\n    const fieldPlugin = getFieldPlugin(field.type);\n    const editorFieldOptionPlugins =\n        plugins.byType<CmsEditorFieldOptionPlugin>(\"cms-editor-field-option\");\n\n    if (!fieldPlugin) {\n        return null;\n    }\n\n    const rendererPlugin = getFieldRendererPlugin(field.renderer.name);\n    const canEdit = fieldPlugin.field.canEditSettings !== false;\n\n    const defaultInformationRenderer = useMemo(() => {\n        const fieldTypeName = getFieldTypeName(model, field, parent);\n        const fn = () => {\n            if (!fieldTypeName) {\n                return null;\n            }\n            return <Tag content={capitalize(fieldTypeName)} variant={\"neutral-base\"} />;\n        };\n\n        fn.displayName = \"FieldTypeRenderer\";\n\n        return fn;\n    }, [field.id]);\n\n    const fieldInformationRenderer = fieldPlugin.field?.renderInfo;\n\n    const info = [rendererPlugin?.renderer.name, field.list ? \"multiple values\" : null]\n        .filter(Boolean)\n        .join(\", \");\n\n    return (\n        <Fragment>\n            <div className={\"flex justify-between align-center\"}>\n                <div>\n                    <Heading level={6}>{field.label}</Heading>\n                    <Text size={\"sm\"} className={\"text-neutral-strong\"}>\n                        {fieldPlugin.field.label}\n                        {info && <span className={\"lowercase\"}> ({info})</span>}\n                    </Text>\n                </div>\n                <div className={\"flex items-center justify-end gap-sm\"}>\n                    {fieldInformationRenderer\n                        ? fieldInformationRenderer({ model, field })\n                        : defaultInformationRenderer()}\n                    {canEdit ? (\n                        <IconButton\n                            data-testid={\"cms.editor.edit-field\"}\n                            icon={<EditIcon />}\n                            onClick={() => onEdit(field)}\n                            variant={\"ghost\"}\n                            size={\"sm\"}\n                        />\n                    ) : null}\n                    <DropdownMenu\n                        trigger={\n                            <IconButton icon={<MoreVerticalIcon />} variant={\"ghost\"} size={\"sm\"} />\n                        }\n                    >\n                        {editorFieldOptionPlugins.map(pl =>\n                            React.cloneElement(pl.render(), { key: pl.name })\n                        )}\n                        {/* We only allow this action for top-level fields. */}\n                        <DropdownMenu.Item\n                            disabled={!isFieldAllowedToBeTitle(model, field, parent)}\n                            onClick={setAsTitle}\n                            text={t`Use as title`}\n                            icon={\n                                <DropdownMenu.Item.Icon\n                                    element={<TitleIcon />}\n                                    label={t`Use as title`}\n                                />\n                            }\n                        />\n                        <DropdownMenu.Item\n                            disabled={!isFieldAllowedToBeDescription(model, field, parent)}\n                            onClick={setAsDescription}\n                            text={t`Use as description`}\n                            icon={\n                                <DropdownMenu.Item.Icon\n                                    element={<TitleIcon />}\n                                    label={t`Use as description`}\n                                />\n                            }\n                        />\n                        <DropdownMenu.Item\n                            disabled={!isFieldAllowedToBeImage(model, field, parent)}\n                            onClick={setAsImage}\n                            text={t`Use as image`}\n                            icon={\n                                <DropdownMenu.Item.Icon\n                                    element={<TitleIcon />}\n                                    label={t`Use as image`}\n                                />\n                            }\n                        />\n                        <DropdownMenu.Item\n                            onClick={onDelete}\n                            text={t`Delete`}\n                            icon={\n                                <DropdownMenu.Item.Icon\n                                    element={<DeleteIcon />}\n                                    label={t`Delete`}\n                                />\n                            }\n                            className={\"text-destructive-primary! [&_svg]:fill-destructive\"}\n                        />\n                    </DropdownMenu>\n                </div>\n            </div>\n            {fieldPlugin.field.render && (\n                <div className={\"pt-md\"}>\n                    {fieldPlugin.field.render({ field, data: model, setData: setModel })}\n                </div>\n            )}\n        </Fragment>\n    );\n};\n\nexport default React.memo(Field);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAC7D,OAAOC,UAAU,MAAM,sBAAsB;AAC7C,SAASC,cAAc,IAAIC,QAAQ,QAAQ,wBAAwB;AACnE,SAASD,cAAc,IAAIE,UAAU,QAAQ,0BAA0B;AACvE,SAASF,cAAc,IAAIG,SAAS,QAAQ,yBAAyB;AACrE,SAASH,cAAc,IAAII,gBAAgB,QAAQ,6BAA6B;AAChF,SAASC,OAAO,QAAQ,iBAAiB;AAEzC,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,cAAc;AACvB,SAASC,mBAAmB;AAC5B,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,UAAU,EAAEC,OAAO,EAAEC,IAAI,EAAEC,YAAY,EAAEC,GAAG,QAAQ,kBAAkB;AAE/E,MAAMC,CAAC,GAAGT,IAAI,CAACU,EAAE,CAAC,gDAAgD,CAAC;AAEnE,MAAMC,sBAAgC,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC;AAE3D,MAAMC,uBAAuB,GAAGA,CAACC,KAAe,EAAEC,KAAoB,EAAEC,MAAsB,KAAK;EAC/F,IAAID,KAAK,CAACE,IAAI,IAAID,MAAM,EAAE;IACtB,OAAO,KAAK;EAChB,CAAC,MAAM,IAAIJ,sBAAsB,CAACM,QAAQ,CAACH,KAAK,CAACI,IAAI,CAAC,KAAK,KAAK,EAAE;IAC9D,OAAO,KAAK;EAChB,CAAC,MAAM,IAAIL,KAAK,CAACM,YAAY,KAAKL,KAAK,CAACM,OAAO,EAAE;IAC7C,OAAO,KAAK;EAChB;EACA,OAAO,IAAI;AACf,CAAC;AACD,MAAMC,6BAA6B,GAAGA,CAClCR,KAAe,EACfC,KAAoB,EACpBC,MAAsB,KACrB;EACD,IAAID,KAAK,CAACE,IAAI,IAAID,MAAM,EAAE;IACtB,OAAO,KAAK;EAChB,CAAC,MAAM,IAAIF,KAAK,CAACS,kBAAkB,KAAKR,KAAK,CAACM,OAAO,EAAE;IACnD,OAAO,KAAK;EAChB;EACA,OAAON,KAAK,CAACI,IAAI,KAAK,WAAW;AACrC,CAAC;AAED,MAAMK,uBAAuB,GAAGA,CAACV,KAAe,EAAEC,KAAoB,EAAEC,MAAsB,KAAK;EAC/F,IAAID,KAAK,CAACE,IAAI,IAAID,MAAM,EAAE;IACtB,OAAO,KAAK;EAChB,CAAC,MAAM,IAAIF,KAAK,CAACW,YAAY,KAAKV,KAAK,CAACM,OAAO,EAAE;IAC7C,OAAO,KAAK;EAChB;EACA,OAAON,KAAK,CAACI,IAAI,KAAK,MAAM,IAAIJ,KAAK,CAACW,QAAQ,EAAEC,UAAU;AAC9D,CAAC;AAED,MAAMC,gBAAgB,GAAGA,CACrBd,KAAe,EACfC,KAAoB,EACpBC,MAAsB,KACN;EAChB,IAAIA,MAAM,EAAE;IACR,OAAO,IAAI;EACf;EACA,MAAMa,YAAY,GAAGd,KAAK,CAACM,OAAO,KAAKP,KAAK,EAAEM,YAAY,IAAI,CAACJ,MAAM;EACrE,MAAMc,kBAAkB,GAAGf,KAAK,CAACM,OAAO,KAAKP,KAAK,EAAES,kBAAkB,IAAI,CAACP,MAAM;EACjF,MAAMe,YAAY,GAAGhB,KAAK,CAACM,OAAO,KAAKP,KAAK,EAAEW,YAAY,IAAI,CAACT,MAAM;EAErE,OACI,CACIa,YAAY,GAAG,aAAa,GAAG,IAAI,EACnCC,kBAAkB,GAAG,mBAAmB,GAAG,IAAI,EAC/CC,YAAY,GAAG,aAAa,GAAG,IAAI,CACtC,CACIC,MAAM,CAACC,OAAO,CAAC,CACfC,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI;AAE7B,CAAC;AASD,MAAMC,KAAK,GAAIC,KAAiB,IAAK;EACjC,MAAM;IAAErB,KAAK;IAAEsB,MAAM;IAAErB;EAAO,CAAC,GAAGoB,KAAK;EACvC,MAAM;IAAEE,YAAY;IAAEC;EAAkB,CAAC,GAAGnC,WAAW,CAAC,CAAC;EACzD,MAAM;IAAEoC,OAAO,EAAEC,QAAQ;IAAEC,IAAI,EAAE5B;EAAM,CAAC,GAAGZ,cAAc,CAAC,CAAC;EAC3D,MAAM;IAAEyC,cAAc;IAAEC;EAAuB,CAAC,GAAGzC,mBAAmB,CAAC,CAAC;EAExE,MAAM0C,uBAAuB,GAAGrD,WAAW,CAAC,YAAY;IACpD,IAAIsB,KAAK,CAACM,YAAY,KAAKL,KAAK,CAACM,OAAO,EAAE;MACtC,MAAMoB,QAAQ,CAACC,IAAI,IAAI;QACnB,OAAO;UACH,GAAGA,IAAI;UACPtB,YAAY,EAAE;QAClB,CAAC;MACL,CAAC,CAAC;IACN,CAAC,MAAM,IAAIN,KAAK,CAACS,kBAAkB,KAAKR,KAAK,CAACM,OAAO,EAAE;MACnD,MAAMoB,QAAQ,CAACC,IAAI,IAAI;QACnB,OAAO;UACH,GAAGA,IAAI;UACPnB,kBAAkB,EAAE;QACxB,CAAC;MACL,CAAC,CAAC;IACN,CAAC,MAAM,IAAIT,KAAK,CAACW,YAAY,KAAKV,KAAK,CAACM,OAAO,EAAE;MAC7C,MAAMoB,QAAQ,CAACC,IAAI,IAAI;QACnB,OAAO;UACH,GAAGA,IAAI;UACPjB,YAAY,EAAE;QAClB,CAAC;MACL,CAAC,CAAC;IACN;EACJ,CAAC,EAAE,CAACV,KAAK,CAAC+B,EAAE,EAAEL,QAAQ,EAAE3B,KAAK,CAAC,CAAC;EAE/B,MAAMiC,QAAQ,GAAGvD,WAAW,CAAC,YAAY;IACrC,MAAMqD,uBAAuB,CAAC,CAAC;IAC/BT,KAAK,CAACW,QAAQ,CAAChC,KAAK,CAAC;IACrB;EACJ,CAAC,EAAE,CAACA,KAAK,CAACM,OAAO,CAAC,CAAC;EAEnB,MAAM2B,UAAU,GAAGxD,WAAW,CAAC,YAA2B;IACtD,MAAMyD,QAAQ,GAAG,MAAMR,QAAQ,CAACC,IAAI,IAAI;MACpC,OAAO;QAAE,GAAGA,IAAI;QAAEtB,YAAY,EAAEL,KAAK,CAACM;MAAQ,CAAC;IACnD,CAAC,CAAC;IAEF,IAAI4B,QAAQ,IAAIA,QAAQ,CAACC,KAAK,EAAE;MAC5B,OAAOX,iBAAiB,CAACU,QAAQ,CAACC,KAAK,CAACC,OAAO,CAAC;IACpD;IAEAb,YAAY,CAAC5B,CAAC,+BAA+B,CAAC;EAClD,CAAC,EAAE,CAACK,KAAK,CAACM,OAAO,EAAEoB,QAAQ,CAAC,CAAC;EAE7B,MAAMW,gBAAgB,GAAG5D,WAAW,CAAC,YAA2B;IAC5D,MAAMyD,QAAQ,GAAG,MAAMR,QAAQ,CAACC,IAAI,IAAI;MACpC,OAAO;QAAE,GAAGA,IAAI;QAAEnB,kBAAkB,EAAER,KAAK,CAACM;MAAQ,CAAC;IACzD,CAAC,CAAC;IAEF,IAAI4B,QAAQ,IAAIA,QAAQ,CAACC,KAAK,EAAE;MAC5B,OAAOX,iBAAiB,CAACU,QAAQ,CAACC,KAAK,CAACC,OAAO,CAAC;IACpD;IAEAb,YAAY,CAAC5B,CAAC,qCAAqC,CAAC;EACxD,CAAC,EAAE,CAACK,KAAK,CAACM,OAAO,EAAEoB,QAAQ,CAAC,CAAC;EAE7B,MAAMY,UAAU,GAAG7D,WAAW,CAAC,YAA2B;IACtD,MAAMyD,QAAQ,GAAG,MAAMR,QAAQ,CAACC,IAAI,IAAI;MACpC,OAAO;QAAE,GAAGA,IAAI;QAAEjB,YAAY,EAAEV,KAAK,CAACM;MAAQ,CAAC;IACnD,CAAC,CAAC;IAEF,IAAI4B,QAAQ,IAAIA,QAAQ,CAACC,KAAK,EAAE;MAC5B,OAAOX,iBAAiB,CAACU,QAAQ,CAACC,KAAK,CAACC,OAAO,CAAC;IACpD;IAEAb,YAAY,CAAC5B,CAAC,+BAA+B,CAAC;EAClD,CAAC,EAAE,CAACK,KAAK,CAACM,OAAO,EAAEoB,QAAQ,CAAC,CAAC;EAE7B,MAAMa,WAAW,GAAGX,cAAc,CAAC5B,KAAK,CAACI,IAAI,CAAC;EAC9C,MAAMoC,wBAAwB,GAC1BvD,OAAO,CAACwD,MAAM,CAA6B,yBAAyB,CAAC;EAEzE,IAAI,CAACF,WAAW,EAAE;IACd,OAAO,IAAI;EACf;EAEA,MAAMG,cAAc,GAAGb,sBAAsB,CAAC7B,KAAK,CAAC2C,QAAQ,CAACC,IAAI,CAAC;EAClE,MAAMC,OAAO,GAAGN,WAAW,CAACvC,KAAK,CAAC8C,eAAe,KAAK,KAAK;EAE3D,MAAMC,0BAA0B,GAAGrE,OAAO,CAAC,MAAM;IAC7C,MAAMsE,aAAa,GAAGnC,gBAAgB,CAACd,KAAK,EAAEC,KAAK,EAAEC,MAAM,CAAC;IAC5D,MAAMgD,EAAE,GAAGA,CAAA,KAAM;MACb,IAAI,CAACD,aAAa,EAAE;QAChB,OAAO,IAAI;MACf;MACA,oBAAOzE,KAAA,CAAA2E,aAAA,CAACxD,GAAG;QAACyD,OAAO,EAAExE,UAAU,CAACqE,aAAa,CAAE;QAACI,OAAO,EAAE;MAAe,CAAE,CAAC;IAC/E,CAAC;IAEDH,EAAE,CAACI,WAAW,GAAG,mBAAmB;IAEpC,OAAOJ,EAAE;EACb,CAAC,EAAE,CAACjD,KAAK,CAAC+B,EAAE,CAAC,CAAC;EAEd,MAAMuB,wBAAwB,GAAGf,WAAW,CAACvC,KAAK,EAAEuD,UAAU;EAE9D,MAAMC,IAAI,GAAG,CAACd,cAAc,EAAEC,QAAQ,CAACC,IAAI,EAAE5C,KAAK,CAACE,IAAI,GAAG,iBAAiB,GAAG,IAAI,CAAC,CAC9Ee,MAAM,CAACC,OAAO,CAAC,CACfC,IAAI,CAAC,IAAI,CAAC;EAEf,oBACI5C,KAAA,CAAA2E,aAAA,CAAC1E,QAAQ,qBACLD,KAAA,CAAA2E,aAAA;IAAKO,SAAS,EAAE;EAAoC,gBAChDlF,KAAA,CAAA2E,aAAA,2BACI3E,KAAA,CAAA2E,aAAA,CAAC3D,OAAO;IAACmE,KAAK,EAAE;EAAE,GAAE1D,KAAK,CAAC2D,KAAe,CAAC,eAC1CpF,KAAA,CAAA2E,aAAA,CAAC1D,IAAI;IAACoE,IAAI,EAAE,IAAK;IAACH,SAAS,EAAE;EAAsB,GAC9ClB,WAAW,CAACvC,KAAK,CAAC2D,KAAK,EACvBH,IAAI,iBAAIjF,KAAA,CAAA2E,aAAA;IAAMO,SAAS,EAAE;EAAY,GAAC,IAAE,EAACD,IAAI,EAAC,GAAO,CACpD,CACL,CAAC,eACNjF,KAAA,CAAA2E,aAAA;IAAKO,SAAS,EAAE;EAAuC,GAClDH,wBAAwB,GACnBA,wBAAwB,CAAC;IAAEvD,KAAK;IAAEC;EAAM,CAAC,CAAC,GAC1C+C,0BAA0B,CAAC,CAAC,EACjCF,OAAO,gBACJtE,KAAA,CAAA2E,aAAA,CAAC5D,UAAU;IACP,eAAa,uBAAwB;IACrCuE,IAAI,eAAEtF,KAAA,CAAA2E,aAAA,CAACrE,QAAQ,MAAE,CAAE;IACnBiF,OAAO,EAAEA,CAAA,KAAMxC,MAAM,CAACtB,KAAK,CAAE;IAC7BoD,OAAO,EAAE,OAAQ;IACjBQ,IAAI,EAAE;EAAK,CACd,CAAC,GACF,IAAI,eACRrF,KAAA,CAAA2E,aAAA,CAACzD,YAAY;IACTsE,OAAO,eACHxF,KAAA,CAAA2E,aAAA,CAAC5D,UAAU;MAACuE,IAAI,eAAEtF,KAAA,CAAA2E,aAAA,CAAClE,gBAAgB,MAAE,CAAE;MAACoE,OAAO,EAAE,OAAQ;MAACQ,IAAI,EAAE;IAAK,CAAE;EAC1E,GAEApB,wBAAwB,CAACwB,GAAG,CAACC,EAAE,iBAC5B1F,KAAK,CAAC2F,YAAY,CAACD,EAAE,CAACE,MAAM,CAAC,CAAC,EAAE;IAAEC,GAAG,EAAEH,EAAE,CAACrB;EAAK,CAAC,CACpD,CAAC,eAEDrE,KAAA,CAAA2E,aAAA,CAACzD,YAAY,CAAC4E,IAAI;IACdC,QAAQ,EAAE,CAACxE,uBAAuB,CAACC,KAAK,EAAEC,KAAK,EAAEC,MAAM,CAAE;IACzD6D,OAAO,EAAE7B,UAAW;IACpBsC,IAAI,EAAE5E,CAAC,cAAe;IACtBkE,IAAI,eACAtF,KAAA,CAAA2E,aAAA,CAACzD,YAAY,CAAC4E,IAAI,CAACG,IAAI;MACnBC,OAAO,eAAElG,KAAA,CAAA2E,aAAA,CAACnE,SAAS,MAAE,CAAE;MACvB4E,KAAK,EAAEhE,CAAC;IAAe,CAC1B;EACJ,CACJ,CAAC,eACFpB,KAAA,CAAA2E,aAAA,CAACzD,YAAY,CAAC4E,IAAI;IACdC,QAAQ,EAAE,CAAC/D,6BAA6B,CAACR,KAAK,EAAEC,KAAK,EAAEC,MAAM,CAAE;IAC/D6D,OAAO,EAAEzB,gBAAiB;IAC1BkC,IAAI,EAAE5E,CAAC,oBAAqB;IAC5BkE,IAAI,eACAtF,KAAA,CAAA2E,aAAA,CAACzD,YAAY,CAAC4E,IAAI,CAACG,IAAI;MACnBC,OAAO,eAAElG,KAAA,CAAA2E,aAAA,CAACnE,SAAS,MAAE,CAAE;MACvB4E,KAAK,EAAEhE,CAAC;IAAqB,CAChC;EACJ,CACJ,CAAC,eACFpB,KAAA,CAAA2E,aAAA,CAACzD,YAAY,CAAC4E,IAAI;IACdC,QAAQ,EAAE,CAAC7D,uBAAuB,CAACV,KAAK,EAAEC,KAAK,EAAEC,MAAM,CAAE;IACzD6D,OAAO,EAAExB,UAAW;IACpBiC,IAAI,EAAE5E,CAAC,cAAe;IACtBkE,IAAI,eACAtF,KAAA,CAAA2E,aAAA,CAACzD,YAAY,CAAC4E,IAAI,CAACG,IAAI;MACnBC,OAAO,eAAElG,KAAA,CAAA2E,aAAA,CAACnE,SAAS,MAAE,CAAE;MACvB4E,KAAK,EAAEhE,CAAC;IAAe,CAC1B;EACJ,CACJ,CAAC,eACFpB,KAAA,CAAA2E,aAAA,CAACzD,YAAY,CAAC4E,IAAI;IACdP,OAAO,EAAE9B,QAAS;IAClBuC,IAAI,EAAE5E,CAAC,QAAS;IAChBkE,IAAI,eACAtF,KAAA,CAAA2E,aAAA,CAACzD,YAAY,CAAC4E,IAAI,CAACG,IAAI;MACnBC,OAAO,eAAElG,KAAA,CAAA2E,aAAA,CAACpE,UAAU,MAAE,CAAE;MACxB6E,KAAK,EAAEhE,CAAC;IAAS,CACpB,CACJ;IACD8D,SAAS,EAAE;EAAqD,CACnE,CACS,CACb,CACJ,CAAC,EACLlB,WAAW,CAACvC,KAAK,CAACmE,MAAM,iBACrB5F,KAAA,CAAA2E,aAAA;IAAKO,SAAS,EAAE;EAAQ,GACnBlB,WAAW,CAACvC,KAAK,CAACmE,MAAM,CAAC;IAAEnE,KAAK;IAAE2B,IAAI,EAAE5B,KAAK;IAAE0B,OAAO,EAAEC;EAAS,CAAC,CAClE,CAEH,CAAC;AAEnB,CAAC;AAED,4BAAenD,KAAK,CAACmG,IAAI,CAACtD,KAAK,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/components/FieldEditor/Field.js","sources":["../../../../src/admin/components/FieldEditor/Field.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useMemo } from \"react\";\nimport capitalize from \"lodash/capitalize.js\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as TitleIcon } from \"@webiny/icons/title.svg\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { plugins } from \"@webiny/plugins\";\nimport type { CmsModelField, CmsEditorFieldOptionPlugin, CmsModel } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { useModelFieldEditor } from \"~/admin/components/FieldEditor/useModelFieldEditor.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { IconButton, Heading, Text, DropdownMenu, Tag } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/editor/field\");\n\nconst allowedTitleFieldTypes: string[] = [\"text\", \"number\"];\n\nconst isFieldAllowedToBeTitle = (model: CmsModel, field: CmsModelField, parent?: CmsModelField) => {\n    if (field.list || parent) {\n        return false;\n    } else if (allowedTitleFieldTypes.includes(field.type) === false) {\n        return false;\n    } else if (model.titleFieldId === field.fieldId) {\n        return false;\n    }\n    return true;\n};\nconst isFieldAllowedToBeDescription = (\n    model: CmsModel,\n    field: CmsModelField,\n    parent?: CmsModelField\n) => {\n    if (field.list || parent) {\n        return false;\n    } else if (model.descriptionFieldId === field.fieldId) {\n        return false;\n    }\n    return field.type === \"long-text\";\n};\n\nconst isFieldAllowedToBeImage = (model: CmsModel, field: CmsModelField, parent?: CmsModelField) => {\n    if (field.list || parent) {\n        return false;\n    } else if (model.imageFieldId === field.fieldId) {\n        return false;\n    }\n    return field.type === \"file\" && field.settings?.imagesOnly;\n};\n\nconst getFieldTypeName = (\n    model: CmsModel,\n    field: CmsModelField,\n    parent?: CmsModelField\n): string | null => {\n    if (parent) {\n        return null;\n    }\n    const isTitleField = field.fieldId === model?.titleFieldId && !parent;\n    const isDescriptionField = field.fieldId === model?.descriptionFieldId && !parent;\n    const isImageField = field.fieldId === model?.imageFieldId && !parent;\n\n    return (\n        [\n            isTitleField ? \"entry title\" : null,\n            isDescriptionField ? \"entry description\" : null,\n            isImageField ? \"entry image\" : null\n        ]\n            .filter(Boolean)\n            .join(\"\") || null\n    );\n};\n\nexport interface FieldProps {\n    field: CmsModelField;\n    onDelete: (field: CmsModelField) => void;\n    onEdit: (field: CmsModelField) => void;\n    parent?: CmsModelField;\n}\n\nconst Field = (props: FieldProps) => {\n    const { field, onEdit, parent } = props;\n    const { showSnackbar, showErrorSnackbar } = useSnackbar();\n    const { setData: setModel, data: model } = useModelEditor();\n    const { getFieldPlugin, getFieldRendererPlugin } = useModelFieldEditor();\n\n    const removeFieldFromSelected = useCallback(async () => {\n        if (model.titleFieldId === field.fieldId) {\n            await setModel(data => {\n                return {\n                    ...data,\n                    titleFieldId: null\n                };\n            });\n        } else if (model.descriptionFieldId === field.fieldId) {\n            await setModel(data => {\n                return {\n                    ...data,\n                    descriptionFieldId: null\n                };\n            });\n        } else if (model.imageFieldId === field.fieldId) {\n            await setModel(data => {\n                return {\n                    ...data,\n                    imageFieldId: null\n                };\n            });\n        }\n    }, [field.id, setModel, model]);\n\n    const onDelete = useCallback(async () => {\n        await removeFieldFromSelected();\n        props.onDelete(field);\n        return;\n    }, [field.fieldId]);\n\n    const setAsTitle = useCallback(async (): Promise<void> => {\n        const response = await setModel(data => {\n            return { ...data, titleFieldId: field.fieldId };\n        });\n\n        if (response && response.error) {\n            return showErrorSnackbar(response.error.message);\n        }\n\n        showSnackbar(t`Title field set successfully.`);\n    }, [field.fieldId, setModel]);\n\n    const setAsDescription = useCallback(async (): Promise<void> => {\n        const response = await setModel(data => {\n            return { ...data, descriptionFieldId: field.fieldId };\n        });\n\n        if (response && response.error) {\n            return showErrorSnackbar(response.error.message);\n        }\n\n        showSnackbar(t`Description field set successfully.`);\n    }, [field.fieldId, setModel]);\n\n    const setAsImage = useCallback(async (): Promise<void> => {\n        const response = await setModel(data => {\n            return { ...data, imageFieldId: field.fieldId };\n        });\n\n        if (response && response.error) {\n            return showErrorSnackbar(response.error.message);\n        }\n\n        showSnackbar(t`Image field set successfully.`);\n    }, [field.fieldId, setModel]);\n\n    const fieldPlugin = getFieldPlugin(field.type);\n    const editorFieldOptionPlugins =\n        plugins.byType<CmsEditorFieldOptionPlugin>(\"cms-editor-field-option\");\n\n    if (!fieldPlugin) {\n        return null;\n    }\n\n    const rendererPlugin = getFieldRendererPlugin(field.renderer.name);\n    const canEdit = fieldPlugin.field.canEditSettings !== false;\n\n    const defaultInformationRenderer = useMemo(() => {\n        const fieldTypeName = getFieldTypeName(model, field, parent);\n        const fn = () => {\n            if (!fieldTypeName) {\n                return null;\n            }\n            return <Tag content={capitalize(fieldTypeName)} variant={\"neutral-base\"} />;\n        };\n\n        fn.displayName = \"FieldTypeRenderer\";\n\n        return fn;\n    }, [field.id]);\n\n    const fieldInformationRenderer = fieldPlugin.field?.renderInfo;\n\n    const info = [rendererPlugin?.renderer.name, field.list ? \"multiple values\" : null]\n        .filter(Boolean)\n        .join(\", \");\n\n    return (\n        <Fragment>\n            <div className={\"flex justify-between align-center\"}>\n                <div>\n                    <Heading level={6}>{field.label}</Heading>\n                    <Text size={\"sm\"} className={\"text-neutral-strong\"}>\n                        {fieldPlugin.field.label}\n                        {info && <span className={\"lowercase\"}> ({info})</span>}\n                    </Text>\n                </div>\n                <div className={\"flex items-center justify-end gap-sm\"}>\n                    {fieldInformationRenderer\n                        ? fieldInformationRenderer({ model, field })\n                        : defaultInformationRenderer()}\n                    {canEdit ? (\n                        <IconButton\n                            data-testid={\"cms.editor.edit-field\"}\n                            icon={<EditIcon />}\n                            onClick={() => onEdit(field)}\n                            variant={\"ghost\"}\n                            size={\"sm\"}\n                        />\n                    ) : null}\n                    <DropdownMenu\n                        trigger={\n                            <IconButton icon={<MoreVerticalIcon />} variant={\"ghost\"} size={\"sm\"} />\n                        }\n                    >\n                        {editorFieldOptionPlugins.map(pl =>\n                            React.cloneElement(pl.render(), { key: pl.name })\n                        )}\n                        {/* We only allow this action for top-level fields. */}\n                        <DropdownMenu.Item\n                            disabled={!isFieldAllowedToBeTitle(model, field, parent)}\n                            onClick={setAsTitle}\n                            text={t`Use as title`}\n                            icon={\n                                <DropdownMenu.Item.Icon\n                                    element={<TitleIcon />}\n                                    label={t`Use as title`}\n                                />\n                            }\n                        />\n                        <DropdownMenu.Item\n                            disabled={!isFieldAllowedToBeDescription(model, field, parent)}\n                            onClick={setAsDescription}\n                            text={t`Use as description`}\n                            icon={\n                                <DropdownMenu.Item.Icon\n                                    element={<TitleIcon />}\n                                    label={t`Use as description`}\n                                />\n                            }\n                        />\n                        <DropdownMenu.Item\n                            disabled={!isFieldAllowedToBeImage(model, field, parent)}\n                            onClick={setAsImage}\n                            text={t`Use as image`}\n                            icon={\n                                <DropdownMenu.Item.Icon\n                                    element={<TitleIcon />}\n                                    label={t`Use as image`}\n                                />\n                            }\n                        />\n                        <DropdownMenu.Item\n                            onClick={onDelete}\n                            text={t`Delete`}\n                            icon={\n                                <DropdownMenu.Item.Icon\n                                    element={<DeleteIcon />}\n                                    label={t`Delete`}\n                                />\n                            }\n                            className={\"text-destructive-primary! [&_svg]:fill-destructive\"}\n                        />\n                    </DropdownMenu>\n                </div>\n            </div>\n            {fieldPlugin.field.render && (\n                <div className={\"pt-md\"}>\n                    {fieldPlugin.field.render({ field, data: model, setData: setModel })}\n                </div>\n            )}\n        </Fragment>\n    );\n};\n\nexport default React.memo(Field);\n"],"names":["t","i18n","allowedTitleFieldTypes","isFieldAllowedToBeTitle","model","field","parent","isFieldAllowedToBeDescription","isFieldAllowedToBeImage","getFieldTypeName","isTitleField","isDescriptionField","isImageField","Boolean","Field","props","onEdit","showSnackbar","showErrorSnackbar","useSnackbar","setModel","useModelEditor","getFieldPlugin","getFieldRendererPlugin","useModelFieldEditor","removeFieldFromSelected","useCallback","data","onDelete","setAsTitle","response","setAsDescription","setAsImage","fieldPlugin","editorFieldOptionPlugins","plugins","rendererPlugin","canEdit","defaultInformationRenderer","useMemo","fieldTypeName","fn","Tag","capitalize","fieldInformationRenderer","info","Fragment","Heading","Text","IconButton","EditIcon","DropdownMenu","MoreVerticalIcon","pl","React","TitleIcon","DeleteIcon"],"mappings":"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"}