@webiny/app-headless-cms 5.42.2-beta.0 → 5.42.2-beta.1

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

@@ -1,133 +1,43 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _i18n = require("@webiny/app/i18n");
-var _Button = require("@webiny/ui/Button");
-var _Grid = require("@webiny/ui/Grid");
 var _Accordion = require("@webiny/ui/Accordion");
-var _DynamicSection = _interopRequireDefault(require("../DynamicSection"));
-var _Fields = require("../../../components/ContentEntryForm/Fields");
-var _close = require("../../../icons/close.svg");
-var _arrow_drop_up = require("./arrow_drop_up.svg");
-var _arrow_drop_down = require("./arrow_drop_down.svg");
-var _Accordion2 = _interopRequireDefault(require("../Accordion"));
-var _StyledComponents = require("./StyledComponents");
-var _utils = require("@webiny/utils");
 var _FieldSettings = require("./FieldSettings");
 var _AccordionRenderSettings = require("../AccordionRenderSettings");
-var _appAdmin = require("@webiny/app-admin");
+var _MultiValueContainer = require("./MultiValueContainer");
+var _MultiValueRendererSettings = require("../MultiValueRendererSettings");
 var _templateObject, _templateObject2;
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
-var Actions = function Actions(_ref) {
-  var setHighlightIndex = _ref.setHighlightIndex,
-    bind = _ref.bind,
-    index = _ref.index;
-  var _bind$field = bind.field,
-    moveValueDown = _bind$field.moveValueDown,
-    moveValueUp = _bind$field.moveValueUp;
-  var _useConfirmationDialo = (0, _appAdmin.useConfirmationDialog)({
-      message: "Are you sure you want to delete this item? This action is not reversible.",
-      acceptLabel: "Yes, I'm sure!",
-      cancelLabel: "No, leave it."
-    }),
-    showConfirmation = _useConfirmationDialo.showConfirmation;
-  var onDown = (0, _react.useCallback)(function (ev) {
-    ev.stopPropagation();
-    moveValueDown(index);
-    setHighlightIndex(function (map) {
-      return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, map), {}, (0, _defineProperty2.default)({}, index + 1, (0, _utils.generateAlphaNumericLowerCaseId)(12)));
-    });
-  }, [moveValueDown, index]);
-  var onUp = (0, _react.useCallback)(function (ev) {
-    ev.stopPropagation();
-    moveValueUp(index);
-    setHighlightIndex(function (map) {
-      return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, map), {}, (0, _defineProperty2.default)({}, index - 1, (0, _utils.generateAlphaNumericLowerCaseId)(12)));
-    });
-  }, [moveValueUp, index]);
-  var onDelete = function onDelete(ev) {
-    ev.stopPropagation();
-    showConfirmation(function () {
-      bind.field.removeValue(index);
-    });
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_arrow_drop_down.ReactComponent, null),
-    onClick: onDown
-  }), /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_arrow_drop_up.ReactComponent, null),
-    onClick: onUp
-  }), /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_close.ReactComponent, null),
-    onClick: onDelete
-  }));
-};
 var ObjectsRenderer = function ObjectsRenderer(props) {
-  var _useState = (0, _react.useState)({}),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    highlightMap = _useState2[0],
-    setHighlightIndex = _useState2[1];
   var field = props.field,
-    contentModel = props.contentModel,
     getBind = props.getBind;
   var fieldSettings = _FieldSettings.FieldSettings.createFrom(field);
   if (!fieldSettings.hasFields()) {
     fieldSettings.logMissingFields();
     return null;
   }
-  var settings = fieldSettings.getSettings();
   var _getAccordionRenderSe = (0, _AccordionRenderSettings.getAccordionRenderSettings)(field),
     open = _getAccordionRenderSe.open;
   var Bind = getBind();
-  return /*#__PURE__*/_react.default.createElement(Bind, null, function (_ref2) {
-    var value = _ref2.value;
-    var values = value || [];
+  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(_Accordion.Accordion, null, /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
+    return /*#__PURE__*/_react.default.createElement(Bind.ValidationScope, null, /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, null, /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
       title: label,
       description: field.helpText,
       open: open
-    }, /*#__PURE__*/_react.default.createElement(_DynamicSection.default, Object.assign({}, props, {
-      emptyValue: {},
-      showLabel: false,
-      gridClassName: _StyledComponents.dynamicSectionGridStyle
-    }), function (_ref3) {
-      var Bind = _ref3.Bind,
-        bind = _ref3.bind,
-        index = _ref3.index;
-      return /*#__PURE__*/_react.default.createElement(_StyledComponents.ObjectItem, null, highlightMap[index] ? /*#__PURE__*/_react.default.createElement(_StyledComponents.ItemHighLight, {
-        key: highlightMap[index]
-      }) : null, /*#__PURE__*/_react.default.createElement(_Accordion2.default, {
-        title: "".concat(props.field.label, " #").concat(index + 1),
-        action: /*#__PURE__*/_react.default.createElement(Actions, {
-          setHighlightIndex: setHighlightIndex,
-          index: index,
-          bind: bind
-        })
-        // Open first Accordion by default
-        ,
-        defaultValue: index === 0
-      }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-        span: 12,
-        className: _StyledComponents.fieldsWrapperStyle
-      }, /*#__PURE__*/_react.default.createElement(_Fields.Fields, {
-        Bind: Bind,
-        contentModel: contentModel,
-        fields: settings.fields,
-        layout: settings.layout,
-        gridClassName: _StyledComponents.fieldsGridStyle
-      }))));
-    })));
+    }, /*#__PURE__*/_react.default.createElement(_MultiValueContainer.MultiValueContainer, {
+      bind: bind,
+      getBind: getBind,
+      showTitle: false
+    }))));
   });
 };
 var plugin = {
@@ -137,18 +47,15 @@ var plugin = {
     rendererName: "objects-accordion",
     name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Accordion"]))),
     description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders fields within an accordion."]))),
-    canUse: function canUse(_ref4) {
-      var field = _ref4.field;
+    canUse: function canUse(_ref) {
+      var field = _ref.field;
       return field.type === "object" && Boolean(field.multipleValues);
     },
     render: function render(props) {
       return /*#__PURE__*/_react.default.createElement(ObjectsRenderer, props);
     },
-    renderSettings: function renderSettings(_ref5) {
-      var field = _ref5.field;
-      return /*#__PURE__*/_react.default.createElement(_AccordionRenderSettings.AccordionRenderSettings, {
-        field: field
-      });
+    renderSettings: function renderSettings(props) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_MultiValueRendererSettings.MultiValueRendererSettings, props), /*#__PURE__*/_react.default.createElement(_AccordionRenderSettings.AccordionRenderSettings, props));
     }
   }
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_i18n","_Button","_Grid","_Accordion","_DynamicSection","_interopRequireDefault","_Fields","_close","_arrow_drop_up","_arrow_drop_down","_Accordion2","_StyledComponents","_utils","_FieldSettings","_AccordionRenderSettings","_appAdmin","_templateObject","_templateObject2","t","i18n","ns","Actions","_ref","setHighlightIndex","bind","index","_bind$field","field","moveValueDown","moveValueUp","_useConfirmationDialo","useConfirmationDialog","message","acceptLabel","cancelLabel","showConfirmation","onDown","useCallback","ev","stopPropagation","map","_objectSpread4","default","_defineProperty2","generateAlphaNumericLowerCaseId","onUp","onDelete","removeValue","createElement","Fragment","IconButton","icon","ReactComponent","onClick","ObjectsRenderer","props","_useState","useState","_useState2","_slicedToArray2","highlightMap","contentModel","getBind","fieldSettings","FieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","_getAccordionRenderSe","getAccordionRenderSettings","open","Bind","_ref2","value","values","label","concat","length","Accordion","AccordionItem","title","description","helpText","Object","assign","emptyValue","showLabel","gridClassName","dynamicSectionGridStyle","_ref3","ObjectItem","ItemHighLight","key","action","defaultValue","Cell","span","className","fieldsWrapperStyle","Fields","fields","layout","fieldsGridStyle","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","canUse","_ref4","Boolean","multipleValues","render","renderSettings","_ref5","AccordionRenderSettings","_default","exports"],"sources":["multipleObjectsAccordion.tsx"],"sourcesContent":["import React, { Dispatch, SetStateAction, useState, useCallback } from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { Accordion as RootAccordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport {\n    BindComponentRenderProp,\n    CmsModelFieldRendererPlugin,\n    CmsModelFieldRendererProps\n} from \"~/types\";\nimport DynamicSection from \"../DynamicSection\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport { ReactComponent as ArrowUp } from \"./arrow_drop_up.svg\";\nimport { ReactComponent as ArrowDown } from \"./arrow_drop_down.svg\";\nimport Accordion from \"~/admin/plugins/fieldRenderers/Accordion\";\nimport {\n    fieldsWrapperStyle,\n    dynamicSectionGridStyle,\n    fieldsGridStyle,\n    ItemHighLight,\n    ObjectItem\n} from \"./StyledComponents\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { AccordionRenderSettings, getAccordionRenderSettings } from \"../AccordionRenderSettings\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\ninterface ActionsProps {\n    setHighlightIndex: Dispatch<SetStateAction<{ [key: number]: string }>>;\n    index: number;\n    bind: {\n        index: BindComponentRenderProp;\n        field: BindComponentRenderProp;\n    };\n}\n\nconst Actions = ({ setHighlightIndex, bind, index }: ActionsProps) => {\n    const { moveValueDown, moveValueUp } = bind.field;\n\n    const { showConfirmation } = useConfirmationDialog({\n        message: `Are you sure you want to delete this item? This action is not reversible.`,\n        acceptLabel: `Yes, I'm sure!`,\n        cancelLabel: `No, leave it.`\n    });\n\n    const onDown = useCallback(\n        (ev: React.BaseSyntheticEvent) => {\n            ev.stopPropagation();\n            moveValueDown(index);\n            setHighlightIndex(map => ({\n                ...map,\n                [index + 1]: generateAlphaNumericLowerCaseId(12)\n            }));\n        },\n        [moveValueDown, index]\n    );\n\n    const onUp = useCallback(\n        (ev: React.BaseSyntheticEvent) => {\n            ev.stopPropagation();\n            moveValueUp(index);\n            setHighlightIndex(map => ({\n                ...map,\n                [index - 1]: generateAlphaNumericLowerCaseId(12)\n            }));\n        },\n        [moveValueUp, index]\n    );\n\n    const onDelete = (ev: React.BaseSyntheticEvent) => {\n        ev.stopPropagation();\n        showConfirmation(() => {\n            bind.field.removeValue(index);\n        });\n    };\n\n    return (\n        <>\n            <IconButton icon={<ArrowDown />} onClick={onDown} />\n            <IconButton icon={<ArrowUp />} onClick={onUp} />\n            <IconButton icon={<DeleteIcon />} onClick={onDelete} />\n        </>\n    );\n};\n\nconst ObjectsRenderer = (props: CmsModelFieldRendererProps) => {\n    const [highlightMap, setHighlightIndex] = useState<{ [key: number]: string }>({});\n    const { field, contentModel, getBind } = props;\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    const Bind = getBind();\n\n    return (\n        <Bind>\n            {({ value }) => {\n                const values = value || [];\n                const label = `${field.label} ${values.length ? `(${values.length})` : \"\"}`;\n\n                return (\n                    <RootAccordion>\n                        <AccordionItem title={label} description={field.helpText} open={open}>\n                            <DynamicSection\n                                {...props}\n                                emptyValue={{}}\n                                showLabel={false}\n                                gridClassName={dynamicSectionGridStyle}\n                            >\n                                {({ Bind, bind, index }) => (\n                                    <ObjectItem>\n                                        {highlightMap[index] ? (\n                                            <ItemHighLight key={highlightMap[index]} />\n                                        ) : null}\n                                        <Accordion\n                                            title={`${props.field.label} #${index + 1}`}\n                                            action={\n                                                <Actions\n                                                    setHighlightIndex={setHighlightIndex}\n                                                    index={index}\n                                                    bind={bind}\n                                                />\n                                            }\n                                            // Open first Accordion by default\n                                            defaultValue={index === 0}\n                                        >\n                                            <Cell span={12} className={fieldsWrapperStyle}>\n                                                <Fields\n                                                    Bind={Bind}\n                                                    contentModel={contentModel}\n                                                    fields={settings.fields}\n                                                    layout={settings.layout}\n                                                    gridClassName={fieldsGridStyle}\n                                                />\n                                            </Cell>\n                                        </Accordion>\n                                    </ObjectItem>\n                                )}\n                            </DynamicSection>\n                        </AccordionItem>\n                    </RootAccordion>\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({ 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","_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":[]}

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(_hooks.ParentFieldProvider, {
+        return /*#__PURE__*/_react.default.createElement(Bind.ValidationScope, null, /*#__PURE__*/_react.default.createElement(_hooks.ParentFieldProvider, {
           value: bindProps.value,
           path: Bind.parentName
         }, /*#__PURE__*/_react.default.createElement(_ModelFieldProvider.ParentValueIndexProvider, {
@@ -55,7 +55,7 @@ var plugin = {
           contentModel: contentModel,
           fields: settings.fields || [],
           layout: settings.layout || []
-        })))));
+        }))))));
       });
     },
     renderSettings: function renderSettings(_ref3) {

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","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                        <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                    )}\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","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":[]}

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

@@ -6,18 +6,33 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
 var _i18n = require("@webiny/app/i18n");
-var _Fields = require("../../../components/ContentEntryForm/Fields");
-var _SimpleForm = require("@webiny/app-admin/components/SimpleForm");
-var _Grid = require("@webiny/ui/Grid");
 var _FormElementMessage = require("@webiny/ui/FormElementMessage");
-var _StyledComponents = require("./StyledComponents");
+var _Fields = require("../../../components/ContentEntryForm/Fields");
 var _FieldSettings = require("./FieldSettings");
 var _ParentValue = require("../../../components/ContentEntryForm/ParentValue");
 var _ModelFieldProvider = require("../../../components/ModelFieldProvider");
+var _StyledComponents = require("./StyledComponents");
+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" ? {
+  target: "eqxbbpu0"
+} : {
+  target: "eqxbbpu0",
+  label: "FieldLabel"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1ua069u",
+  styles: "font-size:24px;font-weight:normal;border-bottom:1px solid var(--mdc-theme-background);margin-bottom:20px;padding-bottom:5px"
+} : {
+  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 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 var plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-object",
@@ -41,24 +56,20 @@ var plugin = {
       }
       var settings = fieldSettings.getSettings();
       return /*#__PURE__*/_react.default.createElement(Bind, null, function (bindProps) {
-        return /*#__PURE__*/_react.default.createElement(_ParentValue.ParentFieldProvider, {
+        return /*#__PURE__*/_react.default.createElement(Bind.ValidationScope, null, /*#__PURE__*/_react.default.createElement(_ParentValue.ParentFieldProvider, {
           value: bindProps.value,
           path: Bind.parentName
         }, /*#__PURE__*/_react.default.createElement(_ModelFieldProvider.ParentValueIndexProvider, {
           index: -1
-        }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-          span: 12
-        }, /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormHeader, {
-          title: field.label
-        }), field.helpText && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, field.helpText)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-          span: 12,
-          className: _StyledComponents.fieldsWrapperStyle
-        }, /*#__PURE__*/_react.default.createElement(_Fields.Fields, {
+        }, /*#__PURE__*/_react.default.createElement(FieldLabel, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+          use: "headline5"
+        }, field.label), field.helpText && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, field.helpText)), /*#__PURE__*/_react.default.createElement(_Fields.Fields, {
+          gridClassName: _StyledComponents.fieldsGridStyle,
           Bind: Bind,
           contentModel: contentModel,
           fields: settings.fields,
           layout: settings.layout
-        })))));
+        }))));
       });
     }
   }

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Fields","_SimpleForm","_Grid","_FormElementMessage","_StyledComponents","_FieldSettings","_ParentValue","_ModelFieldProvider","_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","createElement","bindProps","ParentFieldProvider","value","path","parentName","ParentValueIndexProvider","index","Grid","Cell","span","SimpleFormHeader","title","label","helpText","FormElementMessage","className","fieldsWrapperStyle","Fields","fields","layout","_default","exports"],"sources":["singleObjectInline.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { SimpleFormHeader } from \"@webiny/app-admin/components/SimpleForm\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { fieldsWrapperStyle } from \"./StyledComponents\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { ParentFieldProvider } from \"~/admin/components/ContentEntryForm/ParentValue\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider\";\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\",\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                        <ParentFieldProvider value={bindProps.value} path={Bind.parentName}>\n                            <ParentValueIndexProvider index={-1}>\n                                <Grid>\n                                    <Cell span={12}>\n                                        <SimpleFormHeader title={field.label} />\n                                        {field.helpText && (\n                                            <FormElementMessage>\n                                                {field.helpText}\n                                            </FormElementMessage>\n                                        )}\n                                    </Cell>\n                                    <Cell span={12} className={fieldsWrapperStyle}>\n                                        <Fields\n                                            Bind={Bind}\n                                            contentModel={contentModel}\n                                            fields={settings.fields}\n                                            layout={settings.layout}\n                                        />\n                                    </Cell>\n                                </Grid>\n                            </ParentValueIndexProvider>\n                        </ParentFieldProvider>\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","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":[]}

package/admin/plugins/fieldRenderers/radioButtons.js

@@ -37,24 +37,26 @@ var plugin = {
       });
       return /*#__PURE__*/_react.default.createElement(Bind, {
         defaultValue: defaultOption ? defaultOption.value : undefined
-      }, /*#__PURE__*/_react.default.createElement(_Radio.RadioGroup, {
-        label: field.label,
-        description: field.helpText
-      }, function (_ref4) {
-        var onChange = _ref4.onChange,
-          getValue = _ref4.getValue;
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, options.map(function (option, index) {
-          var value = field.type === "number" ? Number(option.value) : option.value;
-          return /*#__PURE__*/_react.default.createElement("div", {
-            key: String(option.value) + index
-          }, /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
-            label: option.label,
-            value: getValue(value),
-            onChange: onChange(value),
-            "data-testid": "fr.input.".concat(field.label, ".").concat(option.label)
+      }, function (bind) {
+        return /*#__PURE__*/_react.default.createElement(Bind.ValidationScope, null, /*#__PURE__*/_react.default.createElement(_Radio.RadioGroup, Object.assign({}, bind, {
+          label: field.label,
+          description: field.helpText
+        }), function (_ref4) {
+          var onChange = _ref4.onChange,
+            getValue = _ref4.getValue;
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, options.map(function (option, index) {
+            var value = field.type === "number" ? Number(option.value) : option.value;
+            return /*#__PURE__*/_react.default.createElement("div", {
+              key: String(option.value) + index
+            }, /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
+              label: option.label,
+              value: getValue(value),
+              onChange: onChange(value),
+              "data-testid": "fr.input.".concat(field.label, ".").concat(option.label)
+            }));
           }));
         }));
-      }));
+      });
     }
   }
 };

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","RadioGroup","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                    <RadioGroup 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>\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","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":[]}

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Remove.js

@@ -6,11 +6,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Remove = void 0;
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireWildcard(require("react"));
-var _remove = require("./assets/remove.svg");
+var _delete_outline = require("@material-design-icons/svg/outlined/delete_outline.svg");
 var _appAdmin = require("@webiny/app-admin");
 var _ButtonLink = require("./elements/ButtonLink");
+var _form = require("@webiny/form");
 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 Text = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
   target: "ebeqp7x0"
@@ -23,12 +25,13 @@ var Text = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "pro
 } : {
   name: "ls0tj4",
   styles: "font-family:Source Sans Pro;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0.1px;text-transform:uppercase",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlbW92ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT2EiLCJmaWxlIjoiUmVtb3ZlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBDbXNSZWZlcmVuY2VDb250ZW50RW50cnkgfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL3JlZi9jb21wb25lbnRzL3R5cGVzXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBSZW1vdmVJY29uIH0gZnJvbSBcIi4vYXNzZXRzL3JlbW92ZS5zdmdcIjtcbmltcG9ydCB7IHVzZUNvbmZpcm1hdGlvbkRpYWxvZyB9IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pblwiO1xuaW1wb3J0IHsgQnV0dG9uTGluayB9IGZyb20gXCIuL2VsZW1lbnRzL0J1dHRvbkxpbmtcIjtcblxuY29uc3QgVGV4dCA9IHN0eWxlZChcInNwYW5cIikoe1xuICAgIGZvbnRGYW1pbHk6IFwiU291cmNlIFNhbnMgUHJvXCIsXG4gICAgZm9udFdlaWdodDogNTAwLFxuICAgIGZvbnRTaXplOiBcIjE0cHhcIixcbiAgICBsaW5lSGVpZ2h0OiBcIjIwcHhcIixcbiAgICBsZXR0ZXJTcGFjaW5nOiBcIjAuMXB4XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5cbmludGVyZmFjZSBSZW1vdmVQcm9wcyB7XG4gICAgZW50cnk6IENtc1JlZmVyZW5jZUNvbnRlbnRFbnRyeTtcbiAgICBvblJlbW92ZTogKGVudHJ5SWQ6IHN0cmluZykgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IFJlbW92ZSA9ICh7IGVudHJ5LCBvblJlbW92ZSB9OiBSZW1vdmVQcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgc2hvd0NvbmZpcm1hdGlvbiB9ID0gdXNlQ29uZmlybWF0aW9uRGlhbG9nKHtcbiAgICAgICAgdGl0bGU6IFwiUmVtb3ZlIHJlZmVyZW5jZWQgZW50cnlcIixcbiAgICAgICAgbWVzc2FnZTogYEFyZSB5b3Ugc3VyZSB5b3Ugd2FudCB0byByZW1vdmUgdGhlIHJlZmVyZW5jZWQgZW50cnkgXCIke2VudHJ5LnRpdGxlfVwiP2AsXG4gICAgICAgIGFjY2VwdExhYmVsOiBcIlllcywgSSdtIHN1cmUhXCJcbiAgICB9KTtcblxuICAgIGNvbnN0IG9uUmVtb3ZlQ2xpY2sgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICAgIHNob3dDb25maXJtYXRpb24oKCkgPT4ge1xuICAgICAgICAgICAgb25SZW1vdmUoZW50cnkuZW50cnlJZCk7XG4gICAgICAgIH0pO1xuICAgIH0sIFtlbnRyeSwgb25SZW1vdmVdKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxCdXR0b25MaW5rIG9uQ2xpY2s9e29uUmVtb3ZlQ2xpY2t9IG1heFdpZHRoPXtcIjEwMHB4XCJ9PlxuICAgICAgICAgICAgPFJlbW92ZUljb24gLz5cbiAgICAgICAgICAgIDxUZXh0PlJlbW92ZTwvVGV4dD5cbiAgICAgICAgPC9CdXR0b25MaW5rPlxuICAgICk7XG59O1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlbW92ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUWEiLCJmaWxlIjoiUmVtb3ZlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBDbXNSZWZlcmVuY2VDb250ZW50RW50cnkgfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL3JlZi9jb21wb25lbnRzL3R5cGVzXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBEZWxldGVJY29uIH0gZnJvbSBcIkBtYXRlcmlhbC1kZXNpZ24taWNvbnMvc3ZnL291dGxpbmVkL2RlbGV0ZV9vdXRsaW5lLnN2Z1wiO1xuaW1wb3J0IHsgdXNlQ29uZmlybWF0aW9uRGlhbG9nIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluXCI7XG5pbXBvcnQgeyBCdXR0b25MaW5rIH0gZnJvbSBcIi4vZWxlbWVudHMvQnV0dG9uTGlua1wiO1xuaW1wb3J0IHsgdXNlRm9ybSB9IGZyb20gXCJAd2ViaW55L2Zvcm1cIjtcblxuY29uc3QgVGV4dCA9IHN0eWxlZChcInNwYW5cIikoe1xuICAgIGZvbnRGYW1pbHk6IFwiU291cmNlIFNhbnMgUHJvXCIsXG4gICAgZm9udFdlaWdodDogNTAwLFxuICAgIGZvbnRTaXplOiBcIjE0cHhcIixcbiAgICBsaW5lSGVpZ2h0OiBcIjIwcHhcIixcbiAgICBsZXR0ZXJTcGFjaW5nOiBcIjAuMXB4XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5cbmludGVyZmFjZSBSZW1vdmVQcm9wcyB7XG4gICAgZW50cnk6IENtc1JlZmVyZW5jZUNvbnRlbnRFbnRyeTtcbiAgICBvblJlbW92ZTogKGVudHJ5SWQ6IHN0cmluZykgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IFJlbW92ZSA9ICh7IGVudHJ5LCBvblJlbW92ZSB9OiBSZW1vdmVQcm9wcykgPT4ge1xuICAgIGNvbnN0IHt9ID0gdXNlRm9ybSgpO1xuICAgIGNvbnN0IHsgc2hvd0NvbmZpcm1hdGlvbiB9ID0gdXNlQ29uZmlybWF0aW9uRGlhbG9nKHtcbiAgICAgICAgdGl0bGU6IFwiUmVtb3ZlIHJlZmVyZW5jZWQgZW50cnlcIixcbiAgICAgICAgbWVzc2FnZTogYEFyZSB5b3Ugc3VyZSB5b3Ugd2FudCB0byByZW1vdmUgdGhlIHJlZmVyZW5jZWQgZW50cnkgXCIke2VudHJ5LnRpdGxlfVwiP2AsXG4gICAgICAgIGFjY2VwdExhYmVsOiBcIlllcywgSSdtIHN1cmUhXCJcbiAgICB9KTtcblxuICAgIGNvbnN0IG9uUmVtb3ZlQ2xpY2sgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICAgIHNob3dDb25maXJtYXRpb24oKCkgPT4ge1xuICAgICAgICAgICAgb25SZW1vdmUoZW50cnkuZW50cnlJZCk7XG4gICAgICAgIH0pO1xuICAgIH0sIFtlbnRyeSwgb25SZW1vdmVdKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxCdXR0b25MaW5rIG9uQ2xpY2s9e29uUmVtb3ZlQ2xpY2t9IG1heFdpZHRoPXtcIjEwMHB4XCJ9PlxuICAgICAgICAgICAgPERlbGV0ZUljb24gLz5cbiAgICAgICAgICAgIDxUZXh0PlJlbW92ZTwvVGV4dD5cbiAgICAgICAgPC9CdXR0b25MaW5rPlxuICAgICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var Remove = exports.Remove = function Remove(_ref) {
   var entry = _ref.entry,
     onRemove = _ref.onRemove;
+  (0, _objectDestructuringEmpty2.default)((0, _form.useForm)());
   var _useConfirmationDialo = (0, _appAdmin.useConfirmationDialog)({
       title: "Remove referenced entry",
       message: "Are you sure you want to remove the referenced entry \"".concat(entry.title, "\"?"),
@@ -43,7 +46,7 @@ var Remove = exports.Remove = function Remove(_ref) {
   return /*#__PURE__*/_react.default.createElement(_ButtonLink.ButtonLink, {
     onClick: onRemoveClick,
     maxWidth: "100px"
-  }, /*#__PURE__*/_react.default.createElement(_remove.ReactComponent, null), /*#__PURE__*/_react.default.createElement(Text, null, "Remove"));
+  }, /*#__PURE__*/_react.default.createElement(_delete_outline.ReactComponent, null), /*#__PURE__*/_react.default.createElement(Text, null, "Remove"));
 };
 
 //# sourceMappingURL=Remove.js.map

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Remove.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_remove","_appAdmin","_ButtonLink","_EMOTION_STRINGIFIED_CSS_ERROR__","Text","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","Remove","exports","_ref","entry","onRemove","_useConfirmationDialo","useConfirmationDialog","title","message","concat","acceptLabel","showConfirmation","onRemoveClick","useCallback","entryId","createElement","ButtonLink","onClick","maxWidth","ReactComponent"],"sources":["Remove.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React, { useCallback } from \"react\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { ReactComponent as RemoveIcon } from \"./assets/remove.svg\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport { ButtonLink } from \"./elements/ButtonLink\";\n\nconst Text = styled(\"span\")({\n    fontFamily: \"Source Sans Pro\",\n    fontWeight: 500,\n    fontSize: \"14px\",\n    lineHeight: \"20px\",\n    letterSpacing: \"0.1px\",\n    textTransform: \"uppercase\"\n});\n\ninterface RemoveProps {\n    entry: CmsReferenceContentEntry;\n    onRemove: (entryId: string) => void;\n}\n\nexport const Remove = ({ entry, onRemove }: RemoveProps) => {\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Remove referenced entry\",\n        message: `Are you sure you want to remove the referenced entry \"${entry.title}\"?`,\n        acceptLabel: \"Yes, I'm sure!\"\n    });\n\n    const onRemoveClick = useCallback(() => {\n        showConfirmation(() => {\n            onRemove(entry.entryId);\n        });\n    }, [entry, onRemove]);\n\n    return (\n        <ButtonLink onClick={onRemoveClick} maxWidth={\"100px\"}>\n            <RemoveIcon />\n            <Text>Remove</Text>\n        </ButtonLink>\n    );\n};\n"],"mappings":";;;;;;;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAmD,SAAAI,iCAAA;AAEnD,IAAMC,IAAI,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,MAAM,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAO1B,CAAC;AAOK,IAAMa,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAAE,IAAA,EAAyC;EAAA,IAAnCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACpC,IAAAC,qBAAA,GAA6B,IAAAC,+BAAqB,EAAC;MAC/CC,KAAK,EAAE,yBAAyB;MAChCC,OAAO,4DAAAC,MAAA,CAA2DN,KAAK,CAACI,KAAK,QAAI;MACjFG,WAAW,EAAE;IACjB,CAAC,CAAC;IAJMC,gBAAgB,GAAAN,qBAAA,CAAhBM,gBAAgB;EAMxB,IAAMC,aAAa,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACpCF,gBAAgB,CAAC,YAAM;MACnBP,QAAQ,CAACD,KAAK,CAACW,OAAO,CAAC;IAC3B,CAAC,CAAC;EACN,CAAC,EAAE,CAACX,KAAK,EAAEC,QAAQ,CAAC,CAAC;EAErB,oBACIvB,MAAA,CAAAS,OAAA,CAAAyB,aAAA,CAAC7B,WAAA,CAAA8B,UAAU;IAACC,OAAO,EAAEL,aAAc;IAACM,QAAQ,EAAE;EAAQ,gBAClDrC,MAAA,CAAAS,OAAA,CAAAyB,aAAA,CAAC/B,OAAA,CAAAmC,cAAU,MAAE,CAAC,eACdtC,MAAA,CAAAS,OAAA,CAAAyB,aAAA,CAAC3B,IAAI,QAAC,QAAY,CACV,CAAC;AAErB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_delete_outline","_appAdmin","_ButtonLink","_form","_EMOTION_STRINGIFIED_CSS_ERROR__","Text","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","Remove","exports","_ref","entry","onRemove","_objectDestructuringEmpty2","useForm","_useConfirmationDialo","useConfirmationDialog","title","message","concat","acceptLabel","showConfirmation","onRemoveClick","useCallback","entryId","createElement","ButtonLink","onClick","maxWidth","ReactComponent"],"sources":["Remove.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React, { useCallback } from \"react\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete_outline.svg\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport { ButtonLink } from \"./elements/ButtonLink\";\nimport { useForm } from \"@webiny/form\";\n\nconst Text = styled(\"span\")({\n    fontFamily: \"Source Sans Pro\",\n    fontWeight: 500,\n    fontSize: \"14px\",\n    lineHeight: \"20px\",\n    letterSpacing: \"0.1px\",\n    textTransform: \"uppercase\"\n});\n\ninterface RemoveProps {\n    entry: CmsReferenceContentEntry;\n    onRemove: (entryId: string) => void;\n}\n\nexport const Remove = ({ entry, onRemove }: RemoveProps) => {\n    const {} = useForm();\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Remove referenced entry\",\n        message: `Are you sure you want to remove the referenced entry \"${entry.title}\"?`,\n        acceptLabel: \"Yes, I'm sure!\"\n    });\n\n    const onRemoveClick = useCallback(() => {\n        showConfirmation(() => {\n            onRemove(entry.entryId);\n        });\n    }, [entry, onRemove]);\n\n    return (\n        <ButtonLink onClick={onRemoveClick} maxWidth={\"100px\"}>\n            <DeleteIcon />\n            <Text>Remove</Text>\n        </ButtonLink>\n    );\n};\n"],"mappings":";;;;;;;;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAAuC,SAAAK,iCAAA;AAEvC,IAAMC,IAAI,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,MAAM,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAO1B,CAAC;AAOK,IAAMa,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAAE,IAAA,EAAyC;EAAA,IAAnCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAAA,IAAAC,0BAAA,CAAAf,OAAA,EACzB,IAAAgB,aAAO,EAAC,CAAC;EACpB,IAAAC,qBAAA,GAA6B,IAAAC,+BAAqB,EAAC;MAC/CC,KAAK,EAAE,yBAAyB;MAChCC,OAAO,4DAAAC,MAAA,CAA2DR,KAAK,CAACM,KAAK,QAAI;MACjFG,WAAW,EAAE;IACjB,CAAC,CAAC;IAJMC,gBAAgB,GAAAN,qBAAA,CAAhBM,gBAAgB;EAMxB,IAAMC,aAAa,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACpCF,gBAAgB,CAAC,YAAM;MACnBT,QAAQ,CAACD,KAAK,CAACa,OAAO,CAAC;IAC3B,CAAC,CAAC;EACN,CAAC,EAAE,CAACb,KAAK,EAAEC,QAAQ,CAAC,CAAC;EAErB,oBACIxB,MAAA,CAAAU,OAAA,CAAA2B,aAAA,CAAChC,WAAA,CAAAiC,UAAU;IAACC,OAAO,EAAEL,aAAc;IAACM,QAAQ,EAAE;EAAQ,gBAClDxC,MAAA,CAAAU,OAAA,CAAA2B,aAAA,CAAClC,eAAA,CAAAsC,cAAU,MAAE,CAAC,eACdzC,MAAA,CAAAU,OAAA,CAAA2B,aAAA,CAAC7B,IAAI,QAAC,QAAY,CACV,CAAC;AAErB,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/View.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.View = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _view = require("./assets/view.svg");
+var _visibility = require("@material-design-icons/svg/outlined/visibility.svg");
 var _ButtonLink = require("./elements/ButtonLink");
 var createEntryUrl = function createEntryUrl(entry) {
   var folderId = entry.wbyAco_location?.folderId || "";
@@ -18,7 +18,7 @@ var View = exports.View = function View(_ref) {
     href: createEntryUrl(entry),
     target: "_blank",
     maxWidth: "95px"
-  }, /*#__PURE__*/_react.default.createElement(_view.ReactComponent, null), " ", /*#__PURE__*/_react.default.createElement("span", null, "View"));
+  }, /*#__PURE__*/_react.default.createElement(_visibility.ReactComponent, null), " ", /*#__PURE__*/_react.default.createElement("span", null, "View"));
 };
 
 //# sourceMappingURL=View.js.map

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/View.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_view","_ButtonLink","createEntryUrl","entry","folderId","wbyAco_location","concat","model","modelId","id","encodeURIComponent","View","exports","_ref","default","createElement","ButtonLink","href","target","maxWidth","ReactComponent"],"sources":["View.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { ReactComponent as ViewIcon } from \"./assets/view.svg\";\nimport { ButtonLink } from \"./elements/ButtonLink\";\n\nconst createEntryUrl = (entry: CmsReferenceContentEntry) => {\n    const folderId = entry.wbyAco_location?.folderId || \"\";\n    return `/cms/content-entries/${entry.model.modelId}?id=${\n        entry.id\n    }&folderId=${encodeURIComponent(folderId)}`;\n};\n\ninterface ViewProps {\n    entry: CmsReferenceContentEntry;\n}\nexport const View = ({ entry }: ViewProps) => {\n    return (\n        <ButtonLink href={createEntryUrl(entry)} target=\"_blank\" maxWidth={\"95px\"}>\n            <ViewIcon /> <span>View</span>\n        </ButtonLink>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAA+B,EAAK;EACxD,IAAMC,QAAQ,GAAGD,KAAK,CAACE,eAAe,EAAED,QAAQ,IAAI,EAAE;EACtD,+BAAAE,MAAA,CAA+BH,KAAK,CAACI,KAAK,CAACC,OAAO,UAAAF,MAAA,CAC9CH,KAAK,CAACM,EAAE,gBAAAH,MAAA,CACCI,kBAAkB,CAACN,QAAQ,CAAC;AAC7C,CAAC;AAKM,IAAMO,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAAE,IAAA,EAA6B;EAAA,IAAvBV,KAAK,GAAAU,IAAA,CAALV,KAAK;EACxB,oBACIN,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,WAAA,CAAAe,UAAU;IAACC,IAAI,EAAEf,cAAc,CAACC,KAAK,CAAE;IAACe,MAAM,EAAC,QAAQ;IAACC,QAAQ,EAAE;EAAO,gBACtEtB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,KAAA,CAAAoB,cAAQ,MAAE,CAAC,KAAC,eAAAvB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,eAAM,MAAU,CACrB,CAAC;AAErB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_visibility","_ButtonLink","createEntryUrl","entry","folderId","wbyAco_location","concat","model","modelId","id","encodeURIComponent","View","exports","_ref","default","createElement","ButtonLink","href","target","maxWidth","ReactComponent"],"sources":["View.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { ReactComponent as ViewIcon } from \"@material-design-icons/svg/outlined/visibility.svg\";\nimport { ButtonLink } from \"./elements/ButtonLink\";\n\nconst createEntryUrl = (entry: CmsReferenceContentEntry) => {\n    const folderId = entry.wbyAco_location?.folderId || \"\";\n    return `/cms/content-entries/${entry.model.modelId}?id=${\n        entry.id\n    }&folderId=${encodeURIComponent(folderId)}`;\n};\n\ninterface ViewProps {\n    entry: CmsReferenceContentEntry;\n}\nexport const View = ({ entry }: ViewProps) => {\n    return (\n        <ButtonLink href={createEntryUrl(entry)} target=\"_blank\" maxWidth={\"95px\"}>\n            <ViewIcon /> <span>View</span>\n        </ButtonLink>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAA+B,EAAK;EACxD,IAAMC,QAAQ,GAAGD,KAAK,CAACE,eAAe,EAAED,QAAQ,IAAI,EAAE;EACtD,+BAAAE,MAAA,CAA+BH,KAAK,CAACI,KAAK,CAACC,OAAO,UAAAF,MAAA,CAC9CH,KAAK,CAACM,EAAE,gBAAAH,MAAA,CACCI,kBAAkB,CAACN,QAAQ,CAAC;AAC7C,CAAC;AAKM,IAAMO,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAAE,IAAA,EAA6B;EAAA,IAAvBV,KAAK,GAAAU,IAAA,CAALV,KAAK;EACxB,oBACIN,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,WAAA,CAAAe,UAAU;IAACC,IAAI,EAAEf,cAAc,CAACC,KAAK,CAAE;IAACe,MAAM,EAAC,QAAQ;IAACC,QAAQ,EAAE;EAAO,gBACtEtB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,WAAA,CAAAoB,cAAQ,MAAE,CAAC,KAAC,eAAAvB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,eAAM,MAAU,CACrB,CAAC;AAErB,CAAC","ignoreList":[]}