@webiny/app-headless-cms 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","i18n","css","validation","useBind","RendererOptions","useRendererPlugins","useModelField","RadioGroup","Text","Grid","Heading","t","ns","style","noComponentsMessage","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","radioContainer","AppearanceTab","renderers","field","rendererName","validate","create","selectedPlugin","value","find","pl","renderer","undefined","length","createElement","Column","span","className","onChange","console","info","fieldId","id","list","predefinedValues","enabled","Fragment","level","size","Object","assign","items","map","item","label","as","description","plugin"],"sources":["AppearanceTab.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { css } from \"@emotion/css\";\nimport { validation } from \"@webiny/validation\";\nimport { useBind } from \"@webiny/form\";\nimport { RendererOptions } from \"./AppearanceTab/RendererOptions.js\";\nimport { useRendererPlugins } from \"./useRendererPlugins.js\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider/index.js\";\nimport { RadioGroup, Text, Grid, Heading } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-model-editor/tabs/appearance-tab\");\n\nconst style = {\n    noComponentsMessage: css({\n        textAlign: \"center\",\n        padding: 25\n    }),\n    radioContainer: css({\n        marginBottom: 10,\n        display: \"flex\"\n    })\n};\n\nconst AppearanceTab = () => {\n    const renderers = useRendererPlugins();\n    const { field } = useModelField();\n\n    const rendererName = useBind({\n        name: \"renderer.name\",\n        validate: validation.create(\"required\")\n    });\n\n    const selectedPlugin = rendererName.value\n        ? renderers.find(pl => pl.renderer.rendererName === rendererName.value)\n        : undefined;\n\n    if (renderers.length === 0) {\n        return (\n            <Grid>\n                <Grid.Column\n                    span={12}\n                    className={style.noComponentsMessage}\n                >{t`There are no components that can render this field.`}</Grid.Column>\n            </Grid>\n        );\n    }\n\n    useEffect(() => {\n        // If the currently selected render plugin is no longer available, select the first available one.\n        if (selectedPlugin) {\n            return;\n        }\n\n        if (renderers[0]) {\n            rendererName.onChange(renderers[0].renderer.rendererName);\n            return;\n        }\n\n        console.info(`No renderers for field ${field.fieldId} found.`, field);\n    }, [field.id, field.list, field.predefinedValues?.enabled, selectedPlugin]);\n\n    return (\n        <>\n            <Grid>\n                <>\n                    <Grid.Column span={12}>\n                        <Heading level={5}>Field renderer</Heading>\n                        <Text size={\"sm\"}>Choose a component that will render the field.</Text>\n                    </Grid.Column>\n                    <Grid.Column span={12}>\n                        <div className={\"mb-xl\"}>\n                            <RadioGroup\n                                {...rendererName}\n                                items={renderers.map(item => ({\n                                    id: item.renderer.rendererName,\n                                    value: item.renderer.rendererName,\n                                    label: (\n                                        <div>\n                                            <Text as={\"div\"} size={\"md\"}>\n                                                {item.renderer.name}\n                                            </Text>\n                                            <Text\n                                                as={\"div\"}\n                                                size={\"sm\"}\n                                                className={\"text-sm text-neutral-strong text-wrap\"}\n                                            >\n                                                {item.renderer.description}\n                                            </Text>\n                                        </div>\n                                    )\n                                }))}\n                            />\n                        </div>\n                    </Grid.Column>\n                    <RendererOptions plugin={selectedPlugin} />\n                </>\n            </Grid>\n        </>\n    );\n};\n\nexport default AppearanceTab;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,10 +0,0 @@
-import React from "react";
-import type { CmsModelField } from "../../../../types.js";
-interface FieldSettingsTabsProps {
-    shadowField: CmsModelField;
-    predefinedValuesTabEnabled: boolean;
-    showValidatorsTab: boolean;
-    isSubtypeField: boolean;
-}
-export declare const FieldSettingsTabs: ({ shadowField, predefinedValuesTabEnabled, showValidatorsTab, isSubtypeField }: FieldSettingsTabsProps) => React.JSX.Element;
-export {};

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

@@ -1,69 +0,0 @@
-import React from "react";
-import { Tabs } from "@webiny/admin-ui";
-import { i18n } from "@webiny/app/i18n/index.js";
-import GeneralTab from "./GeneralTab.js";
-import AppearanceTab from "./AppearanceTab.js";
-import PredefinedValues from "./PredefinedValues.js";
-import { ValidationTab } from "./ValidationTab/index.js";
-import { PermissionsEditor } from "./PermissionsEditor/PermissionsEditor.js";
-import { RulesEditor } from "./RulesEditor/RulesEditor.js";
-import { ModelFieldProvider } from "../../ModelFieldProvider/index.js";
-import { useModelEditor } from "../../ContentModelEditor/useModelEditor.js";
-const t = i18n.namespace("app-headless-cms/admin/components/editor");
-export const FieldSettingsTabs = ({
-  shadowField,
-  predefinedValuesTabEnabled,
-  showValidatorsTab,
-  isSubtypeField
-}) => {
-  const {
-    fieldOptions
-  } = useModelEditor();
-  return /*#__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),
-      disabled: isSubtypeField
-    }), /*#__PURE__*/React.createElement(Tabs.Tab, {
-      key: "permissions",
-      trigger: t`Permissions`,
-      value: "permissions",
-      content: /*#__PURE__*/React.createElement(PermissionsEditor, null)
-    }), /*#__PURE__*/React.createElement(Tabs.Tab, {
-      key: "rules",
-      trigger: t`Rules`,
-      value: "rules",
-      content: /*#__PURE__*/React.createElement(RulesEditor, {
-        fieldOptions: fieldOptions
-      })
-    })]
-  }));
-};
-
-//# sourceMappingURL=FieldSettingsTabs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","Tabs","i18n","GeneralTab","AppearanceTab","PredefinedValues","ValidationTab","PermissionsEditor","RulesEditor","ModelFieldProvider","useModelEditor","t","namespace","FieldSettingsTabs","shadowField","predefinedValuesTabEnabled","showValidatorsTab","isSubtypeField","fieldOptions","createElement","field","spacing","size","separator","tabs","Tab","key","trigger","value","content","disabled","visible"],"sources":["FieldSettingsTabs.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tabs } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport GeneralTab from \"./GeneralTab.js\";\nimport AppearanceTab from \"./AppearanceTab.js\";\nimport PredefinedValues from \"./PredefinedValues.js\";\nimport { ValidationTab } from \"./ValidationTab/index.js\";\nimport { PermissionsEditor } from \"./PermissionsEditor/PermissionsEditor.js\";\nimport { RulesEditor } from \"./RulesEditor/RulesEditor.js\";\nimport { ModelFieldProvider } from \"~/admin/components/ModelFieldProvider/index.js\";\nimport { useModelEditor } from \"~/admin/components/ContentModelEditor/useModelEditor.js\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/components/editor\");\n\ninterface FieldSettingsTabsProps {\n    shadowField: CmsModelField;\n    predefinedValuesTabEnabled: boolean;\n    showValidatorsTab: boolean;\n    isSubtypeField: boolean;\n}\n\nexport const FieldSettingsTabs = ({\n    shadowField,\n    predefinedValuesTabEnabled,\n    showValidatorsTab,\n    isSubtypeField\n}: FieldSettingsTabsProps) => {\n    const { fieldOptions } = useModelEditor();\n\n    return (\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                        disabled={isSubtypeField}\n                    />,\n                    <Tabs.Tab\n                        key={\"permissions\"}\n                        trigger={t`Permissions`}\n                        value={\"permissions\"}\n                        content={<PermissionsEditor />}\n                    />,\n                    <Tabs.Tab\n                        key={\"rules\"}\n                        trigger={t`Rules`}\n                        value={\"rules\"}\n                        content={<RulesEditor fieldOptions={fieldOptions} />}\n                    />\n                ]}\n            />\n        </ModelFieldProvider>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,OAAOC,UAAU;AACjB,OAAOC,aAAa;AACpB,OAAOC,gBAAgB;AACvB,SAASC,aAAa;AACtB,SAASC,iBAAiB;AAC1B,SAASC,WAAW;AACpB,SAASC,kBAAkB;AAC3B,SAASC,cAAc;AAEvB,MAAMC,CAAC,GAAGT,IAAI,CAACU,SAAS,CAAC,0CAA0C,CAAC;AASpE,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAC9BC,WAAW;EACXC,0BAA0B;EAC1BC,iBAAiB;EACjBC;AACoB,CAAC,KAAK;EAC1B,MAAM;IAAEC;EAAa,CAAC,GAAGR,cAAc,CAAC,CAAC;EAEzC,oBACIV,KAAA,CAAAmB,aAAA,CAACV,kBAAkB;IAACW,KAAK,EAAEN;EAAY,gBACnCd,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IACDoB,OAAO,EAAE,IAAK;IACdC,IAAI,EAAE,IAAK;IACXC,SAAS;IACTC,IAAI,EAAE,cACFxB,KAAA,CAAAmB,aAAA,CAAClB,IAAI,CAACwB,GAAG;MACLC,GAAG,EAAE,SAAU;MACfC,OAAO,EAAEhB,CAAC,SAAU;MACpBiB,KAAK,EAAE,SAAU;MACjBC,OAAO,eAAE7B,KAAA,CAAAmB,aAAA,CAAChB,UAAU,MAAE;IAAE,CAC3B,CAAC,eACFH,KAAA,CAAAmB,aAAA,CAAClB,IAAI,CAACwB,GAAG;MACLC,GAAG,EAAE,YAAa;MAClBC,OAAO,EAAEhB,CAAC,mBAAoB;MAC9BiB,KAAK,EAAE,YAAa;MACpBE,QAAQ,EAAE,CAACf,0BAA2B;MACtCc,OAAO,eAAE7B,KAAA,CAAAmB,aAAA,CAACd,gBAAgB,MAAE;IAAE,CACjC,CAAC,eACFL,KAAA,CAAAmB,aAAA,CAAClB,IAAI,CAACwB,GAAG;MACLC,GAAG,EAAE,aAAc;MACnBC,OAAO,EAAEhB,CAAC,aAAc;MACxBiB,KAAK,EAAE,aAAc;MACrBC,OAAO,eAAE7B,KAAA,CAAAmB,aAAA,CAACb,aAAa;QAACc,KAAK,EAAEN;MAAY,CAAE,CAAE;MAC/CiB,OAAO,EAAEf;IAAkB,CAC9B,CAAC,eACFhB,KAAA,CAAAmB,aAAA,CAAClB,IAAI,CAACwB,GAAG;MACLC,GAAG,EAAE,YAAa;MAClBC,OAAO,EAAEhB,CAAC,YAAa;MACvBiB,KAAK,EAAE,YAAa;MACpBC,OAAO,eAAE7B,KAAA,CAAAmB,aAAA,CAACf,aAAa,MAAE,CAAE;MAC3B0B,QAAQ,EAAEb;IAAe,CAC5B,CAAC,eACFjB,KAAA,CAAAmB,aAAA,CAAClB,IAAI,CAACwB,GAAG;MACLC,GAAG,EAAE,aAAc;MACnBC,OAAO,EAAEhB,CAAC,aAAc;MACxBiB,KAAK,EAAE,aAAc;MACrBC,OAAO,eAAE7B,KAAA,CAAAmB,aAAA,CAACZ,iBAAiB,MAAE;IAAE,CAClC,CAAC,eACFP,KAAA,CAAAmB,aAAA,CAAClB,IAAI,CAACwB,GAAG;MACLC,GAAG,EAAE,OAAQ;MACbC,OAAO,EAAEhB,CAAC,OAAQ;MAClBiB,KAAK,EAAE,OAAQ;MACfC,OAAO,eAAE7B,KAAA,CAAAmB,aAAA,CAACX,WAAW;QAACU,YAAY,EAAEA;MAAa,CAAE;IAAE,CACxD,CAAC;EACJ,CACL,CACe,CAAC;AAE7B,CAAC","ignoreList":[]}

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

@@ -1,3 +0,0 @@
-import React from "react";
-declare const GeneralTab: () => React.JSX.Element;
-export default GeneralTab;

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

@@ -1,174 +0,0 @@
-import zod from "zod";
-import React, { useEffect, useCallback, useRef, useMemo } from "react";
-import camelCase from "lodash/camelCase.js";
-import { Grid, Switch, Input, Textarea } from "@webiny/admin-ui";
-import { validation } from "@webiny/validation";
-import { Tags } from "@webiny/admin-ui";
-import { useForm, Bind } from "@webiny/form";
-import { useModelFieldEditor } from "../index.js";
-import { useModelEditor } from "../../../hooks/index.js";
-import { useModelField } from "../../../hooks/index.js";
-const fieldIdSchema = zod.string().max(100).regex(/^!?[a-zA-Z]/, {
-  message: `Must not start with a number.`
-}).regex(/^(^[a-zA-Z0-9]+)$/, {
-  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 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)",
-    "data-testid": `cms.editor.field.settings.general.tags`
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, additionalSettings)));
-};
-export default GeneralTab;
-
-//# sourceMappingURL=GeneralTab.js.map

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

@@ -1 +0,0 @@
-{"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"],"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/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"],"mappings":"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","ignoreList":[]}

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

@@ -1,3 +0,0 @@
-import React from "react";
-declare const PredefinedValues: () => React.JSX.Element;
-export default PredefinedValues;

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

@@ -1,58 +0,0 @@
-import React, { useCallback, useRef, cloneElement } from "react";
-import { getValue } from "./functions/getValue.js";
-import { setValue } from "./functions/setValue.js";
-import { Bind as BaseFormBind } from "@webiny/form";
-import { useModelField } from "../../../hooks/index.js";
-const PredefinedValues = () => {
-  const {
-    field,
-    fieldPlugin
-  } = useModelField();
-  const memoizedBindComponents = useRef({});
-  const getBind = useCallback((index = -1) => {
-    const memoKey = index;
-    if (memoizedBindComponents.current[memoKey]) {
-      return memoizedBindComponents.current[memoKey];
-    }
-    const Bind = ({
-      children,
-      name
-    }) => {
-      return /*#__PURE__*/React.createElement(BaseFormBind, {
-        name: "predefinedValues.values"
-      }, bind => {
-        const props = {
-          ...bind,
-          value: getValue({
-            bind,
-            index,
-            name
-          }),
-          onChange: value => {
-            setValue({
-              value,
-              bind,
-              index,
-              name
-            });
-          }
-        };
-        if (typeof children === "function") {
-          return children(props);
-        }
-        return /*#__PURE__*/cloneElement(children, props);
-      });
-    };
-    memoizedBindComponents.current[memoKey] = Bind;
-    return memoizedBindComponents.current[memoKey];
-  }, []);
-  if (!fieldPlugin.field.renderPredefinedValues) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, `Missing "field.renderPredefinedValues" method in field type plugin: "${field.type}".`);
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, fieldPlugin.field.renderPredefinedValues({
-    getBind
-  }));
-};
-export default PredefinedValues;
-
-//# sourceMappingURL=PredefinedValues.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","useRef","cloneElement","getValue","setValue","Bind","BaseFormBind","useModelField","PredefinedValues","field","fieldPlugin","memoizedBindComponents","getBind","index","memoKey","current","children","name","createElement","bind","props","value","onChange","renderPredefinedValues","Fragment","type"],"sources":["PredefinedValues.tsx"],"sourcesContent":["import React, { useCallback, useRef, cloneElement } from \"react\";\nimport { getValue } from \"./functions/getValue.js\";\nimport { setValue } from \"./functions/setValue.js\";\nimport type { BindComponent } from \"@webiny/form\";\nimport { Bind as BaseFormBind } from \"@webiny/form\";\nimport { useModelField } from \"~/admin/hooks/index.js\";\n\ninterface MemoizedBindComponents {\n    [key: string]: BindComponent;\n}\n\nconst PredefinedValues = () => {\n    const { field, fieldPlugin } = useModelField();\n    const memoizedBindComponents = useRef<MemoizedBindComponents>({});\n\n    const getBind = useCallback((index = -1) => {\n        const memoKey = index;\n        if (memoizedBindComponents.current[memoKey]) {\n            return memoizedBindComponents.current[memoKey];\n        }\n\n        const Bind: BindComponent = ({ children, name }) => {\n            return (\n                <BaseFormBind name={\"predefinedValues.values\"}>\n                    {bind => {\n                        const props = {\n                            ...bind,\n                            value: getValue({ bind, index, name }),\n                            onChange: (value: string[]) => {\n                                setValue({ value, bind, index, name });\n                            }\n                        };\n\n                        if (typeof children === \"function\") {\n                            return children(props);\n                        }\n\n                        return cloneElement(children as unknown as React.ReactElement, props);\n                    }}\n                </BaseFormBind>\n            );\n        };\n\n        memoizedBindComponents.current[memoKey] = Bind;\n\n        return memoizedBindComponents.current[memoKey];\n    }, []);\n    if (!fieldPlugin.field.renderPredefinedValues) {\n        return (\n            <>{`Missing \"field.renderPredefinedValues\" method in field type plugin: \"${field.type}\".`}</>\n        );\n    }\n\n    return <>{fieldPlugin.field.renderPredefinedValues({ getBind })}</>;\n};\n\nexport default PredefinedValues;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,MAAM,EAAEC,YAAY,QAAQ,OAAO;AAChE,SAASC,QAAQ;AACjB,SAASC,QAAQ;AAEjB,SAASC,IAAI,IAAIC,YAAY,QAAQ,cAAc;AACnD,SAASC,aAAa;AAMtB,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAC3B,MAAM;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGH,aAAa,CAAC,CAAC;EAC9C,MAAMI,sBAAsB,GAAGV,MAAM,CAAyB,CAAC,CAAC,CAAC;EAEjE,MAAMW,OAAO,GAAGZ,WAAW,CAAC,CAACa,KAAK,GAAG,CAAC,CAAC,KAAK;IACxC,MAAMC,OAAO,GAAGD,KAAK;IACrB,IAAIF,sBAAsB,CAACI,OAAO,CAACD,OAAO,CAAC,EAAE;MACzC,OAAOH,sBAAsB,CAACI,OAAO,CAACD,OAAO,CAAC;IAClD;IAEA,MAAMT,IAAmB,GAAGA,CAAC;MAAEW,QAAQ;MAAEC;IAAK,CAAC,KAAK;MAChD,oBACIlB,KAAA,CAAAmB,aAAA,CAACZ,YAAY;QAACW,IAAI,EAAE;MAA0B,GACzCE,IAAI,IAAI;QACL,MAAMC,KAAK,GAAG;UACV,GAAGD,IAAI;UACPE,KAAK,EAAElB,QAAQ,CAAC;YAAEgB,IAAI;YAAEN,KAAK;YAAEI;UAAK,CAAC,CAAC;UACtCK,QAAQ,EAAGD,KAAe,IAAK;YAC3BjB,QAAQ,CAAC;cAAEiB,KAAK;cAAEF,IAAI;cAAEN,KAAK;cAAEI;YAAK,CAAC,CAAC;UAC1C;QACJ,CAAC;QAED,IAAI,OAAOD,QAAQ,KAAK,UAAU,EAAE;UAChC,OAAOA,QAAQ,CAACI,KAAK,CAAC;QAC1B;QAEA,oBAAOlB,YAAY,CAACc,QAAQ,EAAmCI,KAAK,CAAC;MACzE,CACU,CAAC;IAEvB,CAAC;IAEDT,sBAAsB,CAACI,OAAO,CAACD,OAAO,CAAC,GAAGT,IAAI;IAE9C,OAAOM,sBAAsB,CAACI,OAAO,CAACD,OAAO,CAAC;EAClD,CAAC,EAAE,EAAE,CAAC;EACN,IAAI,CAACJ,WAAW,CAACD,KAAK,CAACc,sBAAsB,EAAE;IAC3C,oBACIxB,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAyB,QAAA,QAAG,wEAAwEf,KAAK,CAACgB,IAAI,IAAO,CAAC;EAErG;EAEA,oBAAO1B,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAyB,QAAA,QAAGd,WAAW,CAACD,KAAK,CAACc,sBAAsB,CAAC;IAAEX;EAAQ,CAAC,CAAI,CAAC;AACvE,CAAC;AAED,eAAeJ,gBAAgB","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["RulesEditor"],"sources":["index.ts"],"sourcesContent":["export { RulesEditor } from \"./RulesEditor.js\";\n"],"mappings":"AAAA,SAASA,WAAW","ignoreList":[]}

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

@@ -1,7 +0,0 @@
-import React from "react";
-import type { CmsModelField } from "@webiny/app-headless-cms-common/types/index.js";
-interface ValidationTabProps {
-    field: CmsModelField;
-}
-export declare const ValidationTab: ({ field }: ValidationTabProps) => React.JSX.Element;
-export {};

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

@@ -1,31 +0,0 @@
-import React from "react";
-import { ValidationsSection } from "./ValidationsSection.js";
-import { getFieldValidators, getListValidators } from "../getValidators.js";
-import { useModelField } from "../../../ModelFieldProvider/index.js";
-import { ValidatorsList } from "./ValidatorsList.js";
-export const ValidationTab = ({
-  field
-}) => {
-  const {
-    fieldPlugin
-  } = useModelField();
-  const individualValidation = getFieldValidators(field, fieldPlugin);
-  const hasValidators = individualValidation.validators.length > 0;
-  const listValidation = getListValidators(field, fieldPlugin);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, field.list ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ValidationsSection, {
-    validators: listValidation.validators,
-    fieldKey: "listValidators",
-    title: listValidation.title || "List validators",
-    description: listValidation.description || "These validators are applied to the entire list of values."
-  }), hasValidators ? /*#__PURE__*/React.createElement(ValidationsSection, {
-    fieldKey: "validators",
-    validators: individualValidation.validators,
-    title: individualValidation.title || "Individual value validators",
-    description: individualValidation.description || "These validators are applied to each value in the list."
-  }) : null) : null, !field.list && hasValidators ? /*#__PURE__*/React.createElement(ValidatorsList, {
-    name: "validation",
-    validators: individualValidation.validators
-  }) : null);
-};
-
-//# sourceMappingURL=ValidationTab.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","ValidationsSection","getFieldValidators","getListValidators","useModelField","ValidatorsList","ValidationTab","field","fieldPlugin","individualValidation","hasValidators","validators","length","listValidation","createElement","Fragment","list","fieldKey","title","description","name"],"sources":["ValidationTab.tsx"],"sourcesContent":["import React from \"react\";\nimport { ValidationsSection } from \"~/admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidationsSection.js\";\nimport {\n    getFieldValidators,\n    getListValidators\n} from \"~/admin/components/FieldEditor/EditFieldDialog/getValidators.js\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider/index.js\";\nimport { ValidatorsList } from \"~/admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidatorsList.js\";\nimport type { CmsModelField } from \"@webiny/app-headless-cms-common/types/index.js\";\n\ninterface ValidationTabProps {\n    field: CmsModelField;\n}\n\nexport const ValidationTab = ({ field }: ValidationTabProps) => {\n    const { fieldPlugin } = useModelField();\n\n    const individualValidation = getFieldValidators(field, fieldPlugin);\n    const hasValidators = individualValidation.validators.length > 0;\n    const listValidation = getListValidators(field, fieldPlugin);\n\n    return (\n        <>\n            {field.list ? (\n                <>\n                    <ValidationsSection\n                        validators={listValidation.validators}\n                        fieldKey={\"listValidators\"}\n                        title={listValidation.title || \"List validators\"}\n                        description={\n                            listValidation.description ||\n                            \"These validators are applied to the entire list of values.\"\n                        }\n                    />\n\n                    {hasValidators ? (\n                        <ValidationsSection\n                            fieldKey={\"validators\"}\n                            validators={individualValidation.validators}\n                            title={individualValidation.title || \"Individual value validators\"}\n                            description={\n                                individualValidation.description ||\n                                \"These validators are applied to each value in the list.\"\n                            }\n                        />\n                    ) : null}\n                </>\n            ) : null}\n\n            {!field.list && hasValidators ? (\n                <ValidatorsList name={\"validation\"} validators={individualValidation.validators} />\n            ) : null}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB;AAC3B,SACIC,kBAAkB,EAClBC,iBAAiB;AAErB,SAASC,aAAa;AACtB,SAASC,cAAc;AAOvB,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC;AAA0B,CAAC,KAAK;EAC5D,MAAM;IAAEC;EAAY,CAAC,GAAGJ,aAAa,CAAC,CAAC;EAEvC,MAAMK,oBAAoB,GAAGP,kBAAkB,CAACK,KAAK,EAAEC,WAAW,CAAC;EACnE,MAAME,aAAa,GAAGD,oBAAoB,CAACE,UAAU,CAACC,MAAM,GAAG,CAAC;EAChE,MAAMC,cAAc,GAAGV,iBAAiB,CAACI,KAAK,EAAEC,WAAW,CAAC;EAE5D,oBACIR,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,QACKR,KAAK,CAACS,IAAI,gBACPhB,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACIf,KAAA,CAAAc,aAAA,CAACb,kBAAkB;IACfU,UAAU,EAAEE,cAAc,CAACF,UAAW;IACtCM,QAAQ,EAAE,gBAAiB;IAC3BC,KAAK,EAAEL,cAAc,CAACK,KAAK,IAAI,iBAAkB;IACjDC,WAAW,EACPN,cAAc,CAACM,WAAW,IAC1B;EACH,CACJ,CAAC,EAEDT,aAAa,gBACVV,KAAA,CAAAc,aAAA,CAACb,kBAAkB;IACfgB,QAAQ,EAAE,YAAa;IACvBN,UAAU,EAAEF,oBAAoB,CAACE,UAAW;IAC5CO,KAAK,EAAET,oBAAoB,CAACS,KAAK,IAAI,6BAA8B;IACnEC,WAAW,EACPV,oBAAoB,CAACU,WAAW,IAChC;EACH,CACJ,CAAC,GACF,IACN,CAAC,GACH,IAAI,EAEP,CAACZ,KAAK,CAACS,IAAI,IAAIN,aAAa,gBACzBV,KAAA,CAAAc,aAAA,CAACT,cAAc;IAACe,IAAI,EAAE,YAAa;IAACT,UAAU,EAAEF,oBAAoB,CAACE;EAAW,CAAE,CAAC,GACnF,IACN,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidationsSection.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import type { CmsModelFieldValidatorConfigAdapter } from "../../../../../utils/CmsModelFieldValidatorConfigAdapter.js";
-interface ValidatorsSectionProps {
-    title: string;
-    fieldKey: "validators" | "listValidators";
-    description: string;
-    validators: CmsModelFieldValidatorConfigAdapter[];
-}
-export declare const ValidationsSection: ({ title, description, fieldKey, validators }: ValidatorsSectionProps) => React.JSX.Element;
-export {};

package/admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidationsSection.js

@@ -1,30 +0,0 @@
-import React from "react";
-import { ValidatorsList } from "./ValidatorsList.js";
-import { Grid, Heading, Text } from "@webiny/admin-ui";
-const bindTo = {
-  validators: "validation",
-  listValidators: "listValidation"
-};
-export const ValidationsSection = ({
-  title,
-  description,
-  fieldKey,
-  validators
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "mb-xl"
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Heading, {
-    level: 5
-  }, title), /*#__PURE__*/React.createElement(Text, {
-    size: "sm"
-  }, description)), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(ValidatorsList, {
-    name: bindTo[fieldKey],
-    validators: validators
-  }))));
-};
-
-//# sourceMappingURL=ValidationsSection.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","ValidatorsList","Grid","Heading","Text","bindTo","validators","listValidators","ValidationsSection","title","description","fieldKey","createElement","className","Column","span","level","size","name"],"sources":["ValidationsSection.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ValidatorsList } from \"./ValidatorsList.js\";\nimport type { CmsModelFieldValidatorConfigAdapter } from \"~/utils/CmsModelFieldValidatorConfigAdapter.js\";\nimport { Grid, Heading, Text } from \"@webiny/admin-ui\";\n\ninterface ValidatorsSectionProps {\n    title: string;\n    fieldKey: \"validators\" | \"listValidators\";\n    description: string;\n    validators: CmsModelFieldValidatorConfigAdapter[];\n}\n\nconst bindTo = {\n    validators: \"validation\",\n    listValidators: \"listValidation\"\n};\n\nexport const ValidationsSection = ({\n    title,\n    description,\n    fieldKey,\n    validators\n}: ValidatorsSectionProps) => {\n    return (\n        <div className=\"mb-xl\">\n            <Grid>\n                <Grid.Column span={12}>\n                    <Heading level={5}>{title}</Heading>\n                    <Text size={\"sm\"}>{description}</Text>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <ValidatorsList name={bindTo[fieldKey]} validators={validators} />\n                </Grid.Column>\n            </Grid>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc;AAEvB,SAASC,IAAI,EAAEC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AAStD,MAAMC,MAAM,GAAG;EACXC,UAAU,EAAE,YAAY;EACxBC,cAAc,EAAE;AACpB,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EAC/BC,KAAK;EACLC,WAAW;EACXC,QAAQ;EACRL;AACoB,CAAC,KAAK;EAC1B,oBACIN,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAC;EAAO,gBAClBb,KAAA,CAAAY,aAAA,CAACV,IAAI,qBACDF,KAAA,CAAAY,aAAA,CAACV,IAAI,CAACY,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBf,KAAA,CAAAY,aAAA,CAACT,OAAO;IAACa,KAAK,EAAE;EAAE,GAAEP,KAAe,CAAC,eACpCT,KAAA,CAAAY,aAAA,CAACR,IAAI;IAACa,IAAI,EAAE;EAAK,GAAEP,WAAkB,CAC5B,CAAC,eACdV,KAAA,CAAAY,aAAA,CAACV,IAAI,CAACY,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBf,KAAA,CAAAY,aAAA,CAACX,cAAc;IAACiB,IAAI,EAAEb,MAAM,CAACM,QAAQ,CAAE;IAACL,UAAU,EAAEA;EAAW,CAAE,CACxD,CACX,CACL,CAAC;AAEd,CAAC","ignoreList":[]}

package/admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidatorsList.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import type { CmsModelFieldValidatorConfigAdapter } from "../../../../../utils/CmsModelFieldValidatorConfigAdapter.js";
-interface ValidatorsTabProps {
-    name: string;
-    validators: CmsModelFieldValidatorConfigAdapter[];
-}
-export declare const ValidatorsList: (props: ValidatorsTabProps) => React.JSX.Element;
-export {};