@webiny/app-headless-cms 5.42.2-beta.3 → 5.42.2-beta.5

package/admin/plugins/fieldRenderers/dynamicZone/dynamicZoneRenderer.js

@@ -51,7 +51,7 @@ var DynamicZoneContent = function DynamicZoneContent(_ref) {
   var Bind = getBind();
   var Component = field.multipleValues ? _MultiValueDynamicZone.MultiValueDynamicZone : _SingleValueDynamicZone.SingleValueDynamicZone;
   return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-    return /*#__PURE__*/_react.default.createElement(Bind.ValidationScope, null, /*#__PURE__*/_react.default.createElement(DynamicZoneContainer, {
+    return /*#__PURE__*/_react.default.createElement(Bind.ValidationContainer, null, /*#__PURE__*/_react.default.createElement(DynamicZoneContainer, {
       field: field,
       bind: bind,
       getBind: getBind,

package/admin/plugins/fieldRenderers/dynamicZone/dynamicZoneRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_Accordion","_SingleValueDynamicZone","_MultiValueDynamicZone","_AccordionRenderSettings","_FormElementMessage","_reactComposition","_templateObject","noBottomPadding","css","_taggedTemplateLiteral2","default","DynamicZoneContainer","exports","makeDecoratable","props","field","_props$bind$validatio","bind","validation","isValid","message","_props$title","title","label","_props$description","description","helpText","className","children","defaultClassName","multipleValues","undefined","_getAccordionRenderSe","getAccordionRenderSettings","open","createElement","Fragment","Accordion","AccordionItem","FormElementMessage","error","DynamicZoneContent","_ref","getBind","contentModel","templates","settings","length","console","info","concat","fieldId","Bind","Component","MultiValueDynamicZone","SingleValueDynamicZone","ValidationScope","dynamicZoneFieldRenderer","type","name","renderer","rendererName","canUse","_ref2","render","renderSettings","_ref3","AccordionRenderSettings"],"sources":["dynamicZoneRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport {\n    BindComponent,\n    BindComponentRenderProp,\n    CmsModel,\n    CmsModelField,\n    CmsModelFieldRendererPlugin,\n    CmsModelFieldRendererProps\n} from \"~/types\";\nimport { SingleValueDynamicZone } from \"./SingleValueDynamicZone\";\nimport { MultiValueDynamicZone } from \"./MultiValueDynamicZone\";\nimport { AccordionRenderSettings, getAccordionRenderSettings } from \"../AccordionRenderSettings\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\nconst noBottomPadding = css`\n    > .webiny-ui-accordion-item__content {\n        padding-bottom: 0 !important;\n    }\n`;\n\nexport type DynamicZoneContainerProps = {\n    field: CmsModelField;\n    getBind: (index?: number, key?: string) => BindComponent;\n    contentModel: CmsModel;\n    bind: BindComponentRenderProp;\n    children: React.ReactNode;\n    title?: string;\n    description?: string;\n    className?: string;\n};\n\nexport const DynamicZoneContainer = makeDecoratable(\n    \"DynamicZoneContainer\",\n    (props: DynamicZoneContainerProps) => {\n        const {\n            field,\n            bind: {\n                validation: { isValid, message }\n            },\n            title = field.label,\n            description = field.helpText,\n            className,\n            children\n        } = props;\n\n        const defaultClassName = field.multipleValues ? noBottomPadding : undefined;\n        const { open } = getAccordionRenderSettings(field);\n\n        return (\n            <>\n                <Accordion>\n                    <AccordionItem\n                        title={title}\n                        description={description}\n                        className={className || defaultClassName}\n                        open={open}\n                    >\n                        {children}\n                    </AccordionItem>\n                </Accordion>\n                {isValid === false && (\n                    <FormElementMessage error={true}>{message}</FormElementMessage>\n                )}\n            </>\n        );\n    }\n);\n\nconst DynamicZoneContent = ({ field, getBind, contentModel }: CmsModelFieldRendererProps) => {\n    const templates = field.settings?.templates || [];\n    if (!templates.length) {\n        console.info(\n            `Skipping \"${field.fieldId}\" field. There are no templates defined for this dynamic zone.`\n        );\n        return null;\n    }\n\n    const Bind = getBind();\n\n    const Component = field.multipleValues ? MultiValueDynamicZone : SingleValueDynamicZone;\n\n    return (\n        <Bind>\n            {bind => {\n                return (\n                    <Bind.ValidationScope>\n                        <DynamicZoneContainer\n                            field={field}\n                            bind={bind}\n                            getBind={getBind}\n                            contentModel={contentModel}\n                        >\n                            <Component\n                                bind={bind}\n                                field={field}\n                                getBind={getBind}\n                                contentModel={contentModel}\n                            />\n                        </DynamicZoneContainer>\n                    </Bind.ValidationScope>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport const dynamicZoneFieldRenderer: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-dynamic-zone\",\n    renderer: {\n        rendererName: \"dynamicZone\",\n        name: \"Dynamic Zone\",\n        description: \"Renders a dynamic zone.\",\n        canUse({ field }) {\n            return field.type === \"dynamicZone\";\n        },\n        render(props) {\n            return <DynamicZoneContent {...props} />;\n        },\n        renderSettings({ field }) {\n            return <AccordionRenderSettings field={field} />;\n        }\n    }\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AASA,IAAAG,uBAAA,GAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAJ,OAAA;AACA,IAAAK,wBAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AAA4D,IAAAQ,eAAA;AAE5D,IAAMC,eAAe,OAAGC,YAAG,EAAAF,eAAA,KAAAA,eAAA,OAAAG,uBAAA,CAAAC,OAAA,qGAI1B;AAaM,IAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,iCAAe,EAC/C,sBAAsB,EACtB,UAACC,KAAgC,EAAK;EAClC,IACIC,KAAK,GAQLD,KAAK,CARLC,KAAK;IAAAC,qBAAA,GAQLF,KAAK,CAPLG,IAAI,CACAC,UAAU;IAAIC,OAAO,GAAAH,qBAAA,CAAPG,OAAO;IAAEC,OAAO,GAAAJ,qBAAA,CAAPI,OAAO;IAAAC,YAAA,GAMlCP,KAAK,CAJLQ,KAAK;IAALA,KAAK,GAAAD,YAAA,cAAGN,KAAK,CAACQ,KAAK,GAAAF,YAAA;IAAAG,kBAAA,GAInBV,KAAK,CAHLW,WAAW;IAAXA,WAAW,GAAAD,kBAAA,cAAGT,KAAK,CAACW,QAAQ,GAAAF,kBAAA;IAC5BG,SAAS,GAETb,KAAK,CAFLa,SAAS;IACTC,QAAQ,GACRd,KAAK,CADLc,QAAQ;EAGZ,IAAMC,gBAAgB,GAAGd,KAAK,CAACe,cAAc,GAAGvB,eAAe,GAAGwB,SAAS;EAC3E,IAAAC,qBAAA,GAAiB,IAAAC,mDAA0B,EAAClB,KAAK,CAAC;IAA1CmB,IAAI,GAAAF,qBAAA,CAAJE,IAAI;EAEZ,oBACItC,MAAA,CAAAc,OAAA,CAAAyB,aAAA,CAAAvC,MAAA,CAAAc,OAAA,CAAA0B,QAAA,qBACIxC,MAAA,CAAAc,OAAA,CAAAyB,aAAA,CAACnC,UAAA,CAAAqC,SAAS,qBACNzC,MAAA,CAAAc,OAAA,CAAAyB,aAAA,CAACnC,UAAA,CAAAsC,aAAa;IACVhB,KAAK,EAAEA,KAAM;IACbG,WAAW,EAAEA,WAAY;IACzBE,SAAS,EAAEA,SAAS,IAAIE,gBAAiB;IACzCK,IAAI,EAAEA;EAAK,GAEVN,QACU,CACR,CAAC,EACXT,OAAO,KAAK,KAAK,iBACdvB,MAAA,CAAAc,OAAA,CAAAyB,aAAA,CAAC/B,mBAAA,CAAAmC,kBAAkB;IAACC,KAAK,EAAE;EAAK,GAAEpB,OAA4B,CAEpE,CAAC;AAEX,CACJ,CAAC;AAED,IAAMqB,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAAqE;EAAA,IAA/D3B,KAAK,GAAA2B,IAAA,CAAL3B,KAAK;IAAE4B,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;EACtD,IAAMC,SAAS,GAAG9B,KAAK,CAAC+B,QAAQ,EAAED,SAAS,IAAI,EAAE;EACjD,IAAI,CAACA,SAAS,CAACE,MAAM,EAAE;IACnBC,OAAO,CAACC,IAAI,eAAAC,MAAA,CACKnC,KAAK,CAACoC,OAAO,oEAC9B,CAAC;IACD,OAAO,IAAI;EACf;EAEA,IAAMC,IAAI,GAAGT,OAAO,CAAC,CAAC;EAEtB,IAAMU,SAAS,GAAGtC,KAAK,CAACe,cAAc,GAAGwB,4CAAqB,GAAGC,8CAAsB;EAEvF,oBACI3D,MAAA,CAAAc,OAAA,CAAAyB,aAAA,CAACiB,IAAI,QACA,UAAAnC,IAAI,EAAI;IACL,oBACIrB,MAAA,CAAAc,OAAA,CAAAyB,aAAA,CAACiB,IAAI,CAACI,eAAe,qBACjB5D,MAAA,CAAAc,OAAA,CAAAyB,aAAA,CAACxB,oBAAoB;MACjBI,KAAK,EAAEA,KAAM;MACbE,IAAI,EAAEA,IAAK;MACX0B,OAAO,EAAEA,OAAQ;MACjBC,YAAY,EAAEA;IAAa,gBAE3BhD,MAAA,CAAAc,OAAA,CAAAyB,aAAA,CAACkB,SAAS;MACNpC,IAAI,EAAEA,IAAK;MACXF,KAAK,EAAEA,KAAM;MACb4B,OAAO,EAAEA,OAAQ;MACjBC,YAAY,EAAEA;IAAa,CAC9B,CACiB,CACJ,CAAC;EAE/B,CACE,CAAC;AAEf,CAAC;AAEM,IAAMa,wBAAqD,GAAA7C,OAAA,CAAA6C,wBAAA,GAAG;EACjEC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,wCAAwC;EAC9CC,QAAQ,EAAE;IACNC,YAAY,EAAE,aAAa;IAC3BF,IAAI,EAAE,cAAc;IACpBlC,WAAW,EAAE,yBAAyB;IACtCqC,MAAM,WAANA,MAAMA,CAAAC,KAAA,EAAY;MAAA,IAAThD,KAAK,GAAAgD,KAAA,CAALhD,KAAK;MACV,OAAOA,KAAK,CAAC2C,IAAI,KAAK,aAAa;IACvC,CAAC;IACDM,MAAM,WAANA,MAAMA,CAAClD,KAAK,EAAE;MACV,oBAAOlB,MAAA,CAAAc,OAAA,CAAAyB,aAAA,CAACM,kBAAkB,EAAK3B,KAAQ,CAAC;IAC5C,CAAC;IACDmD,cAAc,WAAdA,cAAcA,CAAAC,KAAA,EAAY;MAAA,IAATnD,KAAK,GAAAmD,KAAA,CAALnD,KAAK;MAClB,oBAAOnB,MAAA,CAAAc,OAAA,CAAAyB,aAAA,CAAChC,wBAAA,CAAAgE,uBAAuB;QAACpD,KAAK,EAAEA;MAAM,CAAE,CAAC;IACpD;EACJ;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_Accordion","_SingleValueDynamicZone","_MultiValueDynamicZone","_AccordionRenderSettings","_FormElementMessage","_reactComposition","_templateObject","noBottomPadding","css","_taggedTemplateLiteral2","default","DynamicZoneContainer","exports","makeDecoratable","props","field","_props$bind$validatio","bind","validation","isValid","message","_props$title","title","label","_props$description","description","helpText","className","children","defaultClassName","multipleValues","undefined","_getAccordionRenderSe","getAccordionRenderSettings","open","createElement","Fragment","Accordion","AccordionItem","FormElementMessage","error","DynamicZoneContent","_ref","getBind","contentModel","templates","settings","length","console","info","concat","fieldId","Bind","Component","MultiValueDynamicZone","SingleValueDynamicZone","ValidationContainer","dynamicZoneFieldRenderer","type","name","renderer","rendererName","canUse","_ref2","render","renderSettings","_ref3","AccordionRenderSettings"],"sources":["dynamicZoneRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport {\n    BindComponent,\n    BindComponentRenderProp,\n    CmsModel,\n    CmsModelField,\n    CmsModelFieldRendererPlugin,\n    CmsModelFieldRendererProps\n} from \"~/types\";\nimport { SingleValueDynamicZone } from \"./SingleValueDynamicZone\";\nimport { MultiValueDynamicZone } from \"./MultiValueDynamicZone\";\nimport { AccordionRenderSettings, getAccordionRenderSettings } from \"../AccordionRenderSettings\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\nconst noBottomPadding = css`\n    > .webiny-ui-accordion-item__content {\n        padding-bottom: 0 !important;\n    }\n`;\n\nexport type DynamicZoneContainerProps = {\n    field: CmsModelField;\n    getBind: (index?: number, key?: string) => BindComponent;\n    contentModel: CmsModel;\n    bind: BindComponentRenderProp;\n    children: React.ReactNode;\n    title?: string;\n    description?: string;\n    className?: string;\n};\n\nexport const DynamicZoneContainer = makeDecoratable(\n    \"DynamicZoneContainer\",\n    (props: DynamicZoneContainerProps) => {\n        const {\n            field,\n            bind: {\n                validation: { isValid, message }\n            },\n            title = field.label,\n            description = field.helpText,\n            className,\n            children\n        } = props;\n\n        const defaultClassName = field.multipleValues ? noBottomPadding : undefined;\n        const { open } = getAccordionRenderSettings(field);\n\n        return (\n            <>\n                <Accordion>\n                    <AccordionItem\n                        title={title}\n                        description={description}\n                        className={className || defaultClassName}\n                        open={open}\n                    >\n                        {children}\n                    </AccordionItem>\n                </Accordion>\n                {isValid === false && (\n                    <FormElementMessage error={true}>{message}</FormElementMessage>\n                )}\n            </>\n        );\n    }\n);\n\nconst DynamicZoneContent = ({ field, getBind, contentModel }: CmsModelFieldRendererProps) => {\n    const templates = field.settings?.templates || [];\n    if (!templates.length) {\n        console.info(\n            `Skipping \"${field.fieldId}\" field. There are no templates defined for this dynamic zone.`\n        );\n        return null;\n    }\n\n    const Bind = getBind();\n\n    const Component = field.multipleValues ? MultiValueDynamicZone : SingleValueDynamicZone;\n\n    return (\n        <Bind>\n            {bind => {\n                return (\n                    <Bind.ValidationContainer>\n                        <DynamicZoneContainer\n                            field={field}\n                            bind={bind}\n                            getBind={getBind}\n                            contentModel={contentModel}\n                        >\n                            <Component\n                                bind={bind}\n                                field={field}\n                                getBind={getBind}\n                                contentModel={contentModel}\n                            />\n                        </DynamicZoneContainer>\n                    </Bind.ValidationContainer>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport const dynamicZoneFieldRenderer: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-dynamic-zone\",\n    renderer: {\n        rendererName: \"dynamicZone\",\n        name: \"Dynamic Zone\",\n        description: \"Renders a dynamic zone.\",\n        canUse({ field }) {\n            return field.type === \"dynamicZone\";\n        },\n        render(props) {\n            return <DynamicZoneContent {...props} />;\n        },\n        renderSettings({ field }) {\n            return <AccordionRenderSettings field={field} />;\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/lexicalText/lexicalTextInput.js

@@ -44,7 +44,7 @@ var plugin = {
       var form = (0, _form.useForm)();
       var Bind = getBind();
       return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-        return /*#__PURE__*/_react.default.createElement(Bind.ValidationScope, null, /*#__PURE__*/_react.default.createElement(Label, null, field.label), /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, bind, function (_ref3) {
+        return /*#__PURE__*/_react.default.createElement(Bind.ValidationContainer, null, /*#__PURE__*/_react.default.createElement(Label, null, field.label), /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, bind, function (_ref3) {
           var value = _ref3.value,
             onChange = _ref3.onChange;
           return /*#__PURE__*/_react.default.createElement(_LexicalCmsEditor.LexicalCmsEditor, {

package/admin/plugins/fieldRenderers/lexicalText/lexicalTextInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","_form","_LexicalCmsEditor","_utils","_FormElementMessage","_DelayedOnChange","_templateObject","_templateObject2","t","i18n","ns","getKey","id","field","formId","concat","fieldId","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","model","multipleValues","get","modelHasLegacyRteField","render","_ref2","getBind","Label","form","useForm","Bind","createElement","bind","ValidationScope","label","DelayedOnChange","_ref3","value","onChange","LexicalCmsEditor","key","data","placeholder","placeholderText","FormElementMessage","helpText","_default","exports"],"sources":["lexicalTextInput.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelFieldRendererPlugin, CmsModelField } from \"~/types\";\nimport { useForm } from \"@webiny/form\";\nimport { LexicalCmsEditor } from \"~/admin/components/LexicalCmsEditor/LexicalCmsEditor\";\nimport { modelHasLegacyRteField } from \"~/admin/plugins/fieldRenderers/richText/utils\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/rich-text\");\n\nconst getKey = (id: string | undefined, field: CmsModelField): string => {\n    const formId = id || \"new\";\n    return `${formId}.${field.fieldId}`;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-lexical\",\n    renderer: {\n        rendererName: \"lexical-text-input\",\n        name: t`Lexical Text Input`,\n        description: t`Renders a lexical text editor.`,\n        canUse({ field, model }) {\n            const canUse =\n                field.type === \"rich-text\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\");\n\n            if (canUse && modelHasLegacyRteField(model)) {\n                return false;\n            }\n\n            return canUse;\n        },\n        render({ field, getBind, Label }) {\n            const form = useForm();\n            const Bind = getBind<string>();\n            return (\n                <Bind>\n                    {bind => {\n                        return (\n                            <Bind.ValidationScope>\n                                <Label>{field.label}</Label>\n                                <DelayedOnChange {...bind}>\n                                    {({ value, onChange }) => (\n                                        <LexicalCmsEditor\n                                            value={value}\n                                            onChange={onChange}\n                                            key={getKey(form.data.id, field)}\n                                            placeholder={field.placeholderText}\n                                            data-testid={`fr.input.lexical.${field.label}`}\n                                        />\n                                    )}\n                                </DelayedOnChange>\n                                <FormElementMessage>{field.helpText}</FormElementMessage>\n                            </Bind.ValidationScope>\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","_form","_LexicalCmsEditor","_utils","_FormElementMessage","_DelayedOnChange","_templateObject","_templateObject2","t","i18n","ns","getKey","id","field","formId","concat","fieldId","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","model","multipleValues","get","modelHasLegacyRteField","render","_ref2","getBind","Label","form","useForm","Bind","createElement","bind","ValidationContainer","label","DelayedOnChange","_ref3","value","onChange","LexicalCmsEditor","key","data","placeholder","placeholderText","FormElementMessage","helpText","_default","exports"],"sources":["lexicalTextInput.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelFieldRendererPlugin, CmsModelField } from \"~/types\";\nimport { useForm } from \"@webiny/form\";\nimport { LexicalCmsEditor } from \"~/admin/components/LexicalCmsEditor/LexicalCmsEditor\";\nimport { modelHasLegacyRteField } from \"~/admin/plugins/fieldRenderers/richText/utils\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/rich-text\");\n\nconst getKey = (id: string | undefined, field: CmsModelField): string => {\n    const formId = id || \"new\";\n    return `${formId}.${field.fieldId}`;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-lexical\",\n    renderer: {\n        rendererName: \"lexical-text-input\",\n        name: t`Lexical Text Input`,\n        description: t`Renders a lexical text editor.`,\n        canUse({ field, model }) {\n            const canUse =\n                field.type === \"rich-text\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\");\n\n            if (canUse && modelHasLegacyRteField(model)) {\n                return false;\n            }\n\n            return canUse;\n        },\n        render({ field, getBind, Label }) {\n            const form = useForm();\n            const Bind = getBind<string>();\n            return (\n                <Bind>\n                    {bind => {\n                        return (\n                            <Bind.ValidationContainer>\n                                <Label>{field.label}</Label>\n                                <DelayedOnChange {...bind}>\n                                    {({ value, onChange }) => (\n                                        <LexicalCmsEditor\n                                            value={value}\n                                            onChange={onChange}\n                                            key={getKey(form.data.id, field)}\n                                            placeholder={field.placeholderText}\n                                            data-testid={`fr.input.lexical.${field.label}`}\n                                        />\n                                    )}\n                                </DelayedOnChange>\n                                <FormElementMessage>{field.helpText}</FormElementMessage>\n                            </Bind.ValidationContainer>\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAP,OAAA;AAA6D,IAAAQ,eAAA,EAAAC,gBAAA;AAE7D,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,yCAAyC,CAAC;AAE5D,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAIC,EAAsB,EAAEC,KAAoB,EAAa;EACrE,IAAMC,MAAM,GAAGF,EAAE,IAAI,KAAK;EAC1B,UAAAG,MAAA,CAAUD,MAAM,OAAAC,MAAA,CAAIF,KAAK,CAACG,OAAO;AACrC,CAAC;AAED,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,mCAAmC;EACzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,oBAAoB;IAClCF,IAAI,EAAEX,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAgB,uBAAA,CAAAC,OAAA,2BAAoB;IAC3BC,WAAW,EAAEhB,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAe,uBAAA,CAAAC,OAAA,uCAAgC;IAC9CE,MAAM,WAANA,MAAMA,CAAAC,IAAA,EAAmB;MAAA,IAAhBb,KAAK,GAAAa,IAAA,CAALb,KAAK;QAAEc,KAAK,GAAAD,IAAA,CAALC,KAAK;MACjB,IAAMF,MAAM,GACRZ,KAAK,CAACK,IAAI,KAAK,WAAW,IAC1B,CAACL,KAAK,CAACe,cAAc,IACrB,CAAC,IAAAC,YAAG,EAAChB,KAAK,EAAE,0BAA0B,CAAC;MAE3C,IAAIY,MAAM,IAAI,IAAAK,6BAAsB,EAACH,KAAK,CAAC,EAAE;QACzC,OAAO,KAAK;MAChB;MAEA,OAAOF,MAAM;IACjB,CAAC;IACDM,MAAM,WAANA,MAAMA,CAAAC,KAAA,EAA4B;MAAA,IAAzBnB,KAAK,GAAAmB,KAAA,CAALnB,KAAK;QAAEoB,OAAO,GAAAD,KAAA,CAAPC,OAAO;QAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;MAC1B,IAAMC,IAAI,GAAG,IAAAC,aAAO,EAAC,CAAC;MACtB,IAAMC,IAAI,GAAGJ,OAAO,CAAS,CAAC;MAC9B,oBACIrC,MAAA,CAAA2B,OAAA,CAAAe,aAAA,CAACD,IAAI,QACA,UAAAE,IAAI,EAAI;QACL,oBACI3C,MAAA,CAAA2B,OAAA,CAAAe,aAAA,CAACD,IAAI,CAACG,mBAAmB,qBACrB5C,MAAA,CAAA2B,OAAA,CAAAe,aAAA,CAACJ,KAAK,QAAErB,KAAK,CAAC4B,KAAa,CAAC,eAC5B7C,MAAA,CAAA2B,OAAA,CAAAe,aAAA,CAACjC,gBAAA,CAAAqC,eAAe,EAAKH,IAAI,EACpB,UAAAI,KAAA;UAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;YAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;UAAA,oBACfjD,MAAA,CAAA2B,OAAA,CAAAe,aAAA,CAACpC,iBAAA,CAAA4C,gBAAgB;YACbF,KAAK,EAAEA,KAAM;YACbC,QAAQ,EAAEA,QAAS;YACnBE,GAAG,EAAEpC,MAAM,CAACwB,IAAI,CAACa,IAAI,CAACpC,EAAE,EAAEC,KAAK,CAAE;YACjCoC,WAAW,EAAEpC,KAAK,CAACqC,eAAgB;YACnC,mCAAAnC,MAAA,CAAiCF,KAAK,CAAC4B,KAAK;UAAG,CAClD,CAAC;QAAA,CAEO,CAAC,eAClB7C,MAAA,CAAA2B,OAAA,CAAAe,aAAA,CAAClC,mBAAA,CAAA+C,kBAAkB,QAAEtC,KAAK,CAACuC,QAA6B,CAClC,CAAC;MAEnC,CACE,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA/B,OAAA,GAEaN,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/longText/longText.js

@@ -29,7 +29,7 @@ var plugin = {
         getBind = _ref2.getBind;
       var Bind = getBind();
       return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-        return /*#__PURE__*/_react.default.createElement(Bind.ValidationScope, null, /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, {
+        return /*#__PURE__*/_react.default.createElement(Bind.ValidationContainer, null, /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, {
           value: bind.value,
           onChange: bind.onChange,
           onBlur: bind.validate

package/admin/plugins/fieldRenderers/longText/longText.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_Input","_i18n","_DelayedOnChange","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","_ref2","getBind","Bind","createElement","bind","ValidationScope","DelayedOnChange","value","onChange","onBlur","validate","Input","rows","label","placeholder","placeholderText","helpText","concat","validation","_default","exports"],"sources":["longText.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-long-text-textarea\",\n    renderer: {\n        rendererName: \"long-text-text-area\",\n        name: t`Text Area`,\n        description: t`Renders a simple text area, suitable for larger amounts of text.`,\n        canUse({ field }) {\n            return (\n                field.type === \"long-text\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationScope>\n                            <DelayedOnChange\n                                value={bind.value}\n                                onChange={bind.onChange}\n                                onBlur={bind.validate}\n                            >\n                                <Input\n                                    rows={5}\n                                    label={field.label}\n                                    placeholder={field.placeholderText}\n                                    description={field.helpText}\n                                    data-testid={`fr.input.longtext.${field.label}`}\n                                    validation={bind.validation}\n                                />\n                            </DelayedOnChange>\n                        </Bind.ValidationScope>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAA6D,IAAAK,eAAA,EAAAC,gBAAA;AAE7D,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,8CAA8C;EACpDC,QAAQ,EAAE;IACNC,YAAY,EAAE,qBAAqB;IACnCF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,kBAAW;IAClBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,yEAAkE;IAChFE,MAAM,WAANA,MAAMA,CAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OACIA,KAAK,CAACT,IAAI,KAAK,WAAW,IAC1B,CAACS,KAAK,CAACC,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,WAANA,MAAMA,CAAAC,KAAA,EAAqB;MAAA,IAAlBJ,KAAK,GAAAI,KAAA,CAALJ,KAAK;QAAEK,OAAO,GAAAD,KAAA,CAAPC,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACI3B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACD,IAAI,QACA,UAAAE,IAAI;QAAA,oBACD9B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACD,IAAI,CAACG,eAAe,qBACjB/B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACvB,gBAAA,CAAA0B,eAAe;UACZC,KAAK,EAAEH,IAAI,CAACG,KAAM;UAClBC,QAAQ,EAAEJ,IAAI,CAACI,QAAS;UACxBC,MAAM,EAAEL,IAAI,CAACM;QAAS,gBAEtBpC,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACzB,MAAA,CAAAiC,KAAK;UACFC,IAAI,EAAE,CAAE;UACRC,KAAK,EAAEjB,KAAK,CAACiB,KAAM;UACnBC,WAAW,EAAElB,KAAK,CAACmB,eAAgB;UACnCtB,WAAW,EAAEG,KAAK,CAACoB,QAAS;UAC5B,oCAAAC,MAAA,CAAkCrB,KAAK,CAACiB,KAAK,CAAG;UAChDK,UAAU,EAAEd,IAAI,CAACc;QAAW,CAC/B,CACY,CACC,CAAC;MAAA,CAEzB,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEaN,MAAM","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_get","_Input","_i18n","_DelayedOnChange","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","_ref2","getBind","Bind","createElement","bind","ValidationContainer","DelayedOnChange","value","onChange","onBlur","validate","Input","rows","label","placeholder","placeholderText","helpText","concat","validation","_default","exports"],"sources":["longText.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-long-text-textarea\",\n    renderer: {\n        rendererName: \"long-text-text-area\",\n        name: t`Text Area`,\n        description: t`Renders a simple text area, suitable for larger amounts of text.`,\n        canUse({ field }) {\n            return (\n                field.type === \"long-text\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <DelayedOnChange\n                                value={bind.value}\n                                onChange={bind.onChange}\n                                onBlur={bind.validate}\n                            >\n                                <Input\n                                    rows={5}\n                                    label={field.label}\n                                    placeholder={field.placeholderText}\n                                    description={field.helpText}\n                                    data-testid={`fr.input.longtext.${field.label}`}\n                                    validation={bind.validation}\n                                />\n                            </DelayedOnChange>\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAA6D,IAAAK,eAAA,EAAAC,gBAAA;AAE7D,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,8CAA8C;EACpDC,QAAQ,EAAE;IACNC,YAAY,EAAE,qBAAqB;IACnCF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,kBAAW;IAClBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,yEAAkE;IAChFE,MAAM,WAANA,MAAMA,CAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OACIA,KAAK,CAACT,IAAI,KAAK,WAAW,IAC1B,CAACS,KAAK,CAACC,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,WAANA,MAAMA,CAAAC,KAAA,EAAqB;MAAA,IAAlBJ,KAAK,GAAAI,KAAA,CAALJ,KAAK;QAAEK,OAAO,GAAAD,KAAA,CAAPC,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACI3B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACD,IAAI,QACA,UAAAE,IAAI;QAAA,oBACD9B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACD,IAAI,CAACG,mBAAmB,qBACrB/B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACvB,gBAAA,CAAA0B,eAAe;UACZC,KAAK,EAAEH,IAAI,CAACG,KAAM;UAClBC,QAAQ,EAAEJ,IAAI,CAACI,QAAS;UACxBC,MAAM,EAAEL,IAAI,CAACM;QAAS,gBAEtBpC,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACzB,MAAA,CAAAiC,KAAK;UACFC,IAAI,EAAE,CAAE;UACRC,KAAK,EAAEjB,KAAK,CAACiB,KAAM;UACnBC,WAAW,EAAElB,KAAK,CAACmB,eAAgB;UACnCtB,WAAW,EAAEG,KAAK,CAACoB,QAAS;UAC5B,oCAAAC,MAAA,CAAkCrB,KAAK,CAACiB,KAAK,CAAG;UAChDK,UAAU,EAAEd,IAAI,CAACc;QAAW,CAC/B,CACY,CACK,CAAC;MAAA,CAE7B,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEaN,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/number/numberInput.js

@@ -29,7 +29,7 @@ var plugin = {
         getBind = _ref2.getBind;
       var Bind = getBind();
       return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-        return /*#__PURE__*/_react.default.createElement(Bind.ValidationScope, null, /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, {
+        return /*#__PURE__*/_react.default.createElement(Bind.ValidationContainer, null, /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, {
           value: bind.value,
           onChange: bind.onChange,
           onBlur: bind.validate

package/admin/plugins/fieldRenderers/number/numberInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","_Input","_DelayedOnChange","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","_ref2","getBind","Bind","createElement","bind","ValidationScope","DelayedOnChange","value","onChange","onBlur","validate","Input","label","placeholder","placeholderText","helpText","concat","validation","_default","exports"],"sources":["numberInput.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/number\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-number\",\n    renderer: {\n        rendererName: \"number-input\",\n        name: t`Number Input`,\n        description: t`Renders a simple input with its type set to \"number\".`,\n        canUse({ field }) {\n            return (\n                field.type === \"number\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationScope>\n                            <DelayedOnChange\n                                value={bind.value}\n                                onChange={bind.onChange}\n                                onBlur={bind.validate}\n                            >\n                                <Input\n                                    label={field.label}\n                                    placeholder={field.placeholderText}\n                                    description={field.helpText}\n                                    type=\"number\"\n                                    data-testid={`fr.input.number.${field.label}`}\n                                    validation={bind.validation}\n                                />\n                            </DelayedOnChange>\n                        </Bind.ValidationScope>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAA6D,IAAAK,eAAA,EAAAC,gBAAA;AAE7D,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,sCAAsC,CAAC;AAEzD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,kCAAkC;EACxCC,QAAQ,EAAE;IACNC,YAAY,EAAE,cAAc;IAC5BF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,qBAAc;IACrBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,gEAAuD;IACrEE,MAAM,WAANA,MAAMA,CAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OACIA,KAAK,CAACT,IAAI,KAAK,QAAQ,IACvB,CAACS,KAAK,CAACC,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,WAANA,MAAMA,CAAAC,KAAA,EAAqB;MAAA,IAAlBJ,KAAK,GAAAI,KAAA,CAALJ,KAAK;QAAEK,OAAO,GAAAD,KAAA,CAAPC,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACI3B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACD,IAAI,QACA,UAAAE,IAAI;QAAA,oBACD9B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACD,IAAI,CAACG,eAAe,qBACjB/B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACvB,gBAAA,CAAA0B,eAAe;UACZC,KAAK,EAAEH,IAAI,CAACG,KAAM;UAClBC,QAAQ,EAAEJ,IAAI,CAACI,QAAS;UACxBC,MAAM,EAAEL,IAAI,CAACM;QAAS,gBAEtBpC,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACxB,MAAA,CAAAgC,KAAK;UACFC,KAAK,EAAEhB,KAAK,CAACgB,KAAM;UACnBC,WAAW,EAAEjB,KAAK,CAACkB,eAAgB;UACnCrB,WAAW,EAAEG,KAAK,CAACmB,QAAS;UAC5B5B,IAAI,EAAC,QAAQ;UACb,kCAAA6B,MAAA,CAAgCpB,KAAK,CAACgB,KAAK,CAAG;UAC9CK,UAAU,EAAEb,IAAI,CAACa;QAAW,CAC/B,CACY,CACC,CAAC;MAAA,CAEzB,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GAEaN,MAAM","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","_Input","_DelayedOnChange","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","_ref2","getBind","Bind","createElement","bind","ValidationContainer","DelayedOnChange","value","onChange","onBlur","validate","Input","label","placeholder","placeholderText","helpText","concat","validation","_default","exports"],"sources":["numberInput.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/number\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-number\",\n    renderer: {\n        rendererName: \"number-input\",\n        name: t`Number Input`,\n        description: t`Renders a simple input with its type set to \"number\".`,\n        canUse({ field }) {\n            return (\n                field.type === \"number\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <DelayedOnChange\n                                value={bind.value}\n                                onChange={bind.onChange}\n                                onBlur={bind.validate}\n                            >\n                                <Input\n                                    label={field.label}\n                                    placeholder={field.placeholderText}\n                                    description={field.helpText}\n                                    type=\"number\"\n                                    data-testid={`fr.input.number.${field.label}`}\n                                    validation={bind.validation}\n                                />\n                            </DelayedOnChange>\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAA6D,IAAAK,eAAA,EAAAC,gBAAA;AAE7D,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,sCAAsC,CAAC;AAEzD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,kCAAkC;EACxCC,QAAQ,EAAE;IACNC,YAAY,EAAE,cAAc;IAC5BF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,qBAAc;IACrBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,gEAAuD;IACrEE,MAAM,WAANA,MAAMA,CAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OACIA,KAAK,CAACT,IAAI,KAAK,QAAQ,IACvB,CAACS,KAAK,CAACC,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,WAANA,MAAMA,CAAAC,KAAA,EAAqB;MAAA,IAAlBJ,KAAK,GAAAI,KAAA,CAALJ,KAAK;QAAEK,OAAO,GAAAD,KAAA,CAAPC,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACI3B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACD,IAAI,QACA,UAAAE,IAAI;QAAA,oBACD9B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACD,IAAI,CAACG,mBAAmB,qBACrB/B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACvB,gBAAA,CAAA0B,eAAe;UACZC,KAAK,EAAEH,IAAI,CAACG,KAAM;UAClBC,QAAQ,EAAEJ,IAAI,CAACI,QAAS;UACxBC,MAAM,EAAEL,IAAI,CAACM;QAAS,gBAEtBpC,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACxB,MAAA,CAAAgC,KAAK;UACFC,KAAK,EAAEhB,KAAK,CAACgB,KAAM;UACnBC,WAAW,EAAEjB,KAAK,CAACkB,eAAgB;UACnCrB,WAAW,EAAEG,KAAK,CAACmB,QAAS;UAC5B5B,IAAI,EAAC,QAAQ;UACb,kCAAA6B,MAAA,CAAgCpB,KAAK,CAACgB,KAAK,CAAG;UAC9CK,UAAU,EAAEb,IAAI,CAACa;QAAW,CAC/B,CACY,CACK,CAAC;MAAA,CAE7B,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GAEaN,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/object/multipleObjectsAccordion.js

@@ -29,7 +29,7 @@ var ObjectsRenderer = function ObjectsRenderer(props) {
   return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
     var values = bind.value || [];
     var label = "".concat(field.label, " ").concat(values.length ? "(".concat(values.length, ")") : "");
-    return /*#__PURE__*/_react.default.createElement(Bind.ValidationScope, null, /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, null, /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
+    return /*#__PURE__*/_react.default.createElement(Bind.ValidationContainer, null, /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, null, /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
       title: label,
       description: field.helpText,
       open: open

package/admin/plugins/fieldRenderers/object/multipleObjectsAccordion.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Accordion","_FieldSettings","_AccordionRenderSettings","_MultiValueContainer","_MultiValueRendererSettings","_templateObject","_templateObject2","t","i18n","ns","ObjectsRenderer","props","field","getBind","fieldSettings","FieldSettings","createFrom","hasFields","logMissingFields","_getAccordionRenderSe","getAccordionRenderSettings","open","Bind","default","createElement","bind","values","value","label","concat","length","ValidationScope","Accordion","AccordionItem","title","description","helpText","MultiValueContainer","showTitle","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","canUse","_ref","Boolean","multipleValues","render","renderSettings","Fragment","MultiValueRendererSettings","AccordionRenderSettings","_default","exports"],"sources":["multipleObjectsAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Accordion as RootAccordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport { CmsModelFieldRendererPlugin, CmsModelFieldRendererProps } from \"~/types\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { AccordionRenderSettings, getAccordionRenderSettings } from \"../AccordionRenderSettings\";\nimport { MultiValueContainer } from \"~/admin/plugins/fieldRenderers/object/MultiValueContainer\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst ObjectsRenderer = (props: CmsModelFieldRendererProps) => {\n    const { field, getBind } = props;\n\n    const fieldSettings = FieldSettings.createFrom(field);\n\n    if (!fieldSettings.hasFields()) {\n        fieldSettings.logMissingFields();\n        return null;\n    }\n\n    const { open } = getAccordionRenderSettings(field);\n\n    const Bind = getBind();\n\n    return (\n        <Bind>\n            {bind => {\n                const values = bind.value || [];\n                const label = `${field.label} ${values.length ? `(${values.length})` : \"\"}`;\n\n                return (\n                    <Bind.ValidationScope>\n                        <RootAccordion>\n                            <AccordionItem title={label} description={field.helpText} open={open}>\n                                <MultiValueContainer\n                                    bind={bind}\n                                    getBind={getBind}\n                                    showTitle={false}\n                                />\n                            </AccordionItem>\n                        </RootAccordion>\n                    </Bind.ValidationScope>\n                );\n            }}\n        </Bind>\n    );\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-objects-accordion\",\n    renderer: {\n        rendererName: \"objects-accordion\",\n        name: t`Accordion`,\n        description: t`Renders fields within an accordion.`,\n        canUse({ field }) {\n            return field.type === \"object\" && Boolean(field.multipleValues);\n        },\n        render(props) {\n            return <ObjectsRenderer {...props} />;\n        },\n        renderSettings(props) {\n            return (\n                <>\n                    <MultiValueRendererSettings {...props} />\n                    <AccordionRenderSettings {...props} />\n                </>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Accordion","_FieldSettings","_AccordionRenderSettings","_MultiValueContainer","_MultiValueRendererSettings","_templateObject","_templateObject2","t","i18n","ns","ObjectsRenderer","props","field","getBind","fieldSettings","FieldSettings","createFrom","hasFields","logMissingFields","_getAccordionRenderSe","getAccordionRenderSettings","open","Bind","default","createElement","bind","values","value","label","concat","length","ValidationContainer","Accordion","AccordionItem","title","description","helpText","MultiValueContainer","showTitle","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","canUse","_ref","Boolean","multipleValues","render","renderSettings","Fragment","MultiValueRendererSettings","AccordionRenderSettings","_default","exports"],"sources":["multipleObjectsAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Accordion as RootAccordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport { CmsModelFieldRendererPlugin, CmsModelFieldRendererProps } from \"~/types\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { AccordionRenderSettings, getAccordionRenderSettings } from \"../AccordionRenderSettings\";\nimport { MultiValueContainer } from \"~/admin/plugins/fieldRenderers/object/MultiValueContainer\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst ObjectsRenderer = (props: CmsModelFieldRendererProps) => {\n    const { field, getBind } = props;\n\n    const fieldSettings = FieldSettings.createFrom(field);\n\n    if (!fieldSettings.hasFields()) {\n        fieldSettings.logMissingFields();\n        return null;\n    }\n\n    const { open } = getAccordionRenderSettings(field);\n\n    const Bind = getBind();\n\n    return (\n        <Bind>\n            {bind => {\n                const values = bind.value || [];\n                const label = `${field.label} ${values.length ? `(${values.length})` : \"\"}`;\n\n                return (\n                    <Bind.ValidationContainer>\n                        <RootAccordion>\n                            <AccordionItem title={label} description={field.helpText} open={open}>\n                                <MultiValueContainer\n                                    bind={bind}\n                                    getBind={getBind}\n                                    showTitle={false}\n                                />\n                            </AccordionItem>\n                        </RootAccordion>\n                    </Bind.ValidationContainer>\n                );\n            }}\n        </Bind>\n    );\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-objects-accordion\",\n    renderer: {\n        rendererName: \"objects-accordion\",\n        name: t`Accordion`,\n        description: t`Renders fields within an accordion.`,\n        canUse({ field }) {\n            return field.type === \"object\" && Boolean(field.multipleValues);\n        },\n        render(props) {\n            return <ObjectsRenderer {...props} />;\n        },\n        renderSettings(props) {\n            return (\n                <>\n                    <MultiValueRendererSettings {...props} />\n                    <AccordionRenderSettings {...props} />\n                </>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/object/singleObjectAccordion.js

@@ -41,7 +41,7 @@ var plugin = {
       var _getAccordionRenderSe = (0, _AccordionRenderSettings.getAccordionRenderSettings)(field),
         open = _getAccordionRenderSe.open;
       return /*#__PURE__*/_react.default.createElement(Bind, null, function (bindProps) {
-        return /*#__PURE__*/_react.default.createElement(Bind.ValidationScope, null, /*#__PURE__*/_react.default.createElement(_hooks.ParentFieldProvider, {
+        return /*#__PURE__*/_react.default.createElement(Bind.ValidationContainer, null, /*#__PURE__*/_react.default.createElement(_hooks.ParentFieldProvider, {
           value: bindProps.value,
           path: Bind.parentName
         }, /*#__PURE__*/_react.default.createElement(_ModelFieldProvider.ParentValueIndexProvider, {

package/admin/plugins/fieldRenderers/object/singleObjectAccordion.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Accordion","_Fields","_FieldSettings","_hooks","_ModelFieldProvider","_AccordionRenderSettings","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","_ref2","getBind","contentModel","Bind","fieldSettings","FieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","_getAccordionRenderSe","getAccordionRenderSettings","open","createElement","bindProps","ValidationScope","ParentFieldProvider","value","path","parentName","ParentValueIndexProvider","index","Accordion","AccordionItem","title","label","helpText","Fields","fields","layout","renderSettings","_ref3","AccordionRenderSettings","_default","exports"],"sources":["singleObjectAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { ParentFieldProvider } from \"~/admin/hooks\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider\";\nimport {\n    AccordionRenderSettings,\n    getAccordionRenderSettings\n} from \"~/admin/plugins/fieldRenderers/AccordionRenderSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-object-accordion\",\n    renderer: {\n        rendererName: \"object-accordion\",\n        name: t`Accordion`,\n        description: t`Renders fields within an accordion.`,\n        canUse({ field }) {\n            return field.type === \"object\" && !field.multipleValues;\n        },\n        render({ field, getBind, contentModel }) {\n            const Bind = getBind();\n\n            const fieldSettings = FieldSettings.createFrom(field);\n\n            if (!fieldSettings.hasFields()) {\n                fieldSettings.logMissingFields();\n                return null;\n            }\n\n            const settings = fieldSettings.getSettings();\n            const { open } = getAccordionRenderSettings(field);\n\n            return (\n                <Bind>\n                    {bindProps => (\n                        <Bind.ValidationScope>\n                            <ParentFieldProvider value={bindProps.value} path={Bind.parentName}>\n                                <ParentValueIndexProvider index={-1}>\n                                    <Accordion>\n                                        <AccordionItem\n                                            title={field.label}\n                                            description={field.helpText}\n                                            open={open}\n                                        >\n                                            <Fields\n                                                Bind={Bind}\n                                                contentModel={contentModel}\n                                                fields={settings.fields || []}\n                                                layout={settings.layout || []}\n                                            />\n                                        </AccordionItem>\n                                    </Accordion>\n                                </ParentValueIndexProvider>\n                            </ParentFieldProvider>\n                        </Bind.ValidationScope>\n                    )}\n                </Bind>\n            );\n        },\n        renderSettings({ field }) {\n            return <AccordionRenderSettings field={field} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Accordion","_Fields","_FieldSettings","_hooks","_ModelFieldProvider","_AccordionRenderSettings","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","_ref2","getBind","contentModel","Bind","fieldSettings","FieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","_getAccordionRenderSe","getAccordionRenderSettings","open","createElement","bindProps","ValidationContainer","ParentFieldProvider","value","path","parentName","ParentValueIndexProvider","index","Accordion","AccordionItem","title","label","helpText","Fields","fields","layout","renderSettings","_ref3","AccordionRenderSettings","_default","exports"],"sources":["singleObjectAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { ParentFieldProvider } from \"~/admin/hooks\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider\";\nimport {\n    AccordionRenderSettings,\n    getAccordionRenderSettings\n} from \"~/admin/plugins/fieldRenderers/AccordionRenderSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-object-accordion\",\n    renderer: {\n        rendererName: \"object-accordion\",\n        name: t`Accordion`,\n        description: t`Renders fields within an accordion.`,\n        canUse({ field }) {\n            return field.type === \"object\" && !field.multipleValues;\n        },\n        render({ field, getBind, contentModel }) {\n            const Bind = getBind();\n\n            const fieldSettings = FieldSettings.createFrom(field);\n\n            if (!fieldSettings.hasFields()) {\n                fieldSettings.logMissingFields();\n                return null;\n            }\n\n            const settings = fieldSettings.getSettings();\n            const { open } = getAccordionRenderSettings(field);\n\n            return (\n                <Bind>\n                    {bindProps => (\n                        <Bind.ValidationContainer>\n                            <ParentFieldProvider value={bindProps.value} path={Bind.parentName}>\n                                <ParentValueIndexProvider index={-1}>\n                                    <Accordion>\n                                        <AccordionItem\n                                            title={field.label}\n                                            description={field.helpText}\n                                            open={open}\n                                        >\n                                            <Fields\n                                                Bind={Bind}\n                                                contentModel={contentModel}\n                                                fields={settings.fields || []}\n                                                layout={settings.layout || []}\n                                            />\n                                        </AccordionItem>\n                                    </Accordion>\n                                </ParentValueIndexProvider>\n                            </ParentFieldProvider>\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        },\n        renderSettings({ field }) {\n            return <AccordionRenderSettings field={field} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/object/singleObjectInline.js

@@ -19,7 +19,7 @@ var _Typography = require("@webiny/ui/Typography");
 var _templateObject, _templateObject2;
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
-var FieldLabel = /*#__PURE__*/(0, _base.default)("h3", process.env.NODE_ENV === "production" ? {
+var FieldLabel = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "eqxbbpu0"
 } : {
   target: "eqxbbpu0",
@@ -30,7 +30,7 @@ var FieldLabel = /*#__PURE__*/(0, _base.default)("h3", process.env.NODE_ENV ===
 } : {
   name: "1ua069u",
   styles: "font-size:24px;font-weight:normal;border-bottom:1px solid var(--mdc-theme-background);margin-bottom:20px;padding-bottom:5px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNpbmdsZU9iamVjdElubGluZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY21CIiwiZmlsZSI6InNpbmdsZU9iamVjdElubGluZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGkxOG4gfSBmcm9tIFwiQHdlYmlueS9hcHAvaTE4blwiO1xuaW1wb3J0IHsgRm9ybUVsZW1lbnRNZXNzYWdlIH0gZnJvbSBcIkB3ZWJpbnkvdWkvRm9ybUVsZW1lbnRNZXNzYWdlXCI7XG5pbXBvcnQgeyBDbXNNb2RlbEZpZWxkUmVuZGVyZXJQbHVnaW4gfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgRmllbGRzIH0gZnJvbSBcIn4vYWRtaW4vY29tcG9uZW50cy9Db250ZW50RW50cnlGb3JtL0ZpZWxkc1wiO1xuaW1wb3J0IHsgRmllbGRTZXR0aW5ncyB9IGZyb20gXCIuL0ZpZWxkU2V0dGluZ3NcIjtcbmltcG9ydCB7IFBhcmVudEZpZWxkUHJvdmlkZXIgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRFbnRyeUZvcm0vUGFyZW50VmFsdWVcIjtcbmltcG9ydCB7IFBhcmVudFZhbHVlSW5kZXhQcm92aWRlciB9IGZyb20gXCJ+L2FkbWluL2NvbXBvbmVudHMvTW9kZWxGaWVsZFByb3ZpZGVyXCI7XG5pbXBvcnQgeyBmaWVsZHNHcmlkU3R5bGUgfSBmcm9tIFwiLi9TdHlsZWRDb21wb25lbnRzXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeVwiO1xuXG5jb25zdCB0ID0gaTE4bi5ucyhcImFwcC1oZWFkbGVzcy1jbXMvYWRtaW4vZmllbGRzL3RleHRcIik7XG5cbmNvbnN0IEZpZWxkTGFiZWwgPSBzdHlsZWQoXCJoM1wiKSh7XG4gICAgZm9udFNpemU6IDI0LFxuICAgIGZvbnRXZWlnaHQ6IFwibm9ybWFsXCIsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIixcbiAgICBtYXJnaW5Cb3R0b206IFwiMjBweFwiLFxuICAgIHBhZGRpbmdCb3R0b206IFwiNXB4XCJcbn0pO1xuXG5jb25zdCBwbHVnaW46IENtc01vZGVsRmllbGRSZW5kZXJlclBsdWdpbiA9IHtcbiAgICB0eXBlOiBcImNtcy1lZGl0b3ItZmllbGQtcmVuZGVyZXJcIixcbiAgICBuYW1lOiBcImNtcy1lZGl0b3ItZmllbGQtcmVuZGVyZXItb2JqZWN0XCIsXG4gICAgcmVuZGVyZXI6IHtcbiAgICAgICAgcmVuZGVyZXJOYW1lOiBcIm9iamVjdFwiLFxuICAgICAgICBuYW1lOiB0YElubGluZSBGb3JtYCxcbiAgICAgICAgZGVzY3JpcHRpb246IHRgUmVuZGVycyBhIHNldCBvZiBmaWVsZHMuYCxcbiAgICAgICAgY2FuVXNlKHsgZmllbGQgfSkge1xuICAgICAgICAgICAgcmV0dXJuIGZpZWxkLnR5cGUgPT09IFwib2JqZWN0XCIgJiYgIWZpZWxkLm11bHRpcGxlVmFsdWVzO1xuICAgICAgICB9LFxuICAgICAgICByZW5kZXIoeyBmaWVsZCwgZ2V0QmluZCwgY29udGVudE1vZGVsIH0pIHtcbiAgICAgICAgICAgIGNvbnN0IEJpbmQgPSBnZXRCaW5kKCk7XG5cbiAgICAgICAgICAgIGNvbnN0IGZpZWxkU2V0dGluZ3MgPSBGaWVsZFNldHRpbmdzLmNyZWF0ZUZyb20oZmllbGQpO1xuXG4gICAgICAgICAgICBpZiAoIWZpZWxkU2V0dGluZ3MuaGFzRmllbGRzKCkpIHtcbiAgICAgICAgICAgICAgICBmaWVsZFNldHRpbmdzLmxvZ01pc3NpbmdGaWVsZHMoKTtcbiAgICAgICAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgY29uc3Qgc2V0dGluZ3MgPSBmaWVsZFNldHRpbmdzLmdldFNldHRpbmdzKCk7XG5cbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPEJpbmQ+XG4gICAgICAgICAgICAgICAgICAgIHtiaW5kUHJvcHMgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPEJpbmQuVmFsaWRhdGlvblNjb3BlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxQYXJlbnRGaWVsZFByb3ZpZGVyIHZhbHVlPXtiaW5kUHJvcHMudmFsdWV9IHBhdGg9e0JpbmQucGFyZW50TmFtZX0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxQYXJlbnRWYWx1ZUluZGV4UHJvdmlkZXIgaW5kZXg9ey0xfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWVsZExhYmVsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT17XCJoZWFkbGluZTVcIn0+e2ZpZWxkLmxhYmVsfTwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7ZmllbGQuaGVscFRleHQgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Rm9ybUVsZW1lbnRNZXNzYWdlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2ZpZWxkLmhlbHBUZXh0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0Zvcm1FbGVtZW50TWVzc2FnZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9GaWVsZExhYmVsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZpZWxkc1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGdyaWRDbGFzc05hbWU9e2ZpZWxkc0dyaWRTdHlsZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBCaW5kPXtCaW5kfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRlbnRNb2RlbD17Y29udGVudE1vZGVsfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpZWxkcz17c2V0dGluZ3MuZmllbGRzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxheW91dD17c2V0dGluZ3MubGF5b3V0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9QYXJlbnRWYWx1ZUluZGV4UHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9QYXJlbnRGaWVsZFByb3ZpZGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9CaW5kLlZhbGlkYXRpb25TY29wZT5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L0JpbmQ+XG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgfVxufTtcblxuZXhwb3J0IGRlZmF1bHQgcGx1Z2luO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNpbmdsZU9iamVjdElubGluZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzZCIiwiZmlsZSI6InNpbmdsZU9iamVjdElubGluZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGkxOG4gfSBmcm9tIFwiQHdlYmlueS9hcHAvaTE4blwiO1xuaW1wb3J0IHsgRm9ybUVsZW1lbnRNZXNzYWdlIH0gZnJvbSBcIkB3ZWJpbnkvdWkvRm9ybUVsZW1lbnRNZXNzYWdlXCI7XG5pbXBvcnQgeyBDbXNNb2RlbEZpZWxkUmVuZGVyZXJQbHVnaW4gfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgRmllbGRzIH0gZnJvbSBcIn4vYWRtaW4vY29tcG9uZW50cy9Db250ZW50RW50cnlGb3JtL0ZpZWxkc1wiO1xuaW1wb3J0IHsgRmllbGRTZXR0aW5ncyB9IGZyb20gXCIuL0ZpZWxkU2V0dGluZ3NcIjtcbmltcG9ydCB7IFBhcmVudEZpZWxkUHJvdmlkZXIgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRFbnRyeUZvcm0vUGFyZW50VmFsdWVcIjtcbmltcG9ydCB7IFBhcmVudFZhbHVlSW5kZXhQcm92aWRlciB9IGZyb20gXCJ+L2FkbWluL2NvbXBvbmVudHMvTW9kZWxGaWVsZFByb3ZpZGVyXCI7XG5pbXBvcnQgeyBmaWVsZHNHcmlkU3R5bGUgfSBmcm9tIFwiLi9TdHlsZWRDb21wb25lbnRzXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeVwiO1xuXG5jb25zdCB0ID0gaTE4bi5ucyhcImFwcC1oZWFkbGVzcy1jbXMvYWRtaW4vZmllbGRzL3RleHRcIik7XG5cbmNvbnN0IEZpZWxkTGFiZWwgPSBzdHlsZWQuZGl2YFxuICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZCk7XG4gICAgbWFyZ2luLWJvdHRvbTogMjBweDtcbiAgICBwYWRkaW5nLWJvdHRvbTogNXB4O1xuYDtcblxuY29uc3QgcGx1Z2luOiBDbXNNb2RlbEZpZWxkUmVuZGVyZXJQbHVnaW4gPSB7XG4gICAgdHlwZTogXCJjbXMtZWRpdG9yLWZpZWxkLXJlbmRlcmVyXCIsXG4gICAgbmFtZTogXCJjbXMtZWRpdG9yLWZpZWxkLXJlbmRlcmVyLW9iamVjdFwiLFxuICAgIHJlbmRlcmVyOiB7XG4gICAgICAgIHJlbmRlcmVyTmFtZTogXCJvYmplY3RcIixcbiAgICAgICAgbmFtZTogdGBJbmxpbmUgRm9ybWAsXG4gICAgICAgIGRlc2NyaXB0aW9uOiB0YFJlbmRlcnMgYSBzZXQgb2YgZmllbGRzLmAsXG4gICAgICAgIGNhblVzZSh7IGZpZWxkIH0pIHtcbiAgICAgICAgICAgIHJldHVybiBmaWVsZC50eXBlID09PSBcIm9iamVjdFwiICYmICFmaWVsZC5tdWx0aXBsZVZhbHVlcztcbiAgICAgICAgfSxcbiAgICAgICAgcmVuZGVyKHsgZmllbGQsIGdldEJpbmQsIGNvbnRlbnRNb2RlbCB9KSB7XG4gICAgICAgICAgICBjb25zdCBCaW5kID0gZ2V0QmluZCgpO1xuXG4gICAgICAgICAgICBjb25zdCBmaWVsZFNldHRpbmdzID0gRmllbGRTZXR0aW5ncy5jcmVhdGVGcm9tKGZpZWxkKTtcblxuICAgICAgICAgICAgaWYgKCFmaWVsZFNldHRpbmdzLmhhc0ZpZWxkcygpKSB7XG4gICAgICAgICAgICAgICAgZmllbGRTZXR0aW5ncy5sb2dNaXNzaW5nRmllbGRzKCk7XG4gICAgICAgICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGNvbnN0IHNldHRpbmdzID0gZmllbGRTZXR0aW5ncy5nZXRTZXR0aW5ncygpO1xuXG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDxCaW5kPlxuICAgICAgICAgICAgICAgICAgICB7YmluZFByb3BzID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxCaW5kLlZhbGlkYXRpb25Db250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPFBhcmVudEZpZWxkUHJvdmlkZXIgdmFsdWU9e2JpbmRQcm9wcy52YWx1ZX0gcGF0aD17QmluZC5wYXJlbnROYW1lfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFBhcmVudFZhbHVlSW5kZXhQcm92aWRlciBpbmRleD17LTF9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZpZWxkTGFiZWw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcImhlYWRsaW5lNVwifT57ZmllbGQubGFiZWx9PC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtmaWVsZC5oZWxwVGV4dCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGb3JtRWxlbWVudE1lc3NhZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7ZmllbGQuaGVscFRleHR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvRm9ybUVsZW1lbnRNZXNzYWdlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0ZpZWxkTGFiZWw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RmllbGRzXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZ3JpZENsYXNzTmFtZT17ZmllbGRzR3JpZFN0eWxlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIEJpbmQ9e0JpbmR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29udGVudE1vZGVsPXtjb250ZW50TW9kZWx9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmllbGRzPXtzZXR0aW5ncy5maWVsZHN9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGF5b3V0PXtzZXR0aW5ncy5sYXlvdXR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L1BhcmVudFZhbHVlSW5kZXhQcm92aWRlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L1BhcmVudEZpZWxkUHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0JpbmQuVmFsaWRhdGlvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L0JpbmQ+XG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgfVxufTtcblxuZXhwb3J0IGRlZmF1bHQgcGx1Z2luO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var plugin = {
@@ -56,7 +56,7 @@ var plugin = {
       }
       var settings = fieldSettings.getSettings();
       return /*#__PURE__*/_react.default.createElement(Bind, null, function (bindProps) {
-        return /*#__PURE__*/_react.default.createElement(Bind.ValidationScope, null, /*#__PURE__*/_react.default.createElement(_ParentValue.ParentFieldProvider, {
+        return /*#__PURE__*/_react.default.createElement(Bind.ValidationContainer, null, /*#__PURE__*/_react.default.createElement(_ParentValue.ParentFieldProvider, {
           value: bindProps.value,
           path: Bind.parentName
         }, /*#__PURE__*/_react.default.createElement(_ModelFieldProvider.ParentValueIndexProvider, {

package/admin/plugins/fieldRenderers/object/singleObjectInline.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_FormElementMessage","_Fields","_FieldSettings","_ParentValue","_ModelFieldProvider","_StyledComponents","_Typography","_templateObject","_templateObject2","_EMOTION_STRINGIFIED_CSS_ERROR__","t","i18n","ns","FieldLabel","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","plugin","type","renderer","rendererName","_taggedTemplateLiteral2","description","canUse","_ref","field","multipleValues","render","_ref2","getBind","contentModel","Bind","fieldSettings","FieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","createElement","bindProps","ValidationScope","ParentFieldProvider","value","path","parentName","ParentValueIndexProvider","index","Typography","use","helpText","FormElementMessage","Fields","gridClassName","fieldsGridStyle","fields","layout","_default","exports"],"sources":["singleObjectInline.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { ParentFieldProvider } from \"~/admin/components/ContentEntryForm/ParentValue\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider\";\nimport { fieldsGridStyle } from \"./StyledComponents\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst FieldLabel = styled(\"h3\")({\n    fontSize: 24,\n    fontWeight: \"normal\",\n    borderBottom: \"1px solid var(--mdc-theme-background)\",\n    marginBottom: \"20px\",\n    paddingBottom: \"5px\"\n});\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-object\",\n    renderer: {\n        rendererName: \"object\",\n        name: t`Inline Form`,\n        description: t`Renders a set of fields.`,\n        canUse({ field }) {\n            return field.type === \"object\" && !field.multipleValues;\n        },\n        render({ field, getBind, contentModel }) {\n            const Bind = getBind();\n\n            const fieldSettings = FieldSettings.createFrom(field);\n\n            if (!fieldSettings.hasFields()) {\n                fieldSettings.logMissingFields();\n                return null;\n            }\n\n            const settings = fieldSettings.getSettings();\n\n            return (\n                <Bind>\n                    {bindProps => (\n                        <Bind.ValidationScope>\n                            <ParentFieldProvider value={bindProps.value} path={Bind.parentName}>\n                                <ParentValueIndexProvider index={-1}>\n                                    <FieldLabel>\n                                        <Typography use={\"headline5\"}>{field.label}</Typography>\n                                        {field.helpText && (\n                                            <FormElementMessage>\n                                                {field.helpText}\n                                            </FormElementMessage>\n                                        )}\n                                    </FieldLabel>\n                                    <Fields\n                                        gridClassName={fieldsGridStyle}\n                                        Bind={Bind}\n                                        contentModel={contentModel}\n                                        fields={settings.fields}\n                                        layout={settings.layout}\n                                    />\n                                </ParentValueIndexProvider>\n                            </ParentFieldProvider>\n                        </Bind.ValidationScope>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_FormElementMessage","_Fields","_FieldSettings","_ParentValue","_ModelFieldProvider","_StyledComponents","_Typography","_templateObject","_templateObject2","_EMOTION_STRINGIFIED_CSS_ERROR__","t","i18n","ns","FieldLabel","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","plugin","type","renderer","rendererName","_taggedTemplateLiteral2","description","canUse","_ref","field","multipleValues","render","_ref2","getBind","contentModel","Bind","fieldSettings","FieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","createElement","bindProps","ValidationContainer","ParentFieldProvider","value","path","parentName","ParentValueIndexProvider","index","Typography","use","helpText","FormElementMessage","Fields","gridClassName","fieldsGridStyle","fields","layout","_default","exports"],"sources":["singleObjectInline.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { ParentFieldProvider } from \"~/admin/components/ContentEntryForm/ParentValue\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider\";\nimport { fieldsGridStyle } from \"./StyledComponents\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst FieldLabel = styled.div`\n    font-size: 24px;\n    font-weight: normal;\n    border-bottom: 1px solid var(--mdc-theme-background);\n    margin-bottom: 20px;\n    padding-bottom: 5px;\n`;\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-object\",\n    renderer: {\n        rendererName: \"object\",\n        name: t`Inline Form`,\n        description: t`Renders a set of fields.`,\n        canUse({ field }) {\n            return field.type === \"object\" && !field.multipleValues;\n        },\n        render({ field, getBind, contentModel }) {\n            const Bind = getBind();\n\n            const fieldSettings = FieldSettings.createFrom(field);\n\n            if (!fieldSettings.hasFields()) {\n                fieldSettings.logMissingFields();\n                return null;\n            }\n\n            const settings = fieldSettings.getSettings();\n\n            return (\n                <Bind>\n                    {bindProps => (\n                        <Bind.ValidationContainer>\n                            <ParentFieldProvider value={bindProps.value} path={Bind.parentName}>\n                                <ParentValueIndexProvider index={-1}>\n                                    <FieldLabel>\n                                        <Typography use={\"headline5\"}>{field.label}</Typography>\n                                        {field.helpText && (\n                                            <FormElementMessage>\n                                                {field.helpText}\n                                            </FormElementMessage>\n                                        )}\n                                    </FieldLabel>\n                                    <Fields\n                                        gridClassName={fieldsGridStyle}\n                                        Bind={Bind}\n                                        contentModel={contentModel}\n                                        fields={settings.fields}\n                                        layout={settings.layout}\n                                    />\n                                </ParentValueIndexProvider>\n                            </ParentFieldProvider>\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/radioButtons.js

@@ -38,7 +38,7 @@ var plugin = {
       return /*#__PURE__*/_react.default.createElement(Bind, {
         defaultValue: defaultOption ? defaultOption.value : undefined
       }, function (bind) {
-        return /*#__PURE__*/_react.default.createElement(Bind.ValidationScope, null, /*#__PURE__*/_react.default.createElement(_Radio.RadioGroup, Object.assign({}, bind, {
+        return /*#__PURE__*/_react.default.createElement(Bind.ValidationContainer, null, /*#__PURE__*/_react.default.createElement(_Radio.RadioGroup, Object.assign({}, bind, {
           label: field.label,
           description: field.helpText
         }), function (_ref4) {

package/admin/plugins/fieldRenderers/radioButtons.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","_Radio","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","_ref2","getBind","Bind","_ref3","predefinedValues","options","_ref3$values","values","defaultOption","find","opt","selected","createElement","defaultValue","value","undefined","bind","ValidationScope","RadioGroup","Object","assign","label","helpText","_ref4","onChange","getValue","Fragment","map","option","index","Number","key","String","Radio","concat","_default","exports"],"sources":["radioButtons.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Radio, RadioGroup } from \"@webiny/ui/Radio\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-radio-buttons\",\n    renderer: {\n        rendererName: \"radio-buttons\",\n        name: t`Radio Buttons`,\n        description: t`Renders radio buttons, allowing selection of a single value.`,\n        canUse({ field }) {\n            return !field.multipleValues && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const { values: options = [] } = field.predefinedValues || {\n                options: []\n            };\n\n            const defaultOption = options.find(opt => opt.selected === true);\n\n            return (\n                <Bind defaultValue={defaultOption ? defaultOption.value : undefined}>\n                    {bind => (\n                        <Bind.ValidationScope>\n                            <RadioGroup {...bind} label={field.label} description={field.helpText}>\n                                {({ onChange, getValue }) => (\n                                    <React.Fragment>\n                                        {options.map((option, index) => {\n                                            const value =\n                                                field.type === \"number\"\n                                                    ? Number(option.value)\n                                                    : option.value;\n                                            return (\n                                                <div key={String(option.value) + index}>\n                                                    <Radio\n                                                        label={option.label}\n                                                        value={getValue(value)}\n                                                        onChange={onChange(value)}\n                                                        data-testid={`fr.input.${field.label}.${option.label}`}\n                                                    />\n                                                </div>\n                                            );\n                                        })}\n                                    </React.Fragment>\n                                )}\n                            </RadioGroup>\n                        </Bind.ValidationScope>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","_Radio","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","_ref2","getBind","Bind","_ref3","predefinedValues","options","_ref3$values","values","defaultOption","find","opt","selected","createElement","defaultValue","value","undefined","bind","ValidationContainer","RadioGroup","Object","assign","label","helpText","_ref4","onChange","getValue","Fragment","map","option","index","Number","key","String","Radio","concat","_default","exports"],"sources":["radioButtons.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Radio, RadioGroup } from \"@webiny/ui/Radio\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-radio-buttons\",\n    renderer: {\n        rendererName: \"radio-buttons\",\n        name: t`Radio Buttons`,\n        description: t`Renders radio buttons, allowing selection of a single value.`,\n        canUse({ field }) {\n            return !field.multipleValues && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const { values: options = [] } = field.predefinedValues || {\n                options: []\n            };\n\n            const defaultOption = options.find(opt => opt.selected === true);\n\n            return (\n                <Bind defaultValue={defaultOption ? defaultOption.value : undefined}>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <RadioGroup {...bind} label={field.label} description={field.helpText}>\n                                {({ onChange, getValue }) => (\n                                    <React.Fragment>\n                                        {options.map((option, index) => {\n                                            const value =\n                                                field.type === \"number\"\n                                                    ? Number(option.value)\n                                                    : option.value;\n                                            return (\n                                                <div key={String(option.value) + index}>\n                                                    <Radio\n                                                        label={option.label}\n                                                        value={getValue(value)}\n                                                        onChange={onChange(value)}\n                                                        data-testid={`fr.input.${field.label}.${option.label}`}\n                                                    />\n                                                </div>\n                                            );\n                                        })}\n                                    </React.Fragment>\n                                )}\n                            </RadioGroup>\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAqD,IAAAI,eAAA,EAAAC,gBAAA;AAErD,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,yCAAyC;EAC/CC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,sBAAe;IACtBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,qEAA8D;IAC5EE,MAAM,WAANA,MAAMA,CAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OAAO,CAACA,KAAK,CAACC,cAAc,IAAI,CAAC,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAC5E,CAAC;IACDG,MAAM,WAANA,MAAMA,CAAAC,KAAA,EAAqB;MAAA,IAAlBJ,KAAK,GAAAI,KAAA,CAALJ,KAAK;QAAEK,OAAO,GAAAD,KAAA,CAAPC,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,IAAAE,KAAA,GAAiCP,KAAK,CAACQ,gBAAgB,IAAI;UACvDC,OAAO,EAAE;QACb,CAAC;QAAAC,YAAA,GAAAH,KAAA,CAFOI,MAAM;QAAEF,OAAO,GAAAC,YAAA,cAAG,EAAE,GAAAA,YAAA;MAI5B,IAAME,aAAa,GAAGH,OAAO,CAACI,IAAI,CAAC,UAAAC,GAAG;QAAA,OAAIA,GAAG,CAACC,QAAQ,KAAK,IAAI;MAAA,EAAC;MAEhE,oBACIpC,MAAA,CAAAiB,OAAA,CAAAoB,aAAA,CAACV,IAAI;QAACW,YAAY,EAAEL,aAAa,GAAGA,aAAa,CAACM,KAAK,GAAGC;MAAU,GAC/D,UAAAC,IAAI;QAAA,oBACDzC,MAAA,CAAAiB,OAAA,CAAAoB,aAAA,CAACV,IAAI,CAACe,mBAAmB,qBACrB1C,MAAA,CAAAiB,OAAA,CAAAoB,aAAA,CAAChC,MAAA,CAAAsC,UAAU,EAAAC,MAAA,CAAAC,MAAA,KAAKJ,IAAI;UAAEK,KAAK,EAAEzB,KAAK,CAACyB,KAAM;UAAC5B,WAAW,EAAEG,KAAK,CAAC0B;QAAS,IACjE,UAAAC,KAAA;UAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;YAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;UAAA,oBAClBlD,MAAA,CAAAiB,OAAA,CAAAoB,aAAA,CAACrC,MAAA,CAAAiB,OAAK,CAACkC,QAAQ,QACVrB,OAAO,CAACsB,GAAG,CAAC,UAACC,MAAM,EAAEC,KAAK,EAAK;YAC5B,IAAMf,KAAK,GACPlB,KAAK,CAACT,IAAI,KAAK,QAAQ,GACjB2C,MAAM,CAACF,MAAM,CAACd,KAAK,CAAC,GACpBc,MAAM,CAACd,KAAK;YACtB,oBACIvC,MAAA,CAAAiB,OAAA,CAAAoB,aAAA;cAAKmB,GAAG,EAAEC,MAAM,CAACJ,MAAM,CAACd,KAAK,CAAC,GAAGe;YAAM,gBACnCtD,MAAA,CAAAiB,OAAA,CAAAoB,aAAA,CAAChC,MAAA,CAAAqD,KAAK;cACFZ,KAAK,EAAEO,MAAM,CAACP,KAAM;cACpBP,KAAK,EAAEW,QAAQ,CAACX,KAAK,CAAE;cACvBU,QAAQ,EAAEA,QAAQ,CAACV,KAAK,CAAE;cAC1B,2BAAAoB,MAAA,CAAyBtC,KAAK,CAACyB,KAAK,OAAAa,MAAA,CAAIN,MAAM,CAACP,KAAK;YAAG,CAC1D,CACA,CAAC;UAEd,CAAC,CACW,CAAC;QAAA,CAEb,CACU,CAAC;MAAA,CAE7B,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAA5C,OAAA,GAEaN,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/detailedReferenceRenderer.js

@@ -30,7 +30,7 @@ var createAdvancedSingleRenderer = exports.createAdvancedSingleRenderer = functi
           contentModel = props.contentModel;
         var Bind = getBind();
         return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-          return /*#__PURE__*/_react.default.createElement(Bind.ValidationScope, null, /*#__PURE__*/_react.default.createElement(_AdvancedSingleReferenceField.AdvancedSingleReferenceField, {
+          return /*#__PURE__*/_react.default.createElement(Bind.ValidationContainer, null, /*#__PURE__*/_react.default.createElement(_AdvancedSingleReferenceField.AdvancedSingleReferenceField, {
             field: field,
             getBind: getBind,
             bind: bind,

package/admin/plugins/fieldRenderers/ref/advanced/detailedReferenceRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_AdvancedSingleReferenceField","_templateObject","_templateObject2","t","i18n","ns","createAdvancedSingleRenderer","exports","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","props","getBind","Label","contentModel","Bind","createElement","bind","ValidationScope","AdvancedSingleReferenceField"],"sources":["detailedReferenceRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { AdvancedSingleReferenceField } from \"./components/AdvancedSingleReferenceField\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createAdvancedSingleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-single-advanced\",\n        renderer: {\n            rendererName: \"ref-advanced-single\",\n            name: t`Detailed view with modal search`,\n            description: t`Renders a preview card of the selected record and the user searches through records using a modal window.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !field.multipleValues;\n            },\n            render: props => {\n                const { field, getBind, Label, contentModel } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => {\n                            return (\n                                <Bind.ValidationScope>\n                                    <AdvancedSingleReferenceField\n                                        field={field}\n                                        getBind={getBind}\n                                        bind={bind}\n                                        Label={Label}\n                                        contentModel={contentModel}\n                                    />\n                                </Bind.ValidationScope>\n                            );\n                        }}\n                    </Bind>\n                );\n            }\n        }\n    };\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,6BAAA,GAAAF,OAAA;AAAyF,IAAAG,eAAA,EAAAC,gBAAA;AAEzF,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAE/C,IAAMC,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,SAA/BA,4BAA4BA,CAAA,EAAsC;EAC3E,OAAO;IACHE,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,+CAA+C;IACrDC,QAAQ,EAAE;MACNC,YAAY,EAAE,qBAAqB;MACnCF,IAAI,EAAEN,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAW,uBAAA,CAAAC,OAAA,wCAAiC;MACxCC,WAAW,EAAEX,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,kHAA2G;MACzHE,MAAM,WAANA,MAAMA,CAAAC,IAAA,EAAY;QAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;QACV,OAAOA,KAAK,CAACT,IAAI,KAAK,KAAK,IAAI,CAACS,KAAK,CAACC,cAAc;MACxD,CAAC;MACDC,MAAM,EAAE,SAARA,MAAMA,CAAEC,KAAK,EAAI;QACb,IAAQH,KAAK,GAAmCG,KAAK,CAA7CH,KAAK;UAAEI,OAAO,GAA0BD,KAAK,CAAtCC,OAAO;UAAEC,KAAK,GAAmBF,KAAK,CAA7BE,KAAK;UAAEC,YAAY,GAAKH,KAAK,CAAtBG,YAAY;QAE3C,IAAMC,IAAI,GAAGH,OAAO,CAAC,CAAC;QACtB,oBACIzB,MAAA,CAAAiB,OAAA,CAAAY,aAAA,CAACD,IAAI,QACA,UAAAE,IAAI,EAAI;UACL,oBACI9B,MAAA,CAAAiB,OAAA,CAAAY,aAAA,CAACD,IAAI,CAACG,eAAe,qBACjB/B,MAAA,CAAAiB,OAAA,CAAAY,aAAA,CAACzB,6BAAA,CAAA4B,4BAA4B;YACzBX,KAAK,EAAEA,KAAM;YACbI,OAAO,EAAEA,OAAQ;YACjBK,IAAI,EAAEA,IAAK;YACXJ,KAAK,EAAEA,KAAM;YACbC,YAAY,EAAEA;UAAa,CAC9B,CACiB,CAAC;QAE/B,CACE,CAAC;MAEf;IACJ;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_AdvancedSingleReferenceField","_templateObject","_templateObject2","t","i18n","ns","createAdvancedSingleRenderer","exports","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","props","getBind","Label","contentModel","Bind","createElement","bind","ValidationContainer","AdvancedSingleReferenceField"],"sources":["detailedReferenceRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { AdvancedSingleReferenceField } from \"./components/AdvancedSingleReferenceField\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createAdvancedSingleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-single-advanced\",\n        renderer: {\n            rendererName: \"ref-advanced-single\",\n            name: t`Detailed view with modal search`,\n            description: t`Renders a preview card of the selected record and the user searches through records using a modal window.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !field.multipleValues;\n            },\n            render: props => {\n                const { field, getBind, Label, contentModel } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => {\n                            return (\n                                <Bind.ValidationContainer>\n                                    <AdvancedSingleReferenceField\n                                        field={field}\n                                        getBind={getBind}\n                                        bind={bind}\n                                        Label={Label}\n                                        contentModel={contentModel}\n                                    />\n                                </Bind.ValidationContainer>\n                            );\n                        }}\n                    </Bind>\n                );\n            }\n        }\n    };\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,6BAAA,GAAAF,OAAA;AAAyF,IAAAG,eAAA,EAAAC,gBAAA;AAEzF,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAE/C,IAAMC,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,SAA/BA,4BAA4BA,CAAA,EAAsC;EAC3E,OAAO;IACHE,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,+CAA+C;IACrDC,QAAQ,EAAE;MACNC,YAAY,EAAE,qBAAqB;MACnCF,IAAI,EAAEN,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAW,uBAAA,CAAAC,OAAA,wCAAiC;MACxCC,WAAW,EAAEX,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,kHAA2G;MACzHE,MAAM,WAANA,MAAMA,CAAAC,IAAA,EAAY;QAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;QACV,OAAOA,KAAK,CAACT,IAAI,KAAK,KAAK,IAAI,CAACS,KAAK,CAACC,cAAc;MACxD,CAAC;MACDC,MAAM,EAAE,SAARA,MAAMA,CAAEC,KAAK,EAAI;QACb,IAAQH,KAAK,GAAmCG,KAAK,CAA7CH,KAAK;UAAEI,OAAO,GAA0BD,KAAK,CAAtCC,OAAO;UAAEC,KAAK,GAAmBF,KAAK,CAA7BE,KAAK;UAAEC,YAAY,GAAKH,KAAK,CAAtBG,YAAY;QAE3C,IAAMC,IAAI,GAAGH,OAAO,CAAC,CAAC;QACtB,oBACIzB,MAAA,CAAAiB,OAAA,CAAAY,aAAA,CAACD,IAAI,QACA,UAAAE,IAAI,EAAI;UACL,oBACI9B,MAAA,CAAAiB,OAAA,CAAAY,aAAA,CAACD,IAAI,CAACG,mBAAmB,qBACrB/B,MAAA,CAAAiB,OAAA,CAAAY,aAAA,CAACzB,6BAAA,CAAA4B,4BAA4B;YACzBX,KAAK,EAAEA,KAAM;YACbI,OAAO,EAAEA,OAAQ;YACjBK,IAAI,EAAEA,IAAK;YACXJ,KAAK,EAAEA,KAAM;YACbC,YAAY,EAAEA;UAAa,CAC9B,CACqB,CAAC;QAEnC,CACE,CAAC;MAEf;IACJ;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/detailedReferencesRenderer.js

@@ -31,7 +31,7 @@ var createAdvancedMultipleRenderer = exports.createAdvancedMultipleRenderer = fu
           contentModel = props.contentModel;
         var Bind = getBind();
         return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-          return /*#__PURE__*/_react.default.createElement(Bind.ValidationScope, null, /*#__PURE__*/_react.default.createElement(_AdvancedMultipleReferenceField.AdvancedMultipleReferenceField, {
+          return /*#__PURE__*/_react.default.createElement(Bind.ValidationContainer, null, /*#__PURE__*/_react.default.createElement(_AdvancedMultipleReferenceField.AdvancedMultipleReferenceField, {
             field: field,
             getBind: getBind,
             bind: bind,

package/admin/plugins/fieldRenderers/ref/advanced/detailedReferencesRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_AdvancedMultipleReferenceField","_AdvancedMultipleReferenceSettings","_templateObject","_templateObject2","t","i18n","ns","createAdvancedMultipleRenderer","exports","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","props","getBind","Label","contentModel","Bind","createElement","bind","ValidationScope","AdvancedMultipleReferenceField","renderSettings","AdvancedMultipleReferenceSettings"],"sources":["detailedReferencesRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { AdvancedMultipleReferenceField } from \"./components/AdvancedMultipleReferenceField\";\nimport { AdvancedMultipleReferenceSettings } from \"./components/AdvancedMultipleReferenceSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createAdvancedMultipleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-multiple-advanced\",\n        renderer: {\n            rendererName: \"ref-advanced-multiple\",\n            name: t`Detailed view with modal search`,\n            description: t`Renders preview cards of the selected records. User can browse through records using a modal dialog.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !!field.multipleValues;\n            },\n            render: props => {\n                const { field, getBind, Label, contentModel } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => {\n                            return (\n                                <Bind.ValidationScope>\n                                    <AdvancedMultipleReferenceField\n                                        field={field}\n                                        getBind={getBind}\n                                        bind={bind}\n                                        Label={Label}\n                                        contentModel={contentModel}\n                                    />\n                                </Bind.ValidationScope>\n                            );\n                        }}\n                    </Bind>\n                );\n            },\n            renderSettings: () => {\n                return <AdvancedMultipleReferenceSettings />;\n            }\n        }\n    };\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,+BAAA,GAAAF,OAAA;AACA,IAAAG,kCAAA,GAAAH,OAAA;AAAmG,IAAAI,eAAA,EAAAC,gBAAA;AAEnG,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAE/C,IAAMC,8BAA8B,GAAAC,OAAA,CAAAD,8BAAA,GAAG,SAAjCA,8BAA8BA,CAAA,EAAsC;EAC7E,OAAO;IACHE,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,iDAAiD;IACvDC,QAAQ,EAAE;MACNC,YAAY,EAAE,uBAAuB;MACrCF,IAAI,EAAEN,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAW,uBAAA,CAAAC,OAAA,wCAAiC;MACxCC,WAAW,EAAEX,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,6GAAsG;MACpHE,MAAM,WAANA,MAAMA,CAAAC,IAAA,EAAY;QAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;QACV,OAAOA,KAAK,CAACT,IAAI,KAAK,KAAK,IAAI,CAAC,CAACS,KAAK,CAACC,cAAc;MACzD,CAAC;MACDC,MAAM,EAAE,SAARA,MAAMA,CAAEC,KAAK,EAAI;QACb,IAAQH,KAAK,GAAmCG,KAAK,CAA7CH,KAAK;UAAEI,OAAO,GAA0BD,KAAK,CAAtCC,OAAO;UAAEC,KAAK,GAAmBF,KAAK,CAA7BE,KAAK;UAAEC,YAAY,GAAKH,KAAK,CAAtBG,YAAY;QAE3C,IAAMC,IAAI,GAAGH,OAAO,CAAC,CAAC;QACtB,oBACI1B,MAAA,CAAAkB,OAAA,CAAAY,aAAA,CAACD,IAAI,QACA,UAAAE,IAAI,EAAI;UACL,oBACI/B,MAAA,CAAAkB,OAAA,CAAAY,aAAA,CAACD,IAAI,CAACG,eAAe,qBACjBhC,MAAA,CAAAkB,OAAA,CAAAY,aAAA,CAAC1B,+BAAA,CAAA6B,8BAA8B;YAC3BX,KAAK,EAAEA,KAAM;YACbI,OAAO,EAAEA,OAAQ;YACjBK,IAAI,EAAEA,IAAK;YACXJ,KAAK,EAAEA,KAAM;YACbC,YAAY,EAAEA;UAAa,CAC9B,CACiB,CAAC;QAE/B,CACE,CAAC;MAEf,CAAC;MACDM,cAAc,EAAE,SAAhBA,cAAcA,CAAA,EAAQ;QAClB,oBAAOlC,MAAA,CAAAkB,OAAA,CAAAY,aAAA,CAACzB,kCAAA,CAAA8B,iCAAiC,MAAE,CAAC;MAChD;IACJ;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_AdvancedMultipleReferenceField","_AdvancedMultipleReferenceSettings","_templateObject","_templateObject2","t","i18n","ns","createAdvancedMultipleRenderer","exports","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","props","getBind","Label","contentModel","Bind","createElement","bind","ValidationContainer","AdvancedMultipleReferenceField","renderSettings","AdvancedMultipleReferenceSettings"],"sources":["detailedReferencesRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { AdvancedMultipleReferenceField } from \"./components/AdvancedMultipleReferenceField\";\nimport { AdvancedMultipleReferenceSettings } from \"./components/AdvancedMultipleReferenceSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createAdvancedMultipleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-multiple-advanced\",\n        renderer: {\n            rendererName: \"ref-advanced-multiple\",\n            name: t`Detailed view with modal search`,\n            description: t`Renders preview cards of the selected records. User can browse through records using a modal dialog.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !!field.multipleValues;\n            },\n            render: props => {\n                const { field, getBind, Label, contentModel } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => {\n                            return (\n                                <Bind.ValidationContainer>\n                                    <AdvancedMultipleReferenceField\n                                        field={field}\n                                        getBind={getBind}\n                                        bind={bind}\n                                        Label={Label}\n                                        contentModel={contentModel}\n                                    />\n                                </Bind.ValidationContainer>\n                            );\n                        }}\n                    </Bind>\n                );\n            },\n            renderSettings: () => {\n                return <AdvancedMultipleReferenceSettings />;\n            }\n        }\n    };\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,+BAAA,GAAAF,OAAA;AACA,IAAAG,kCAAA,GAAAH,OAAA;AAAmG,IAAAI,eAAA,EAAAC,gBAAA;AAEnG,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAE/C,IAAMC,8BAA8B,GAAAC,OAAA,CAAAD,8BAAA,GAAG,SAAjCA,8BAA8BA,CAAA,EAAsC;EAC7E,OAAO;IACHE,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,iDAAiD;IACvDC,QAAQ,EAAE;MACNC,YAAY,EAAE,uBAAuB;MACrCF,IAAI,EAAEN,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAW,uBAAA,CAAAC,OAAA,wCAAiC;MACxCC,WAAW,EAAEX,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,6GAAsG;MACpHE,MAAM,WAANA,MAAMA,CAAAC,IAAA,EAAY;QAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;QACV,OAAOA,KAAK,CAACT,IAAI,KAAK,KAAK,IAAI,CAAC,CAACS,KAAK,CAACC,cAAc;MACzD,CAAC;MACDC,MAAM,EAAE,SAARA,MAAMA,CAAEC,KAAK,EAAI;QACb,IAAQH,KAAK,GAAmCG,KAAK,CAA7CH,KAAK;UAAEI,OAAO,GAA0BD,KAAK,CAAtCC,OAAO;UAAEC,KAAK,GAAmBF,KAAK,CAA7BE,KAAK;UAAEC,YAAY,GAAKH,KAAK,CAAtBG,YAAY;QAE3C,IAAMC,IAAI,GAAGH,OAAO,CAAC,CAAC;QACtB,oBACI1B,MAAA,CAAAkB,OAAA,CAAAY,aAAA,CAACD,IAAI,QACA,UAAAE,IAAI,EAAI;UACL,oBACI/B,MAAA,CAAAkB,OAAA,CAAAY,aAAA,CAACD,IAAI,CAACG,mBAAmB,qBACrBhC,MAAA,CAAAkB,OAAA,CAAAY,aAAA,CAAC1B,+BAAA,CAAA6B,8BAA8B;YAC3BX,KAAK,EAAEA,KAAM;YACbI,OAAO,EAAEA,OAAQ;YACjBK,IAAI,EAAEA,IAAK;YACXJ,KAAK,EAAEA,KAAM;YACbC,YAAY,EAAEA;UAAa,CAC9B,CACqB,CAAC;QAEnC,CACE,CAAC;MAEf,CAAC;MACDM,cAAc,EAAE,SAAhBA,cAAcA,CAAA,EAAQ;QAClB,oBAAOlC,MAAA,CAAAkB,OAAA,CAAAY,aAAA,CAACzB,kCAAA,CAAA8B,iCAAiC,MAAE,CAAC;MAChD;IACJ;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/refInput.js

@@ -25,7 +25,7 @@ var plugin = {
     render: function render(props) {
       var Bind = props.getBind();
       return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-        return /*#__PURE__*/_react.default.createElement(Bind.ValidationScope, null, /*#__PURE__*/_react.default.createElement(_ContentEntriesAutocomplete.default, Object.assign({}, props, {
+        return /*#__PURE__*/_react.default.createElement(Bind.ValidationContainer, null, /*#__PURE__*/_react.default.createElement(_ContentEntriesAutocomplete.default, Object.assign({}, props, {
           bind: bind
         })));
       });

package/admin/plugins/fieldRenderers/ref/refInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_ContentEntriesAutocomplete","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","props","Bind","getBind","createElement","bind","ValidationScope","Object","assign","_default","exports"],"sources":["refInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport ContentEntriesAutocomplete from \"./components/ContentEntriesAutocomplete\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref\",\n    renderer: {\n        rendererName: \"ref-input\",\n        name: t`Reference Input`,\n        description: t`Renders an auto-complete input, allowing selection of a single value.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !field.multipleValues;\n        },\n        render(props) {\n            const Bind = props.getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationScope>\n                            <ContentEntriesAutocomplete {...props} bind={bind} />\n                        </Bind.ValidationScope>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAiF,IAAAG,eAAA,EAAAC,gBAAA;AAEjF,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAEtD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,+BAA+B;EACrCC,QAAQ,EAAE;IACNC,YAAY,EAAE,WAAW;IACzBF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,wBAAiB;IACxBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,8EAAuE;IACrFE,MAAM,WAANA,MAAMA,CAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OAAOA,KAAK,CAACT,IAAI,KAAK,KAAK,IAAI,CAACS,KAAK,CAACC,cAAc;IACxD,CAAC;IACDC,MAAM,WAANA,MAAMA,CAACC,KAAK,EAAE;MACV,IAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAAC,CAAC;MAE5B,oBACIzB,MAAA,CAAAgB,OAAA,CAAAU,aAAA,CAACF,IAAI,QACA,UAAAG,IAAI;QAAA,oBACD3B,MAAA,CAAAgB,OAAA,CAAAU,aAAA,CAACF,IAAI,CAACI,eAAe,qBACjB5B,MAAA,CAAAgB,OAAA,CAAAU,aAAA,CAACtB,2BAAA,CAAAY,OAA0B,EAAAa,MAAA,CAAAC,MAAA,KAAKP,KAAK;UAAEI,IAAI,EAAEA;QAAK,EAAE,CAClC,CAAC;MAAA,CAEzB,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAhB,OAAA,GAEaN,MAAM","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_ContentEntriesAutocomplete","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","props","Bind","getBind","createElement","bind","ValidationContainer","Object","assign","_default","exports"],"sources":["refInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport ContentEntriesAutocomplete from \"./components/ContentEntriesAutocomplete\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref\",\n    renderer: {\n        rendererName: \"ref-input\",\n        name: t`Reference Input`,\n        description: t`Renders an auto-complete input, allowing selection of a single value.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !field.multipleValues;\n        },\n        render(props) {\n            const Bind = props.getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <ContentEntriesAutocomplete {...props} bind={bind} />\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAiF,IAAAG,eAAA,EAAAC,gBAAA;AAEjF,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAEtD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,+BAA+B;EACrCC,QAAQ,EAAE;IACNC,YAAY,EAAE,WAAW;IACzBF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,wBAAiB;IACxBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,8EAAuE;IACrFE,MAAM,WAANA,MAAMA,CAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OAAOA,KAAK,CAACT,IAAI,KAAK,KAAK,IAAI,CAACS,KAAK,CAACC,cAAc;IACxD,CAAC;IACDC,MAAM,WAANA,MAAMA,CAACC,KAAK,EAAE;MACV,IAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAAC,CAAC;MAE5B,oBACIzB,MAAA,CAAAgB,OAAA,CAAAU,aAAA,CAACF,IAAI,QACA,UAAAG,IAAI;QAAA,oBACD3B,MAAA,CAAAgB,OAAA,CAAAU,aAAA,CAACF,IAAI,CAACI,mBAAmB,qBACrB5B,MAAA,CAAAgB,OAAA,CAAAU,aAAA,CAACtB,2BAAA,CAAAY,OAA0B,EAAAa,MAAA,CAAAC,MAAA,KAAKP,KAAK;UAAEI,IAAI,EAAEA;QAAK,EAAE,CAC9B,CAAC;MAAA,CAE7B,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAhB,OAAA,GAEaN,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/refInputs.js

@@ -30,7 +30,7 @@ var plugin = {
       var Bind = props.getBind();
       var form = (0, _form.useForm)();
       return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-        return /*#__PURE__*/_react.default.createElement(Bind.ValidationScope, null, /*#__PURE__*/_react.default.createElement(_ContentEntriesMultiAutoComplete.default, Object.assign({
+        return /*#__PURE__*/_react.default.createElement(Bind.ValidationContainer, null, /*#__PURE__*/_react.default.createElement(_ContentEntriesMultiAutoComplete.default, Object.assign({
           key: getKey(props.field, form.data.id)
         }, props, {
           bind: bind

package/admin/plugins/fieldRenderers/ref/refInputs.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_form","_ContentEntriesMultiAutoComplete","_templateObject","_templateObject2","t","i18n","ns","getKey","field","id","fieldId","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","multipleValues","render","props","Bind","getBind","form","useForm","createElement","bind","ValidationScope","Object","assign","key","data","_default","exports"],"sources":["refInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useForm } from \"@webiny/form\";\nimport { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types\";\nimport ContentEntriesMultiAutocomplete from \"./components/ContentEntriesMultiAutoComplete\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst getKey = (field: CmsModelField, id: string | undefined): string => {\n    return (id || \"unknown\") + \".\" + field.fieldId;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref-inputs\",\n    renderer: {\n        rendererName: \"ref-inputs\",\n        name: t`Reference Inputs`,\n        description: t`Renders an auto-complete input, allowing selection of multiple values.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !!field.multipleValues;\n        },\n        render(props) {\n            const Bind = props.getBind();\n            const form = useForm();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationScope>\n                            <ContentEntriesMultiAutocomplete\n                                key={getKey(props.field, form.data.id)}\n                                {...props}\n                                bind={bind}\n                            />\n                        </Bind.ValidationScope>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,gCAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA2F,IAAAI,eAAA,EAAAC,gBAAA;AAE3F,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAEtD,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAIC,KAAoB,EAAEC,EAAsB,EAAa;EACrE,OAAO,CAACA,EAAE,IAAI,SAAS,IAAI,GAAG,GAAGD,KAAK,CAACE,OAAO;AAClD,CAAC;AAED,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,sCAAsC;EAC5CC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAET,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAc,uBAAA,CAAAC,OAAA,yBAAkB;IACzBC,WAAW,EAAEd,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAa,uBAAA,CAAAC,OAAA,+EAAwE;IACtFE,MAAM,WAANA,MAAMA,CAAAC,IAAA,EAAY;MAAA,IAATZ,KAAK,GAAAY,IAAA,CAALZ,KAAK;MACV,OAAOA,KAAK,CAACI,IAAI,KAAK,KAAK,IAAI,CAAC,CAACJ,KAAK,CAACa,cAAc;IACzD,CAAC;IACDC,MAAM,WAANA,MAAMA,CAACC,KAAK,EAAE;MACV,IAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAAC,CAAC;MAC5B,IAAMC,IAAI,GAAG,IAAAC,aAAO,EAAC,CAAC;MAEtB,oBACI/B,MAAA,CAAAqB,OAAA,CAAAW,aAAA,CAACJ,IAAI,QACA,UAAAK,IAAI;QAAA,oBACDjC,MAAA,CAAAqB,OAAA,CAAAW,aAAA,CAACJ,IAAI,CAACM,eAAe,qBACjBlC,MAAA,CAAAqB,OAAA,CAAAW,aAAA,CAAC3B,gCAAA,CAAAgB,OAA+B,EAAAc,MAAA,CAAAC,MAAA;UAC5BC,GAAG,EAAE1B,MAAM,CAACgB,KAAK,CAACf,KAAK,EAAEkB,IAAI,CAACQ,IAAI,CAACzB,EAAE;QAAE,GACnCc,KAAK;UACTM,IAAI,EAAEA;QAAK,EACd,CACiB,CAAC;MAAA,CAEzB,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GAEaN,MAAM","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_form","_ContentEntriesMultiAutoComplete","_templateObject","_templateObject2","t","i18n","ns","getKey","field","id","fieldId","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","multipleValues","render","props","Bind","getBind","form","useForm","createElement","bind","ValidationContainer","Object","assign","key","data","_default","exports"],"sources":["refInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useForm } from \"@webiny/form\";\nimport { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types\";\nimport ContentEntriesMultiAutocomplete from \"./components/ContentEntriesMultiAutoComplete\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst getKey = (field: CmsModelField, id: string | undefined): string => {\n    return (id || \"unknown\") + \".\" + field.fieldId;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref-inputs\",\n    renderer: {\n        rendererName: \"ref-inputs\",\n        name: t`Reference Inputs`,\n        description: t`Renders an auto-complete input, allowing selection of multiple values.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !!field.multipleValues;\n        },\n        render(props) {\n            const Bind = props.getBind();\n            const form = useForm();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <ContentEntriesMultiAutocomplete\n                                key={getKey(props.field, form.data.id)}\n                                {...props}\n                                bind={bind}\n                            />\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,gCAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA2F,IAAAI,eAAA,EAAAC,gBAAA;AAE3F,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAEtD,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAIC,KAAoB,EAAEC,EAAsB,EAAa;EACrE,OAAO,CAACA,EAAE,IAAI,SAAS,IAAI,GAAG,GAAGD,KAAK,CAACE,OAAO;AAClD,CAAC;AAED,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,sCAAsC;EAC5CC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAET,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAc,uBAAA,CAAAC,OAAA,yBAAkB;IACzBC,WAAW,EAAEd,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAa,uBAAA,CAAAC,OAAA,+EAAwE;IACtFE,MAAM,WAANA,MAAMA,CAAAC,IAAA,EAAY;MAAA,IAATZ,KAAK,GAAAY,IAAA,CAALZ,KAAK;MACV,OAAOA,KAAK,CAACI,IAAI,KAAK,KAAK,IAAI,CAAC,CAACJ,KAAK,CAACa,cAAc;IACzD,CAAC;IACDC,MAAM,WAANA,MAAMA,CAACC,KAAK,EAAE;MACV,IAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAAC,CAAC;MAC5B,IAAMC,IAAI,GAAG,IAAAC,aAAO,EAAC,CAAC;MAEtB,oBACI/B,MAAA,CAAAqB,OAAA,CAAAW,aAAA,CAACJ,IAAI,QACA,UAAAK,IAAI;QAAA,oBACDjC,MAAA,CAAAqB,OAAA,CAAAW,aAAA,CAACJ,IAAI,CAACM,mBAAmB,qBACrBlC,MAAA,CAAAqB,OAAA,CAAAW,aAAA,CAAC3B,gCAAA,CAAAgB,OAA+B,EAAAc,MAAA,CAAAC,MAAA;UAC5BC,GAAG,EAAE1B,MAAM,CAACgB,KAAK,CAACf,KAAK,EAAEkB,IAAI,CAACQ,IAAI,CAACzB,EAAE;QAAE,GACnCc,KAAK;UACTM,IAAI,EAAEA;QAAK,EACd,CACqB,CAAC;MAAA,CAE7B,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GAEaN,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/simple/simpleMultipleRenderer.js

@@ -28,7 +28,7 @@ var createSimpleMultipleRenderer = exports.createSimpleMultipleRenderer = functi
           getBind = props.getBind;
         var Bind = getBind();
         return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-          return /*#__PURE__*/_react.default.createElement(Bind.ValidationScope, null, /*#__PURE__*/_react.default.createElement(_SimpleMultipleRenderer.SimpleMultipleRenderer, {
+          return /*#__PURE__*/_react.default.createElement(Bind.ValidationContainer, null, /*#__PURE__*/_react.default.createElement(_SimpleMultipleRenderer.SimpleMultipleRenderer, {
             bind: bind,
             field: field
           }));

package/admin/plugins/fieldRenderers/ref/simple/simpleMultipleRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_SimpleMultipleRenderer","_templateObject","_templateObject2","t","i18n","ns","createSimpleMultipleRenderer","exports","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","props","getBind","Bind","createElement","bind","ValidationScope","SimpleMultipleRenderer"],"sources":["simpleMultipleRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { SimpleMultipleRenderer } from \"./components/SimpleMultipleRenderer\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createSimpleMultipleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-multiple-simple\",\n        renderer: {\n            rendererName: \"ref-simple-multiple\",\n            name: t`Simple checkbox list`,\n            description: t`Renders a list of checkboxes and the user can select multiple related records.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !!field.multipleValues;\n            },\n            render: props => {\n                const { field, getBind } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => (\n                            <Bind.ValidationScope>\n                                <SimpleMultipleRenderer bind={bind} field={field} />\n                            </Bind.ValidationScope>\n                        )}\n                    </Bind>\n                );\n            }\n        }\n    };\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAA6E,IAAAG,eAAA,EAAAC,gBAAA;AAE7E,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAE/C,IAAMC,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,SAA/BA,4BAA4BA,CAAA,EAAsC;EAC3E,OAAO;IACHE,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,+CAA+C;IACrDC,QAAQ,EAAE;MACNC,YAAY,EAAE,qBAAqB;MACnCF,IAAI,EAAEN,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAW,uBAAA,CAAAC,OAAA,6BAAsB;MAC7BC,WAAW,EAAEX,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,uFAAgF;MAC9FE,MAAM,WAANA,MAAMA,CAAAC,IAAA,EAAY;QAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;QACV,OAAOA,KAAK,CAACT,IAAI,KAAK,KAAK,IAAI,CAAC,CAACS,KAAK,CAACC,cAAc;MACzD,CAAC;MACDC,MAAM,EAAE,SAARA,MAAMA,CAAEC,KAAK,EAAI;QACb,IAAQH,KAAK,GAAcG,KAAK,CAAxBH,KAAK;UAAEI,OAAO,GAAKD,KAAK,CAAjBC,OAAO;QAEtB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;QACtB,oBACIzB,MAAA,CAAAiB,OAAA,CAAAU,aAAA,CAACD,IAAI,QACA,UAAAE,IAAI;UAAA,oBACD5B,MAAA,CAAAiB,OAAA,CAAAU,aAAA,CAACD,IAAI,CAACG,eAAe,qBACjB7B,MAAA,CAAAiB,OAAA,CAAAU,aAAA,CAACvB,uBAAA,CAAA0B,sBAAsB;YAACF,IAAI,EAAEA,IAAK;YAACP,KAAK,EAAEA;UAAM,CAAE,CACjC,CAAC;QAAA,CAEzB,CAAC;MAEf;IACJ;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_SimpleMultipleRenderer","_templateObject","_templateObject2","t","i18n","ns","createSimpleMultipleRenderer","exports","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","props","getBind","Bind","createElement","bind","ValidationContainer","SimpleMultipleRenderer"],"sources":["simpleMultipleRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { SimpleMultipleRenderer } from \"./components/SimpleMultipleRenderer\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createSimpleMultipleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-multiple-simple\",\n        renderer: {\n            rendererName: \"ref-simple-multiple\",\n            name: t`Simple checkbox list`,\n            description: t`Renders a list of checkboxes and the user can select multiple related records.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !!field.multipleValues;\n            },\n            render: props => {\n                const { field, getBind } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => (\n                            <Bind.ValidationContainer>\n                                <SimpleMultipleRenderer bind={bind} field={field} />\n                            </Bind.ValidationContainer>\n                        )}\n                    </Bind>\n                );\n            }\n        }\n    };\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAA6E,IAAAG,eAAA,EAAAC,gBAAA;AAE7E,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAE/C,IAAMC,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,SAA/BA,4BAA4BA,CAAA,EAAsC;EAC3E,OAAO;IACHE,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,+CAA+C;IACrDC,QAAQ,EAAE;MACNC,YAAY,EAAE,qBAAqB;MACnCF,IAAI,EAAEN,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAW,uBAAA,CAAAC,OAAA,6BAAsB;MAC7BC,WAAW,EAAEX,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,uFAAgF;MAC9FE,MAAM,WAANA,MAAMA,CAAAC,IAAA,EAAY;QAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;QACV,OAAOA,KAAK,CAACT,IAAI,KAAK,KAAK,IAAI,CAAC,CAACS,KAAK,CAACC,cAAc;MACzD,CAAC;MACDC,MAAM,EAAE,SAARA,MAAMA,CAAEC,KAAK,EAAI;QACb,IAAQH,KAAK,GAAcG,KAAK,CAAxBH,KAAK;UAAEI,OAAO,GAAKD,KAAK,CAAjBC,OAAO;QAEtB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;QACtB,oBACIzB,MAAA,CAAAiB,OAAA,CAAAU,aAAA,CAACD,IAAI,QACA,UAAAE,IAAI;UAAA,oBACD5B,MAAA,CAAAiB,OAAA,CAAAU,aAAA,CAACD,IAAI,CAACG,mBAAmB,qBACrB7B,MAAA,CAAAiB,OAAA,CAAAU,aAAA,CAACvB,uBAAA,CAAA0B,sBAAsB;YAACF,IAAI,EAAEA,IAAK;YAACP,KAAK,EAAEA;UAAM,CAAE,CAC7B,CAAC;QAAA,CAE7B,CAAC;MAEf;IACJ;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/simple/simpleSingleRenderer.js

@@ -28,7 +28,7 @@ var createSimpleSingleRenderer = exports.createSimpleSingleRenderer = function c
           getBind = props.getBind;
         var Bind = getBind();
         return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-          return /*#__PURE__*/_react.default.createElement(Bind.ValidationScope, null, /*#__PURE__*/_react.default.createElement(_SimpleSingleRenderer.SimpleSingleRenderer, {
+          return /*#__PURE__*/_react.default.createElement(Bind.ValidationContainer, null, /*#__PURE__*/_react.default.createElement(_SimpleSingleRenderer.SimpleSingleRenderer, {
             bind: bind,
             field: field
           }));