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

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

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","Accordion","IconButton","ReactComponent","DeleteIcon","ArrowUp","ArrowDown","MultiValueItemContainer","children","props","onMoveUp","onMoveDown","onDelete","isLast","isFirst","disabled","actions","createElement","Fragment","icon","onClick","e","stopPropagation","variant","Item","Action","Separator","background","openClosedIndicatorPosition","title","defaultOpen","isExpanded"],"sources":["MultiValueItemContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Accordion, IconButton } from \"@webiny/admin-ui\";\nimport type { GenericRecord } from \"@webiny/app/types.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport { ReactComponent as ArrowUp } from \"@webiny/icons/arrow_upward.svg\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/arrow_downward.svg\";\n\nexport interface MultiValueItemContainerProps {\n    value: GenericRecord<string>;\n    isFirst: boolean;\n    isLast: boolean;\n    disabled?: boolean;\n    onMoveUp: () => void;\n    onMoveDown: () => void;\n    onDelete: () => void;\n    isExpanded: boolean;\n    toggleExpanded: () => void;\n    title: string;\n    children: React.ReactNode;\n}\n\nexport const MultiValueItemContainer = makeDecoratable(\n    \"MultiValueItemContainer\",\n    ({ children, ...props }: MultiValueItemContainerProps) => {\n        const { onMoveUp, onMoveDown, onDelete, isLast, isFirst, disabled = false } = props;\n\n        const actions = (\n            <>\n                <IconButton\n                    icon={<ArrowDown />}\n                    onClick={e => {\n                        e.stopPropagation();\n                        onMoveDown();\n                    }}\n                    variant=\"ghost\"\n                    disabled={isLast}\n                />\n                <IconButton\n                    icon={<ArrowUp />}\n                    onClick={e => {\n                        e.stopPropagation();\n                        onMoveUp();\n                    }}\n                    variant=\"ghost\"\n                    disabled={isFirst}\n                />\n                <Accordion.Item.Action.Separator />\n                <IconButton\n                    icon={<DeleteIcon />}\n                    onClick={e => {\n                        e.stopPropagation();\n                        onDelete();\n                    }}\n                    variant=\"ghost\"\n                />\n            </>\n        );\n\n        return (\n            <Accordion\n                background={\"base\"}\n                variant={\"container\"}\n                openClosedIndicatorPosition={\"left\"}\n            >\n                <Accordion.Item\n                    title={props.title}\n                    actions={disabled ? null : actions}\n                    defaultOpen={props.isExpanded}\n                >\n                    {children}\n                </Accordion.Item>\n            </Accordion>\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,SAAS,EAAEC,UAAU,QAAQ,kBAAkB;AAExD,SAASC,cAAc,IAAIC,UAAU,QAAQ,kCAAkC;AAC/E,SAASD,cAAc,IAAIE,OAAO,QAAQ,gCAAgC;AAC1E,SAASF,cAAc,IAAIG,SAAS,QAAQ,kCAAkC;AAgB9E,OAAO,MAAMC,uBAAuB,GAAGP,eAAe,CAClD,yBAAyB,EACzB,CAAC;EAAEQ,QAAQ;EAAE,GAAGC;AAAoC,CAAC,KAAK;EACtD,MAAM;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,OAAO;IAAEC,QAAQ,GAAG;EAAM,CAAC,GAAGN,KAAK;EAEnF,MAAMO,OAAO,gBACTjB,KAAA,CAAAkB,aAAA,CAAAlB,KAAA,CAAAmB,QAAA,qBACInB,KAAA,CAAAkB,aAAA,CAACf,UAAU;IACPiB,IAAI,eAAEpB,KAAA,CAAAkB,aAAA,CAACX,SAAS,MAAE,CAAE;IACpBc,OAAO,EAAEC,CAAC,IAAI;MACVA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBX,UAAU,CAAC,CAAC;IAChB,CAAE;IACFY,OAAO,EAAC,OAAO;IACfR,QAAQ,EAAEF;EAAO,CACpB,CAAC,eACFd,KAAA,CAAAkB,aAAA,CAACf,UAAU;IACPiB,IAAI,eAAEpB,KAAA,CAAAkB,aAAA,CAACZ,OAAO,MAAE,CAAE;IAClBe,OAAO,EAAEC,CAAC,IAAI;MACVA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBZ,QAAQ,CAAC,CAAC;IACd,CAAE;IACFa,OAAO,EAAC,OAAO;IACfR,QAAQ,EAAED;EAAQ,CACrB,CAAC,eACFf,KAAA,CAAAkB,aAAA,CAAChB,SAAS,CAACuB,IAAI,CAACC,MAAM,CAACC,SAAS,MAAE,CAAC,eACnC3B,KAAA,CAAAkB,aAAA,CAACf,UAAU;IACPiB,IAAI,eAAEpB,KAAA,CAAAkB,aAAA,CAACb,UAAU,MAAE,CAAE;IACrBgB,OAAO,EAAEC,CAAC,IAAI;MACVA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBV,QAAQ,CAAC,CAAC;IACd,CAAE;IACFW,OAAO,EAAC;EAAO,CAClB,CACH,CACL;EAED,oBACIxB,KAAA,CAAAkB,aAAA,CAAChB,SAAS;IACN0B,UAAU,EAAE,MAAO;IACnBJ,OAAO,EAAE,WAAY;IACrBK,2BAA2B,EAAE;EAAO,gBAEpC7B,KAAA,CAAAkB,aAAA,CAAChB,SAAS,CAACuB,IAAI;IACXK,KAAK,EAAEpB,KAAK,CAACoB,KAAM;IACnBb,OAAO,EAAED,QAAQ,GAAG,IAAI,GAAGC,OAAQ;IACnCc,WAAW,EAAErB,KAAK,CAACsB;EAAW,GAE7BvB,QACW,CACT,CAAC;AAEpB,CACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/object/MultiValueItemContainer.js","sources":["../../../../../src/admin/plugins/fieldRenderers/object/MultiValueItemContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Accordion, IconButton } from \"@webiny/admin-ui\";\nimport type { GenericRecord } from \"@webiny/app/types.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport { ReactComponent as ArrowUp } from \"@webiny/icons/arrow_upward.svg\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/arrow_downward.svg\";\n\nexport interface MultiValueItemContainerProps {\n    value: GenericRecord<string>;\n    isFirst: boolean;\n    isLast: boolean;\n    disabled?: boolean;\n    onMoveUp: () => void;\n    onMoveDown: () => void;\n    onDelete: () => void;\n    isExpanded: boolean;\n    toggleExpanded: () => void;\n    title: string;\n    children: React.ReactNode;\n}\n\nexport const MultiValueItemContainer = makeDecoratable(\n    \"MultiValueItemContainer\",\n    ({ children, ...props }: MultiValueItemContainerProps) => {\n        const { onMoveUp, onMoveDown, onDelete, isLast, isFirst, disabled = false } = props;\n\n        const actions = (\n            <>\n                <IconButton\n                    icon={<ArrowDown />}\n                    onClick={e => {\n                        e.stopPropagation();\n                        onMoveDown();\n                    }}\n                    variant=\"ghost\"\n                    disabled={isLast}\n                />\n                <IconButton\n                    icon={<ArrowUp />}\n                    onClick={e => {\n                        e.stopPropagation();\n                        onMoveUp();\n                    }}\n                    variant=\"ghost\"\n                    disabled={isFirst}\n                />\n                <Accordion.Item.Action.Separator />\n                <IconButton\n                    icon={<DeleteIcon />}\n                    onClick={e => {\n                        e.stopPropagation();\n                        onDelete();\n                    }}\n                    variant=\"ghost\"\n                />\n            </>\n        );\n\n        return (\n            <Accordion\n                background={\"base\"}\n                variant={\"container\"}\n                openClosedIndicatorPosition={\"left\"}\n            >\n                <Accordion.Item\n                    title={props.title}\n                    actions={disabled ? null : actions}\n                    defaultOpen={props.isExpanded}\n                >\n                    {children}\n                </Accordion.Item>\n            </Accordion>\n        );\n    }\n);\n"],"names":["MultiValueItemContainer","makeDecoratable","children","props","onMoveUp","onMoveDown","onDelete","isLast","isFirst","disabled","actions","IconButton","ArrowDown","e","ArrowUp","Accordion","DeleteIcon"],"mappings":";;;;;;AAsBO,MAAMA,0BAA0BC,gBACnC,2BACA,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAAqC;IACjD,MAAM,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,EAAEC,WAAW,KAAK,EAAE,GAAGN;IAE9E,MAAMO,UAAU,WAAVA,GACF,wDACI,oBAACC,YAAUA;QACP,oBAAM,oBAACC,mCAASA;QAChB,SAASC,CAAAA;YACLA,EAAE,eAAe;YACjBR;QACJ;QACA,SAAQ;QACR,UAAUE;sBAEd,oBAACI,YAAUA;QACP,oBAAM,oBAACG,iCAAOA;QACd,SAASD,CAAAA;YACLA,EAAE,eAAe;YACjBT;QACJ;QACA,SAAQ;QACR,UAAUI;sBAEd,oBAACO,UAAU,IAAI,CAAC,MAAM,CAAC,SAAS,uBAChC,oBAACJ,YAAUA;QACP,oBAAM,oBAACK,gBAAUA;QACjB,SAASH,CAAAA;YACLA,EAAE,eAAe;YACjBP;QACJ;QACA,SAAQ;;IAKpB,OAAO,WAAP,GACI,oBAACS,WAASA;QACN,YAAY;QACZ,SAAS;QACT,6BAA6B;qBAE7B,oBAACA,UAAU,IAAI;QACX,OAAOZ,MAAM,KAAK;QAClB,SAASM,WAAW,OAAOC;QAC3B,aAAaP,MAAM,UAAU;OAE5BD;AAIjB"}

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

@@ -1,69 +1,43 @@
-import _styled from "@emotion/styled/base";
-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)."; }
+import styled from "@emotion/styled";
 import { css } from "@emotion/css";
-export const dynamicSectionTitleStyle = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
-  name: "1d0nbku",
-  styles: "margin-top:24px"
-} : {
-  name: "ni4rfk-dynamicSectionTitleStyle",
-  styles: "margin-top:24px;label:dynamicSectionTitleStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzJDIiwiZmlsZSI6IlN0eWxlZENvbXBvbmVudHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uVGl0bGVTdHlsZSA9IGNzc2BcbiAgICBtYXJnaW4tdG9wOiAyNHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uR3JpZFN0eWxlID0gY3NzYFxuICAgICYgPiAubWRjLWxheW91dC1ncmlkX19pbm5lciB7XG4gICAgICAgIGdyaWQtZ2FwOiA4cHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGZpZWxkc0dyaWRTdHlsZSA9IGNzc2BcbiAgICAmLm1kYy1sYXlvdXQtZ3JpZCB7XG4gICAgICAgIHBhZGRpbmc6IDhweDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgT2JqZWN0SXRlbSA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1IaWdoTGlnaHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIFwiJlwiOiB7XG4gICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgIGFuaW1hdGlvbjogXCJ3Zi1ibGluay1pbiAxc1wiLFxuICAgICAgICBib3JkZXI6IFwiMnB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCIsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDAgMTVweCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSg0MiwgMjE3LCAxMzQsIDAuMjUpXCIsXG4gICAgICAgIGJvcmRlclJhZGl1czogXCIycHhcIixcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAtMTIsXG4gICAgICAgIHJpZ2h0OiAtOCxcbiAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiXG4gICAgfSxcbiAgICBcIkBrZXlmcmFtZXMgd2YtYmxpbmstaW5cIjogeyBcIjQwJVwiOiB7IG9wYWNpdHk6IDEgfSB9XG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-export const dynamicSectionGridStyle = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
-  name: "6bwtfr",
-  styles: "&>.mdc-layout-grid__inner{grid-gap:8px;}"
-} : {
-  name: "c4xhr-dynamicSectionGridStyle",
-  styles: "&>.mdc-layout-grid__inner{grid-gap:8px;};label:dynamicSectionGridStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzBDIiwiZmlsZSI6IlN0eWxlZENvbXBvbmVudHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uVGl0bGVTdHlsZSA9IGNzc2BcbiAgICBtYXJnaW4tdG9wOiAyNHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uR3JpZFN0eWxlID0gY3NzYFxuICAgICYgPiAubWRjLWxheW91dC1ncmlkX19pbm5lciB7XG4gICAgICAgIGdyaWQtZ2FwOiA4cHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGZpZWxkc0dyaWRTdHlsZSA9IGNzc2BcbiAgICAmLm1kYy1sYXlvdXQtZ3JpZCB7XG4gICAgICAgIHBhZGRpbmc6IDhweDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgT2JqZWN0SXRlbSA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1IaWdoTGlnaHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIFwiJlwiOiB7XG4gICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgIGFuaW1hdGlvbjogXCJ3Zi1ibGluay1pbiAxc1wiLFxuICAgICAgICBib3JkZXI6IFwiMnB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCIsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDAgMTVweCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSg0MiwgMjE3LCAxMzQsIDAuMjUpXCIsXG4gICAgICAgIGJvcmRlclJhZGl1czogXCIycHhcIixcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAtMTIsXG4gICAgICAgIHJpZ2h0OiAtOCxcbiAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiXG4gICAgfSxcbiAgICBcIkBrZXlmcmFtZXMgd2YtYmxpbmstaW5cIjogeyBcIjQwJVwiOiB7IG9wYWNpdHk6IDEgfSB9XG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-export const fieldsGridStyle = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
-  name: "1t4nest",
-  styles: "&.mdc-layout-grid{padding:8px;}"
-} : {
-  name: "17rca61-fieldsGridStyle",
-  styles: "&.mdc-layout-grid{padding:8px;};label:fieldsGridStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWtDIiwiZmlsZSI6IlN0eWxlZENvbXBvbmVudHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uVGl0bGVTdHlsZSA9IGNzc2BcbiAgICBtYXJnaW4tdG9wOiAyNHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uR3JpZFN0eWxlID0gY3NzYFxuICAgICYgPiAubWRjLWxheW91dC1ncmlkX19pbm5lciB7XG4gICAgICAgIGdyaWQtZ2FwOiA4cHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGZpZWxkc0dyaWRTdHlsZSA9IGNzc2BcbiAgICAmLm1kYy1sYXlvdXQtZ3JpZCB7XG4gICAgICAgIHBhZGRpbmc6IDhweDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgT2JqZWN0SXRlbSA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1IaWdoTGlnaHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIFwiJlwiOiB7XG4gICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgIGFuaW1hdGlvbjogXCJ3Zi1ibGluay1pbiAxc1wiLFxuICAgICAgICBib3JkZXI6IFwiMnB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCIsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDAgMTVweCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSg0MiwgMjE3LCAxMzQsIDAuMjUpXCIsXG4gICAgICAgIGJvcmRlclJhZGl1czogXCIycHhcIixcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAtMTIsXG4gICAgICAgIHJpZ2h0OiAtOCxcbiAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiXG4gICAgfSxcbiAgICBcIkBrZXlmcmFtZXMgd2YtYmxpbmstaW5cIjogeyBcIjQwJVwiOiB7IG9wYWNpdHk6IDEgfSB9XG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-export const ObjectItem = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "efe1kdz1"
-} : {
-  target: "efe1kdz1",
-  label: "ObjectItem"
-})(process.env.NODE_ENV === "production" ? {
-  name: "bjn8wh",
-  styles: "position:relative"
-} : {
-  name: "bjn8wh",
-  styles: "position:relative/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJvQyIsImZpbGUiOiJTdHlsZWRDb21wb25lbnRzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5cbmV4cG9ydCBjb25zdCBkeW5hbWljU2VjdGlvblRpdGxlU3R5bGUgPSBjc3NgXG4gICAgbWFyZ2luLXRvcDogMjRweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBkeW5hbWljU2VjdGlvbkdyaWRTdHlsZSA9IGNzc2BcbiAgICAmID4gLm1kYy1sYXlvdXQtZ3JpZF9faW5uZXIge1xuICAgICAgICBncmlkLWdhcDogOHB4O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBmaWVsZHNHcmlkU3R5bGUgPSBjc3NgXG4gICAgJi5tZGMtbGF5b3V0LWdyaWQge1xuICAgICAgICBwYWRkaW5nOiA4cHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE9iamVjdEl0ZW0gPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtSGlnaExpZ2h0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBcIiZcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICBhbmltYXRpb246IFwid2YtYmxpbmstaW4gMXNcIixcbiAgICAgICAgYm9yZGVyOiBcIjJweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBib3hTaGFkb3c6IFwiMCAwIDE1cHggdmFyKC0tbWRjLXRoZW1lLXNlY29uZGFyeSlcIixcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoNDIsIDIxNywgMTM0LCAwLjI1KVwiLFxuICAgICAgICBib3JkZXJSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgbGVmdDogLTEyLFxuICAgICAgICByaWdodDogLTgsXG4gICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIlxuICAgIH0sXG4gICAgXCJAa2V5ZnJhbWVzIHdmLWJsaW5rLWluXCI6IHsgXCI0MCVcIjogeyBvcGFjaXR5OiAxIH0gfVxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-export const ItemHighLight = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "efe1kdz0"
-} : {
-  target: "efe1kdz0",
-  label: "ItemHighLight"
-})({
-  "&": {
-    opacity: 0,
-    animation: "wf-blink-in 1s",
-    border: "2px solid var(--mdc-theme-secondary)",
-    boxShadow: "0 0 15px var(--mdc-theme-secondary)",
-    backgroundColor: "rgba(42, 217, 134, 0.25)",
-    borderRadius: "2px",
-    position: "absolute",
-    top: 0,
-    left: -12,
-    right: -8,
-    bottom: 0,
-    zIndex: 1,
-    pointerEvents: "none"
-  },
-  "@keyframes wf-blink-in": {
-    "40%": {
-      opacity: 1
+const dynamicSectionTitleStyle = css`
+    margin-top: 24px;
+`;
+const dynamicSectionGridStyle = css`
+    & > .mdc-layout-grid__inner {
+        grid-gap: 8px;
     }
-  }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUI2QiIsImZpbGUiOiJTdHlsZWRDb21wb25lbnRzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5cbmV4cG9ydCBjb25zdCBkeW5hbWljU2VjdGlvblRpdGxlU3R5bGUgPSBjc3NgXG4gICAgbWFyZ2luLXRvcDogMjRweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBkeW5hbWljU2VjdGlvbkdyaWRTdHlsZSA9IGNzc2BcbiAgICAmID4gLm1kYy1sYXlvdXQtZ3JpZF9faW5uZXIge1xuICAgICAgICBncmlkLWdhcDogOHB4O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBmaWVsZHNHcmlkU3R5bGUgPSBjc3NgXG4gICAgJi5tZGMtbGF5b3V0LWdyaWQge1xuICAgICAgICBwYWRkaW5nOiA4cHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE9iamVjdEl0ZW0gPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtSGlnaExpZ2h0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBcIiZcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICBhbmltYXRpb246IFwid2YtYmxpbmstaW4gMXNcIixcbiAgICAgICAgYm9yZGVyOiBcIjJweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBib3hTaGFkb3c6IFwiMCAwIDE1cHggdmFyKC0tbWRjLXRoZW1lLXNlY29uZGFyeSlcIixcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoNDIsIDIxNywgMTM0LCAwLjI1KVwiLFxuICAgICAgICBib3JkZXJSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgbGVmdDogLTEyLFxuICAgICAgICByaWdodDogLTgsXG4gICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIlxuICAgIH0sXG4gICAgXCJAa2V5ZnJhbWVzIHdmLWJsaW5rLWluXCI6IHsgXCI0MCVcIjogeyBvcGFjaXR5OiAxIH0gfVxufSk7XG4iXX0= */");
+`;
+const fieldsGridStyle = css`
+    &.mdc-layout-grid {
+        padding: 8px;
+    }
+`;
+const ObjectItem = styled.div`
+    position: relative;
+`;
+const ItemHighLight = styled("div")({
+    "&": {
+        opacity: 0,
+        animation: "wf-blink-in 1s",
+        border: "2px solid var(--mdc-theme-secondary)",
+        boxShadow: "0 0 15px var(--mdc-theme-secondary)",
+        backgroundColor: "rgba(42, 217, 134, 0.25)",
+        borderRadius: "2px",
+        position: "absolute",
+        top: 0,
+        left: -12,
+        right: -8,
+        bottom: 0,
+        zIndex: 1,
+        pointerEvents: "none"
+    },
+    "@keyframes wf-blink-in": {
+        "40%": {
+            opacity: 1
+        }
+    }
+});
+export { ItemHighLight, ObjectItem, dynamicSectionGridStyle, dynamicSectionTitleStyle, fieldsGridStyle };
 
 //# sourceMappingURL=StyledComponents.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["css","dynamicSectionTitleStyle","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","dynamicSectionGridStyle","fieldsGridStyle","ObjectItem","_styled","target","label","ItemHighLight","opacity","animation","border","boxShadow","backgroundColor","borderRadius","position","top","left","right","bottom","zIndex","pointerEvents"],"sources":["StyledComponents.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"@emotion/css\";\n\nexport const dynamicSectionTitleStyle = css`\n    margin-top: 24px;\n`;\n\nexport const dynamicSectionGridStyle = css`\n    & > .mdc-layout-grid__inner {\n        grid-gap: 8px;\n    }\n`;\n\nexport const fieldsGridStyle = css`\n    &.mdc-layout-grid {\n        padding: 8px;\n    }\n`;\n\nexport const ObjectItem = styled.div`\n    position: relative;\n`;\n\nexport const ItemHighLight = styled(\"div\")({\n    \"&\": {\n        opacity: 0,\n        animation: \"wf-blink-in 1s\",\n        border: \"2px solid var(--mdc-theme-secondary)\",\n        boxShadow: \"0 0 15px var(--mdc-theme-secondary)\",\n        backgroundColor: \"rgba(42, 217, 134, 0.25)\",\n        borderRadius: \"2px\",\n        position: \"absolute\",\n        top: 0,\n        left: -12,\n        right: -8,\n        bottom: 0,\n        zIndex: 1,\n        pointerEvents: \"none\"\n    },\n    \"@keyframes wf-blink-in\": { \"40%\": { opacity: 1 } }\n});\n"],"mappings":";;AACA,SAASA,GAAG,QAAQ,cAAc;AAElC,OAAO,MAAMC,wBAAwB,gBAAGD,GAAG,CAAAE,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAE1C;AAED,OAAO,MAAMC,uBAAuB,gBAAGT,GAAG,CAAAE,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAIzC;AAED,OAAO,MAAME,eAAe,gBAAGV,GAAG,CAAAE,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAIjC;AAED,OAAO,MAAMG,UAAU,gBAAAC,OAAA,QAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAS,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAZ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAEtB;AAED,OAAO,MAAMO,aAAa,gBAAGH,OAAA,CAAO,KAAK,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAS,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAC;EACvC,GAAG,EAAE;IACDE,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE,gBAAgB;IAC3BC,MAAM,EAAE,sCAAsC;IAC9CC,SAAS,EAAE,qCAAqC;IAChDC,eAAe,EAAE,0BAA0B;IAC3CC,YAAY,EAAE,KAAK;IACnBC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC,EAAE;IACTC,KAAK,EAAE,CAAC,CAAC;IACTC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE,CAAC;IACTC,aAAa,EAAE;EACnB,CAAC;EACD,wBAAwB,EAAE;IAAE,KAAK,EAAE;MAAEZ,OAAO,EAAE;IAAE;EAAE;AACtD,CAAC,EAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA,+kDAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/object/StyledComponents.js","sources":["../../../../../src/admin/plugins/fieldRenderers/object/StyledComponents.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"@emotion/css\";\n\nexport const dynamicSectionTitleStyle = css`\n    margin-top: 24px;\n`;\n\nexport const dynamicSectionGridStyle = css`\n    & > .mdc-layout-grid__inner {\n        grid-gap: 8px;\n    }\n`;\n\nexport const fieldsGridStyle = css`\n    &.mdc-layout-grid {\n        padding: 8px;\n    }\n`;\n\nexport const ObjectItem = styled.div`\n    position: relative;\n`;\n\nexport const ItemHighLight = styled(\"div\")({\n    \"&\": {\n        opacity: 0,\n        animation: \"wf-blink-in 1s\",\n        border: \"2px solid var(--mdc-theme-secondary)\",\n        boxShadow: \"0 0 15px var(--mdc-theme-secondary)\",\n        backgroundColor: \"rgba(42, 217, 134, 0.25)\",\n        borderRadius: \"2px\",\n        position: \"absolute\",\n        top: 0,\n        left: -12,\n        right: -8,\n        bottom: 0,\n        zIndex: 1,\n        pointerEvents: \"none\"\n    },\n    \"@keyframes wf-blink-in\": { \"40%\": { opacity: 1 } }\n});\n"],"names":["dynamicSectionTitleStyle","css","dynamicSectionGridStyle","fieldsGridStyle","ObjectItem","styled","ItemHighLight"],"mappings":";;AAGO,MAAMA,2BAA2BC,GAAG,CAAC;;AAE5C,CAAC;AAEM,MAAMC,0BAA0BD,GAAG,CAAC;;;;AAI3C,CAAC;AAEM,MAAME,kBAAkBF,GAAG,CAAC;;;;AAInC,CAAC;AAEM,MAAMG,aAAaC,OAAO,GAAG,CAAC;;AAErC,CAAC;AAEM,MAAMC,gBAAgBD,OAAO,OAAO;IACvC,KAAK;QACD,SAAS;QACT,WAAW;QACX,QAAQ;QACR,WAAW;QACX,iBAAiB;QACjB,cAAc;QACd,UAAU;QACV,KAAK;QACL,MAAM;QACN,OAAO;QACP,QAAQ;QACR,QAAQ;QACR,eAAe;IACnB;IACA,0BAA0B;QAAE,OAAO;YAAE,SAAS;QAAE;IAAE;AACtD"}

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

@@ -1,9 +1,14 @@
 import singleObjectAccordion from "./singleObjectAccordion.js";
 import multipleObjectsAccordion from "./multipleObjectsAccordion.js";
 import { MultiValueItemContainer } from "./MultiValueItemContainer.js";
-export const Components = {
-  MultiValueItemContainer
+const Components = {
+    MultiValueItemContainer: MultiValueItemContainer
 };
-export default [singleObjectAccordion, multipleObjectsAccordion];
+const object = [
+    singleObjectAccordion,
+    multipleObjectsAccordion
+];
+export default object;
+export { Components };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/object/index.js","sources":["../../../../../src/admin/plugins/fieldRenderers/object/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"],"names":["Components","MultiValueItemContainer","singleObjectAccordion","multipleObjectsAccordion"],"mappings":";;;AAIO,MAAMA,aAAa;IACtBC,yBAAuBA;AAC3B;AAEA,eAAe;IAACC;IAAuBC;CAAyB"}

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

@@ -1,4 +1,4 @@
-import React from "react";
+import react from "react";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { FieldSettings } from "./FieldSettings.js";
 import { AccordionRenderSettings, getAccordionRenderSettings } from "../AccordionRenderSettings.js";
@@ -6,57 +6,51 @@ 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;
-  }
-  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
-    }))));
-  });
+const ObjectsRenderer = (props)=>{
+    const { field, getBind } = props;
+    const fieldSettings = FieldSettings.createFrom(field);
+    if (!fieldSettings.hasFields()) {
+        fieldSettings.logMissingFields();
+        return null;
+    }
+    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
+        }))));
+    });
 };
-const plugin = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-objects-accordion",
-  renderer: {
-    rendererName: "objects-accordion",
-    name: t`Accordion`,
-    description: t`Renders fields within an accordion.`,
-    canUse({
-      field
-    }) {
-      return field.type === "object" && Boolean(field.list);
-    },
-    render(props) {
-      return /*#__PURE__*/React.createElement(ObjectsRenderer, props);
-    },
-    renderSettings(props) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MultiValueRendererSettings, props), /*#__PURE__*/React.createElement(AccordionRenderSettings, props));
+const multipleObjectsAccordion_plugin = {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-objects-accordion",
+    renderer: {
+        rendererName: "objects-accordion",
+        name: t`Accordion`,
+        description: t`Renders fields within an accordion.`,
+        canUse ({ field }) {
+            return "object" === field.type && Boolean(field.list);
+        },
+        render (props) {
+            return /*#__PURE__*/ react.createElement(ObjectsRenderer, props);
+        },
+        renderSettings (props) {
+            return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(MultiValueRendererSettings, props), /*#__PURE__*/ react.createElement(AccordionRenderSettings, props));
+        }
     }
-  }
 };
-export default plugin;
+const multipleObjectsAccordion = multipleObjectsAccordion_plugin;
+export default multipleObjectsAccordion;
 
 //# sourceMappingURL=multipleObjectsAccordion.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/object/multipleObjectsAccordion.js","sources":["../../../../../src/admin/plugins/fieldRenderers/object/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"],"names":["t","i18n","ObjectsRenderer","props","field","getBind","fieldSettings","FieldSettings","open","getAccordionRenderSettings","Bind","bind","values","label","Accordion","MultiValueContainer","plugin","Boolean","MultiValueRendererSettings","AccordionRenderSettings"],"mappings":";;;;;;;AASA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,kBAAkB,CAACC;IACrB,MAAM,EAAEC,KAAK,EAAEC,OAAO,EAAE,GAAGF;IAE3B,MAAMG,gBAAgBC,cAAc,UAAU,CAACH;IAE/C,IAAI,CAACE,cAAc,SAAS,IAAI;QAC5BA,cAAc,gBAAgB;QAC9B,OAAO;IACX;IAEA,MAAM,EAAEE,IAAI,EAAE,GAAGC,2BAA2BL;IAE5C,MAAMM,OAAOL;IAEb,OAAO,WAAP,GACI,oBAACK,MAAAA,MACIC,CAAAA;QACG,MAAMC,SAASD,KAAK,KAAK,IAAI,EAAE;QAC/B,MAAME,QAAQ,GAAGT,MAAM,KAAK,CAAC,CAAC,EAAEQ,OAAO,MAAM,GAAG,CAAC,CAAC,EAAEA,OAAO,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI;QAE3E,OAAO,WAAP,GACI,oBAACF,KAAK,mBAAmB,sBACrB,oBAACI,WAASA;YAAC,YAAY;YAAQ,SAAS;yBACpC,oBAACA,UAAU,IAAI;YACX,OAAOD;YACP,aAAaT,MAAM,WAAW;YAC9B,aAAaI;yBAEb,oBAACO,qBAAmBA;YAChB,MAAMJ;YACN,SAASN;YACT,WAAW;;IAMnC;AAGZ;AAEA,MAAMW,kCAAsC;IACxC,MAAM;IACN,MAAM;IACN,UAAU;QACN,cAAc;QACd,MAAMhB,CAAC,CAAC,SAAS,CAAC;QAClB,aAAaA,CAAC,CAAC,mCAAmC,CAAC;QACnD,QAAO,EAAEI,KAAK,EAAE;YACZ,OAAOA,AAAe,aAAfA,MAAM,IAAI,IAAiBa,QAAQb,MAAM,IAAI;QACxD;QACA,QAAOD,KAAK;YACR,OAAO,WAAP,GAAO,oBAACD,iBAAoBC;QAChC;QACA,gBAAeA,KAAK;YAChB,OAAO,WAAP,GACI,wDACI,oBAACe,4BAA+Bf,QAAAA,WAAAA,GAChC,oBAACgB,yBAA4BhB;QAGzC;IACJ;AACJ;AAEA,iCAAea"}

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

@@ -1,4 +1,4 @@
-import React from "react";
+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";
@@ -6,68 +6,59 @@ 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";
+import { ReactComponent } 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`Accordion`,
-    description: t`Renders fields within an accordion.`,
-    canUse({
-      field
-    }) {
-      return field.type === "object" && !field.list;
-    },
-    render({
-      field,
-      getBind,
-      contentModel
-    }) {
-      const Bind = getBind();
-      const fieldSettings = FieldSettings.createFrom(field);
-      if (!fieldSettings.hasFields()) {
-        fieldSettings.logMissingFields();
-        return null;
-      }
-      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({
-      field
-    }) {
-      return /*#__PURE__*/React.createElement(AccordionRenderSettings, {
-        field: field
-      });
+const singleObjectAccordion_plugin = {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-object-accordion",
+    renderer: {
+        rendererName: "object-accordion",
+        name: t`Accordion`,
+        description: t`Renders fields within an accordion.`,
+        canUse ({ field }) {
+            return "object" === field.type && !field.list;
+        },
+        render ({ field, getBind, contentModel }) {
+            const Bind = getBind();
+            const fieldSettings = FieldSettings.createFrom(field);
+            if (!fieldSettings.hasFields()) {
+                fieldSettings.logMissingFields();
+                return null;
+            }
+            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(ReactComponent, null)
+                    }),
+                    title: field.label,
+                    description: field.description,
+                    defaultOpen: open
+                }, /*#__PURE__*/ react.createElement(Fields, {
+                    Bind: Bind,
+                    contentModel: contentModel,
+                    fields: settings.fields || [],
+                    layout: settings.layout || []
+                })))))));
+        },
+        renderSettings ({ field }) {
+            return /*#__PURE__*/ react.createElement(AccordionRenderSettings, {
+                field: field
+            });
+        }
     }
-  }
 };
-export default plugin;
+const singleObjectAccordion = singleObjectAccordion_plugin;
+export default singleObjectAccordion;
 
 //# sourceMappingURL=singleObjectAccordion.js.map

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

@@ -1 +1 @@
-{"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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,MAAM;AACf,SAASC,aAAa;AACtB,SAASC,mBAAmB;AAC5B,SAASC,wBAAwB;AACjC,SACIC,uBAAuB,EACvBC,0BAA0B;AAE9B,SAASC,cAAc,IAAIC,kBAAkB,QAAQ,mCAAmC;AAExF,MAAMC,CAAC,GAAGV,IAAI,CAACW,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,4CAA4C;EAClDC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBAAkB;IAChCF,IAAI,EAAEJ,CAAC,WAAW;IAClBO,WAAW,EAAEP,CAAC,qCAAqC;IACnDQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACN,IAAI,KAAK,QAAQ,IAAI,CAACM,KAAK,CAACC,IAAI;IACjD,CAAC;IACDC,MAAMA,CAAC;MAAEF,KAAK;MAAEG,OAAO;MAAEC;IAAa,CAAC,EAAE;MACrC,MAAMC,IAAI,GAAGF,OAAO,CAAC,CAAC;MAEtB,MAAMG,aAAa,GAAGtB,aAAa,CAACuB,UAAU,CAACP,KAAK,CAAC;MAErD,IAAI,CAACM,aAAa,CAACE,SAAS,CAAC,CAAC,EAAE;QAC5BF,aAAa,CAACG,gBAAgB,CAAC,CAAC;QAChC,OAAO,IAAI;MACf;MAEA,MAAMC,QAAQ,GAAGJ,aAAa,CAACK,WAAW,CAAC,CAAC;MAC5C,MAAM;QAAEC;MAAK,CAAC,GAAGxB,0BAA0B,CAACY,KAAK,CAAC;MAElD,oBACIpB,KAAA,CAAAiC,aAAA,CAACR,IAAI,QACAS,SAAS,iBACNlC,KAAA,CAAAiC,aAAA,CAACR,IAAI,CAACU,mBAAmB,qBACrBnC,KAAA,CAAAiC,aAAA,CAAC5B,mBAAmB;QAAC+B,KAAK,EAAEF,SAAS,CAACE,KAAM;QAACC,IAAI,EAAEZ,IAAI,CAACa;MAAW,gBAC/DtC,KAAA,CAAAiC,aAAA,CAAC3B,wBAAwB;QAACiC,KAAK,EAAE,CAAC;MAAE,gBAChCvC,KAAA,CAAAiC,aAAA,CAAC/B,SAAS;QAACsC,UAAU,EAAE,MAAO;QAACC,OAAO,EAAE;MAAY,gBAChDzC,KAAA,CAAAiC,aAAA,CAAC/B,SAAS,CAACwC,IAAI;QACXC,IAAI,eACA3C,KAAA,CAAAiC,aAAA,CAAC/B,SAAS,CAACwC,IAAI,CAACE,IAAI;UAChBC,KAAK,EAAE,QAAS;UAChBC,KAAK,EAAC,gBAAgB;UACtBH,IAAI,eAAE3C,KAAA,CAAAiC,aAAA,CAACvB,kBAAkB,MAAE;QAAE,CAChC,CACJ;QACDqC,KAAK,EAAE3B,KAAK,CAAC0B,KAAM;QACnB5B,WAAW,EAAEE,KAAK,CAACF,WAAY;QAC/B8B,WAAW,EAAEhB;MAAK,gBAElBhC,KAAA,CAAAiC,aAAA,CAAC9B,MAAM;QACHsB,IAAI,EAAEA,IAAK;QACXD,YAAY,EAAEA,YAAa;QAC3ByB,MAAM,EAAEnB,QAAQ,CAACmB,MAAM,IAAI,EAAG;QAC9BC,MAAM,EAAEpB,QAAQ,CAACoB,MAAM,IAAI;MAAG,CACjC,CACW,CACT,CACW,CACT,CACC,CAE5B,CAAC;IAEf,CAAC;IACDC,cAAcA,CAAC;MAAE/B;IAAM,CAAC,EAAE;MACtB,oBAAOpB,KAAA,CAAAiC,aAAA,CAAC1B,uBAAuB;QAACa,KAAK,EAAEA;MAAM,CAAE,CAAC;IACpD;EACJ;AACJ,CAAC;AAED,eAAeP,MAAM","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/object/singleObjectAccordion.js","sources":["../../../../../src/admin/plugins/fieldRenderers/object/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"],"names":["t","i18n","plugin","field","getBind","contentModel","Bind","fieldSettings","FieldSettings","settings","open","getAccordionRenderSettings","bindProps","ParentFieldProvider","ParentValueIndexProvider","Accordion","HorizontalRuleIcon","Fields","AccordionRenderSettings"],"mappings":";;;;;;;;;AAcA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,+BAAsC;IACxC,MAAM;IACN,MAAM;IACN,UAAU;QACN,cAAc;QACd,MAAMF,CAAC,CAAC,SAAS,CAAC;QAClB,aAAaA,CAAC,CAAC,mCAAmC,CAAC;QACnD,QAAO,EAAEG,KAAK,EAAE;YACZ,OAAOA,AAAe,aAAfA,MAAM,IAAI,IAAiB,CAACA,MAAM,IAAI;QACjD;QACA,QAAO,EAAEA,KAAK,EAAEC,OAAO,EAAEC,YAAY,EAAE;YACnC,MAAMC,OAAOF;YAEb,MAAMG,gBAAgBC,cAAc,UAAU,CAACL;YAE/C,IAAI,CAACI,cAAc,SAAS,IAAI;gBAC5BA,cAAc,gBAAgB;gBAC9B,OAAO;YACX;YAEA,MAAME,WAAWF,cAAc,WAAW;YAC1C,MAAM,EAAEG,IAAI,EAAE,GAAGC,2BAA2BR;YAE5C,OAAO,WAAP,GACI,oBAACG,MAAAA,MACIM,CAAAA,YAAAA,WAAAA,GACG,oBAACN,KAAK,mBAAmB,sBACrB,oBAACO,qBAAmBA;oBAAC,OAAOD,UAAU,KAAK;oBAAE,MAAMN,KAAK,UAAU;iCAC9D,oBAACQ,0BAAwBA;oBAAC,OAAO;iCAC7B,oBAACC,WAASA;oBAAC,YAAY;oBAAQ,SAAS;iCACpC,oBAACA,UAAU,IAAI;oBACX,oBACI,oBAACA,UAAU,IAAI,CAAC,IAAI;wBAChB,OAAO;wBACP,OAAM;wBACN,oBAAM,oBAACC,gBAAkBA;;oBAGjC,OAAOb,MAAM,KAAK;oBAClB,aAAaA,MAAM,WAAW;oBAC9B,aAAaO;iCAEb,oBAACO,QAAMA;oBACH,MAAMX;oBACN,cAAcD;oBACd,QAAQI,SAAS,MAAM,IAAI,EAAE;oBAC7B,QAAQA,SAAS,MAAM,IAAI,EAAE;;QAUrE;QACA,gBAAe,EAAEN,KAAK,EAAE;YACpB,OAAO,WAAP,GAAO,oBAACe,yBAAuBA;gBAAC,OAAOf;;QAC3C;IACJ;AACJ;AAEA,8BAAeD"}

package/admin/plugins/fieldRenderers/passthrough.js

@@ -1,29 +1,26 @@
-import React from "react";
+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 ?? []
-      });
+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 ?? []
+            });
+        }
     }
-  }
 };
+export { passthroughFieldRenderer };
 
 //# sourceMappingURL=passthrough.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/passthrough.js","sources":["../../../../src/admin/plugins/fieldRenderers/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"],"names":["passthroughFieldRenderer","field","contentModel","getBind","Bind","Fields"],"mappings":";;AAIO,MAAMA,2BAAwD;IACjE,MAAM;IACN,MAAM;IACN,UAAU;QACN,cAAc;QACd,MAAM;QACN,aAAa;QACb;YACI,OAAO;QACX;QACA,QAAO,EAAEC,KAAK,EAAEC,YAAY,EAAEC,OAAO,EAAE;YACnC,MAAMC,OAAOD;YACb,OAAO,WAAP,GACI,oBAACE,QAAMA;gBACH,MAAMD;gBACN,cAAcF;gBACd,QAAQD,MAAM,QAAQ,EAAE,UAAU,EAAE;gBACpC,QAAQA,MAAM,QAAQ,EAAE,UAAU,EAAE;;QAGhD;IACJ;AACJ"}