@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

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

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

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

@@ -1,3 +1,10 @@
 import React from "react";
-declare const _default: React.MemoExoticComponent<(props: any) => JSX.Element>;
+import type { CmsModelField } from "../../../types";
+export interface FieldProps {
+    field: CmsModelField;
+    onDelete: (field: CmsModelField) => void;
+    onEdit: (field: CmsModelField) => void;
+    parent?: CmsModelField;
+}
+declare const _default: React.MemoExoticComponent<(props: FieldProps) => React.JSX.Element | null>;
 export default _default;

package/admin/components/FieldEditor/Field.js

@@ -1,179 +1,241 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { Fragment, useCallback } from "react";
-import { css } from "emotion";
-import styled from "@emotion/styled";
-import { IconButton } from "@webiny/ui/Button";
-import { Typography } from "@webiny/ui/Typography";
-import { ReactComponent as EditIcon } from "@svgr/webpack!../../icons/edit.svg";
-import { ReactComponent as DeleteIcon } from "@svgr/webpack!../../icons/delete.svg";
-import { ReactComponent as TitleIcon } from "@svgr/webpack!../../icons/title-24px.svg";
-import { ReactComponent as MoreVerticalIcon } from "@svgr/webpack!../../icons/more_vert.svg";
-import { Menu, MenuItem } from "@webiny/ui/Menu";
+import React, { Fragment, useCallback, useMemo } from "react";
+import capitalize from "lodash/capitalize";
+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 { ListItemGraphic } from "@webiny/ui/List";
-import { Icon } from "@webiny/ui/Icon";
 import { i18n } from "@webiny/app/i18n";
 import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import { useContentModelEditor } from "../ContentModelEditor/useContentModelEditor";
-import { useFieldEditor } from "./useFieldEditor";
-var t = i18n.ns("app-headless-cms/admin/components/editor/field");
-var FieldContainer = /*#__PURE__*/styled("div", {
-  target: "erv8xml0",
-  label: "FieldContainer"
-})({
-  display: "flex",
-  flexDirection: "row",
-  justifyContent: "space-between",
-  alignItems: "center"
-});
-var Info = /*#__PURE__*/styled("div", {
-  target: "erv8xml1",
-  label: "Info"
-})({
-  display: "flex",
-  flexDirection: "column",
-  "> *": {
-    flex: "1 100%",
-    lineHeight: "150%"
-  }
-});
-var Actions = /*#__PURE__*/styled("div", {
-  target: "erv8xml2",
-  label: "Actions"
-})({
-  display: "flex",
-  flexDirection: "row",
-  alignItems: "right",
-  "> *": {
-    flex: "1 100%"
-  }
-});
-var menuStyles = /*#__PURE__*/css({
-  width: 220,
-  right: -105,
-  left: "auto !important",
-  ".disabled": {
-    opacity: 0.5,
-    pointerEvents: "none"
-  }
-}, "label:menuStyles;");
-var allowedTitleFieldTypes = ["text", "number"];
-
-var isFieldAllowedToBeTitle = function isFieldAllowedToBeTitle(field, parent) {
+import { useModelEditor } from "../../hooks";
+import { useModelFieldEditor } from "./useModelFieldEditor";
+import { useConfirmationDialog } 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) {
     return false;
   } else if (allowedTitleFieldTypes.includes(field.type) === false) {
     return false;
+  } else if (model.titleFieldId === field.fieldId) {
+    return false;
   }
-
   return true;
 };
-
-var Field = function Field(props) {
-  var field = props.field,
-      onEdit = props.onEdit,
-      parent = props.parent;
-
-  var _useSnackbar = useSnackbar(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
-  var _useContentModelEdito = useContentModelEditor(),
-      setData = _useContentModelEdito.setData,
-      data = _useContentModelEdito.data;
-
-  var _useFieldEditor = useFieldEditor(),
-      getFieldPlugin = _useFieldEditor.getFieldPlugin;
-
-  var onDelete = useCallback(function () {
-    props.onDelete(field);
-  }, [field.fieldId]);
-  var setAsTitle = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var response;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return setData(function (data) {
-              return _objectSpread(_objectSpread({}, data), {}, {
-                titleFieldId: field.fieldId
-              });
-            });
-
-          case 2:
-            response = _context.sent;
-
-            if (!response.error) {
-              _context.next = 5;
-              break;
-            }
-
-            return _context.abrupt("return", showSnackbar(response.error.message));
-
-          case 5:
-            showSnackbar(t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Title field set successfully."]))));
-
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  })), [field.fieldId]);
-  var fieldPlugin = getFieldPlugin(field.type);
-  var editorFieldOptionPlugins = plugins.byType("cms-editor-field-option");
-
+const isFieldAllowedToBeDescription = (model, field, parent) => {
+  if (field.multipleValues || parent) {
+    return false;
+  } else if (model.descriptionFieldId === field.fieldId) {
+    return false;
+  }
+  return field.type === "long-text";
+};
+const isFieldAllowedToBeImage = (model, field, parent) => {
+  if (field.multipleValues || parent) {
+    return false;
+  } else if (model.imageFieldId === field.fieldId) {
+    return false;
+  }
+  return field.type === "file" && 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 Field = props => {
+  const {
+    field,
+    onEdit,
+    parent
+  } = props;
+  const {
+    showSnackbar,
+    showErrorSnackbar
+  } = useSnackbar();
+  const {
+    setData: setModel,
+    data: model
+  } = useModelEditor();
+  const {
+    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 => {
+        return {
+          ...data,
+          titleFieldId: null
+        };
+      });
+    } 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 () => {
+    if (!isLocked) {
+      await removeFieldFromSelected();
+      props.onDelete(field);
+      return;
+    }
+    showConfirmation(async () => {
+      await removeFieldFromSelected();
+      props.onDelete(field);
+    });
+  }, [field.fieldId, lockedFields]);
+  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;
   }
-
-  var lockedFields = data.lockedFields || [];
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Info, null, /*#__PURE__*/React.createElement(Typography, {
-    use: "subtitle1"
-  }, field.label), /*#__PURE__*/React.createElement(Typography, {
-    use: "caption"
-  }, fieldPlugin.field.label, " ", field.multipleValues && /*#__PURE__*/React.createElement(React.Fragment, null, "(", t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["multiple values"]))), ")"), field.fieldId === data.titleFieldId && /*#__PURE__*/React.createElement(React.Fragment, null, "(", t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["entry title"]))), ")"))), /*#__PURE__*/React.createElement(Actions, null, /*#__PURE__*/React.createElement(IconButton, {
+  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.multipleValues ? "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"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, {
+    level: 6
+  }, field.label), /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    className: "wby-text-neutral-strong"
+  }, fieldPlugin.field.label, info && /*#__PURE__*/React.createElement("span", {
+    className: "wby-lowercase"
+  }, " (", info, ")"))), /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-justify-end wby-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: function onClick() {
-      return onEdit(field);
-    }
-  }), /*#__PURE__*/React.createElement(Menu, {
-    className: menuStyles,
-    handle: /*#__PURE__*/React.createElement(IconButton, {
-      icon: /*#__PURE__*/React.createElement(MoreVerticalIcon, 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(function (pl) {
-    return /*#__PURE__*/React.cloneElement(pl.render(), {
-      key: pl.name
-    });
-  }), /*#__PURE__*/React.createElement(MenuItem, {
-    disabled: !isFieldAllowedToBeTitle(field, parent),
-    onClick: setAsTitle
-  }, /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(TitleIcon, null)
-  })), t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Use as title"])))), /*#__PURE__*/React.createElement(MenuItem, {
-    disabled: lockedFields.some(function (lockedField) {
-      return lockedField.fieldId === field.fieldId;
+  }, 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`
     }),
-    onClick: onDelete
-  }, /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(DeleteIcon, null)
-  })), lockedFields.find(function (lockedField) {
-    return lockedField.fieldId === field.fieldId;
-  }) ? t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Cannot delete"]))) : t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Delete"]))))))), /*#__PURE__*/React.createElement("div", {
-    className: "field-extra"
-  }, fieldPlugin.field.render && fieldPlugin.field.render({
-    field: field,
-    data: data,
-    setData: setData
+    className: "!wby-text-destructive-primary [&_svg]:wby-fill-destructive"
+  })))), fieldPlugin.field.render && /*#__PURE__*/React.createElement("div", {
+    className: "wby-pt-md"
+  }, fieldPlugin.field.render({
+    field,
+    data: model,
+    setData: setModel
   })));
 };
+export default /*#__PURE__*/React.memo(Field);
 
-export default /*#__PURE__*/React.memo(Field);
+//# sourceMappingURL=Field.js.map

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

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

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

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-import { CmsEditorField, CmsEditorFieldsLayout } from "../../../types";
+import React from "react";
+import type { CmsModelField, CmsEditorFieldsLayout } from "../../../types";
 export interface FieldEditorProps {
-    parent?: CmsEditorField;
+    parent?: CmsModelField;
     layout: CmsEditorFieldsLayout;
-    fields: CmsEditorField[];
+    fields: CmsModelField[];
     onChange: (params: {
-        fields: CmsEditorField[];
+        fields: CmsModelField[];
         layout: CmsEditorFieldsLayout;
     }) => void;
 }
-export declare const FieldEditor: (props: FieldEditorProps) => JSX.Element;
+export declare const FieldEditor: (props: FieldEditorProps) => React.JSX.Element;