@webiny/app-headless-cms 6.0.0-beta.0 → 6.0.0-rc.0

package/admin/plugins/fieldRenderers/object/index.d.ts

@@ -1,2 +1,23 @@
-declare const _default: import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin[];
+export declare const Components: {
+    MultiValueItemContainer: (({ children, ...props }: import("./MultiValueItemContainer.js").MultiValueItemContainerProps) => import("react").JSX.Element) & {
+        original: ({ children, ...props }: import("./MultiValueItemContainer.js").MultiValueItemContainerProps) => import("react").JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ children, ...props }: import("./MultiValueItemContainer.js").MultiValueItemContainerProps) => import("react").JSX.Element) & {
+            original: ({ children, ...props }: import("./MultiValueItemContainer.js").MultiValueItemContainerProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ children, ...props }: import("./MultiValueItemContainer.js").MultiValueItemContainerProps) => import("react").JSX.Element) & {
+            original: ({ children, ...props }: import("./MultiValueItemContainer.js").MultiValueItemContainerProps) => import("react").JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+};
+declare const _default: import("@webiny/app-headless-cms-common/types/index.js").CmsModelFieldRendererPlugin[];
 export default _default;

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

@@ -1,14 +1,9 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _singleObjectInline = _interopRequireDefault(require("./singleObjectInline"));
-var _singleObjectAccordion = _interopRequireDefault(require("./singleObjectAccordion"));
-var _multipleObjects = _interopRequireDefault(require("./multipleObjects"));
-var _multipleObjectsAccordion = _interopRequireDefault(require("./multipleObjectsAccordion"));
-var _default = exports.default = [_singleObjectInline.default, _singleObjectAccordion.default, _multipleObjects.default, _multipleObjectsAccordion.default];
+import singleObjectAccordion from "./singleObjectAccordion.js";
+import multipleObjectsAccordion from "./multipleObjectsAccordion.js";
+import { MultiValueItemContainer } from "./MultiValueItemContainer.js";
+export const Components = {
+  MultiValueItemContainer
+};
+export default [singleObjectAccordion, multipleObjectsAccordion];
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_singleObjectInline","_interopRequireDefault","require","_singleObjectAccordion","_multipleObjects","_multipleObjectsAccordion","_default","exports","default","singleObjectInline","singleObjectAccordion","multipleObjects","multipleObjectsAccordion"],"sources":["index.ts"],"sourcesContent":["import singleObjectInline from \"./singleObjectInline\";\nimport singleObjectAccordion from \"./singleObjectAccordion\";\nimport multipleObjects from \"./multipleObjects\";\nimport multipleObjectsAccordion from \"./multipleObjectsAccordion\";\n\nexport default [\n    singleObjectInline,\n    singleObjectAccordion,\n    multipleObjects,\n    multipleObjectsAccordion\n];\n"],"mappings":";;;;;;;AAAA,IAAAA,mBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,yBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAkE,IAAAI,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEnD,CACXC,2BAAkB,EAClBC,8BAAqB,EACrBC,wBAAe,EACfC,iCAAwB,CAC3B","ignoreList":[]}
+{"version":3,"names":["singleObjectAccordion","multipleObjectsAccordion","MultiValueItemContainer","Components"],"sources":["index.ts"],"sourcesContent":["import singleObjectAccordion from \"./singleObjectAccordion.js\";\nimport multipleObjectsAccordion from \"./multipleObjectsAccordion.js\";\nimport { MultiValueItemContainer } from \"./MultiValueItemContainer.js\";\n\nexport const Components = {\n    MultiValueItemContainer\n};\n\nexport default [singleObjectAccordion, multipleObjectsAccordion];\n"],"mappings":"AAAA,OAAOA,qBAAqB;AAC5B,OAAOC,wBAAwB;AAC/B,SAASC,uBAAuB;AAEhC,OAAO,MAAMC,UAAU,GAAG;EACtBD;AACJ,CAAC;AAED,eAAe,CAACF,qBAAqB,EAAEC,wBAAwB,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/object/multipleObjectsAccordion.d.ts

@@ -1,3 +1,3 @@
-import { CmsModelFieldRendererPlugin } from "../../../../types";
+import type { CmsModelFieldRendererPlugin } from "../../../../types.js";
 declare const plugin: CmsModelFieldRendererPlugin;
 export default plugin;

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

@@ -1,139 +1,62 @@
-"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 _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 _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 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]);
-  return index > 0 ? /*#__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: function onClick() {
-      return bind.field.removeValue(index);
-    }
-  })) : null;
-};
-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;
-  var fieldSettings = _FieldSettings.FieldSettings.createFrom(field);
+import React from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { FieldSettings } from "./FieldSettings.js";
+import { AccordionRenderSettings, getAccordionRenderSettings } from "../AccordionRenderSettings.js";
+import { MultiValueContainer } from "./MultiValueContainer.js";
+import { MultiValueRendererSettings } from "../MultiValueRendererSettings.js";
+import { Accordion } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/fields/text");
+const ObjectsRenderer = props => {
+  const {
+    field,
+    getBind
+  } = props;
+  const fieldSettings = FieldSettings.createFrom(field);
   if (!fieldSettings.hasFields()) {
     fieldSettings.logMissingFields();
     return null;
   }
-  var settings = fieldSettings.getSettings();
-  var _getAccordionRenderSe = (0, _AccordionRenderSettings.getAccordionRenderSettings)(field),
-    open = _getAccordionRenderSe.open;
-  return /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, null, /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
-    title: field.label,
-    description: field.helpText,
-    open: open
-  }, /*#__PURE__*/_react.default.createElement(_DynamicSection.default, Object.assign({}, props, {
-    emptyValue: {},
-    showLabel: false,
-    gridClassName: _StyledComponents.dynamicSectionGridStyle
-  }), function (_ref2) {
-    var Bind = _ref2.Bind,
-      bind = _ref2.bind,
-      index = _ref2.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
+  const {
+    open
+  } = getAccordionRenderSettings(field);
+  const Bind = getBind();
+  return /*#__PURE__*/React.createElement(Bind, null, bind => {
+    const values = bind.value || [];
+    const label = `${field.label} ${values.length ? `(${values.length})` : ""}`;
+    return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(Accordion, {
+      background: "base",
+      variant: "container"
+    }, /*#__PURE__*/React.createElement(Accordion.Item, {
+      title: label,
+      description: field.description,
+      defaultOpen: open
+    }, /*#__PURE__*/React.createElement(MultiValueContainer, {
+      bind: bind,
+      getBind: getBind,
+      showTitle: false
     }))));
-  })));
+  });
 };
-var plugin = {
+const plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-objects-accordion",
   renderer: {
     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(_ref3) {
-      var field = _ref3.field;
-      return field.type === "object" && Boolean(field.multipleValues);
+    name: t`Accordion`,
+    description: t`Renders fields within an accordion.`,
+    canUse({
+      field
+    }) {
+      return field.type === "object" && Boolean(field.list);
     },
-    render: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(ObjectsRenderer, props);
+    render(props) {
+      return /*#__PURE__*/React.createElement(ObjectsRenderer, props);
     },
-    renderSettings: function renderSettings(_ref4) {
-      var field = _ref4.field;
-      return /*#__PURE__*/_react.default.createElement(_AccordionRenderSettings.AccordionRenderSettings, {
-        field: field
-      });
+    renderSettings(props) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MultiValueRendererSettings, props), /*#__PURE__*/React.createElement(AccordionRenderSettings, props));
     }
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=multipleObjectsAccordion.js.map

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","_templateObject","_templateObject2","t","i18n","ns","Actions","_ref","setHighlightIndex","bind","index","_bind$field","field","moveValueDown","moveValueUp","onDown","useCallback","ev","stopPropagation","map","_objectSpread4","default","_defineProperty2","generateAlphaNumericLowerCaseId","onUp","createElement","Fragment","IconButton","icon","ReactComponent","onClick","removeValue","ObjectsRenderer","props","_useState","useState","_useState2","_slicedToArray2","highlightMap","contentModel","fieldSettings","FieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","_getAccordionRenderSe","getAccordionRenderSettings","open","Accordion","AccordionItem","title","label","description","helpText","Object","assign","emptyValue","showLabel","gridClassName","dynamicSectionGridStyle","_ref2","Bind","ObjectItem","ItemHighLight","key","concat","action","defaultValue","Cell","span","className","fieldsWrapperStyle","Fields","fields","layout","fieldsGridStyle","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","canUse","_ref3","Boolean","multipleValues","render","renderSettings","_ref4","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\";\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 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    return index > 0 ? (\n        <>\n            <IconButton icon={<ArrowDown />} onClick={onDown} />\n            <IconButton icon={<ArrowUp />} onClick={onUp} />\n            <IconButton icon={<DeleteIcon />} onClick={() => bind.field.removeValue(index)} />\n        </>\n    ) : null;\n};\n\nconst ObjectsRenderer = (props: CmsModelFieldRendererProps) => {\n    const [highlightMap, setHighlightIndex] = useState<{ [key: number]: string }>({});\n    const { field, contentModel } = 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    return (\n        <RootAccordion>\n            <AccordionItem title={field.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\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","i18n","FieldSettings","AccordionRenderSettings","getAccordionRenderSettings","MultiValueContainer","MultiValueRendererSettings","Accordion","t","ns","ObjectsRenderer","props","field","getBind","fieldSettings","createFrom","hasFields","logMissingFields","open","Bind","createElement","bind","values","value","label","length","ValidationContainer","background","variant","Item","title","description","defaultOpen","showTitle","plugin","type","name","renderer","rendererName","canUse","Boolean","list","render","renderSettings","Fragment"],"sources":["multipleObjectsAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsModelFieldRendererPlugin, CmsModelFieldRendererProps } from \"~/types.js\";\nimport { FieldSettings } from \"./FieldSettings.js\";\nimport { AccordionRenderSettings, getAccordionRenderSettings } from \"../AccordionRenderSettings.js\";\nimport { MultiValueContainer } from \"~/admin/plugins/fieldRenderers/object/MultiValueContainer.js\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings.js\";\nimport { Accordion } from \"@webiny/admin-ui\";\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                        <Accordion background={\"base\"} variant={\"container\"}>\n                            <Accordion.Item\n                                title={label}\n                                description={field.description}\n                                defaultOpen={open}\n                            >\n                                <MultiValueContainer\n                                    bind={bind}\n                                    getBind={getBind}\n                                    showTitle={false}\n                                />\n                            </Accordion.Item>\n                        </Accordion>\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.list);\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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,SAASC,aAAa;AACtB,SAASC,uBAAuB,EAAEC,0BAA0B;AAC5D,SAASC,mBAAmB;AAC5B,SAASC,0BAA0B;AACnC,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,MAAMC,CAAC,GAAGP,IAAI,CAACQ,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,eAAe,GAAIC,KAAiC,IAAK;EAC3D,MAAM;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGF,KAAK;EAEhC,MAAMG,aAAa,GAAGZ,aAAa,CAACa,UAAU,CAACH,KAAK,CAAC;EAErD,IAAI,CAACE,aAAa,CAACE,SAAS,CAAC,CAAC,EAAE;IAC5BF,aAAa,CAACG,gBAAgB,CAAC,CAAC;IAChC,OAAO,IAAI;EACf;EAEA,MAAM;IAAEC;EAAK,CAAC,GAAGd,0BAA0B,CAACQ,KAAK,CAAC;EAElD,MAAMO,IAAI,GAAGN,OAAO,CAAC,CAAC;EAEtB,oBACIb,KAAA,CAAAoB,aAAA,CAACD,IAAI,QACAE,IAAI,IAAI;IACL,MAAMC,MAAM,GAAGD,IAAI,CAACE,KAAK,IAAI,EAAE;IAC/B,MAAMC,KAAK,GAAG,GAAGZ,KAAK,CAACY,KAAK,IAAIF,MAAM,CAACG,MAAM,GAAG,IAAIH,MAAM,CAACG,MAAM,GAAG,GAAG,EAAE,EAAE;IAE3E,oBACIzB,KAAA,CAAAoB,aAAA,CAACD,IAAI,CAACO,mBAAmB,qBACrB1B,KAAA,CAAAoB,aAAA,CAACb,SAAS;MAACoB,UAAU,EAAE,MAAO;MAACC,OAAO,EAAE;IAAY,gBAChD5B,KAAA,CAAAoB,aAAA,CAACb,SAAS,CAACsB,IAAI;MACXC,KAAK,EAAEN,KAAM;MACbO,WAAW,EAAEnB,KAAK,CAACmB,WAAY;MAC/BC,WAAW,EAAEd;IAAK,gBAElBlB,KAAA,CAAAoB,aAAA,CAACf,mBAAmB;MAChBgB,IAAI,EAAEA,IAAK;MACXR,OAAO,EAAEA,OAAQ;MACjBoB,SAAS,EAAE;IAAM,CACpB,CACW,CACT,CACW,CAAC;EAEnC,CACE,CAAC;AAEf,CAAC;AAED,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,6CAA6C;EACnDC,QAAQ,EAAE;IACNC,YAAY,EAAE,mBAAmB;IACjCF,IAAI,EAAE5B,CAAC,WAAW;IAClBuB,WAAW,EAAEvB,CAAC,qCAAqC;IACnD+B,MAAMA,CAAC;MAAE3B;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACuB,IAAI,KAAK,QAAQ,IAAIK,OAAO,CAAC5B,KAAK,CAAC6B,IAAI,CAAC;IACzD,CAAC;IACDC,MAAMA,CAAC/B,KAAK,EAAE;MACV,oBAAOX,KAAA,CAAAoB,aAAA,CAACV,eAAe,EAAKC,KAAQ,CAAC;IACzC,CAAC;IACDgC,cAAcA,CAAChC,KAAK,EAAE;MAClB,oBACIX,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAA4C,QAAA,qBACI5C,KAAA,CAAAoB,aAAA,CAACd,0BAA0B,EAAKK,KAAQ,CAAC,eACzCX,KAAA,CAAAoB,aAAA,CAACjB,uBAAuB,EAAKQ,KAAQ,CACvC,CAAC;IAEX;EACJ;AACJ,CAAC;AAED,eAAeuB,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/object/singleObjectAccordion.d.ts

@@ -1,3 +1,3 @@
-import { CmsModelFieldRendererPlugin } from "../../../../types";
+import type { CmsModelFieldRendererPlugin } from "../../../../types.js";
 declare const plugin: CmsModelFieldRendererPlugin;
 export default plugin;

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

@@ -1,71 +1,73 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _i18n = require("@webiny/app/i18n");
-var _Accordion = require("@webiny/ui/Accordion");
-var _Fields = require("../../../components/ContentEntryForm/Fields");
-var _FieldSettings = require("./FieldSettings");
-var _hooks = require("../../../hooks");
-var _ModelFieldProvider = require("../../../components/ModelFieldProvider");
-var _AccordionRenderSettings = require("../AccordionRenderSettings");
-var _templateObject, _templateObject2;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
-var plugin = {
+import React from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { Accordion } from "@webiny/admin-ui";
+import { Fields } from "../../../components/ContentEntryForm/Fields.js";
+import { FieldSettings } from "./FieldSettings.js";
+import { ParentFieldProvider } from "../../../hooks/index.js";
+import { ParentValueIndexProvider } from "../../../components/ModelFieldProvider/index.js";
+import { AccordionRenderSettings, getAccordionRenderSettings } from "../AccordionRenderSettings.js";
+import { ReactComponent as HorizontalRuleIcon } from "@webiny/icons/horizontal_rule.svg";
+const t = i18n.ns("app-headless-cms/admin/fields/text");
+const plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-object-accordion",
   renderer: {
     rendererName: "object-accordion",
-    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Accordion"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders fields within an accordion."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
-      return field.type === "object" && !field.multipleValues;
+    name: t`Accordion`,
+    description: t`Renders fields within an accordion.`,
+    canUse({
+      field
+    }) {
+      return field.type === "object" && !field.list;
     },
-    render: function render(_ref2) {
-      var field = _ref2.field,
-        getBind = _ref2.getBind,
-        contentModel = _ref2.contentModel;
-      var Bind = getBind();
-      var fieldSettings = _FieldSettings.FieldSettings.createFrom(field);
+    render({
+      field,
+      getBind,
+      contentModel
+    }) {
+      const Bind = getBind();
+      const fieldSettings = FieldSettings.createFrom(field);
       if (!fieldSettings.hasFields()) {
         fieldSettings.logMissingFields();
         return null;
       }
-      var settings = fieldSettings.getSettings();
-      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, {
-          value: bindProps.value,
-          path: Bind.parentName
-        }, /*#__PURE__*/_react.default.createElement(_ModelFieldProvider.ParentValueIndexProvider, {
-          index: -1
-        }, /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, null, /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
-          title: field.label,
-          description: field.helpText,
-          open: open
-        }, /*#__PURE__*/_react.default.createElement(_Fields.Fields, {
-          Bind: Bind,
-          contentModel: contentModel,
-          fields: settings.fields || [],
-          layout: settings.layout || []
-        })))));
-      });
+      const settings = fieldSettings.getSettings();
+      const {
+        open
+      } = getAccordionRenderSettings(field);
+      return /*#__PURE__*/React.createElement(Bind, null, bindProps => /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(ParentFieldProvider, {
+        value: bindProps.value,
+        path: Bind.parentName
+      }, /*#__PURE__*/React.createElement(ParentValueIndexProvider, {
+        index: -1
+      }, /*#__PURE__*/React.createElement(Accordion, {
+        background: "base",
+        variant: "container"
+      }, /*#__PURE__*/React.createElement(Accordion.Item, {
+        icon: /*#__PURE__*/React.createElement(Accordion.Item.Icon, {
+          color: "accent",
+          label: "Accordion Item",
+          icon: /*#__PURE__*/React.createElement(HorizontalRuleIcon, null)
+        }),
+        title: field.label,
+        description: field.description,
+        defaultOpen: open
+      }, /*#__PURE__*/React.createElement(Fields, {
+        Bind: Bind,
+        contentModel: contentModel,
+        fields: settings.fields || [],
+        layout: settings.layout || []
+      })))))));
     },
-    renderSettings: function renderSettings(_ref3) {
-      var field = _ref3.field;
-      return /*#__PURE__*/_react.default.createElement(_AccordionRenderSettings.AccordionRenderSettings, {
+    renderSettings({
+      field
+    }) {
+      return /*#__PURE__*/React.createElement(AccordionRenderSettings, {
         field: field
       });
     }
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=singleObjectAccordion.js.map

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","i18n","Accordion","Fields","FieldSettings","ParentFieldProvider","ParentValueIndexProvider","AccordionRenderSettings","getAccordionRenderSettings","ReactComponent","HorizontalRuleIcon","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","getBind","contentModel","Bind","fieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","open","createElement","bindProps","ValidationContainer","value","path","parentName","index","background","variant","Item","icon","Icon","color","label","title","defaultOpen","fields","layout","renderSettings"],"sources":["singleObjectAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Accordion } from \"@webiny/admin-ui\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields.js\";\nimport { FieldSettings } from \"./FieldSettings.js\";\nimport { ParentFieldProvider } from \"~/admin/hooks/index.js\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider/index.js\";\nimport {\n    AccordionRenderSettings,\n    getAccordionRenderSettings\n} from \"~/admin/plugins/fieldRenderers/AccordionRenderSettings.js\";\nimport { ReactComponent as HorizontalRuleIcon } from \"@webiny/icons/horizontal_rule.svg\";\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.list;\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 background={\"base\"} variant={\"container\"}>\n                                        <Accordion.Item\n                                            icon={\n                                                <Accordion.Item.Icon\n                                                    color={\"accent\"}\n                                                    label=\"Accordion Item\"\n                                                    icon={<HorizontalRuleIcon />}\n                                                />\n                                            }\n                                            title={field.label}\n                                            description={field.description}\n                                            defaultOpen={open}\n                                        >\n                                            <Fields\n                                                Bind={Bind}\n                                                contentModel={contentModel}\n                                                fields={settings.fields || []}\n                                                layout={settings.layout || []}\n                                            />\n                                        </Accordion.Item>\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/passthrough.d.ts

@@ -0,0 +1,2 @@
+import type { CmsModelFieldRendererPlugin } from "../../../types.js";
+export declare const passthroughFieldRenderer: CmsModelFieldRendererPlugin;

package/admin/plugins/fieldRenderers/passthrough.js

@@ -0,0 +1,29 @@
+import React from "react";
+import { Fields } from "@webiny/app-headless-cms-common";
+export const passthroughFieldRenderer = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-passthrough",
+  renderer: {
+    rendererName: "passthrough",
+    name: "Passthrough Renderer",
+    description: `Render child fields without any extra wrappers.`,
+    canUse() {
+      return false;
+    },
+    render({
+      field,
+      contentModel,
+      getBind
+    }) {
+      const Bind = getBind();
+      return /*#__PURE__*/React.createElement(Fields, {
+        Bind: Bind,
+        contentModel: contentModel,
+        fields: field.settings?.fields ?? [],
+        layout: field.settings?.layout ?? []
+      });
+    }
+  }
+};
+
+//# sourceMappingURL=passthrough.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Fields","passthroughFieldRenderer","type","name","renderer","rendererName","description","canUse","render","field","contentModel","getBind","Bind","createElement","fields","settings","layout"],"sources":["passthrough.tsx"],"sourcesContent":["import React from \"react\";\nimport { Fields } from \"@webiny/app-headless-cms-common\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\n\nexport const passthroughFieldRenderer: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-passthrough\",\n    renderer: {\n        rendererName: \"passthrough\",\n        name: \"Passthrough Renderer\",\n        description: `Render child fields without any extra wrappers.`,\n        canUse() {\n            return false;\n        },\n        render({ field, contentModel, getBind }) {\n            const Bind = getBind();\n            return (\n                <Fields\n                    Bind={Bind}\n                    contentModel={contentModel}\n                    fields={field.settings?.fields ?? []}\n                    layout={field.settings?.layout ?? []}\n                />\n            );\n        }\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,iCAAiC;AAGxD,OAAO,MAAMC,wBAAqD,GAAG;EACjEC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,uCAAuC;EAC7CC,QAAQ,EAAE;IACNC,YAAY,EAAE,aAAa;IAC3BF,IAAI,EAAE,sBAAsB;IAC5BG,WAAW,EAAE,iDAAiD;IAC9DC,MAAMA,CAAA,EAAG;MACL,OAAO,KAAK;IAChB,CAAC;IACDC,MAAMA,CAAC;MAAEC,KAAK;MAAEC,YAAY;MAAEC;IAAQ,CAAC,EAAE;MACrC,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MACtB,oBACIZ,KAAA,CAAAc,aAAA,CAACb,MAAM;QACHY,IAAI,EAAEA,IAAK;QACXF,YAAY,EAAEA,YAAa;QAC3BI,MAAM,EAAEL,KAAK,CAACM,QAAQ,EAAED,MAAM,IAAI,EAAG;QACrCE,MAAM,EAAEP,KAAK,CAACM,QAAQ,EAAEC,MAAM,IAAI;MAAG,CACxC,CAAC;IAEV;EACJ;AACJ,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/radioButtons.d.ts

@@ -1,3 +1,3 @@
-import { CmsModelFieldRendererPlugin } from "../../../types";
+import type { CmsModelFieldRendererPlugin } from "../../../types.js";
 declare const plugin: CmsModelFieldRendererPlugin;
 export default plugin;