@webiny/app-headless-cms 5.43.3 → 6.0.0-alpha.1

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_classnames","_interopRequireDefault","_Typography","_EMOTION_STRINGIFIED_CSS_ERROR__","classes","accordionWrapper","css","position","width","borderBottom","accordionHeader","color","cursor","padding","minHeight","display","alignItems","justifyContent","span","marginLeft","fill","height","top","left","content","borderTop","borderLeft","transform","AccordionItem","_base","default","process","env","NODE_ENV","target","label","_ref","animate","_ref2","AccordionContent","name","styles","map","toString","Accordion","_ref3","title","children","action","icon","isExpanded","toggleExpanded","userInteractionRef","useRef","useEffect","current","createElement","className","classNames","open","onClick","Typography","use","tag","expanded","MemoizedAccordion","React","memo","_default","exports"],"sources":["Accordion.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useRef } from \"react\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport classNames from \"classnames\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst classes = {\n    accordionWrapper: css({\n        /**\n         * We're using position: \"relative\" here for \"Popping Out of Hidden Overflow\" https://css-tricks.com/popping-hidden-overflow/\n         * so that, we can use absolute positioned element inside without \"overflow: hidden\" being a problem\n         */\n        position: \"relative\",\n        width: \"100%\",\n        borderBottom: `1px solid var(--mdc-theme-on-secondary)`\n    }),\n    accordionHeader: css({\n        position: \"relative\",\n        color: \"var(--mdc-theme-text-secondary-on-background)\",\n        cursor: \"pointer\",\n        padding: \"0px\",\n        minHeight: 48, // To have same height as the remove value action button.\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n\n        \"& .accordion-header--left\": {\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"space-between\",\n            \"& .accordion-title\": {\n                span: {\n                    marginLeft: 16\n                }\n            }\n        },\n        \"& .accordion-header--right\": {\n            display: \"flex\",\n            \"& .icon-container\": {\n                display: \"flex\",\n                alignItems: \"center\",\n\n                \"& span\": {\n                    display: \"flex\"\n                },\n                \"& svg\": {\n                    fill: \"currentColor\",\n                    width: 14,\n                    height: 14\n                }\n            }\n        },\n\n        \"&::before\": {\n            position: \"absolute\",\n            top: \"calc(50% - 5px)\",\n            left: 0,\n            content: '\"\"',\n            width: 0,\n            height: 0,\n\n            // Arrow right.\n            borderTop: \"5px solid transparent\",\n            borderBottom: \"5px solid transparent\",\n            borderLeft: \"5px solid currentColor\"\n        },\n\n        \"&.open\": {\n            \"&::before\": {\n                transform: \"translateY(3px) rotate(90deg)\"\n            }\n        }\n    })\n};\n\nconst AccordionItem = styled.div<{ animate: boolean }>`\n    @keyframes show-overflow {\n        to {\n            overflow: visible;\n        }\n    }\n    overflow: hidden;\n    transition: ${({ animate }) =>\n        animate ? \"max-height 0.35s cubic-bezier(0, 1, 0, 1)\" : \"none !important\"};\n    height: auto;\n    max-height: 0;\n\n    &.expanded {\n        max-height: 9999px;\n        transition: ${({ animate }) =>\n            animate ? \"max-height 0.3s cubic-bezier(1, 0, 1, 0)\" : \"none !important\"};\n        animation-fill-mode: forwards;\n        animation-name: show-overflow;\n        animation-duration: 20ms;\n        animation-delay: 0.3s;\n    }\n`;\n\nconst AccordionContent = styled.div`\n    padding-bottom: 10;\n`;\n\ninterface AccordionProps {\n    title: string;\n    isExpanded: boolean;\n    toggleExpanded: () => void;\n    action?: ReactElement | null;\n    icon?: ReactElement;\n    children: React.ReactNode;\n}\n\nconst Accordion = ({\n    title,\n    children,\n    action,\n    icon,\n    isExpanded,\n    toggleExpanded\n}: AccordionProps) => {\n    const userInteractionRef = useRef(false);\n\n    useEffect(() => {\n        if (userInteractionRef.current) {\n            userInteractionRef.current = false;\n        }\n    }, [isExpanded]);\n\n    return (\n        <div className={classes.accordionWrapper}>\n            <div\n                className={classNames(classes.accordionHeader, {\n                    open: isExpanded\n                })}\n                onClick={() => {\n                    userInteractionRef.current = true;\n                    toggleExpanded();\n                }}\n            >\n                <div className=\"accordion-header--left\">\n                    <div className={\"accordion-title\"}>\n                        <Typography use={\"subtitle1\"} tag={\"span\"}>\n                            {title}\n                        </Typography>\n                    </div>\n                </div>\n                <div className=\"accordion-header--right\">\n                    {action && <div className={\"action-container\"}>{action}</div>}\n                    <div className={\"icon-container\"}>{icon}</div>\n                </div>\n            </div>\n            <AccordionItem\n                animate={userInteractionRef.current === true}\n                className={classNames({\n                    expanded: isExpanded\n                })}\n            >\n                <AccordionContent>{children}</AccordionContent>\n            </AccordionItem>\n        </div>\n    );\n};\nconst MemoizedAccordion: React.ComponentType<AccordionProps> = React.memo(Accordion);\nexport default MemoizedAccordion;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useRef","css","classNames","Text","classes","accordionWrapper","position","width","borderBottom","process","env","NODE_ENV","accordionHeader","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","AccordionItem","_styled","target","label","animate","AccordionContent","Accordion","title","children","action","icon","isExpanded","toggleExpanded","userInteractionRef","current","createElement","className","open","onClick","size","as","expanded","MemoizedAccordion","memo"],"sources":["Accordion.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport React, { useEffect, useRef } from \"react\";\nimport { css } from \"@emotion/css\";\nimport styled from \"@emotion/styled\";\nimport classNames from \"classnames\";\nimport { Text } from \"@webiny/admin-ui\";\n\nconst classes = {\n    accordionWrapper: css({\n        /**\n         * We're using position: \"relative\" here for \"Popping Out of Hidden Overflow\" https://css-tricks.com/popping-hidden-overflow/\n         * so that, we can use absolute positioned element inside without \"overflow: hidden\" being a problem\n         */\n        position: \"relative\",\n        width: \"100%\",\n        borderBottom: `1px solid var(--mdc-theme-on-secondary)`\n    }),\n    accordionHeader: css({\n        position: \"relative\",\n        color: \"var(--mdc-theme-text-secondary-on-background)\",\n        cursor: \"pointer\",\n        padding: \"0px\",\n        minHeight: 32, // To have same height as the remove value action button.\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n\n        \"& .accordion-header--left\": {\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"space-between\",\n            \"& .accordion-title\": {\n                span: {\n                    marginLeft: 24\n                }\n            }\n        },\n        \"& .accordion-header--right\": {\n            display: \"flex\",\n            \"& .icon-container\": {\n                display: \"flex\",\n                alignItems: \"center\",\n\n                \"& span\": {\n                    display: \"flex\"\n                },\n                \"& svg\": {\n                    fill: \"currentColor\",\n                    width: 14,\n                    height: 14\n                }\n            }\n        },\n\n        \"&::before\": {\n            position: \"absolute\",\n            top: \"calc(50% - 5px)\",\n            left: \"5px\",\n            content: '\"\"',\n            width: 0,\n            height: 0,\n\n            // Arrow right.\n            borderTop: \"5px solid transparent\",\n            borderBottom: \"5px solid transparent\",\n            borderLeft: \"5px solid currentColor\"\n        },\n\n        \"&.open\": {\n            \"&::before\": {\n                transform: \"translateY(3px) rotate(90deg)\"\n            }\n        }\n    })\n};\n\nconst AccordionItem = styled.div<{ animate: boolean }>`\n    @keyframes show-overflow {\n        to {\n            overflow: visible;\n        }\n    }\n    overflow: hidden;\n    transition: ${({ animate }) =>\n        animate ? \"max-height 0.35s cubic-bezier(0, 1, 0, 1)\" : \"none !important\"};\n    height: auto;\n    max-height: 0;\n\n    &.expanded {\n        max-height: 9999px;\n        transition: ${({ animate }) =>\n            animate ? \"max-height 0.3s cubic-bezier(1, 0, 1, 0)\" : \"none !important\"};\n        animation-fill-mode: forwards;\n        animation-name: show-overflow;\n        animation-duration: 20ms;\n        animation-delay: 0.3s;\n    }\n`;\n\nconst AccordionContent = styled.div`\n    padding-bottom: 10;\n`;\n\ninterface AccordionProps {\n    title: string;\n    isExpanded: boolean;\n    toggleExpanded: () => void;\n    action?: ReactElement | null;\n    icon?: ReactElement;\n    children: React.ReactNode;\n}\n\nconst Accordion = ({\n    title,\n    children,\n    action,\n    icon,\n    isExpanded,\n    toggleExpanded\n}: AccordionProps) => {\n    const userInteractionRef = useRef(false);\n\n    useEffect(() => {\n        if (userInteractionRef.current) {\n            userInteractionRef.current = false;\n        }\n    }, [isExpanded]);\n\n    return (\n        <div className={classes.accordionWrapper}>\n            <div\n                className={classNames(classes.accordionHeader, {\n                    open: isExpanded\n                })}\n                onClick={() => {\n                    userInteractionRef.current = true;\n                    toggleExpanded();\n                }}\n            >\n                <div className=\"accordion-header--left\">\n                    <div className={\"accordion-title\"}>\n                        <Text size={\"md\"} as={\"span\"} className={\"webiny_accordion-title-text\"}>\n                            {title}\n                        </Text>\n                    </div>\n                </div>\n                <div className=\"accordion-header--right\">\n                    {action && <div className={\"action-container\"}>{action}</div>}\n                    <div className={\"icon-container\"}>{icon}</div>\n                </div>\n            </div>\n            <AccordionItem\n                animate={userInteractionRef.current === true}\n                className={classNames({\n                    expanded: isExpanded\n                })}\n            >\n                <AccordionContent>{children}</AccordionContent>\n            </AccordionItem>\n        </div>\n    );\n};\nconst MemoizedAccordion: React.ComponentType<AccordionProps> = React.memo(Accordion);\nexport default MemoizedAccordion;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsModelField, CmsModelFieldRendererSettingsProps } from "@webiny/app-headless-cms-common/types";
+import type { CmsModelField, CmsModelFieldRendererSettingsProps } from "@webiny/app-headless-cms-common/types";
 export interface IAccordionRenderSettings {
     open: boolean;
 }

package/admin/plugins/fieldRenderers/AccordionRenderSettings.js

@@ -1,34 +1,27 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getAccordionRenderSettings = exports.AccordionRenderSettings = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _form = require("@webiny/form");
-var _Grid = require("@webiny/ui/Grid");
-var _Switch = require("@webiny/ui/Switch");
-var DEFAULT_ACCORDION_RENDER_SETTINGS = {
+import React from "react";
+import { Bind } from "@webiny/form";
+import { Grid, Switch } from "@webiny/admin-ui";
+const DEFAULT_ACCORDION_RENDER_SETTINGS = {
   open: false
 };
-var getAccordionRenderSettings = exports.getAccordionRenderSettings = function getAccordionRenderSettings(field) {
+export const getAccordionRenderSettings = field => {
   if (typeof field.renderer === "function") {
     return DEFAULT_ACCORDION_RENDER_SETTINGS;
   }
   return field.renderer.settings ?? {};
 };
-var AccordionRenderSettings = exports.AccordionRenderSettings = function AccordionRenderSettings(_ref) {
-  var field = _ref.field;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+export const AccordionRenderSettings = ({
+  field
+}) => {
+  return /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
-  }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+  }, /*#__PURE__*/React.createElement(Bind, {
     name: "renderer.settings.open",
     defaultValue: false
-  }, /*#__PURE__*/_react.default.createElement(_Switch.Switch, {
+  }, /*#__PURE__*/React.createElement(Switch, {
     label: "Expand Accordion",
-    description: "Enable if \"".concat(field.label, "\" is to be expanded by default.")
-  }))));
+    description: `Enable if "${field.label}" is to be expanded by default.`
+  })));
 };
 
 //# sourceMappingURL=AccordionRenderSettings.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_form","_Grid","_Switch","DEFAULT_ACCORDION_RENDER_SETTINGS","open","getAccordionRenderSettings","exports","field","renderer","settings","AccordionRenderSettings","_ref","default","createElement","Fragment","Cell","span","Bind","name","defaultValue","Switch","label","description","concat"],"sources":["AccordionRenderSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Bind } from \"@webiny/form\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { Switch } from \"@webiny/ui/Switch\";\nimport {\n    CmsModelField,\n    CmsModelFieldRendererSettingsProps\n} from \"@webiny/app-headless-cms-common/types\";\n\nexport interface IAccordionRenderSettings {\n    open: boolean;\n}\n\nconst DEFAULT_ACCORDION_RENDER_SETTINGS: IAccordionRenderSettings = {\n    open: false\n};\n\nexport const getAccordionRenderSettings = (field: CmsModelField) => {\n    if (typeof field.renderer === \"function\") {\n        return DEFAULT_ACCORDION_RENDER_SETTINGS;\n    }\n\n    return (field.renderer.settings ?? {}) as IAccordionRenderSettings;\n};\n\nexport const AccordionRenderSettings = ({ field }: CmsModelFieldRendererSettingsProps) => {\n    return (\n        <>\n            <Cell span={12}>\n                <Bind name={\"renderer.settings.open\"} defaultValue={false}>\n                    <Switch\n                        label={\"Expand Accordion\"}\n                        description={`Enable if \"${field.label}\" is to be expanded by default.`}\n                    />\n                </Bind>\n            </Cell>\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAUA,IAAMI,iCAA2D,GAAG;EAChEC,IAAI,EAAE;AACV,CAAC;AAEM,IAAMC,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,SAA7BA,0BAA0BA,CAAIE,KAAoB,EAAK;EAChE,IAAI,OAAOA,KAAK,CAACC,QAAQ,KAAK,UAAU,EAAE;IACtC,OAAOL,iCAAiC;EAC5C;EAEA,OAAQI,KAAK,CAACC,QAAQ,CAACC,QAAQ,IAAI,CAAC,CAAC;AACzC,CAAC;AAEM,IAAMC,uBAAuB,GAAAJ,OAAA,CAAAI,uBAAA,GAAG,SAA1BA,uBAAuBA,CAAAC,IAAA,EAAsD;EAAA,IAAhDJ,KAAK,GAAAI,IAAA,CAALJ,KAAK;EAC3C,oBACIV,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAAAhB,MAAA,CAAAe,OAAA,CAAAE,QAAA,qBACIjB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,KAAA,CAAAc,IAAI;IAACC,IAAI,EAAE;EAAG,gBACXnB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,KAAA,CAAAiB,IAAI;IAACC,IAAI,EAAE,wBAAyB;IAACC,YAAY,EAAE;EAAM,gBACtDtB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,OAAA,CAAAkB,MAAM;IACHC,KAAK,EAAE,kBAAmB;IAC1BC,WAAW,iBAAAC,MAAA,CAAgBhB,KAAK,CAACc,KAAK;EAAkC,CAC3E,CACC,CACJ,CACR,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Bind","Grid","Switch","DEFAULT_ACCORDION_RENDER_SETTINGS","open","getAccordionRenderSettings","field","renderer","settings","AccordionRenderSettings","createElement","Column","span","name","defaultValue","label","description"],"sources":["AccordionRenderSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Bind } from \"@webiny/form\";\nimport { Grid, Switch } from \"@webiny/admin-ui\";\nimport type {\n    CmsModelField,\n    CmsModelFieldRendererSettingsProps\n} from \"@webiny/app-headless-cms-common/types\";\n\nexport interface IAccordionRenderSettings {\n    open: boolean;\n}\n\nconst DEFAULT_ACCORDION_RENDER_SETTINGS: IAccordionRenderSettings = {\n    open: false\n};\n\nexport const getAccordionRenderSettings = (field: CmsModelField) => {\n    if (typeof field.renderer === \"function\") {\n        return DEFAULT_ACCORDION_RENDER_SETTINGS;\n    }\n\n    return (field.renderer.settings ?? {}) as IAccordionRenderSettings;\n};\n\nexport const AccordionRenderSettings = ({ field }: CmsModelFieldRendererSettingsProps) => {\n    return (\n        <Grid.Column span={12}>\n            <Bind name={\"renderer.settings.open\"} defaultValue={false}>\n                <Switch\n                    label={\"Expand Accordion\"}\n                    description={`Enable if \"${field.label}\" is to be expanded by default.`}\n                />\n            </Bind>\n        </Grid.Column>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,EAAEC,MAAM,QAAQ,kBAAkB;AAU/C,MAAMC,iCAA2D,GAAG;EAChEC,IAAI,EAAE;AACV,CAAC;AAED,OAAO,MAAMC,0BAA0B,GAAIC,KAAoB,IAAK;EAChE,IAAI,OAAOA,KAAK,CAACC,QAAQ,KAAK,UAAU,EAAE;IACtC,OAAOJ,iCAAiC;EAC5C;EAEA,OAAQG,KAAK,CAACC,QAAQ,CAACC,QAAQ,IAAI,CAAC,CAAC;AACzC,CAAC;AAED,OAAO,MAAMC,uBAAuB,GAAGA,CAAC;EAAEH;AAA0C,CAAC,KAAK;EACtF,oBACIP,KAAA,CAAAW,aAAA,CAACT,IAAI,CAACU,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBb,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACa,IAAI,EAAE,wBAAyB;IAACC,YAAY,EAAE;EAAM,gBACtDf,KAAA,CAAAW,aAAA,CAACR,MAAM;IACHa,KAAK,EAAE,kBAAmB;IAC1BC,WAAW,EAAE,cAAcV,KAAK,CAACS,KAAK;EAAkC,CAC3E,CACC,CACG,CAAC;AAEtB,CAAC","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import React from "react";
-import { GetBindCallable } from "../../components/ContentEntryForm/useBind";
-import { BindComponent, BindComponentRenderProp, CmsModelField } from "../../../types";
+import type { GetBindCallable } from "../../components/ContentEntryForm/useBind";
+import type { BindComponent, BindComponentRenderProp, CmsModelField } from "../../../types";
 export interface DynamicSectionPropsChildrenParams {
     Bind: BindComponent;
     field: CmsModelField;

package/admin/plugins/fieldRenderers/DynamicSection.js

@@ -1,126 +1,99 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _emotion = require("emotion");
-var _i18n = require("@webiny/app/i18n");
-var _Grid = require("@webiny/ui/Grid");
-var _Typography = require("@webiny/ui/Typography");
-var _Button = require("@webiny/ui/Button");
-var _FormElementMessage = require("@webiny/ui/FormElementMessage");
-var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
-var _hooks = require("../../hooks");
-var _ModelFieldProvider = require("../../components/ModelFieldProvider");
-var _MultiValueRendererSettings = require("./MultiValueRendererSettings");
-var _excluded = ["field", "getBind", "children", "showLabel", "emptyValue", "onAddItem", "gridClassName"];
-var _templateObject;
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
-var style = {
-  gridContainer: (0, _emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n        padding: 0 !important;\n    "])))
+import React from "react";
+import classSet from "classnames";
+import { css } from "@emotion/css";
+import { i18n } from "@webiny/app/i18n";
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import { ParentFieldProvider } from "../../hooks";
+import { ParentValueIndexProvider } from "../../components/ModelFieldProvider";
+import { getMultiValueRendererSettings } from "./MultiValueRendererSettings";
+import { Button, cn, FormComponentDescription, FormComponentErrorMessage, Grid, Heading } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/fields/text");
+const style = {
+  gridContainer: /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+    name: "ivydhp",
+    styles: "padding:0!important"
+  } : {
+    name: "56q6jo-gridContainer",
+    styles: "padding:0!important;label:gridContainer;",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkR5bmFtaWNTZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQnNCIiwiZmlsZSI6IkR5bmFtaWNTZWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjbGFzc1NldCBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHsgaTE4biB9IGZyb20gXCJAd2ViaW55L2FwcC9pMThuXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBBZGRJY29uIH0gZnJvbSBcIkB3ZWJpbnkvaWNvbnMvYWRkLnN2Z1wiO1xuaW1wb3J0IHR5cGUgeyBHZXRCaW5kQ2FsbGFibGUgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRFbnRyeUZvcm0vdXNlQmluZFwiO1xuaW1wb3J0IHsgUGFyZW50RmllbGRQcm92aWRlciB9IGZyb20gXCJ+L2FkbWluL2hvb2tzXCI7XG5pbXBvcnQgeyBQYXJlbnRWYWx1ZUluZGV4UHJvdmlkZXIgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL01vZGVsRmllbGRQcm92aWRlclwiO1xuaW1wb3J0IHR5cGUgeyBCaW5kQ29tcG9uZW50LCBCaW5kQ29tcG9uZW50UmVuZGVyUHJvcCwgQ21zTW9kZWxGaWVsZCB9IGZyb20gXCJ+L3R5cGVzXCI7XG5pbXBvcnQgeyBnZXRNdWx0aVZhbHVlUmVuZGVyZXJTZXR0aW5ncyB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvTXVsdGlWYWx1ZVJlbmRlcmVyU2V0dGluZ3NcIjtcbmltcG9ydCB7XG4gICAgQnV0dG9uLFxuICAgIGNuLFxuICAgIEZvcm1Db21wb25lbnREZXNjcmlwdGlvbixcbiAgICBGb3JtQ29tcG9uZW50RXJyb3JNZXNzYWdlLFxuICAgIEdyaWQsXG4gICAgSGVhZGluZ1xufSBmcm9tIFwiQHdlYmlueS9hZG1pbi11aVwiO1xuXG5jb25zdCB0ID0gaTE4bi5ucyhcImFwcC1oZWFkbGVzcy1jbXMvYWRtaW4vZmllbGRzL3RleHRcIik7XG5cbmNvbnN0IHN0eWxlID0ge1xuICAgIGdyaWRDb250YWluZXI6IGNzc2BcbiAgICAgICAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xuICAgIGBcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgRHluYW1pY1NlY3Rpb25Qcm9wc0NoaWxkcmVuUGFyYW1zIHtcbiAgICBCaW5kOiBCaW5kQ29tcG9uZW50O1xuICAgIGZpZWxkOiBDbXNNb2RlbEZpZWxkO1xuICAgIGJpbmQ6IHtcbiAgICAgICAgaW5kZXg6IEJpbmRDb21wb25lbnRSZW5kZXJQcm9wO1xuICAgICAgICBmaWVsZDogQmluZENvbXBvbmVudFJlbmRlclByb3A7XG4gICAgfTtcbiAgICBpbmRleDogbnVtYmVyO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIER5bmFtaWNTZWN0aW9uUHJvcHMge1xuICAgIGZpZWxkOiBDbXNNb2RlbEZpZWxkO1xuICAgIGdldEJpbmQ6IEdldEJpbmRDYWxsYWJsZTtcbiAgICBzaG93TGFiZWw/OiBib29sZWFuO1xuICAgIGNoaWxkcmVuOiAocGFyYW1zOiBEeW5hbWljU2VjdGlvblByb3BzQ2hpbGRyZW5QYXJhbXMpID0+IEpTWC5FbGVtZW50O1xuICAgIGVtcHR5VmFsdWU/OiBhbnk7XG4gICAgZ3JpZENsYXNzTmFtZT86IHN0cmluZztcbiAgICBvbkFkZEl0ZW0/OiAoaW5kZXg6IG51bWJlcikgPT4gdm9pZDtcbiAgICBhZGRWYWx1ZUJ1dHRvbkxhYmVsPzogc3RyaW5nO1xufVxuXG5jb25zdCBkZWZhdWx0QWRkSXRlbSA9ICgpID0+IHtcbiAgICAvLyBObyBvcC5cbn07XG5cbmNvbnN0IER5bmFtaWNTZWN0aW9uID0gKHtcbiAgICBmaWVsZCxcbiAgICBnZXRCaW5kLFxuICAgIGNoaWxkcmVuLFxuICAgIHNob3dMYWJlbCA9IHRydWUsXG4gICAgZW1wdHlWYWx1ZSA9IFwiXCIsXG4gICAgb25BZGRJdGVtID0gZGVmYXVsdEFkZEl0ZW0sXG4gICAgZ3JpZENsYXNzTmFtZSxcbiAgICAuLi5wcm9wc1xufTogRHluYW1pY1NlY3Rpb25Qcm9wcykgPT4ge1xuICAgIGNvbnN0IEJpbmQgPSBnZXRCaW5kKCk7XG5cbiAgICBjb25zdCBzZXR0aW5ncyA9IGdldE11bHRpVmFsdWVSZW5kZXJlclNldHRpbmdzKGZpZWxkKTtcbiAgICBjb25zdCBhZGRWYWx1ZUJ1dHRvbkxhYmVsID1cbiAgICAgICAgcHJvcHMuYWRkVmFsdWVCdXR0b25MYWJlbCA/PyBzZXR0aW5ncy5hZGRWYWx1ZUJ1dHRvbkxhYmVsID8/IFwiQWRkIFZhbHVlXCI7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICAvKiBGaXJzdCB3ZSBtb3VudCB0aGUgdG9wIGxldmVsIGZpZWxkLCBmb3IgZXhhbXBsZTogXCJpdGVtc1wiICovXG4gICAgICAgIDxCaW5kPlxuICAgICAgICAgICAge2JpbmRGaWVsZCA9PiB7XG4gICAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICAgICogXCJ2YWx1ZVwiIC0+IGFuIGFycmF5IG9mIGl0ZW1zXG4gICAgICAgICAgICAgICAgICogXCJhcHBlbmRWYWx1ZVwiIC0+IGEgY2FsbGJhY2sgdG8gYWRkIGEgbmV3IHZhbHVlIHRvIHRoZSB0b3AgbGV2ZWwgXCJpdGVtc1wiIGFycmF5XG4gICAgICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgICAgY29uc3QgeyB2YWx1ZSwgYXBwZW5kVmFsdWUgfSA9IGJpbmRGaWVsZDtcblxuICAgICAgICAgICAgICAgIGNvbnN0IGJpbmRGaWVsZFZhbHVlOiBzdHJpbmdbXSA9IHZhbHVlIHx8IFtdO1xuXG4gICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgPEJpbmQuVmFsaWRhdGlvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxQYXJlbnRGaWVsZFByb3ZpZGVyIHZhbHVlPXt2YWx1ZX0gcGF0aD17QmluZC5wYXJlbnROYW1lfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7c2hvd0xhYmVsID8gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFwid2J5LXBiLW1kIHdieS1tYi1tZCB3YnktYm9yZGVyLWItc20gd2J5LWJvcmRlci1uZXV0cmFsLWRpbW1lZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxIZWFkaW5nIGxldmVsPXs2fSBjbGFzc05hbWU9e1wid2ViaW55X2dyb3VwLWxhYmVsLXRleHRcIn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2Ake2ZpZWxkLmxhYmVsfSAke1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiaW5kRmllbGRWYWx1ZS5sZW5ndGhcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gYCgke2JpbmRGaWVsZFZhbHVlLmxlbmd0aH0pYFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgOiBcIlwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0hlYWRpbmc+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7ZmllbGQuaGVscFRleHQgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGb3JtQ29tcG9uZW50RGVzY3JpcHRpb24gdGV4dD17ZmllbGQuaGVscFRleHR9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8R3JpZCBjbGFzc05hbWU9e2NsYXNzU2V0KGdyaWRDbGFzc05hbWUsIHN0eWxlLmdyaWRDb250YWluZXIpfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtiaW5kRmllbGRWYWx1ZS5tYXAoKF8sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgQmluZEZpZWxkID0gZ2V0QmluZChpbmRleCk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEdyaWQuQ29sdW1uIHNwYW49ezEyfSBrZXk9e2luZGV4fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCaW5kRmllbGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2JpbmRQcm9wcyA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCaW5kRmllbGQuVmFsaWRhdGlvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxQYXJlbnRWYWx1ZUluZGV4UHJvdmlkZXIgaW5kZXg9e2luZGV4fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Y2hpbGRyZW4oe1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBCaW5kOiBCaW5kRmllbGQsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpZWxkLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiaW5kOiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleDogYmluZFByb3BzLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmllbGQ6IGJpbmRGaWVsZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9QYXJlbnRWYWx1ZUluZGV4UHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQmluZEZpZWxkLlZhbGlkYXRpb25Db250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQmluZEZpZWxkPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0dyaWQuQ29sdW1uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7YmluZEZpZWxkLnZhbGlkYXRpb24uaXNWYWxpZCA9PT0gZmFsc2UgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxHcmlkLkNvbHVtbiBzcGFuPXsxMn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGb3JtQ29tcG9uZW50RXJyb3JNZXNzYWdlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbnZhbGlkXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0PXtiaW5kRmllbGQudmFsaWRhdGlvbi5tZXNzYWdlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvR3JpZC5Db2x1bW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEdyaWQuQ29sdW1uIHNwYW49ezEyfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiaW5kRmllbGRWYWx1ZS5sZW5ndGggPiAwID8gXCJ3YnktcHQtbm9uZVwiIDogXCJ3YnktcHQtc21cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YXJpYW50PXtcInRlcnRpYXJ5XCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGljb249ezxBZGRJY29uIC8+fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0PXt0KGFkZFZhbHVlQnV0dG9uTGFiZWwpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhcHBlbmRWYWx1ZShlbXB0eVZhbHVlKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQWRkSXRlbShiaW5kRmllbGRWYWx1ZS5sZW5ndGgpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9HcmlkLkNvbHVtbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1BhcmVudEZpZWxkUHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgIDwvQmluZC5WYWxpZGF0aW9uQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9fVxuICAgICAgICA8L0JpbmQ+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IER5bmFtaWNTZWN0aW9uO1xuIl19 */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  })
 };
-var FieldLabel = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1i6yu8a1"
-} : {
-  target: "e1i6yu8a1",
-  label: "FieldLabel"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1ua069u",
-  styles: "font-size:24px;font-weight:normal;border-bottom:1px solid var(--mdc-theme-background);margin-bottom:20px;padding-bottom:5px"
-} : {
-  name: "1ua069u",
-  styles: "font-size:24px;font-weight:normal;border-bottom:1px solid var(--mdc-theme-background);margin-bottom:20px;padding-bottom:5px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkR5bmFtaWNTZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QzZCIiwiZmlsZSI6IkR5bmFtaWNTZWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjbGFzc1NldCBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgaTE4biB9IGZyb20gXCJAd2ViaW55L2FwcC9pMThuXCI7XG5pbXBvcnQgeyBDZWxsLCBHcmlkIH0gZnJvbSBcIkB3ZWJpbnkvdWkvR3JpZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IEJ1dHRvbkRlZmF1bHQsIEJ1dHRvbkljb24gfSBmcm9tIFwiQHdlYmlueS91aS9CdXR0b25cIjtcbmltcG9ydCB7IEZvcm1FbGVtZW50TWVzc2FnZSB9IGZyb20gXCJAd2ViaW55L3VpL0Zvcm1FbGVtZW50TWVzc2FnZVwiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgQWRkSWNvbiB9IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pbi9hc3NldHMvaWNvbnMvYWRkLTE4cHguc3ZnXCI7XG5pbXBvcnQgeyBHZXRCaW5kQ2FsbGFibGUgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRFbnRyeUZvcm0vdXNlQmluZFwiO1xuaW1wb3J0IHsgUGFyZW50RmllbGRQcm92aWRlciB9IGZyb20gXCJ+L2FkbWluL2hvb2tzXCI7XG5pbXBvcnQgeyBQYXJlbnRWYWx1ZUluZGV4UHJvdmlkZXIgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL01vZGVsRmllbGRQcm92aWRlclwiO1xuaW1wb3J0IHsgQmluZENvbXBvbmVudCwgQmluZENvbXBvbmVudFJlbmRlclByb3AsIENtc01vZGVsRmllbGQgfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgZ2V0TXVsdGlWYWx1ZVJlbmRlcmVyU2V0dGluZ3MgfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL011bHRpVmFsdWVSZW5kZXJlclNldHRpbmdzXCI7XG5cbmNvbnN0IHQgPSBpMThuLm5zKFwiYXBwLWhlYWRsZXNzLWNtcy9hZG1pbi9maWVsZHMvdGV4dFwiKTtcblxuY29uc3Qgc3R5bGUgPSB7XG4gICAgZ3JpZENvbnRhaW5lcjogY3NzYFxuICAgICAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gICAgYFxufTtcblxuZXhwb3J0IGludGVyZmFjZSBEeW5hbWljU2VjdGlvblByb3BzQ2hpbGRyZW5QYXJhbXMge1xuICAgIEJpbmQ6IEJpbmRDb21wb25lbnQ7XG4gICAgZmllbGQ6IENtc01vZGVsRmllbGQ7XG4gICAgYmluZDoge1xuICAgICAgICBpbmRleDogQmluZENvbXBvbmVudFJlbmRlclByb3A7XG4gICAgICAgIGZpZWxkOiBCaW5kQ29tcG9uZW50UmVuZGVyUHJvcDtcbiAgICB9O1xuICAgIGluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRHluYW1pY1NlY3Rpb25Qcm9wcyB7XG4gICAgZmllbGQ6IENtc01vZGVsRmllbGQ7XG4gICAgZ2V0QmluZDogR2V0QmluZENhbGxhYmxlO1xuICAgIHNob3dMYWJlbD86IGJvb2xlYW47XG4gICAgY2hpbGRyZW46IChwYXJhbXM6IER5bmFtaWNTZWN0aW9uUHJvcHNDaGlsZHJlblBhcmFtcykgPT4gSlNYLkVsZW1lbnQ7XG4gICAgZW1wdHlWYWx1ZT86IGFueTtcbiAgICBncmlkQ2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIG9uQWRkSXRlbT86IChpbmRleDogbnVtYmVyKSA9PiB2b2lkO1xuICAgIGFkZFZhbHVlQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG59XG5cbmNvbnN0IEZpZWxkTGFiZWwgPSBzdHlsZWQuZGl2YFxuICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZCk7XG4gICAgbWFyZ2luLWJvdHRvbTogMjBweDtcbiAgICBwYWRkaW5nLWJvdHRvbTogNXB4O1xuYDtcblxuY29uc3QgQWRkQnV0dG9uQ2VsbCA9IHN0eWxlZChDZWxsKTx7IGl0ZW1zOiBudW1iZXIgfT5gXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZy10b3A6ICR7KHsgaXRlbXMgfSkgPT4gKGl0ZW1zID4gMCA/IFwiOHB4XCIgOiBcIjBcIil9O1xuICAgIGJvcmRlci10b3A6ICR7KHsgaXRlbXMgfSkgPT4gKGl0ZW1zID4gMCA/IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiIDogXCJub25lXCIpfTtcbmA7XG5cbmNvbnN0IGRlZmF1bHRBZGRJdGVtID0gKCkgPT4ge1xuICAgIC8vIE5vIG9wLlxufTtcblxuY29uc3QgRHluYW1pY1NlY3Rpb24gPSAoe1xuICAgIGZpZWxkLFxuICAgIGdldEJpbmQsXG4gICAgY2hpbGRyZW4sXG4gICAgc2hvd0xhYmVsID0gdHJ1ZSxcbiAgICBlbXB0eVZhbHVlID0gXCJcIixcbiAgICBvbkFkZEl0ZW0gPSBkZWZhdWx0QWRkSXRlbSxcbiAgICBncmlkQ2xhc3NOYW1lLFxuICAgIC4uLnByb3BzXG59OiBEeW5hbWljU2VjdGlvblByb3BzKSA9PiB7XG4gICAgY29uc3QgQmluZCA9IGdldEJpbmQoKTtcblxuICAgIGNvbnN0IHNldHRpbmdzID0gZ2V0TXVsdGlWYWx1ZVJlbmRlcmVyU2V0dGluZ3MoZmllbGQpO1xuICAgIGNvbnN0IGFkZFZhbHVlQnV0dG9uTGFiZWwgPVxuICAgICAgICBwcm9wcy5hZGRWYWx1ZUJ1dHRvbkxhYmVsID8/IHNldHRpbmdzLmFkZFZhbHVlQnV0dG9uTGFiZWwgPz8gXCJBZGQgVmFsdWVcIjtcblxuICAgIHJldHVybiAoXG4gICAgICAgIC8qIEZpcnN0IHdlIG1vdW50IHRoZSB0b3AgbGV2ZWwgZmllbGQsIGZvciBleGFtcGxlOiBcIml0ZW1zXCIgKi9cbiAgICAgICAgPEJpbmQ+XG4gICAgICAgICAgICB7YmluZEZpZWxkID0+IHtcbiAgICAgICAgICAgICAgICAvKipcbiAgICAgICAgICAgICAgICAgKiBcInZhbHVlXCIgLT4gYW4gYXJyYXkgb2YgaXRlbXNcbiAgICAgICAgICAgICAgICAgKiBcImFwcGVuZFZhbHVlXCIgLT4gYSBjYWxsYmFjayB0byBhZGQgYSBuZXcgdmFsdWUgdG8gdGhlIHRvcCBsZXZlbCBcIml0ZW1zXCIgYXJyYXlcbiAgICAgICAgICAgICAgICAgKi9cbiAgICAgICAgICAgICAgICBjb25zdCB7IHZhbHVlLCBhcHBlbmRWYWx1ZSB9ID0gYmluZEZpZWxkO1xuXG4gICAgICAgICAgICAgICAgY29uc3QgYmluZEZpZWxkVmFsdWU6IHN0cmluZ1tdID0gdmFsdWUgfHwgW107XG5cbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8QmluZC5WYWxpZGF0aW9uQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFBhcmVudEZpZWxkUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfSBwYXRoPXtCaW5kLnBhcmVudE5hbWV9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtzaG93TGFiZWwgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWVsZExhYmVsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcImhlYWRsaW5lNVwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7YCR7ZmllbGQubGFiZWx9ICR7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJpbmRGaWVsZFZhbHVlLmxlbmd0aFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPyBgKCR7YmluZEZpZWxkVmFsdWUubGVuZ3RofSlgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IFwiXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9YH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtmaWVsZC5oZWxwVGV4dCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZvcm1FbGVtZW50TWVzc2FnZT57ZmllbGQuaGVscFRleHR9PC9Gb3JtRWxlbWVudE1lc3NhZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0ZpZWxkTGFiZWw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEdyaWQgY2xhc3NOYW1lPXtjbGFzc1NldChncmlkQ2xhc3NOYW1lLCBzdHlsZS5ncmlkQ29udGFpbmVyKX0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtiaW5kRmllbGRWYWx1ZS5tYXAoKF8sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBCaW5kRmllbGQgPSBnZXRCaW5kKGluZGV4KTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPENlbGwgc3Bhbj17MTJ9IGtleT17aW5kZXh9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QmluZEZpZWxkPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2JpbmRQcm9wcyA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJpbmRGaWVsZC5WYWxpZGF0aW9uQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8UGFyZW50VmFsdWVJbmRleFByb3ZpZGVyIGluZGV4PXtpbmRleH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Y2hpbGRyZW4oe1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIEJpbmQ6IEJpbmRGaWVsZCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmaWVsZCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiaW5kOiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGluZGV4OiBiaW5kUHJvcHMsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpZWxkOiBiaW5kRmllbGRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGluZGV4XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9QYXJlbnRWYWx1ZUluZGV4UHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9CaW5kRmllbGQuVmFsaWRhdGlvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQmluZEZpZWxkPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQ2VsbD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0pfVxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtiaW5kRmllbGQudmFsaWRhdGlvbi5pc1ZhbGlkID09PSBmYWxzZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Q2VsbCBzcGFuPXsxMn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZvcm1FbGVtZW50TWVzc2FnZSBlcnJvcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2JpbmRGaWVsZC52YWxpZGF0aW9uLm1lc3NhZ2V9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9Gb3JtRWxlbWVudE1lc3NhZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0NlbGw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxBZGRCdXR0b25DZWxsIHNwYW49ezEyfSBpdGVtcz17YmluZEZpZWxkVmFsdWUubGVuZ3RofT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25EZWZhdWx0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhcHBlbmRWYWx1ZShlbXB0eVZhbHVlKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25BZGRJdGVtKGJpbmRGaWVsZFZhbHVlLmxlbmd0aCk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uSWNvbiBpY29uPXs8QWRkSWNvbiAvPn0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dChhZGRWYWx1ZUJ1dHRvbkxhYmVsKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uRGVmYXVsdD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9BZGRCdXR0b25DZWxsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvUGFyZW50RmllbGRQcm92aWRlcj5cbiAgICAgICAgICAgICAgICAgICAgPC9CaW5kLlZhbGlkYXRpb25Db250YWluZXI+XG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgIDwvQmluZD5cbiAgICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRHluYW1pY1NlY3Rpb247XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var AddButtonCell = /*#__PURE__*/(0, _base.default)(_Grid.Cell, process.env.NODE_ENV === "production" ? {
-  target: "e1i6yu8a0"
-} : {
-  target: "e1i6yu8a0",
-  label: "AddButtonCell"
-})("width:100%;padding-top:", function (_ref) {
-  var items = _ref.items;
-  return items > 0 ? "8px" : "0";
-}, ";border-top:", function (_ref2) {
-  var items = _ref2.items;
-  return items > 0 ? "1px solid var(--mdc-theme-background)" : "none";
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkR5bmFtaWNTZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRHFEIiwiZmlsZSI6IkR5bmFtaWNTZWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjbGFzc1NldCBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgaTE4biB9IGZyb20gXCJAd2ViaW55L2FwcC9pMThuXCI7XG5pbXBvcnQgeyBDZWxsLCBHcmlkIH0gZnJvbSBcIkB3ZWJpbnkvdWkvR3JpZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IEJ1dHRvbkRlZmF1bHQsIEJ1dHRvbkljb24gfSBmcm9tIFwiQHdlYmlueS91aS9CdXR0b25cIjtcbmltcG9ydCB7IEZvcm1FbGVtZW50TWVzc2FnZSB9IGZyb20gXCJAd2ViaW55L3VpL0Zvcm1FbGVtZW50TWVzc2FnZVwiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgQWRkSWNvbiB9IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pbi9hc3NldHMvaWNvbnMvYWRkLTE4cHguc3ZnXCI7XG5pbXBvcnQgeyBHZXRCaW5kQ2FsbGFibGUgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRFbnRyeUZvcm0vdXNlQmluZFwiO1xuaW1wb3J0IHsgUGFyZW50RmllbGRQcm92aWRlciB9IGZyb20gXCJ+L2FkbWluL2hvb2tzXCI7XG5pbXBvcnQgeyBQYXJlbnRWYWx1ZUluZGV4UHJvdmlkZXIgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL01vZGVsRmllbGRQcm92aWRlclwiO1xuaW1wb3J0IHsgQmluZENvbXBvbmVudCwgQmluZENvbXBvbmVudFJlbmRlclByb3AsIENtc01vZGVsRmllbGQgfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgZ2V0TXVsdGlWYWx1ZVJlbmRlcmVyU2V0dGluZ3MgfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL011bHRpVmFsdWVSZW5kZXJlclNldHRpbmdzXCI7XG5cbmNvbnN0IHQgPSBpMThuLm5zKFwiYXBwLWhlYWRsZXNzLWNtcy9hZG1pbi9maWVsZHMvdGV4dFwiKTtcblxuY29uc3Qgc3R5bGUgPSB7XG4gICAgZ3JpZENvbnRhaW5lcjogY3NzYFxuICAgICAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gICAgYFxufTtcblxuZXhwb3J0IGludGVyZmFjZSBEeW5hbWljU2VjdGlvblByb3BzQ2hpbGRyZW5QYXJhbXMge1xuICAgIEJpbmQ6IEJpbmRDb21wb25lbnQ7XG4gICAgZmllbGQ6IENtc01vZGVsRmllbGQ7XG4gICAgYmluZDoge1xuICAgICAgICBpbmRleDogQmluZENvbXBvbmVudFJlbmRlclByb3A7XG4gICAgICAgIGZpZWxkOiBCaW5kQ29tcG9uZW50UmVuZGVyUHJvcDtcbiAgICB9O1xuICAgIGluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRHluYW1pY1NlY3Rpb25Qcm9wcyB7XG4gICAgZmllbGQ6IENtc01vZGVsRmllbGQ7XG4gICAgZ2V0QmluZDogR2V0QmluZENhbGxhYmxlO1xuICAgIHNob3dMYWJlbD86IGJvb2xlYW47XG4gICAgY2hpbGRyZW46IChwYXJhbXM6IER5bmFtaWNTZWN0aW9uUHJvcHNDaGlsZHJlblBhcmFtcykgPT4gSlNYLkVsZW1lbnQ7XG4gICAgZW1wdHlWYWx1ZT86IGFueTtcbiAgICBncmlkQ2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIG9uQWRkSXRlbT86IChpbmRleDogbnVtYmVyKSA9PiB2b2lkO1xuICAgIGFkZFZhbHVlQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG59XG5cbmNvbnN0IEZpZWxkTGFiZWwgPSBzdHlsZWQuZGl2YFxuICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZCk7XG4gICAgbWFyZ2luLWJvdHRvbTogMjBweDtcbiAgICBwYWRkaW5nLWJvdHRvbTogNXB4O1xuYDtcblxuY29uc3QgQWRkQnV0dG9uQ2VsbCA9IHN0eWxlZChDZWxsKTx7IGl0ZW1zOiBudW1iZXIgfT5gXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZy10b3A6ICR7KHsgaXRlbXMgfSkgPT4gKGl0ZW1zID4gMCA/IFwiOHB4XCIgOiBcIjBcIil9O1xuICAgIGJvcmRlci10b3A6ICR7KHsgaXRlbXMgfSkgPT4gKGl0ZW1zID4gMCA/IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiIDogXCJub25lXCIpfTtcbmA7XG5cbmNvbnN0IGRlZmF1bHRBZGRJdGVtID0gKCkgPT4ge1xuICAgIC8vIE5vIG9wLlxufTtcblxuY29uc3QgRHluYW1pY1NlY3Rpb24gPSAoe1xuICAgIGZpZWxkLFxuICAgIGdldEJpbmQsXG4gICAgY2hpbGRyZW4sXG4gICAgc2hvd0xhYmVsID0gdHJ1ZSxcbiAgICBlbXB0eVZhbHVlID0gXCJcIixcbiAgICBvbkFkZEl0ZW0gPSBkZWZhdWx0QWRkSXRlbSxcbiAgICBncmlkQ2xhc3NOYW1lLFxuICAgIC4uLnByb3BzXG59OiBEeW5hbWljU2VjdGlvblByb3BzKSA9PiB7XG4gICAgY29uc3QgQmluZCA9IGdldEJpbmQoKTtcblxuICAgIGNvbnN0IHNldHRpbmdzID0gZ2V0TXVsdGlWYWx1ZVJlbmRlcmVyU2V0dGluZ3MoZmllbGQpO1xuICAgIGNvbnN0IGFkZFZhbHVlQnV0dG9uTGFiZWwgPVxuICAgICAgICBwcm9wcy5hZGRWYWx1ZUJ1dHRvbkxhYmVsID8/IHNldHRpbmdzLmFkZFZhbHVlQnV0dG9uTGFiZWwgPz8gXCJBZGQgVmFsdWVcIjtcblxuICAgIHJldHVybiAoXG4gICAgICAgIC8qIEZpcnN0IHdlIG1vdW50IHRoZSB0b3AgbGV2ZWwgZmllbGQsIGZvciBleGFtcGxlOiBcIml0ZW1zXCIgKi9cbiAgICAgICAgPEJpbmQ+XG4gICAgICAgICAgICB7YmluZEZpZWxkID0+IHtcbiAgICAgICAgICAgICAgICAvKipcbiAgICAgICAgICAgICAgICAgKiBcInZhbHVlXCIgLT4gYW4gYXJyYXkgb2YgaXRlbXNcbiAgICAgICAgICAgICAgICAgKiBcImFwcGVuZFZhbHVlXCIgLT4gYSBjYWxsYmFjayB0byBhZGQgYSBuZXcgdmFsdWUgdG8gdGhlIHRvcCBsZXZlbCBcIml0ZW1zXCIgYXJyYXlcbiAgICAgICAgICAgICAgICAgKi9cbiAgICAgICAgICAgICAgICBjb25zdCB7IHZhbHVlLCBhcHBlbmRWYWx1ZSB9ID0gYmluZEZpZWxkO1xuXG4gICAgICAgICAgICAgICAgY29uc3QgYmluZEZpZWxkVmFsdWU6IHN0cmluZ1tdID0gdmFsdWUgfHwgW107XG5cbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8QmluZC5WYWxpZGF0aW9uQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFBhcmVudEZpZWxkUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfSBwYXRoPXtCaW5kLnBhcmVudE5hbWV9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtzaG93TGFiZWwgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWVsZExhYmVsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcImhlYWRsaW5lNVwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7YCR7ZmllbGQubGFiZWx9ICR7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJpbmRGaWVsZFZhbHVlLmxlbmd0aFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPyBgKCR7YmluZEZpZWxkVmFsdWUubGVuZ3RofSlgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IFwiXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9YH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtmaWVsZC5oZWxwVGV4dCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZvcm1FbGVtZW50TWVzc2FnZT57ZmllbGQuaGVscFRleHR9PC9Gb3JtRWxlbWVudE1lc3NhZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0ZpZWxkTGFiZWw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEdyaWQgY2xhc3NOYW1lPXtjbGFzc1NldChncmlkQ2xhc3NOYW1lLCBzdHlsZS5ncmlkQ29udGFpbmVyKX0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtiaW5kRmllbGRWYWx1ZS5tYXAoKF8sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBCaW5kRmllbGQgPSBnZXRCaW5kKGluZGV4KTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPENlbGwgc3Bhbj17MTJ9IGtleT17aW5kZXh9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QmluZEZpZWxkPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2JpbmRQcm9wcyA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJpbmRGaWVsZC5WYWxpZGF0aW9uQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8UGFyZW50VmFsdWVJbmRleFByb3ZpZGVyIGluZGV4PXtpbmRleH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Y2hpbGRyZW4oe1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIEJpbmQ6IEJpbmRGaWVsZCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmaWVsZCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiaW5kOiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGluZGV4OiBiaW5kUHJvcHMsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpZWxkOiBiaW5kRmllbGRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGluZGV4XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9QYXJlbnRWYWx1ZUluZGV4UHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9CaW5kRmllbGQuVmFsaWRhdGlvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQmluZEZpZWxkPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQ2VsbD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0pfVxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtiaW5kRmllbGQudmFsaWRhdGlvbi5pc1ZhbGlkID09PSBmYWxzZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Q2VsbCBzcGFuPXsxMn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZvcm1FbGVtZW50TWVzc2FnZSBlcnJvcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2JpbmRGaWVsZC52YWxpZGF0aW9uLm1lc3NhZ2V9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9Gb3JtRWxlbWVudE1lc3NhZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0NlbGw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxBZGRCdXR0b25DZWxsIHNwYW49ezEyfSBpdGVtcz17YmluZEZpZWxkVmFsdWUubGVuZ3RofT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25EZWZhdWx0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhcHBlbmRWYWx1ZShlbXB0eVZhbHVlKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25BZGRJdGVtKGJpbmRGaWVsZFZhbHVlLmxlbmd0aCk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uSWNvbiBpY29uPXs8QWRkSWNvbiAvPn0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dChhZGRWYWx1ZUJ1dHRvbkxhYmVsKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uRGVmYXVsdD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9BZGRCdXR0b25DZWxsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvUGFyZW50RmllbGRQcm92aWRlcj5cbiAgICAgICAgICAgICAgICAgICAgPC9CaW5kLlZhbGlkYXRpb25Db250YWluZXI+XG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgIDwvQmluZD5cbiAgICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRHluYW1pY1NlY3Rpb247XG4iXX0= */"));
-var defaultAddItem = function defaultAddItem() {
+const defaultAddItem = () => {
   // No op.
 };
-var DynamicSection = function DynamicSection(_ref3) {
-  var field = _ref3.field,
-    getBind = _ref3.getBind,
-    children = _ref3.children,
-    _ref3$showLabel = _ref3.showLabel,
-    showLabel = _ref3$showLabel === void 0 ? true : _ref3$showLabel,
-    _ref3$emptyValue = _ref3.emptyValue,
-    emptyValue = _ref3$emptyValue === void 0 ? "" : _ref3$emptyValue,
-    _ref3$onAddItem = _ref3.onAddItem,
-    onAddItem = _ref3$onAddItem === void 0 ? defaultAddItem : _ref3$onAddItem,
-    gridClassName = _ref3.gridClassName,
-    props = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
-  var Bind = getBind();
-  var settings = (0, _MultiValueRendererSettings.getMultiValueRendererSettings)(field);
-  var addValueButtonLabel = props.addValueButtonLabel ?? settings.addValueButtonLabel ?? "Add Value";
-  return /*#__PURE__*/ /* First we mount the top level field, for example: "items" */_react.default.createElement(Bind, null, function (bindField) {
+const DynamicSection = ({
+  field,
+  getBind,
+  children,
+  showLabel = true,
+  emptyValue = "",
+  onAddItem = defaultAddItem,
+  gridClassName,
+  ...props
+}) => {
+  const Bind = getBind();
+  const settings = getMultiValueRendererSettings(field);
+  const addValueButtonLabel = props.addValueButtonLabel ?? settings.addValueButtonLabel ?? "Add Value";
+  return /*#__PURE__*/ /* First we mount the top level field, for example: "items" */React.createElement(Bind, null, bindField => {
     /**
      * "value" -> an array of items
      * "appendValue" -> a callback to add a new value to the top level "items" array
      */
-    var value = bindField.value,
-      appendValue = bindField.appendValue;
-    var bindFieldValue = value || [];
-    return /*#__PURE__*/_react.default.createElement(Bind.ValidationContainer, null, /*#__PURE__*/_react.default.createElement(_hooks.ParentFieldProvider, {
+    const {
+      value,
+      appendValue
+    } = bindField;
+    const bindFieldValue = value || [];
+    return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(ParentFieldProvider, {
       value: value,
       path: Bind.parentName
-    }, showLabel ? /*#__PURE__*/_react.default.createElement(FieldLabel, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-      use: "headline5"
-    }, "".concat(field.label, " ").concat(bindFieldValue.length ? "(".concat(bindFieldValue.length, ")") : "")), field.helpText && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, field.helpText)) : null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
-      className: (0, _classnames.default)(gridClassName, style.gridContainer)
-    }, bindFieldValue.map(function (_, index) {
-      var BindField = getBind(index);
-      return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    }, showLabel ? /*#__PURE__*/React.createElement("div", {
+      className: "wby-pb-md wby-mb-md wby-border-b-sm wby-border-neutral-dimmed"
+    }, /*#__PURE__*/React.createElement(Heading, {
+      level: 6,
+      className: "webiny_group-label-text"
+    }, `${field.label} ${bindFieldValue.length ? `(${bindFieldValue.length})` : ""}`), field.helpText && /*#__PURE__*/React.createElement(FormComponentDescription, {
+      text: field.helpText
+    })) : null, /*#__PURE__*/React.createElement(Grid, {
+      className: classSet(gridClassName, style.gridContainer)
+    }, /*#__PURE__*/React.createElement(React.Fragment, null, bindFieldValue.map((_, index) => {
+      const BindField = getBind(index);
+      return /*#__PURE__*/React.createElement(Grid.Column, {
         span: 12,
         key: index
-      }, /*#__PURE__*/_react.default.createElement(BindField, null, function (bindProps) {
-        return /*#__PURE__*/_react.default.createElement(BindField.ValidationContainer, null, /*#__PURE__*/_react.default.createElement(_ModelFieldProvider.ParentValueIndexProvider, {
-          index: index
-        }, children({
-          Bind: BindField,
-          field: field,
-          bind: {
-            index: bindProps,
-            field: bindField
-          },
-          index: index
-        })));
-      }));
-    }), bindField.validation.isValid === false && /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      }, /*#__PURE__*/React.createElement(BindField, null, bindProps => /*#__PURE__*/React.createElement(BindField.ValidationContainer, null, /*#__PURE__*/React.createElement(ParentValueIndexProvider, {
+        index: index
+      }, children({
+        Bind: BindField,
+        field,
+        bind: {
+          index: bindProps,
+          field: bindField
+        },
+        index
+      })))));
+    })), /*#__PURE__*/React.createElement(React.Fragment, null, bindField.validation.isValid === false && /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
+      invalid: true,
+      text: bindField.validation.message
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
       span: 12
-    }, /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
-      error: true
-    }, bindField.validation.message)), /*#__PURE__*/_react.default.createElement(AddButtonCell, {
-      span: 12,
-      items: bindFieldValue.length
-    }, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
-      onClick: function onClick() {
+    }, /*#__PURE__*/React.createElement("div", {
+      className: cn(bindFieldValue.length > 0 ? "wby-pt-none" : "wby-pt-sm")
+    }, /*#__PURE__*/React.createElement(Button, {
+      variant: "tertiary",
+      icon: /*#__PURE__*/React.createElement(AddIcon, null),
+      text: t(addValueButtonLabel),
+      onClick: () => {
         appendValue(emptyValue);
         onAddItem(bindFieldValue.length);
       }
-    }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
-      icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
-    }), t(addValueButtonLabel))))));
+    }))))));
   });
 };
-var _default = exports.default = DynamicSection;
+export default DynamicSection;
 
 //# sourceMappingURL=DynamicSection.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_classnames","_emotion","_i18n","_Grid","_Typography","_Button","_FormElementMessage","_add18px","_hooks","_ModelFieldProvider","_MultiValueRendererSettings","_excluded","_templateObject","_EMOTION_STRINGIFIED_CSS_ERROR__","t","i18n","ns","style","gridContainer","css","_taggedTemplateLiteral2","default","FieldLabel","_base","process","env","NODE_ENV","target","label","name","styles","map","toString","AddButtonCell","Cell","_ref","items","_ref2","defaultAddItem","DynamicSection","_ref3","field","getBind","children","_ref3$showLabel","showLabel","_ref3$emptyValue","emptyValue","_ref3$onAddItem","onAddItem","gridClassName","props","_objectWithoutProperties2","Bind","settings","getMultiValueRendererSettings","addValueButtonLabel","createElement","bindField","value","appendValue","bindFieldValue","ValidationContainer","ParentFieldProvider","path","parentName","Typography","use","concat","length","helpText","FormElementMessage","Grid","className","classSet","_","index","BindField","span","key","bindProps","ParentValueIndexProvider","bind","validation","isValid","error","message","ButtonDefault","onClick","ButtonIcon","icon","ReactComponent","_default","exports"],"sources":["DynamicSection.tsx"],"sourcesContent":["import React from \"react\";\nimport classSet from \"classnames\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ButtonDefault, ButtonIcon } from \"@webiny/ui/Button\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { GetBindCallable } from \"~/admin/components/ContentEntryForm/useBind\";\nimport { ParentFieldProvider } from \"~/admin/hooks\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider\";\nimport { BindComponent, BindComponentRenderProp, CmsModelField } from \"~/types\";\nimport { getMultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst style = {\n    gridContainer: css`\n        padding: 0 !important;\n    `\n};\n\nexport interface DynamicSectionPropsChildrenParams {\n    Bind: BindComponent;\n    field: CmsModelField;\n    bind: {\n        index: BindComponentRenderProp;\n        field: BindComponentRenderProp;\n    };\n    index: number;\n}\n\nexport interface DynamicSectionProps {\n    field: CmsModelField;\n    getBind: GetBindCallable;\n    showLabel?: boolean;\n    children: (params: DynamicSectionPropsChildrenParams) => JSX.Element;\n    emptyValue?: any;\n    gridClassName?: string;\n    onAddItem?: (index: number) => void;\n    addValueButtonLabel?: string;\n}\n\nconst FieldLabel = styled.div`\n    font-size: 24px;\n    font-weight: normal;\n    border-bottom: 1px solid var(--mdc-theme-background);\n    margin-bottom: 20px;\n    padding-bottom: 5px;\n`;\n\nconst AddButtonCell = styled(Cell)<{ items: number }>`\n    width: 100%;\n    padding-top: ${({ items }) => (items > 0 ? \"8px\" : \"0\")};\n    border-top: ${({ items }) => (items > 0 ? \"1px solid var(--mdc-theme-background)\" : \"none\")};\n`;\n\nconst defaultAddItem = () => {\n    // No op.\n};\n\nconst DynamicSection = ({\n    field,\n    getBind,\n    children,\n    showLabel = true,\n    emptyValue = \"\",\n    onAddItem = defaultAddItem,\n    gridClassName,\n    ...props\n}: DynamicSectionProps) => {\n    const Bind = getBind();\n\n    const settings = getMultiValueRendererSettings(field);\n    const addValueButtonLabel =\n        props.addValueButtonLabel ?? settings.addValueButtonLabel ?? \"Add Value\";\n\n    return (\n        /* First we mount the top level field, for example: \"items\" */\n        <Bind>\n            {bindField => {\n                /**\n                 * \"value\" -> an array of items\n                 * \"appendValue\" -> a callback to add a new value to the top level \"items\" array\n                 */\n                const { value, appendValue } = bindField;\n\n                const bindFieldValue: string[] = value || [];\n\n                return (\n                    <Bind.ValidationContainer>\n                        <ParentFieldProvider value={value} path={Bind.parentName}>\n                            {showLabel ? (\n                                <FieldLabel>\n                                    <Typography use={\"headline5\"}>\n                                        {`${field.label} ${\n                                            bindFieldValue.length\n                                                ? `(${bindFieldValue.length})`\n                                                : \"\"\n                                        }`}\n                                    </Typography>\n                                    {field.helpText && (\n                                        <FormElementMessage>{field.helpText}</FormElementMessage>\n                                    )}\n                                </FieldLabel>\n                            ) : null}\n                            <Grid className={classSet(gridClassName, style.gridContainer)}>\n                                {bindFieldValue.map((_, index) => {\n                                    const BindField = getBind(index);\n                                    return (\n                                        <Cell span={12} key={index}>\n                                            <BindField>\n                                                {bindProps => (\n                                                    <BindField.ValidationContainer>\n                                                        <ParentValueIndexProvider index={index}>\n                                                            {children({\n                                                                Bind: BindField,\n                                                                field,\n                                                                bind: {\n                                                                    index: bindProps,\n                                                                    field: bindField\n                                                                },\n                                                                index\n                                                            })}\n                                                        </ParentValueIndexProvider>\n                                                    </BindField.ValidationContainer>\n                                                )}\n                                            </BindField>\n                                        </Cell>\n                                    );\n                                })}\n\n                                {bindField.validation.isValid === false && (\n                                    <Cell span={12}>\n                                        <FormElementMessage error>\n                                            {bindField.validation.message}\n                                        </FormElementMessage>\n                                    </Cell>\n                                )}\n                                <AddButtonCell span={12} items={bindFieldValue.length}>\n                                    <ButtonDefault\n                                        onClick={() => {\n                                            appendValue(emptyValue);\n                                            onAddItem(bindFieldValue.length);\n                                        }}\n                                    >\n                                        <ButtonIcon icon={<AddIcon />} />\n                                        {t(addValueButtonLabel)}\n                                    </ButtonDefault>\n                                </AddButtonCell>\n                            </Grid>\n                        </ParentFieldProvider>\n                    </Bind.ValidationContainer>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport default DynamicSection;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","classSet","css","i18n","ReactComponent","AddIcon","ParentFieldProvider","ParentValueIndexProvider","getMultiValueRendererSettings","Button","cn","FormComponentDescription","FormComponentErrorMessage","Grid","Heading","t","ns","style","gridContainer","process","env","NODE_ENV","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","defaultAddItem","DynamicSection","field","getBind","children","showLabel","emptyValue","onAddItem","gridClassName","props","Bind","settings","addValueButtonLabel","createElement","bindField","value","appendValue","bindFieldValue","ValidationContainer","path","parentName","className","level","label","length","helpText","text","Fragment","_","index","BindField","Column","span","key","bindProps","bind","validation","isValid","invalid","message","variant","icon","onClick"],"sources":["DynamicSection.tsx"],"sourcesContent":["import React from \"react\";\nimport classSet from \"classnames\";\nimport { css } from \"@emotion/css\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport type { GetBindCallable } from \"~/admin/components/ContentEntryForm/useBind\";\nimport { ParentFieldProvider } from \"~/admin/hooks\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider\";\nimport type { BindComponent, BindComponentRenderProp, CmsModelField } from \"~/types\";\nimport { getMultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings\";\nimport {\n    Button,\n    cn,\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    Grid,\n    Heading\n} from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst style = {\n    gridContainer: css`\n        padding: 0 !important;\n    `\n};\n\nexport interface DynamicSectionPropsChildrenParams {\n    Bind: BindComponent;\n    field: CmsModelField;\n    bind: {\n        index: BindComponentRenderProp;\n        field: BindComponentRenderProp;\n    };\n    index: number;\n}\n\nexport interface DynamicSectionProps {\n    field: CmsModelField;\n    getBind: GetBindCallable;\n    showLabel?: boolean;\n    children: (params: DynamicSectionPropsChildrenParams) => JSX.Element;\n    emptyValue?: any;\n    gridClassName?: string;\n    onAddItem?: (index: number) => void;\n    addValueButtonLabel?: string;\n}\n\nconst defaultAddItem = () => {\n    // No op.\n};\n\nconst DynamicSection = ({\n    field,\n    getBind,\n    children,\n    showLabel = true,\n    emptyValue = \"\",\n    onAddItem = defaultAddItem,\n    gridClassName,\n    ...props\n}: DynamicSectionProps) => {\n    const Bind = getBind();\n\n    const settings = getMultiValueRendererSettings(field);\n    const addValueButtonLabel =\n        props.addValueButtonLabel ?? settings.addValueButtonLabel ?? \"Add Value\";\n\n    return (\n        /* First we mount the top level field, for example: \"items\" */\n        <Bind>\n            {bindField => {\n                /**\n                 * \"value\" -> an array of items\n                 * \"appendValue\" -> a callback to add a new value to the top level \"items\" array\n                 */\n                const { value, appendValue } = bindField;\n\n                const bindFieldValue: string[] = value || [];\n\n                return (\n                    <Bind.ValidationContainer>\n                        <ParentFieldProvider value={value} path={Bind.parentName}>\n                            {showLabel ? (\n                                <div\n                                    className={\n                                        \"wby-pb-md wby-mb-md wby-border-b-sm wby-border-neutral-dimmed\"\n                                    }\n                                >\n                                    <Heading level={6} className={\"webiny_group-label-text\"}>\n                                        {`${field.label} ${\n                                            bindFieldValue.length\n                                                ? `(${bindFieldValue.length})`\n                                                : \"\"\n                                        }`}\n                                    </Heading>\n                                    {field.helpText && (\n                                        <FormComponentDescription text={field.helpText} />\n                                    )}\n                                </div>\n                            ) : null}\n                            <Grid className={classSet(gridClassName, style.gridContainer)}>\n                                <>\n                                    {bindFieldValue.map((_, index) => {\n                                        const BindField = getBind(index);\n                                        return (\n                                            <Grid.Column span={12} key={index}>\n                                                <BindField>\n                                                    {bindProps => (\n                                                        <BindField.ValidationContainer>\n                                                            <ParentValueIndexProvider index={index}>\n                                                                {children({\n                                                                    Bind: BindField,\n                                                                    field,\n                                                                    bind: {\n                                                                        index: bindProps,\n                                                                        field: bindField\n                                                                    },\n                                                                    index\n                                                                })}\n                                                            </ParentValueIndexProvider>\n                                                        </BindField.ValidationContainer>\n                                                    )}\n                                                </BindField>\n                                            </Grid.Column>\n                                        );\n                                    })}\n                                </>\n                                <>\n                                    {bindField.validation.isValid === false && (\n                                        <Grid.Column span={12}>\n                                            <FormComponentErrorMessage\n                                                invalid\n                                                text={bindField.validation.message}\n                                            />\n                                        </Grid.Column>\n                                    )}\n                                </>\n                                <Grid.Column span={12}>\n                                    <div\n                                        className={cn(\n                                            bindFieldValue.length > 0 ? \"wby-pt-none\" : \"wby-pt-sm\"\n                                        )}\n                                    >\n                                        <Button\n                                            variant={\"tertiary\"}\n                                            icon={<AddIcon />}\n                                            text={t(addValueButtonLabel)}\n                                            onClick={() => {\n                                                appendValue(emptyValue);\n                                                onAddItem(bindFieldValue.length);\n                                            }}\n                                        />\n                                    </div>\n                                </Grid.Column>\n                            </Grid>\n                        </ParentFieldProvider>\n                    </Bind.ValidationContainer>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport default DynamicSection;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,GAAG,QAAQ,cAAc;AAClC,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,cAAc,IAAIC,OAAO,QAAQ,uBAAuB;AAEjE,SAASC,mBAAmB;AAC5B,SAASC,wBAAwB;AAEjC,SAASC,6BAA6B;AACtC,SACIC,MAAM,EACNC,EAAE,EACFC,wBAAwB,EACxBC,yBAAyB,EACzBC,IAAI,EACJC,OAAO,QACJ,kBAAkB;AAEzB,MAAMC,CAAC,GAAGZ,IAAI,CAACa,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,KAAK,GAAG;EACVC,aAAa,eAAEhB,GAAG,CAAAiB,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;EAAA;IAAAD,IAAA;IAAAC,MAAA;IAAAC,GAAA;IAAAC,QAAA,EAAAC;EAAA;AAGtB,CAAC;AAuBD,MAAMC,cAAc,GAAGA,CAAA,KAAM;EACzB;AAAA,CACH;AAED,MAAMC,cAAc,GAAGA,CAAC;EACpBC,KAAK;EACLC,OAAO;EACPC,QAAQ;EACRC,SAAS,GAAG,IAAI;EAChBC,UAAU,GAAG,EAAE;EACfC,SAAS,GAAGP,cAAc;EAC1BQ,aAAa;EACb,GAAGC;AACc,CAAC,KAAK;EACvB,MAAMC,IAAI,GAAGP,OAAO,CAAC,CAAC;EAEtB,MAAMQ,QAAQ,GAAG9B,6BAA6B,CAACqB,KAAK,CAAC;EACrD,MAAMU,mBAAmB,GACrBH,KAAK,CAACG,mBAAmB,IAAID,QAAQ,CAACC,mBAAmB,IAAI,WAAW;EAE5E,qBACI,8DACAvC,KAAA,CAAAwC,aAAA,CAACH,IAAI,QACAI,SAAS,IAAI;IACV;AAChB;AACA;AACA;IACgB,MAAM;MAAEC,KAAK;MAAEC;IAAY,CAAC,GAAGF,SAAS;IAExC,MAAMG,cAAwB,GAAGF,KAAK,IAAI,EAAE;IAE5C,oBACI1C,KAAA,CAAAwC,aAAA,CAACH,IAAI,CAACQ,mBAAmB,qBACrB7C,KAAA,CAAAwC,aAAA,CAAClC,mBAAmB;MAACoC,KAAK,EAAEA,KAAM;MAACI,IAAI,EAAET,IAAI,CAACU;IAAW,GACpDf,SAAS,gBACNhC,KAAA,CAAAwC,aAAA;MACIQ,SAAS,EACL;IACH,gBAEDhD,KAAA,CAAAwC,aAAA,CAAC1B,OAAO;MAACmC,KAAK,EAAE,CAAE;MAACD,SAAS,EAAE;IAA0B,GACnD,GAAGnB,KAAK,CAACqB,KAAK,IACXN,cAAc,CAACO,MAAM,GACf,IAAIP,cAAc,CAACO,MAAM,GAAG,GAC5B,EAAE,EAEP,CAAC,EACTtB,KAAK,CAACuB,QAAQ,iBACXpD,KAAA,CAAAwC,aAAA,CAAC7B,wBAAwB;MAAC0C,IAAI,EAAExB,KAAK,CAACuB;IAAS,CAAE,CAEpD,CAAC,GACN,IAAI,eACRpD,KAAA,CAAAwC,aAAA,CAAC3B,IAAI;MAACmC,SAAS,EAAE/C,QAAQ,CAACkC,aAAa,EAAElB,KAAK,CAACC,aAAa;IAAE,gBAC1DlB,KAAA,CAAAwC,aAAA,CAAAxC,KAAA,CAAAsD,QAAA,QACKV,cAAc,CAACpB,GAAG,CAAC,CAAC+B,CAAC,EAAEC,KAAK,KAAK;MAC9B,MAAMC,SAAS,GAAG3B,OAAO,CAAC0B,KAAK,CAAC;MAChC,oBACIxD,KAAA,CAAAwC,aAAA,CAAC3B,IAAI,CAAC6C,MAAM;QAACC,IAAI,EAAE,EAAG;QAACC,GAAG,EAAEJ;MAAM,gBAC9BxD,KAAA,CAAAwC,aAAA,CAACiB,SAAS,QACLI,SAAS,iBACN7D,KAAA,CAAAwC,aAAA,CAACiB,SAAS,CAACZ,mBAAmB,qBAC1B7C,KAAA,CAAAwC,aAAA,CAACjC,wBAAwB;QAACiD,KAAK,EAAEA;MAAM,GAClCzB,QAAQ,CAAC;QACNM,IAAI,EAAEoB,SAAS;QACf5B,KAAK;QACLiC,IAAI,EAAE;UACFN,KAAK,EAAEK,SAAS;UAChBhC,KAAK,EAAEY;QACX,CAAC;QACDe;MACJ,CAAC,CACqB,CACC,CAE5B,CACF,CAAC;IAEtB,CAAC,CACH,CAAC,eACHxD,KAAA,CAAAwC,aAAA,CAAAxC,KAAA,CAAAsD,QAAA,QACKb,SAAS,CAACsB,UAAU,CAACC,OAAO,KAAK,KAAK,iBACnChE,KAAA,CAAAwC,aAAA,CAAC3B,IAAI,CAAC6C,MAAM;MAACC,IAAI,EAAE;IAAG,gBAClB3D,KAAA,CAAAwC,aAAA,CAAC5B,yBAAyB;MACtBqD,OAAO;MACPZ,IAAI,EAAEZ,SAAS,CAACsB,UAAU,CAACG;IAAQ,CACtC,CACQ,CAEnB,CAAC,eACHlE,KAAA,CAAAwC,aAAA,CAAC3B,IAAI,CAAC6C,MAAM;MAACC,IAAI,EAAE;IAAG,gBAClB3D,KAAA,CAAAwC,aAAA;MACIQ,SAAS,EAAEtC,EAAE,CACTkC,cAAc,CAACO,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,WAChD;IAAE,gBAEFnD,KAAA,CAAAwC,aAAA,CAAC/B,MAAM;MACH0D,OAAO,EAAE,UAAW;MACpBC,IAAI,eAAEpE,KAAA,CAAAwC,aAAA,CAACnC,OAAO,MAAE,CAAE;MAClBgD,IAAI,EAAEtC,CAAC,CAACwB,mBAAmB,CAAE;MAC7B8B,OAAO,EAAEA,CAAA,KAAM;QACX1B,WAAW,CAACV,UAAU,CAAC;QACvBC,SAAS,CAACU,cAAc,CAACO,MAAM,CAAC;MACpC;IAAE,CACL,CACA,CACI,CACX,CACW,CACC,CAAC;EAEnC,CACE,CAAC;AAEf,CAAC;AAED,eAAevB,cAAc","ignoreList":[]}

package/admin/plugins/fieldRenderers/MultiValueRendererSettings.js

@@ -1,32 +1,25 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getMultiValueRendererSettings = exports.MultiValueRendererSettings = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _form = require("@webiny/form");
-var _Grid = require("@webiny/ui/Grid");
-var _Input = require("@webiny/ui/Input");
-var DEFAULT_SETTINGS = {
+import React from "react";
+import { Bind } from "@webiny/form";
+import { Grid, Input } from "@webiny/admin-ui";
+const DEFAULT_SETTINGS = {
   addValueButtonLabel: "Add Value"
 };
-var getMultiValueRendererSettings = exports.getMultiValueRendererSettings = function getMultiValueRendererSettings(field) {
+export const getMultiValueRendererSettings = field => {
   if (typeof field.renderer === "function") {
     return DEFAULT_SETTINGS;
   }
   return field.renderer.settings?.multiValue ?? DEFAULT_SETTINGS;
 };
-var MultiValueRendererSettings = exports.MultiValueRendererSettings = function MultiValueRendererSettings(_ref) {
-  var field = _ref.field;
-  return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+export const MultiValueRendererSettings = ({
+  field
+}) => {
+  return /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
-  }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+  }, /*#__PURE__*/React.createElement(Bind, {
     name: "renderer.settings.multiValue.addValueButtonLabel",
-    defaultValue: "Add ".concat(field.label)
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-    label: "\"Add Value\" Button Label"
+    defaultValue: `Add ${field.label}`
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: `"Add Value" button label`
   })));
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_form","_Grid","_Input","DEFAULT_SETTINGS","addValueButtonLabel","getMultiValueRendererSettings","exports","field","renderer","settings","multiValue","MultiValueRendererSettings","_ref","default","createElement","Cell","span","Bind","name","defaultValue","concat","label","Input"],"sources":["MultiValueRendererSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n    CmsModelField,\n    CmsModelFieldRendererSettingsProps\n} from \"@webiny/app-headless-cms-common/types\";\nimport { Bind } from \"@webiny/form\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\n\ninterface IMultiValueRendererSettings {\n    addValueButtonLabel: string;\n}\n\nconst DEFAULT_SETTINGS: IMultiValueRendererSettings = {\n    addValueButtonLabel: \"Add Value\"\n};\n\nexport const getMultiValueRendererSettings = (\n    field: CmsModelField\n): IMultiValueRendererSettings => {\n    if (typeof field.renderer === \"function\") {\n        return DEFAULT_SETTINGS;\n    }\n\n    return field.renderer.settings?.multiValue ?? DEFAULT_SETTINGS;\n};\n\nexport const MultiValueRendererSettings = ({ field }: CmsModelFieldRendererSettingsProps) => {\n    return (\n        <Cell span={12}>\n            <Bind\n                name={\"renderer.settings.multiValue.addValueButtonLabel\"}\n                defaultValue={`Add ${field.label}`}\n            >\n                <Input label={`\"Add Value\" Button Label`} />\n            </Bind>\n        </Cell>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAMA,IAAMI,gBAA6C,GAAG;EAClDC,mBAAmB,EAAE;AACzB,CAAC;AAEM,IAAMC,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,SAAhCA,6BAA6BA,CACtCE,KAAoB,EACU;EAC9B,IAAI,OAAOA,KAAK,CAACC,QAAQ,KAAK,UAAU,EAAE;IACtC,OAAOL,gBAAgB;EAC3B;EAEA,OAAOI,KAAK,CAACC,QAAQ,CAACC,QAAQ,EAAEC,UAAU,IAAIP,gBAAgB;AAClE,CAAC;AAEM,IAAMQ,0BAA0B,GAAAL,OAAA,CAAAK,0BAAA,GAAG,SAA7BA,0BAA0BA,CAAAC,IAAA,EAAsD;EAAA,IAAhDL,KAAK,GAAAK,IAAA,CAALL,KAAK;EAC9C,oBACIV,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,KAAA,CAAAc,IAAI;IAACC,IAAI,EAAE;EAAG,gBACXnB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,KAAA,CAAAiB,IAAI;IACDC,IAAI,EAAE,kDAAmD;IACzDC,YAAY,SAAAC,MAAA,CAASb,KAAK,CAACc,KAAK;EAAG,gBAEnCxB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,MAAA,CAAAoB,KAAK;IAACD,KAAK;EAA6B,CAAE,CACzC,CACJ,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Bind","Grid","Input","DEFAULT_SETTINGS","addValueButtonLabel","getMultiValueRendererSettings","field","renderer","settings","multiValue","MultiValueRendererSettings","createElement","Column","span","name","defaultValue","label"],"sources":["MultiValueRendererSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n    CmsModelField,\n    CmsModelFieldRendererSettingsProps\n} from \"@webiny/app-headless-cms-common/types\";\nimport { Bind } from \"@webiny/form\";\nimport { Grid, Input } from \"@webiny/admin-ui\";\n\ninterface IMultiValueRendererSettings {\n    addValueButtonLabel: string;\n}\n\nconst DEFAULT_SETTINGS: IMultiValueRendererSettings = {\n    addValueButtonLabel: \"Add Value\"\n};\n\nexport const getMultiValueRendererSettings = (\n    field: CmsModelField\n): IMultiValueRendererSettings => {\n    if (typeof field.renderer === \"function\") {\n        return DEFAULT_SETTINGS;\n    }\n\n    return field.renderer.settings?.multiValue ?? DEFAULT_SETTINGS;\n};\n\nexport const MultiValueRendererSettings = ({ field }: CmsModelFieldRendererSettingsProps) => {\n    return (\n        <Grid.Column span={12}>\n            <Bind\n                name={\"renderer.settings.multiValue.addValueButtonLabel\"}\n                defaultValue={`Add ${field.label}`}\n            >\n                <Input label={`\"Add Value\" button label`} />\n            </Bind>\n        </Grid.Column>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAM9C,MAAMC,gBAA6C,GAAG;EAClDC,mBAAmB,EAAE;AACzB,CAAC;AAED,OAAO,MAAMC,6BAA6B,GACtCC,KAAoB,IACU;EAC9B,IAAI,OAAOA,KAAK,CAACC,QAAQ,KAAK,UAAU,EAAE;IACtC,OAAOJ,gBAAgB;EAC3B;EAEA,OAAOG,KAAK,CAACC,QAAQ,CAACC,QAAQ,EAAEC,UAAU,IAAIN,gBAAgB;AAClE,CAAC;AAED,OAAO,MAAMO,0BAA0B,GAAGA,CAAC;EAAEJ;AAA0C,CAAC,KAAK;EACzF,oBACIP,KAAA,CAAAY,aAAA,CAACV,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBd,KAAA,CAAAY,aAAA,CAACX,IAAI;IACDc,IAAI,EAAE,kDAAmD;IACzDC,YAAY,EAAE,OAAOT,KAAK,CAACU,KAAK;EAAG,gBAEnCjB,KAAA,CAAAY,aAAA,CAACT,KAAK;IAACc,KAAK,EAAE;EAA2B,CAAE,CACzC,CACG,CAAC;AAEtB,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/boolean/booleanSwitch.d.ts

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