@webiny/app-headless-cms 6.0.0-alpha.5 → 6.0.0-rc.0

package/admin/plugins/editor/defaultBar/FormSettings/FormSettingsStyled.js

@@ -2,14 +2,13 @@ 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 * as React from "react";
 import { css } from "@emotion/css";
-import { Typography } from "@webiny/ui/Typography";
+import { Typography } from "@webiny/ui/Typography/index.js";
 export const listStyle = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
   name: "b28ti5",
   styles: "&.mdc-deprecated-list{padding:0;background-color:var(--mdc-theme-surface);}"
 } : {
   name: "1u3h7hu-listStyle",
-  styles: "&.mdc-deprecated-list{padding:0;background-color:var(--mdc-theme-surface);};label:listStyle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZXR0aW5nc1N0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3lCIiwiZmlsZSI6IkZvcm1TZXR0aW5nc1N0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IGxpc3RTdHlsZSA9IGNzcyh7XG4gICAgXCImLm1kYy1kZXByZWNhdGVkLWxpc3RcIjoge1xuICAgICAgICBwYWRkaW5nOiAwLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IGxpc3RJdGVtID0gY3NzKHtcbiAgICBwYWRkaW5nOiBcIjE1cHggMjBweFwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIixcbiAgICBcIiY6bGFzdC1jaGlsZFwiOiB7XG4gICAgICAgIGJvcmRlckJvdHRvbTogXCJub25lXCJcbiAgICB9LFxuICAgIFwiLm1kYy1kZXByZWNhdGVkLWxpc3QtaXRlbV9fZ3JhcGhpY1wiOiB7XG4gICAgICAgIG1hcmdpblJpZ2h0OiAyMFxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgTGlzdEl0ZW1UaXRsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZm9udFdlaWdodDogNjAwLFxuICAgIG1hcmdpbkJvdHRvbTogNVxufSk7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IChcbiAgICA8VHlwb2dyYXBoeVxuICAgICAgICBzdHlsZT17eyBtYXJnaW46IFwiMCBhdXRvXCIsIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiIH19XG4gICAgICAgIHVzZT17XCJoZWFkbGluZTZcIn1cbiAgICA+XG4gICAgICAgIENvbnRlbnQgbW9kZWwgc2V0dGluZ3NcbiAgICA8L1R5cG9ncmFwaHk+XG4pO1xuXG5leHBvcnQgY29uc3QgVGl0bGVDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiXG59KTtcbiJdfQ== */",
+  styles: "&.mdc-deprecated-list{padding:0;background-color:var(--mdc-theme-surface);};label:listStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZXR0aW5nc1N0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3lCIiwiZmlsZSI6IkZvcm1TZXR0aW5nc1N0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHkvaW5kZXguanNcIjtcblxuZXhwb3J0IGNvbnN0IGxpc3RTdHlsZSA9IGNzcyh7XG4gICAgXCImLm1kYy1kZXByZWNhdGVkLWxpc3RcIjoge1xuICAgICAgICBwYWRkaW5nOiAwLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IGxpc3RJdGVtID0gY3NzKHtcbiAgICBwYWRkaW5nOiBcIjE1cHggMjBweFwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIixcbiAgICBcIiY6bGFzdC1jaGlsZFwiOiB7XG4gICAgICAgIGJvcmRlckJvdHRvbTogXCJub25lXCJcbiAgICB9LFxuICAgIFwiLm1kYy1kZXByZWNhdGVkLWxpc3QtaXRlbV9fZ3JhcGhpY1wiOiB7XG4gICAgICAgIG1hcmdpblJpZ2h0OiAyMFxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgTGlzdEl0ZW1UaXRsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZm9udFdlaWdodDogNjAwLFxuICAgIG1hcmdpbkJvdHRvbTogNVxufSk7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IChcbiAgICA8VHlwb2dyYXBoeVxuICAgICAgICBzdHlsZT17eyBtYXJnaW46IFwiMCBhdXRvXCIsIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiIH19XG4gICAgICAgIHVzZT17XCJoZWFkbGluZTZcIn1cbiAgICA+XG4gICAgICAgIENvbnRlbnQgbW9kZWwgc2V0dGluZ3NcbiAgICA8L1R5cG9ncmFwaHk+XG4pO1xuXG5leHBvcnQgY29uc3QgVGl0bGVDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiXG59KTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const listItem = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
@@ -17,8 +16,7 @@ export const listItem = /*#__PURE__*/css(process.env.NODE_ENV === "production" ?
   styles: "padding:15px 20px;cursor:pointer;border-bottom:1px solid var(--mdc-theme-background);&:last-child{border-bottom:none;}.mdc-deprecated-list-item__graphic{margin-right:20px;}"
 } : {
   name: "12pk72o-listItem",
-  styles: "padding:15px 20px;cursor:pointer;border-bottom:1px solid var(--mdc-theme-background);&:last-child{border-bottom:none;}.mdc-deprecated-list-item__graphic{margin-right:20px;};label:listItem;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZXR0aW5nc1N0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXdCIiwiZmlsZSI6IkZvcm1TZXR0aW5nc1N0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IGxpc3RTdHlsZSA9IGNzcyh7XG4gICAgXCImLm1kYy1kZXByZWNhdGVkLWxpc3RcIjoge1xuICAgICAgICBwYWRkaW5nOiAwLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IGxpc3RJdGVtID0gY3NzKHtcbiAgICBwYWRkaW5nOiBcIjE1cHggMjBweFwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIixcbiAgICBcIiY6bGFzdC1jaGlsZFwiOiB7XG4gICAgICAgIGJvcmRlckJvdHRvbTogXCJub25lXCJcbiAgICB9LFxuICAgIFwiLm1kYy1kZXByZWNhdGVkLWxpc3QtaXRlbV9fZ3JhcGhpY1wiOiB7XG4gICAgICAgIG1hcmdpblJpZ2h0OiAyMFxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgTGlzdEl0ZW1UaXRsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZm9udFdlaWdodDogNjAwLFxuICAgIG1hcmdpbkJvdHRvbTogNVxufSk7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IChcbiAgICA8VHlwb2dyYXBoeVxuICAgICAgICBzdHlsZT17eyBtYXJnaW46IFwiMCBhdXRvXCIsIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiIH19XG4gICAgICAgIHVzZT17XCJoZWFkbGluZTZcIn1cbiAgICA+XG4gICAgICAgIENvbnRlbnQgbW9kZWwgc2V0dGluZ3NcbiAgICA8L1R5cG9ncmFwaHk+XG4pO1xuXG5leHBvcnQgY29uc3QgVGl0bGVDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiXG59KTtcbiJdfQ== */",
+  styles: "padding:15px 20px;cursor:pointer;border-bottom:1px solid var(--mdc-theme-background);&:last-child{border-bottom:none;}.mdc-deprecated-list-item__graphic{margin-right:20px;};label:listItem;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZXR0aW5nc1N0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXdCIiwiZmlsZSI6IkZvcm1TZXR0aW5nc1N0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHkvaW5kZXguanNcIjtcblxuZXhwb3J0IGNvbnN0IGxpc3RTdHlsZSA9IGNzcyh7XG4gICAgXCImLm1kYy1kZXByZWNhdGVkLWxpc3RcIjoge1xuICAgICAgICBwYWRkaW5nOiAwLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IGxpc3RJdGVtID0gY3NzKHtcbiAgICBwYWRkaW5nOiBcIjE1cHggMjBweFwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIixcbiAgICBcIiY6bGFzdC1jaGlsZFwiOiB7XG4gICAgICAgIGJvcmRlckJvdHRvbTogXCJub25lXCJcbiAgICB9LFxuICAgIFwiLm1kYy1kZXByZWNhdGVkLWxpc3QtaXRlbV9fZ3JhcGhpY1wiOiB7XG4gICAgICAgIG1hcmdpblJpZ2h0OiAyMFxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgTGlzdEl0ZW1UaXRsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZm9udFdlaWdodDogNjAwLFxuICAgIG1hcmdpbkJvdHRvbTogNVxufSk7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IChcbiAgICA8VHlwb2dyYXBoeVxuICAgICAgICBzdHlsZT17eyBtYXJnaW46IFwiMCBhdXRvXCIsIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiIH19XG4gICAgICAgIHVzZT17XCJoZWFkbGluZTZcIn1cbiAgICA+XG4gICAgICAgIENvbnRlbnQgbW9kZWwgc2V0dGluZ3NcbiAgICA8L1R5cG9ncmFwaHk+XG4pO1xuXG5leHBvcnQgY29uc3QgVGl0bGVDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiXG59KTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const ListItemTitle = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
@@ -31,8 +29,7 @@ export const ListItemTitle = /*#__PURE__*/_styled("div", process.env.NODE_ENV ==
   styles: "font-weight:600;margin-bottom:5px"
 } : {
   name: "14e6nm5",
-  styles: "font-weight:600;margin-bottom:5px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZXR0aW5nc1N0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0I2QiIsImZpbGUiOiJGb3JtU2V0dGluZ3NTdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBsaXN0U3R5bGUgPSBjc3Moe1xuICAgIFwiJi5tZGMtZGVwcmVjYXRlZC1saXN0XCI6IHtcbiAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1zdXJmYWNlKVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBsaXN0SXRlbSA9IGNzcyh7XG4gICAgcGFkZGluZzogXCIxNXB4IDIwcHhcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLWJhY2tncm91bmQpXCIsXG4gICAgXCImOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiXG4gICAgfSxcbiAgICBcIi5tZGMtZGVwcmVjYXRlZC1saXN0LWl0ZW1fX2dyYXBoaWNcIjoge1xuICAgICAgICBtYXJnaW5SaWdodDogMjBcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IExpc3RJdGVtVGl0bGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDYwMCxcbiAgICBtYXJnaW5Cb3R0b206IDVcbn0pO1xuXG5leHBvcnQgY29uc3QgVGl0bGUgPSAoXG4gICAgPFR5cG9ncmFwaHlcbiAgICAgICAgc3R5bGU9e3sgbWFyZ2luOiBcIjAgYXV0b1wiLCBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tc3VyZmFjZSlcIiB9fVxuICAgICAgICB1c2U9e1wiaGVhZGxpbmU2XCJ9XG4gICAgPlxuICAgICAgICBDb250ZW50IG1vZGVsIHNldHRpbmdzXG4gICAgPC9UeXBvZ3JhcGh5PlxuKTtcblxuZXhwb3J0IGNvbnN0IFRpdGxlQ29udGVudCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIlxufSk7XG4iXX0= */",
+  styles: "font-weight:600;margin-bottom:5px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZXR0aW5nc1N0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0I2QiIsImZpbGUiOiJGb3JtU2V0dGluZ3NTdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5L2luZGV4LmpzXCI7XG5cbmV4cG9ydCBjb25zdCBsaXN0U3R5bGUgPSBjc3Moe1xuICAgIFwiJi5tZGMtZGVwcmVjYXRlZC1saXN0XCI6IHtcbiAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1zdXJmYWNlKVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBsaXN0SXRlbSA9IGNzcyh7XG4gICAgcGFkZGluZzogXCIxNXB4IDIwcHhcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLWJhY2tncm91bmQpXCIsXG4gICAgXCImOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiXG4gICAgfSxcbiAgICBcIi5tZGMtZGVwcmVjYXRlZC1saXN0LWl0ZW1fX2dyYXBoaWNcIjoge1xuICAgICAgICBtYXJnaW5SaWdodDogMjBcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IExpc3RJdGVtVGl0bGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDYwMCxcbiAgICBtYXJnaW5Cb3R0b206IDVcbn0pO1xuXG5leHBvcnQgY29uc3QgVGl0bGUgPSAoXG4gICAgPFR5cG9ncmFwaHlcbiAgICAgICAgc3R5bGU9e3sgbWFyZ2luOiBcIjAgYXV0b1wiLCBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tc3VyZmFjZSlcIiB9fVxuICAgICAgICB1c2U9e1wiaGVhZGxpbmU2XCJ9XG4gICAgPlxuICAgICAgICBDb250ZW50IG1vZGVsIHNldHRpbmdzXG4gICAgPC9UeXBvZ3JhcGh5PlxuKTtcblxuZXhwb3J0IGNvbnN0IFRpdGxlQ29udGVudCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIlxufSk7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const Title = /*#__PURE__*/React.createElement(Typography, {
@@ -52,8 +49,7 @@ export const TitleContent = /*#__PURE__*/_styled("div", process.env.NODE_ENV ===
   styles: "display:flex;flex-direction:column"
 } : {
   name: "1fttcpj",
-  styles: "display:flex;flex-direction:column",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZXR0aW5nc1N0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0M0QiIsImZpbGUiOiJGb3JtU2V0dGluZ3NTdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBsaXN0U3R5bGUgPSBjc3Moe1xuICAgIFwiJi5tZGMtZGVwcmVjYXRlZC1saXN0XCI6IHtcbiAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1zdXJmYWNlKVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBsaXN0SXRlbSA9IGNzcyh7XG4gICAgcGFkZGluZzogXCIxNXB4IDIwcHhcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLWJhY2tncm91bmQpXCIsXG4gICAgXCImOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiXG4gICAgfSxcbiAgICBcIi5tZGMtZGVwcmVjYXRlZC1saXN0LWl0ZW1fX2dyYXBoaWNcIjoge1xuICAgICAgICBtYXJnaW5SaWdodDogMjBcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IExpc3RJdGVtVGl0bGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDYwMCxcbiAgICBtYXJnaW5Cb3R0b206IDVcbn0pO1xuXG5leHBvcnQgY29uc3QgVGl0bGUgPSAoXG4gICAgPFR5cG9ncmFwaHlcbiAgICAgICAgc3R5bGU9e3sgbWFyZ2luOiBcIjAgYXV0b1wiLCBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tc3VyZmFjZSlcIiB9fVxuICAgICAgICB1c2U9e1wiaGVhZGxpbmU2XCJ9XG4gICAgPlxuICAgICAgICBDb250ZW50IG1vZGVsIHNldHRpbmdzXG4gICAgPC9UeXBvZ3JhcGh5PlxuKTtcblxuZXhwb3J0IGNvbnN0IFRpdGxlQ29udGVudCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIlxufSk7XG4iXX0= */",
+  styles: "display:flex;flex-direction:column/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZXR0aW5nc1N0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0M0QiIsImZpbGUiOiJGb3JtU2V0dGluZ3NTdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5L2luZGV4LmpzXCI7XG5cbmV4cG9ydCBjb25zdCBsaXN0U3R5bGUgPSBjc3Moe1xuICAgIFwiJi5tZGMtZGVwcmVjYXRlZC1saXN0XCI6IHtcbiAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1zdXJmYWNlKVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBsaXN0SXRlbSA9IGNzcyh7XG4gICAgcGFkZGluZzogXCIxNXB4IDIwcHhcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLWJhY2tncm91bmQpXCIsXG4gICAgXCImOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiXG4gICAgfSxcbiAgICBcIi5tZGMtZGVwcmVjYXRlZC1saXN0LWl0ZW1fX2dyYXBoaWNcIjoge1xuICAgICAgICBtYXJnaW5SaWdodDogMjBcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IExpc3RJdGVtVGl0bGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDYwMCxcbiAgICBtYXJnaW5Cb3R0b206IDVcbn0pO1xuXG5leHBvcnQgY29uc3QgVGl0bGUgPSAoXG4gICAgPFR5cG9ncmFwaHlcbiAgICAgICAgc3R5bGU9e3sgbWFyZ2luOiBcIjAgYXV0b1wiLCBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tc3VyZmFjZSlcIiB9fVxuICAgICAgICB1c2U9e1wiaGVhZGxpbmU2XCJ9XG4gICAgPlxuICAgICAgICBDb250ZW50IG1vZGVsIHNldHRpbmdzXG4gICAgPC9UeXBvZ3JhcGh5PlxuKTtcblxuZXhwb3J0IGNvbnN0IFRpdGxlQ29udGVudCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIlxufSk7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 

package/admin/plugins/editor/defaultBar/FormSettings/FormSettingsStyled.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","css","Typography","listStyle","process","env","NODE_ENV","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","listItem","ListItemTitle","_styled","target","label","Title","createElement","style","margin","color","use","TitleContent"],"sources":["FormSettingsStyled.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { css } from \"@emotion/css\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport const listStyle = css({\n    \"&.mdc-deprecated-list\": {\n        padding: 0,\n        backgroundColor: \"var(--mdc-theme-surface)\"\n    }\n});\n\nexport const listItem = css({\n    padding: \"15px 20px\",\n    cursor: \"pointer\",\n    borderBottom: \"1px solid var(--mdc-theme-background)\",\n    \"&:last-child\": {\n        borderBottom: \"none\"\n    },\n    \".mdc-deprecated-list-item__graphic\": {\n        marginRight: 20\n    }\n});\n\nexport const ListItemTitle = styled(\"div\")({\n    fontWeight: 600,\n    marginBottom: 5\n});\n\nexport const Title = (\n    <Typography\n        style={{ margin: \"0 auto\", color: \"var(--mdc-theme-on-surface)\" }}\n        use={\"headline6\"}\n    >\n        Content model settings\n    </Typography>\n);\n\nexport const TitleContent = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"column\"\n});\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,GAAG,QAAQ,cAAc;AAElC,SAASC,UAAU,QAAQ,uBAAuB;AAElD,OAAO,MAAMC,SAAS,gBAAGF,GAAG,CAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAK3B,CAAC;AAEF,OAAO,MAAMC,QAAQ,gBAAGX,GAAG,CAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAU1B,CAAC;AAEF,OAAO,MAAME,aAAa,gBAAGC,OAAA,CAAO,KAAK,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAS,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAZ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAGzC,CAAC;AAEF,OAAO,MAAMM,KAAK,gBACdjB,KAAA,CAAAkB,aAAA,CAAChB,UAAU;EACPiB,KAAK,EAAE;IAAEC,MAAM,EAAE,QAAQ;IAAEC,KAAK,EAAE;EAA8B,CAAE;EAClEC,GAAG,EAAE;AAAY,GACpB,wBAEW,CACf;AAED,OAAO,MAAMC,YAAY,gBAAGT,OAAA,CAAO,KAAK,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAS,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAZ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAGxC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","css","Typography","listStyle","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","listItem","ListItemTitle","_styled","target","label","Title","createElement","style","margin","color","use","TitleContent"],"sources":["FormSettingsStyled.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { css } from \"@emotion/css\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography/index.js\";\n\nexport const listStyle = css({\n    \"&.mdc-deprecated-list\": {\n        padding: 0,\n        backgroundColor: \"var(--mdc-theme-surface)\"\n    }\n});\n\nexport const listItem = css({\n    padding: \"15px 20px\",\n    cursor: \"pointer\",\n    borderBottom: \"1px solid var(--mdc-theme-background)\",\n    \"&:last-child\": {\n        borderBottom: \"none\"\n    },\n    \".mdc-deprecated-list-item__graphic\": {\n        marginRight: 20\n    }\n});\n\nexport const ListItemTitle = styled(\"div\")({\n    fontWeight: 600,\n    marginBottom: 5\n});\n\nexport const Title = (\n    <Typography\n        style={{ margin: \"0 auto\", color: \"var(--mdc-theme-on-surface)\" }}\n        use={\"headline6\"}\n    >\n        Content model settings\n    </Typography>\n);\n\nexport const TitleContent = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"column\"\n});\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,GAAG,QAAQ,cAAc;AAElC,SAASC,UAAU,QAAQ,gCAAgC;AAE3D,OAAO,MAAMC,SAAS,gBAAGF,GAAG,CAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAK3B,CAAC;AAEF,OAAO,MAAMC,QAAQ,gBAAGV,GAAG,CAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAU1B,CAAC;AAEF,OAAO,MAAME,aAAa,gBAAGC,OAAA,CAAO,KAAK,EAAAT,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAQ,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAX,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAGzC,CAAC;AAEF,OAAO,MAAMM,KAAK,gBACdhB,KAAA,CAAAiB,aAAA,CAACf,UAAU;EACPgB,KAAK,EAAE;IAAEC,MAAM,EAAE,QAAQ;IAAEC,KAAK,EAAE;EAA8B,CAAE;EAClEC,GAAG,EAAE;AAAY,GACpB,wBAEW,CACf;AAED,OAAO,MAAMC,YAAY,gBAAGT,OAAA,CAAO,KAAK,EAAAT,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAQ,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAX,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAGxC,CAAC","ignoreList":[]}

package/admin/plugins/editor/defaultBar/FormSettings/index.d.ts

@@ -1 +1 @@
-export { default as FormSettingsButton } from "./FormSettingsButton";
+export { default as FormSettingsButton } from "./FormSettingsButton.js";

package/admin/plugins/editor/defaultBar/FormSettings/index.js

@@ -1,3 +1,3 @@
-export { default as FormSettingsButton } from "./FormSettingsButton";
+export { default as FormSettingsButton } from "./FormSettingsButton.js";
 
 //# sourceMappingURL=index.js.map

package/admin/plugins/editor/defaultBar/FormSettings/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","FormSettingsButton"],"sources":["index.ts"],"sourcesContent":["export { default as FormSettingsButton } from \"./FormSettingsButton\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,kBAAkB","ignoreList":[]}
+{"version":3,"names":["default","FormSettingsButton"],"sources":["index.ts"],"sourcesContent":["export { default as FormSettingsButton } from \"./FormSettingsButton.js\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,kBAAkB","ignoreList":[]}

package/admin/plugins/editor/defaultBar/Name/Name.js

@@ -4,8 +4,8 @@ import React, { useCallback, useState } from "react";
  */
 // @ts-expect-error
 import { useHotkeys } from "react-hotkeyz";
-import { i18n } from "@webiny/app/i18n";
-import { useModelEditor } from "../../../../hooks";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useModelEditor } from "../../../../hooks/index.js";
 import { Heading, Input, Tooltip } from "@webiny/admin-ui";
 const t = i18n.namespace("ContentModelEditor.Name");
 export const Name = () => {
@@ -63,7 +63,7 @@ export const Name = () => {
     content: /*#__PURE__*/React.createElement("span", null, t`Rename content model`),
     trigger: /*#__PURE__*/React.createElement(Heading, {
       level: 5,
-      className: "wby-px-xs wby-border-sm wby-border-neutral-base wby-rounded-md hover:wby-border-neutral-muted",
+      className: "px-xs border-sm border-neutral-base rounded-md hover:border-neutral-muted",
       "data-testid": "cms-editor-model-title",
       onClick: startEditing
     }, data.name)

package/admin/plugins/editor/defaultBar/Name/Name.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","useHotkeys","i18n","useModelEditor","Heading","Input","Tooltip","t","namespace","Name","data","setData","localName","setLocalName","editingEnabled","setEditing","cancelChanges","startEditing","name","saveName","event","preventDefault","zIndex","keys","disabled","esc","enter","autoFocus","window","Cypress","createElement","value","onChange","onBlur","variant","size","side","content","trigger","level","className","onClick"],"sources":["Name.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n/**\n * Package react-hotkeyz does not have types.\n */\n// @ts-expect-error\nimport { useHotkeys } from \"react-hotkeyz\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useModelEditor } from \"~/admin/hooks\";\nimport { Heading, Input, Tooltip } from \"@webiny/admin-ui\";\n\nconst t = i18n.namespace(\"ContentModelEditor.Name\");\n\ndeclare global {\n    interface Window {\n        Cypress: any;\n    }\n}\n\nexport const Name = () => {\n    const { data, setData } = useModelEditor();\n    const [localName, setLocalName] = useState<string>(\"\");\n    const [editingEnabled, setEditing] = useState<boolean>(false);\n\n    const cancelChanges = () => {\n        setEditing(false);\n    };\n\n    const startEditing = (): void => {\n        setLocalName(data.name);\n        setEditing(true);\n    };\n\n    const saveName = useCallback(\n        (event: React.SyntheticEvent) => {\n            event.preventDefault();\n            setData(data => {\n                data.name = localName;\n                return data;\n            });\n            setEditing(false);\n        },\n        [localName]\n    );\n\n    useHotkeys({\n        zIndex: 100,\n        keys: {\n            \"alt+cmd+enter\": startEditing\n        }\n    });\n\n    useHotkeys({\n        zIndex: 101,\n        disabled: !editingEnabled,\n        keys: {\n            esc: (event: React.SyntheticEvent) => {\n                event.preventDefault();\n                cancelChanges();\n            },\n            enter: saveName\n        }\n    });\n\n    // Disable autoFocus because for some reason, blur event would automatically be triggered when clicking\n    // on the page title when doing Cypress testing. Not sure if this is RMWC or Cypress related issue.\n    const autoFocus = !window.Cypress;\n\n    return editingEnabled ? (\n        <Input\n            autoFocus={autoFocus}\n            value={localName}\n            onChange={setLocalName}\n            onBlur={saveName}\n            variant={\"ghost\"}\n            size={\"md\"}\n        />\n    ) : (\n        <Tooltip\n            side={\"bottom\"}\n            content={<span>{t`Rename content model`}</span>}\n            trigger={\n                <Heading\n                    level={5}\n                    className={\n                        \"wby-px-xs wby-border-sm wby-border-neutral-base wby-rounded-md hover:wby-border-neutral-muted\"\n                    }\n                    data-testid=\"cms-editor-model-title\"\n                    onClick={startEditing}\n                >\n                    {data.name}\n                </Heading>\n            }\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD;AACA;AACA;AACA;AACA,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,cAAc;AACvB,SAASC,OAAO,EAAEC,KAAK,EAAEC,OAAO,QAAQ,kBAAkB;AAE1D,MAAMC,CAAC,GAAGL,IAAI,CAACM,SAAS,CAAC,yBAAyB,CAAC;AAQnD,OAAO,MAAMC,IAAI,GAAGA,CAAA,KAAM;EACtB,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGR,cAAc,CAAC,CAAC;EAC1C,MAAM,CAACS,SAAS,EAAEC,YAAY,CAAC,GAAGb,QAAQ,CAAS,EAAE,CAAC;EACtD,MAAM,CAACc,cAAc,EAAEC,UAAU,CAAC,GAAGf,QAAQ,CAAU,KAAK,CAAC;EAE7D,MAAMgB,aAAa,GAAGA,CAAA,KAAM;IACxBD,UAAU,CAAC,KAAK,CAAC;EACrB,CAAC;EAED,MAAME,YAAY,GAAGA,CAAA,KAAY;IAC7BJ,YAAY,CAACH,IAAI,CAACQ,IAAI,CAAC;IACvBH,UAAU,CAAC,IAAI,CAAC;EACpB,CAAC;EAED,MAAMI,QAAQ,GAAGpB,WAAW,CACvBqB,KAA2B,IAAK;IAC7BA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtBV,OAAO,CAACD,IAAI,IAAI;MACZA,IAAI,CAACQ,IAAI,GAAGN,SAAS;MACrB,OAAOF,IAAI;IACf,CAAC,CAAC;IACFK,UAAU,CAAC,KAAK,CAAC;EACrB,CAAC,EACD,CAACH,SAAS,CACd,CAAC;EAEDX,UAAU,CAAC;IACPqB,MAAM,EAAE,GAAG;IACXC,IAAI,EAAE;MACF,eAAe,EAAEN;IACrB;EACJ,CAAC,CAAC;EAEFhB,UAAU,CAAC;IACPqB,MAAM,EAAE,GAAG;IACXE,QAAQ,EAAE,CAACV,cAAc;IACzBS,IAAI,EAAE;MACFE,GAAG,EAAGL,KAA2B,IAAK;QAClCA,KAAK,CAACC,cAAc,CAAC,CAAC;QACtBL,aAAa,CAAC,CAAC;MACnB,CAAC;MACDU,KAAK,EAAEP;IACX;EACJ,CAAC,CAAC;;EAEF;EACA;EACA,MAAMQ,SAAS,GAAG,CAACC,MAAM,CAACC,OAAO;EAEjC,OAAOf,cAAc,gBACjBhB,KAAA,CAAAgC,aAAA,CAACzB,KAAK;IACFsB,SAAS,EAAEA,SAAU;IACrBI,KAAK,EAAEnB,SAAU;IACjBoB,QAAQ,EAAEnB,YAAa;IACvBoB,MAAM,EAAEd,QAAS;IACjBe,OAAO,EAAE,OAAQ;IACjBC,IAAI,EAAE;EAAK,CACd,CAAC,gBAEFrC,KAAA,CAAAgC,aAAA,CAACxB,OAAO;IACJ8B,IAAI,EAAE,QAAS;IACfC,OAAO,eAAEvC,KAAA,CAAAgC,aAAA,eAAOvB,CAAC,sBAA6B,CAAE;IAChD+B,OAAO,eACHxC,KAAA,CAAAgC,aAAA,CAAC1B,OAAO;MACJmC,KAAK,EAAE,CAAE;MACTC,SAAS,EACL,+FACH;MACD,eAAY,wBAAwB;MACpCC,OAAO,EAAExB;IAAa,GAErBP,IAAI,CAACQ,IACD;EACZ,CACJ,CACJ;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useState","useHotkeys","i18n","useModelEditor","Heading","Input","Tooltip","t","namespace","Name","data","setData","localName","setLocalName","editingEnabled","setEditing","cancelChanges","startEditing","name","saveName","event","preventDefault","zIndex","keys","disabled","esc","enter","autoFocus","window","Cypress","createElement","value","onChange","onBlur","variant","size","side","content","trigger","level","className","onClick"],"sources":["Name.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n/**\n * Package react-hotkeyz does not have types.\n */\n// @ts-expect-error\nimport { useHotkeys } from \"react-hotkeyz\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { Heading, Input, Tooltip } from \"@webiny/admin-ui\";\n\nconst t = i18n.namespace(\"ContentModelEditor.Name\");\n\ndeclare global {\n    interface Window {\n        Cypress: any;\n    }\n}\n\nexport const Name = () => {\n    const { data, setData } = useModelEditor();\n    const [localName, setLocalName] = useState<string>(\"\");\n    const [editingEnabled, setEditing] = useState<boolean>(false);\n\n    const cancelChanges = () => {\n        setEditing(false);\n    };\n\n    const startEditing = (): void => {\n        setLocalName(data.name);\n        setEditing(true);\n    };\n\n    const saveName = useCallback(\n        (event: React.SyntheticEvent) => {\n            event.preventDefault();\n            setData(data => {\n                data.name = localName;\n                return data;\n            });\n            setEditing(false);\n        },\n        [localName]\n    );\n\n    useHotkeys({\n        zIndex: 100,\n        keys: {\n            \"alt+cmd+enter\": startEditing\n        }\n    });\n\n    useHotkeys({\n        zIndex: 101,\n        disabled: !editingEnabled,\n        keys: {\n            esc: (event: React.SyntheticEvent) => {\n                event.preventDefault();\n                cancelChanges();\n            },\n            enter: saveName\n        }\n    });\n\n    // Disable autoFocus because for some reason, blur event would automatically be triggered when clicking\n    // on the page title when doing Cypress testing. Not sure if this is RMWC or Cypress related issue.\n    const autoFocus = !window.Cypress;\n\n    return editingEnabled ? (\n        <Input\n            autoFocus={autoFocus}\n            value={localName}\n            onChange={setLocalName}\n            onBlur={saveName}\n            variant={\"ghost\"}\n            size={\"md\"}\n        />\n    ) : (\n        <Tooltip\n            side={\"bottom\"}\n            content={<span>{t`Rename content model`}</span>}\n            trigger={\n                <Heading\n                    level={5}\n                    className={\n                        \"px-xs border-sm border-neutral-base rounded-md hover:border-neutral-muted\"\n                    }\n                    data-testid=\"cms-editor-model-title\"\n                    onClick={startEditing}\n                >\n                    {data.name}\n                </Heading>\n            }\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD;AACA;AACA;AACA;AACA,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,cAAc;AACvB,SAASC,OAAO,EAAEC,KAAK,EAAEC,OAAO,QAAQ,kBAAkB;AAE1D,MAAMC,CAAC,GAAGL,IAAI,CAACM,SAAS,CAAC,yBAAyB,CAAC;AAQnD,OAAO,MAAMC,IAAI,GAAGA,CAAA,KAAM;EACtB,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGR,cAAc,CAAC,CAAC;EAC1C,MAAM,CAACS,SAAS,EAAEC,YAAY,CAAC,GAAGb,QAAQ,CAAS,EAAE,CAAC;EACtD,MAAM,CAACc,cAAc,EAAEC,UAAU,CAAC,GAAGf,QAAQ,CAAU,KAAK,CAAC;EAE7D,MAAMgB,aAAa,GAAGA,CAAA,KAAM;IACxBD,UAAU,CAAC,KAAK,CAAC;EACrB,CAAC;EAED,MAAME,YAAY,GAAGA,CAAA,KAAY;IAC7BJ,YAAY,CAACH,IAAI,CAACQ,IAAI,CAAC;IACvBH,UAAU,CAAC,IAAI,CAAC;EACpB,CAAC;EAED,MAAMI,QAAQ,GAAGpB,WAAW,CACvBqB,KAA2B,IAAK;IAC7BA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtBV,OAAO,CAACD,IAAI,IAAI;MACZA,IAAI,CAACQ,IAAI,GAAGN,SAAS;MACrB,OAAOF,IAAI;IACf,CAAC,CAAC;IACFK,UAAU,CAAC,KAAK,CAAC;EACrB,CAAC,EACD,CAACH,SAAS,CACd,CAAC;EAEDX,UAAU,CAAC;IACPqB,MAAM,EAAE,GAAG;IACXC,IAAI,EAAE;MACF,eAAe,EAAEN;IACrB;EACJ,CAAC,CAAC;EAEFhB,UAAU,CAAC;IACPqB,MAAM,EAAE,GAAG;IACXE,QAAQ,EAAE,CAACV,cAAc;IACzBS,IAAI,EAAE;MACFE,GAAG,EAAGL,KAA2B,IAAK;QAClCA,KAAK,CAACC,cAAc,CAAC,CAAC;QACtBL,aAAa,CAAC,CAAC;MACnB,CAAC;MACDU,KAAK,EAAEP;IACX;EACJ,CAAC,CAAC;;EAEF;EACA;EACA,MAAMQ,SAAS,GAAG,CAACC,MAAM,CAACC,OAAO;EAEjC,OAAOf,cAAc,gBACjBhB,KAAA,CAAAgC,aAAA,CAACzB,KAAK;IACFsB,SAAS,EAAEA,SAAU;IACrBI,KAAK,EAAEnB,SAAU;IACjBoB,QAAQ,EAAEnB,YAAa;IACvBoB,MAAM,EAAEd,QAAS;IACjBe,OAAO,EAAE,OAAQ;IACjBC,IAAI,EAAE;EAAK,CACd,CAAC,gBAEFrC,KAAA,CAAAgC,aAAA,CAACxB,OAAO;IACJ8B,IAAI,EAAE,QAAS;IACfC,OAAO,eAAEvC,KAAA,CAAAgC,aAAA,eAAOvB,CAAC,sBAA6B,CAAE;IAChD+B,OAAO,eACHxC,KAAA,CAAAgC,aAAA,CAAC1B,OAAO;MACJmC,KAAK,EAAE,CAAE;MACTC,SAAS,EACL,2EACH;MACD,eAAY,wBAAwB;MACpCC,OAAO,EAAExB;IAAa,GAErBP,IAAI,CAACQ,IACD;EACZ,CACJ,CACJ;AACL,CAAC","ignoreList":[]}

package/admin/plugins/editor/defaultBar/Name/index.d.ts

@@ -1 +1 @@
-export { Name } from "./Name";
+export { Name } from "./Name.js";

package/admin/plugins/editor/defaultBar/Name/index.js

@@ -1,3 +1,3 @@
-export { Name } from "./Name";
+export { Name } from "./Name.js";
 
 //# sourceMappingURL=index.js.map

package/admin/plugins/editor/defaultBar/Name/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Name"],"sources":["index.ts"],"sourcesContent":["export { Name } from \"./Name\";\n"],"mappings":"AAAA,SAASA,IAAI","ignoreList":[]}
+{"version":3,"names":["Name"],"sources":["index.ts"],"sourcesContent":["export { Name } from \"./Name.js\";\n"],"mappings":"AAAA,SAASA,IAAI","ignoreList":[]}

package/admin/plugins/editor/defaultBar/SaveContentModelButton.js

@@ -1,8 +1,8 @@
 import React, { useCallback, useState } from "react";
 import { Button } from "@webiny/admin-ui";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import { i18n } from "@webiny/app/i18n";
-import { useModelEditor } from "../../../hooks";
+import { useSnackbar } from "@webiny/app-admin";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useModelEditor } from "../../../hooks/index.js";
 const t = i18n.namespace("app-headless-cms/admin/editor/top-bar/save-button");
 const SaveContentModelButton = () => {
   const {

package/admin/plugins/editor/defaultBar/SaveContentModelButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","Button","useSnackbar","i18n","useModelEditor","t","namespace","SaveContentModelButton","saveContentModel","loading","setLoading","showSnackbar","showErrorSnackbar","onClick","response","error","message","createElement","disabled","text"],"sources":["SaveContentModelButton.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useModelEditor } from \"~/admin/hooks\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst SaveContentModelButton = () => {\n    const { saveContentModel } = useModelEditor();\n    const [loading, setLoading] = useState<boolean>(false);\n    const { showSnackbar, showErrorSnackbar } = useSnackbar();\n\n    const onClick = useCallback(async () => {\n        setLoading(true);\n        const response = await saveContentModel();\n        setLoading(false);\n\n        if (response.error) {\n            showErrorSnackbar(response.error.message);\n            return;\n        }\n\n        showSnackbar(t`Your content model was saved successfully!`);\n    }, [saveContentModel]);\n\n    return (\n        <Button\n            data-testid=\"cms.editor.defaultbar.save\"\n            disabled={loading}\n            onClick={() => {\n                onClick();\n            }}\n            text={t`Save`}\n        />\n    );\n};\n\nexport default SaveContentModelButton;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,cAAc;AAEvB,MAAMC,CAAC,GAAGF,IAAI,CAACG,SAAS,CAAC,mDAAmD,CAAC;AAE7E,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EACjC,MAAM;IAAEC;EAAiB,CAAC,GAAGJ,cAAc,CAAC,CAAC;EAC7C,MAAM,CAACK,OAAO,EAAEC,UAAU,CAAC,GAAGV,QAAQ,CAAU,KAAK,CAAC;EACtD,MAAM;IAAEW,YAAY;IAAEC;EAAkB,CAAC,GAAGV,WAAW,CAAC,CAAC;EAEzD,MAAMW,OAAO,GAAGd,WAAW,CAAC,YAAY;IACpCW,UAAU,CAAC,IAAI,CAAC;IAChB,MAAMI,QAAQ,GAAG,MAAMN,gBAAgB,CAAC,CAAC;IACzCE,UAAU,CAAC,KAAK,CAAC;IAEjB,IAAII,QAAQ,CAACC,KAAK,EAAE;MAChBH,iBAAiB,CAACE,QAAQ,CAACC,KAAK,CAACC,OAAO,CAAC;MACzC;IACJ;IAEAL,YAAY,CAACN,CAAC,4CAA4C,CAAC;EAC/D,CAAC,EAAE,CAACG,gBAAgB,CAAC,CAAC;EAEtB,oBACIV,KAAA,CAAAmB,aAAA,CAAChB,MAAM;IACH,eAAY,4BAA4B;IACxCiB,QAAQ,EAAET,OAAQ;IAClBI,OAAO,EAAEA,CAAA,KAAM;MACXA,OAAO,CAAC,CAAC;IACb,CAAE;IACFM,IAAI,EAAEd,CAAC;EAAO,CACjB,CAAC;AAEV,CAAC;AAED,eAAeE,sBAAsB","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useState","Button","useSnackbar","i18n","useModelEditor","t","namespace","SaveContentModelButton","saveContentModel","loading","setLoading","showSnackbar","showErrorSnackbar","onClick","response","error","message","createElement","disabled","text"],"sources":["SaveContentModelButton.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst SaveContentModelButton = () => {\n    const { saveContentModel } = useModelEditor();\n    const [loading, setLoading] = useState<boolean>(false);\n    const { showSnackbar, showErrorSnackbar } = useSnackbar();\n\n    const onClick = useCallback(async () => {\n        setLoading(true);\n        const response = await saveContentModel();\n        setLoading(false);\n\n        if (response.error) {\n            showErrorSnackbar(response.error.message);\n            return;\n        }\n\n        showSnackbar(t`Your content model was saved successfully!`);\n    }, [saveContentModel]);\n\n    return (\n        <Button\n            data-testid=\"cms.editor.defaultbar.save\"\n            disabled={loading}\n            onClick={() => {\n                onClick();\n            }}\n            text={t`Save`}\n        />\n    );\n};\n\nexport default SaveContentModelButton;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,cAAc;AAEvB,MAAMC,CAAC,GAAGF,IAAI,CAACG,SAAS,CAAC,mDAAmD,CAAC;AAE7E,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EACjC,MAAM;IAAEC;EAAiB,CAAC,GAAGJ,cAAc,CAAC,CAAC;EAC7C,MAAM,CAACK,OAAO,EAAEC,UAAU,CAAC,GAAGV,QAAQ,CAAU,KAAK,CAAC;EACtD,MAAM;IAAEW,YAAY;IAAEC;EAAkB,CAAC,GAAGV,WAAW,CAAC,CAAC;EAEzD,MAAMW,OAAO,GAAGd,WAAW,CAAC,YAAY;IACpCW,UAAU,CAAC,IAAI,CAAC;IAChB,MAAMI,QAAQ,GAAG,MAAMN,gBAAgB,CAAC,CAAC;IACzCE,UAAU,CAAC,KAAK,CAAC;IAEjB,IAAII,QAAQ,CAACC,KAAK,EAAE;MAChBH,iBAAiB,CAACE,QAAQ,CAACC,KAAK,CAACC,OAAO,CAAC;MACzC;IACJ;IAEAL,YAAY,CAACN,CAAC,4CAA4C,CAAC;EAC/D,CAAC,EAAE,CAACG,gBAAgB,CAAC,CAAC;EAEtB,oBACIV,KAAA,CAAAmB,aAAA,CAAChB,MAAM;IACH,eAAY,4BAA4B;IACxCiB,QAAQ,EAAET,OAAQ;IAClBI,OAAO,EAAEA,CAAA,KAAM;MACXA,OAAO,CAAC,CAAC;IACb,CAAE;IACFM,IAAI,EAAEd,CAAC;EAAO,CACjB,CAAC;AAEV,CAAC;AAED,eAAeE,sBAAsB","ignoreList":[]}

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

@@ -1,9 +1,9 @@
 import React from "react";
-import BackButton from "./BackButton";
-import SaveContentModelButton from "./SaveContentModelButton";
-import CreateContentButton from "./CreateContentButton";
-import { Name } from "./Name";
-import { FormSettingsButton } from "./FormSettings";
+import BackButton from "./BackButton.js";
+import SaveContentModelButton from "./SaveContentModelButton.js";
+import CreateContentButton from "./CreateContentButton.js";
+import { Name } from "./Name/index.js";
+import { FormSettingsButton } from "./FormSettings/index.js";
 export default [{
   name: "content-model-editor-default-bar-right-create-content-button",
   type: "content-model-editor-default-bar-right",

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

@@ -1 +1 @@
-{"version":3,"names":["React","BackButton","SaveContentModelButton","CreateContentButton","Name","FormSettingsButton","name","type","render","createElement"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport BackButton from \"./BackButton\";\nimport SaveContentModelButton from \"./SaveContentModelButton\";\nimport CreateContentButton from \"./CreateContentButton\";\nimport { Name } from \"./Name\";\nimport { FormSettingsButton } from \"./FormSettings\";\n\nexport default [\n    {\n        name: \"content-model-editor-default-bar-right-create-content-button\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <CreateContentButton />;\n        }\n    },\n    {\n        name: \"content-model-editor-default-bar-right-form-settings-button\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <FormSettingsButton />;\n        }\n    },\n    {\n        name: \"content-model-editor-default-bar-right-save-button\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <SaveContentModelButton />;\n        }\n    },\n\n    {\n        name: \"content-model-editor-default-bar-left-back-button\",\n        type: \"content-model-editor-default-bar-left\",\n        render() {\n            return <BackButton />;\n        }\n    },\n\n    {\n        name: \"content-model-editor-default-bar-left-name\",\n        type: \"content-model-editor-default-bar-left\",\n        render() {\n            return <Name />;\n        }\n    }\n];\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU;AACjB,OAAOC,sBAAsB;AAC7B,OAAOC,mBAAmB;AAC1B,SAASC,IAAI;AACb,SAASC,kBAAkB;AAE3B,eAAe,CACX;EACIC,IAAI,EAAE,8DAA8D;EACpEC,IAAI,EAAE,wCAAwC;EAC9CC,MAAMA,CAAA,EAAG;IACL,oBAAOR,KAAA,CAAAS,aAAA,CAACN,mBAAmB,MAAE,CAAC;EAClC;AACJ,CAAC,EACD;EACIG,IAAI,EAAE,6DAA6D;EACnEC,IAAI,EAAE,wCAAwC;EAC9CC,MAAMA,CAAA,EAAG;IACL,oBAAOR,KAAA,CAAAS,aAAA,CAACJ,kBAAkB,MAAE,CAAC;EACjC;AACJ,CAAC,EACD;EACIC,IAAI,EAAE,oDAAoD;EAC1DC,IAAI,EAAE,wCAAwC;EAC9CC,MAAMA,CAAA,EAAG;IACL,oBAAOR,KAAA,CAAAS,aAAA,CAACP,sBAAsB,MAAE,CAAC;EACrC;AACJ,CAAC,EAED;EACII,IAAI,EAAE,mDAAmD;EACzDC,IAAI,EAAE,uCAAuC;EAC7CC,MAAMA,CAAA,EAAG;IACL,oBAAOR,KAAA,CAAAS,aAAA,CAACR,UAAU,MAAE,CAAC;EACzB;AACJ,CAAC,EAED;EACIK,IAAI,EAAE,4CAA4C;EAClDC,IAAI,EAAE,uCAAuC;EAC7CC,MAAMA,CAAA,EAAG;IACL,oBAAOR,KAAA,CAAAS,aAAA,CAACL,IAAI,MAAE,CAAC;EACnB;AACJ,CAAC,CACJ","ignoreList":[]}
+{"version":3,"names":["React","BackButton","SaveContentModelButton","CreateContentButton","Name","FormSettingsButton","name","type","render","createElement"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport BackButton from \"./BackButton.js\";\nimport SaveContentModelButton from \"./SaveContentModelButton.js\";\nimport CreateContentButton from \"./CreateContentButton.js\";\nimport { Name } from \"./Name/index.js\";\nimport { FormSettingsButton } from \"./FormSettings/index.js\";\n\nexport default [\n    {\n        name: \"content-model-editor-default-bar-right-create-content-button\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <CreateContentButton />;\n        }\n    },\n    {\n        name: \"content-model-editor-default-bar-right-form-settings-button\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <FormSettingsButton />;\n        }\n    },\n    {\n        name: \"content-model-editor-default-bar-right-save-button\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <SaveContentModelButton />;\n        }\n    },\n\n    {\n        name: \"content-model-editor-default-bar-left-back-button\",\n        type: \"content-model-editor-default-bar-left\",\n        render() {\n            return <BackButton />;\n        }\n    },\n\n    {\n        name: \"content-model-editor-default-bar-left-name\",\n        type: \"content-model-editor-default-bar-left\",\n        render() {\n            return <Name />;\n        }\n    }\n];\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU;AACjB,OAAOC,sBAAsB;AAC7B,OAAOC,mBAAmB;AAC1B,SAASC,IAAI;AACb,SAASC,kBAAkB;AAE3B,eAAe,CACX;EACIC,IAAI,EAAE,8DAA8D;EACpEC,IAAI,EAAE,wCAAwC;EAC9CC,MAAMA,CAAA,EAAG;IACL,oBAAOR,KAAA,CAAAS,aAAA,CAACN,mBAAmB,MAAE,CAAC;EAClC;AACJ,CAAC,EACD;EACIG,IAAI,EAAE,6DAA6D;EACnEC,IAAI,EAAE,wCAAwC;EAC9CC,MAAMA,CAAA,EAAG;IACL,oBAAOR,KAAA,CAAAS,aAAA,CAACJ,kBAAkB,MAAE,CAAC;EACjC;AACJ,CAAC,EACD;EACIC,IAAI,EAAE,oDAAoD;EAC1DC,IAAI,EAAE,wCAAwC;EAC9CC,MAAMA,CAAA,EAAG;IACL,oBAAOR,KAAA,CAAAS,aAAA,CAACP,sBAAsB,MAAE,CAAC;EACrC;AACJ,CAAC,EAED;EACII,IAAI,EAAE,mDAAmD;EACzDC,IAAI,EAAE,uCAAuC;EAC7CC,MAAMA,CAAA,EAAG;IACL,oBAAOR,KAAA,CAAAS,aAAA,CAACR,UAAU,MAAE,CAAC;EACzB;AACJ,CAAC,EAED;EACIK,IAAI,EAAE,4CAA4C;EAClDC,IAAI,EAAE,uCAAuC;EAC7CC,MAAMA,CAAA,EAAG;IACL,oBAAOR,KAAA,CAAAS,aAAA,CAACL,IAAI,MAAE,CAAC;EACnB;AACJ,CAAC,CACJ","ignoreList":[]}

package/admin/plugins/editor/formSettings/components/GeneralSettings.js

@@ -1,65 +1,64 @@
 import React from "react";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { Input } from "@webiny/ui/Input";
-import { Tags } from "@webiny/ui/Tags";
+import { Grid, Input, Textarea, Tags } from "@webiny/admin-ui";
 import { validation } from "@webiny/validation";
-import GroupSelect from "./GroupSelect";
-import { IconPicker } from "../../../../components/IconPicker";
+import GroupSelect from "./GroupSelect.js";
+import { IconPicker } from "../../../../components/IconPicker.js";
 const GeneralSettings = ({
   Bind
 }) => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
   }, /*#__PURE__*/React.createElement(Bind, {
     name: "name"
   }, /*#__PURE__*/React.createElement(Input, {
     label: "Content model name"
-  }))), /*#__PURE__*/React.createElement(Cell, {
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
   }, /*#__PURE__*/React.createElement(Bind, {
     name: "modelId"
   }, /*#__PURE__*/React.createElement(Input, {
     disabled: true,
     label: "Content model ID"
-  }))), /*#__PURE__*/React.createElement(Cell, {
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
   }, /*#__PURE__*/React.createElement(Bind, {
     name: "singularApiName"
   }, /*#__PURE__*/React.createElement(Input, {
     disabled: true,
     label: "Singular API Name"
-  }))), /*#__PURE__*/React.createElement(Cell, {
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
   }, /*#__PURE__*/React.createElement(Bind, {
     name: "pluralApiName"
   }, /*#__PURE__*/React.createElement(Input, {
     disabled: true,
     label: "Plural API Name"
-  }))), /*#__PURE__*/React.createElement(Cell, {
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
   }, /*#__PURE__*/React.createElement(Bind, {
     name: "description"
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, /*#__PURE__*/React.createElement(Textarea, {
     rows: 5,
     label: "Content model description"
-  }))), /*#__PURE__*/React.createElement(Cell, {
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
   }, /*#__PURE__*/React.createElement(Bind, {
     name: "group",
     validators: validation.create("required")
-  }, /*#__PURE__*/React.createElement(GroupSelect, null))), /*#__PURE__*/React.createElement(Cell, {
+  }, /*#__PURE__*/React.createElement(GroupSelect, null))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
   }, /*#__PURE__*/React.createElement(Bind, {
     name: "icon"
   }, /*#__PURE__*/React.createElement(IconPicker, {
     label: `Icon`,
     description: `Choose an icon to represent the model.`
-  }))), /*#__PURE__*/React.createElement(Cell, {
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
   }, /*#__PURE__*/React.createElement(Bind, {
     name: "tags"
   }, /*#__PURE__*/React.createElement(Tags, {
-    label: "Tags"
+    label: "Tags",
+    protectedValues: ["type:model"]
   })))));
 };
 export default GeneralSettings;

package/admin/plugins/editor/formSettings/components/GeneralSettings.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Grid","Cell","Input","Tags","validation","GroupSelect","IconPicker","GeneralSettings","Bind","createElement","Fragment","span","name","label","disabled","rows","validators","create","description"],"sources":["GeneralSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Tags } from \"@webiny/ui/Tags\";\nimport { validation } from \"@webiny/validation\";\nimport type { BindComponent } from \"@webiny/form\";\nimport GroupSelect from \"./GroupSelect\";\nimport { IconPicker } from \"~/admin/components/IconPicker\";\n\ninterface GeneralSettingsProps {\n    Bind: BindComponent;\n}\n\nconst GeneralSettings = ({ Bind }: GeneralSettingsProps) => {\n    return (\n        <React.Fragment>\n            <Grid>\n                <Cell span={12}>\n                    <Bind name={\"name\"}>\n                        <Input label={\"Content model name\"} />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name={\"modelId\"}>\n                        <Input disabled={true} label={\"Content model ID\"} />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name={\"singularApiName\"}>\n                        <Input disabled={true} label={\"Singular API Name\"} />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name={\"pluralApiName\"}>\n                        <Input disabled={true} label={\"Plural API Name\"} />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name={\"description\"}>\n                        <Input rows={5} label={\"Content model description\"} />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name={\"group\"} validators={validation.create(\"required\")}>\n                        <GroupSelect />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name=\"icon\">\n                        <IconPicker\n                            label={`Icon`}\n                            description={`Choose an icon to represent the model.`}\n                        />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name={\"tags\"}>\n                        <Tags label={\"Tags\"} />\n                    </Bind>\n                </Cell>\n            </Grid>\n        </React.Fragment>\n    );\n};\n\nexport default GeneralSettings;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,iBAAiB;AAC5C,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,IAAI,QAAQ,iBAAiB;AACtC,SAASC,UAAU,QAAQ,oBAAoB;AAE/C,OAAOC,WAAW;AAClB,SAASC,UAAU;AAMnB,MAAMC,eAAe,GAAGA,CAAC;EAAEC;AAA2B,CAAC,KAAK;EACxD,oBACIT,KAAA,CAAAU,aAAA,CAACV,KAAK,CAACW,QAAQ,qBACXX,KAAA,CAAAU,aAAA,CAACT,IAAI,qBACDD,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE;EAAG,gBACXZ,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACI,IAAI,EAAE;EAAO,gBACfb,KAAA,CAAAU,aAAA,CAACP,KAAK;IAACW,KAAK,EAAE;EAAqB,CAAE,CACnC,CACJ,CAAC,eACPd,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE;EAAG,gBACXZ,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACI,IAAI,EAAE;EAAU,gBAClBb,KAAA,CAAAU,aAAA,CAACP,KAAK;IAACY,QAAQ,EAAE,IAAK;IAACD,KAAK,EAAE;EAAmB,CAAE,CACjD,CACJ,CAAC,eACPd,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE;EAAG,gBACXZ,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACI,IAAI,EAAE;EAAkB,gBAC1Bb,KAAA,CAAAU,aAAA,CAACP,KAAK;IAACY,QAAQ,EAAE,IAAK;IAACD,KAAK,EAAE;EAAoB,CAAE,CAClD,CACJ,CAAC,eACPd,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE;EAAG,gBACXZ,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACI,IAAI,EAAE;EAAgB,gBACxBb,KAAA,CAAAU,aAAA,CAACP,KAAK;IAACY,QAAQ,EAAE,IAAK;IAACD,KAAK,EAAE;EAAkB,CAAE,CAChD,CACJ,CAAC,eACPd,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE;EAAG,gBACXZ,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACI,IAAI,EAAE;EAAc,gBACtBb,KAAA,CAAAU,aAAA,CAACP,KAAK;IAACa,IAAI,EAAE,CAAE;IAACF,KAAK,EAAE;EAA4B,CAAE,CACnD,CACJ,CAAC,eACPd,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE;EAAG,gBACXZ,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACI,IAAI,EAAE,OAAQ;IAACI,UAAU,EAAEZ,UAAU,CAACa,MAAM,CAAC,UAAU;EAAE,gBAC3DlB,KAAA,CAAAU,aAAA,CAACJ,WAAW,MAAE,CACZ,CACJ,CAAC,eACPN,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE;EAAG,gBACXZ,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACI,IAAI,EAAC;EAAM,gBACbb,KAAA,CAAAU,aAAA,CAACH,UAAU;IACPO,KAAK,EAAE,MAAO;IACdK,WAAW,EAAE;EAAyC,CACzD,CACC,CACJ,CAAC,eACPnB,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE;EAAG,gBACXZ,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACI,IAAI,EAAE;EAAO,gBACfb,KAAA,CAAAU,aAAA,CAACN,IAAI;IAACU,KAAK,EAAE;EAAO,CAAE,CACpB,CACJ,CACJ,CACM,CAAC;AAEzB,CAAC;AAED,eAAeN,eAAe","ignoreList":[]}
+{"version":3,"names":["React","Grid","Input","Textarea","Tags","validation","GroupSelect","IconPicker","GeneralSettings","Bind","createElement","Fragment","Column","span","name","label","disabled","rows","validators","create","description","protectedValues"],"sources":["GeneralSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Input, Textarea, Tags } from \"@webiny/admin-ui\";\nimport { validation } from \"@webiny/validation\";\nimport type { BindComponent } from \"@webiny/form\";\nimport GroupSelect from \"./GroupSelect.js\";\nimport { IconPicker } from \"~/admin/components/IconPicker.js\";\n\ninterface GeneralSettingsProps {\n    Bind: BindComponent;\n}\n\nconst GeneralSettings = ({ Bind }: GeneralSettingsProps) => {\n    return (\n        <React.Fragment>\n            <Grid>\n                <Grid.Column span={12}>\n                    <Bind name={\"name\"}>\n                        <Input label={\"Content model name\"} />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"modelId\"}>\n                        <Input disabled={true} label={\"Content model ID\"} />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"singularApiName\"}>\n                        <Input disabled={true} label={\"Singular API Name\"} />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"pluralApiName\"}>\n                        <Input disabled={true} label={\"Plural API Name\"} />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"description\"}>\n                        <Textarea rows={5} label={\"Content model description\"} />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"group\"} validators={validation.create(\"required\")}>\n                        <GroupSelect />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name=\"icon\">\n                        <IconPicker\n                            label={`Icon`}\n                            description={`Choose an icon to represent the model.`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"tags\"}>\n                        <Tags label={\"Tags\"} protectedValues={[\"type:model\"]} />\n                    </Bind>\n                </Grid.Column>\n            </Grid>\n        </React.Fragment>\n    );\n};\n\nexport default GeneralSettings;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,IAAI,QAAQ,kBAAkB;AAC9D,SAASC,UAAU,QAAQ,oBAAoB;AAE/C,OAAOC,WAAW;AAClB,SAASC,UAAU;AAMnB,MAAMC,eAAe,GAAGA,CAAC;EAAEC;AAA2B,CAAC,KAAK;EACxD,oBACIT,KAAA,CAAAU,aAAA,CAACV,KAAK,CAACW,QAAQ,qBACXX,KAAA,CAAAU,aAAA,CAACT,IAAI,qBACDD,KAAA,CAAAU,aAAA,CAACT,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBb,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACK,IAAI,EAAE;EAAO,gBACfd,KAAA,CAAAU,aAAA,CAACR,KAAK;IAACa,KAAK,EAAE;EAAqB,CAAE,CACnC,CACG,CAAC,eACdf,KAAA,CAAAU,aAAA,CAACT,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBb,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACK,IAAI,EAAE;EAAU,gBAClBd,KAAA,CAAAU,aAAA,CAACR,KAAK;IAACc,QAAQ,EAAE,IAAK;IAACD,KAAK,EAAE;EAAmB,CAAE,CACjD,CACG,CAAC,eACdf,KAAA,CAAAU,aAAA,CAACT,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBb,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACK,IAAI,EAAE;EAAkB,gBAC1Bd,KAAA,CAAAU,aAAA,CAACR,KAAK;IAACc,QAAQ,EAAE,IAAK;IAACD,KAAK,EAAE;EAAoB,CAAE,CAClD,CACG,CAAC,eACdf,KAAA,CAAAU,aAAA,CAACT,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBb,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACK,IAAI,EAAE;EAAgB,gBACxBd,KAAA,CAAAU,aAAA,CAACR,KAAK;IAACc,QAAQ,EAAE,IAAK;IAACD,KAAK,EAAE;EAAkB,CAAE,CAChD,CACG,CAAC,eACdf,KAAA,CAAAU,aAAA,CAACT,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBb,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACK,IAAI,EAAE;EAAc,gBACtBd,KAAA,CAAAU,aAAA,CAACP,QAAQ;IAACc,IAAI,EAAE,CAAE;IAACF,KAAK,EAAE;EAA4B,CAAE,CACtD,CACG,CAAC,eACdf,KAAA,CAAAU,aAAA,CAACT,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBb,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACK,IAAI,EAAE,OAAQ;IAACI,UAAU,EAAEb,UAAU,CAACc,MAAM,CAAC,UAAU;EAAE,gBAC3DnB,KAAA,CAAAU,aAAA,CAACJ,WAAW,MAAE,CACZ,CACG,CAAC,eACdN,KAAA,CAAAU,aAAA,CAACT,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBb,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACK,IAAI,EAAC;EAAM,gBACbd,KAAA,CAAAU,aAAA,CAACH,UAAU;IACPQ,KAAK,EAAE,MAAO;IACdK,WAAW,EAAE;EAAyC,CACzD,CACC,CACG,CAAC,eACdpB,KAAA,CAAAU,aAAA,CAACT,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBb,KAAA,CAAAU,aAAA,CAACD,IAAI;IAACK,IAAI,EAAE;EAAO,gBACfd,KAAA,CAAAU,aAAA,CAACN,IAAI;IAACW,KAAK,EAAE,MAAO;IAACM,eAAe,EAAE,CAAC,YAAY;EAAE,CAAE,CACrD,CACG,CACX,CACM,CAAC;AAEzB,CAAC;AAED,eAAeb,eAAe","ignoreList":[]}

package/admin/plugins/editor/formSettings/components/GroupSelect.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import type { FormComponentProps } from "@webiny/ui/types";
+import type { FormComponentProps } from "@webiny/ui/types.js";
 export default function GroupSelect({ value, ...props }: FormComponentProps): React.JSX.Element;

package/admin/plugins/editor/formSettings/components/GroupSelect.js

@@ -1,7 +1,7 @@
 import React, { useMemo } from "react";
-import { Select } from "@webiny/ui/Select";
-import { LIST_MENU_CONTENT_GROUPS_MODELS } from "../../../../viewsGraphql";
-import { useQuery } from "../../../../hooks";
+import { Select } from "@webiny/ui/Select/index.js";
+import { LIST_MENU_CONTENT_GROUPS_MODELS } from "../../../../viewsGraphql.js";
+import { useQuery } from "../../../../hooks/index.js";
 export default function GroupSelect({
   value,
   ...props
@@ -13,11 +13,11 @@ export default function GroupSelect({
   const groups = loading || !data ? [] : data.listContentModelGroups.data;
   const options = useMemo(() => {
     return groups.map(item => ({
-      value: item.id,
+      value: item.slug,
       label: item.name
     }));
   }, [groups]);
-  const selectValue = typeof value === "string" ? value : value.id;
+  const selectValue = typeof value === "string" ? value : value.slug;
   return /*#__PURE__*/React.createElement(Select, Object.assign({}, props, {
     value: loading ? "" : selectValue,
     label: "Content model group",

package/admin/plugins/editor/formSettings/components/GroupSelect.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Select","LIST_MENU_CONTENT_GROUPS_MODELS","useQuery","GroupSelect","value","props","data","loading","groups","listContentModelGroups","options","map","item","id","label","name","selectValue","createElement","Object","assign"],"sources":["GroupSelect.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select } from \"@webiny/ui/Select\";\nimport type { FormComponentProps } from \"@webiny/ui/types\";\nimport type { ListMenuCmsGroupsQueryResponse } from \"~/admin/viewsGraphql\";\nimport { LIST_MENU_CONTENT_GROUPS_MODELS } from \"~/admin/viewsGraphql\";\nimport { useQuery } from \"~/admin/hooks\";\n\nexport default function GroupSelect({ value, ...props }: FormComponentProps) {\n    const { data, loading } = useQuery<ListMenuCmsGroupsQueryResponse>(\n        LIST_MENU_CONTENT_GROUPS_MODELS\n    );\n\n    const groups = loading || !data ? [] : data.listContentModelGroups.data;\n    const options = useMemo(() => {\n        return groups.map(item => ({ value: item.id, label: item.name }));\n    }, [groups]);\n\n    const selectValue = typeof value === \"string\" ? value : value.id;\n\n    return (\n        <Select\n            {...props}\n            value={loading ? \"\" : selectValue}\n            label={\"Content model group\"}\n            options={options}\n        />\n    );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,MAAM,QAAQ,mBAAmB;AAG1C,SAASC,+BAA+B;AACxC,SAASC,QAAQ;AAEjB,eAAe,SAASC,WAAWA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAA0B,CAAC,EAAE;EACzE,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGL,QAAQ,CAC9BD,+BACJ,CAAC;EAED,MAAMO,MAAM,GAAGD,OAAO,IAAI,CAACD,IAAI,GAAG,EAAE,GAAGA,IAAI,CAACG,sBAAsB,CAACH,IAAI;EACvE,MAAMI,OAAO,GAAGX,OAAO,CAAC,MAAM;IAC1B,OAAOS,MAAM,CAACG,GAAG,CAACC,IAAI,KAAK;MAAER,KAAK,EAAEQ,IAAI,CAACC,EAAE;MAAEC,KAAK,EAAEF,IAAI,CAACG;IAAK,CAAC,CAAC,CAAC;EACrE,CAAC,EAAE,CAACP,MAAM,CAAC,CAAC;EAEZ,MAAMQ,WAAW,GAAG,OAAOZ,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,CAACS,EAAE;EAEhE,oBACIf,KAAA,CAAAmB,aAAA,CAACjB,MAAM,EAAAkB,MAAA,CAAAC,MAAA,KACCd,KAAK;IACTD,KAAK,EAAEG,OAAO,GAAG,EAAE,GAAGS,WAAY;IAClCF,KAAK,EAAE,qBAAsB;IAC7BJ,OAAO,EAAEA;EAAQ,EACpB,CAAC;AAEV","ignoreList":[]}
+{"version":3,"names":["React","useMemo","Select","LIST_MENU_CONTENT_GROUPS_MODELS","useQuery","GroupSelect","value","props","data","loading","groups","listContentModelGroups","options","map","item","slug","label","name","selectValue","createElement","Object","assign"],"sources":["GroupSelect.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select } from \"@webiny/ui/Select/index.js\";\nimport type { FormComponentProps } from \"@webiny/ui/types.js\";\nimport type { ListMenuCmsGroupsQueryResponse } from \"~/admin/viewsGraphql.js\";\nimport { LIST_MENU_CONTENT_GROUPS_MODELS } from \"~/admin/viewsGraphql.js\";\nimport { useQuery } from \"~/admin/hooks/index.js\";\n\nexport default function GroupSelect({ value, ...props }: FormComponentProps) {\n    const { data, loading } = useQuery<ListMenuCmsGroupsQueryResponse>(\n        LIST_MENU_CONTENT_GROUPS_MODELS\n    );\n\n    const groups = loading || !data ? [] : data.listContentModelGroups.data;\n    const options = useMemo(() => {\n        return groups.map(item => ({ value: item.slug, label: item.name }));\n    }, [groups]);\n\n    const selectValue = typeof value === \"string\" ? value : value.slug;\n\n    return (\n        <Select\n            {...props}\n            value={loading ? \"\" : selectValue}\n            label={\"Content model group\"}\n            options={options}\n        />\n    );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,MAAM,QAAQ,4BAA4B;AAGnD,SAASC,+BAA+B;AACxC,SAASC,QAAQ;AAEjB,eAAe,SAASC,WAAWA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAA0B,CAAC,EAAE;EACzE,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGL,QAAQ,CAC9BD,+BACJ,CAAC;EAED,MAAMO,MAAM,GAAGD,OAAO,IAAI,CAACD,IAAI,GAAG,EAAE,GAAGA,IAAI,CAACG,sBAAsB,CAACH,IAAI;EACvE,MAAMI,OAAO,GAAGX,OAAO,CAAC,MAAM;IAC1B,OAAOS,MAAM,CAACG,GAAG,CAACC,IAAI,KAAK;MAAER,KAAK,EAAEQ,IAAI,CAACC,IAAI;MAAEC,KAAK,EAAEF,IAAI,CAACG;IAAK,CAAC,CAAC,CAAC;EACvE,CAAC,EAAE,CAACP,MAAM,CAAC,CAAC;EAEZ,MAAMQ,WAAW,GAAG,OAAOZ,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,CAACS,IAAI;EAElE,oBACIf,KAAA,CAAAmB,aAAA,CAACjB,MAAM,EAAAkB,MAAA,CAAAC,MAAA,KACCd,KAAK;IACTD,KAAK,EAAEG,OAAO,GAAG,EAAE,GAAGS,WAAY;IAClCF,KAAK,EAAE,qBAAsB;IAC7BJ,OAAO,EAAEA;EAAQ,EACpB,CAAC;AAEV","ignoreList":[]}

package/admin/plugins/editor/formSettings/index.d.ts

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

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import GeneralSettings from "./components/GeneralSettings";
+import GeneralSettings from "./components/GeneralSettings.js";
 import { ReactComponent as SettingsIcon } from "./icons/round-settings-24px.svg";
 const plugin = {
   name: "cms-editor-form-settings-general",

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\";\nimport GeneralSettings from \"./components/GeneralSettings\";\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,"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":[]}

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

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

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\";\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,"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":[]}

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

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

package/admin/plugins/fieldRenderers/DynamicSection.js

@@ -2,12 +2,12 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import React from "react";
 import classSet from "classnames";
 import { css } from "@emotion/css";
-import { i18n } from "@webiny/app/i18n";
+import { i18n } from "@webiny/app/i18n/index.js";
 import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
-import { ParentFieldProvider } from "../../hooks";
-import { ParentValueIndexProvider } from "../../components/ModelFieldProvider";
-import { getMultiValueRendererSettings } from "./MultiValueRendererSettings";
-import { Button, cn, FormComponentDescription, FormComponentErrorMessage, Grid, Heading } from "@webiny/admin-ui";
+import { ParentFieldProvider } from "../../hooks/index.js";
+import { ParentValueIndexProvider } from "../../components/ModelFieldProvider/index.js";
+import { getMultiValueRendererSettings } from "./MultiValueRendererSettings.js";
+import { Button, cn, FormComponentDescription, FormComponentErrorMessage, FormComponentNote, Grid, Separator } from "@webiny/admin-ui";
 const t = i18n.ns("app-headless-cms/admin/fields/text");
 const style = {
   gridContainer: /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
@@ -15,8 +15,7 @@ const style = {
     styles: "padding:0!important"
   } : {
     name: "56q6jo-gridContainer",
-    styles: "padding:0!important;label:gridContainer;",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkR5bmFtaWNTZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQnNCIiwiZmlsZSI6IkR5bmFtaWNTZWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjbGFzc1NldCBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHsgaTE4biB9IGZyb20gXCJAd2ViaW55L2FwcC9pMThuXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBBZGRJY29uIH0gZnJvbSBcIkB3ZWJpbnkvaWNvbnMvYWRkLnN2Z1wiO1xuaW1wb3J0IHR5cGUgeyBHZXRCaW5kQ2FsbGFibGUgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRFbnRyeUZvcm0vdXNlQmluZFwiO1xuaW1wb3J0IHsgUGFyZW50RmllbGRQcm92aWRlciB9IGZyb20gXCJ+L2FkbWluL2hvb2tzXCI7XG5pbXBvcnQgeyBQYXJlbnRWYWx1ZUluZGV4UHJvdmlkZXIgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL01vZGVsRmllbGRQcm92aWRlclwiO1xuaW1wb3J0IHR5cGUgeyBCaW5kQ29tcG9uZW50LCBCaW5kQ29tcG9uZW50UmVuZGVyUHJvcCwgQ21zTW9kZWxGaWVsZCB9IGZyb20gXCJ+L3R5cGVzXCI7XG5pbXBvcnQgeyBnZXRNdWx0aVZhbHVlUmVuZGVyZXJTZXR0aW5ncyB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvTXVsdGlWYWx1ZVJlbmRlcmVyU2V0dGluZ3NcIjtcbmltcG9ydCB7XG4gICAgQnV0dG9uLFxuICAgIGNuLFxuICAgIEZvcm1Db21wb25lbnREZXNjcmlwdGlvbixcbiAgICBGb3JtQ29tcG9uZW50RXJyb3JNZXNzYWdlLFxuICAgIEdyaWQsXG4gICAgSGVhZGluZ1xufSBmcm9tIFwiQHdlYmlueS9hZG1pbi11aVwiO1xuXG5jb25zdCB0ID0gaTE4bi5ucyhcImFwcC1oZWFkbGVzcy1jbXMvYWRtaW4vZmllbGRzL3RleHRcIik7XG5cbmNvbnN0IHN0eWxlID0ge1xuICAgIGdyaWRDb250YWluZXI6IGNzc2BcbiAgICAgICAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xuICAgIGBcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgRHluYW1pY1NlY3Rpb25Qcm9wc0NoaWxkcmVuUGFyYW1zIHtcbiAgICBCaW5kOiBCaW5kQ29tcG9uZW50O1xuICAgIGZpZWxkOiBDbXNNb2RlbEZpZWxkO1xuICAgIGJpbmQ6IHtcbiAgICAgICAgaW5kZXg6IEJpbmRDb21wb25lbnRSZW5kZXJQcm9wO1xuICAgICAgICBmaWVsZDogQmluZENvbXBvbmVudFJlbmRlclByb3A7XG4gICAgfTtcbiAgICBpbmRleDogbnVtYmVyO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIER5bmFtaWNTZWN0aW9uUHJvcHMge1xuICAgIGZpZWxkOiBDbXNNb2RlbEZpZWxkO1xuICAgIGdldEJpbmQ6IEdldEJpbmRDYWxsYWJsZTtcbiAgICBzaG93TGFiZWw/OiBib29sZWFuO1xuICAgIGNoaWxkcmVuOiAocGFyYW1zOiBEeW5hbWljU2VjdGlvblByb3BzQ2hpbGRyZW5QYXJhbXMpID0+IEpTWC5FbGVtZW50O1xuICAgIGVtcHR5VmFsdWU/OiBhbnk7XG4gICAgZ3JpZENsYXNzTmFtZT86IHN0cmluZztcbiAgICBvbkFkZEl0ZW0/OiAoaW5kZXg6IG51bWJlcikgPT4gdm9pZDtcbiAgICBhZGRWYWx1ZUJ1dHRvbkxhYmVsPzogc3RyaW5nO1xufVxuXG5jb25zdCBkZWZhdWx0QWRkSXRlbSA9ICgpID0+IHtcbiAgICAvLyBObyBvcC5cbn07XG5cbmNvbnN0IER5bmFtaWNTZWN0aW9uID0gKHtcbiAgICBmaWVsZCxcbiAgICBnZXRCaW5kLFxuICAgIGNoaWxkcmVuLFxuICAgIHNob3dMYWJlbCA9IHRydWUsXG4gICAgZW1wdHlWYWx1ZSA9IFwiXCIsXG4gICAgb25BZGRJdGVtID0gZGVmYXVsdEFkZEl0ZW0sXG4gICAgZ3JpZENsYXNzTmFtZSxcbiAgICAuLi5wcm9wc1xufTogRHluYW1pY1NlY3Rpb25Qcm9wcykgPT4ge1xuICAgIGNvbnN0IEJpbmQgPSBnZXRCaW5kKCk7XG5cbiAgICBjb25zdCBzZXR0aW5ncyA9IGdldE11bHRpVmFsdWVSZW5kZXJlclNldHRpbmdzKGZpZWxkKTtcbiAgICBjb25zdCBhZGRWYWx1ZUJ1dHRvbkxhYmVsID1cbiAgICAgICAgcHJvcHMuYWRkVmFsdWVCdXR0b25MYWJlbCA/PyBzZXR0aW5ncy5hZGRWYWx1ZUJ1dHRvbkxhYmVsID8/IFwiQWRkIFZhbHVlXCI7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICAvKiBGaXJzdCB3ZSBtb3VudCB0aGUgdG9wIGxldmVsIGZpZWxkLCBmb3IgZXhhbXBsZTogXCJpdGVtc1wiICovXG4gICAgICAgIDxCaW5kPlxuICAgICAgICAgICAge2JpbmRGaWVsZCA9PiB7XG4gICAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICAgICogXCJ2YWx1ZVwiIC0+IGFuIGFycmF5IG9mIGl0ZW1zXG4gICAgICAgICAgICAgICAgICogXCJhcHBlbmRWYWx1ZVwiIC0+IGEgY2FsbGJhY2sgdG8gYWRkIGEgbmV3IHZhbHVlIHRvIHRoZSB0b3AgbGV2ZWwgXCJpdGVtc1wiIGFycmF5XG4gICAgICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgICAgY29uc3QgeyB2YWx1ZSwgYXBwZW5kVmFsdWUgfSA9IGJpbmRGaWVsZDtcblxuICAgICAgICAgICAgICAgIGNvbnN0IGJpbmRGaWVsZFZhbHVlOiBzdHJpbmdbXSA9IHZhbHVlIHx8IFtdO1xuXG4gICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgPEJpbmQuVmFsaWRhdGlvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxQYXJlbnRGaWVsZFByb3ZpZGVyIHZhbHVlPXt2YWx1ZX0gcGF0aD17QmluZC5wYXJlbnROYW1lfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7c2hvd0xhYmVsID8gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFwid2J5LXBiLW1kIHdieS1tYi1tZCB3YnktYm9yZGVyLWItc20gd2J5LWJvcmRlci1uZXV0cmFsLWRpbW1lZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxIZWFkaW5nIGxldmVsPXs2fSBjbGFzc05hbWU9e1wid2ViaW55X2dyb3VwLWxhYmVsLXRleHRcIn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2Ake2ZpZWxkLmxhYmVsfSAke1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiaW5kRmllbGRWYWx1ZS5sZW5ndGhcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gYCgke2JpbmRGaWVsZFZhbHVlLmxlbmd0aH0pYFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgOiBcIlwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0hlYWRpbmc+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7ZmllbGQuaGVscFRleHQgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGb3JtQ29tcG9uZW50RGVzY3JpcHRpb24gdGV4dD17ZmllbGQuaGVscFRleHR9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8R3JpZCBjbGFzc05hbWU9e2NsYXNzU2V0KGdyaWRDbGFzc05hbWUsIHN0eWxlLmdyaWRDb250YWluZXIpfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtiaW5kRmllbGRWYWx1ZS5tYXAoKF8sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgQmluZEZpZWxkID0gZ2V0QmluZChpbmRleCk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEdyaWQuQ29sdW1uIHNwYW49ezEyfSBrZXk9e2luZGV4fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCaW5kRmllbGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2JpbmRQcm9wcyA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCaW5kRmllbGQuVmFsaWRhdGlvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxQYXJlbnRWYWx1ZUluZGV4UHJvdmlkZXIgaW5kZXg9e2luZGV4fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Y2hpbGRyZW4oe1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBCaW5kOiBCaW5kRmllbGQsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpZWxkLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiaW5kOiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleDogYmluZFByb3BzLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmllbGQ6IGJpbmRGaWVsZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9QYXJlbnRWYWx1ZUluZGV4UHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQmluZEZpZWxkLlZhbGlkYXRpb25Db250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQmluZEZpZWxkPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0dyaWQuQ29sdW1uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7YmluZEZpZWxkLnZhbGlkYXRpb24uaXNWYWxpZCA9PT0gZmFsc2UgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxHcmlkLkNvbHVtbiBzcGFuPXsxMn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGb3JtQ29tcG9uZW50RXJyb3JNZXNzYWdlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbnZhbGlkXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0PXtiaW5kRmllbGQudmFsaWRhdGlvbi5tZXNzYWdlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvR3JpZC5Db2x1bW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEdyaWQuQ29sdW1uIHNwYW49ezEyfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiaW5kRmllbGRWYWx1ZS5sZW5ndGggPiAwID8gXCJ3YnktcHQtbm9uZVwiIDogXCJ3YnktcHQtc21cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YXJpYW50PXtcInRlcnRpYXJ5XCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGljb249ezxBZGRJY29uIC8+fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0PXt0KGFkZFZhbHVlQnV0dG9uTGFiZWwpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhcHBlbmRWYWx1ZShlbXB0eVZhbHVlKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQWRkSXRlbShiaW5kRmllbGRWYWx1ZS5sZW5ndGgpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9HcmlkLkNvbHVtbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1BhcmVudEZpZWxkUHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgIDwvQmluZC5WYWxpZGF0aW9uQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9fVxuICAgICAgICA8L0JpbmQ+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IER5bmFtaWNTZWN0aW9uO1xuIl19 */",
+    styles: "padding:0!important;label:gridContainer;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkR5bmFtaWNTZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QnNCIiwiZmlsZSI6IkR5bmFtaWNTZWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjbGFzc1NldCBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHsgaTE4biB9IGZyb20gXCJAd2ViaW55L2FwcC9pMThuL2luZGV4LmpzXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBBZGRJY29uIH0gZnJvbSBcIkB3ZWJpbnkvaWNvbnMvYWRkLnN2Z1wiO1xuaW1wb3J0IHR5cGUgeyBHZXRCaW5kQ2FsbGFibGUgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRFbnRyeUZvcm0vdXNlQmluZC5qc1wiO1xuaW1wb3J0IHsgUGFyZW50RmllbGRQcm92aWRlciB9IGZyb20gXCJ+L2FkbWluL2hvb2tzL2luZGV4LmpzXCI7XG5pbXBvcnQgeyBQYXJlbnRWYWx1ZUluZGV4UHJvdmlkZXIgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL01vZGVsRmllbGRQcm92aWRlci9pbmRleC5qc1wiO1xuaW1wb3J0IHR5cGUgeyBCaW5kQ29tcG9uZW50LCBCaW5kQ29tcG9uZW50UmVuZGVyUHJvcCwgQ21zTW9kZWxGaWVsZCB9IGZyb20gXCJ+L3R5cGVzLmpzXCI7XG5pbXBvcnQgeyBnZXRNdWx0aVZhbHVlUmVuZGVyZXJTZXR0aW5ncyB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvTXVsdGlWYWx1ZVJlbmRlcmVyU2V0dGluZ3MuanNcIjtcbmltcG9ydCB7XG4gICAgQnV0dG9uLFxuICAgIGNuLFxuICAgIEZvcm1Db21wb25lbnREZXNjcmlwdGlvbixcbiAgICBGb3JtQ29tcG9uZW50RXJyb3JNZXNzYWdlLFxuICAgIEZvcm1Db21wb25lbnROb3RlLFxuICAgIEdyaWQsXG4gICAgU2VwYXJhdG9yXG59IGZyb20gXCJAd2ViaW55L2FkbWluLXVpXCI7XG5cbmNvbnN0IHQgPSBpMThuLm5zKFwiYXBwLWhlYWRsZXNzLWNtcy9hZG1pbi9maWVsZHMvdGV4dFwiKTtcblxuY29uc3Qgc3R5bGUgPSB7XG4gICAgZ3JpZENvbnRhaW5lcjogY3NzYFxuICAgICAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gICAgYFxufTtcblxuZXhwb3J0IGludGVyZmFjZSBEeW5hbWljU2VjdGlvblByb3BzQ2hpbGRyZW5QYXJhbXMge1xuICAgIEJpbmQ6IEJpbmRDb21wb25lbnQ7XG4gICAgZmllbGQ6IENtc01vZGVsRmllbGQ7XG4gICAgYmluZDoge1xuICAgICAgICBpbmRleDogQmluZENvbXBvbmVudFJlbmRlclByb3A7XG4gICAgICAgIGZpZWxkOiBCaW5kQ29tcG9uZW50UmVuZGVyUHJvcDtcbiAgICB9O1xuICAgIGluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRHluYW1pY1NlY3Rpb25Qcm9wcyB7XG4gICAgZmllbGQ6IENtc01vZGVsRmllbGQ7XG4gICAgZ2V0QmluZDogR2V0QmluZENhbGxhYmxlO1xuICAgIHNob3dMYWJlbD86IGJvb2xlYW47XG4gICAgY2hpbGRyZW46IChwYXJhbXM6IER5bmFtaWNTZWN0aW9uUHJvcHNDaGlsZHJlblBhcmFtcykgPT4gSlNYLkVsZW1lbnQ7XG4gICAgZW1wdHlWYWx1ZT86IGFueTtcbiAgICBncmlkQ2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIG9uQWRkSXRlbT86IChpbmRleDogbnVtYmVyKSA9PiB2b2lkO1xuICAgIGFkZFZhbHVlQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG59XG5cbmNvbnN0IGRlZmF1bHRBZGRJdGVtID0gKCkgPT4ge1xuICAgIC8vIE5vIG9wLlxufTtcblxuY29uc3QgRHluYW1pY1NlY3Rpb24gPSAoe1xuICAgIGZpZWxkLFxuICAgIGdldEJpbmQsXG4gICAgY2hpbGRyZW4sXG4gICAgc2hvd0xhYmVsID0gdHJ1ZSxcbiAgICBlbXB0eVZhbHVlID0gXCJcIixcbiAgICBvbkFkZEl0ZW0gPSBkZWZhdWx0QWRkSXRlbSxcbiAgICBncmlkQ2xhc3NOYW1lLFxuICAgIC4uLnByb3BzXG59OiBEeW5hbWljU2VjdGlvblByb3BzKSA9PiB7XG4gICAgY29uc3QgQmluZCA9IGdldEJpbmQoKTtcblxuICAgIGNvbnN0IHNldHRpbmdzID0gZ2V0TXVsdGlWYWx1ZVJlbmRlcmVyU2V0dGluZ3MoZmllbGQpO1xuICAgIGNvbnN0IGFkZFZhbHVlQnV0dG9uTGFiZWwgPVxuICAgICAgICBwcm9wcy5hZGRWYWx1ZUJ1dHRvbkxhYmVsID8/IHNldHRpbmdzLmFkZFZhbHVlQnV0dG9uTGFiZWwgPz8gXCJBZGQgVmFsdWVcIjtcblxuICAgIHJldHVybiAoXG4gICAgICAgIC8qIEZpcnN0IHdlIG1vdW50IHRoZSB0b3AgbGV2ZWwgZmllbGQsIGZvciBleGFtcGxlOiBcIml0ZW1zXCIgKi9cbiAgICAgICAgPEJpbmQ+XG4gICAgICAgICAgICB7YmluZEZpZWxkID0+IHtcbiAgICAgICAgICAgICAgICAvKipcbiAgICAgICAgICAgICAgICAgKiBcInZhbHVlXCIgLT4gYW4gYXJyYXkgb2YgaXRlbXNcbiAgICAgICAgICAgICAgICAgKiBcImFwcGVuZFZhbHVlXCIgLT4gYSBjYWxsYmFjayB0byBhZGQgYSBuZXcgdmFsdWUgdG8gdGhlIHRvcCBsZXZlbCBcIml0ZW1zXCIgYXJyYXlcbiAgICAgICAgICAgICAgICAgKi9cbiAgICAgICAgICAgICAgICBjb25zdCB7IHZhbHVlLCBhcHBlbmRWYWx1ZSB9ID0gYmluZEZpZWxkO1xuXG4gICAgICAgICAgICAgICAgY29uc3QgYmluZEZpZWxkVmFsdWU6IHN0cmluZ1tdID0gdmFsdWUgfHwgW107XG5cbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8QmluZC5WYWxpZGF0aW9uQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFBhcmVudEZpZWxkUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfSBwYXRoPXtCaW5kLnBhcmVudE5hbWV9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtzaG93TGFiZWwgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17XCJtYi1zbSBmbGV4IGZsZXgtY29sIGdhcC15LXNtXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFNlcGFyYXRvciBsYWJlbFBvc2l0aW9uPXtcInN0YXJ0XCJ9IHZhcmlhbnQ9e1wiYWNjZW50XCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17XCJ0ZXh0LWFjY2VudC1wcmltYXJ5IHRleHQtbGcgZm9udC1zZW1pYm9sZFwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2Ake2ZpZWxkLmxhYmVsfSAke1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYmluZEZpZWxkVmFsdWUubGVuZ3RoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPyBgKCR7YmluZEZpZWxkVmFsdWUubGVuZ3RofSlgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgOiBcIlwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1gfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvU2VwYXJhdG9yPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2ZpZWxkLmRlc2NyaXB0aW9uICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Rm9ybUNvbXBvbmVudERlc2NyaXB0aW9uIHRleHQ9e2ZpZWxkLmRlc2NyaXB0aW9ufSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8R3JpZCBjbGFzc05hbWU9e2NsYXNzU2V0KGdyaWRDbGFzc05hbWUsIHN0eWxlLmdyaWRDb250YWluZXIpfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtiaW5kRmllbGRWYWx1ZS5tYXAoKF8sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgQmluZEZpZWxkID0gZ2V0QmluZChpbmRleCk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEdyaWQuQ29sdW1uIHNwYW49ezEyfSBrZXk9e2luZGV4fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCaW5kRmllbGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2JpbmRQcm9wcyA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCaW5kRmllbGQuVmFsaWRhdGlvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxQYXJlbnRWYWx1ZUluZGV4UHJvdmlkZXIgaW5kZXg9e2luZGV4fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Y2hpbGRyZW4oe1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBCaW5kOiBCaW5kRmllbGQsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpZWxkLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiaW5kOiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleDogYmluZFByb3BzLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmllbGQ6IGJpbmRGaWVsZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9QYXJlbnRWYWx1ZUluZGV4UHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Rm9ybUNvbXBvbmVudE5vdGUgdGV4dD17ZmllbGQubm90ZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9CaW5kRmllbGQuVmFsaWRhdGlvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9CaW5kRmllbGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvR3JpZC5Db2x1bW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtiaW5kRmllbGQudmFsaWRhdGlvbi5pc1ZhbGlkID09PSBmYWxzZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEdyaWQuQ29sdW1uIHNwYW49ezEyfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZvcm1Db21wb25lbnRFcnJvck1lc3NhZ2VcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGludmFsaWRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHQ9e2JpbmRGaWVsZC52YWxpZGF0aW9uLm1lc3NhZ2V9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9HcmlkLkNvbHVtbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8R3JpZC5Db2x1bW4gc3Bhbj17MTJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJpbmRGaWVsZFZhbHVlLmxlbmd0aCA+IDAgPyBcInB0LW5vbmVcIiA6IFwicHQtc21cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YXJpYW50PXtcInRlcnRpYXJ5XCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGljb249ezxBZGRJY29uIC8+fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0PXt0KGFkZFZhbHVlQnV0dG9uTGFiZWwpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhcHBlbmRWYWx1ZShlbXB0eVZhbHVlKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQWRkSXRlbShiaW5kRmllbGRWYWx1ZS5sZW5ndGgpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9HcmlkLkNvbHVtbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1BhcmVudEZpZWxkUHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgIDwvQmluZC5WYWxpZGF0aW9uQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9fVxuICAgICAgICA8L0JpbmQ+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IER5bmFtaWNTZWN0aW9uO1xuIl19 */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   })
 };
@@ -49,14 +48,16 @@ const DynamicSection = ({
     return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(ParentFieldProvider, {
       value: value,
       path: Bind.parentName
-    }, showLabel ? /*#__PURE__*/React.createElement("div", {
-      className: "wby-pb-md wby-mb-md wby-border-b-sm wby-border-neutral-dimmed"
-    }, /*#__PURE__*/React.createElement(Heading, {
-      level: 6,
-      className: "webiny_group-label-text"
-    }, `${field.label} ${bindFieldValue.length ? `(${bindFieldValue.length})` : ""}`), field.helpText && /*#__PURE__*/React.createElement(FormComponentDescription, {
-      text: field.helpText
-    })) : null, /*#__PURE__*/React.createElement(Grid, {
+    }, 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: classSet(gridClassName, style.gridContainer)
     }, /*#__PURE__*/React.createElement(React.Fragment, null, bindFieldValue.map((_, index) => {
       const BindField = getBind(index);
@@ -73,7 +74,9 @@ const DynamicSection = ({
           field: bindField
         },
         index
-      })))));
+      })), /*#__PURE__*/React.createElement(FormComponentNote, {
+        text: field.note
+      }))));
     })), /*#__PURE__*/React.createElement(React.Fragment, null, bindField.validation.isValid === false && /*#__PURE__*/React.createElement(Grid.Column, {
       span: 12
     }, /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
@@ -82,7 +85,7 @@ const DynamicSection = ({
     }))), /*#__PURE__*/React.createElement(Grid.Column, {
       span: 12
     }, /*#__PURE__*/React.createElement("div", {
-      className: cn(bindFieldValue.length > 0 ? "wby-pt-none" : "wby-pt-sm")
+      className: cn(bindFieldValue.length > 0 ? "pt-none" : "pt-sm")
     }, /*#__PURE__*/React.createElement(Button, {
       variant: "tertiary",
       icon: /*#__PURE__*/React.createElement(AddIcon, null),