@webiny/app-headless-cms 0.0.0-unstable.6f45466a1d → 0.0.0-unstable.7be00a75a9

package/admin/plugins/editor/formSettings/icons/round-settings-24px.js

@@ -0,0 +1,19 @@
+import __rslib_svgr_url__0__ from "../../../../../static/svg/round-settings-24px.77b44bea.svg";
+import * as __rspack_external_react from "react";
+const SvgRoundSettings24Px = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 24,
+        height: 24,
+        viewBox: "0 0 24 24",
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "none",
+        d: "M0 0h24v24H0z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        d: "M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65A.49.49 0 0 0 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5"
+    }));
+const round_settings_24px = __rslib_svgr_url__0__;
+export default round_settings_24px;
+export { SvgRoundSettings24Px as ReactComponent };
+
+//# sourceMappingURL=round-settings-24px.js.map

package/admin/plugins/editor/formSettings/icons/round-settings-24px.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/editor/formSettings/icons/round-settings-24px.js","sources":["../../../../../../src/admin/plugins/editor/formSettings/icons/round-settings-24px.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgRoundSettings24Px = props => <svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} viewBox=\"0 0 24 24\" {...props}><path fill=\"none\" d=\"M0 0h24v24H0z\" /><path d=\"M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65A.49.49 0 0 0 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5\" /></svg>;\nexport { SvgRoundSettings24Px as ReactComponent };\nexport default \"__RSLIB_SVGR_AUTO_PUBLIC_PATH__static/svg/round-settings-24px.77b44bea.svg\";"],"names":["SvgRoundSettings24Px","props"],"mappings":";;AACA,MAAMA,uBAAuBC,CAAAA,QAAAA,WAAAA,GAAS,sCAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAa,GAAGA,KAAK;qBAAE,sCAAC;QAAK,MAAK;QAAO,GAAE;sBAAkB,sCAAC;QAAK,GAAE;;AAElL"}

package/admin/plugins/editor/formSettings/index.js

@@ -1,16 +1,17 @@
-import * as React from "react";
 import GeneralSettings from "./components/GeneralSettings.js";
-import { ReactComponent as SettingsIcon } from "./icons/round-settings-24px.svg";
-const plugin = {
-  name: "cms-editor-form-settings-general",
-  type: "cms-editor-form-settings",
-  title: "General settings",
-  description: "Manage content model's name and description.",
-  icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
-  render(props) {
-    return /*#__PURE__*/React.createElement(GeneralSettings, props);
-  }
+import { ReactComponent } from "./icons/round-settings-24px.js";
+import * as __rspack_external_react from "react";
+const formSettings_plugin = {
+    name: "cms-editor-form-settings-general",
+    type: "cms-editor-form-settings",
+    title: "General settings",
+    description: "Manage content model's name and description.",
+    icon: /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, null),
+    render (props) {
+        return /*#__PURE__*/ __rspack_external_react.createElement(GeneralSettings, props);
+    }
 };
-export default plugin;
+const formSettings = formSettings_plugin;
+export default formSettings;
 
 //# sourceMappingURL=index.js.map

package/admin/plugins/editor/formSettings/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","GeneralSettings","ReactComponent","SettingsIcon","plugin","name","type","title","description","icon","createElement","render","props"],"sources":["index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { CmsEditorFormSettingsPlugin } from \"~/types.js\";\nimport GeneralSettings from \"./components/GeneralSettings.js\";\nimport { ReactComponent as SettingsIcon } from \"./icons/round-settings-24px.svg\";\n\nconst plugin: CmsEditorFormSettingsPlugin = {\n    name: \"cms-editor-form-settings-general\",\n    type: \"cms-editor-form-settings\",\n    title: \"General settings\",\n    description: \"Manage content model's name and description.\",\n    icon: <SettingsIcon />,\n    render(props) {\n        return <GeneralSettings {...props} />;\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,eAAe;AACtB,SAASC,cAAc,IAAIC,YAAY;AAEvC,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,kCAAkC;EACxCC,IAAI,EAAE,0BAA0B;EAChCC,KAAK,EAAE,kBAAkB;EACzBC,WAAW,EAAE,8CAA8C;EAC3DC,IAAI,eAAET,KAAA,CAAAU,aAAA,CAACP,YAAY,MAAE,CAAC;EACtBQ,MAAMA,CAACC,KAAK,EAAE;IACV,oBAAOZ,KAAA,CAAAU,aAAA,CAACT,eAAe,EAAKW,KAAQ,CAAC;EACzC;AACJ,CAAC;AAED,eAAeR,MAAM","ignoreList":[]}
+{"version":3,"file":"admin/plugins/editor/formSettings/index.js","sources":["../../../../../src/admin/plugins/editor/formSettings/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { CmsEditorFormSettingsPlugin } from \"~/types.js\";\nimport GeneralSettings from \"./components/GeneralSettings.js\";\nimport { ReactComponent as SettingsIcon } from \"./icons/round-settings-24px.svg\";\n\nconst plugin: CmsEditorFormSettingsPlugin = {\n    name: \"cms-editor-form-settings-general\",\n    type: \"cms-editor-form-settings\",\n    title: \"General settings\",\n    description: \"Manage content model's name and description.\",\n    icon: <SettingsIcon />,\n    render(props) {\n        return <GeneralSettings {...props} />;\n    }\n};\n\nexport default plugin;\n"],"names":["plugin","SettingsIcon","props","GeneralSettings"],"mappings":";;;AAKA,MAAMA,sBAAsC;IACxC,MAAM;IACN,MAAM;IACN,OAAO;IACP,aAAa;IACb,MAAM,WAAN,GAAM,sCAACC,gBAAYA;IACnB,QAAOC,KAAK;QACR,OAAO,WAAP,GAAO,sCAACC,iBAAoBD;IAChC;AACJ;AAEA,qBAAeF"}

package/admin/plugins/fieldRenderers/AccordionRenderSettings.js

@@ -1,27 +1,22 @@
-import React from "react";
+import react from "react";
 import { Bind } from "@webiny/form";
 import { Grid, Switch } from "@webiny/admin-ui";
 const DEFAULT_ACCORDION_RENDER_SETTINGS = {
-  open: false
+    open: false
 };
-export const getAccordionRenderSettings = field => {
-  if (typeof field.renderer === "function") {
-    return DEFAULT_ACCORDION_RENDER_SETTINGS;
-  }
-  return field.renderer.settings ?? {};
-};
-export const AccordionRenderSettings = ({
-  field
-}) => {
-  return /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "renderer.settings.open",
-    defaultValue: false
-  }, /*#__PURE__*/React.createElement(Switch, {
-    label: "Expand Accordion",
-    description: `Enable if "${field.label}" is to be expanded by default.`
-  })));
+const getAccordionRenderSettings = (field)=>{
+    if ("function" == typeof field.renderer) return DEFAULT_ACCORDION_RENDER_SETTINGS;
+    return field.renderer.settings ?? {};
 };
+const AccordionRenderSettings = ({ field })=>/*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "renderer.settings.open",
+        defaultValue: false
+    }, /*#__PURE__*/ react.createElement(Switch, {
+        label: "Expand Accordion",
+        description: `Enable if "${field.label}" is to be expanded by default.`
+    })));
+export { AccordionRenderSettings, getAccordionRenderSettings };
 
 //# sourceMappingURL=AccordionRenderSettings.js.map

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

@@ -1 +1 @@
-{"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/index.js\";\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":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/AccordionRenderSettings.js","sources":["../../../../src/admin/plugins/fieldRenderers/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/index.js\";\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"],"names":["DEFAULT_ACCORDION_RENDER_SETTINGS","getAccordionRenderSettings","field","AccordionRenderSettings","Grid","Bind","Switch"],"mappings":";;;AAYA,MAAMA,oCAA8D;IAChE,MAAM;AACV;AAEO,MAAMC,6BAA6B,CAACC;IACvC,IAAI,AAA0B,cAA1B,OAAOA,MAAM,QAAQ,EACrB,OAAOF;IAGX,OAAQE,MAAM,QAAQ,CAAC,QAAQ,IAAI,CAAC;AACxC;AAEO,MAAMC,0BAA0B,CAAC,EAAED,KAAK,EAAsC,GAC1E,WAAP,GACI,oBAACE,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;QAA0B,cAAc;qBAChD,oBAACC,QAAMA;QACH,OAAO;QACP,aAAa,CAAC,WAAW,EAAEJ,MAAM,KAAK,CAAC,+BAA+B,CAAC"}

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

@@ -13,12 +13,13 @@ export interface DynamicSectionPropsChildrenParams {
 export interface DynamicSectionProps {
     field: CmsModelField;
     getBind: GetBindCallable;
+    disabled?: boolean;
     showLabel?: boolean;
-    children: (params: DynamicSectionPropsChildrenParams) => JSX.Element;
+    children: (params: DynamicSectionPropsChildrenParams) => React.JSX.Element;
     emptyValue?: any;
     gridClassName?: string;
     onAddItem?: (index: number) => void;
     addValueButtonLabel?: string;
 }
-declare const DynamicSection: ({ field, getBind, children, showLabel, emptyValue, onAddItem, gridClassName, ...props }: DynamicSectionProps) => React.JSX.Element;
+declare const DynamicSection: ({ field, getBind, children, disabled, showLabel, emptyValue, onAddItem, gridClassName, ...props }: DynamicSectionProps) => React.JSX.Element;
 export default DynamicSection;

package/admin/plugins/fieldRenderers/DynamicSection.js

@@ -1,100 +1,80 @@
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import React from "react";
-import classSet from "classnames";
+import react from "react";
+import classnames from "classnames";
 import { css } from "@emotion/css";
 import { i18n } from "@webiny/app/i18n/index.js";
-import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import { ReactComponent } from "@webiny/icons/add.svg";
 import { ParentFieldProvider } from "../../hooks/index.js";
 import { ParentValueIndexProvider } from "../../components/ModelFieldProvider/index.js";
 import { getMultiValueRendererSettings } from "./MultiValueRendererSettings.js";
-import { Button, cn, FormComponentDescription, FormComponentErrorMessage, Grid, Separator } from "@webiny/admin-ui";
+import { Button, FormComponentDescription, FormComponentErrorMessage, FormComponentNote, Grid, Separator, cn } 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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkR5bmFtaWNTZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQnNCIiwiZmlsZSI6IkR5bmFtaWNTZWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjbGFzc1NldCBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHsgaTE4biB9IGZyb20gXCJAd2ViaW55L2FwcC9pMThuL2luZGV4LmpzXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBBZGRJY29uIH0gZnJvbSBcIkB3ZWJpbnkvaWNvbnMvYWRkLnN2Z1wiO1xuaW1wb3J0IHR5cGUgeyBHZXRCaW5kQ2FsbGFibGUgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRFbnRyeUZvcm0vdXNlQmluZC5qc1wiO1xuaW1wb3J0IHsgUGFyZW50RmllbGRQcm92aWRlciB9IGZyb20gXCJ+L2FkbWluL2hvb2tzL2luZGV4LmpzXCI7XG5pbXBvcnQgeyBQYXJlbnRWYWx1ZUluZGV4UHJvdmlkZXIgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL01vZGVsRmllbGRQcm92aWRlci9pbmRleC5qc1wiO1xuaW1wb3J0IHR5cGUgeyBCaW5kQ29tcG9uZW50LCBCaW5kQ29tcG9uZW50UmVuZGVyUHJvcCwgQ21zTW9kZWxGaWVsZCB9IGZyb20gXCJ+L3R5cGVzLmpzXCI7XG5pbXBvcnQgeyBnZXRNdWx0aVZhbHVlUmVuZGVyZXJTZXR0aW5ncyB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvTXVsdGlWYWx1ZVJlbmRlcmVyU2V0dGluZ3MuanNcIjtcbmltcG9ydCB7XG4gICAgQnV0dG9uLFxuICAgIGNuLFxuICAgIEZvcm1Db21wb25lbnREZXNjcmlwdGlvbixcbiAgICBGb3JtQ29tcG9uZW50RXJyb3JNZXNzYWdlLFxuICAgIEdyaWQsXG4gICAgU2VwYXJhdG9yXG59IGZyb20gXCJAd2ViaW55L2FkbWluLXVpXCI7XG5cbmNvbnN0IHQgPSBpMThuLm5zKFwiYXBwLWhlYWRsZXNzLWNtcy9hZG1pbi9maWVsZHMvdGV4dFwiKTtcblxuY29uc3Qgc3R5bGUgPSB7XG4gICAgZ3JpZENvbnRhaW5lcjogY3NzYFxuICAgICAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gICAgYFxufTtcblxuZXhwb3J0IGludGVyZmFjZSBEeW5hbWljU2VjdGlvblByb3BzQ2hpbGRyZW5QYXJhbXMge1xuICAgIEJpbmQ6IEJpbmRDb21wb25lbnQ7XG4gICAgZmllbGQ6IENtc01vZGVsRmllbGQ7XG4gICAgYmluZDoge1xuICAgICAgICBpbmRleDogQmluZENvbXBvbmVudFJlbmRlclByb3A7XG4gICAgICAgIGZpZWxkOiBCaW5kQ29tcG9uZW50UmVuZGVyUHJvcDtcbiAgICB9O1xuICAgIGluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRHluYW1pY1NlY3Rpb25Qcm9wcyB7XG4gICAgZmllbGQ6IENtc01vZGVsRmllbGQ7XG4gICAgZ2V0QmluZDogR2V0QmluZENhbGxhYmxlO1xuICAgIHNob3dMYWJlbD86IGJvb2xlYW47XG4gICAgY2hpbGRyZW46IChwYXJhbXM6IER5bmFtaWNTZWN0aW9uUHJvcHNDaGlsZHJlblBhcmFtcykgPT4gSlNYLkVsZW1lbnQ7XG4gICAgZW1wdHlWYWx1ZT86IGFueTtcbiAgICBncmlkQ2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIG9uQWRkSXRlbT86IChpbmRleDogbnVtYmVyKSA9PiB2b2lkO1xuICAgIGFkZFZhbHVlQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG59XG5cbmNvbnN0IGRlZmF1bHRBZGRJdGVtID0gKCkgPT4ge1xuICAgIC8vIE5vIG9wLlxufTtcblxuY29uc3QgRHluYW1pY1NlY3Rpb24gPSAoe1xuICAgIGZpZWxkLFxuICAgIGdldEJpbmQsXG4gICAgY2hpbGRyZW4sXG4gICAgc2hvd0xhYmVsID0gdHJ1ZSxcbiAgICBlbXB0eVZhbHVlID0gXCJcIixcbiAgICBvbkFkZEl0ZW0gPSBkZWZhdWx0QWRkSXRlbSxcbiAgICBncmlkQ2xhc3NOYW1lLFxuICAgIC4uLnByb3BzXG59OiBEeW5hbWljU2VjdGlvblByb3BzKSA9PiB7XG4gICAgY29uc3QgQmluZCA9IGdldEJpbmQoKTtcblxuICAgIGNvbnN0IHNldHRpbmdzID0gZ2V0TXVsdGlWYWx1ZVJlbmRlcmVyU2V0dGluZ3MoZmllbGQpO1xuICAgIGNvbnN0IGFkZFZhbHVlQnV0dG9uTGFiZWwgPVxuICAgICAgICBwcm9wcy5hZGRWYWx1ZUJ1dHRvbkxhYmVsID8/IHNldHRpbmdzLmFkZFZhbHVlQnV0dG9uTGFiZWwgPz8gXCJBZGQgVmFsdWVcIjtcblxuICAgIHJldHVybiAoXG4gICAgICAgIC8qIEZpcnN0IHdlIG1vdW50IHRoZSB0b3AgbGV2ZWwgZmllbGQsIGZvciBleGFtcGxlOiBcIml0ZW1zXCIgKi9cbiAgICAgICAgPEJpbmQ+XG4gICAgICAgICAgICB7YmluZEZpZWxkID0+IHtcbiAgICAgICAgICAgICAgICAvKipcbiAgICAgICAgICAgICAgICAgKiBcInZhbHVlXCIgLT4gYW4gYXJyYXkgb2YgaXRlbXNcbiAgICAgICAgICAgICAgICAgKiBcImFwcGVuZFZhbHVlXCIgLT4gYSBjYWxsYmFjayB0byBhZGQgYSBuZXcgdmFsdWUgdG8gdGhlIHRvcCBsZXZlbCBcIml0ZW1zXCIgYXJyYXlcbiAgICAgICAgICAgICAgICAgKi9cbiAgICAgICAgICAgICAgICBjb25zdCB7IHZhbHVlLCBhcHBlbmRWYWx1ZSB9ID0gYmluZEZpZWxkO1xuXG4gICAgICAgICAgICAgICAgY29uc3QgYmluZEZpZWxkVmFsdWU6IHN0cmluZ1tdID0gdmFsdWUgfHwgW107XG5cbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8QmluZC5WYWxpZGF0aW9uQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFBhcmVudEZpZWxkUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfSBwYXRoPXtCaW5kLnBhcmVudE5hbWV9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtzaG93TGFiZWwgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17XCJtYi1zbSBmbGV4IGZsZXgtY29sIGdhcC15LXNtXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFNlcGFyYXRvciBsYWJlbFBvc2l0aW9uPXtcInN0YXJ0XCJ9IHZhcmlhbnQ9e1wiYWNjZW50XCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17XCJ0ZXh0LWFjY2VudC1wcmltYXJ5IHRleHQtbGcgZm9udC1zZW1pYm9sZFwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2Ake2ZpZWxkLmxhYmVsfSAke1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYmluZEZpZWxkVmFsdWUubGVuZ3RoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPyBgKCR7YmluZEZpZWxkVmFsdWUubGVuZ3RofSlgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgOiBcIlwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1gfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvU2VwYXJhdG9yPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2ZpZWxkLmhlbHBUZXh0ICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Rm9ybUNvbXBvbmVudERlc2NyaXB0aW9uIHRleHQ9e2ZpZWxkLmhlbHBUZXh0fSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8R3JpZCBjbGFzc05hbWU9e2NsYXNzU2V0KGdyaWRDbGFzc05hbWUsIHN0eWxlLmdyaWRDb250YWluZXIpfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtiaW5kRmllbGRWYWx1ZS5tYXAoKF8sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgQmluZEZpZWxkID0gZ2V0QmluZChpbmRleCk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEdyaWQuQ29sdW1uIHNwYW49ezEyfSBrZXk9e2luZGV4fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCaW5kRmllbGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2JpbmRQcm9wcyA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCaW5kRmllbGQuVmFsaWRhdGlvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxQYXJlbnRWYWx1ZUluZGV4UHJvdmlkZXIgaW5kZXg9e2luZGV4fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Y2hpbGRyZW4oe1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBCaW5kOiBCaW5kRmllbGQsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpZWxkLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiaW5kOiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleDogYmluZFByb3BzLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmllbGQ6IGJpbmRGaWVsZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9QYXJlbnRWYWx1ZUluZGV4UHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQmluZEZpZWxkLlZhbGlkYXRpb25Db250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQmluZEZpZWxkPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0dyaWQuQ29sdW1uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7YmluZEZpZWxkLnZhbGlkYXRpb24uaXNWYWxpZCA9PT0gZmFsc2UgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxHcmlkLkNvbHVtbiBzcGFuPXsxMn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGb3JtQ29tcG9uZW50RXJyb3JNZXNzYWdlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbnZhbGlkXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0PXtiaW5kRmllbGQudmFsaWRhdGlvbi5tZXNzYWdlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvR3JpZC5Db2x1bW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEdyaWQuQ29sdW1uIHNwYW49ezEyfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiaW5kRmllbGRWYWx1ZS5sZW5ndGggPiAwID8gXCJwdC1ub25lXCIgOiBcInB0LXNtXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFyaWFudD17XCJ0ZXJ0aWFyeVwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpY29uPXs8QWRkSWNvbiAvPn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGV4dD17dChhZGRWYWx1ZUJ1dHRvbkxhYmVsKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYXBwZW5kVmFsdWUoZW1wdHlWYWx1ZSk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkFkZEl0ZW0oYmluZEZpZWxkVmFsdWUubGVuZ3RoKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvR3JpZC5Db2x1bW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9QYXJlbnRGaWVsZFByb3ZpZGVyPlxuICAgICAgICAgICAgICAgICAgICA8L0JpbmQuVmFsaWRhdGlvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgPC9CaW5kPlxuICAgICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBEeW5hbWljU2VjdGlvbjtcbiJdfQ== */",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  })
+    gridContainer: css`
+        padding: 0 !important;
+    `
 };
-const defaultAddItem = () => {
-  // No op.
+const defaultAddItem = ()=>{};
+const DynamicSection = ({ field, getBind, children, disabled = false, showLabel = true, emptyValue = "", onAddItem = defaultAddItem, gridClassName, ...props })=>{
+    const Bind = getBind();
+    const settings = getMultiValueRendererSettings(field);
+    const addValueButtonLabel = props.addValueButtonLabel ?? settings.addValueButtonLabel ?? "Add Value";
+    return /*#__PURE__*/ react.createElement(Bind, null, (bindField)=>{
+        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.createElement("div", {
+            className: "mb-sm flex flex-col gap-y-sm"
+        }, /*#__PURE__*/ react.createElement(Separator, {
+            labelPosition: "start",
+            variant: "accent"
+        }, /*#__PURE__*/ react.createElement("span", {
+            className: "text-accent-primary text-lg font-semibold"
+        }, `${field.label} ${bindFieldValue.length ? `(${bindFieldValue.length})` : ""}`)), field.description && /*#__PURE__*/ react.createElement(FormComponentDescription, {
+            text: field.description
+        })), /*#__PURE__*/ react.createElement(Grid, {
+            className: classnames(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.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(FormComponentNote, {
+                    text: field.note
+                }))));
+        })), /*#__PURE__*/ react.createElement(react.Fragment, null, false === bindField.validation.isValid && /*#__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.createElement("div", {
+            className: cn(bindFieldValue.length > 0 ? "pt-none" : "pt-sm")
+        }, /*#__PURE__*/ react.createElement(Button, {
+            disabled: disabled,
+            variant: "tertiary",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            text: t(addValueButtonLabel),
+            onClick: ()=>{
+                appendValue(emptyValue);
+                onAddItem(bindFieldValue.length);
+            }
+        }))))));
+    });
 };
-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
-     */
-    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.createElement("div", {
-      className: "mb-sm flex flex-col gap-y-sm"
-    }, /*#__PURE__*/React.createElement(Separator, {
-      labelPosition: "start",
-      variant: "accent"
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "text-accent-primary text-lg font-semibold"
-    }, `${field.label} ${bindFieldValue.length ? `(${bindFieldValue.length})` : ""}`)), field.helpText && /*#__PURE__*/React.createElement(FormComponentDescription, {
-      text: field.helpText
-    })), /*#__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.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.createElement("div", {
-      className: cn(bindFieldValue.length > 0 ? "pt-none" : "pt-sm")
-    }, /*#__PURE__*/React.createElement(Button, {
-      variant: "tertiary",
-      icon: /*#__PURE__*/React.createElement(AddIcon, null),
-      text: t(addValueButtonLabel),
-      onClick: () => {
-        appendValue(emptyValue);
-        onAddItem(bindFieldValue.length);
-      }
-    }))))));
-  });
-};
-export default DynamicSection;
+const fieldRenderers_DynamicSection = DynamicSection;
+export default fieldRenderers_DynamicSection;
 
 //# sourceMappingURL=DynamicSection.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","classSet","css","i18n","ReactComponent","AddIcon","ParentFieldProvider","ParentValueIndexProvider","getMultiValueRendererSettings","Button","cn","FormComponentDescription","FormComponentErrorMessage","Grid","Separator","t","ns","style","gridContainer","process","env","NODE_ENV","name","styles","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","labelPosition","variant","label","length","helpText","text","Fragment","map","_","index","BindField","Column","span","key","bindProps","bind","validation","isValid","invalid","message","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/index.js\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport type { GetBindCallable } from \"~/admin/components/ContentEntryForm/useBind.js\";\nimport { ParentFieldProvider } from \"~/admin/hooks/index.js\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider/index.js\";\nimport type { BindComponent, BindComponentRenderProp, CmsModelField } from \"~/types.js\";\nimport { getMultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings.js\";\nimport {\n    Button,\n    cn,\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    Grid,\n    Separator\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 className={\"mb-sm flex flex-col gap-y-sm\"}>\n                                    <Separator labelPosition={\"start\"} variant={\"accent\"}>\n                                        <span\n                                            className={\"text-accent-primary text-lg font-semibold\"}\n                                        >\n                                            {`${field.label} ${\n                                                bindFieldValue.length\n                                                    ? `(${bindFieldValue.length})`\n                                                    : \"\"\n                                            }`}\n                                        </span>\n                                    </Separator>\n                                    {field.helpText && (\n                                        <FormComponentDescription text={field.helpText} />\n                                    )}\n                                </div>\n                            )}\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 ? \"pt-none\" : \"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,2BAA2B;AAChD,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,SAAS,QACN,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,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,GAAG7B,6BAA6B,CAACoB,KAAK,CAAC;EACrD,MAAMU,mBAAmB,GACrBH,KAAK,CAACG,mBAAmB,IAAID,QAAQ,CAACC,mBAAmB,IAAI,WAAW;EAE5E,qBACI,8DACAtC,KAAA,CAAAuC,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,oBACIzC,KAAA,CAAAuC,aAAA,CAACH,IAAI,CAACQ,mBAAmB,qBACrB5C,KAAA,CAAAuC,aAAA,CAACjC,mBAAmB;MAACmC,KAAK,EAAEA,KAAM;MAACI,IAAI,EAAET,IAAI,CAACU;IAAW,GACpDf,SAAS,iBACN/B,KAAA,CAAAuC,aAAA;MAAKQ,SAAS,EAAE;IAA+B,gBAC3C/C,KAAA,CAAAuC,aAAA,CAACzB,SAAS;MAACkC,aAAa,EAAE,OAAQ;MAACC,OAAO,EAAE;IAAS,gBACjDjD,KAAA,CAAAuC,aAAA;MACIQ,SAAS,EAAE;IAA4C,GAEtD,GAAGnB,KAAK,CAACsB,KAAK,IACXP,cAAc,CAACQ,MAAM,GACf,IAAIR,cAAc,CAACQ,MAAM,GAAG,GAC5B,EAAE,EAEV,CACC,CAAC,EACXvB,KAAK,CAACwB,QAAQ,iBACXpD,KAAA,CAAAuC,aAAA,CAAC5B,wBAAwB;MAAC0C,IAAI,EAAEzB,KAAK,CAACwB;IAAS,CAAE,CAEpD,CACR,eACDpD,KAAA,CAAAuC,aAAA,CAAC1B,IAAI;MAACkC,SAAS,EAAE9C,QAAQ,CAACiC,aAAa,EAAEjB,KAAK,CAACC,aAAa;IAAE,gBAC1DlB,KAAA,CAAAuC,aAAA,CAAAvC,KAAA,CAAAsD,QAAA,QACKX,cAAc,CAACY,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAK;MAC9B,MAAMC,SAAS,GAAG7B,OAAO,CAAC4B,KAAK,CAAC;MAChC,oBACIzD,KAAA,CAAAuC,aAAA,CAAC1B,IAAI,CAAC8C,MAAM;QAACC,IAAI,EAAE,EAAG;QAACC,GAAG,EAAEJ;MAAM,gBAC9BzD,KAAA,CAAAuC,aAAA,CAACmB,SAAS,QACLI,SAAS,iBACN9D,KAAA,CAAAuC,aAAA,CAACmB,SAAS,CAACd,mBAAmB,qBAC1B5C,KAAA,CAAAuC,aAAA,CAAChC,wBAAwB;QAACkD,KAAK,EAAEA;MAAM,GAClC3B,QAAQ,CAAC;QACNM,IAAI,EAAEsB,SAAS;QACf9B,KAAK;QACLmC,IAAI,EAAE;UACFN,KAAK,EAAEK,SAAS;UAChBlC,KAAK,EAAEY;QACX,CAAC;QACDiB;MACJ,CAAC,CACqB,CACC,CAE5B,CACF,CAAC;IAEtB,CAAC,CACH,CAAC,eACHzD,KAAA,CAAAuC,aAAA,CAAAvC,KAAA,CAAAsD,QAAA,QACKd,SAAS,CAACwB,UAAU,CAACC,OAAO,KAAK,KAAK,iBACnCjE,KAAA,CAAAuC,aAAA,CAAC1B,IAAI,CAAC8C,MAAM;MAACC,IAAI,EAAE;IAAG,gBAClB5D,KAAA,CAAAuC,aAAA,CAAC3B,yBAAyB;MACtBsD,OAAO;MACPb,IAAI,EAAEb,SAAS,CAACwB,UAAU,CAACG;IAAQ,CACtC,CACQ,CAEnB,CAAC,eACHnE,KAAA,CAAAuC,aAAA,CAAC1B,IAAI,CAAC8C,MAAM;MAACC,IAAI,EAAE;IAAG,gBAClB5D,KAAA,CAAAuC,aAAA;MACIQ,SAAS,EAAErC,EAAE,CACTiC,cAAc,CAACQ,MAAM,GAAG,CAAC,GAAG,SAAS,GAAG,OAC5C;IAAE,gBAEFnD,KAAA,CAAAuC,aAAA,CAAC9B,MAAM;MACHwC,OAAO,EAAE,UAAW;MACpBmB,IAAI,eAAEpE,KAAA,CAAAuC,aAAA,CAAClC,OAAO,MAAE,CAAE;MAClBgD,IAAI,EAAEtC,CAAC,CAACuB,mBAAmB,CAAE;MAC7B+B,OAAO,EAAEA,CAAA,KAAM;QACX3B,WAAW,CAACV,UAAU,CAAC;QACvBC,SAAS,CAACU,cAAc,CAACQ,MAAM,CAAC;MACpC;IAAE,CACL,CACA,CACI,CACX,CACW,CACC,CAAC;EAEnC,CACE,CAAC;AAEf,CAAC;AAED,eAAexB,cAAc","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/DynamicSection.js","sources":["../../../../src/admin/plugins/fieldRenderers/DynamicSection.tsx"],"sourcesContent":["import React from \"react\";\nimport classSet from \"classnames\";\nimport { css } from \"@emotion/css\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport type { GetBindCallable } from \"~/admin/components/ContentEntryForm/useBind.js\";\nimport { ParentFieldProvider } from \"~/admin/hooks/index.js\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider/index.js\";\nimport type { BindComponent, BindComponentRenderProp, CmsModelField } from \"~/types.js\";\nimport { getMultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings.js\";\nimport {\n    Button,\n    cn,\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentNote,\n    Grid,\n    Separator\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    disabled?: boolean;\n    showLabel?: boolean;\n    children: (params: DynamicSectionPropsChildrenParams) => React.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    disabled = false,\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 className={\"mb-sm flex flex-col gap-y-sm\"}>\n                                    <Separator labelPosition={\"start\"} variant={\"accent\"}>\n                                        <span\n                                            className={\"text-accent-primary text-lg font-semibold\"}\n                                        >\n                                            {`${field.label} ${\n                                                bindFieldValue.length\n                                                    ? `(${bindFieldValue.length})`\n                                                    : \"\"\n                                            }`}\n                                        </span>\n                                    </Separator>\n                                    {field.description && (\n                                        <FormComponentDescription text={field.description} />\n                                    )}\n                                </div>\n                            )}\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                                                            <FormComponentNote text={field.note} />\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                                {\n                                    <Grid.Column span={12}>\n                                        <div\n                                            className={cn(\n                                                bindFieldValue.length > 0 ? \"pt-none\" : \"pt-sm\"\n                                            )}\n                                        >\n                                            <Button\n                                                disabled={disabled}\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                                }\n                            </Grid>\n                        </ParentFieldProvider>\n                    </Bind.ValidationContainer>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport default DynamicSection;\n"],"names":["t","i18n","style","css","defaultAddItem","DynamicSection","field","getBind","children","disabled","showLabel","emptyValue","onAddItem","gridClassName","props","Bind","settings","getMultiValueRendererSettings","addValueButtonLabel","bindField","value","appendValue","bindFieldValue","ParentFieldProvider","Separator","FormComponentDescription","Grid","classSet","_","index","BindField","bindProps","ParentValueIndexProvider","FormComponentNote","FormComponentErrorMessage","cn","Button","AddIcon"],"mappings":";;;;;;;;;AAoBA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,QAAQ;IACV,eAAeC,GAAG,CAAC;;IAEnB,CAAC;AACL;AAwBA,MAAMC,iBAAiB,KAEvB;AAEA,MAAMC,iBAAiB,CAAC,EACpBC,KAAK,EACLC,OAAO,EACPC,QAAQ,EACRC,WAAW,KAAK,EAChBC,YAAY,IAAI,EAChBC,aAAa,EAAE,EACfC,YAAYR,cAAc,EAC1BS,aAAa,EACb,GAAGC,OACe;IAClB,MAAMC,OAAOR;IAEb,MAAMS,WAAWC,8BAA8BX;IAC/C,MAAMY,sBACFJ,MAAM,mBAAmB,IAAIE,SAAS,mBAAmB,IAAI;IAEjE,OACgE,cAC5D,oBAACD,MAAAA,MACII,CAAAA;QAKG,MAAM,EAAEC,KAAK,EAAEC,WAAW,EAAE,GAAGF;QAE/B,MAAMG,iBAA2BF,SAAS,EAAE;QAE5C,OAAO,WAAP,GACI,oBAACL,KAAK,mBAAmB,sBACrB,oBAACQ,qBAAmBA;YAAC,OAAOH;YAAO,MAAML,KAAK,UAAU;WACnDL,aAAa,WAAbA,GACG,oBAAC;YAAI,WAAW;yBACZ,oBAACc,WAASA;YAAC,eAAe;YAAS,SAAS;yBACxC,oBAAC;YACG,WAAW;WAEV,GAAGlB,MAAM,KAAK,CAAC,CAAC,EACbgB,eAAe,MAAM,GACf,CAAC,CAAC,EAAEA,eAAe,MAAM,CAAC,CAAC,CAAC,GAC5B,IACR,IAGThB,MAAM,WAAW,IAAI,WAAJ,GACd,oBAACmB,0BAAwBA;YAAC,MAAMnB,MAAM,WAAW;2BAI7D,oBAACoB,MAAIA;YAAC,WAAWC,WAASd,eAAeX,MAAM,aAAa;yBACxD,0CACKoB,eAAe,GAAG,CAAC,CAACM,GAAGC;YACpB,MAAMC,YAAYvB,QAAQsB;YAC1B,OAAO,WAAP,GACI,oBAACH,KAAK,MAAM;gBAAC,MAAM;gBAAI,KAAKG;6BACxB,oBAACC,WAAAA,MACIC,CAAAA,YAAAA,WAAAA,GACG,oBAACD,UAAU,mBAAmB,sBAC1B,oBAACE,0BAAwBA;oBAAC,OAAOH;mBAC5BrB,SAAS;oBACN,MAAMsB;oBACNxB;oBACA,MAAM;wBACF,OAAOyB;wBACP,OAAOZ;oBACX;oBACAU;gBACJ,mBAEJ,oBAACI,mBAAiBA;oBAAC,MAAM3B,MAAM,IAAI;;QAM3D,mBAEJ,0CACKa,AAAiC,UAAjCA,UAAU,UAAU,CAAC,OAAO,IAAc,WAAT,GAC9B,oBAACO,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACQ,2BAAyBA;YACtB;YACA,MAAMf,UAAU,UAAU,CAAC,OAAO;4BAM9C,oBAACO,KAAK,MAAM;YAAC,MAAM;yBACf,oBAAC;YACG,WAAWS,GACPb,eAAe,MAAM,GAAG,IAAI,YAAY;yBAG5C,oBAACc,QAAMA;YACH,UAAU3B;YACV,SAAS;YACT,oBAAM,oBAAC4B,gBAAOA;YACd,MAAMrC,EAAEkB;YACR,SAAS;gBACLG,YAAYV;gBACZC,UAAUU,eAAe,MAAM;YACnC;;IASpC;AAGZ;AAEA,sCAAejB"}

package/admin/plugins/fieldRenderers/MultiValueRendererSettings.js

@@ -1,26 +1,21 @@
-import React from "react";
+import react from "react";
 import { Bind } from "@webiny/form";
 import { Grid, Input } from "@webiny/admin-ui";
 const DEFAULT_SETTINGS = {
-  addValueButtonLabel: "Add Value"
+    addValueButtonLabel: "Add Value"
 };
-export const getMultiValueRendererSettings = field => {
-  if (typeof field.renderer === "function") {
-    return DEFAULT_SETTINGS;
-  }
-  return field.renderer.settings?.multiValue ?? DEFAULT_SETTINGS;
-};
-export const MultiValueRendererSettings = ({
-  field
-}) => {
-  return /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "renderer.settings.multiValue.addValueButtonLabel",
-    defaultValue: `Add ${field.label}`
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: `"Add Value" button label`
-  })));
+const getMultiValueRendererSettings = (field)=>{
+    if ("function" == typeof field.renderer) return DEFAULT_SETTINGS;
+    return field.renderer.settings?.multiValue ?? DEFAULT_SETTINGS;
 };
+const MultiValueRendererSettings = ({ field })=>/*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "renderer.settings.multiValue.addValueButtonLabel",
+        defaultValue: `Add ${field.label}`
+    }, /*#__PURE__*/ react.createElement(Input, {
+        label: '"Add Value" button label'
+    })));
+export { MultiValueRendererSettings, getMultiValueRendererSettings };
 
 //# sourceMappingURL=MultiValueRendererSettings.js.map

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

@@ -1 +1 @@
-{"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/index.js\";\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":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/MultiValueRendererSettings.js","sources":["../../../../src/admin/plugins/fieldRenderers/MultiValueRendererSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n    CmsModelField,\n    CmsModelFieldRendererSettingsProps\n} from \"@webiny/app-headless-cms-common/types/index.js\";\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"],"names":["DEFAULT_SETTINGS","getMultiValueRendererSettings","field","MultiValueRendererSettings","Grid","Bind","Input"],"mappings":";;;AAYA,MAAMA,mBAAgD;IAClD,qBAAqB;AACzB;AAEO,MAAMC,gCAAgC,CACzCC;IAEA,IAAI,AAA0B,cAA1B,OAAOA,MAAM,QAAQ,EACrB,OAAOF;IAGX,OAAOE,MAAM,QAAQ,CAAC,QAAQ,EAAE,cAAcF;AAClD;AAEO,MAAMG,6BAA6B,CAAC,EAAED,KAAK,EAAsC,GAC7E,WAAP,GACI,oBAACE,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QACD,MAAM;QACN,cAAc,CAAC,IAAI,EAAEH,MAAM,KAAK,EAAE;qBAElC,oBAACI,OAAKA;QAAC,OAAO"}

package/admin/plugins/fieldRenderers/boolean/booleanSwitch.js

@@ -1,33 +1,36 @@
-import React from "react";
+import react from "react";
 import get from "lodash/get.js";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { Switch } from "@webiny/admin-ui";
+import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
 const t = i18n.ns("app-headless-cms/admin/fields/boolean");
-const plugin = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-boolean",
-  renderer: {
-    rendererName: "boolean-input",
-    name: t`Boolean Input`,
-    description: t`Renders a simple switch button.`,
-    canUse({
-      field
-    }) {
-      return field.type === "boolean" && !field.multipleValues && !get(field, "predefinedValues.enabled");
-    },
-    render({
-      field,
-      getBind
-    }) {
-      const Bind = getBind();
-      return /*#__PURE__*/React.createElement(Bind, null, bindProps => /*#__PURE__*/React.createElement(Switch, Object.assign({}, bindProps, {
-        label: field.label,
-        description: field.helpText,
-        "data-testid": `fr.input.boolean.${field.label}`
-      })));
+const booleanSwitch_plugin = {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-boolean",
+    renderer: {
+        rendererName: "boolean-input",
+        name: t`Boolean Input`,
+        description: t`Renders a simple switch button.`,
+        canUse ({ field }) {
+            return "boolean" === field.type && !field.list && !get(field, "predefinedValues.enabled");
+        },
+        render ({ getBind }) {
+            const { field } = useModelField();
+            const rules = useFieldEffectiveRules(field);
+            const Bind = getBind();
+            const disabled = !rules.canEdit || rules.disabled;
+            return /*#__PURE__*/ react.createElement(Bind, null, (bindProps)=>/*#__PURE__*/ react.createElement(Switch, {
+                    ...bindProps,
+                    disabled: disabled,
+                    label: field.label,
+                    description: field.description,
+                    note: field.note,
+                    "data-testid": `fr.input.boolean.${field.label}`
+                }));
+        }
     }
-  }
 };
-export default plugin;
+const booleanSwitch = booleanSwitch_plugin;
+export default booleanSwitch;
 
 //# sourceMappingURL=booleanSwitch.js.map

package/admin/plugins/fieldRenderers/boolean/booleanSwitch.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","get","i18n","Switch","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","createElement","bindProps","Object","assign","label","helpText"],"sources":["booleanSwitch.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Switch } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/boolean\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-boolean\",\n    renderer: {\n        rendererName: \"boolean-input\",\n        name: t`Boolean Input`,\n        description: t`Renders a simple switch button.`,\n        canUse({ field }) {\n            return (\n                field.type === \"boolean\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bindProps => (\n                        <Switch\n                            {...bindProps}\n                            label={field.label}\n                            description={field.helpText}\n                            data-testid={`fr.input.boolean.${field.label}`}\n                        />\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAE/B,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,uCAAuC,CAAC;AAE1D,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,mCAAmC;EACzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEJ,CAAC,eAAe;IACtBO,WAAW,EAAEP,CAAC,iCAAiC;IAC/CQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,SAAS,IACxB,CAACM,KAAK,CAACC,cAAc,IACrB,CAACb,GAAG,CAACY,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDE,MAAMA,CAAC;MAAEF,KAAK;MAAEG;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACIhB,KAAA,CAAAkB,aAAA,CAACD,IAAI,QACAE,SAAS,iBACNnB,KAAA,CAAAkB,aAAA,CAACf,MAAM,EAAAiB,MAAA,CAAAC,MAAA,KACCF,SAAS;QACbG,KAAK,EAAET,KAAK,CAACS,KAAM;QACnBX,WAAW,EAAEE,KAAK,CAACU,QAAS;QAC5B,eAAa,oBAAoBV,KAAK,CAACS,KAAK;MAAG,EAClD,CAEH,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAehB,MAAM","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/boolean/booleanSwitch.js","sources":["../../../../../src/admin/plugins/fieldRenderers/boolean/booleanSwitch.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Switch } from \"@webiny/admin-ui\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/boolean\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-boolean\",\n    renderer: {\n        rendererName: \"boolean-input\",\n        name: t`Boolean Input`,\n        description: t`Renders a simple switch button.`,\n        canUse({ field }) {\n            return (\n                field.type === \"boolean\" && !field.list && !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ getBind }) {\n            const { field } = useModelField();\n            const rules = useFieldEffectiveRules(field);\n            const Bind = getBind();\n\n            const disabled = !rules.canEdit || rules.disabled;\n\n            return (\n                <Bind>\n                    {bindProps => (\n                        <Switch\n                            {...bindProps}\n                            disabled={disabled}\n                            label={field.label}\n                            description={field.description}\n                            note={field.note}\n                            data-testid={`fr.input.boolean.${field.label}`}\n                        />\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"names":["t","i18n","plugin","field","get","getBind","useModelField","rules","useFieldEffectiveRules","Bind","disabled","bindProps","Switch"],"mappings":";;;;;AAOA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,uBAAsC;IACxC,MAAM;IACN,MAAM;IACN,UAAU;QACN,cAAc;QACd,MAAMF,CAAC,CAAC,aAAa,CAAC;QACtB,aAAaA,CAAC,CAAC,+BAA+B,CAAC;QAC/C,QAAO,EAAEG,KAAK,EAAE;YACZ,OACIA,AAAe,cAAfA,MAAM,IAAI,IAAkB,CAACA,MAAM,IAAI,IAAI,CAACC,IAAID,OAAO;QAE/D;QACA,QAAO,EAAEE,OAAO,EAAE;YACd,MAAM,EAAEF,KAAK,EAAE,GAAGG;YAClB,MAAMC,QAAQC,uBAAuBL;YACrC,MAAMM,OAAOJ;YAEb,MAAMK,WAAW,CAACH,MAAM,OAAO,IAAIA,MAAM,QAAQ;YAEjD,OAAO,WAAP,GACI,oBAACE,MAAAA,MACIE,CAAAA,YAAAA,WAAAA,GACG,oBAACC,QAAMA;oBACF,GAAGD,SAAS;oBACb,UAAUD;oBACV,OAAOP,MAAM,KAAK;oBAClB,aAAaA,MAAM,WAAW;oBAC9B,MAAMA,MAAM,IAAI;oBAChB,eAAa,CAAC,iBAAiB,EAAEA,MAAM,KAAK,EAAE;;QAKlE;IACJ;AACJ;AAEA,sBAAeD"}

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

@@ -1,4 +1,7 @@
 import booleanSwitch from "./booleanSwitch.js";
-export default [booleanSwitch];
+const fieldRenderers_boolean = [
+    booleanSwitch
+];
+export default fieldRenderers_boolean;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["booleanSwitch"],"sources":["index.ts"],"sourcesContent":["import booleanSwitch from \"./booleanSwitch.js\";\n\nexport default [booleanSwitch];\n"],"mappings":"AAAA,OAAOA,aAAa;AAEpB,eAAe,CAACA,aAAa,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/boolean/index.js","sources":["../../../../../src/admin/plugins/fieldRenderers/boolean/index.ts"],"sourcesContent":["import booleanSwitch from \"./booleanSwitch.js\";\n\nexport default [booleanSwitch];\n"],"names":["booleanSwitch"],"mappings":";AAEA,+BAAe;IAACA;CAAc"}