@webiny/app-headless-cms 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.f6dc066313

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

@@ -1,22 +1,12 @@
 import _styled from "@emotion/styled/base";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 import { css } from "@emotion/css";
-export const fieldsWrapperStyle = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
-  name: "1yd7z3y",
-  styles: "border-left:2px solid var(--mdc-theme-on-background);padding-left:16px;margin-left:6px;&:focus-within{border-color:var(--mdc-theme-primary);}"
-} : {
-  name: "tzi0gb-fieldsWrapperStyle",
-  styles: "border-left:2px solid var(--mdc-theme-on-background);padding-left:16px;margin-left:6px;&:focus-within{border-color:var(--mdc-theme-primary);};label:fieldsWrapperStyle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3FDIiwiZmlsZSI6IlN0eWxlZENvbXBvbmVudHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IGNvbnN0IGZpZWxkc1dyYXBwZXJTdHlsZSA9IGNzc2BcbiAgICBib3JkZXItbGVmdDogMnB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKTtcbiAgICBwYWRkaW5nLWxlZnQ6IDE2cHg7XG4gICAgbWFyZ2luLWxlZnQ6IDZweDtcblxuICAgICY6Zm9jdXMtd2l0aGluIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtcHJpbWFyeSk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uVGl0bGVTdHlsZSA9IGNzc2BcbiAgICBtYXJnaW4tdG9wOiAyNHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uR3JpZFN0eWxlID0gY3NzYFxuICAgICYgPiAubWRjLWxheW91dC1ncmlkX19pbm5lciB7XG4gICAgICAgIGdyaWQtZ2FwOiA4cHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGZpZWxkc0dyaWRTdHlsZSA9IGNzc2BcbiAgICAmLm1kYy1sYXlvdXQtZ3JpZCB7XG4gICAgICAgIHBhZGRpbmc6IDhweDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgT2JqZWN0SXRlbSA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1IaWdoTGlnaHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIFwiJlwiOiB7XG4gICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgIGFuaW1hdGlvbjogXCJ3Zi1ibGluay1pbiAxc1wiLFxuICAgICAgICBib3JkZXI6IFwiMnB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCIsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDAgMTVweCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSg0MiwgMjE3LCAxMzQsIDAuMjUpXCIsXG4gICAgICAgIGJvcmRlclJhZGl1czogXCIycHhcIixcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAtMTIsXG4gICAgICAgIHJpZ2h0OiAtOCxcbiAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiXG4gICAgfSxcbiAgICBcIkBrZXlmcmFtZXMgd2YtYmxpbmstaW5cIjogeyBcIjQwJVwiOiB7IG9wYWNpdHk6IDEgfSB9XG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
 export const dynamicSectionTitleStyle = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
   name: "1d0nbku",
   styles: "margin-top:24px"
 } : {
   name: "ni4rfk-dynamicSectionTitleStyle",
-  styles: "margin-top:24px;label:dynamicSectionTitleStyle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTJDIiwiZmlsZSI6IlN0eWxlZENvbXBvbmVudHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IGNvbnN0IGZpZWxkc1dyYXBwZXJTdHlsZSA9IGNzc2BcbiAgICBib3JkZXItbGVmdDogMnB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKTtcbiAgICBwYWRkaW5nLWxlZnQ6IDE2cHg7XG4gICAgbWFyZ2luLWxlZnQ6IDZweDtcblxuICAgICY6Zm9jdXMtd2l0aGluIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtcHJpbWFyeSk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uVGl0bGVTdHlsZSA9IGNzc2BcbiAgICBtYXJnaW4tdG9wOiAyNHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uR3JpZFN0eWxlID0gY3NzYFxuICAgICYgPiAubWRjLWxheW91dC1ncmlkX19pbm5lciB7XG4gICAgICAgIGdyaWQtZ2FwOiA4cHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGZpZWxkc0dyaWRTdHlsZSA9IGNzc2BcbiAgICAmLm1kYy1sYXlvdXQtZ3JpZCB7XG4gICAgICAgIHBhZGRpbmc6IDhweDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgT2JqZWN0SXRlbSA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1IaWdoTGlnaHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIFwiJlwiOiB7XG4gICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgIGFuaW1hdGlvbjogXCJ3Zi1ibGluay1pbiAxc1wiLFxuICAgICAgICBib3JkZXI6IFwiMnB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCIsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDAgMTVweCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSg0MiwgMjE3LCAxMzQsIDAuMjUpXCIsXG4gICAgICAgIGJvcmRlclJhZGl1czogXCIycHhcIixcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAtMTIsXG4gICAgICAgIHJpZ2h0OiAtOCxcbiAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiXG4gICAgfSxcbiAgICBcIkBrZXlmcmFtZXMgd2YtYmxpbmstaW5cIjogeyBcIjQwJVwiOiB7IG9wYWNpdHk6IDEgfSB9XG59KTtcbiJdfQ== */",
+  styles: "margin-top:24px;label:dynamicSectionTitleStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzJDIiwiZmlsZSI6IlN0eWxlZENvbXBvbmVudHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uVGl0bGVTdHlsZSA9IGNzc2BcbiAgICBtYXJnaW4tdG9wOiAyNHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uR3JpZFN0eWxlID0gY3NzYFxuICAgICYgPiAubWRjLWxheW91dC1ncmlkX19pbm5lciB7XG4gICAgICAgIGdyaWQtZ2FwOiA4cHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGZpZWxkc0dyaWRTdHlsZSA9IGNzc2BcbiAgICAmLm1kYy1sYXlvdXQtZ3JpZCB7XG4gICAgICAgIHBhZGRpbmc6IDhweDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgT2JqZWN0SXRlbSA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1IaWdoTGlnaHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIFwiJlwiOiB7XG4gICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgIGFuaW1hdGlvbjogXCJ3Zi1ibGluay1pbiAxc1wiLFxuICAgICAgICBib3JkZXI6IFwiMnB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCIsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDAgMTVweCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSg0MiwgMjE3LCAxMzQsIDAuMjUpXCIsXG4gICAgICAgIGJvcmRlclJhZGl1czogXCIycHhcIixcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAtMTIsXG4gICAgICAgIHJpZ2h0OiAtOCxcbiAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiXG4gICAgfSxcbiAgICBcIkBrZXlmcmFtZXMgd2YtYmxpbmstaW5cIjogeyBcIjQwJVwiOiB7IG9wYWNpdHk6IDEgfSB9XG59KTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const dynamicSectionGridStyle = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
@@ -24,8 +14,7 @@ export const dynamicSectionGridStyle = /*#__PURE__*/css(process.env.NODE_ENV ===
   styles: "&>.mdc-layout-grid__inner{grid-gap:8px;}"
 } : {
   name: "c4xhr-dynamicSectionGridStyle",
-  styles: "&>.mdc-layout-grid__inner{grid-gap:8px;};label:dynamicSectionGridStyle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUIwQyIsImZpbGUiOiJTdHlsZWRDb21wb25lbnRzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5cbmV4cG9ydCBjb25zdCBmaWVsZHNXcmFwcGVyU3R5bGUgPSBjc3NgXG4gICAgYm9yZGVyLWxlZnQ6IDJweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZCk7XG4gICAgcGFkZGluZy1sZWZ0OiAxNnB4O1xuICAgIG1hcmdpbi1sZWZ0OiA2cHg7XG5cbiAgICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBkeW5hbWljU2VjdGlvblRpdGxlU3R5bGUgPSBjc3NgXG4gICAgbWFyZ2luLXRvcDogMjRweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBkeW5hbWljU2VjdGlvbkdyaWRTdHlsZSA9IGNzc2BcbiAgICAmID4gLm1kYy1sYXlvdXQtZ3JpZF9faW5uZXIge1xuICAgICAgICBncmlkLWdhcDogOHB4O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBmaWVsZHNHcmlkU3R5bGUgPSBjc3NgXG4gICAgJi5tZGMtbGF5b3V0LWdyaWQge1xuICAgICAgICBwYWRkaW5nOiA4cHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE9iamVjdEl0ZW0gPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtSGlnaExpZ2h0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBcIiZcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICBhbmltYXRpb246IFwid2YtYmxpbmstaW4gMXNcIixcbiAgICAgICAgYm9yZGVyOiBcIjJweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBib3hTaGFkb3c6IFwiMCAwIDE1cHggdmFyKC0tbWRjLXRoZW1lLXNlY29uZGFyeSlcIixcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoNDIsIDIxNywgMTM0LCAwLjI1KVwiLFxuICAgICAgICBib3JkZXJSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgbGVmdDogLTEyLFxuICAgICAgICByaWdodDogLTgsXG4gICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIlxuICAgIH0sXG4gICAgXCJAa2V5ZnJhbWVzIHdmLWJsaW5rLWluXCI6IHsgXCI0MCVcIjogeyBvcGFjaXR5OiAxIH0gfVxufSk7XG4iXX0= */",
+  styles: "&>.mdc-layout-grid__inner{grid-gap:8px;};label:dynamicSectionGridStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzBDIiwiZmlsZSI6IlN0eWxlZENvbXBvbmVudHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uVGl0bGVTdHlsZSA9IGNzc2BcbiAgICBtYXJnaW4tdG9wOiAyNHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uR3JpZFN0eWxlID0gY3NzYFxuICAgICYgPiAubWRjLWxheW91dC1ncmlkX19pbm5lciB7XG4gICAgICAgIGdyaWQtZ2FwOiA4cHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGZpZWxkc0dyaWRTdHlsZSA9IGNzc2BcbiAgICAmLm1kYy1sYXlvdXQtZ3JpZCB7XG4gICAgICAgIHBhZGRpbmc6IDhweDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgT2JqZWN0SXRlbSA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1IaWdoTGlnaHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIFwiJlwiOiB7XG4gICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgIGFuaW1hdGlvbjogXCJ3Zi1ibGluay1pbiAxc1wiLFxuICAgICAgICBib3JkZXI6IFwiMnB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCIsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDAgMTVweCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSg0MiwgMjE3LCAxMzQsIDAuMjUpXCIsXG4gICAgICAgIGJvcmRlclJhZGl1czogXCIycHhcIixcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAtMTIsXG4gICAgICAgIHJpZ2h0OiAtOCxcbiAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiXG4gICAgfSxcbiAgICBcIkBrZXlmcmFtZXMgd2YtYmxpbmstaW5cIjogeyBcIjQwJVwiOiB7IG9wYWNpdHk6IDEgfSB9XG59KTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const fieldsGridStyle = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
@@ -33,8 +22,7 @@ export const fieldsGridStyle = /*#__PURE__*/css(process.env.NODE_ENV === "produc
   styles: "&.mdc-layout-grid{padding:8px;}"
 } : {
   name: "17rca61-fieldsGridStyle",
-  styles: "&.mdc-layout-grid{padding:8px;};label:fieldsGridStyle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJrQyIsImZpbGUiOiJTdHlsZWRDb21wb25lbnRzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5cbmV4cG9ydCBjb25zdCBmaWVsZHNXcmFwcGVyU3R5bGUgPSBjc3NgXG4gICAgYm9yZGVyLWxlZnQ6IDJweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZCk7XG4gICAgcGFkZGluZy1sZWZ0OiAxNnB4O1xuICAgIG1hcmdpbi1sZWZ0OiA2cHg7XG5cbiAgICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBkeW5hbWljU2VjdGlvblRpdGxlU3R5bGUgPSBjc3NgXG4gICAgbWFyZ2luLXRvcDogMjRweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBkeW5hbWljU2VjdGlvbkdyaWRTdHlsZSA9IGNzc2BcbiAgICAmID4gLm1kYy1sYXlvdXQtZ3JpZF9faW5uZXIge1xuICAgICAgICBncmlkLWdhcDogOHB4O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBmaWVsZHNHcmlkU3R5bGUgPSBjc3NgXG4gICAgJi5tZGMtbGF5b3V0LWdyaWQge1xuICAgICAgICBwYWRkaW5nOiA4cHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE9iamVjdEl0ZW0gPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtSGlnaExpZ2h0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBcIiZcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICBhbmltYXRpb246IFwid2YtYmxpbmstaW4gMXNcIixcbiAgICAgICAgYm9yZGVyOiBcIjJweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBib3hTaGFkb3c6IFwiMCAwIDE1cHggdmFyKC0tbWRjLXRoZW1lLXNlY29uZGFyeSlcIixcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoNDIsIDIxNywgMTM0LCAwLjI1KVwiLFxuICAgICAgICBib3JkZXJSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgbGVmdDogLTEyLFxuICAgICAgICByaWdodDogLTgsXG4gICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIlxuICAgIH0sXG4gICAgXCJAa2V5ZnJhbWVzIHdmLWJsaW5rLWluXCI6IHsgXCI0MCVcIjogeyBvcGFjaXR5OiAxIH0gfVxufSk7XG4iXX0= */",
+  styles: "&.mdc-layout-grid{padding:8px;};label:fieldsGridStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWtDIiwiZmlsZSI6IlN0eWxlZENvbXBvbmVudHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uVGl0bGVTdHlsZSA9IGNzc2BcbiAgICBtYXJnaW4tdG9wOiAyNHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uR3JpZFN0eWxlID0gY3NzYFxuICAgICYgPiAubWRjLWxheW91dC1ncmlkX19pbm5lciB7XG4gICAgICAgIGdyaWQtZ2FwOiA4cHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGZpZWxkc0dyaWRTdHlsZSA9IGNzc2BcbiAgICAmLm1kYy1sYXlvdXQtZ3JpZCB7XG4gICAgICAgIHBhZGRpbmc6IDhweDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgT2JqZWN0SXRlbSA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1IaWdoTGlnaHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIFwiJlwiOiB7XG4gICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgIGFuaW1hdGlvbjogXCJ3Zi1ibGluay1pbiAxc1wiLFxuICAgICAgICBib3JkZXI6IFwiMnB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCIsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDAgMTVweCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSg0MiwgMjE3LCAxMzQsIDAuMjUpXCIsXG4gICAgICAgIGJvcmRlclJhZGl1czogXCIycHhcIixcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAtMTIsXG4gICAgICAgIHJpZ2h0OiAtOCxcbiAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiXG4gICAgfSxcbiAgICBcIkBrZXlmcmFtZXMgd2YtYmxpbmstaW5cIjogeyBcIjQwJVwiOiB7IG9wYWNpdHk6IDEgfSB9XG59KTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const ObjectItem = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
@@ -47,8 +35,7 @@ export const ObjectItem = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "
   styles: "position:relative"
 } : {
   name: "bjn8wh",
-  styles: "position:relative",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJvQyIsImZpbGUiOiJTdHlsZWRDb21wb25lbnRzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5cbmV4cG9ydCBjb25zdCBmaWVsZHNXcmFwcGVyU3R5bGUgPSBjc3NgXG4gICAgYm9yZGVyLWxlZnQ6IDJweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZCk7XG4gICAgcGFkZGluZy1sZWZ0OiAxNnB4O1xuICAgIG1hcmdpbi1sZWZ0OiA2cHg7XG5cbiAgICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBkeW5hbWljU2VjdGlvblRpdGxlU3R5bGUgPSBjc3NgXG4gICAgbWFyZ2luLXRvcDogMjRweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBkeW5hbWljU2VjdGlvbkdyaWRTdHlsZSA9IGNzc2BcbiAgICAmID4gLm1kYy1sYXlvdXQtZ3JpZF9faW5uZXIge1xuICAgICAgICBncmlkLWdhcDogOHB4O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBmaWVsZHNHcmlkU3R5bGUgPSBjc3NgXG4gICAgJi5tZGMtbGF5b3V0LWdyaWQge1xuICAgICAgICBwYWRkaW5nOiA4cHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE9iamVjdEl0ZW0gPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtSGlnaExpZ2h0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBcIiZcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICBhbmltYXRpb246IFwid2YtYmxpbmstaW4gMXNcIixcbiAgICAgICAgYm9yZGVyOiBcIjJweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBib3hTaGFkb3c6IFwiMCAwIDE1cHggdmFyKC0tbWRjLXRoZW1lLXNlY29uZGFyeSlcIixcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoNDIsIDIxNywgMTM0LCAwLjI1KVwiLFxuICAgICAgICBib3JkZXJSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgbGVmdDogLTEyLFxuICAgICAgICByaWdodDogLTgsXG4gICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIlxuICAgIH0sXG4gICAgXCJAa2V5ZnJhbWVzIHdmLWJsaW5rLWluXCI6IHsgXCI0MCVcIjogeyBvcGFjaXR5OiAxIH0gfVxufSk7XG4iXX0= */",
+  styles: "position:relative/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJvQyIsImZpbGUiOiJTdHlsZWRDb21wb25lbnRzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5cbmV4cG9ydCBjb25zdCBkeW5hbWljU2VjdGlvblRpdGxlU3R5bGUgPSBjc3NgXG4gICAgbWFyZ2luLXRvcDogMjRweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBkeW5hbWljU2VjdGlvbkdyaWRTdHlsZSA9IGNzc2BcbiAgICAmID4gLm1kYy1sYXlvdXQtZ3JpZF9faW5uZXIge1xuICAgICAgICBncmlkLWdhcDogOHB4O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBmaWVsZHNHcmlkU3R5bGUgPSBjc3NgXG4gICAgJi5tZGMtbGF5b3V0LWdyaWQge1xuICAgICAgICBwYWRkaW5nOiA4cHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE9iamVjdEl0ZW0gPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtSGlnaExpZ2h0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBcIiZcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICBhbmltYXRpb246IFwid2YtYmxpbmstaW4gMXNcIixcbiAgICAgICAgYm9yZGVyOiBcIjJweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBib3hTaGFkb3c6IFwiMCAwIDE1cHggdmFyKC0tbWRjLXRoZW1lLXNlY29uZGFyeSlcIixcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoNDIsIDIxNywgMTM0LCAwLjI1KVwiLFxuICAgICAgICBib3JkZXJSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgbGVmdDogLTEyLFxuICAgICAgICByaWdodDogLTgsXG4gICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIlxuICAgIH0sXG4gICAgXCJAa2V5ZnJhbWVzIHdmLWJsaW5rLWluXCI6IHsgXCI0MCVcIjogeyBvcGFjaXR5OiAxIH0gfVxufSk7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const ItemHighLight = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
@@ -77,6 +64,6 @@ export const ItemHighLight = /*#__PURE__*/_styled("div", process.env.NODE_ENV ==
       opacity: 1
     }
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUM2QiIsImZpbGUiOiJTdHlsZWRDb21wb25lbnRzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5cbmV4cG9ydCBjb25zdCBmaWVsZHNXcmFwcGVyU3R5bGUgPSBjc3NgXG4gICAgYm9yZGVyLWxlZnQ6IDJweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZCk7XG4gICAgcGFkZGluZy1sZWZ0OiAxNnB4O1xuICAgIG1hcmdpbi1sZWZ0OiA2cHg7XG5cbiAgICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBkeW5hbWljU2VjdGlvblRpdGxlU3R5bGUgPSBjc3NgXG4gICAgbWFyZ2luLXRvcDogMjRweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBkeW5hbWljU2VjdGlvbkdyaWRTdHlsZSA9IGNzc2BcbiAgICAmID4gLm1kYy1sYXlvdXQtZ3JpZF9faW5uZXIge1xuICAgICAgICBncmlkLWdhcDogOHB4O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBmaWVsZHNHcmlkU3R5bGUgPSBjc3NgXG4gICAgJi5tZGMtbGF5b3V0LWdyaWQge1xuICAgICAgICBwYWRkaW5nOiA4cHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE9iamVjdEl0ZW0gPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtSGlnaExpZ2h0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBcIiZcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICBhbmltYXRpb246IFwid2YtYmxpbmstaW4gMXNcIixcbiAgICAgICAgYm9yZGVyOiBcIjJweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBib3hTaGFkb3c6IFwiMCAwIDE1cHggdmFyKC0tbWRjLXRoZW1lLXNlY29uZGFyeSlcIixcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoNDIsIDIxNywgMTM0LCAwLjI1KVwiLFxuICAgICAgICBib3JkZXJSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgbGVmdDogLTEyLFxuICAgICAgICByaWdodDogLTgsXG4gICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIlxuICAgIH0sXG4gICAgXCJAa2V5ZnJhbWVzIHdmLWJsaW5rLWluXCI6IHsgXCI0MCVcIjogeyBvcGFjaXR5OiAxIH0gfVxufSk7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUI2QiIsImZpbGUiOiJTdHlsZWRDb21wb25lbnRzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5cbmV4cG9ydCBjb25zdCBkeW5hbWljU2VjdGlvblRpdGxlU3R5bGUgPSBjc3NgXG4gICAgbWFyZ2luLXRvcDogMjRweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBkeW5hbWljU2VjdGlvbkdyaWRTdHlsZSA9IGNzc2BcbiAgICAmID4gLm1kYy1sYXlvdXQtZ3JpZF9faW5uZXIge1xuICAgICAgICBncmlkLWdhcDogOHB4O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBmaWVsZHNHcmlkU3R5bGUgPSBjc3NgXG4gICAgJi5tZGMtbGF5b3V0LWdyaWQge1xuICAgICAgICBwYWRkaW5nOiA4cHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE9iamVjdEl0ZW0gPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtSGlnaExpZ2h0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBcIiZcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICBhbmltYXRpb246IFwid2YtYmxpbmstaW4gMXNcIixcbiAgICAgICAgYm9yZGVyOiBcIjJweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBib3hTaGFkb3c6IFwiMCAwIDE1cHggdmFyKC0tbWRjLXRoZW1lLXNlY29uZGFyeSlcIixcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoNDIsIDIxNywgMTM0LCAwLjI1KVwiLFxuICAgICAgICBib3JkZXJSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgbGVmdDogLTEyLFxuICAgICAgICByaWdodDogLTgsXG4gICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIlxuICAgIH0sXG4gICAgXCJAa2V5ZnJhbWVzIHdmLWJsaW5rLWluXCI6IHsgXCI0MCVcIjogeyBvcGFjaXR5OiAxIH0gfVxufSk7XG4iXX0= */");
 
 //# sourceMappingURL=StyledComponents.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["css","fieldsWrapperStyle","process","env","NODE_ENV","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","dynamicSectionTitleStyle","dynamicSectionGridStyle","fieldsGridStyle","ObjectItem","_styled","target","label","ItemHighLight","opacity","animation","border","boxShadow","backgroundColor","borderRadius","position","top","left","right","bottom","zIndex","pointerEvents"],"sources":["StyledComponents.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"@emotion/css\";\n\nexport const fieldsWrapperStyle = css`\n    border-left: 2px solid var(--mdc-theme-on-background);\n    padding-left: 16px;\n    margin-left: 6px;\n\n    &:focus-within {\n        border-color: var(--mdc-theme-primary);\n    }\n`;\n\nexport const dynamicSectionTitleStyle = css`\n    margin-top: 24px;\n`;\n\nexport const dynamicSectionGridStyle = css`\n    & > .mdc-layout-grid__inner {\n        grid-gap: 8px;\n    }\n`;\n\nexport const fieldsGridStyle = css`\n    &.mdc-layout-grid {\n        padding: 8px;\n    }\n`;\n\nexport const ObjectItem = styled.div`\n    position: relative;\n`;\n\nexport const ItemHighLight = styled(\"div\")({\n    \"&\": {\n        opacity: 0,\n        animation: \"wf-blink-in 1s\",\n        border: \"2px solid var(--mdc-theme-secondary)\",\n        boxShadow: \"0 0 15px var(--mdc-theme-secondary)\",\n        backgroundColor: \"rgba(42, 217, 134, 0.25)\",\n        borderRadius: \"2px\",\n        position: \"absolute\",\n        top: 0,\n        left: -12,\n        right: -8,\n        bottom: 0,\n        zIndex: 1,\n        pointerEvents: \"none\"\n    },\n    \"@keyframes wf-blink-in\": { \"40%\": { opacity: 1 } }\n});\n"],"mappings":";;AACA,SAASA,GAAG,QAAQ,cAAc;AAElC,OAAO,MAAMC,kBAAkB,gBAAGD,GAAG,CAAAE,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAQpC;AAED,OAAO,MAAMC,wBAAwB,gBAAGV,GAAG,CAAAE,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAE1C;AAED,OAAO,MAAME,uBAAuB,gBAAGX,GAAG,CAAAE,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAIzC;AAED,OAAO,MAAMG,eAAe,gBAAGZ,GAAG,CAAAE,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAIjC;AAED,OAAO,MAAMI,UAAU,gBAAAC,OAAA,QAAAZ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAW,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAEtB;AAED,OAAO,MAAMQ,aAAa,gBAAGH,OAAA,CAAO,KAAK,EAAAZ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAW,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAC;EACvC,GAAG,EAAE;IACDE,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE,gBAAgB;IAC3BC,MAAM,EAAE,sCAAsC;IAC9CC,SAAS,EAAE,qCAAqC;IAChDC,eAAe,EAAE,0BAA0B;IAC3CC,YAAY,EAAE,KAAK;IACnBC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC,EAAE;IACTC,KAAK,EAAE,CAAC,CAAC;IACTC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE,CAAC;IACTC,aAAa,EAAE;EACnB,CAAC;EACD,wBAAwB,EAAE;IAAE,KAAK,EAAE;MAAEZ,OAAO,EAAE;IAAE;EAAE;AACtD,CAAC,EAAAhB,OAAA,CAAAC,GAAA,CAAAC,QAAA,u4DAAC","ignoreList":[]}
+{"version":3,"names":["css","dynamicSectionTitleStyle","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","dynamicSectionGridStyle","fieldsGridStyle","ObjectItem","_styled","target","label","ItemHighLight","opacity","animation","border","boxShadow","backgroundColor","borderRadius","position","top","left","right","bottom","zIndex","pointerEvents"],"sources":["StyledComponents.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"@emotion/css\";\n\nexport const dynamicSectionTitleStyle = css`\n    margin-top: 24px;\n`;\n\nexport const dynamicSectionGridStyle = css`\n    & > .mdc-layout-grid__inner {\n        grid-gap: 8px;\n    }\n`;\n\nexport const fieldsGridStyle = css`\n    &.mdc-layout-grid {\n        padding: 8px;\n    }\n`;\n\nexport const ObjectItem = styled.div`\n    position: relative;\n`;\n\nexport const ItemHighLight = styled(\"div\")({\n    \"&\": {\n        opacity: 0,\n        animation: \"wf-blink-in 1s\",\n        border: \"2px solid var(--mdc-theme-secondary)\",\n        boxShadow: \"0 0 15px var(--mdc-theme-secondary)\",\n        backgroundColor: \"rgba(42, 217, 134, 0.25)\",\n        borderRadius: \"2px\",\n        position: \"absolute\",\n        top: 0,\n        left: -12,\n        right: -8,\n        bottom: 0,\n        zIndex: 1,\n        pointerEvents: \"none\"\n    },\n    \"@keyframes wf-blink-in\": { \"40%\": { opacity: 1 } }\n});\n"],"mappings":";;AACA,SAASA,GAAG,QAAQ,cAAc;AAElC,OAAO,MAAMC,wBAAwB,gBAAGD,GAAG,CAAAE,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAE1C;AAED,OAAO,MAAMC,uBAAuB,gBAAGT,GAAG,CAAAE,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAIzC;AAED,OAAO,MAAME,eAAe,gBAAGV,GAAG,CAAAE,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAIjC;AAED,OAAO,MAAMG,UAAU,gBAAAC,OAAA,QAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAS,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAZ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAEtB;AAED,OAAO,MAAMO,aAAa,gBAAGH,OAAA,CAAO,KAAK,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAS,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAC;EACvC,GAAG,EAAE;IACDE,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE,gBAAgB;IAC3BC,MAAM,EAAE,sCAAsC;IAC9CC,SAAS,EAAE,qCAAqC;IAChDC,eAAe,EAAE,0BAA0B;IAC3CC,YAAY,EAAE,KAAK;IACnBC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC,EAAE;IACTC,KAAK,EAAE,CAAC,CAAC;IACTC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE,CAAC;IACTC,aAAa,EAAE;EACnB,CAAC;EACD,wBAAwB,EAAE;IAAE,KAAK,EAAE;MAAEZ,OAAO,EAAE;IAAE;EAAE;AACtD,CAAC,EAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA,+kDAAC","ignoreList":[]}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["singleObjectInline","singleObjectAccordion","multipleObjects","multipleObjectsAccordion","MultiValueItemContainer","Components"],"sources":["index.ts"],"sourcesContent":["import singleObjectInline from \"./singleObjectInline\";\nimport singleObjectAccordion from \"./singleObjectAccordion\";\nimport multipleObjects from \"./multipleObjects\";\nimport multipleObjectsAccordion from \"./multipleObjectsAccordion\";\nimport { MultiValueItemContainer } from \"./MultiValueItemContainer\";\n\nexport const Components = {\n    MultiValueItemContainer\n};\n\nexport default [\n    singleObjectInline,\n    singleObjectAccordion,\n    multipleObjects,\n    multipleObjectsAccordion\n];\n"],"mappings":"AAAA,OAAOA,kBAAkB;AACzB,OAAOC,qBAAqB;AAC5B,OAAOC,eAAe;AACtB,OAAOC,wBAAwB;AAC/B,SAASC,uBAAuB;AAEhC,OAAO,MAAMC,UAAU,GAAG;EACtBD;AACJ,CAAC;AAED,eAAe,CACXJ,kBAAkB,EAClBC,qBAAqB,EACrBC,eAAe,EACfC,wBAAwB,CAC3B","ignoreList":[]}
+{"version":3,"names":["singleObjectAccordion","multipleObjectsAccordion","MultiValueItemContainer","Components"],"sources":["index.ts"],"sourcesContent":["import singleObjectAccordion from \"./singleObjectAccordion.js\";\nimport multipleObjectsAccordion from \"./multipleObjectsAccordion.js\";\nimport { MultiValueItemContainer } from \"./MultiValueItemContainer.js\";\n\nexport const Components = {\n    MultiValueItemContainer\n};\n\nexport default [singleObjectAccordion, multipleObjectsAccordion];\n"],"mappings":"AAAA,OAAOA,qBAAqB;AAC5B,OAAOC,wBAAwB;AAC/B,SAASC,uBAAuB;AAEhC,OAAO,MAAMC,UAAU,GAAG;EACtBD;AACJ,CAAC;AAED,eAAe,CAACF,qBAAqB,EAAEC,wBAAwB,CAAC","ignoreList":[]}

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

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

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

@@ -1,9 +1,9 @@
 import React from "react";
-import { i18n } from "@webiny/app/i18n";
-import { FieldSettings } from "./FieldSettings";
-import { AccordionRenderSettings, getAccordionRenderSettings } from "../AccordionRenderSettings";
-import { MultiValueContainer } from "./MultiValueContainer";
-import { MultiValueRendererSettings } from "../MultiValueRendererSettings";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { FieldSettings } from "./FieldSettings.js";
+import { AccordionRenderSettings, getAccordionRenderSettings } from "../AccordionRenderSettings.js";
+import { MultiValueContainer } from "./MultiValueContainer.js";
+import { MultiValueRendererSettings } from "../MultiValueRendererSettings.js";
 import { Accordion } from "@webiny/admin-ui";
 const t = i18n.ns("app-headless-cms/admin/fields/text");
 const ObjectsRenderer = props => {
@@ -23,9 +23,12 @@ const ObjectsRenderer = props => {
   return /*#__PURE__*/React.createElement(Bind, null, bind => {
     const values = bind.value || [];
     const label = `${field.label} ${values.length ? `(${values.length})` : ""}`;
-    return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(Accordion, null, /*#__PURE__*/React.createElement(Accordion.Item, {
+    return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(Accordion, {
+      background: "base",
+      variant: "container"
+    }, /*#__PURE__*/React.createElement(Accordion.Item, {
       title: label,
-      description: field.helpText,
+      description: field.description,
       defaultOpen: open
     }, /*#__PURE__*/React.createElement(MultiValueContainer, {
       bind: bind,
@@ -44,7 +47,7 @@ const plugin = {
     canUse({
       field
     }) {
-      return field.type === "object" && Boolean(field.multipleValues);
+      return field.type === "object" && Boolean(field.list);
     },
     render(props) {
       return /*#__PURE__*/React.createElement(ObjectsRenderer, props);

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

@@ -1 +1 @@
-{"version":3,"names":["React","i18n","FieldSettings","AccordionRenderSettings","getAccordionRenderSettings","MultiValueContainer","MultiValueRendererSettings","Accordion","t","ns","ObjectsRenderer","props","field","getBind","fieldSettings","createFrom","hasFields","logMissingFields","open","Bind","createElement","bind","values","value","label","length","ValidationContainer","Item","title","description","helpText","defaultOpen","showTitle","plugin","type","name","renderer","rendererName","canUse","Boolean","multipleValues","render","renderSettings","Fragment"],"sources":["multipleObjectsAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport type { CmsModelFieldRendererPlugin, CmsModelFieldRendererProps } from \"~/types\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { AccordionRenderSettings, getAccordionRenderSettings } from \"../AccordionRenderSettings\";\nimport { MultiValueContainer } from \"~/admin/plugins/fieldRenderers/object/MultiValueContainer\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings\";\nimport { Accordion } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst ObjectsRenderer = (props: CmsModelFieldRendererProps) => {\n    const { field, getBind } = props;\n\n    const fieldSettings = FieldSettings.createFrom(field);\n\n    if (!fieldSettings.hasFields()) {\n        fieldSettings.logMissingFields();\n        return null;\n    }\n\n    const { open } = getAccordionRenderSettings(field);\n\n    const Bind = getBind();\n\n    return (\n        <Bind>\n            {bind => {\n                const values = bind.value || [];\n                const label = `${field.label} ${values.length ? `(${values.length})` : \"\"}`;\n\n                return (\n                    <Bind.ValidationContainer>\n                        <Accordion>\n                            <Accordion.Item\n                                title={label}\n                                description={field.helpText}\n                                defaultOpen={open}\n                            >\n                                <MultiValueContainer\n                                    bind={bind}\n                                    getBind={getBind}\n                                    showTitle={false}\n                                />\n                            </Accordion.Item>\n                        </Accordion>\n                    </Bind.ValidationContainer>\n                );\n            }}\n        </Bind>\n    );\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-objects-accordion\",\n    renderer: {\n        rendererName: \"objects-accordion\",\n        name: t`Accordion`,\n        description: t`Renders fields within an accordion.`,\n        canUse({ field }) {\n            return field.type === \"object\" && Boolean(field.multipleValues);\n        },\n        render(props) {\n            return <ObjectsRenderer {...props} />;\n        },\n        renderSettings(props) {\n            return (\n                <>\n                    <MultiValueRendererSettings {...props} />\n                    <AccordionRenderSettings {...props} />\n                </>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,aAAa;AACtB,SAASC,uBAAuB,EAAEC,0BAA0B;AAC5D,SAASC,mBAAmB;AAC5B,SAASC,0BAA0B;AACnC,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,MAAMC,CAAC,GAAGP,IAAI,CAACQ,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,eAAe,GAAIC,KAAiC,IAAK;EAC3D,MAAM;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGF,KAAK;EAEhC,MAAMG,aAAa,GAAGZ,aAAa,CAACa,UAAU,CAACH,KAAK,CAAC;EAErD,IAAI,CAACE,aAAa,CAACE,SAAS,CAAC,CAAC,EAAE;IAC5BF,aAAa,CAACG,gBAAgB,CAAC,CAAC;IAChC,OAAO,IAAI;EACf;EAEA,MAAM;IAAEC;EAAK,CAAC,GAAGd,0BAA0B,CAACQ,KAAK,CAAC;EAElD,MAAMO,IAAI,GAAGN,OAAO,CAAC,CAAC;EAEtB,oBACIb,KAAA,CAAAoB,aAAA,CAACD,IAAI,QACAE,IAAI,IAAI;IACL,MAAMC,MAAM,GAAGD,IAAI,CAACE,KAAK,IAAI,EAAE;IAC/B,MAAMC,KAAK,GAAG,GAAGZ,KAAK,CAACY,KAAK,IAAIF,MAAM,CAACG,MAAM,GAAG,IAAIH,MAAM,CAACG,MAAM,GAAG,GAAG,EAAE,EAAE;IAE3E,oBACIzB,KAAA,CAAAoB,aAAA,CAACD,IAAI,CAACO,mBAAmB,qBACrB1B,KAAA,CAAAoB,aAAA,CAACb,SAAS,qBACNP,KAAA,CAAAoB,aAAA,CAACb,SAAS,CAACoB,IAAI;MACXC,KAAK,EAAEJ,KAAM;MACbK,WAAW,EAAEjB,KAAK,CAACkB,QAAS;MAC5BC,WAAW,EAAEb;IAAK,gBAElBlB,KAAA,CAAAoB,aAAA,CAACf,mBAAmB;MAChBgB,IAAI,EAAEA,IAAK;MACXR,OAAO,EAAEA,OAAQ;MACjBmB,SAAS,EAAE;IAAM,CACpB,CACW,CACT,CACW,CAAC;EAEnC,CACE,CAAC;AAEf,CAAC;AAED,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,6CAA6C;EACnDC,QAAQ,EAAE;IACNC,YAAY,EAAE,mBAAmB;IACjCF,IAAI,EAAE3B,CAAC,WAAW;IAClBqB,WAAW,EAAErB,CAAC,qCAAqC;IACnD8B,MAAMA,CAAC;MAAE1B;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACsB,IAAI,KAAK,QAAQ,IAAIK,OAAO,CAAC3B,KAAK,CAAC4B,cAAc,CAAC;IACnE,CAAC;IACDC,MAAMA,CAAC9B,KAAK,EAAE;MACV,oBAAOX,KAAA,CAAAoB,aAAA,CAACV,eAAe,EAAKC,KAAQ,CAAC;IACzC,CAAC;IACD+B,cAAcA,CAAC/B,KAAK,EAAE;MAClB,oBACIX,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAA2C,QAAA,qBACI3C,KAAA,CAAAoB,aAAA,CAACd,0BAA0B,EAAKK,KAAQ,CAAC,eACzCX,KAAA,CAAAoB,aAAA,CAACjB,uBAAuB,EAAKQ,KAAQ,CACvC,CAAC;IAEX;EACJ;AACJ,CAAC;AAED,eAAesB,MAAM","ignoreList":[]}
+{"version":3,"names":["React","i18n","FieldSettings","AccordionRenderSettings","getAccordionRenderSettings","MultiValueContainer","MultiValueRendererSettings","Accordion","t","ns","ObjectsRenderer","props","field","getBind","fieldSettings","createFrom","hasFields","logMissingFields","open","Bind","createElement","bind","values","value","label","length","ValidationContainer","background","variant","Item","title","description","defaultOpen","showTitle","plugin","type","name","renderer","rendererName","canUse","Boolean","list","render","renderSettings","Fragment"],"sources":["multipleObjectsAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsModelFieldRendererPlugin, CmsModelFieldRendererProps } from \"~/types.js\";\nimport { FieldSettings } from \"./FieldSettings.js\";\nimport { AccordionRenderSettings, getAccordionRenderSettings } from \"../AccordionRenderSettings.js\";\nimport { MultiValueContainer } from \"~/admin/plugins/fieldRenderers/object/MultiValueContainer.js\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings.js\";\nimport { Accordion } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst ObjectsRenderer = (props: CmsModelFieldRendererProps) => {\n    const { field, getBind } = props;\n\n    const fieldSettings = FieldSettings.createFrom(field);\n\n    if (!fieldSettings.hasFields()) {\n        fieldSettings.logMissingFields();\n        return null;\n    }\n\n    const { open } = getAccordionRenderSettings(field);\n\n    const Bind = getBind();\n\n    return (\n        <Bind>\n            {bind => {\n                const values = bind.value || [];\n                const label = `${field.label} ${values.length ? `(${values.length})` : \"\"}`;\n\n                return (\n                    <Bind.ValidationContainer>\n                        <Accordion background={\"base\"} variant={\"container\"}>\n                            <Accordion.Item\n                                title={label}\n                                description={field.description}\n                                defaultOpen={open}\n                            >\n                                <MultiValueContainer\n                                    bind={bind}\n                                    getBind={getBind}\n                                    showTitle={false}\n                                />\n                            </Accordion.Item>\n                        </Accordion>\n                    </Bind.ValidationContainer>\n                );\n            }}\n        </Bind>\n    );\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-objects-accordion\",\n    renderer: {\n        rendererName: \"objects-accordion\",\n        name: t`Accordion`,\n        description: t`Renders fields within an accordion.`,\n        canUse({ field }) {\n            return field.type === \"object\" && Boolean(field.list);\n        },\n        render(props) {\n            return <ObjectsRenderer {...props} />;\n        },\n        renderSettings(props) {\n            return (\n                <>\n                    <MultiValueRendererSettings {...props} />\n                    <AccordionRenderSettings {...props} />\n                </>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,SAASC,aAAa;AACtB,SAASC,uBAAuB,EAAEC,0BAA0B;AAC5D,SAASC,mBAAmB;AAC5B,SAASC,0BAA0B;AACnC,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,MAAMC,CAAC,GAAGP,IAAI,CAACQ,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,eAAe,GAAIC,KAAiC,IAAK;EAC3D,MAAM;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGF,KAAK;EAEhC,MAAMG,aAAa,GAAGZ,aAAa,CAACa,UAAU,CAACH,KAAK,CAAC;EAErD,IAAI,CAACE,aAAa,CAACE,SAAS,CAAC,CAAC,EAAE;IAC5BF,aAAa,CAACG,gBAAgB,CAAC,CAAC;IAChC,OAAO,IAAI;EACf;EAEA,MAAM;IAAEC;EAAK,CAAC,GAAGd,0BAA0B,CAACQ,KAAK,CAAC;EAElD,MAAMO,IAAI,GAAGN,OAAO,CAAC,CAAC;EAEtB,oBACIb,KAAA,CAAAoB,aAAA,CAACD,IAAI,QACAE,IAAI,IAAI;IACL,MAAMC,MAAM,GAAGD,IAAI,CAACE,KAAK,IAAI,EAAE;IAC/B,MAAMC,KAAK,GAAG,GAAGZ,KAAK,CAACY,KAAK,IAAIF,MAAM,CAACG,MAAM,GAAG,IAAIH,MAAM,CAACG,MAAM,GAAG,GAAG,EAAE,EAAE;IAE3E,oBACIzB,KAAA,CAAAoB,aAAA,CAACD,IAAI,CAACO,mBAAmB,qBACrB1B,KAAA,CAAAoB,aAAA,CAACb,SAAS;MAACoB,UAAU,EAAE,MAAO;MAACC,OAAO,EAAE;IAAY,gBAChD5B,KAAA,CAAAoB,aAAA,CAACb,SAAS,CAACsB,IAAI;MACXC,KAAK,EAAEN,KAAM;MACbO,WAAW,EAAEnB,KAAK,CAACmB,WAAY;MAC/BC,WAAW,EAAEd;IAAK,gBAElBlB,KAAA,CAAAoB,aAAA,CAACf,mBAAmB;MAChBgB,IAAI,EAAEA,IAAK;MACXR,OAAO,EAAEA,OAAQ;MACjBoB,SAAS,EAAE;IAAM,CACpB,CACW,CACT,CACW,CAAC;EAEnC,CACE,CAAC;AAEf,CAAC;AAED,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,6CAA6C;EACnDC,QAAQ,EAAE;IACNC,YAAY,EAAE,mBAAmB;IACjCF,IAAI,EAAE5B,CAAC,WAAW;IAClBuB,WAAW,EAAEvB,CAAC,qCAAqC;IACnD+B,MAAMA,CAAC;MAAE3B;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACuB,IAAI,KAAK,QAAQ,IAAIK,OAAO,CAAC5B,KAAK,CAAC6B,IAAI,CAAC;IACzD,CAAC;IACDC,MAAMA,CAAC/B,KAAK,EAAE;MACV,oBAAOX,KAAA,CAAAoB,aAAA,CAACV,eAAe,EAAKC,KAAQ,CAAC;IACzC,CAAC;IACDgC,cAAcA,CAAChC,KAAK,EAAE;MAClB,oBACIX,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAA4C,QAAA,qBACI5C,KAAA,CAAAoB,aAAA,CAACd,0BAA0B,EAAKK,KAAQ,CAAC,eACzCX,KAAA,CAAAoB,aAAA,CAACjB,uBAAuB,EAAKQ,KAAQ,CACvC,CAAC;IAEX;EACJ;AACJ,CAAC;AAED,eAAeuB,MAAM","ignoreList":[]}

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

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

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

@@ -1,11 +1,12 @@
 import React from "react";
-import { i18n } from "@webiny/app/i18n";
-import { Accordion, AccordionItem } from "@webiny/ui/Accordion";
-import { Fields } from "../../../components/ContentEntryForm/Fields";
-import { FieldSettings } from "./FieldSettings";
-import { ParentFieldProvider } from "../../../hooks";
-import { ParentValueIndexProvider } from "../../../components/ModelFieldProvider";
-import { AccordionRenderSettings, getAccordionRenderSettings } from "../AccordionRenderSettings";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { Accordion } from "@webiny/admin-ui";
+import { Fields } from "../../../components/ContentEntryForm/Fields.js";
+import { FieldSettings } from "./FieldSettings.js";
+import { ParentFieldProvider } from "../../../hooks/index.js";
+import { ParentValueIndexProvider } from "../../../components/ModelFieldProvider/index.js";
+import { AccordionRenderSettings, getAccordionRenderSettings } from "../AccordionRenderSettings.js";
+import { ReactComponent as HorizontalRuleIcon } from "@webiny/icons/horizontal_rule.svg";
 const t = i18n.ns("app-headless-cms/admin/fields/text");
 const plugin = {
   type: "cms-editor-field-renderer",
@@ -17,7 +18,7 @@ const plugin = {
     canUse({
       field
     }) {
-      return field.type === "object" && !field.multipleValues;
+      return field.type === "object" && !field.list;
     },
     render({
       field,
@@ -39,10 +40,18 @@ const plugin = {
         path: Bind.parentName
       }, /*#__PURE__*/React.createElement(ParentValueIndexProvider, {
         index: -1
-      }, /*#__PURE__*/React.createElement(Accordion, null, /*#__PURE__*/React.createElement(AccordionItem, {
+      }, /*#__PURE__*/React.createElement(Accordion, {
+        background: "base",
+        variant: "container"
+      }, /*#__PURE__*/React.createElement(Accordion.Item, {
+        icon: /*#__PURE__*/React.createElement(Accordion.Item.Icon, {
+          color: "accent",
+          label: "Accordion Item",
+          icon: /*#__PURE__*/React.createElement(HorizontalRuleIcon, null)
+        }),
         title: field.label,
-        description: field.helpText,
-        open: open
+        description: field.description,
+        defaultOpen: open
       }, /*#__PURE__*/React.createElement(Fields, {
         Bind: Bind,
         contentModel: contentModel,

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

@@ -1 +1 @@
-{"version":3,"names":["React","i18n","Accordion","AccordionItem","Fields","FieldSettings","ParentFieldProvider","ParentValueIndexProvider","AccordionRenderSettings","getAccordionRenderSettings","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","contentModel","Bind","fieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","open","createElement","bindProps","ValidationContainer","value","path","parentName","index","title","label","helpText","fields","layout","renderSettings"],"sources":["singleObjectAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { ParentFieldProvider } from \"~/admin/hooks\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider\";\nimport {\n    AccordionRenderSettings,\n    getAccordionRenderSettings\n} from \"~/admin/plugins/fieldRenderers/AccordionRenderSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-object-accordion\",\n    renderer: {\n        rendererName: \"object-accordion\",\n        name: t`Accordion`,\n        description: t`Renders fields within an accordion.`,\n        canUse({ field }) {\n            return field.type === \"object\" && !field.multipleValues;\n        },\n        render({ field, getBind, contentModel }) {\n            const Bind = getBind();\n\n            const fieldSettings = FieldSettings.createFrom(field);\n\n            if (!fieldSettings.hasFields()) {\n                fieldSettings.logMissingFields();\n                return null;\n            }\n\n            const settings = fieldSettings.getSettings();\n            const { open } = getAccordionRenderSettings(field);\n\n            return (\n                <Bind>\n                    {bindProps => (\n                        <Bind.ValidationContainer>\n                            <ParentFieldProvider value={bindProps.value} path={Bind.parentName}>\n                                <ParentValueIndexProvider index={-1}>\n                                    <Accordion>\n                                        <AccordionItem\n                                            title={field.label}\n                                            description={field.helpText}\n                                            open={open}\n                                        >\n                                            <Fields\n                                                Bind={Bind}\n                                                contentModel={contentModel}\n                                                fields={settings.fields || []}\n                                                layout={settings.layout || []}\n                                            />\n                                        </AccordionItem>\n                                    </Accordion>\n                                </ParentValueIndexProvider>\n                            </ParentFieldProvider>\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        },\n        renderSettings({ field }) {\n            return <AccordionRenderSettings field={field} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,SAAS,EAAEC,aAAa,QAAQ,sBAAsB;AAE/D,SAASC,MAAM;AACf,SAASC,aAAa;AACtB,SAASC,mBAAmB;AAC5B,SAASC,wBAAwB;AACjC,SACIC,uBAAuB,EACvBC,0BAA0B;AAG9B,MAAMC,CAAC,GAAGT,IAAI,CAACU,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,4CAA4C;EAClDC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBAAkB;IAChCF,IAAI,EAAEJ,CAAC,WAAW;IAClBO,WAAW,EAAEP,CAAC,qCAAqC;IACnDQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACN,IAAI,KAAK,QAAQ,IAAI,CAACM,KAAK,CAACC,cAAc;IAC3D,CAAC;IACDC,MAAMA,CAAC;MAAEF,KAAK;MAAEG,OAAO;MAAEC;IAAa,CAAC,EAAE;MACrC,MAAMC,IAAI,GAAGF,OAAO,CAAC,CAAC;MAEtB,MAAMG,aAAa,GAAGpB,aAAa,CAACqB,UAAU,CAACP,KAAK,CAAC;MAErD,IAAI,CAACM,aAAa,CAACE,SAAS,CAAC,CAAC,EAAE;QAC5BF,aAAa,CAACG,gBAAgB,CAAC,CAAC;QAChC,OAAO,IAAI;MACf;MAEA,MAAMC,QAAQ,GAAGJ,aAAa,CAACK,WAAW,CAAC,CAAC;MAC5C,MAAM;QAAEC;MAAK,CAAC,GAAGtB,0BAA0B,CAACU,KAAK,CAAC;MAElD,oBACInB,KAAA,CAAAgC,aAAA,CAACR,IAAI,QACAS,SAAS,iBACNjC,KAAA,CAAAgC,aAAA,CAACR,IAAI,CAACU,mBAAmB,qBACrBlC,KAAA,CAAAgC,aAAA,CAAC1B,mBAAmB;QAAC6B,KAAK,EAAEF,SAAS,CAACE,KAAM;QAACC,IAAI,EAAEZ,IAAI,CAACa;MAAW,gBAC/DrC,KAAA,CAAAgC,aAAA,CAACzB,wBAAwB;QAAC+B,KAAK,EAAE,CAAC;MAAE,gBAChCtC,KAAA,CAAAgC,aAAA,CAAC9B,SAAS,qBACNF,KAAA,CAAAgC,aAAA,CAAC7B,aAAa;QACVoC,KAAK,EAAEpB,KAAK,CAACqB,KAAM;QACnBvB,WAAW,EAAEE,KAAK,CAACsB,QAAS;QAC5BV,IAAI,EAAEA;MAAK,gBAEX/B,KAAA,CAAAgC,aAAA,CAAC5B,MAAM;QACHoB,IAAI,EAAEA,IAAK;QACXD,YAAY,EAAEA,YAAa;QAC3BmB,MAAM,EAAEb,QAAQ,CAACa,MAAM,IAAI,EAAG;QAC9BC,MAAM,EAAEd,QAAQ,CAACc,MAAM,IAAI;MAAG,CACjC,CACU,CACR,CACW,CACT,CACC,CAE5B,CAAC;IAEf,CAAC;IACDC,cAAcA,CAAC;MAAEzB;IAAM,CAAC,EAAE;MACtB,oBAAOnB,KAAA,CAAAgC,aAAA,CAACxB,uBAAuB;QAACW,KAAK,EAAEA;MAAM,CAAE,CAAC;IACpD;EACJ;AACJ,CAAC;AAED,eAAeP,MAAM","ignoreList":[]}
+{"version":3,"names":["React","i18n","Accordion","Fields","FieldSettings","ParentFieldProvider","ParentValueIndexProvider","AccordionRenderSettings","getAccordionRenderSettings","ReactComponent","HorizontalRuleIcon","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","getBind","contentModel","Bind","fieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","open","createElement","bindProps","ValidationContainer","value","path","parentName","index","background","variant","Item","icon","Icon","color","label","title","defaultOpen","fields","layout","renderSettings"],"sources":["singleObjectAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Accordion } from \"@webiny/admin-ui\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields.js\";\nimport { FieldSettings } from \"./FieldSettings.js\";\nimport { ParentFieldProvider } from \"~/admin/hooks/index.js\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider/index.js\";\nimport {\n    AccordionRenderSettings,\n    getAccordionRenderSettings\n} from \"~/admin/plugins/fieldRenderers/AccordionRenderSettings.js\";\nimport { ReactComponent as HorizontalRuleIcon } from \"@webiny/icons/horizontal_rule.svg\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-object-accordion\",\n    renderer: {\n        rendererName: \"object-accordion\",\n        name: t`Accordion`,\n        description: t`Renders fields within an accordion.`,\n        canUse({ field }) {\n            return field.type === \"object\" && !field.list;\n        },\n        render({ field, getBind, contentModel }) {\n            const Bind = getBind();\n\n            const fieldSettings = FieldSettings.createFrom(field);\n\n            if (!fieldSettings.hasFields()) {\n                fieldSettings.logMissingFields();\n                return null;\n            }\n\n            const settings = fieldSettings.getSettings();\n            const { open } = getAccordionRenderSettings(field);\n\n            return (\n                <Bind>\n                    {bindProps => (\n                        <Bind.ValidationContainer>\n                            <ParentFieldProvider value={bindProps.value} path={Bind.parentName}>\n                                <ParentValueIndexProvider index={-1}>\n                                    <Accordion background={\"base\"} variant={\"container\"}>\n                                        <Accordion.Item\n                                            icon={\n                                                <Accordion.Item.Icon\n                                                    color={\"accent\"}\n                                                    label=\"Accordion Item\"\n                                                    icon={<HorizontalRuleIcon />}\n                                                />\n                                            }\n                                            title={field.label}\n                                            description={field.description}\n                                            defaultOpen={open}\n                                        >\n                                            <Fields\n                                                Bind={Bind}\n                                                contentModel={contentModel}\n                                                fields={settings.fields || []}\n                                                layout={settings.layout || []}\n                                            />\n                                        </Accordion.Item>\n                                    </Accordion>\n                                </ParentValueIndexProvider>\n                            </ParentFieldProvider>\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        },\n        renderSettings({ field }) {\n            return <AccordionRenderSettings field={field} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,MAAM;AACf,SAASC,aAAa;AACtB,SAASC,mBAAmB;AAC5B,SAASC,wBAAwB;AACjC,SACIC,uBAAuB,EACvBC,0BAA0B;AAE9B,SAASC,cAAc,IAAIC,kBAAkB,QAAQ,mCAAmC;AAExF,MAAMC,CAAC,GAAGV,IAAI,CAACW,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,4CAA4C;EAClDC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBAAkB;IAChCF,IAAI,EAAEJ,CAAC,WAAW;IAClBO,WAAW,EAAEP,CAAC,qCAAqC;IACnDQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACN,IAAI,KAAK,QAAQ,IAAI,CAACM,KAAK,CAACC,IAAI;IACjD,CAAC;IACDC,MAAMA,CAAC;MAAEF,KAAK;MAAEG,OAAO;MAAEC;IAAa,CAAC,EAAE;MACrC,MAAMC,IAAI,GAAGF,OAAO,CAAC,CAAC;MAEtB,MAAMG,aAAa,GAAGtB,aAAa,CAACuB,UAAU,CAACP,KAAK,CAAC;MAErD,IAAI,CAACM,aAAa,CAACE,SAAS,CAAC,CAAC,EAAE;QAC5BF,aAAa,CAACG,gBAAgB,CAAC,CAAC;QAChC,OAAO,IAAI;MACf;MAEA,MAAMC,QAAQ,GAAGJ,aAAa,CAACK,WAAW,CAAC,CAAC;MAC5C,MAAM;QAAEC;MAAK,CAAC,GAAGxB,0BAA0B,CAACY,KAAK,CAAC;MAElD,oBACIpB,KAAA,CAAAiC,aAAA,CAACR,IAAI,QACAS,SAAS,iBACNlC,KAAA,CAAAiC,aAAA,CAACR,IAAI,CAACU,mBAAmB,qBACrBnC,KAAA,CAAAiC,aAAA,CAAC5B,mBAAmB;QAAC+B,KAAK,EAAEF,SAAS,CAACE,KAAM;QAACC,IAAI,EAAEZ,IAAI,CAACa;MAAW,gBAC/DtC,KAAA,CAAAiC,aAAA,CAAC3B,wBAAwB;QAACiC,KAAK,EAAE,CAAC;MAAE,gBAChCvC,KAAA,CAAAiC,aAAA,CAAC/B,SAAS;QAACsC,UAAU,EAAE,MAAO;QAACC,OAAO,EAAE;MAAY,gBAChDzC,KAAA,CAAAiC,aAAA,CAAC/B,SAAS,CAACwC,IAAI;QACXC,IAAI,eACA3C,KAAA,CAAAiC,aAAA,CAAC/B,SAAS,CAACwC,IAAI,CAACE,IAAI;UAChBC,KAAK,EAAE,QAAS;UAChBC,KAAK,EAAC,gBAAgB;UACtBH,IAAI,eAAE3C,KAAA,CAAAiC,aAAA,CAACvB,kBAAkB,MAAE;QAAE,CAChC,CACJ;QACDqC,KAAK,EAAE3B,KAAK,CAAC0B,KAAM;QACnB5B,WAAW,EAAEE,KAAK,CAACF,WAAY;QAC/B8B,WAAW,EAAEhB;MAAK,gBAElBhC,KAAA,CAAAiC,aAAA,CAAC9B,MAAM;QACHsB,IAAI,EAAEA,IAAK;QACXD,YAAY,EAAEA,YAAa;QAC3ByB,MAAM,EAAEnB,QAAQ,CAACmB,MAAM,IAAI,EAAG;QAC9BC,MAAM,EAAEpB,QAAQ,CAACoB,MAAM,IAAI;MAAG,CACjC,CACW,CACT,CACW,CACT,CACC,CAE5B,CAAC;IAEf,CAAC;IACDC,cAAcA,CAAC;MAAE/B;IAAM,CAAC,EAAE;MACtB,oBAAOpB,KAAA,CAAAiC,aAAA,CAAC1B,uBAAuB;QAACa,KAAK,EAAEA;MAAM,CAAE,CAAC;IACpD;EACJ;AACJ,CAAC;AAED,eAAeP,MAAM","ignoreList":[]}

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

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

package/admin/plugins/fieldRenderers/passthrough.js

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

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

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

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

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

package/admin/plugins/fieldRenderers/radioButtons.js

@@ -1,7 +1,8 @@
 import React from "react";
-import get from "lodash/get";
-import { i18n } from "@webiny/app/i18n";
+import get from "lodash/get.js";
+import { i18n } from "@webiny/app/i18n/index.js";
 import { RadioGroup } from "@webiny/admin-ui";
+import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
 const t = i18n.ns("app-headless-cms/admin/fields/text");
 const plugin = {
   type: "cms-editor-field-renderer",
@@ -13,12 +14,16 @@ const plugin = {
     canUse({
       field
     }) {
-      return !field.multipleValues && !!get(field, "predefinedValues.enabled");
+      return !field.list && !!get(field, "predefinedValues.enabled");
     },
     render({
-      field,
       getBind
     }) {
+      const {
+        field
+      } = useModelField();
+      const rules = useFieldEffectiveRules(field);
+      const disabled = !rules.canEdit || rules.disabled;
       const Bind = getBind();
       const {
         values: options = []
@@ -33,14 +38,17 @@ const plugin = {
         value,
         ...bind
       }) => /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(RadioGroup, Object.assign({}, bind, {
+        disabled: disabled,
         label: field.label,
-        description: field.helpText,
+        description: field.description,
+        note: field.note,
+        hint: field.help,
         items: options.map(option => ({
           label: option.label,
           value: String(option.value),
           selected: option.selected
         })),
-        value: String(value),
+        value: typeof value !== "undefined" ? String(value) : undefined,
         onChange: value => {
           if (field.type === "number") {
             onChange(Number(value));

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

@@ -1 +1 @@
-{"version":3,"names":["React","get","i18n","RadioGroup","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","values","options","predefinedValues","defaultOption","find","opt","selected","createElement","defaultValue","value","undefined","onChange","bind","ValidationContainer","Object","assign","label","helpText","items","map","option","String","Number"],"sources":["radioButtons.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { RadioGroup } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-radio-buttons\",\n    renderer: {\n        rendererName: \"radio-buttons\",\n        name: t`Radio Buttons`,\n        description: t`Renders radio buttons, allowing selection of a single value.`,\n        canUse({ field }) {\n            return !field.multipleValues && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const { values: options = [] } = field.predefinedValues || {\n                options: []\n            };\n\n            const defaultOption = options.find(opt => opt.selected === true);\n\n            return (\n                <Bind defaultValue={defaultOption ? defaultOption.value : undefined}>\n                    {({ onChange, value, ...bind }) => (\n                        <Bind.ValidationContainer>\n                            <RadioGroup\n                                {...bind}\n                                label={field.label}\n                                description={field.helpText}\n                                items={options.map(option => ({\n                                    label: option.label,\n                                    value: String(option.value),\n                                    selected: option.selected\n                                }))}\n                                value={String(value)}\n                                onChange={value => {\n                                    if (field.type === \"number\") {\n                                        onChange(Number(value));\n                                    } else {\n                                        onChange(String(value));\n                                    }\n                                }}\n                            />\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,YAAY;AAE5B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,yCAAyC;EAC/CC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEJ,CAAC,eAAe;IACtBO,WAAW,EAAEP,CAAC,8DAA8D;IAC5EQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAO,CAACA,KAAK,CAACC,cAAc,IAAI,CAAC,CAACb,GAAG,CAACY,KAAK,EAAE,0BAA0B,CAAC;IAC5E,CAAC;IACDE,MAAMA,CAAC;MAAEF,KAAK;MAAEG;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,MAAM;QAAEE,MAAM,EAAEC,OAAO,GAAG;MAAG,CAAC,GAAGN,KAAK,CAACO,gBAAgB,IAAI;QACvDD,OAAO,EAAE;MACb,CAAC;MAED,MAAME,aAAa,GAAGF,OAAO,CAACG,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACC,QAAQ,KAAK,IAAI,CAAC;MAEhE,oBACIxB,KAAA,CAAAyB,aAAA,CAACR,IAAI;QAACS,YAAY,EAAEL,aAAa,GAAGA,aAAa,CAACM,KAAK,GAAGC;MAAU,GAC/D,CAAC;QAAEC,QAAQ;QAAEF,KAAK;QAAE,GAAGG;MAAK,CAAC,kBAC1B9B,KAAA,CAAAyB,aAAA,CAACR,IAAI,CAACc,mBAAmB,qBACrB/B,KAAA,CAAAyB,aAAA,CAACtB,UAAU,EAAA6B,MAAA,CAAAC,MAAA,KACHH,IAAI;QACRI,KAAK,EAAErB,KAAK,CAACqB,KAAM;QACnBvB,WAAW,EAAEE,KAAK,CAACsB,QAAS;QAC5BC,KAAK,EAAEjB,OAAO,CAACkB,GAAG,CAACC,MAAM,KAAK;UAC1BJ,KAAK,EAAEI,MAAM,CAACJ,KAAK;UACnBP,KAAK,EAAEY,MAAM,CAACD,MAAM,CAACX,KAAK,CAAC;UAC3BH,QAAQ,EAAEc,MAAM,CAACd;QACrB,CAAC,CAAC,CAAE;QACJG,KAAK,EAAEY,MAAM,CAACZ,KAAK,CAAE;QACrBE,QAAQ,EAAEF,KAAK,IAAI;UACf,IAAId,KAAK,CAACN,IAAI,KAAK,QAAQ,EAAE;YACzBsB,QAAQ,CAACW,MAAM,CAACb,KAAK,CAAC,CAAC;UAC3B,CAAC,MAAM;YACHE,QAAQ,CAACU,MAAM,CAACZ,KAAK,CAAC,CAAC;UAC3B;QACJ;MAAE,EACL,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAerB,MAAM","ignoreList":[]}
+{"version":3,"names":["React","get","i18n","RadioGroup","useFieldEffectiveRules","useModelField","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","getBind","rules","disabled","canEdit","Bind","values","options","predefinedValues","defaultOption","find","opt","selected","createElement","defaultValue","value","undefined","onChange","bind","ValidationContainer","Object","assign","label","note","hint","help","items","map","option","String","Number"],"sources":["radioButtons.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 { RadioGroup } from \"@webiny/admin-ui\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-radio-buttons\",\n    renderer: {\n        rendererName: \"radio-buttons\",\n        name: t`Radio Buttons`,\n        description: t`Renders radio buttons, allowing selection of a single value.`,\n        canUse({ field }) {\n            return !field.list && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ getBind }) {\n            const { field } = useModelField();\n            const rules = useFieldEffectiveRules(field);\n            const disabled = !rules.canEdit || rules.disabled;\n            const Bind = getBind();\n\n            const { values: options = [] } = field.predefinedValues || {\n                options: []\n            };\n\n            const defaultOption = options.find(opt => opt.selected === true);\n\n            return (\n                <Bind defaultValue={defaultOption ? defaultOption.value : undefined}>\n                    {({ onChange, value, ...bind }) => (\n                        <Bind.ValidationContainer>\n                            <RadioGroup\n                                {...bind}\n                                disabled={disabled}\n                                label={field.label}\n                                description={field.description}\n                                note={field.note}\n                                hint={field.help}\n                                items={options.map(option => ({\n                                    label: option.label,\n                                    value: String(option.value),\n                                    selected: option.selected\n                                }))}\n                                value={typeof value !== \"undefined\" ? String(value) : undefined}\n                                onChange={value => {\n                                    if (field.type === \"number\") {\n                                        onChange(Number(value));\n                                    } else {\n                                        onChange(String(value));\n                                    }\n                                }}\n                            />\n                        </Bind.ValidationContainer>\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,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,sBAAsB,EAAEC,aAAa,QAAQ,iCAAiC;AAEvF,MAAMC,CAAC,GAAGJ,IAAI,CAACK,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,yCAAyC;EAC/CC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEJ,CAAC,eAAe;IACtBO,WAAW,EAAEP,CAAC,8DAA8D;IAC5EQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAO,CAACA,KAAK,CAACC,IAAI,IAAI,CAAC,CAACf,GAAG,CAACc,KAAK,EAAE,0BAA0B,CAAC;IAClE,CAAC;IACDE,MAAMA,CAAC;MAAEC;IAAQ,CAAC,EAAE;MAChB,MAAM;QAAEH;MAAM,CAAC,GAAGV,aAAa,CAAC,CAAC;MACjC,MAAMc,KAAK,GAAGf,sBAAsB,CAACW,KAAK,CAAC;MAC3C,MAAMK,QAAQ,GAAG,CAACD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACC,QAAQ;MACjD,MAAME,IAAI,GAAGJ,OAAO,CAAC,CAAC;MAEtB,MAAM;QAAEK,MAAM,EAAEC,OAAO,GAAG;MAAG,CAAC,GAAGT,KAAK,CAACU,gBAAgB,IAAI;QACvDD,OAAO,EAAE;MACb,CAAC;MAED,MAAME,aAAa,GAAGF,OAAO,CAACG,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACC,QAAQ,KAAK,IAAI,CAAC;MAEhE,oBACI7B,KAAA,CAAA8B,aAAA,CAACR,IAAI;QAACS,YAAY,EAAEL,aAAa,GAAGA,aAAa,CAACM,KAAK,GAAGC;MAAU,GAC/D,CAAC;QAAEC,QAAQ;QAAEF,KAAK;QAAE,GAAGG;MAAK,CAAC,kBAC1BnC,KAAA,CAAA8B,aAAA,CAACR,IAAI,CAACc,mBAAmB,qBACrBpC,KAAA,CAAA8B,aAAA,CAAC3B,UAAU,EAAAkC,MAAA,CAAAC,MAAA,KACHH,IAAI;QACRf,QAAQ,EAAEA,QAAS;QACnBmB,KAAK,EAAExB,KAAK,CAACwB,KAAM;QACnB1B,WAAW,EAAEE,KAAK,CAACF,WAAY;QAC/B2B,IAAI,EAAEzB,KAAK,CAACyB,IAAK;QACjBC,IAAI,EAAE1B,KAAK,CAAC2B,IAAK;QACjBC,KAAK,EAAEnB,OAAO,CAACoB,GAAG,CAACC,MAAM,KAAK;UAC1BN,KAAK,EAAEM,MAAM,CAACN,KAAK;UACnBP,KAAK,EAAEc,MAAM,CAACD,MAAM,CAACb,KAAK,CAAC;UAC3BH,QAAQ,EAAEgB,MAAM,CAAChB;QACrB,CAAC,CAAC,CAAE;QACJG,KAAK,EAAE,OAAOA,KAAK,KAAK,WAAW,GAAGc,MAAM,CAACd,KAAK,CAAC,GAAGC,SAAU;QAChEC,QAAQ,EAAEF,KAAK,IAAI;UACf,IAAIjB,KAAK,CAACN,IAAI,KAAK,QAAQ,EAAE;YACzByB,QAAQ,CAACa,MAAM,CAACf,KAAK,CAAC,CAAC;UAC3B,CAAC,MAAM;YACHE,QAAQ,CAACY,MAAM,CAACd,KAAK,CAAC,CAAC;UAC3B;QACJ;MAAE,EACL,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAexB,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedMultipleReferenceField.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import type { BindComponentRenderProp, CmsModelFieldRendererProps } from "../../../../../../types";
-import type { CmsReferenceValue } from "../../components/types";
+import type { BindComponentRenderProp, CmsModelFieldRendererProps } from "../../../../../../types.js";
+import type { CmsReferenceValue } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
 interface AdvancedMultipleReferenceFieldProps extends CmsModelFieldRendererProps {
     bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;
 }

package/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedMultipleReferenceField.js

@@ -1,36 +1,30 @@
 import React, { useCallback, useEffect, useMemo, useState } from "react";
-import * as GQL from "../../../../../viewsGraphql";
-import { withoutBeingDeletedModels } from "../../../../../viewsGraphql";
-import { Options } from "./Options";
-import { useReferences } from "../hooks/useReferences";
-import { Entry } from "./Entry";
-import { Container } from "./Container";
-import { ReferencesDialog } from "./ReferencesDialog";
-import { useModelFieldGraphqlContext, useQuery } from "../../../../../hooks";
+import * as GQL from "../../../../../viewsGraphql.js";
+import { withoutBeingDeletedModels } from "../../../../../viewsGraphql.js";
+import { Options } from "./Options.js";
+import { useReferences } from "../hooks/useReferences.js";
+import { Entry } from "./Entry.js";
+import { ReferencesDialog } from "./ReferencesDialog.js";
+import { useModelField, useModelFieldGraphqlContext, useQuery } from "../../../../../hooks/index.js";
 import { useSnackbar } from "@webiny/app-admin";
 import { parseIdentifier } from "@webiny/utils";
-import { Entries } from "./Entries";
-import { NewReferencedEntryDialog } from "../../components/NewReferencedEntryDialog";
-import { FormComponentErrorMessage, FormComponentLabel, OverlayLoader, Text } from "@webiny/admin-ui";
-const getRecordCountMessage = count => {
-  switch (count) {
-    case 0:
-      return "no records selected";
-    case 1:
-      return "1 record selected";
-    default:
-      return `${count} records selected`;
-  }
-};
+import { Entries } from "./Entries.js";
+import { NewReferencedEntryDialog } from "../../components/NewReferencedEntryDialog.js";
+import { FormComponentErrorMessage, FormComponentLabel } from "@webiny/admin-ui";
+import { CanEditField, useFieldEffectiveRules } from "@webiny/app-headless-cms-common";
 export const AdvancedMultipleReferenceField = props => {
   const {
-    bind,
-    field
+    bind
   } = props;
   const {
     showSnackbar
   } = useSnackbar();
+  const {
+    field
+  } = useModelField();
+  const rules = useFieldEffectiveRules(field);
   const requestContext = useModelFieldGraphqlContext();
+  const disabled = !rules.canEdit || rules.disabled;
   const values = useMemo(() => {
     return bind.value || [];
   }, [bind.value]);
@@ -77,7 +71,6 @@ export const AdvancedMultipleReferenceField = props => {
   }, []);
   const {
     entries,
-    loading: loadingEntries,
     loadMore
   } = useReferences({
     values,
@@ -152,8 +145,6 @@ export const AdvancedMultipleReferenceField = props => {
     }
     bind.moveValueDown(index);
   }, [values]);
-  const loading = loadingEntries || loadingModels;
-  const message = getRecordCountMessage(values.length);
   const {
     validation
   } = bind;
@@ -163,17 +154,14 @@ export const AdvancedMultipleReferenceField = props => {
   } = validation || {};
   const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-justify-between"
+    className: "flex items-center justify-between"
   }, /*#__PURE__*/React.createElement(FormComponentLabel, {
     text: field.label,
-    invalid: invalid
-  }), /*#__PURE__*/React.createElement(Text, {
-    size: "sm"
-  }, "(", message, ")")), /*#__PURE__*/React.createElement(Container, {
+    invalid: invalid,
+    disabled: disabled
+  })), /*#__PURE__*/React.createElement("div", {
     className: "webiny_ref-field-container"
-  }, loading && /*#__PURE__*/React.createElement(OverlayLoader, {
-    size: "md"
-  }), /*#__PURE__*/React.createElement(Entries, {
+  }, /*#__PURE__*/React.createElement(Entries, {
     entries: entries,
     loadMore: loadMore
   }, (entry, index) => {
@@ -184,6 +172,7 @@ export const AdvancedMultipleReferenceField = props => {
       return null;
     }
     return /*#__PURE__*/React.createElement(Entry, {
+      disabled: disabled,
       model: model,
       placement: "multiRef",
       key: `reference-entry-${entry.id}`,
@@ -195,12 +184,15 @@ export const AdvancedMultipleReferenceField = props => {
     });
   })), /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
     text: validationMessage,
-    invalid: invalid
-  }), /*#__PURE__*/React.createElement(Options, {
+    invalid: invalid,
+    disabled: disabled
+  }), values.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "mb-md"
+  }), /*#__PURE__*/React.createElement(CanEditField, null, /*#__PURE__*/React.createElement(Options, {
     models: models,
     onNewRecord: onNewRecord,
     onLinkExistingRecord: onExistingRecord
-  }), newEntryDialogModel && /*#__PURE__*/React.createElement(NewReferencedEntryDialog, {
+  })), newEntryDialogModel && /*#__PURE__*/React.createElement(NewReferencedEntryDialog, {
     model: newEntryDialogModel,
     onClose: onNewEntryDialogClose,
     onChange: onNewEntryCreate