@webiny/app-headless-cms 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.f6dc066313

package/admin/components/FieldEditor/EditFieldDialog.js

@@ -1,16 +1,14 @@
-import React, { useState } from "react";
-import cloneDeep from "lodash/cloneDeep";
-import { Dialog, Tabs } from "@webiny/admin-ui";
+import React, { useMemo, useState } from "react";
+import cloneDeep from "lodash/cloneDeep.js";
 import { Form } from "@webiny/form";
-import { i18n } from "@webiny/app/i18n";
-import GeneralTab from "./EditFieldDialog/GeneralTab";
-import AppearanceTab from "./EditFieldDialog/AppearanceTab";
-import PredefinedValues from "./EditFieldDialog/PredefinedValues";
-import { ValidationTab } from "./EditFieldDialog/ValidationTab";
-import { useModelField, useModelEditor } from "../../hooks";
-import { ModelFieldProvider } from "../ModelFieldProvider";
-import { useRendererPlugins } from "./EditFieldDialog/useRendererPlugins";
-import { getFieldValidators } from "./EditFieldDialog/getValidators";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useModelEditor, useModelField } from "../../hooks/index.js";
+import { useRendererPlugins } from "./EditFieldDialog/useRendererPlugins.js";
+import { getFieldValidators } from "./EditFieldDialog/getValidators.js";
+import { EditFieldDrawerContainer } from "./EditFieldDrawerContainer.js";
+// To A/B test, swap the import above with the one below:
+// import { EditFieldDialogContainer } from "./EditFieldDialogContainer.js";
+
 const t = i18n.namespace("app-headless-cms/admin/components/editor");
 function setupState(field, contentModel) {
   const clonedField = cloneDeep(field);
@@ -57,6 +55,13 @@ const EditFieldDialog = props => {
     }
     props.onSubmit(data, form);
   };
+  const isSubtypeField = useMemo(() => {
+    if (!field.type) {
+      return false;
+    }
+    const value = field.type.split(":");
+    return value.length > 1;
+  }, [field.type]);
   return (
     /*#__PURE__*/
     /**
@@ -70,58 +75,18 @@ const EditFieldDialog = props => {
       data: shadowField,
       submit
     }) => {
-      const predefinedValuesTabEnabled = fieldPlugin.field.allowPredefinedValues && shadowField.predefinedValues && shadowField.predefinedValues.enabled;
+      const predefinedValuesTabEnabled = !!(fieldPlugin.field.allowPredefinedValues && shadowField.predefinedValues && shadowField.predefinedValues.enabled);
       const individualValidation = getFieldValidators(shadowField, fieldPlugin);
-      const showValidatorsTab = shadowField.multipleValues || individualValidation.validators.length > 0;
-      return /*#__PURE__*/React.createElement(Dialog, {
-        size: "full",
-        title: headerTitle,
-        open: true,
-        modal: true,
+      const showValidatorsTab = shadowField.list || individualValidation.validators.length > 0;
+      return /*#__PURE__*/React.createElement(EditFieldDrawerContainer, {
+        headerTitle: headerTitle,
+        shadowField: shadowField,
+        predefinedValuesTabEnabled: predefinedValuesTabEnabled,
+        showValidatorsTab: showValidatorsTab,
+        isSubtypeField: isSubtypeField,
         onClose: props.onClose,
-        bodyPadding: false,
-        actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelButton, {
-          text: t`Cancel`,
-          onClick: props.onClose,
-          "data-testid": "cms.editor.field.settings.cancel"
-        }), /*#__PURE__*/React.createElement(Dialog.ConfirmButton, {
-          text: t`Save Field`,
-          onClick: submit,
-          "data-testid": "cms.editor.field.settings.save"
-        })),
-        "data-testid": "cms-editor-edit-fields-dialog"
-      }, /*#__PURE__*/React.createElement(ModelFieldProvider, {
-        field: shadowField
-      }, /*#__PURE__*/React.createElement(Tabs, {
-        spacing: "lg",
-        size: "md",
-        separator: true,
-        tabs: [/*#__PURE__*/React.createElement(Tabs.Tab, {
-          key: "general",
-          trigger: t`General`,
-          value: "general",
-          content: /*#__PURE__*/React.createElement(GeneralTab, null)
-        }), /*#__PURE__*/React.createElement(Tabs.Tab, {
-          key: "predefined",
-          trigger: t`Predefined values`,
-          value: "predefined",
-          disabled: !predefinedValuesTabEnabled,
-          content: /*#__PURE__*/React.createElement(PredefinedValues, null)
-        }), /*#__PURE__*/React.createElement(Tabs.Tab, {
-          key: "validations",
-          trigger: t`Validations`,
-          value: "validations",
-          content: /*#__PURE__*/React.createElement(ValidationTab, {
-            field: shadowField
-          }),
-          visible: showValidatorsTab
-        }), /*#__PURE__*/React.createElement(Tabs.Tab, {
-          key: "appearance",
-          trigger: t`Appearance`,
-          value: "Appearance",
-          content: /*#__PURE__*/React.createElement(AppearanceTab, null)
-        })]
-      })));
+        onSubmit: submit
+      });
     })
   );
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","cloneDeep","Dialog","Tabs","Form","i18n","GeneralTab","AppearanceTab","PredefinedValues","ValidationTab","useModelField","useModelEditor","ModelFieldProvider","useRendererPlugins","getFieldValidators","t","namespace","setupState","field","contentModel","clonedField","renderer","name","renderPlugin","rendererName","shadowField","isTitleField","titleFieldId","fieldId","EditFieldDialog","props","fieldPlugin","data","setData","setContentModelData","headerTitle","fieldTypeLabel","label","onSubmit","form","prev","createElement","submit","predefinedValuesTabEnabled","allowPredefinedValues","predefinedValues","enabled","individualValidation","showValidatorsTab","multipleValues","validators","length","size","title","open","modal","onClose","bodyPadding","actions","Fragment","CancelButton","text","onClick","ConfirmButton","spacing","separator","tabs","Tab","key","trigger","value","content","disabled","visible"],"sources":["EditFieldDialog.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport { Dialog, Tabs } from \"@webiny/admin-ui\";\nimport type { FormOnSubmit } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport type { CmsEditorContentModel, CmsModelField } from \"~/types\";\nimport GeneralTab from \"./EditFieldDialog/GeneralTab\";\nimport AppearanceTab from \"./EditFieldDialog/AppearanceTab\";\nimport PredefinedValues from \"./EditFieldDialog/PredefinedValues\";\nimport { ValidationTab } from \"./EditFieldDialog/ValidationTab\";\nimport { useModelField, useModelEditor } from \"~/admin/hooks\";\nimport { ModelFieldProvider } from \"~/admin/components/ModelFieldProvider\";\nimport { useRendererPlugins } from \"~/admin/components/FieldEditor/EditFieldDialog/useRendererPlugins\";\nimport { getFieldValidators } from \"~/admin/components/FieldEditor/EditFieldDialog/getValidators\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/components/editor\");\n\nfunction setupState(field: CmsModelField, contentModel: CmsEditorContentModel): EditFieldState {\n    const clonedField = cloneDeep(field);\n\n    if (!clonedField.renderer || !clonedField.renderer.name) {\n        const [renderPlugin] = useRendererPlugins();\n\n        if (renderPlugin) {\n            clonedField.renderer = { name: renderPlugin.renderer.rendererName };\n        }\n    }\n\n    return {\n        shadowField: clonedField,\n        isTitleField: contentModel.titleFieldId === field.fieldId\n    };\n}\n\ninterface EditFieldState {\n    shadowField: CmsModelField;\n    isTitleField: boolean;\n}\n\ninterface EditFieldDialogProps {\n    onClose: () => void;\n    onSubmit: FormOnSubmit<CmsModelField>;\n}\n\nconst EditFieldDialog = (props: EditFieldDialogProps) => {\n    const { field, fieldPlugin } = useModelField();\n    const { data: contentModel, setData: setContentModelData } = useModelEditor();\n    const [{ shadowField, isTitleField }] = useState(setupState(field, contentModel));\n\n    const headerTitle = t`Field Settings - {fieldTypeLabel}`({\n        fieldTypeLabel: fieldPlugin.field.label\n    });\n\n    const onSubmit: FormOnSubmit<CmsModelField> = (data, form) => {\n        /**\n         * In case title field `fieldId` changed, we need to update the title field on the model itself.\n         */\n        if (isTitleField && contentModel.titleFieldId !== data.fieldId) {\n            setContentModelData(prev => {\n                return {\n                    ...prev,\n                    titleFieldId: data.fieldId\n                };\n            });\n        }\n\n        props.onSubmit(data, form);\n    };\n\n    return (\n        /**\n         * We're using the `shadowField` as the new context, because we want all changes by form inputs\n         * to immediately be propagated to all dialog components.\n         */\n        <Form<CmsModelField> data={shadowField} onSubmit={onSubmit}>\n            {({ data: shadowField, submit }) => {\n                const predefinedValuesTabEnabled =\n                    fieldPlugin.field.allowPredefinedValues &&\n                    shadowField.predefinedValues &&\n                    shadowField.predefinedValues.enabled;\n\n                const individualValidation = getFieldValidators(shadowField, fieldPlugin);\n                const showValidatorsTab =\n                    shadowField.multipleValues || individualValidation.validators.length > 0;\n\n                return (\n                    <Dialog\n                        size={\"full\"}\n                        title={headerTitle}\n                        open={true}\n                        modal={true}\n                        onClose={props.onClose}\n                        bodyPadding={false}\n                        actions={\n                            <>\n                                <Dialog.CancelButton\n                                    text={t`Cancel`}\n                                    onClick={props.onClose}\n                                    data-testid=\"cms.editor.field.settings.cancel\"\n                                />\n                                <Dialog.ConfirmButton\n                                    text={t`Save Field`}\n                                    onClick={submit}\n                                    data-testid=\"cms.editor.field.settings.save\"\n                                />\n                            </>\n                        }\n                        data-testid={\"cms-editor-edit-fields-dialog\"}\n                    >\n                        <ModelFieldProvider field={shadowField}>\n                            <Tabs\n                                spacing={\"lg\"}\n                                size={\"md\"}\n                                separator\n                                tabs={[\n                                    <Tabs.Tab\n                                        key={\"general\"}\n                                        trigger={t`General`}\n                                        value={\"general\"}\n                                        content={<GeneralTab />}\n                                    />,\n                                    <Tabs.Tab\n                                        key={\"predefined\"}\n                                        trigger={t`Predefined values`}\n                                        value={\"predefined\"}\n                                        disabled={!predefinedValuesTabEnabled}\n                                        content={<PredefinedValues />}\n                                    />,\n                                    <Tabs.Tab\n                                        key={\"validations\"}\n                                        trigger={t`Validations`}\n                                        value={\"validations\"}\n                                        content={<ValidationTab field={shadowField} />}\n                                        visible={showValidatorsTab}\n                                    />,\n                                    <Tabs.Tab\n                                        key={\"appearance\"}\n                                        trigger={t`Appearance`}\n                                        value={\"Appearance\"}\n                                        content={<AppearanceTab />}\n                                    />\n                                ]}\n                            />\n                        </ModelFieldProvider>\n                    </Dialog>\n                );\n            }}\n        </Form>\n    );\n};\n\nexport default EditFieldDialog;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useState","cloneDeep","Form","i18n","useModelEditor","useModelField","useRendererPlugins","getFieldValidators","EditFieldDrawerContainer","t","namespace","setupState","field","contentModel","clonedField","renderer","name","renderPlugin","rendererName","shadowField","isTitleField","titleFieldId","fieldId","EditFieldDialog","props","fieldPlugin","data","setData","setContentModelData","headerTitle","fieldTypeLabel","label","onSubmit","form","prev","isSubtypeField","type","value","split","length","createElement","submit","predefinedValuesTabEnabled","allowPredefinedValues","predefinedValues","enabled","individualValidation","showValidatorsTab","list","validators","onClose"],"sources":["EditFieldDialog.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\nimport cloneDeep from \"lodash/cloneDeep.js\";\nimport type { FormOnSubmit } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsEditorContentModel, CmsModelField } from \"~/types.js\";\nimport { useModelEditor, useModelField } from \"~/admin/hooks/index.js\";\nimport { useRendererPlugins } from \"~/admin/components/FieldEditor/EditFieldDialog/useRendererPlugins.js\";\nimport { getFieldValidators } from \"~/admin/components/FieldEditor/EditFieldDialog/getValidators.js\";\nimport { EditFieldDrawerContainer } from \"./EditFieldDrawerContainer.js\";\n// To A/B test, swap the import above with the one below:\n// import { EditFieldDialogContainer } from \"./EditFieldDialogContainer.js\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/components/editor\");\n\nfunction setupState(field: CmsModelField, contentModel: CmsEditorContentModel): EditFieldState {\n    const clonedField = cloneDeep(field);\n\n    if (!clonedField.renderer || !clonedField.renderer.name) {\n        const [renderPlugin] = useRendererPlugins();\n\n        if (renderPlugin) {\n            clonedField.renderer = { name: renderPlugin.renderer.rendererName };\n        }\n    }\n\n    return {\n        shadowField: clonedField,\n        isTitleField: contentModel.titleFieldId === field.fieldId\n    };\n}\n\ninterface EditFieldState {\n    shadowField: CmsModelField;\n    isTitleField: boolean;\n}\n\ninterface EditFieldDialogProps {\n    onClose: () => void;\n    onSubmit: FormOnSubmit<CmsModelField>;\n}\n\nconst EditFieldDialog = (props: EditFieldDialogProps) => {\n    const { field, fieldPlugin } = useModelField();\n    const { data: contentModel, setData: setContentModelData } = useModelEditor();\n    const [{ shadowField, isTitleField }] = useState(setupState(field, contentModel));\n\n    const headerTitle = t`Field Settings - {fieldTypeLabel}`({\n        fieldTypeLabel: fieldPlugin.field.label\n    });\n\n    const onSubmit: FormOnSubmit<CmsModelField> = (data, form) => {\n        /**\n         * In case title field `fieldId` changed, we need to update the title field on the model itself.\n         */\n        if (isTitleField && contentModel.titleFieldId !== data.fieldId) {\n            setContentModelData(prev => {\n                return {\n                    ...prev,\n                    titleFieldId: data.fieldId\n                };\n            });\n        }\n\n        props.onSubmit(data, form);\n    };\n\n    const isSubtypeField = useMemo(() => {\n        if (!field.type) {\n            return false;\n        }\n        const value = field.type.split(\":\");\n        return value.length > 1;\n    }, [field.type]);\n\n    return (\n        /**\n         * We're using the `shadowField` as the new context, because we want all changes by form inputs\n         * to immediately be propagated to all dialog components.\n         */\n        <Form<CmsModelField> data={shadowField} onSubmit={onSubmit}>\n            {({ data: shadowField, submit }) => {\n                const predefinedValuesTabEnabled = !!(\n                    fieldPlugin.field.allowPredefinedValues &&\n                    shadowField.predefinedValues &&\n                    shadowField.predefinedValues.enabled\n                );\n\n                const individualValidation = getFieldValidators(shadowField, fieldPlugin);\n                const showValidatorsTab =\n                    shadowField.list || individualValidation.validators.length > 0;\n\n                return (\n                    <EditFieldDrawerContainer\n                        headerTitle={headerTitle}\n                        shadowField={shadowField}\n                        predefinedValuesTabEnabled={predefinedValuesTabEnabled}\n                        showValidatorsTab={showValidatorsTab}\n                        isSubtypeField={isSubtypeField}\n                        onClose={props.onClose}\n                        onSubmit={submit}\n                    />\n                );\n            }}\n        </Form>\n    );\n};\n\nexport default EditFieldDialog;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAChD,OAAOC,SAAS,MAAM,qBAAqB;AAE3C,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,SAASC,cAAc,EAAEC,aAAa;AACtC,SAASC,kBAAkB;AAC3B,SAASC,kBAAkB;AAC3B,SAASC,wBAAwB;AACjC;AACA;;AAEA,MAAMC,CAAC,GAAGN,IAAI,CAACO,SAAS,CAAC,0CAA0C,CAAC;AAEpE,SAASC,UAAUA,CAACC,KAAoB,EAAEC,YAAmC,EAAkB;EAC3F,MAAMC,WAAW,GAAGb,SAAS,CAACW,KAAK,CAAC;EAEpC,IAAI,CAACE,WAAW,CAACC,QAAQ,IAAI,CAACD,WAAW,CAACC,QAAQ,CAACC,IAAI,EAAE;IACrD,MAAM,CAACC,YAAY,CAAC,GAAGX,kBAAkB,CAAC,CAAC;IAE3C,IAAIW,YAAY,EAAE;MACdH,WAAW,CAACC,QAAQ,GAAG;QAAEC,IAAI,EAAEC,YAAY,CAACF,QAAQ,CAACG;MAAa,CAAC;IACvE;EACJ;EAEA,OAAO;IACHC,WAAW,EAAEL,WAAW;IACxBM,YAAY,EAAEP,YAAY,CAACQ,YAAY,KAAKT,KAAK,CAACU;EACtD,CAAC;AACL;AAYA,MAAMC,eAAe,GAAIC,KAA2B,IAAK;EACrD,MAAM;IAAEZ,KAAK;IAAEa;EAAY,CAAC,GAAGpB,aAAa,CAAC,CAAC;EAC9C,MAAM;IAAEqB,IAAI,EAAEb,YAAY;IAAEc,OAAO,EAAEC;EAAoB,CAAC,GAAGxB,cAAc,CAAC,CAAC;EAC7E,MAAM,CAAC;IAAEe,WAAW;IAAEC;EAAa,CAAC,CAAC,GAAGpB,QAAQ,CAACW,UAAU,CAACC,KAAK,EAAEC,YAAY,CAAC,CAAC;EAEjF,MAAMgB,WAAW,GAAGpB,CAAC,mCAAmC,CAAC;IACrDqB,cAAc,EAAEL,WAAW,CAACb,KAAK,CAACmB;EACtC,CAAC,CAAC;EAEF,MAAMC,QAAqC,GAAGA,CAACN,IAAI,EAAEO,IAAI,KAAK;IAC1D;AACR;AACA;IACQ,IAAIb,YAAY,IAAIP,YAAY,CAACQ,YAAY,KAAKK,IAAI,CAACJ,OAAO,EAAE;MAC5DM,mBAAmB,CAACM,IAAI,IAAI;QACxB,OAAO;UACH,GAAGA,IAAI;UACPb,YAAY,EAAEK,IAAI,CAACJ;QACvB,CAAC;MACL,CAAC,CAAC;IACN;IAEAE,KAAK,CAACQ,QAAQ,CAACN,IAAI,EAAEO,IAAI,CAAC;EAC9B,CAAC;EAED,MAAME,cAAc,GAAGpC,OAAO,CAAC,MAAM;IACjC,IAAI,CAACa,KAAK,CAACwB,IAAI,EAAE;MACb,OAAO,KAAK;IAChB;IACA,MAAMC,KAAK,GAAGzB,KAAK,CAACwB,IAAI,CAACE,KAAK,CAAC,GAAG,CAAC;IACnC,OAAOD,KAAK,CAACE,MAAM,GAAG,CAAC;EAC3B,CAAC,EAAE,CAAC3B,KAAK,CAACwB,IAAI,CAAC,CAAC;EAEhB;IAAA;IACI;AACR;AACA;AACA;IACQtC,KAAA,CAAA0C,aAAA,CAACtC,IAAI;MAAgBwB,IAAI,EAAEP,WAAY;MAACa,QAAQ,EAAEA;IAAS,GACtD,CAAC;MAAEN,IAAI,EAAEP,WAAW;MAAEsB;IAAO,CAAC,KAAK;MAChC,MAAMC,0BAA0B,GAAG,CAAC,EAChCjB,WAAW,CAACb,KAAK,CAAC+B,qBAAqB,IACvCxB,WAAW,CAACyB,gBAAgB,IAC5BzB,WAAW,CAACyB,gBAAgB,CAACC,OAAO,CACvC;MAED,MAAMC,oBAAoB,GAAGvC,kBAAkB,CAACY,WAAW,EAAEM,WAAW,CAAC;MACzE,MAAMsB,iBAAiB,GACnB5B,WAAW,CAAC6B,IAAI,IAAIF,oBAAoB,CAACG,UAAU,CAACV,MAAM,GAAG,CAAC;MAElE,oBACIzC,KAAA,CAAA0C,aAAA,CAAChC,wBAAwB;QACrBqB,WAAW,EAAEA,WAAY;QACzBV,WAAW,EAAEA,WAAY;QACzBuB,0BAA0B,EAAEA,0BAA2B;QACvDK,iBAAiB,EAAEA,iBAAkB;QACrCZ,cAAc,EAAEA,cAAe;QAC/Be,OAAO,EAAE1B,KAAK,CAAC0B,OAAQ;QACvBlB,QAAQ,EAAES;MAAO,CACpB,CAAC;IAEV,CACE;EAAC;AAEf,CAAC;AAED,eAAelB,eAAe","ignoreList":[]}

package/admin/components/FieldEditor/EditFieldDialogContainer.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { CmsModelField } from "../../../types.js";
+export interface EditFieldDialogContainerProps {
+    headerTitle: string;
+    shadowField: CmsModelField;
+    predefinedValuesTabEnabled: boolean;
+    showValidatorsTab: boolean;
+    isSubtypeField: boolean;
+    onClose: () => void;
+    onSubmit: () => void;
+}
+export declare const EditFieldDialogContainer: ({ headerTitle, shadowField, predefinedValuesTabEnabled, showValidatorsTab, isSubtypeField, onClose, onSubmit }: EditFieldDialogContainerProps) => React.JSX.Element;

package/admin/components/FieldEditor/EditFieldDialogContainer.js

@@ -0,0 +1,40 @@
+import React from "react";
+import { Dialog } from "@webiny/admin-ui";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { FieldSettingsTabs } from "./EditFieldDialog/FieldSettingsTabs.js";
+const t = i18n.namespace("app-headless-cms/admin/components/editor");
+export const EditFieldDialogContainer = ({
+  headerTitle,
+  shadowField,
+  predefinedValuesTabEnabled,
+  showValidatorsTab,
+  isSubtypeField,
+  onClose,
+  onSubmit
+}) => {
+  return /*#__PURE__*/React.createElement(Dialog, {
+    size: "full",
+    title: headerTitle,
+    open: true,
+    modal: true,
+    onClose: onClose,
+    bodyPadding: false,
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelAction, {
+      text: t`Cancel`,
+      onClick: onClose,
+      "data-testid": "cms.editor.field.settings.cancel"
+    }), /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
+      text: t`Save Field`,
+      onClick: onSubmit,
+      "data-testid": "cms.editor.field.settings.save"
+    })),
+    "data-testid": "cms-editor-edit-fields-dialog"
+  }, /*#__PURE__*/React.createElement(FieldSettingsTabs, {
+    shadowField: shadowField,
+    predefinedValuesTabEnabled: predefinedValuesTabEnabled,
+    showValidatorsTab: showValidatorsTab,
+    isSubtypeField: isSubtypeField
+  }));
+};
+
+//# sourceMappingURL=EditFieldDialogContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Dialog","i18n","FieldSettingsTabs","t","namespace","EditFieldDialogContainer","headerTitle","shadowField","predefinedValuesTabEnabled","showValidatorsTab","isSubtypeField","onClose","onSubmit","createElement","size","title","open","modal","bodyPadding","actions","Fragment","CancelAction","text","onClick","ConfirmAction"],"sources":["EditFieldDialogContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dialog } 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 EditFieldDialogContainerProps {\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 EditFieldDialogContainer = ({\n    headerTitle,\n    shadowField,\n    predefinedValuesTabEnabled,\n    showValidatorsTab,\n    isSubtypeField,\n    onClose,\n    onSubmit\n}: EditFieldDialogContainerProps) => {\n    return (\n        <Dialog\n            size={\"full\"}\n            title={headerTitle}\n            open={true}\n            modal={true}\n            onClose={onClose}\n            bodyPadding={false}\n            actions={\n                <>\n                    <Dialog.CancelAction\n                        text={t`Cancel`}\n                        onClick={onClose}\n                        data-testid=\"cms.editor.field.settings.cancel\"\n                    />\n                    <Dialog.ConfirmAction\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        </Dialog>\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,IAAI,EAAE,MAAO;IACbC,KAAK,EAAET,WAAY;IACnBU,IAAI,EAAE,IAAK;IACXC,KAAK,EAAE,IAAK;IACZN,OAAO,EAAEA,OAAQ;IACjBO,WAAW,EAAE,KAAM;IACnBC,OAAO,eACHpB,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAqB,QAAA,qBACIrB,KAAA,CAAAc,aAAA,CAACb,MAAM,CAACqB,YAAY;MAChBC,IAAI,EAAEnB,CAAC,QAAS;MAChBoB,OAAO,EAAEZ,OAAQ;MACjB,eAAY;IAAkC,CACjD,CAAC,eACFZ,KAAA,CAAAc,aAAA,CAACb,MAAM,CAACwB,aAAa;MACjBF,IAAI,EAAEnB,CAAC,YAAa;MACpBoB,OAAO,EAAEX,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":[]}

package/admin/components/FieldEditor/EditFieldDrawerContainer.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { CmsModelField } from "../../../types.js";
+export interface EditFieldDrawerContainerProps {
+    headerTitle: string;
+    shadowField: CmsModelField;
+    predefinedValuesTabEnabled: boolean;
+    showValidatorsTab: boolean;
+    isSubtypeField: boolean;
+    onClose: () => void;
+    onSubmit: () => void;
+}
+export declare const EditFieldDrawerContainer: ({ headerTitle, shadowField, predefinedValuesTabEnabled, showValidatorsTab, isSubtypeField, onClose, onSubmit }: EditFieldDrawerContainerProps) => React.JSX.Element;

package/admin/components/FieldEditor/EditFieldDrawerContainer.js

@@ -0,0 +1,40 @@
+import React from "react";
+import { Drawer } from "@webiny/admin-ui";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { FieldSettingsTabs } from "./EditFieldDialog/FieldSettingsTabs.js";
+const t = i18n.namespace("app-headless-cms/admin/components/editor");
+export const EditFieldDrawerContainer = ({
+  headerTitle,
+  shadowField,
+  predefinedValuesTabEnabled,
+  showValidatorsTab,
+  isSubtypeField,
+  onClose,
+  onSubmit
+}) => {
+  return /*#__PURE__*/React.createElement(Drawer, {
+    title: headerTitle,
+    open: true,
+    modal: true,
+    onClose: onClose,
+    bodyPadding: false,
+    footerSeparator: true,
+    size: "lg",
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Drawer.CancelButton, {
+      text: t`Cancel`,
+      "data-testid": "cms.editor.field.settings.cancel"
+    }), /*#__PURE__*/React.createElement(Drawer.ConfirmButton, {
+      text: t`Save Field`,
+      onClick: onSubmit,
+      "data-testid": "cms.editor.field.settings.save"
+    })),
+    "data-testid": "cms-editor-edit-fields-dialog"
+  }, /*#__PURE__*/React.createElement(FieldSettingsTabs, {
+    shadowField: shadowField,
+    predefinedValuesTabEnabled: predefinedValuesTabEnabled,
+    showValidatorsTab: showValidatorsTab,
+    isSubtypeField: isSubtypeField
+  }));
+};
+
+//# sourceMappingURL=EditFieldDrawerContainer.js.map

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

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

package/admin/components/FieldEditor/Field.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsModelField } from "../../../types";
+import type { CmsModelField } from "../../../types.js";
 export interface FieldProps {
     field: CmsModelField;
     onDelete: (field: CmsModelField) => void;

package/admin/components/FieldEditor/Field.js

@@ -1,20 +1,19 @@
 import React, { Fragment, useCallback, useMemo } from "react";
-import capitalize from "lodash/capitalize";
+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 { plugins } from "@webiny/plugins";
-import { i18n } from "@webiny/app/i18n";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import { useModelEditor } from "../../hooks";
-import { useModelFieldEditor } from "./useModelFieldEditor";
-import { useConfirmationDialog } from "@webiny/app-admin";
+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";
 const t = i18n.ns("app-headless-cms/admin/components/editor/field");
 const allowedTitleFieldTypes = ["text", "number"];
 const isFieldAllowedToBeTitle = (model, field, parent) => {
-  if (field.multipleValues || parent) {
+  if (field.list || parent) {
     return false;
   } else if (allowedTitleFieldTypes.includes(field.type) === false) {
     return false;
@@ -24,7 +23,7 @@ const isFieldAllowedToBeTitle = (model, field, parent) => {
   return true;
 };
 const isFieldAllowedToBeDescription = (model, field, parent) => {
-  if (field.multipleValues || parent) {
+  if (field.list || parent) {
     return false;
   } else if (model.descriptionFieldId === field.fieldId) {
     return false;
@@ -32,7 +31,7 @@ const isFieldAllowedToBeDescription = (model, field, parent) => {
   return field.type === "long-text";
 };
 const isFieldAllowedToBeImage = (model, field, parent) => {
-  if (field.multipleValues || parent) {
+  if (field.list || parent) {
     return false;
   } else if (model.imageFieldId === field.fieldId) {
     return false;
@@ -66,14 +65,6 @@ const Field = props => {
     getFieldPlugin,
     getFieldRendererPlugin
   } = useModelFieldEditor();
-  const {
-    showConfirmation
-  } = useConfirmationDialog({
-    title: t`Warning - You are trying to delete a locked field!`,
-    message: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, t`You are about to delete a field which is used in the data storage`), /*#__PURE__*/React.createElement("p", null, t`All data in that field will be lost and there is no going back!`), /*#__PURE__*/React.createElement("p", null, "\xA0"), /*#__PURE__*/React.createElement("p", null, t`Are you sure you want to continue?`))
-  });
-  const lockedFields = model?.lockedFields || [];
-  const isLocked = lockedFields.some(lockedField => lockedField.fieldId === field.storageId);
   const removeFieldFromSelected = useCallback(async () => {
     if (model.titleFieldId === field.fieldId) {
       await setModel(data => {
@@ -99,16 +90,10 @@ const Field = props => {
     }
   }, [field.id, setModel, model]);
   const onDelete = useCallback(async () => {
-    if (!isLocked) {
-      await removeFieldFromSelected();
-      props.onDelete(field);
-      return;
-    }
-    showConfirmation(async () => {
-      await removeFieldFromSelected();
-      props.onDelete(field);
-    });
-  }, [field.fieldId, lockedFields]);
+    await removeFieldFromSelected();
+    props.onDelete(field);
+    return;
+  }, [field.fieldId]);
   const setAsTitle = useCallback(async () => {
     const response = await setModel(data => {
       return {
@@ -167,18 +152,18 @@ const Field = props => {
     return fn;
   }, [field.id]);
   const fieldInformationRenderer = fieldPlugin.field?.renderInfo;
-  const info = [rendererPlugin?.renderer.name, field.multipleValues ? "multiple values" : null].filter(Boolean).join(", ");
+  const info = [rendererPlugin?.renderer.name, field.list ? "multiple values" : null].filter(Boolean).join(", ");
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-justify-between wby-align-center"
+    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: "wby-text-neutral-strong"
+    className: "text-neutral-strong"
   }, fieldPlugin.field.label, info && /*#__PURE__*/React.createElement("span", {
-    className: "wby-lowercase"
+    className: "lowercase"
   }, " (", info, ")"))), /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-justify-end wby-gap-sm"
+    className: "flex items-center justify-end gap-sm"
   }, fieldInformationRenderer ? fieldInformationRenderer({
     model,
     field
@@ -227,9 +212,9 @@ const Field = props => {
       element: /*#__PURE__*/React.createElement(DeleteIcon, null),
       label: t`Delete`
     }),
-    className: "!wby-text-destructive-primary [&_svg]:wby-fill-destructive"
+    className: "text-destructive-primary! [&_svg]:fill-destructive"
   })))), fieldPlugin.field.render && /*#__PURE__*/React.createElement("div", {
-    className: "wby-pt-md"
+    className: "pt-md"
   }, fieldPlugin.field.render({
     field,
     data: model,

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

@@ -1 +1 @@
-{"version":3,"names":["React","Fragment","useCallback","useMemo","capitalize","ReactComponent","EditIcon","DeleteIcon","TitleIcon","MoreVerticalIcon","plugins","i18n","useSnackbar","useModelEditor","useModelFieldEditor","useConfirmationDialog","IconButton","Heading","Text","DropdownMenu","Tag","t","ns","allowedTitleFieldTypes","isFieldAllowedToBeTitle","model","field","parent","multipleValues","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","showConfirmation","title","message","createElement","lockedFields","isLocked","some","lockedField","storageId","removeFieldFromSelected","id","onDelete","setAsTitle","response","error","setAsDescription","setAsImage","fieldPlugin","editorFieldOptionPlugins","byType","rendererPlugin","renderer","name","canEdit","canEditSettings","defaultInformationRenderer","fieldTypeName","fn","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\";\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\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useModelEditor } from \"~/admin/hooks\";\nimport { useModelFieldEditor } from \"~/admin/components/FieldEditor/useModelFieldEditor\";\nimport { useConfirmationDialog } 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.multipleValues || 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.multipleValues || 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.multipleValues || 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 { showConfirmation } = useConfirmationDialog({\n        title: t`Warning - You are trying to delete a locked field!`,\n        message: (\n            <>\n                <p>{t`You are about to delete a field which is used in the data storage`}</p>\n                <p>{t`All data in that field will be lost and there is no going back!`}</p>\n                <p>&nbsp;</p>\n                <p>{t`Are you sure you want to continue?`}</p>\n            </>\n        )\n    });\n    const lockedFields = model?.lockedFields || [];\n    const isLocked = lockedFields.some(lockedField => lockedField.fieldId === field.storageId);\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        if (!isLocked) {\n            await removeFieldFromSelected();\n            props.onDelete(field);\n            return;\n        }\n        showConfirmation(async () => {\n            await removeFieldFromSelected();\n            props.onDelete(field);\n        });\n    }, [field.fieldId, lockedFields]);\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.multipleValues ? \"multiple values\" : null]\n        .filter(Boolean)\n        .join(\", \");\n\n    return (\n        <Fragment>\n            <div className={\"wby-flex wby-justify-between wby-align-center\"}>\n                <div>\n                    <Heading level={6}>{field.label}</Heading>\n                    <Text size={\"sm\"} className={\"wby-text-neutral-strong\"}>\n                        {fieldPlugin.field.label}\n                        {info && <span className={\"wby-lowercase\"}> ({info})</span>}\n                    </Text>\n                </div>\n                <div className={\"wby-flex wby-items-center wby-justify-end wby-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={\"!wby-text-destructive-primary [&_svg]:wby-fill-destructive\"}\n                        />\n                    </DropdownMenu>\n                </div>\n            </div>\n            {fieldPlugin.field.render && (\n                <div className={\"wby-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":"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","ignoreList":[]}
+{"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":"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","ignoreList":[]}

package/admin/components/FieldEditor/FieldEditor.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsModelField, CmsEditorFieldsLayout } from "../../../types";
+import type { CmsEditorFieldsLayout, CmsModelField } from "../../../types.js";
 export interface FieldEditorProps {
     parent?: CmsModelField;
     layout: CmsEditorFieldsLayout;