@webiny/app-headless-cms 5.40.0-beta.2 → 5.40.0-beta.3

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

@@ -5,57 +5,53 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.formNameWrapper = exports.NameWrapper = exports.NameInputWrapper = exports.FormName = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _emotion = require("emotion");
-var NameInputWrapper = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "e1go0so10",
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var NameInputWrapper = exports.NameInputWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1go0so12"
+} : {
+  target: "e1go0so12",
   label: "NameInputWrapper"
-})({
-  width: "100%",
-  display: "flex",
-  alignItems: "center",
-  position: "relative",
-  "> .mdc-text-field--upgraded": {
-    height: 35,
-    marginTop: "0 !important",
-    paddingLeft: 10,
-    paddingRight: 40
-  }
+})(process.env.NODE_ENV === "production" ? {
+  name: "1h462ek",
+  styles: "width:100%;display:flex;align-items:center;position:relative;> .mdc-text-field--upgraded{height:35px;margin-top:0 !important;padding-left:10px;padding-right:40px;}"
+} : {
+  name: "1h462ek",
+  styles: "width:100%;display:flex;align-items:center;position:relative;> .mdc-text-field--upgraded{height:35px;margin-top:0 !important;padding-left:10px;padding-right:40px;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hbWVTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdnQyIsImZpbGUiOiJOYW1lU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcImVtb3Rpb25cIjtcblxuZXhwb3J0IGNvbnN0IE5hbWVJbnB1dFdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgXCI+IC5tZGMtdGV4dC1maWVsZC0tdXBncmFkZWRcIjoge1xuICAgICAgICBoZWlnaHQ6IDM1LFxuICAgICAgICBtYXJnaW5Ub3A6IFwiMCAhaW1wb3J0YW50XCIsXG4gICAgICAgIHBhZGRpbmdMZWZ0OiAxMCxcbiAgICAgICAgcGFkZGluZ1JpZ2h0OiA0MFxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgTmFtZVdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiYmFzZWxpbmVcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LWNlbnRlclwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtcHJpbWFyeS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIG1hcmdpbkxlZnQ6IDEwXG59KTtcblxuZXhwb3J0IGNvbnN0IEZvcm1OYW1lID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHRyYW5zcGFyZW50XCIsXG4gICAgZm9udFNpemU6IDIwLFxuICAgIGxpbmVIZWlnaHQ6IDEuMjUsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICBmb250RmFtaWx5OiBcInZhcigtLW1kYy10eXBvZ3JhcGh5LWZvbnQtZmFtaWx5KVwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBmb3JtTmFtZVdyYXBwZXIgPSBjc3Moe1xuICAgIG1heFdpZHRoOiBcImNhbGMoMTAwJSAtIDUwcHgpXCJcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.NameInputWrapper = NameInputWrapper;
-var NameWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+var NameWrapper = exports.NameWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1go0so11"
+} : {
   target: "e1go0so11",
   label: "NameWrapper"
-})({
-  display: "flex",
-  alignItems: "baseline",
-  justifyContent: "flex-center",
-  flexDirection: "column",
-  color: "var(--mdc-theme-text-primary-on-background)",
-  position: "relative",
-  width: "100%",
-  marginLeft: 10
+})(process.env.NODE_ENV === "production" ? {
+  name: "nie0v3",
+  styles: "display:flex;align-items:baseline;justify-content:flex-center;flex-direction:column;color:var(--mdc-theme-text-primary-on-background);position:relative;width:100%;margin-left:10px"
+} : {
+  name: "nie0v3",
+  styles: "display:flex;align-items:baseline;justify-content:flex-center;flex-direction:column;color:var(--mdc-theme-text-primary-on-background);position:relative;width:100%;margin-left:10px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hbWVTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCMkIiLCJmaWxlIjoiTmFtZVN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5cbmV4cG9ydCBjb25zdCBOYW1lSW5wdXRXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIFwiPiAubWRjLXRleHQtZmllbGQtLXVwZ3JhZGVkXCI6IHtcbiAgICAgICAgaGVpZ2h0OiAzNSxcbiAgICAgICAgbWFyZ2luVG9wOiBcIjAgIWltcG9ydGFudFwiLFxuICAgICAgICBwYWRkaW5nTGVmdDogMTAsXG4gICAgICAgIHBhZGRpbmdSaWdodDogNDBcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IE5hbWVXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImJhc2VsaW5lXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1jZW50ZXJcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LXByaW1hcnktb24tYmFja2dyb3VuZClcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBtYXJnaW5MZWZ0OiAxMFxufSk7XG5cbmV4cG9ydCBjb25zdCBGb3JtTmFtZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCB0cmFuc3BhcmVudFwiLFxuICAgIGZvbnRTaXplOiAyMCxcbiAgICBsaW5lSGVpZ2h0OiAxLjI1LFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgZm9udEZhbWlseTogXCJ2YXIoLS1tZGMtdHlwb2dyYXBoeS1mb250LWZhbWlseSlcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIlxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgZm9ybU5hbWVXcmFwcGVyID0gY3NzKHtcbiAgICBtYXhXaWR0aDogXCJjYWxjKDEwMCUgLSA1MHB4KVwiXG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.NameWrapper = NameWrapper;
-var FormName = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "e1go0so12",
+var FormName = exports.FormName = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1go0so10"
+} : {
+  target: "e1go0so10",
   label: "FormName"
-})({
-  border: "1px solid transparent",
-  fontSize: 20,
-  lineHeight: 1.25,
-  whiteSpace: "nowrap",
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  width: "100%",
-  "&:hover": {
-    border: "1px solid var(--mdc-theme-on-background)"
-  }
+})(process.env.NODE_ENV === "production" ? {
+  name: "18mmr3s",
+  styles: "border:1px solid transparent;font-size:20px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--mdc-typography-font-family);width:100%;&:hover{border:1px solid var(--mdc-theme-on-background);}"
+} : {
+  name: "18mmr3s",
+  styles: "border:1px solid transparent;font-size:20px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--mdc-typography-font-family);width:100%;&:hover{border:1px solid var(--mdc-theme-on-background);}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hbWVTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCd0IiLCJmaWxlIjoiTmFtZVN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5cbmV4cG9ydCBjb25zdCBOYW1lSW5wdXRXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIFwiPiAubWRjLXRleHQtZmllbGQtLXVwZ3JhZGVkXCI6IHtcbiAgICAgICAgaGVpZ2h0OiAzNSxcbiAgICAgICAgbWFyZ2luVG9wOiBcIjAgIWltcG9ydGFudFwiLFxuICAgICAgICBwYWRkaW5nTGVmdDogMTAsXG4gICAgICAgIHBhZGRpbmdSaWdodDogNDBcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IE5hbWVXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImJhc2VsaW5lXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1jZW50ZXJcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LXByaW1hcnktb24tYmFja2dyb3VuZClcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBtYXJnaW5MZWZ0OiAxMFxufSk7XG5cbmV4cG9ydCBjb25zdCBGb3JtTmFtZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCB0cmFuc3BhcmVudFwiLFxuICAgIGZvbnRTaXplOiAyMCxcbiAgICBsaW5lSGVpZ2h0OiAxLjI1LFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgZm9udEZhbWlseTogXCJ2YXIoLS1tZGMtdHlwb2dyYXBoeS1mb250LWZhbWlseSlcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIlxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgZm9ybU5hbWVXcmFwcGVyID0gY3NzKHtcbiAgICBtYXhXaWR0aDogXCJjYWxjKDEwMCUgLSA1MHB4KVwiXG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.FormName = FormName;
-var formNameWrapper = /*#__PURE__*/(0, _emotion.css)({
+var formNameWrapper = exports.formNameWrapper = (0, _emotion.css)({
   maxWidth: "calc(100% - 50px)"
-}, "label:formNameWrapper;");
-exports.formNameWrapper = formNameWrapper;
+});
 
 //# sourceMappingURL=NameStyled.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_styled","_interopRequireDefault","require","_emotion","NameInputWrapper","styled","target","label","width","display","alignItems","position","height","marginTop","paddingLeft","paddingRight","exports","NameWrapper","justifyContent","flexDirection","color","marginLeft","FormName","border","fontSize","lineHeight","whiteSpace","overflow","textOverflow","formNameWrapper","css","maxWidth"],"sources":["NameStyled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\n\nexport const NameInputWrapper = styled(\"div\")({\n    width: \"100%\",\n    display: \"flex\",\n    alignItems: \"center\",\n    position: \"relative\",\n    \"> .mdc-text-field--upgraded\": {\n        height: 35,\n        marginTop: \"0 !important\",\n        paddingLeft: 10,\n        paddingRight: 40\n    }\n});\n\nexport const NameWrapper = styled(\"div\")({\n    display: \"flex\",\n    alignItems: \"baseline\",\n    justifyContent: \"flex-center\",\n    flexDirection: \"column\",\n    color: \"var(--mdc-theme-text-primary-on-background)\",\n    position: \"relative\",\n    width: \"100%\",\n    marginLeft: 10\n});\n\nexport const FormName = styled(\"div\")({\n    border: \"1px solid transparent\",\n    fontSize: 20,\n    lineHeight: 1.25,\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    width: \"100%\",\n    \"&:hover\": {\n        border: \"1px solid var(--mdc-theme-on-background)\"\n    }\n});\n\nexport const formNameWrapper = css({\n    maxWidth: \"calc(100% - 50px)\"\n});\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEO,IAAME,gBAAgB,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAC1CC,KAAK,EAAE,MAAM;EACbC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,QAAQ,EAAE,UAAU;EACpB,6BAA6B,EAAE;IAC3BC,MAAM,EAAE,EAAE;IACVC,SAAS,EAAE,cAAc;IACzBC,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE;EAClB;AACJ,CAAC,CAAC;AAACC,OAAA,CAAAZ,gBAAA,GAAAA,gBAAA;AAEI,IAAMa,WAAW,oBAAGZ,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACrCE,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,UAAU;EACtBQ,cAAc,EAAE,aAAa;EAC7BC,aAAa,EAAE,QAAQ;EACvBC,KAAK,EAAE,6CAA6C;EACpDT,QAAQ,EAAE,UAAU;EACpBH,KAAK,EAAE,MAAM;EACba,UAAU,EAAE;AAChB,CAAC,CAAC;AAACL,OAAA,CAAAC,WAAA,GAAAA,WAAA;AAEI,IAAMK,QAAQ,oBAAGjB,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAClCgB,MAAM,EAAE,uBAAuB;EAC/BC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,IAAI;EAChBC,UAAU,EAAE,QAAQ;EACpBC,QAAQ,EAAE,QAAQ;EAClBC,YAAY,EAAE,UAAU;EACxBpB,KAAK,EAAE,MAAM;EACb,SAAS,EAAE;IACPe,MAAM,EAAE;EACZ;AACJ,CAAC,CAAC;AAACP,OAAA,CAAAM,QAAA,GAAAA,QAAA;AAEI,IAAMO,eAAe,gBAAG,IAAAC,YAAG,EAAC;EAC/BC,QAAQ,EAAE;AACd,CAAC,2BAAC;AAACf,OAAA,CAAAa,eAAA,GAAAA,eAAA"}
+{"version":3,"names":["_emotion","require","_EMOTION_STRINGIFIED_CSS_ERROR__","NameInputWrapper","exports","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","NameWrapper","FormName","formNameWrapper","css","maxWidth"],"sources":["NameStyled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\n\nexport const NameInputWrapper = styled(\"div\")({\n    width: \"100%\",\n    display: \"flex\",\n    alignItems: \"center\",\n    position: \"relative\",\n    \"> .mdc-text-field--upgraded\": {\n        height: 35,\n        marginTop: \"0 !important\",\n        paddingLeft: 10,\n        paddingRight: 40\n    }\n});\n\nexport const NameWrapper = styled(\"div\")({\n    display: \"flex\",\n    alignItems: \"baseline\",\n    justifyContent: \"flex-center\",\n    flexDirection: \"column\",\n    color: \"var(--mdc-theme-text-primary-on-background)\",\n    position: \"relative\",\n    width: \"100%\",\n    marginLeft: 10\n});\n\nexport const FormName = styled(\"div\")({\n    border: \"1px solid transparent\",\n    fontSize: 20,\n    lineHeight: 1.25,\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    fontFamily: \"var(--mdc-typography-font-family)\",\n    width: \"100%\",\n    \"&:hover\": {\n        border: \"1px solid var(--mdc-theme-on-background)\"\n    }\n});\n\nexport const formNameWrapper = css({\n    maxWidth: \"calc(100% - 50px)\"\n});\n"],"mappings":";;;;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AAA8B,SAAAC,iCAAA;AAEvB,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,gBAAG,IAAAE,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAb;AAAA,CAW5C,CAAC;AAEK,IAAMc,WAAW,GAAAZ,OAAA,CAAAY,WAAA,gBAAG,IAAAX,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAb;AAAA,CASvC,CAAC;AAEK,IAAMe,QAAQ,GAAAb,OAAA,CAAAa,QAAA,gBAAG,IAAAZ,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAb;AAAA,CAYpC,CAAC;AAEK,IAAMgB,eAAe,GAAAd,OAAA,CAAAc,eAAA,GAAG,IAAAC,YAAG,EAAC;EAC/BC,QAAQ,EAAE;AACd,CAAC,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_Name","require"],"sources":["index.ts"],"sourcesContent":["export { Name } from \"./Name\";\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA"}
+{"version":3,"names":["_Name","require"],"sources":["index.ts"],"sourcesContent":["export { Name } from \"./Name\";\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA","ignoreList":[]}

package/admin/plugins/editor/defaultBar/SaveContentModelButton.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const SaveContentModelButton: () => JSX.Element;
+import React from "react";
+declare const SaveContentModelButton: () => React.JSX.Element;
 export default SaveContentModelButton;

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

@@ -42,7 +42,6 @@ var SaveContentModelButton = function SaveContentModelButton() {
     }
   }, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Save"]))));
 };
-var _default = SaveContentModelButton;
-exports.default = _default;
+var _default = exports.default = SaveContentModelButton;
 
 //# sourceMappingURL=SaveContentModelButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Button","_useSnackbar2","_i18n","_hooks","_templateObject","_templateObject2","t","i18n","namespace","SaveContentModelButton","_useModelEditor","useModelEditor","saveContentModel","_useState","useState","_useState2","_slicedToArray2","default","loading","setLoading","_useSnackbar","useSnackbar","showSnackbar","onClick","useCallback","response","error","message","_taggedTemplateLiteral2","createElement","ButtonPrimary","disabled","_default","exports"],"sources":["SaveContentModelButton.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\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 } = useSnackbar();\n\n    const onClick = useCallback(async () => {\n        setLoading(true);\n        const response = await saveContentModel();\n        setLoading(false);\n\n        if (response.error) {\n            showSnackbar(response.error.message);\n            return;\n        }\n\n        showSnackbar(t`Your content model was saved successfully!`);\n    }, [saveContentModel]);\n\n    return (\n        <ButtonPrimary\n            data-testid=\"cms.editor.defaultbar.save\"\n            disabled={loading}\n            onClick={() => {\n                onClick();\n            }}\n        >\n            {t`Save`}\n        </ButtonPrimary>\n    );\n};\n\nexport default SaveContentModelButton;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAA+C,IAAAK,eAAA,EAAAC,gBAAA;AAE/C,IAAMC,CAAC,GAAGC,UAAI,CAACC,SAAS,CAAC,mDAAmD,CAAC;AAE7E,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAA,EAAS;EACjC,IAAAC,eAAA,GAA6B,IAAAC,qBAAc,EAAC,CAAC;IAArCC,gBAAgB,GAAAF,eAAA,CAAhBE,gBAAgB;EACxB,IAAAC,SAAA,GAA8B,IAAAC,eAAQ,EAAU,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAA/CK,OAAO,GAAAH,UAAA;IAAEI,UAAU,GAAAJ,UAAA;EAC1B,IAAAK,YAAA,GAAyB,IAAAC,yBAAW,EAAC,CAAC;IAA9BC,YAAY,GAAAF,YAAA,CAAZE,YAAY;EAEpB,IAAMC,QAAO,GAAG,IAAAC,kBAAW,EAAC,kBAAY;IACpCL,UAAU,CAAC,IAAI,CAAC;IAChB,IAAMM,QAAQ,GAAG,MAAMb,gBAAgB,CAAC,CAAC;IACzCO,UAAU,CAAC,KAAK,CAAC;IAEjB,IAAIM,QAAQ,CAACC,KAAK,EAAE;MAChBJ,YAAY,CAACG,QAAQ,CAACC,KAAK,CAACC,OAAO,CAAC;MACpC;IACJ;IAEAL,YAAY,CAAChB,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAwB,uBAAA,CAAAX,OAAA,mDAA4C,CAAC;EAC/D,CAAC,EAAE,CAACL,gBAAgB,CAAC,CAAC;EAEtB,oBACIf,MAAA,CAAAoB,OAAA,CAAAY,aAAA,CAAC7B,OAAA,CAAA8B,aAAa;IACV,eAAY,4BAA4B;IACxCC,QAAQ,EAAEb,OAAQ;IAClBK,OAAO,EAAE,SAAAA,QAAA,EAAM;MACXA,QAAO,CAAC,CAAC;IACb;EAAE,GAEDjB,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAuB,uBAAA,CAAAX,OAAA,aACS,CAAC;AAExB,CAAC;AAAC,IAAAe,QAAA,GAEavB,sBAAsB;AAAAwB,OAAA,CAAAhB,OAAA,GAAAe,QAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Button","_useSnackbar2","_i18n","_hooks","_templateObject","_templateObject2","t","i18n","namespace","SaveContentModelButton","_useModelEditor","useModelEditor","saveContentModel","_useState","useState","_useState2","_slicedToArray2","default","loading","setLoading","_useSnackbar","useSnackbar","showSnackbar","onClick","useCallback","response","error","message","_taggedTemplateLiteral2","createElement","ButtonPrimary","disabled","_default","exports"],"sources":["SaveContentModelButton.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\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 } = useSnackbar();\n\n    const onClick = useCallback(async () => {\n        setLoading(true);\n        const response = await saveContentModel();\n        setLoading(false);\n\n        if (response.error) {\n            showSnackbar(response.error.message);\n            return;\n        }\n\n        showSnackbar(t`Your content model was saved successfully!`);\n    }, [saveContentModel]);\n\n    return (\n        <ButtonPrimary\n            data-testid=\"cms.editor.defaultbar.save\"\n            disabled={loading}\n            onClick={() => {\n                onClick();\n            }}\n        >\n            {t`Save`}\n        </ButtonPrimary>\n    );\n};\n\nexport default SaveContentModelButton;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAA+C,IAAAK,eAAA,EAAAC,gBAAA;AAE/C,IAAMC,CAAC,GAAGC,UAAI,CAACC,SAAS,CAAC,mDAAmD,CAAC;AAE7E,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAA,EAAS;EACjC,IAAAC,eAAA,GAA6B,IAAAC,qBAAc,EAAC,CAAC;IAArCC,gBAAgB,GAAAF,eAAA,CAAhBE,gBAAgB;EACxB,IAAAC,SAAA,GAA8B,IAAAC,eAAQ,EAAU,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAA/CK,OAAO,GAAAH,UAAA;IAAEI,UAAU,GAAAJ,UAAA;EAC1B,IAAAK,YAAA,GAAyB,IAAAC,yBAAW,EAAC,CAAC;IAA9BC,YAAY,GAAAF,YAAA,CAAZE,YAAY;EAEpB,IAAMC,QAAO,GAAG,IAAAC,kBAAW,EAAC,kBAAY;IACpCL,UAAU,CAAC,IAAI,CAAC;IAChB,IAAMM,QAAQ,GAAG,MAAMb,gBAAgB,CAAC,CAAC;IACzCO,UAAU,CAAC,KAAK,CAAC;IAEjB,IAAIM,QAAQ,CAACC,KAAK,EAAE;MAChBJ,YAAY,CAACG,QAAQ,CAACC,KAAK,CAACC,OAAO,CAAC;MACpC;IACJ;IAEAL,YAAY,CAAChB,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAwB,uBAAA,CAAAX,OAAA,mDAA4C,CAAC;EAC/D,CAAC,EAAE,CAACL,gBAAgB,CAAC,CAAC;EAEtB,oBACIf,MAAA,CAAAoB,OAAA,CAAAY,aAAA,CAAC7B,OAAA,CAAA8B,aAAa;IACV,eAAY,4BAA4B;IACxCC,QAAQ,EAAEb,OAAQ;IAClBK,OAAO,EAAE,SAAAA,QAAA,EAAM;MACXA,QAAO,CAAC,CAAC;IACb;EAAE,GAEDjB,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAuB,uBAAA,CAAAX,OAAA,aACS,CAAC;AAExB,CAAC;AAAC,IAAAe,QAAA,GAAAC,OAAA,CAAAhB,OAAA,GAEaR,sBAAsB","ignoreList":[]}

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 declare const _default: {
     name: string;
     type: string;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }[];
 export default _default;

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

@@ -12,7 +12,7 @@ var _SaveContentModelButton = _interopRequireDefault(require("./SaveContentModel
 var _CreateContentButton = _interopRequireDefault(require("./CreateContentButton"));
 var _Name = require("./Name");
 var _FormSettings = require("./FormSettings");
-var _default = [{
+var _default = exports.default = [{
   name: "content-model-editor-default-bar-right-create-content-button",
   type: "content-model-editor-default-bar-right",
   render: function render() {
@@ -49,6 +49,5 @@ var _default = [{
     return /*#__PURE__*/_react.default.createElement(_Name.Name, null);
   }
 }];
-exports.default = _default;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_BackButton","_Divider","_SaveContentModelButton","_CreateContentButton","_Name","_FormSettings","_default","name","type","render","default","createElement","FormSettingsButton","Name","exports"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport BackButton from \"./BackButton\";\nimport Divider from \"./Divider\";\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-left-divider\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <Divider />;\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,uBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,oBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAAoD,IAAAO,QAAA,GAErC,CACX;EACIC,IAAI,EAAE,8DAA8D;EACpEC,IAAI,EAAE,wCAAwC;EAC9CC,MAAM,WAAAA,OAAA,EAAG;IACL,oBAAOZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACR,oBAAA,CAAAO,OAAmB,MAAE,CAAC;EAClC;AACJ,CAAC,EACD;EACIH,IAAI,EAAE,+CAA+C;EACrDC,IAAI,EAAE,wCAAwC;EAC9CC,MAAM,WAAAA,OAAA,EAAG;IACL,oBAAOZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,QAAA,CAAAS,OAAO,MAAE,CAAC;EACtB;AACJ,CAAC,EACD;EACIH,IAAI,EAAE,6DAA6D;EACnEC,IAAI,EAAE,wCAAwC;EAC9CC,MAAM,WAAAA,OAAA,EAAG;IACL,oBAAOZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACN,aAAA,CAAAO,kBAAkB,MAAE,CAAC;EACjC;AACJ,CAAC,EACD;EACIL,IAAI,EAAE,oDAAoD;EAC1DC,IAAI,EAAE,wCAAwC;EAC9CC,MAAM,WAAAA,OAAA,EAAG;IACL,oBAAOZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,uBAAA,CAAAQ,OAAsB,MAAE,CAAC;EACrC;AACJ,CAAC,EAED;EACIH,IAAI,EAAE,mDAAmD;EACzDC,IAAI,EAAE,uCAAuC;EAC7CC,MAAM,WAAAA,OAAA,EAAG;IACL,oBAAOZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,WAAA,CAAAU,OAAU,MAAE,CAAC;EACzB;AACJ,CAAC,EAED;EACIH,IAAI,EAAE,4CAA4C;EAClDC,IAAI,EAAE,uCAAuC;EAC7CC,MAAM,WAAAA,OAAA,EAAG;IACL,oBAAOZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAAS,IAAI,MAAE,CAAC;EACnB;AACJ,CAAC,CACJ;AAAAC,OAAA,CAAAJ,OAAA,GAAAJ,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_BackButton","_Divider","_SaveContentModelButton","_CreateContentButton","_Name","_FormSettings","_default","exports","default","name","type","render","createElement","FormSettingsButton","Name"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport BackButton from \"./BackButton\";\nimport Divider from \"./Divider\";\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-left-divider\",\n        type: \"content-model-editor-default-bar-right\",\n        render() {\n            return <Divider />;\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,uBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,oBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAAoD,IAAAO,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAErC,CACX;EACIC,IAAI,EAAE,8DAA8D;EACpEC,IAAI,EAAE,wCAAwC;EAC9CC,MAAM,WAAAA,OAAA,EAAG;IACL,oBAAOd,MAAA,CAAAW,OAAA,CAAAI,aAAA,CAACT,oBAAA,CAAAK,OAAmB,MAAE,CAAC;EAClC;AACJ,CAAC,EACD;EACIC,IAAI,EAAE,+CAA+C;EACrDC,IAAI,EAAE,wCAAwC;EAC9CC,MAAM,WAAAA,OAAA,EAAG;IACL,oBAAOd,MAAA,CAAAW,OAAA,CAAAI,aAAA,CAACX,QAAA,CAAAO,OAAO,MAAE,CAAC;EACtB;AACJ,CAAC,EACD;EACIC,IAAI,EAAE,6DAA6D;EACnEC,IAAI,EAAE,wCAAwC;EAC9CC,MAAM,WAAAA,OAAA,EAAG;IACL,oBAAOd,MAAA,CAAAW,OAAA,CAAAI,aAAA,CAACP,aAAA,CAAAQ,kBAAkB,MAAE,CAAC;EACjC;AACJ,CAAC,EACD;EACIJ,IAAI,EAAE,oDAAoD;EAC1DC,IAAI,EAAE,wCAAwC;EAC9CC,MAAM,WAAAA,OAAA,EAAG;IACL,oBAAOd,MAAA,CAAAW,OAAA,CAAAI,aAAA,CAACV,uBAAA,CAAAM,OAAsB,MAAE,CAAC;EACrC;AACJ,CAAC,EAED;EACIC,IAAI,EAAE,mDAAmD;EACzDC,IAAI,EAAE,uCAAuC;EAC7CC,MAAM,WAAAA,OAAA,EAAG;IACL,oBAAOd,MAAA,CAAAW,OAAA,CAAAI,aAAA,CAACZ,WAAA,CAAAQ,OAAU,MAAE,CAAC;EACzB;AACJ,CAAC,EAED;EACIC,IAAI,EAAE,4CAA4C;EAClDC,IAAI,EAAE,uCAAuC;EAC7CC,MAAM,WAAAA,OAAA,EAAG;IACL,oBAAOd,MAAA,CAAAW,OAAA,CAAAI,aAAA,CAACR,KAAA,CAAAU,IAAI,MAAE,CAAC;EACnB;AACJ,CAAC,CACJ","ignoreList":[]}

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 import { BindComponent } from "@webiny/form";
 interface GeneralSettingsProps {
     Bind: BindComponent;
 }
-declare const GeneralSettings: ({ Bind }: GeneralSettingsProps) => JSX.Element;
+declare const GeneralSettings: ({ Bind }: GeneralSettingsProps) => React.JSX.Element;
 export default GeneralSettings;

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

@@ -68,7 +68,6 @@ var GeneralSettings = function GeneralSettings(_ref) {
     label: "Tags"
   })))));
 };
-var _default = GeneralSettings;
-exports.default = _default;
+var _default = exports.default = GeneralSettings;
 
 //# sourceMappingURL=GeneralSettings.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Grid","_Input","_Tags","_validation","_GroupSelect","_IconPicker","GeneralSettings","_ref","Bind","default","createElement","Fragment","Grid","Cell","span","name","Input","label","disabled","rows","validators","validation","create","IconPicker","description","Tags","_default","exports"],"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 { 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":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Grid","_Input","_Tags","_validation","_GroupSelect","_IconPicker","GeneralSettings","_ref","Bind","default","createElement","Fragment","Grid","Cell","span","name","Input","label","disabled","rows","validators","validation","create","IconPicker","description","Tags","_default","exports"],"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 { 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":"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","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Select","_viewsGraphql","_hooks","_excluded","GroupSelect","_ref","value","props","_objectWithoutProperties2","default","_useQuery","useQuery","LIST_MENU_CONTENT_GROUPS_MODELS","data","loading","groups","listContentModelGroups","options","useMemo","map","item","id","label","name","selectValue","createElement","Select","Object","assign"],"sources":["GroupSelect.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { FormComponentProps } from \"@webiny/ui/types\";\nimport {\n    LIST_MENU_CONTENT_GROUPS_MODELS,\n    ListMenuCmsGroupsQueryResponse\n} 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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAIA,IAAAG,MAAA,GAAAH,OAAA;AAAyC,IAAAI,SAAA;AAE1B,SAASC,WAAWA,CAAAC,IAAA,EAA0C;EAAA,IAAvCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAKC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAAJ,IAAA,EAAAF,SAAA;EACjD,IAAAO,SAAA,GAA0B,IAAAC,eAAQ,EAC9BC,6CACJ,CAAC;IAFOC,IAAI,GAAAH,SAAA,CAAJG,IAAI;IAAEC,OAAO,GAAAJ,SAAA,CAAPI,OAAO;EAIrB,IAAMC,MAAM,GAAGD,OAAO,IAAI,CAACD,IAAI,GAAG,EAAE,GAAGA,IAAI,CAACG,sBAAsB,CAACH,IAAI;EACvE,IAAMI,OAAO,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC1B,OAAOH,MAAM,CAACI,GAAG,CAAC,UAAAC,IAAI;MAAA,OAAK;QAAEd,KAAK,EAAEc,IAAI,CAACC,EAAE;QAAEC,KAAK,EAAEF,IAAI,CAACG;MAAK,CAAC;IAAA,CAAC,CAAC;EACrE,CAAC,EAAE,CAACR,MAAM,CAAC,CAAC;EAEZ,IAAMS,WAAW,GAAG,OAAOlB,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,CAACe,EAAE;EAEhE,oBACIxB,MAAA,CAAAY,OAAA,CAAAgB,aAAA,CAACzB,OAAA,CAAA0B,MAAM,EAAAC,MAAA,CAAAC,MAAA,KACCrB,KAAK;IACTD,KAAK,EAAEQ,OAAO,GAAG,EAAE,GAAGU,WAAY;IAClCF,KAAK,EAAE,qBAAsB;IAC7BL,OAAO,EAAEA;EAAQ,EACpB,CAAC;AAEV"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Select","_viewsGraphql","_hooks","_excluded","GroupSelect","_ref","value","props","_objectWithoutProperties2","default","_useQuery","useQuery","LIST_MENU_CONTENT_GROUPS_MODELS","data","loading","groups","listContentModelGroups","options","useMemo","map","item","id","label","name","selectValue","createElement","Select","Object","assign"],"sources":["GroupSelect.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { FormComponentProps } from \"@webiny/ui/types\";\nimport {\n    LIST_MENU_CONTENT_GROUPS_MODELS,\n    ListMenuCmsGroupsQueryResponse\n} 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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAIA,IAAAG,MAAA,GAAAH,OAAA;AAAyC,IAAAI,SAAA;AAE1B,SAASC,WAAWA,CAAAC,IAAA,EAA0C;EAAA,IAAvCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAKC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAAJ,IAAA,EAAAF,SAAA;EACjD,IAAAO,SAAA,GAA0B,IAAAC,eAAQ,EAC9BC,6CACJ,CAAC;IAFOC,IAAI,GAAAH,SAAA,CAAJG,IAAI;IAAEC,OAAO,GAAAJ,SAAA,CAAPI,OAAO;EAIrB,IAAMC,MAAM,GAAGD,OAAO,IAAI,CAACD,IAAI,GAAG,EAAE,GAAGA,IAAI,CAACG,sBAAsB,CAACH,IAAI;EACvE,IAAMI,OAAO,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC1B,OAAOH,MAAM,CAACI,GAAG,CAAC,UAAAC,IAAI;MAAA,OAAK;QAAEd,KAAK,EAAEc,IAAI,CAACC,EAAE;QAAEC,KAAK,EAAEF,IAAI,CAACG;MAAK,CAAC;IAAA,CAAC,CAAC;EACrE,CAAC,EAAE,CAACR,MAAM,CAAC,CAAC;EAEZ,IAAMS,WAAW,GAAG,OAAOlB,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,CAACe,EAAE;EAEhE,oBACIxB,MAAA,CAAAY,OAAA,CAAAgB,aAAA,CAACzB,OAAA,CAAA0B,MAAM,EAAAC,MAAA,CAAAC,MAAA,KACCrB,KAAK;IACTD,KAAK,EAAEQ,OAAO,GAAG,EAAE,GAAGU,WAAY;IAClCF,KAAK,EAAE,qBAAsB;IAC7BL,OAAO,EAAEA;EAAQ,EACpB,CAAC;AAEV","ignoreList":[]}

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

@@ -19,7 +19,6 @@ var plugin = {
     return /*#__PURE__*/React.createElement(_GeneralSettings.default, props);
   }
 };
-var _default = plugin;
-exports.default = _default;
+var _default = exports.default = plugin;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_GeneralSettings","_interopRequireDefault","_roundSettings24px","plugin","name","type","title","description","icon","createElement","ReactComponent","render","props","default","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { 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,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AAEA,IAAMI,MAAmC,GAAG;EACxCC,IAAI,EAAE,kCAAkC;EACxCC,IAAI,EAAE,0BAA0B;EAChCC,KAAK,EAAE,kBAAkB;EACzBC,WAAW,EAAE,8CAA8C;EAC3DC,IAAI,eAAEX,KAAA,CAAAY,aAAA,CAACP,kBAAA,CAAAQ,cAAY,MAAE,CAAC;EACtBC,MAAM,WAAAA,OAACC,KAAK,EAAE;IACV,oBAAOf,KAAA,CAAAY,aAAA,CAACT,gBAAA,CAAAa,OAAe,EAAKD,KAAQ,CAAC;EACzC;AACJ,CAAC;AAAC,IAAAE,QAAA,GAEaX,MAAM;AAAAY,OAAA,CAAAF,OAAA,GAAAC,QAAA"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_GeneralSettings","_interopRequireDefault","_roundSettings24px","plugin","name","type","title","description","icon","createElement","ReactComponent","render","props","default","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { 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,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AAEA,IAAMI,MAAmC,GAAG;EACxCC,IAAI,EAAE,kCAAkC;EACxCC,IAAI,EAAE,0BAA0B;EAChCC,KAAK,EAAE,kBAAkB;EACzBC,WAAW,EAAE,8CAA8C;EAC3DC,IAAI,eAAEX,KAAA,CAAAY,aAAA,CAACP,kBAAA,CAAAQ,cAAY,MAAE,CAAC;EACtBC,MAAM,WAAAA,OAACC,KAAK,EAAE;IACV,oBAAOf,KAAA,CAAAY,aAAA,CAACT,gBAAA,CAAAa,OAAe,EAAKD,KAAQ,CAAC;EACzC;AACJ,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEaV,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/Accordion.js

@@ -12,7 +12,7 @@ var _emotion = require("emotion");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Typography = require("@webiny/ui/Typography");
 var classes = {
-  accordionWrapper: /*#__PURE__*/(0, _emotion.css)({
+  accordionWrapper: (0, _emotion.css)({
     /**
      * We're using position: "relative" here for "Popping Out of Hidden Overflow" https://css-tricks.com/popping-hidden-overflow/
      * so that, we can use absolute positioned element inside without "overflow: hidden" being a problem
@@ -20,8 +20,8 @@ var classes = {
     position: "relative",
     width: "100%",
     borderBottom: "1px solid var(--mdc-theme-on-secondary)"
-  }, "label:accordionWrapper;"),
-  accordionHeader: /*#__PURE__*/(0, _emotion.css)({
+  }),
+  accordionHeader: (0, _emotion.css)({
     position: "relative",
     color: "var(--mdc-theme-text-secondary-on-background)",
     cursor: "pointer",
@@ -73,8 +73,8 @@ var classes = {
         transform: "translateY(3px) rotate(90deg)"
       }
     }
-  }, "label:accordionHeader;"),
-  accordionItem: /*#__PURE__*/(0, _emotion.css)({
+  }),
+  accordionItem: (0, _emotion.css)({
     overflow: "hidden",
     transition: "max-height 0.3s cubic-bezier(1, 0, 1, 0)",
     height: "auto",
@@ -86,7 +86,7 @@ var classes = {
     ".accordion-content": {
       paddingBottom: 10
     }
-  }, "label:accordionItem;")
+  })
 };
 var Accordion = function Accordion(_ref) {
   var title = _ref.title,
@@ -114,7 +114,8 @@ var Accordion = function Accordion(_ref) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "accordion-title"
   }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "subtitle1"
+    use: "subtitle1",
+    tag: "span"
   }, title))), /*#__PURE__*/_react.default.createElement("div", {
     className: "accordion-header--right"
   }, action && /*#__PURE__*/_react.default.createElement("div", {
@@ -130,7 +131,6 @@ var Accordion = function Accordion(_ref) {
   }, children)));
 };
 var MemoizedAccordion = /*#__PURE__*/_react.default.memo(Accordion);
-var _default = MemoizedAccordion;
-exports.default = _default;
+var _default = exports.default = MemoizedAccordion;
 
 //# sourceMappingURL=Accordion.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_classnames","_interopRequireDefault","_Typography","classes","accordionWrapper","css","position","width","borderBottom","accordionHeader","color","cursor","padding","minHeight","display","alignItems","justifyContent","span","marginLeft","fill","height","top","left","content","borderTop","borderLeft","transform","accordionItem","overflow","transition","maxHeight","paddingBottom","Accordion","_ref","title","children","action","icon","_ref$defaultValue","defaultValue","_useState","useState","_useState2","_slicedToArray2","default","isOpen","setOpen","toggleOpen","useCallback","createElement","className","classNames","open","onClick","Typography","use","collapsed","MemoizedAccordion","React","memo","_default","exports"],"sources":["Accordion.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useState } from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst classes = {\n    accordionWrapper: css({\n        /**\n         * We're using position: \"relative\" here for \"Popping Out of Hidden Overflow\" https://css-tricks.com/popping-hidden-overflow/\n         * so that, we can use absolute positioned element inside without \"overflow: hidden\" being a problem\n         */\n        position: \"relative\",\n        width: \"100%\",\n        borderBottom: `1px solid var(--mdc-theme-on-secondary)`\n    }),\n    accordionHeader: css({\n        position: \"relative\",\n        color: \"var(--mdc-theme-text-secondary-on-background)\",\n        cursor: \"pointer\",\n        padding: \"0px\",\n        minHeight: 48, // To have same height as the remove value action button.\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n\n        \"& .accordion-header--left\": {\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"space-between\",\n            \"& .accordion-title\": {\n                span: {\n                    marginLeft: 16\n                }\n            }\n        },\n        \"& .accordion-header--right\": {\n            display: \"flex\",\n            \"& .icon-container\": {\n                display: \"flex\",\n                alignItems: \"center\",\n\n                \"& span\": {\n                    display: \"flex\"\n                },\n                \"& svg\": {\n                    fill: \"currentColor\",\n                    width: 14,\n                    height: 14\n                }\n            }\n        },\n\n        \"&::before\": {\n            position: \"absolute\",\n            top: \"calc(50% - 5px)\",\n            left: 0,\n            content: '\"\"',\n            width: 0,\n            height: 0,\n\n            // Arrow right.\n            borderTop: \"5px solid transparent\",\n            borderBottom: \"5px solid transparent\",\n            borderLeft: \"5px solid currentColor\"\n        },\n\n        \"&.open\": {\n            \"&::before\": {\n                transform: \"translateY(3px) rotate(90deg)\"\n            }\n        }\n    }),\n    accordionItem: css({\n        overflow: \"hidden\",\n        transition: \"max-height 0.3s cubic-bezier(1, 0, 1, 0)\",\n        height: \"auto\",\n        maxHeight: \"9999px\",\n\n        \"&.collapsed\": {\n            maxHeight: 0,\n            transition: \"max-height 0.35s cubic-bezier(0, 1, 0, 1)\"\n        },\n        \".accordion-content\": {\n            paddingBottom: 10\n        }\n    })\n};\n\ninterface AccordionProps {\n    title: string;\n    action?: ReactElement | null;\n    icon?: ReactElement;\n    defaultValue?: boolean;\n    children: React.ReactNode;\n}\n\nconst Accordion = ({ title, children, action, icon, defaultValue = false }: AccordionProps) => {\n    const [isOpen, setOpen] = useState(defaultValue);\n    const toggleOpen = useCallback(() => setOpen(!isOpen), [isOpen]);\n\n    return (\n        <div className={classes.accordionWrapper}>\n            <div\n                className={classNames(classes.accordionHeader, { open: isOpen })}\n                onClick={toggleOpen}\n            >\n                <div className=\"accordion-header--left\">\n                    <div className={\"accordion-title\"}>\n                        <Typography use={\"subtitle1\"}>{title}</Typography>\n                    </div>\n                </div>\n                <div className=\"accordion-header--right\">\n                    {action && <div className={\"action-container\"}>{action}</div>}\n                    <div className={\"icon-container\"}>{icon}</div>\n                </div>\n            </div>\n            <div className={classNames(classes.accordionItem, { collapsed: !isOpen })}>\n                <div className=\"accordion-content\">{children}</div>\n            </div>\n        </div>\n    );\n};\nconst MemoizedAccordion: React.ComponentType<AccordionProps> = React.memo(Accordion);\nexport default MemoizedAccordion;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_classnames","_interopRequireDefault","_Typography","classes","accordionWrapper","css","position","width","borderBottom","accordionHeader","color","cursor","padding","minHeight","display","alignItems","justifyContent","span","marginLeft","fill","height","top","left","content","borderTop","borderLeft","transform","accordionItem","overflow","transition","maxHeight","paddingBottom","Accordion","_ref","title","children","action","icon","_ref$defaultValue","defaultValue","_useState","useState","_useState2","_slicedToArray2","default","isOpen","setOpen","toggleOpen","useCallback","createElement","className","classNames","open","onClick","Typography","use","tag","collapsed","MemoizedAccordion","React","memo","_default","exports"],"sources":["Accordion.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useState } from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst classes = {\n    accordionWrapper: css({\n        /**\n         * We're using position: \"relative\" here for \"Popping Out of Hidden Overflow\" https://css-tricks.com/popping-hidden-overflow/\n         * so that, we can use absolute positioned element inside without \"overflow: hidden\" being a problem\n         */\n        position: \"relative\",\n        width: \"100%\",\n        borderBottom: `1px solid var(--mdc-theme-on-secondary)`\n    }),\n    accordionHeader: css({\n        position: \"relative\",\n        color: \"var(--mdc-theme-text-secondary-on-background)\",\n        cursor: \"pointer\",\n        padding: \"0px\",\n        minHeight: 48, // To have same height as the remove value action button.\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n\n        \"& .accordion-header--left\": {\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"space-between\",\n            \"& .accordion-title\": {\n                span: {\n                    marginLeft: 16\n                }\n            }\n        },\n        \"& .accordion-header--right\": {\n            display: \"flex\",\n            \"& .icon-container\": {\n                display: \"flex\",\n                alignItems: \"center\",\n\n                \"& span\": {\n                    display: \"flex\"\n                },\n                \"& svg\": {\n                    fill: \"currentColor\",\n                    width: 14,\n                    height: 14\n                }\n            }\n        },\n\n        \"&::before\": {\n            position: \"absolute\",\n            top: \"calc(50% - 5px)\",\n            left: 0,\n            content: '\"\"',\n            width: 0,\n            height: 0,\n\n            // Arrow right.\n            borderTop: \"5px solid transparent\",\n            borderBottom: \"5px solid transparent\",\n            borderLeft: \"5px solid currentColor\"\n        },\n\n        \"&.open\": {\n            \"&::before\": {\n                transform: \"translateY(3px) rotate(90deg)\"\n            }\n        }\n    }),\n    accordionItem: css({\n        overflow: \"hidden\",\n        transition: \"max-height 0.3s cubic-bezier(1, 0, 1, 0)\",\n        height: \"auto\",\n        maxHeight: \"9999px\",\n\n        \"&.collapsed\": {\n            maxHeight: 0,\n            transition: \"max-height 0.35s cubic-bezier(0, 1, 0, 1)\"\n        },\n        \".accordion-content\": {\n            paddingBottom: 10\n        }\n    })\n};\n\ninterface AccordionProps {\n    title: string;\n    action?: ReactElement | null;\n    icon?: ReactElement;\n    defaultValue?: boolean;\n    children: React.ReactNode;\n}\n\nconst Accordion = ({ title, children, action, icon, defaultValue = false }: AccordionProps) => {\n    const [isOpen, setOpen] = useState(defaultValue);\n    const toggleOpen = useCallback(() => setOpen(!isOpen), [isOpen]);\n\n    return (\n        <div className={classes.accordionWrapper}>\n            <div\n                className={classNames(classes.accordionHeader, { open: isOpen })}\n                onClick={toggleOpen}\n            >\n                <div className=\"accordion-header--left\">\n                    <div className={\"accordion-title\"}>\n                        <Typography use={\"subtitle1\"} tag={\"span\"}>\n                            {title}\n                        </Typography>\n                    </div>\n                </div>\n                <div className=\"accordion-header--right\">\n                    {action && <div className={\"action-container\"}>{action}</div>}\n                    <div className={\"icon-container\"}>{icon}</div>\n                </div>\n            </div>\n            <div className={classNames(classes.accordionItem, { collapsed: !isOpen })}>\n                <div className=\"accordion-content\">{children}</div>\n            </div>\n        </div>\n    );\n};\nconst MemoizedAccordion: React.ComponentType<AccordionProps> = React.memo(Accordion);\nexport default MemoizedAccordion;\n"],"mappings":"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","ignoreList":[]}

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

@@ -20,5 +20,5 @@ export interface DynamicSectionProps {
     renderTitle?: (value: any[]) => React.ReactElement;
     gridClassName?: string;
 }
-declare const DynamicSection: ({ field, getBind, Label, children, showLabel, emptyValue, renderTitle, gridClassName }: DynamicSectionProps) => JSX.Element;
+declare const DynamicSection: ({ field, getBind, Label, children, showLabel, emptyValue, renderTitle, gridClassName }: DynamicSectionProps) => React.JSX.Element;
 export default DynamicSection;

package/admin/plugins/fieldRenderers/DynamicSection.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _emotion = require("emotion");
 var _i18n = require("@webiny/app/i18n");
 var _Grid = require("@webiny/ui/Grid");
@@ -14,14 +15,16 @@ var _Button = require("@webiny/ui/Button");
 var _FormElementMessage = require("@webiny/ui/FormElementMessage");
 var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
 var _hooks = require("../../hooks");
-var _templateObject;
+var _ModelFieldProvider = require("../../components/ModelFieldProvider");
+var _templateObject, _templateObject2;
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
 var style = {
-  addButton: /*#__PURE__*/(0, _emotion.css)({
+  gridContainer: (0, _emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n        padding: 0 !important;\n    "]))),
+  addButton: (0, _emotion.css)({
     width: "100%",
     borderTop: "1px solid var(--mdc-theme-background)",
     paddingTop: 8
-  }, "label:addButton;")
+  })
 };
 var DynamicSection = function DynamicSection(_ref) {
   var field = _ref.field,
@@ -51,13 +54,12 @@ var DynamicSection = function DynamicSection(_ref) {
         value: value,
         path: Bind.parentName
       }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
-        className: gridClassName
+        className: (0, _classnames.default)(gridClassName, style.gridContainer)
       }, typeof renderTitle === "function" && renderTitle(bindFieldValue), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
       }, showLabel && field.label && /*#__PURE__*/_react.default.createElement(Label, null, field.label), /*#__PURE__*/_react.default.createElement(FirstFieldBind, null, function (bindProps) {
-        return /*#__PURE__*/_react.default.createElement(_hooks.ParentFieldProvider, {
-          value: bindProps.value,
-          path: FirstFieldBind.parentName
+        return /*#__PURE__*/_react.default.createElement(_ModelFieldProvider.ParentValueIndexProvider, {
+          index: 0
         }, children({
           Bind: FirstFieldBind,
           field: field,
@@ -77,9 +79,8 @@ var DynamicSection = function DynamicSection(_ref) {
           span: 12,
           key: realIndex
         }, /*#__PURE__*/_react.default.createElement(BindField, null, function (bindProps) {
-          return /*#__PURE__*/_react.default.createElement(_hooks.ParentFieldProvider, {
-            value: bindProps.value,
-            path: BindField.parentName
+          return /*#__PURE__*/_react.default.createElement(_ModelFieldProvider.ParentValueIndexProvider, {
+            index: realIndex
           }, children({
             Bind: BindField,
             field: field,
@@ -104,11 +105,10 @@ var DynamicSection = function DynamicSection(_ref) {
         }
       }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
         icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
-      }), t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Add value"])))))));
+      }), t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Add value"])))))));
     })
   );
 };
-var _default = DynamicSection;
-exports.default = _default;
+var _default = exports.default = DynamicSection;
 
 //# sourceMappingURL=DynamicSection.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_i18n","_Grid","_Button","_FormElementMessage","_add18px","_hooks","_templateObject","t","i18n","ns","style","addButton","css","width","borderTop","paddingTop","DynamicSection","_ref","field","getBind","Label","children","_ref$showLabel","showLabel","_ref$emptyValue","emptyValue","renderTitle","gridClassName","Bind","FirstFieldBind","default","createElement","bindField","value","appendValue","bindFieldValue","ParentFieldProvider","path","parentName","Grid","className","Cell","span","label","bindProps","bind","index","slice","map","_","realIndex","BindField","key","validation","isValid","FormElementMessage","error","message","ButtonDefault","disabled","undefined","onClick","ButtonIcon","icon","ReactComponent","_taggedTemplateLiteral2","_default","exports"],"sources":["DynamicSection.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { ButtonDefault, ButtonIcon } from \"@webiny/ui/Button\";\nimport { BindComponent, BindComponentRenderProp, CmsModelField } from \"~/types\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { GetBindCallable } from \"~/admin/components/ContentEntryForm/useBind\";\nimport { ParentFieldProvider } from \"~/admin/hooks\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst style = {\n    addButton: css({\n        width: \"100%\",\n        borderTop: \"1px solid var(--mdc-theme-background)\",\n        paddingTop: 8\n    })\n};\n\nexport interface DynamicSectionPropsChildrenParams {\n    Bind: BindComponent;\n    field: CmsModelField;\n    bind: {\n        index: BindComponentRenderProp;\n        field: BindComponentRenderProp;\n    };\n    index: number;\n}\n\nexport interface DynamicSectionProps {\n    field: CmsModelField;\n    getBind: GetBindCallable;\n    showLabel?: boolean;\n    Label: React.ComponentType<any>;\n    children: (params: DynamicSectionPropsChildrenParams) => JSX.Element;\n    emptyValue?: any;\n    renderTitle?: (value: any[]) => React.ReactElement;\n    gridClassName?: string;\n}\n\nconst DynamicSection = ({\n    field,\n    getBind,\n    Label,\n    children,\n    showLabel = true,\n    emptyValue = \"\",\n    renderTitle,\n    gridClassName\n}: DynamicSectionProps) => {\n    const Bind = getBind();\n    const FirstFieldBind = getBind(0);\n\n    return (\n        /* First we mount the top level field, for example: \"items\" */\n        <Bind>\n            {bindField => {\n                /**\n                 * \"value\" -> an array of items\n                 * \"appendValue\" -> a callback to add a new value to the top level \"items\" array\n                 */\n                const { value, appendValue } = bindField;\n\n                const bindFieldValue: string[] = value || [];\n                return (\n                    <ParentFieldProvider value={value} path={Bind.parentName}>\n                        <Grid className={gridClassName}>\n                            {typeof renderTitle === \"function\" && renderTitle(bindFieldValue)}\n                            <Cell span={12}>\n                                {/* We always render the first item, for better UX */}\n                                {showLabel && field.label && <Label>{field.label}</Label>}\n\n                                <FirstFieldBind>\n                                    {bindProps => (\n                                        <ParentFieldProvider\n                                            value={bindProps.value}\n                                            path={FirstFieldBind.parentName}\n                                        >\n                                            {/* We bind it to index \"0\", so when you start typing, that index in parent array will be populated */}\n                                            {children({\n                                                Bind: FirstFieldBind,\n                                                field,\n                                                // \"index\" contains Bind props for this particular item in the array\n                                                // \"field\" contains Bind props for the main (parent) field.\n                                                bind: {\n                                                    index: bindProps,\n                                                    field: bindField\n                                                },\n                                                index: 0 // Binds to \"items.0\" in the <Form>.\n                                            })}\n                                        </ParentFieldProvider>\n                                    )}\n                                </FirstFieldBind>\n                            </Cell>\n\n                            {/* Now we skip the first item, because we already rendered it above, and proceed with all other items. */}\n                            {bindFieldValue.slice(1).map((_, index) => {\n                                /* We simply increase index, and as you type, the appropriate indexes in the parent array will be updated. */\n                                const realIndex = index + 1;\n                                const BindField = getBind(realIndex);\n                                return (\n                                    <Cell span={12} key={realIndex}>\n                                        <BindField>\n                                            {bindProps => (\n                                                <ParentFieldProvider\n                                                    value={bindProps.value}\n                                                    path={BindField.parentName}\n                                                >\n                                                    {children({\n                                                        Bind: BindField,\n                                                        field,\n                                                        bind: {\n                                                            index: bindProps,\n                                                            field: bindField\n                                                        },\n                                                        index: realIndex\n                                                    })}\n                                                </ParentFieldProvider>\n                                            )}\n                                        </BindField>\n                                    </Cell>\n                                );\n                            })}\n\n                            {bindField.validation.isValid === false && (\n                                <Cell span={12}>\n                                    <FormElementMessage error>\n                                        {bindField.validation.message}\n                                    </FormElementMessage>\n                                </Cell>\n                            )}\n                            <Cell span={12} className={style.addButton}>\n                                <ButtonDefault\n                                    disabled={bindFieldValue[0] === undefined}\n                                    onClick={() => appendValue(emptyValue)}\n                                >\n                                    <ButtonIcon icon={<AddIcon />} />\n                                    {t`Add value`}\n                                </ButtonDefault>\n                            </Cell>\n                        </Grid>\n                    </ParentFieldProvider>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport default DynamicSection;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_classnames","_emotion","_i18n","_Grid","_Button","_FormElementMessage","_add18px","_hooks","_ModelFieldProvider","_templateObject","_templateObject2","t","i18n","ns","style","gridContainer","css","_taggedTemplateLiteral2","default","addButton","width","borderTop","paddingTop","DynamicSection","_ref","field","getBind","Label","children","_ref$showLabel","showLabel","_ref$emptyValue","emptyValue","renderTitle","gridClassName","Bind","FirstFieldBind","createElement","bindField","value","appendValue","bindFieldValue","ParentFieldProvider","path","parentName","Grid","className","classSet","Cell","span","label","bindProps","ParentValueIndexProvider","index","bind","slice","map","_","realIndex","BindField","key","validation","isValid","FormElementMessage","error","message","ButtonDefault","disabled","undefined","onClick","ButtonIcon","icon","ReactComponent","_default","exports"],"sources":["DynamicSection.tsx"],"sourcesContent":["import React from \"react\";\nimport classSet from \"classnames\";\nimport { css } from \"emotion\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { ButtonDefault, ButtonIcon } from \"@webiny/ui/Button\";\nimport { BindComponent, BindComponentRenderProp, CmsModelField } from \"~/types\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { GetBindCallable } from \"~/admin/components/ContentEntryForm/useBind\";\nimport { ParentFieldProvider } from \"~/admin/hooks\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst style = {\n    gridContainer: css`\n        padding: 0 !important;\n    `,\n    addButton: css({\n        width: \"100%\",\n        borderTop: \"1px solid var(--mdc-theme-background)\",\n        paddingTop: 8\n    })\n};\n\nexport interface DynamicSectionPropsChildrenParams {\n    Bind: BindComponent;\n    field: CmsModelField;\n    bind: {\n        index: BindComponentRenderProp;\n        field: BindComponentRenderProp;\n    };\n    index: number;\n}\n\nexport interface DynamicSectionProps {\n    field: CmsModelField;\n    getBind: GetBindCallable;\n    showLabel?: boolean;\n    Label: React.ComponentType<any>;\n    children: (params: DynamicSectionPropsChildrenParams) => JSX.Element;\n    emptyValue?: any;\n    renderTitle?: (value: any[]) => React.ReactElement;\n    gridClassName?: string;\n}\n\nconst DynamicSection = ({\n    field,\n    getBind,\n    Label,\n    children,\n    showLabel = true,\n    emptyValue = \"\",\n    renderTitle,\n    gridClassName\n}: DynamicSectionProps) => {\n    const Bind = getBind();\n    const FirstFieldBind = getBind(0);\n\n    return (\n        /* First we mount the top level field, for example: \"items\" */\n        <Bind>\n            {bindField => {\n                /**\n                 * \"value\" -> an array of items\n                 * \"appendValue\" -> a callback to add a new value to the top level \"items\" array\n                 */\n                const { value, appendValue } = bindField;\n\n                const bindFieldValue: string[] = value || [];\n                return (\n                    <ParentFieldProvider value={value} path={Bind.parentName}>\n                        <Grid className={classSet(gridClassName, style.gridContainer)}>\n                            {typeof renderTitle === \"function\" && renderTitle(bindFieldValue)}\n                            <Cell span={12}>\n                                {/* We always render the first item, for better UX */}\n                                {showLabel && field.label && <Label>{field.label}</Label>}\n\n                                <FirstFieldBind>\n                                    {bindProps => (\n                                        <ParentValueIndexProvider index={0}>\n                                            {/* We bind it to index \"0\", so when you start typing, that index in parent array will be populated */}\n                                            {children({\n                                                Bind: FirstFieldBind,\n                                                field,\n                                                // \"index\" contains Bind props for this particular item in the array\n                                                // \"field\" contains Bind props for the main (parent) field.\n                                                bind: {\n                                                    index: bindProps,\n                                                    field: bindField\n                                                },\n                                                index: 0 // Binds to \"items.0\" in the <Form>.\n                                            })}\n                                        </ParentValueIndexProvider>\n                                    )}\n                                </FirstFieldBind>\n                            </Cell>\n\n                            {/* Now we skip the first item, because we already rendered it above, and proceed with all other items. */}\n                            {bindFieldValue.slice(1).map((_, index) => {\n                                /* We simply increase index, and as you type, the appropriate indexes in the parent array will be updated. */\n                                const realIndex = index + 1;\n                                const BindField = getBind(realIndex);\n                                return (\n                                    <Cell span={12} key={realIndex}>\n                                        <BindField>\n                                            {bindProps => (\n                                                <ParentValueIndexProvider index={realIndex}>\n                                                    {children({\n                                                        Bind: BindField,\n                                                        field,\n                                                        bind: {\n                                                            index: bindProps,\n                                                            field: bindField\n                                                        },\n                                                        index: realIndex\n                                                    })}\n                                                </ParentValueIndexProvider>\n                                            )}\n                                        </BindField>\n                                    </Cell>\n                                );\n                            })}\n\n                            {bindField.validation.isValid === false && (\n                                <Cell span={12}>\n                                    <FormElementMessage error>\n                                        {bindField.validation.message}\n                                    </FormElementMessage>\n                                </Cell>\n                            )}\n                            <Cell span={12} className={style.addButton}>\n                                <ButtonDefault\n                                    disabled={bindFieldValue[0] === undefined}\n                                    onClick={() => appendValue(emptyValue)}\n                                >\n                                    <ButtonIcon icon={<AddIcon />} />\n                                    {t`Add value`}\n                                </ButtonDefault>\n                            </Cell>\n                        </Grid>\n                    </ParentFieldProvider>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport default DynamicSection;\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -37,7 +37,6 @@ var plugin = {
     }
   }
 };
-var _default = plugin;
-exports.default = _default;
+var _default = exports.default = plugin;
 
 //# sourceMappingURL=booleanSwitch.js.map