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

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

@@ -1,175 +1,148 @@
 import zod from "zod";
-import React, { useEffect, useCallback, useRef, useMemo } from "react";
+import react, { useCallback, useEffect, useMemo, useRef } from "react";
 import camelCase from "lodash/camelCase.js";
-import { Grid, Switch, Input, Textarea } from "@webiny/admin-ui";
+import { Grid, Input, Switch, Tags, Textarea } from "@webiny/admin-ui";
 import { validation } from "@webiny/validation";
-import { Tags } from "@webiny/ui/Tags/index.js";
-import { useForm, Bind } from "@webiny/form";
+import { Bind, useForm } from "@webiny/form";
 import { useModelFieldEditor } from "../index.js";
-import { useModelEditor } from "../../../hooks/index.js";
-import { useModelField } from "../../../hooks/index.js";
+import { useModelEditor, useModelField } from "../../../hooks/index.js";
 const fieldIdSchema = zod.string().max(100).regex(/^!?[a-zA-Z]/, {
-  message: `Must not start with a number.`
+    message: "Must not start with a number."
 }).regex(/^(^[a-zA-Z0-9]+)$/, {
-  message: `Must be alphanumeric string.`
+    message: "Must be alphanumeric string."
 });
-const GeneralTab = () => {
-  const form = useForm();
-  const {
-    field,
-    fieldPlugin
-  } = useModelField();
-  const inputRef = useRef(null);
-  const {
-    data: contentModel
-  } = useModelEditor();
-  const editorContext = useModelFieldEditor();
-  const {
-    getField
-  } = editorContext;
-
-  // Had problems with autofocusing the "label" field. A couple of comments on this.
-  // 1. It's probably caused by the Tabs component which wraps this component.
-  // 2. It seems that the "autoFocus" prop on the Input doesn't work. I can't see it attached in the actual DOM.
-  // 3. This works, but it's not 100%. Visually, the cursor is frozen, and that's probably caused by a bug / design
-  //    in the RMWC / Material library. If you were to click somewhere on screen, and then apply focus, then
-  //    it seems it's behaving correctly. ¯\_(ツ)_/¯
-  useEffect(() => {
-    setTimeout(() => {
-      if (!inputRef.current) {
-        return;
-      }
-      inputRef.current.focus();
-    }, /* The value of 400 was determined by manual testing. */400);
-  }, []);
-  const afterChangeLabel = useCallback(value => {
-    form.setValue("fieldId", camelCase(value));
-  }, []);
-  const beforeChangeFieldId = useCallback((value, baseOnChange) => {
-    baseOnChange(value.trim());
-  }, []);
-  const fieldIdValidator = useCallback(fieldId => {
-    const result = fieldIdSchema.safeParse(fieldId);
-    if (!result.success) {
-      throw new Error(result.error.issues[0].message);
-    }
-  }, []);
-  const uniqueFieldIdValidator = useCallback(fieldId => {
-    // Check the current context.
-    const existingField = getField({
-      fieldId
-    });
-    if (existingField && existingField.id !== field.id) {
-      throw new Error("Please enter a unique Field ID.");
-    }
-
-    // If we're inside a layout field (e.g. a tab), also check the parent context
-    // where hoisted fields live. A layout field context has a parent with no
-    // registered field type plugin (synthetic parent).
-    const parent = editorContext.parentEditorContext;
-    if (parent && editorContext.parent && !editorContext.getFieldPlugin(editorContext.parent.type)) {
-      const parentField = parent.getField({
-        fieldId
-      });
-      if (parentField && parentField.id !== field.id) {
-        throw new Error("Please enter a unique Field ID.");
-      }
-    }
-    return true;
-  }, []);
-  let additionalSettings = null;
-  if (typeof fieldPlugin.field.renderSettings === "function") {
-    additionalSettings = fieldPlugin.field.renderSettings({
-      afterChangeLabel,
-      uniqueFieldIdValidator,
-      contentModel
+const GeneralTab = ()=>{
+    const form = useForm();
+    const { field, fieldPlugin } = useModelField();
+    const inputRef = useRef(null);
+    const { data: contentModel } = useModelEditor();
+    const editorContext = useModelFieldEditor();
+    const { getField } = editorContext;
+    useEffect(()=>{
+        setTimeout(()=>{
+            if (!inputRef.current) return;
+            inputRef.current.focus();
+        }, 400);
+    }, []);
+    const afterChangeLabel = useCallback((value)=>{
+        form.setValue("fieldId", camelCase(value));
+    }, []);
+    const beforeChangeFieldId = useCallback((value, baseOnChange)=>{
+        baseOnChange(value.trim());
+    }, []);
+    const fieldIdValidator = useCallback((fieldId)=>{
+        const result = fieldIdSchema.safeParse(fieldId);
+        if (!result.success) throw new Error(result.error.issues[0].message);
+    }, []);
+    const uniqueFieldIdValidator = useCallback((fieldId)=>{
+        const existingField = getField({
+            fieldId
+        });
+        if (existingField && existingField.id !== field.id) throw new Error("Please enter a unique Field ID.");
+        const parent = editorContext.parentEditorContext;
+        if (parent && editorContext.parent && !editorContext.getFieldPlugin(editorContext.parent.type)) {
+            const parentField = parent.getField({
+                fieldId
+            });
+            if (parentField && parentField.id !== field.id) throw new Error("Please enter a unique Field ID.");
+        }
+        return true;
+    }, []);
+    let additionalSettings = null;
+    if ("function" == typeof fieldPlugin.field.renderSettings) additionalSettings = fieldPlugin.field.renderSettings({
+        afterChangeLabel,
+        uniqueFieldIdValidator,
+        contentModel
     });
-  }
-  const predefinedValuesEnabled = useMemo(() => (fieldPlugin.field.allowPredefinedValues || false) && typeof fieldPlugin.field.renderPredefinedValues === "function", [field.fieldId]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, {
-    gap: "comfortable"
-  }, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 6
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "label",
-    validators: validation.create("required"),
-    afterChange: value => {
-      if (field.id) {
-        return;
-      }
-      afterChangeLabel(value);
-    }
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: "Label",
-    size: "lg",
-    inputRef: inputRef,
-    "data-testid": "cms.editor.field.settings.general.label"
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 6
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "fieldId",
-    validators: [validation.create("required"), uniqueFieldIdValidator, fieldIdValidator],
-    beforeChange: beforeChangeFieldId
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: "Field ID",
-    size: "lg",
-    "data-testid": `cms.editor.field.settings.general.label-${field.id}`
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 6
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "list"
-  }, /*#__PURE__*/React.createElement(Switch, {
-    label: fieldPlugin.field.listLabel,
-    disabled: !fieldPlugin.field.allowList,
-    "data-testid": `cms.editor.field.settings.general.switch-multiplevalues`
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 6
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "predefinedValues.enabled"
-  }, /*#__PURE__*/React.createElement(Switch, {
-    label: "Use predefined values",
-    disabled: !predefinedValuesEnabled,
-    "data-testid": `cms.editor.field.settings.general.switch-predefinedvalues`
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "description"
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: "Description",
-    description: "This text will be shown below the label (optional)",
-    size: "lg",
-    "data-testid": `cms.editor.field.settings.general.description`
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "note"
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: "Note",
-    description: "This text will be shown below the input (optional)",
-    size: "lg",
-    "data-testid": `cms.editor.field.settings.general.note`
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "help"
-  }, /*#__PURE__*/React.createElement(Textarea, {
-    label: "Help",
-    description: "This text will be shown in a tooltip (optional)",
-    size: "lg",
-    "data-testid": `cms.editor.field.settings.general.help`
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "tags"
-  }, /*#__PURE__*/React.createElement(Tags, {
-    label: "Tags",
-    description: "Field tags are useful for developers and are not visible in the UI (optional)",
-    protectedTags: fieldPlugin.field.tags,
-    "data-testid": `cms.editor.field.settings.general.tags`
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, additionalSettings)));
+    const predefinedValuesEnabled = useMemo(()=>(fieldPlugin.field.allowPredefinedValues || false) && "function" == typeof fieldPlugin.field.renderPredefinedValues, [
+        field.fieldId
+    ]);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Grid, {
+        gap: "comfortable"
+    }, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "label",
+        validators: validation.create("required"),
+        afterChange: (value)=>{
+            if (field.id) return;
+            afterChangeLabel(value);
+        }
+    }, /*#__PURE__*/ react.createElement(Input, {
+        label: "Label",
+        size: "lg",
+        inputRef: inputRef,
+        "data-testid": "cms.editor.field.settings.general.label"
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "fieldId",
+        validators: [
+            validation.create("required"),
+            uniqueFieldIdValidator,
+            fieldIdValidator
+        ],
+        beforeChange: beforeChangeFieldId
+    }, /*#__PURE__*/ react.createElement(Input, {
+        label: "Field ID",
+        size: "lg",
+        "data-testid": `cms.editor.field.settings.general.label-${field.id}`
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "list"
+    }, /*#__PURE__*/ react.createElement(Switch, {
+        label: fieldPlugin.field.listLabel,
+        disabled: !fieldPlugin.field.allowList,
+        "data-testid": "cms.editor.field.settings.general.switch-multiplevalues"
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "predefinedValues.enabled"
+    }, /*#__PURE__*/ react.createElement(Switch, {
+        label: "Use predefined values",
+        disabled: !predefinedValuesEnabled,
+        "data-testid": "cms.editor.field.settings.general.switch-predefinedvalues"
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "description"
+    }, /*#__PURE__*/ react.createElement(Input, {
+        label: "Description",
+        description: "This text will be shown below the label (optional)",
+        size: "lg",
+        "data-testid": "cms.editor.field.settings.general.description"
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "note"
+    }, /*#__PURE__*/ react.createElement(Input, {
+        label: "Note",
+        description: "This text will be shown below the input (optional)",
+        size: "lg",
+        "data-testid": "cms.editor.field.settings.general.note"
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "help"
+    }, /*#__PURE__*/ react.createElement(Textarea, {
+        label: "Help",
+        description: "This text will be shown in a tooltip (optional)",
+        size: "lg",
+        "data-testid": "cms.editor.field.settings.general.help"
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "tags"
+    }, /*#__PURE__*/ react.createElement(Tags, {
+        label: "Tags",
+        description: "Field tags are useful for developers and are not visible in the UI (optional)",
+        "data-testid": "cms.editor.field.settings.general.tags"
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, additionalSettings)));
 };
-export default GeneralTab;
+const EditFieldDialog_GeneralTab = GeneralTab;
+export default EditFieldDialog_GeneralTab;
 
 //# sourceMappingURL=GeneralTab.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["zod","React","useEffect","useCallback","useRef","useMemo","camelCase","Grid","Switch","Input","Textarea","validation","Tags","useForm","Bind","useModelFieldEditor","useModelEditor","useModelField","fieldIdSchema","string","max","regex","message","GeneralTab","form","field","fieldPlugin","inputRef","data","contentModel","editorContext","getField","setTimeout","current","focus","afterChangeLabel","value","setValue","beforeChangeFieldId","baseOnChange","trim","fieldIdValidator","fieldId","result","safeParse","success","Error","error","issues","uniqueFieldIdValidator","existingField","id","parent","parentEditorContext","getFieldPlugin","type","parentField","additionalSettings","renderSettings","predefinedValuesEnabled","allowPredefinedValues","renderPredefinedValues","createElement","Fragment","gap","Column","span","name","validators","create","afterChange","label","size","beforeChange","listLabel","disabled","allowList","description","protectedTags","tags"],"sources":["GeneralTab.tsx"],"sourcesContent":["import zod from \"zod\";\nimport React, { useEffect, useCallback, useRef, useMemo } from \"react\";\nimport camelCase from \"lodash/camelCase.js\";\nimport { Grid, Switch, Input, Textarea } from \"@webiny/admin-ui\";\nimport { validation } from \"@webiny/validation\";\nimport { Tags } from \"@webiny/ui/Tags/index.js\";\nimport { useForm, Bind } from \"@webiny/form\";\nimport { useModelFieldEditor } from \"~/admin/components/FieldEditor/index.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { useModelField } from \"~/admin/hooks/index.js\";\n\nconst fieldIdSchema = zod\n    .string()\n    .max(100)\n    .regex(/^!?[a-zA-Z]/, {\n        message: `Must not start with a number.`\n    })\n    .regex(/^(^[a-zA-Z0-9]+)$/, {\n        message: `Must be alphanumeric string.`\n    });\n\nconst GeneralTab = () => {\n    const form = useForm();\n    const { field, fieldPlugin } = useModelField();\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const { data: contentModel } = useModelEditor();\n    const editorContext = useModelFieldEditor();\n    const { getField } = editorContext;\n\n    // Had problems with autofocusing the \"label\" field. A couple of comments on this.\n    // 1. It's probably caused by the Tabs component which wraps this component.\n    // 2. It seems that the \"autoFocus\" prop on the Input doesn't work. I can't see it attached in the actual DOM.\n    // 3. This works, but it's not 100%. Visually, the cursor is frozen, and that's probably caused by a bug / design\n    //    in the RMWC / Material library. If you were to click somewhere on screen, and then apply focus, then\n    //    it seems it's behaving correctly. ¯\\_(ツ)_/¯\n    useEffect(() => {\n        setTimeout(() => {\n            if (!inputRef.current) {\n                return;\n            }\n            inputRef.current.focus();\n        }, /* The value of 400 was determined by manual testing. */ 400);\n    }, []);\n\n    const afterChangeLabel = useCallback((value: string) => {\n        form.setValue(\"fieldId\", camelCase(value));\n    }, []);\n\n    const beforeChangeFieldId = useCallback(\n        (value: string, baseOnChange: (value: string) => void) => {\n            baseOnChange(value.trim());\n        },\n        []\n    );\n\n    const fieldIdValidator = useCallback((fieldId: string) => {\n        const result = fieldIdSchema.safeParse(fieldId);\n\n        if (!result.success) {\n            throw new Error(result.error.issues[0].message);\n        }\n    }, []);\n\n    const uniqueFieldIdValidator = useCallback((fieldId: string) => {\n        // Check the current context.\n        const existingField = getField({ fieldId });\n        if (existingField && existingField.id !== field.id) {\n            throw new Error(\"Please enter a unique Field ID.\");\n        }\n\n        // If we're inside a layout field (e.g. a tab), also check the parent context\n        // where hoisted fields live. A layout field context has a parent with no\n        // registered field type plugin (synthetic parent).\n        const parent = editorContext.parentEditorContext;\n        if (\n            parent &&\n            editorContext.parent &&\n            !editorContext.getFieldPlugin(editorContext.parent.type)\n        ) {\n            const parentField = parent.getField({ fieldId });\n            if (parentField && parentField.id !== field.id) {\n                throw new Error(\"Please enter a unique Field ID.\");\n            }\n        }\n\n        return true;\n    }, []);\n\n    let additionalSettings: React.ReactNode | null = null;\n    if (typeof fieldPlugin.field.renderSettings === \"function\") {\n        additionalSettings = fieldPlugin.field.renderSettings({\n            afterChangeLabel,\n            uniqueFieldIdValidator,\n            contentModel\n        });\n    }\n\n    const predefinedValuesEnabled = useMemo(\n        (): boolean =>\n            (fieldPlugin.field.allowPredefinedValues || false) &&\n            typeof fieldPlugin.field.renderPredefinedValues === \"function\",\n        [field.fieldId]\n    );\n\n    return (\n        <>\n            <Grid gap={\"comfortable\"}>\n                <Grid.Column span={6}>\n                    <Bind\n                        name={\"label\"}\n                        validators={validation.create(\"required\")}\n                        afterChange={(value: string) => {\n                            if (field.id) {\n                                return;\n                            }\n                            afterChangeLabel(value);\n                        }}\n                    >\n                        <Input\n                            label={\"Label\"}\n                            size={\"lg\"}\n                            inputRef={inputRef}\n                            data-testid=\"cms.editor.field.settings.general.label\"\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    <Bind\n                        name={\"fieldId\"}\n                        validators={[\n                            validation.create(\"required\"),\n                            uniqueFieldIdValidator,\n                            fieldIdValidator\n                        ]}\n                        beforeChange={beforeChangeFieldId}\n                    >\n                        <Input\n                            label={\"Field ID\"}\n                            size={\"lg\"}\n                            data-testid={`cms.editor.field.settings.general.label-${field.id}`}\n                        />\n                    </Bind>\n                </Grid.Column>\n\n                <Grid.Column span={6}>\n                    <Bind name={\"list\"}>\n                        <Switch\n                            label={fieldPlugin.field.listLabel}\n                            disabled={!fieldPlugin.field.allowList}\n                            data-testid={`cms.editor.field.settings.general.switch-multiplevalues`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    <Bind name={\"predefinedValues.enabled\"}>\n                        <Switch\n                            label={\"Use predefined values\"}\n                            disabled={!predefinedValuesEnabled}\n                            data-testid={`cms.editor.field.settings.general.switch-predefinedvalues`}\n                        />\n                    </Bind>\n                </Grid.Column>\n\n                <Grid.Column span={12}>\n                    <Bind name={\"description\"}>\n                        <Input\n                            label={\"Description\"}\n                            description={\"This text will be shown below the label (optional)\"}\n                            size={\"lg\"}\n                            data-testid={`cms.editor.field.settings.general.description`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"note\"}>\n                        <Input\n                            label={\"Note\"}\n                            description={\"This text will be shown below the input (optional)\"}\n                            size={\"lg\"}\n                            data-testid={`cms.editor.field.settings.general.note`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"help\"}>\n                        <Textarea\n                            label={\"Help\"}\n                            description={\"This text will be shown in a tooltip (optional)\"}\n                            size={\"lg\"}\n                            data-testid={`cms.editor.field.settings.general.help`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"tags\"}>\n                        <Tags\n                            label={\"Tags\"}\n                            description={\n                                \"Field tags are useful for developers and are not visible in the UI (optional)\"\n                            }\n                            protectedTags={fieldPlugin.field.tags}\n                            data-testid={`cms.editor.field.settings.general.tags`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>{additionalSettings}</Grid.Column>\n            </Grid>\n        </>\n    );\n};\n\nexport default GeneralTab;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"admin/components/FieldEditor/EditFieldDialog/GeneralTab.js","sources":["../../../../../src/admin/components/FieldEditor/EditFieldDialog/GeneralTab.tsx"],"sourcesContent":["import zod from \"zod\";\nimport React, { useEffect, useCallback, useRef, useMemo } from \"react\";\nimport camelCase from \"lodash/camelCase.js\";\nimport { Grid, Switch, Input, Textarea } from \"@webiny/admin-ui\";\nimport { validation } from \"@webiny/validation\";\nimport { Tags } from \"@webiny/admin-ui\";\nimport { useForm, Bind } from \"@webiny/form\";\nimport { useModelFieldEditor } from \"~/admin/components/FieldEditor/index.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { useModelField } from \"~/admin/hooks/index.js\";\n\nconst fieldIdSchema = zod\n    .string()\n    .max(100)\n    .regex(/^!?[a-zA-Z]/, {\n        message: `Must not start with a number.`\n    })\n    .regex(/^(^[a-zA-Z0-9]+)$/, {\n        message: `Must be alphanumeric string.`\n    });\n\nconst GeneralTab = () => {\n    const form = useForm();\n    const { field, fieldPlugin } = useModelField();\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const { data: contentModel } = useModelEditor();\n    const editorContext = useModelFieldEditor();\n    const { getField } = editorContext;\n\n    // Had problems with autofocusing the \"label\" field. A couple of comments on this.\n    // 1. It's probably caused by the Tabs component which wraps this component.\n    // 2. It seems that the \"autoFocus\" prop on the Input doesn't work. I can't see it attached in the actual DOM.\n    // 3. This works, but it's not 100%. Visually, the cursor is frozen, and that's probably caused by a bug / design\n    //    in the RMWC / Material library. If you were to click somewhere on screen, and then apply focus, then\n    //    it seems it's behaving correctly. ¯\\_(ツ)_/¯\n    useEffect(() => {\n        setTimeout(() => {\n            if (!inputRef.current) {\n                return;\n            }\n            inputRef.current.focus();\n        }, /* The value of 400 was determined by manual testing. */ 400);\n    }, []);\n\n    const afterChangeLabel = useCallback((value: string) => {\n        form.setValue(\"fieldId\", camelCase(value));\n    }, []);\n\n    const beforeChangeFieldId = useCallback(\n        (value: string, baseOnChange: (value: string) => void) => {\n            baseOnChange(value.trim());\n        },\n        []\n    );\n\n    const fieldIdValidator = useCallback((fieldId: string) => {\n        const result = fieldIdSchema.safeParse(fieldId);\n\n        if (!result.success) {\n            throw new Error(result.error.issues[0].message);\n        }\n    }, []);\n\n    const uniqueFieldIdValidator = useCallback((fieldId: string) => {\n        // Check the current context.\n        const existingField = getField({ fieldId });\n        if (existingField && existingField.id !== field.id) {\n            throw new Error(\"Please enter a unique Field ID.\");\n        }\n\n        // If we're inside a layout field (e.g. a tab), also check the parent context\n        // where hoisted fields live. A layout field context has a parent with no\n        // registered field type plugin (synthetic parent).\n        const parent = editorContext.parentEditorContext;\n        if (\n            parent &&\n            editorContext.parent &&\n            !editorContext.getFieldPlugin(editorContext.parent.type)\n        ) {\n            const parentField = parent.getField({ fieldId });\n            if (parentField && parentField.id !== field.id) {\n                throw new Error(\"Please enter a unique Field ID.\");\n            }\n        }\n\n        return true;\n    }, []);\n\n    let additionalSettings: React.ReactNode | null = null;\n    if (typeof fieldPlugin.field.renderSettings === \"function\") {\n        additionalSettings = fieldPlugin.field.renderSettings({\n            afterChangeLabel,\n            uniqueFieldIdValidator,\n            contentModel\n        });\n    }\n\n    const predefinedValuesEnabled = useMemo(\n        (): boolean =>\n            (fieldPlugin.field.allowPredefinedValues || false) &&\n            typeof fieldPlugin.field.renderPredefinedValues === \"function\",\n        [field.fieldId]\n    );\n\n    return (\n        <>\n            <Grid gap={\"comfortable\"}>\n                <Grid.Column span={6}>\n                    <Bind\n                        name={\"label\"}\n                        validators={validation.create(\"required\")}\n                        afterChange={(value: string) => {\n                            if (field.id) {\n                                return;\n                            }\n                            afterChangeLabel(value);\n                        }}\n                    >\n                        <Input\n                            label={\"Label\"}\n                            size={\"lg\"}\n                            inputRef={inputRef}\n                            data-testid=\"cms.editor.field.settings.general.label\"\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    <Bind\n                        name={\"fieldId\"}\n                        validators={[\n                            validation.create(\"required\"),\n                            uniqueFieldIdValidator,\n                            fieldIdValidator\n                        ]}\n                        beforeChange={beforeChangeFieldId}\n                    >\n                        <Input\n                            label={\"Field ID\"}\n                            size={\"lg\"}\n                            data-testid={`cms.editor.field.settings.general.label-${field.id}`}\n                        />\n                    </Bind>\n                </Grid.Column>\n\n                <Grid.Column span={6}>\n                    <Bind name={\"list\"}>\n                        <Switch\n                            label={fieldPlugin.field.listLabel}\n                            disabled={!fieldPlugin.field.allowList}\n                            data-testid={`cms.editor.field.settings.general.switch-multiplevalues`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    <Bind name={\"predefinedValues.enabled\"}>\n                        <Switch\n                            label={\"Use predefined values\"}\n                            disabled={!predefinedValuesEnabled}\n                            data-testid={`cms.editor.field.settings.general.switch-predefinedvalues`}\n                        />\n                    </Bind>\n                </Grid.Column>\n\n                <Grid.Column span={12}>\n                    <Bind name={\"description\"}>\n                        <Input\n                            label={\"Description\"}\n                            description={\"This text will be shown below the label (optional)\"}\n                            size={\"lg\"}\n                            data-testid={`cms.editor.field.settings.general.description`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"note\"}>\n                        <Input\n                            label={\"Note\"}\n                            description={\"This text will be shown below the input (optional)\"}\n                            size={\"lg\"}\n                            data-testid={`cms.editor.field.settings.general.note`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"help\"}>\n                        <Textarea\n                            label={\"Help\"}\n                            description={\"This text will be shown in a tooltip (optional)\"}\n                            size={\"lg\"}\n                            data-testid={`cms.editor.field.settings.general.help`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"tags\"}>\n                        <Tags\n                            label={\"Tags\"}\n                            description={\n                                \"Field tags are useful for developers and are not visible in the UI (optional)\"\n                            }\n                            data-testid={`cms.editor.field.settings.general.tags`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>{additionalSettings}</Grid.Column>\n            </Grid>\n        </>\n    );\n};\n\nexport default GeneralTab;\n"],"names":["fieldIdSchema","zod","GeneralTab","form","useForm","field","fieldPlugin","useModelField","inputRef","useRef","contentModel","useModelEditor","editorContext","useModelFieldEditor","getField","useEffect","setTimeout","afterChangeLabel","useCallback","value","camelCase","beforeChangeFieldId","baseOnChange","fieldIdValidator","fieldId","result","Error","uniqueFieldIdValidator","existingField","parent","parentField","additionalSettings","predefinedValuesEnabled","useMemo","Grid","Bind","validation","Input","Switch","Textarea","Tags"],"mappings":"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"}

package/admin/components/FieldEditor/EditFieldDialog/PermissionsEditor/CannotUsePermissions.js

@@ -1,14 +1,13 @@
-import React from "react";
+import react from "react";
 import { Alert } from "@webiny/admin-ui";
-export const CannotUsePermissions = () => {
-  return /*#__PURE__*/React.createElement(Alert, {
-    title: "Field Permissions feature is not activated",
-    type: "warning"
-  }, /*#__PURE__*/React.createElement("strong", null, "Field Permissions"), " feature is not activated.", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), "To learn more, please visit the official\xA0", /*#__PURE__*/React.createElement("a", {
-    href: "https://webiny.link/aacl",
-    target: "_blank",
-    rel: "noreferrer"
-  }, "documentation"), ".");
-};
+const CannotUsePermissions = ()=>/*#__PURE__*/ react.createElement(Alert, {
+        title: "Field Permissions feature is not activated",
+        type: "warning"
+    }, /*#__PURE__*/ react.createElement("strong", null, "Field Permissions"), " feature is not activated.", /*#__PURE__*/ react.createElement("br", null), /*#__PURE__*/ react.createElement("br", null), "To learn more, please visit the official\xa0", /*#__PURE__*/ react.createElement("a", {
+        href: "https://webiny.link/aacl",
+        target: "_blank",
+        rel: "noreferrer"
+    }, "documentation"), ".");
+export { CannotUsePermissions };
 
 //# sourceMappingURL=CannotUsePermissions.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Alert","CannotUsePermissions","createElement","title","type","href","target","rel"],"sources":["CannotUsePermissions.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert } from \"@webiny/admin-ui\";\n\nexport const CannotUsePermissions = () => {\n    return (\n        <Alert title={\"Field Permissions feature is not activated\"} type={\"warning\"}>\n            <strong>Field Permissions</strong> feature is not activated.\n            <br />\n            <br />\n            To learn more, please visit the official&nbsp;\n            <a href={\"https://webiny.link/aacl\"} target={\"_blank\"} rel={\"noreferrer\"}>\n                documentation\n            </a>\n            .\n        </Alert>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,kBAAkB;AAExC,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACtC,oBACIF,KAAA,CAAAG,aAAA,CAACF,KAAK;IAACG,KAAK,EAAE,4CAA6C;IAACC,IAAI,EAAE;EAAU,gBACxEL,KAAA,CAAAG,aAAA,iBAAQ,mBAAyB,CAAC,8BAClC,eAAAH,KAAA,CAAAG,aAAA,WAAK,CAAC,eACNH,KAAA,CAAAG,aAAA,WAAK,CAAC,gDAEN,eAAAH,KAAA,CAAAG,aAAA;IAAGG,IAAI,EAAE,0BAA2B;IAACC,MAAM,EAAE,QAAS;IAACC,GAAG,EAAE;EAAa,GAAC,eAEvE,CAAC,KAED,CAAC;AAEhB,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/components/FieldEditor/EditFieldDialog/PermissionsEditor/CannotUsePermissions.js","sources":["../../../../../../src/admin/components/FieldEditor/EditFieldDialog/PermissionsEditor/CannotUsePermissions.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert } from \"@webiny/admin-ui\";\n\nexport const CannotUsePermissions = () => {\n    return (\n        <Alert title={\"Field Permissions feature is not activated\"} type={\"warning\"}>\n            <strong>Field Permissions</strong> feature is not activated.\n            <br />\n            <br />\n            To learn more, please visit the official&nbsp;\n            <a href={\"https://webiny.link/aacl\"} target={\"_blank\"} rel={\"noreferrer\"}>\n                documentation\n            </a>\n            .\n        </Alert>\n    );\n};\n"],"names":["CannotUsePermissions","Alert"],"mappings":";;AAGO,MAAMA,uBAAuB,IACzB,WAAP,GACI,oBAACC,OAAKA;QAAC,OAAO;QAA8C,MAAM;qBAC9D,oBAAC,gBAAO,sBAA0B,4CAClC,oBAAC,2BACD,oBAAC,aAAK,8DAEN,oBAAC;QAAE,MAAM;QAA4B,QAAQ;QAAU,KAAK;OAAc,kBAEtE"}