@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

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

@@ -0,0 +1,45 @@
+import react from "react";
+import { makeDecoratable } from "@webiny/react-composition";
+import { Accordion, IconButton } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/delete_outline.svg";
+import { ReactComponent as arrow_upward_svg_ReactComponent } from "@webiny/icons/arrow_upward.svg";
+import { ReactComponent as arrow_downward_svg_ReactComponent } from "@webiny/icons/arrow_downward.svg";
+const MultiValueItemContainer = makeDecoratable("MultiValueItemContainer", ({ children, ...props })=>{
+    const { onMoveUp, onMoveDown, onDelete, isLast, isFirst, disabled = false } = props;
+    const actions = /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(IconButton, {
+        icon: /*#__PURE__*/ react.createElement(arrow_downward_svg_ReactComponent, null),
+        onClick: (e)=>{
+            e.stopPropagation();
+            onMoveDown();
+        },
+        variant: "ghost",
+        disabled: isLast
+    }), /*#__PURE__*/ react.createElement(IconButton, {
+        icon: /*#__PURE__*/ react.createElement(arrow_upward_svg_ReactComponent, null),
+        onClick: (e)=>{
+            e.stopPropagation();
+            onMoveUp();
+        },
+        variant: "ghost",
+        disabled: isFirst
+    }), /*#__PURE__*/ react.createElement(Accordion.Item.Action.Separator, null), /*#__PURE__*/ react.createElement(IconButton, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onClick: (e)=>{
+            e.stopPropagation();
+            onDelete();
+        },
+        variant: "ghost"
+    }));
+    return /*#__PURE__*/ react.createElement(Accordion, {
+        background: "base",
+        variant: "container",
+        openClosedIndicatorPosition: "left"
+    }, /*#__PURE__*/ react.createElement(Accordion.Item, {
+        title: props.title,
+        actions: disabled ? null : actions,
+        defaultOpen: props.isExpanded
+    }, children));
+});
+export { MultiValueItemContainer };
+
+//# sourceMappingURL=MultiValueItemContainer.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -1,9 +1,11 @@
-/// <reference types="react" />
-/// <reference types="web" />
-/// <reference types="react" />
-export declare const fieldsWrapperStyle: string;
 export declare const dynamicSectionTitleStyle: string;
 export declare const dynamicSectionGridStyle: string;
 export declare const fieldsGridStyle: string;
-export declare const ObjectItem: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
-export declare const ItemHighLight: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const ObjectItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ItemHighLight: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,52 +1,43 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.fieldsWrapperStyle = exports.fieldsGridStyle = exports.dynamicSectionTitleStyle = exports.dynamicSectionGridStyle = exports.ObjectItem = exports.ItemHighLight = void 0;
-
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-
-var _emotion = require("emotion");
-
-var fieldsWrapperStyle = /*#__PURE__*/(0, _emotion.css)("border-left:2px solid var(--mdc-theme-on-background);padding-left:16px;&:focus-within{border-color:var(--mdc-theme-primary);}label:fieldsWrapperStyle;");
-exports.fieldsWrapperStyle = fieldsWrapperStyle;
-var dynamicSectionTitleStyle = /*#__PURE__*/(0, _emotion.css)("margin-top:24px;label:dynamicSectionTitleStyle;");
-exports.dynamicSectionTitleStyle = dynamicSectionTitleStyle;
-var dynamicSectionGridStyle = /*#__PURE__*/(0, _emotion.css)("& > .mdc-layout-grid__inner{grid-gap:8px;}label:dynamicSectionGridStyle;");
-exports.dynamicSectionGridStyle = dynamicSectionGridStyle;
-var fieldsGridStyle = /*#__PURE__*/(0, _emotion.css)("&.mdc-layout-grid{padding:8px;}label:fieldsGridStyle;");
-exports.fieldsGridStyle = fieldsGridStyle;
-var ObjectItem = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "ObjectItem",
-  target: "efe1kdz0"
-})("position:relative;");
-exports.ObjectItem = ObjectItem;
-var ItemHighLight = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "efe1kdz1",
-  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
+import styled from "@emotion/styled";
+import { css } from "@emotion/css";
+const dynamicSectionTitleStyle = css`
+    margin-top: 24px;
+`;
+const dynamicSectionGridStyle = css`
+    & > .mdc-layout-grid__inner {
+        grid-gap: 8px;
+    }
+`;
+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
+        }
     }
-  }
 });
-exports.ItemHighLight = ItemHighLight;
+export { ItemHighLight, ObjectItem, dynamicSectionGridStyle, dynamicSectionTitleStyle, fieldsGridStyle };
+
+//# sourceMappingURL=StyledComponents.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["fieldsWrapperStyle","css","dynamicSectionTitleStyle","dynamicSectionGridStyle","fieldsGridStyle","ObjectItem","styled","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\";\n\nexport const fieldsWrapperStyle = css`\n    border-left: 2px solid var(--mdc-theme-on-background);\n    padding-left: 16px;\n\n    &:focus-within {\n        border-color: var(--mdc-theme-primary);\n    }\n`;\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":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,kBAAkB,oBAAGC,YAAH,2JAAxB;;AASA,IAAMC,wBAAwB,oBAAGD,YAAH,oDAA9B;;AAIA,IAAME,uBAAuB,oBAAGF,YAAH,6EAA7B;;AAMA,IAAMG,eAAe,oBAAGH,YAAH,0DAArB;;AAMA,IAAMI,UAAU,oBAAGC,eAAH;EAAA;EAAA;AAAA,wBAAhB;;AAIA,IAAMC,aAAa,oBAAGD,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACvC,KAAK;IACDE,OAAO,EAAE,CADR;IAEDC,SAAS,EAAE,gBAFV;IAGDC,MAAM,EAAE,sCAHP;IAIDC,SAAS,EAAE,qCAJV;IAKDC,eAAe,EAAE,0BALhB;IAMDC,YAAY,EAAE,KANb;IAODC,QAAQ,EAAE,UAPT;IAQDC,GAAG,EAAE,CARJ;IASDC,IAAI,EAAE,CAAC,EATN;IAUDC,KAAK,EAAE,CAAC,CAVP;IAWDC,MAAM,EAAE,CAXP;IAYDC,MAAM,EAAE,CAZP;IAaDC,aAAa,EAAE;EAbd,CADkC;EAgBvC,0BAA0B;IAAE,OAAO;MAAEZ,OAAO,EAAE;IAAX;EAAT;AAhBa,CAAjB,CAAnB"}
+{"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.d.ts

@@ -1,2 +1,23 @@
-declare const _default: import("../../../../types").CmsEditorFieldRendererPlugin[];
+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,15 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _singleObject = _interopRequireDefault(require("./singleObject"));
-
-var _multipleObjects = _interopRequireDefault(require("./multipleObjects"));
-
-var _default = [_singleObject.default, _multipleObjects.default];
-exports.default = _default;
+import singleObjectAccordion from "./singleObjectAccordion.js";
+import multipleObjectsAccordion from "./multipleObjectsAccordion.js";
+import { MultiValueItemContainer } from "./MultiValueItemContainer.js";
+const Components = {
+    MultiValueItemContainer: MultiValueItemContainer
+};
+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":["singleObject","multipleObjects"],"sources":["index.ts"],"sourcesContent":["import singleObject from \"./singleObject\";\nimport multipleObjects from \"./multipleObjects\";\n\nexport default [singleObject, multipleObjects];\n"],"mappings":";;;;;;;;;AAAA;;AACA;;eAEe,CAACA,qBAAD,EAAeC,wBAAf,C"}
+{"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.d.ts

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

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

@@ -1,146 +1,56 @@
-"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 _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 (e) {
-    e.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 (e) {
-    e.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);
+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;
     }
-  })) : 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;
-  return /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, null, /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
-    title: field.label,
-    description: field.helpText
-  }, /*#__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, Object.assign({
-      Bind: Bind
-    }, bind.index, {
-      contentModel: contentModel,
-      fields: (field.settings || {}).fields || [],
-      layout: (field.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 = {
-  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);
-    },
-    render: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(ObjectsRenderer, 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));
+        }
     }
-  }
 };
-var _default = plugin;
-exports.default = _default;
+const multipleObjectsAccordion = multipleObjectsAccordion_plugin;
+export default multipleObjectsAccordion;
+
+//# sourceMappingURL=multipleObjectsAccordion.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","Actions","setHighlightIndex","bind","index","field","moveValueDown","moveValueUp","onDown","useCallback","e","stopPropagation","map","generateAlphaNumericLowerCaseId","onUp","removeValue","ObjectsRenderer","props","useState","highlightMap","contentModel","label","helpText","dynamicSectionGridStyle","Bind","fieldsWrapperStyle","settings","fields","layout","fieldsGridStyle","plugin","type","name","renderer","rendererName","description","canUse","Boolean","multipleValues","render"],"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    CmsEditorFieldRendererPlugin,\n    CmsEditorFieldRendererProps\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\";\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: React.FC<ActionsProps> = ({ setHighlightIndex, bind, index }) => {\n    const { moveValueDown, moveValueUp } = bind.field;\n\n    const onDown = useCallback(\n        e => {\n            e.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        e => {\n            e.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: React.FC<CmsEditorFieldRendererProps> = props => {\n    const [highlightMap, setHighlightIndex] = useState<{ [key: number]: string }>({});\n    const { field, contentModel } = props;\n\n    return (\n        <RootAccordion>\n            <AccordionItem title={field.label} description={field.helpText}>\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                                        {...bind.index}\n                                        contentModel={contentModel}\n                                        fields={(field.settings || {}).fields || []}\n                                        layout={(field.settings || {}).layout || []}\n                                        gridClassName={fieldsGridStyle}\n                                    />\n                                </Cell>\n                            </Accordion>\n                        </ObjectItem>\n                    )}\n                </DynamicSection>\n            </AccordionItem>\n        </RootAccordion>\n    );\n};\n\nconst plugin: CmsEditorFieldRendererPlugin = {\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    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAMA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAOA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,oCAAR,CAAV;;AAWA,IAAMC,OAA+B,GAAG,SAAlCA,OAAkC,OAAwC;EAAA,IAArCC,iBAAqC,QAArCA,iBAAqC;EAAA,IAAlBC,IAAkB,QAAlBA,IAAkB;EAAA,IAAZC,KAAY,QAAZA,KAAY;EAC5E,kBAAuCD,IAAI,CAACE,KAA5C;EAAA,IAAQC,aAAR,eAAQA,aAAR;EAAA,IAAuBC,WAAvB,eAAuBA,WAAvB;EAEA,IAAMC,MAAM,GAAG,IAAAC,kBAAA,EACX,UAAAC,CAAC,EAAI;IACDA,CAAC,CAACC,eAAF;IACAL,aAAa,CAACF,KAAD,CAAb;IACAF,iBAAiB,CAAC,UAAAU,GAAG;MAAA,mEACdA,GADc,yCAEhBR,KAAK,GAAG,CAFQ,EAEJ,IAAAS,sCAAA,EAAgC,EAAhC,CAFI;IAAA,CAAJ,CAAjB;EAIH,CARU,EASX,CAACP,aAAD,EAAgBF,KAAhB,CATW,CAAf;EAYA,IAAMU,IAAI,GAAG,IAAAL,kBAAA,EACT,UAAAC,CAAC,EAAI;IACDA,CAAC,CAACC,eAAF;IACAJ,WAAW,CAACH,KAAD,CAAX;IACAF,iBAAiB,CAAC,UAAAU,GAAG;MAAA,mEACdA,GADc,yCAEhBR,KAAK,GAAG,CAFQ,EAEJ,IAAAS,sCAAA,EAAgC,EAAhC,CAFI;IAAA,CAAJ,CAAjB;EAIH,CARQ,EAST,CAACN,WAAD,EAAcH,KAAd,CATS,CAAb;EAYA,OAAOA,KAAK,GAAG,CAAR,gBACH,yEACI,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,+BAAD,OAAlB;IAAiC,OAAO,EAAEI;EAA1C,EADJ,eAEI,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,6BAAD,OAAlB;IAA+B,OAAO,EAAEM;EAAxC,EAFJ,eAGI,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,qBAAD,OAAlB;IAAkC,OAAO,EAAE;MAAA,OAAMX,IAAI,CAACE,KAAL,CAAWU,WAAX,CAAuBX,KAAvB,CAAN;IAAA;EAA3C,EAHJ,CADG,GAMH,IANJ;AAOH,CAlCD;;AAoCA,IAAMY,eAAsD,GAAG,SAAzDA,eAAyD,CAAAC,KAAK,EAAI;EACpE,gBAA0C,IAAAC,eAAA,EAAoC,EAApC,CAA1C;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBjB,iBAArB;;EACA,IAAQG,KAAR,GAAgCY,KAAhC,CAAQZ,KAAR;EAAA,IAAee,YAAf,GAAgCH,KAAhC,CAAeG,YAAf;EAEA,oBACI,6BAAC,oBAAD,qBACI,6BAAC,wBAAD;IAAe,KAAK,EAAEf,KAAK,CAACgB,KAA5B;IAAmC,WAAW,EAAEhB,KAAK,CAACiB;EAAtD,gBACI,6BAAC,uBAAD,oBACQL,KADR;IAEI,UAAU,EAAE,EAFhB;IAGI,SAAS,EAAE,KAHf;IAII,aAAa,EAAEM;EAJnB,IAMK;IAAA,IAAGC,IAAH,SAAGA,IAAH;IAAA,IAASrB,IAAT,SAASA,IAAT;IAAA,IAAeC,KAAf,SAAeA,KAAf;IAAA,oBACG,6BAAC,4BAAD,QACKe,YAAY,CAACf,KAAD,CAAZ,gBACG,6BAAC,+BAAD;MAAe,GAAG,EAAEe,YAAY,CAACf,KAAD;IAAhC,EADH,GAEG,IAHR,eAII,6BAAC,mBAAD;MACI,KAAK,YAAKa,KAAK,CAACZ,KAAN,CAAYgB,KAAjB,eAA2BjB,KAAK,GAAG,CAAnC,CADT;MAEI,MAAM,eACF,6BAAC,OAAD;QACI,iBAAiB,EAAEF,iBADvB;QAEI,KAAK,EAAEE,KAFX;QAGI,IAAI,EAAED;MAHV,EAHR,CASI;MATJ;MAUI,YAAY,EAAEC,KAAK,KAAK;IAV5B,gBAYI,6BAAC,UAAD;MAAM,IAAI,EAAE,EAAZ;MAAgB,SAAS,EAAEqB;IAA3B,gBACI,6BAAC,cAAD;MACI,IAAI,EAAED;IADV,GAEQrB,IAAI,CAACC,KAFb;MAGI,YAAY,EAAEgB,YAHlB;MAII,MAAM,EAAE,CAACf,KAAK,CAACqB,QAAN,IAAkB,EAAnB,EAAuBC,MAAvB,IAAiC,EAJ7C;MAKI,MAAM,EAAE,CAACtB,KAAK,CAACqB,QAAN,IAAkB,EAAnB,EAAuBE,MAAvB,IAAiC,EAL7C;MAMI,aAAa,EAAEC;IANnB,GADJ,CAZJ,CAJJ,CADH;EAAA,CANL,CADJ,CADJ,CADJ;AA2CH,CA/CD;;AAiDA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,6CAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,mBADR;IAENF,IAAI,EAAElC,CAAF,4FAFE;IAGNqC,WAAW,EAAErC,CAAF,wHAHL;IAINsC,MAJM,yBAIY;MAAA,IAAT/B,KAAS,SAATA,KAAS;MACd,OAAOA,KAAK,CAAC0B,IAAN,KAAe,QAAf,IAA2BM,OAAO,CAAChC,KAAK,CAACiC,cAAP,CAAzC;IACH,CANK;IAONC,MAPM,kBAOCtB,KAPD,EAOQ;MACV,oBAAO,6BAAC,eAAD,EAAqBA,KAArB,CAAP;IACH;EATK;AAH+B,CAA7C;eAgBea,M"}
+{"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.d.ts

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