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

package/admin/plugins/fields/dynamicZone/AddTemplate.js

@@ -7,30 +7,61 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AddTemplateIcon = exports.AddTemplateButton = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireWildcard(require("react"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _Button = require("@webiny/ui/Button");
 var _TemplateDialog = require("./TemplateDialog");
 var _Typography = require("@webiny/ui/Typography");
 var _info = require("@material-design-icons/svg/outlined/info.svg");
 var _add_circle_outline = require("@material-design-icons/svg/round/add_circle_outline.svg");
 var _Elevation = require("@webiny/ui/Elevation");
-var AddTemplateButtonContainer = /*#__PURE__*/(0, _styled.default)(_Elevation.Elevation, {
-  label: "AddTemplateButtonContainer",
-  target: "e34m0te0"
-})("padding:25px 0 20px;text-align:center;");
+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 AddTemplateButtonContainer = /*#__PURE__*/(0, _base.default)(_Elevation.Elevation, process.env.NODE_ENV === "production" ? {
+  target: "e34m0te2"
+} : {
+  target: "e34m0te2",
+  label: "AddTemplateButtonContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1mw0icp",
+  styles: "padding:25px 0 20px;text-align:center"
+} : {
+  name: "1mw0icp",
+  styles: "padding:25px 0 20px;text-align:center",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkZFRlbXBsYXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVb0QiLCJmaWxlIjoiQWRkVGVtcGxhdGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENtc0R5bmFtaWNab25lVGVtcGxhdGUgfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgQnV0dG9uU2Vjb25kYXJ5LCBJY29uQnV0dG9uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvQnV0dG9uXCI7XG5pbXBvcnQgeyBUZW1wbGF0ZURpYWxvZyB9IGZyb20gXCIuL1RlbXBsYXRlRGlhbG9nXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgSW5mb0ljb24gfSBmcm9tIFwiQG1hdGVyaWFsLWRlc2lnbi1pY29ucy9zdmcvb3V0bGluZWQvaW5mby5zdmdcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIEFkZEljb24gfSBmcm9tIFwiQG1hdGVyaWFsLWRlc2lnbi1pY29ucy9zdmcvcm91bmQvYWRkX2NpcmNsZV9vdXRsaW5lLnN2Z1wiO1xuaW1wb3J0IHsgRWxldmF0aW9uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvRWxldmF0aW9uXCI7XG5cbmNvbnN0IEFkZFRlbXBsYXRlQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkKEVsZXZhdGlvbilgXG4gICAgcGFkZGluZzogMjVweCAwIDIwcHg7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuYDtcblxuLyoqXG4gKiBUaGlzIGhhY2tpbmcgaXMgbmVlZGVkIHRvIHBvc2l0aW9uIHRoZSBidXR0b24gZXhhY3RseSBpbiB0aGUgbWlkZGxlIG9mIGF2YWlsYWJsZSBhcmVhIGFuZCBub3Qgc3RyZXRjaCB0aGUgcGFyZW50IGVsZW1lbnQuXG4gKi9cbmNvbnN0IEFkZFRlbXBsYXRlSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGhlaWdodDogMzZweDtcblxuICAgID4gYnV0dG9uIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IC0yNHB4O1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgfVxuYDtcblxuY29uc3QgSW5mbyA9IHN0eWxlZC5kaXZgXG4gICAgbWFyZ2luLXRvcDogOHB4O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgID4gc3ZnIHtcbiAgICAgICAgd2lkdGg6IDIwcHg7XG4gICAgICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIH1cbmA7XG5cbmludGVyZmFjZSBBZGRUZW1wbGF0ZVByb3BzIHtcbiAgICBvblRlbXBsYXRlOiBVc2VBZGRUZW1wbGF0ZVBhcmFtc1tcIm9uVGVtcGxhdGVcIl07XG59XG5cbmludGVyZmFjZSBVc2VBZGRUZW1wbGF0ZVBhcmFtcyB7XG4gICAgb25UZW1wbGF0ZTogKHRlbXBsYXRlOiBDbXNEeW5hbWljWm9uZVRlbXBsYXRlKSA9PiB2b2lkO1xufVxuXG5mdW5jdGlvbiB1c2VBZGRUZW1wbGF0ZShwYXJhbXM6IFVzZUFkZFRlbXBsYXRlUGFyYW1zKSB7XG4gICAgY29uc3QgW3Nob3dUZW1wbGF0ZURpYWxvZywgc2V0U2hvd1RlbXBsYXRlRGlhbG9nXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICAgIGNvbnN0IGFkZFRlbXBsYXRlID0gKCkgPT4ge1xuICAgICAgICBzZXRTaG93VGVtcGxhdGVEaWFsb2codHJ1ZSk7XG4gICAgfTtcblxuICAgIGNvbnN0IG9uVGVtcGxhdGUgPSAodGVtcGxhdGU6IENtc0R5bmFtaWNab25lVGVtcGxhdGUpID0+IHtcbiAgICAgICAgcGFyYW1zLm9uVGVtcGxhdGUodGVtcGxhdGUpO1xuICAgIH07XG5cbiAgICBjb25zdCBvbkRpYWxvZ0Nsb3NlID0gKCkgPT4ge1xuICAgICAgICBzZXRTaG93VGVtcGxhdGVEaWFsb2coZmFsc2UpO1xuICAgIH07XG5cbiAgICByZXR1cm4ge1xuICAgICAgICBhZGRUZW1wbGF0ZSxcbiAgICAgICAgb25UZW1wbGF0ZSxcbiAgICAgICAgb25EaWFsb2dDbG9zZSxcbiAgICAgICAgc2hvd1RlbXBsYXRlRGlhbG9nXG4gICAgfTtcbn1cblxuZXhwb3J0IGNvbnN0IEFkZFRlbXBsYXRlQnV0dG9uID0gKHByb3BzOiBBZGRUZW1wbGF0ZVByb3BzKSA9PiB7XG4gICAgY29uc3QgeyBhZGRUZW1wbGF0ZSwgb25UZW1wbGF0ZSwgc2hvd1RlbXBsYXRlRGlhbG9nLCBvbkRpYWxvZ0Nsb3NlIH0gPSB1c2VBZGRUZW1wbGF0ZSh7XG4gICAgICAgIG9uVGVtcGxhdGU6IHByb3BzLm9uVGVtcGxhdGVcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxBZGRUZW1wbGF0ZUJ1dHRvbkNvbnRhaW5lciB6PXsyfT5cbiAgICAgICAgICAgIHtzaG93VGVtcGxhdGVEaWFsb2cgPyAoXG4gICAgICAgICAgICAgICAgPFRlbXBsYXRlRGlhbG9nIG9uVGVtcGxhdGU9e29uVGVtcGxhdGV9IG9uQ2xvc2U9e29uRGlhbG9nQ2xvc2V9IC8+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgIDxCdXR0b25TZWNvbmRhcnkgb25DbGljaz17YWRkVGVtcGxhdGV9PisgQWRkIGEgdGVtcGxhdGU8L0J1dHRvblNlY29uZGFyeT5cbiAgICAgICAgICAgIDxJbmZvPlxuICAgICAgICAgICAgICAgIDxJbmZvSWNvbiAvPlxuICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT17XCJjYXB0aW9uXCJ9PlxuICAgICAgICAgICAgICAgICAgICBDbGljayBoZXJlIHRvIGxlYXJuIGhvdyB0ZW1wbGF0ZXMgYW5kIGR5bmFtaWMgem9uZXMgd29ya1xuICAgICAgICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgIDwvSW5mbz5cbiAgICAgICAgPC9BZGRUZW1wbGF0ZUJ1dHRvbkNvbnRhaW5lcj5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IEFkZFRlbXBsYXRlSWNvbiA9IChwcm9wczogQWRkVGVtcGxhdGVQcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgYWRkVGVtcGxhdGUsIG9uVGVtcGxhdGUsIHNob3dUZW1wbGF0ZURpYWxvZywgb25EaWFsb2dDbG9zZSB9ID0gdXNlQWRkVGVtcGxhdGUoe1xuICAgICAgICBvblRlbXBsYXRlOiBwcm9wcy5vblRlbXBsYXRlXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8QWRkVGVtcGxhdGVJY29uQ29udGFpbmVyPlxuICAgICAgICAgICAge3Nob3dUZW1wbGF0ZURpYWxvZyA/IChcbiAgICAgICAgICAgICAgICA8VGVtcGxhdGVEaWFsb2cgb25UZW1wbGF0ZT17b25UZW1wbGF0ZX0gb25DbG9zZT17b25EaWFsb2dDbG9zZX0gLz5cbiAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgPEljb25CdXR0b24gb25DbGljaz17YWRkVGVtcGxhdGV9IGljb249ezxBZGRJY29uIC8+fSAvPlxuICAgICAgICA8L0FkZFRlbXBsYXRlSWNvbkNvbnRhaW5lcj5cbiAgICApO1xufTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 
 /**
  * This hacking is needed to position the button exactly in the middle of available area and not stretch the parent element.
  */
-var AddTemplateIconContainer = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "AddTemplateIconContainer",
+var AddTemplateIconContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "e34m0te1"
-})("text-align:center;height:36px;> button{margin-left:-24px;position:absolute;}");
-var Info = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "Info",
-  target: "e34m0te2"
-})("margin-top:8px;display:flex;justify-content:center;align-items:center;> svg{width:20px;margin-right:5px;}");
+} : {
+  target: "e34m0te1",
+  label: "AddTemplateIconContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "btmgo5",
+  styles: "text-align:center;height:36px;>button{margin-left:-24px;position:absolute;}"
+} : {
+  name: "btmgo5",
+  styles: "text-align:center;height:36px;>button{margin-left:-24px;position:absolute;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkZFRlbXBsYXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjJDIiwiZmlsZSI6IkFkZFRlbXBsYXRlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBDbXNEeW5hbWljWm9uZVRlbXBsYXRlIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB7IEJ1dHRvblNlY29uZGFyeSwgSWNvbkJ1dHRvbiB9IGZyb20gXCJAd2ViaW55L3VpL0J1dHRvblwiO1xuaW1wb3J0IHsgVGVtcGxhdGVEaWFsb2cgfSBmcm9tIFwiLi9UZW1wbGF0ZURpYWxvZ1wiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIEluZm9JY29uIH0gZnJvbSBcIkBtYXRlcmlhbC1kZXNpZ24taWNvbnMvc3ZnL291dGxpbmVkL2luZm8uc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBBZGRJY29uIH0gZnJvbSBcIkBtYXRlcmlhbC1kZXNpZ24taWNvbnMvc3ZnL3JvdW5kL2FkZF9jaXJjbGVfb3V0bGluZS5zdmdcIjtcbmltcG9ydCB7IEVsZXZhdGlvbiB9IGZyb20gXCJAd2ViaW55L3VpL0VsZXZhdGlvblwiO1xuXG5jb25zdCBBZGRUZW1wbGF0ZUJ1dHRvbkNvbnRhaW5lciA9IHN0eWxlZChFbGV2YXRpb24pYFxuICAgIHBhZGRpbmc6IDI1cHggMCAyMHB4O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbi8qKlxuICogVGhpcyBoYWNraW5nIGlzIG5lZWRlZCB0byBwb3NpdGlvbiB0aGUgYnV0dG9uIGV4YWN0bHkgaW4gdGhlIG1pZGRsZSBvZiBhdmFpbGFibGUgYXJlYSBhbmQgbm90IHN0cmV0Y2ggdGhlIHBhcmVudCBlbGVtZW50LlxuICovXG5jb25zdCBBZGRUZW1wbGF0ZUljb25Db250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBoZWlnaHQ6IDM2cHg7XG5cbiAgICA+IGJ1dHRvbiB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAtMjRweDtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIH1cbmA7XG5cbmNvbnN0IEluZm8gPSBzdHlsZWQuZGl2YFxuICAgIG1hcmdpbi10b3A6IDhweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICA+IHN2ZyB7XG4gICAgICAgIHdpZHRoOiAyMHB4O1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgICB9XG5gO1xuXG5pbnRlcmZhY2UgQWRkVGVtcGxhdGVQcm9wcyB7XG4gICAgb25UZW1wbGF0ZTogVXNlQWRkVGVtcGxhdGVQYXJhbXNbXCJvblRlbXBsYXRlXCJdO1xufVxuXG5pbnRlcmZhY2UgVXNlQWRkVGVtcGxhdGVQYXJhbXMge1xuICAgIG9uVGVtcGxhdGU6ICh0ZW1wbGF0ZTogQ21zRHluYW1pY1pvbmVUZW1wbGF0ZSkgPT4gdm9pZDtcbn1cblxuZnVuY3Rpb24gdXNlQWRkVGVtcGxhdGUocGFyYW1zOiBVc2VBZGRUZW1wbGF0ZVBhcmFtcykge1xuICAgIGNvbnN0IFtzaG93VGVtcGxhdGVEaWFsb2csIHNldFNob3dUZW1wbGF0ZURpYWxvZ10gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgICBjb25zdCBhZGRUZW1wbGF0ZSA9ICgpID0+IHtcbiAgICAgICAgc2V0U2hvd1RlbXBsYXRlRGlhbG9nKHRydWUpO1xuICAgIH07XG5cbiAgICBjb25zdCBvblRlbXBsYXRlID0gKHRlbXBsYXRlOiBDbXNEeW5hbWljWm9uZVRlbXBsYXRlKSA9PiB7XG4gICAgICAgIHBhcmFtcy5vblRlbXBsYXRlKHRlbXBsYXRlKTtcbiAgICB9O1xuXG4gICAgY29uc3Qgb25EaWFsb2dDbG9zZSA9ICgpID0+IHtcbiAgICAgICAgc2V0U2hvd1RlbXBsYXRlRGlhbG9nKGZhbHNlKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIHtcbiAgICAgICAgYWRkVGVtcGxhdGUsXG4gICAgICAgIG9uVGVtcGxhdGUsXG4gICAgICAgIG9uRGlhbG9nQ2xvc2UsXG4gICAgICAgIHNob3dUZW1wbGF0ZURpYWxvZ1xuICAgIH07XG59XG5cbmV4cG9ydCBjb25zdCBBZGRUZW1wbGF0ZUJ1dHRvbiA9IChwcm9wczogQWRkVGVtcGxhdGVQcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgYWRkVGVtcGxhdGUsIG9uVGVtcGxhdGUsIHNob3dUZW1wbGF0ZURpYWxvZywgb25EaWFsb2dDbG9zZSB9ID0gdXNlQWRkVGVtcGxhdGUoe1xuICAgICAgICBvblRlbXBsYXRlOiBwcm9wcy5vblRlbXBsYXRlXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8QWRkVGVtcGxhdGVCdXR0b25Db250YWluZXIgej17Mn0+XG4gICAgICAgICAgICB7c2hvd1RlbXBsYXRlRGlhbG9nID8gKFxuICAgICAgICAgICAgICAgIDxUZW1wbGF0ZURpYWxvZyBvblRlbXBsYXRlPXtvblRlbXBsYXRlfSBvbkNsb3NlPXtvbkRpYWxvZ0Nsb3NlfSAvPlxuICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICA8QnV0dG9uU2Vjb25kYXJ5IG9uQ2xpY2s9e2FkZFRlbXBsYXRlfT4rIEFkZCBhIHRlbXBsYXRlPC9CdXR0b25TZWNvbmRhcnk+XG4gICAgICAgICAgICA8SW5mbz5cbiAgICAgICAgICAgICAgICA8SW5mb0ljb24gLz5cbiAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wiY2FwdGlvblwifT5cbiAgICAgICAgICAgICAgICAgICAgQ2xpY2sgaGVyZSB0byBsZWFybiBob3cgdGVtcGxhdGVzIGFuZCBkeW5hbWljIHpvbmVzIHdvcmtcbiAgICAgICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICA8L0luZm8+XG4gICAgICAgIDwvQWRkVGVtcGxhdGVCdXR0b25Db250YWluZXI+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBBZGRUZW1wbGF0ZUljb24gPSAocHJvcHM6IEFkZFRlbXBsYXRlUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGFkZFRlbXBsYXRlLCBvblRlbXBsYXRlLCBzaG93VGVtcGxhdGVEaWFsb2csIG9uRGlhbG9nQ2xvc2UgfSA9IHVzZUFkZFRlbXBsYXRlKHtcbiAgICAgICAgb25UZW1wbGF0ZTogcHJvcHMub25UZW1wbGF0ZVxuICAgIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEFkZFRlbXBsYXRlSWNvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgIHtzaG93VGVtcGxhdGVEaWFsb2cgPyAoXG4gICAgICAgICAgICAgICAgPFRlbXBsYXRlRGlhbG9nIG9uVGVtcGxhdGU9e29uVGVtcGxhdGV9IG9uQ2xvc2U9e29uRGlhbG9nQ2xvc2V9IC8+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgIDxJY29uQnV0dG9uIG9uQ2xpY2s9e2FkZFRlbXBsYXRlfSBpY29uPXs8QWRkSWNvbiAvPn0gLz5cbiAgICAgICAgPC9BZGRUZW1wbGF0ZUljb25Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var Info = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e34m0te0"
+} : {
+  target: "e34m0te0",
+  label: "Info"
+})(process.env.NODE_ENV === "production" ? {
+  name: "u22e8l",
+  styles: "margin-top:8px;display:flex;justify-content:center;align-items:center;>svg{width:20px;margin-right:5px;}"
+} : {
+  name: "u22e8l",
+  styles: "margin-top:8px;display:flex;justify-content:center;align-items:center;>svg{width:20px;margin-right:5px;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkZFRlbXBsYXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QnVCIiwiZmlsZSI6IkFkZFRlbXBsYXRlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBDbXNEeW5hbWljWm9uZVRlbXBsYXRlIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB7IEJ1dHRvblNlY29uZGFyeSwgSWNvbkJ1dHRvbiB9IGZyb20gXCJAd2ViaW55L3VpL0J1dHRvblwiO1xuaW1wb3J0IHsgVGVtcGxhdGVEaWFsb2cgfSBmcm9tIFwiLi9UZW1wbGF0ZURpYWxvZ1wiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIEluZm9JY29uIH0gZnJvbSBcIkBtYXRlcmlhbC1kZXNpZ24taWNvbnMvc3ZnL291dGxpbmVkL2luZm8uc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBBZGRJY29uIH0gZnJvbSBcIkBtYXRlcmlhbC1kZXNpZ24taWNvbnMvc3ZnL3JvdW5kL2FkZF9jaXJjbGVfb3V0bGluZS5zdmdcIjtcbmltcG9ydCB7IEVsZXZhdGlvbiB9IGZyb20gXCJAd2ViaW55L3VpL0VsZXZhdGlvblwiO1xuXG5jb25zdCBBZGRUZW1wbGF0ZUJ1dHRvbkNvbnRhaW5lciA9IHN0eWxlZChFbGV2YXRpb24pYFxuICAgIHBhZGRpbmc6IDI1cHggMCAyMHB4O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbi8qKlxuICogVGhpcyBoYWNraW5nIGlzIG5lZWRlZCB0byBwb3NpdGlvbiB0aGUgYnV0dG9uIGV4YWN0bHkgaW4gdGhlIG1pZGRsZSBvZiBhdmFpbGFibGUgYXJlYSBhbmQgbm90IHN0cmV0Y2ggdGhlIHBhcmVudCBlbGVtZW50LlxuICovXG5jb25zdCBBZGRUZW1wbGF0ZUljb25Db250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBoZWlnaHQ6IDM2cHg7XG5cbiAgICA+IGJ1dHRvbiB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAtMjRweDtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIH1cbmA7XG5cbmNvbnN0IEluZm8gPSBzdHlsZWQuZGl2YFxuICAgIG1hcmdpbi10b3A6IDhweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICA+IHN2ZyB7XG4gICAgICAgIHdpZHRoOiAyMHB4O1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgICB9XG5gO1xuXG5pbnRlcmZhY2UgQWRkVGVtcGxhdGVQcm9wcyB7XG4gICAgb25UZW1wbGF0ZTogVXNlQWRkVGVtcGxhdGVQYXJhbXNbXCJvblRlbXBsYXRlXCJdO1xufVxuXG5pbnRlcmZhY2UgVXNlQWRkVGVtcGxhdGVQYXJhbXMge1xuICAgIG9uVGVtcGxhdGU6ICh0ZW1wbGF0ZTogQ21zRHluYW1pY1pvbmVUZW1wbGF0ZSkgPT4gdm9pZDtcbn1cblxuZnVuY3Rpb24gdXNlQWRkVGVtcGxhdGUocGFyYW1zOiBVc2VBZGRUZW1wbGF0ZVBhcmFtcykge1xuICAgIGNvbnN0IFtzaG93VGVtcGxhdGVEaWFsb2csIHNldFNob3dUZW1wbGF0ZURpYWxvZ10gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgICBjb25zdCBhZGRUZW1wbGF0ZSA9ICgpID0+IHtcbiAgICAgICAgc2V0U2hvd1RlbXBsYXRlRGlhbG9nKHRydWUpO1xuICAgIH07XG5cbiAgICBjb25zdCBvblRlbXBsYXRlID0gKHRlbXBsYXRlOiBDbXNEeW5hbWljWm9uZVRlbXBsYXRlKSA9PiB7XG4gICAgICAgIHBhcmFtcy5vblRlbXBsYXRlKHRlbXBsYXRlKTtcbiAgICB9O1xuXG4gICAgY29uc3Qgb25EaWFsb2dDbG9zZSA9ICgpID0+IHtcbiAgICAgICAgc2V0U2hvd1RlbXBsYXRlRGlhbG9nKGZhbHNlKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIHtcbiAgICAgICAgYWRkVGVtcGxhdGUsXG4gICAgICAgIG9uVGVtcGxhdGUsXG4gICAgICAgIG9uRGlhbG9nQ2xvc2UsXG4gICAgICAgIHNob3dUZW1wbGF0ZURpYWxvZ1xuICAgIH07XG59XG5cbmV4cG9ydCBjb25zdCBBZGRUZW1wbGF0ZUJ1dHRvbiA9IChwcm9wczogQWRkVGVtcGxhdGVQcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgYWRkVGVtcGxhdGUsIG9uVGVtcGxhdGUsIHNob3dUZW1wbGF0ZURpYWxvZywgb25EaWFsb2dDbG9zZSB9ID0gdXNlQWRkVGVtcGxhdGUoe1xuICAgICAgICBvblRlbXBsYXRlOiBwcm9wcy5vblRlbXBsYXRlXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8QWRkVGVtcGxhdGVCdXR0b25Db250YWluZXIgej17Mn0+XG4gICAgICAgICAgICB7c2hvd1RlbXBsYXRlRGlhbG9nID8gKFxuICAgICAgICAgICAgICAgIDxUZW1wbGF0ZURpYWxvZyBvblRlbXBsYXRlPXtvblRlbXBsYXRlfSBvbkNsb3NlPXtvbkRpYWxvZ0Nsb3NlfSAvPlxuICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICA8QnV0dG9uU2Vjb25kYXJ5IG9uQ2xpY2s9e2FkZFRlbXBsYXRlfT4rIEFkZCBhIHRlbXBsYXRlPC9CdXR0b25TZWNvbmRhcnk+XG4gICAgICAgICAgICA8SW5mbz5cbiAgICAgICAgICAgICAgICA8SW5mb0ljb24gLz5cbiAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wiY2FwdGlvblwifT5cbiAgICAgICAgICAgICAgICAgICAgQ2xpY2sgaGVyZSB0byBsZWFybiBob3cgdGVtcGxhdGVzIGFuZCBkeW5hbWljIHpvbmVzIHdvcmtcbiAgICAgICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICA8L0luZm8+XG4gICAgICAgIDwvQWRkVGVtcGxhdGVCdXR0b25Db250YWluZXI+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBBZGRUZW1wbGF0ZUljb24gPSAocHJvcHM6IEFkZFRlbXBsYXRlUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGFkZFRlbXBsYXRlLCBvblRlbXBsYXRlLCBzaG93VGVtcGxhdGVEaWFsb2csIG9uRGlhbG9nQ2xvc2UgfSA9IHVzZUFkZFRlbXBsYXRlKHtcbiAgICAgICAgb25UZW1wbGF0ZTogcHJvcHMub25UZW1wbGF0ZVxuICAgIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEFkZFRlbXBsYXRlSWNvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgIHtzaG93VGVtcGxhdGVEaWFsb2cgPyAoXG4gICAgICAgICAgICAgICAgPFRlbXBsYXRlRGlhbG9nIG9uVGVtcGxhdGU9e29uVGVtcGxhdGV9IG9uQ2xvc2U9e29uRGlhbG9nQ2xvc2V9IC8+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgIDxJY29uQnV0dG9uIG9uQ2xpY2s9e2FkZFRlbXBsYXRlfSBpY29uPXs8QWRkSWNvbiAvPn0gLz5cbiAgICAgICAgPC9BZGRUZW1wbGF0ZUljb25Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 function useAddTemplate(params) {
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -52,7 +83,7 @@ function useAddTemplate(params) {
     showTemplateDialog: showTemplateDialog
   };
 }
-var AddTemplateButton = function AddTemplateButton(props) {
+var AddTemplateButton = exports.AddTemplateButton = function AddTemplateButton(props) {
   var _useAddTemplate = useAddTemplate({
       onTemplate: props.onTemplate
     }),
@@ -71,8 +102,7 @@ var AddTemplateButton = function AddTemplateButton(props) {
     use: "caption"
   }, "Click here to learn how templates and dynamic zones work")));
 };
-exports.AddTemplateButton = AddTemplateButton;
-var AddTemplateIcon = function AddTemplateIcon(props) {
+var AddTemplateIcon = exports.AddTemplateIcon = function AddTemplateIcon(props) {
   var _useAddTemplate2 = useAddTemplate({
       onTemplate: props.onTemplate
     }),
@@ -88,6 +118,5 @@ var AddTemplateIcon = function AddTemplateIcon(props) {
     icon: /*#__PURE__*/_react.default.createElement(_add_circle_outline.ReactComponent, null)
   }));
 };
-exports.AddTemplateIcon = AddTemplateIcon;
 
 //# sourceMappingURL=AddTemplate.js.map

package/admin/plugins/fields/dynamicZone/AddTemplate.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_interopRequireDefault","_Button","_TemplateDialog","_Typography","_info","_add_circle_outline","_Elevation","AddTemplateButtonContainer","styled","Elevation","label","target","AddTemplateIconContainer","Info","useAddTemplate","params","_useState","useState","_useState2","_slicedToArray2","default","showTemplateDialog","setShowTemplateDialog","addTemplate","onTemplate","template","onDialogClose","AddTemplateButton","props","_useAddTemplate","createElement","z","TemplateDialog","onClose","ButtonSecondary","onClick","ReactComponent","Typography","use","exports","AddTemplateIcon","_useAddTemplate2","IconButton","icon"],"sources":["AddTemplate.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { ButtonSecondary, IconButton } from \"@webiny/ui/Button\";\nimport { TemplateDialog } from \"./TemplateDialog\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ReactComponent as InfoIcon } from \"@material-design-icons/svg/outlined/info.svg\";\nimport { ReactComponent as AddIcon } from \"@material-design-icons/svg/round/add_circle_outline.svg\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\n\nconst AddTemplateButtonContainer = styled(Elevation)`\n    padding: 25px 0 20px;\n    text-align: center;\n`;\n\n/**\n * This hacking is needed to position the button exactly in the middle of available area and not stretch the parent element.\n */\nconst AddTemplateIconContainer = styled.div`\n    text-align: center;\n    height: 36px;\n\n    > button {\n        margin-left: -24px;\n        position: absolute;\n    }\n`;\n\nconst Info = styled.div`\n    margin-top: 8px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    > svg {\n        width: 20px;\n        margin-right: 5px;\n    }\n`;\n\ninterface AddTemplateProps {\n    onTemplate: UseAddTemplateParams[\"onTemplate\"];\n}\n\ninterface UseAddTemplateParams {\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nfunction useAddTemplate(params: UseAddTemplateParams) {\n    const [showTemplateDialog, setShowTemplateDialog] = useState(false);\n\n    const addTemplate = () => {\n        setShowTemplateDialog(true);\n    };\n\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        params.onTemplate(template);\n    };\n\n    const onDialogClose = () => {\n        setShowTemplateDialog(false);\n    };\n\n    return {\n        addTemplate,\n        onTemplate,\n        onDialogClose,\n        showTemplateDialog\n    };\n}\n\nexport const AddTemplateButton = (props: AddTemplateProps) => {\n    const { addTemplate, onTemplate, showTemplateDialog, onDialogClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <AddTemplateButtonContainer z={2}>\n            {showTemplateDialog ? (\n                <TemplateDialog onTemplate={onTemplate} onClose={onDialogClose} />\n            ) : null}\n            <ButtonSecondary onClick={addTemplate}>+ Add a template</ButtonSecondary>\n            <Info>\n                <InfoIcon />\n                <Typography use={\"caption\"}>\n                    Click here to learn how templates and dynamic zones work\n                </Typography>\n            </Info>\n        </AddTemplateButtonContainer>\n    );\n};\n\nexport const AddTemplateIcon = (props: AddTemplateProps) => {\n    const { addTemplate, onTemplate, showTemplateDialog, onDialogClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <AddTemplateIconContainer>\n            {showTemplateDialog ? (\n                <TemplateDialog onTemplate={onTemplate} onClose={onDialogClose} />\n            ) : null}\n            <IconButton onClick={addTemplate} icon={<AddIcon />} />\n        </AddTemplateIconContainer>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Button","_TemplateDialog","_Typography","_info","_add_circle_outline","_Elevation","_EMOTION_STRINGIFIED_CSS_ERROR__","AddTemplateButtonContainer","_base","default","Elevation","process","env","NODE_ENV","target","label","name","styles","map","toString","AddTemplateIconContainer","Info","useAddTemplate","params","_useState","useState","_useState2","_slicedToArray2","showTemplateDialog","setShowTemplateDialog","addTemplate","onTemplate","template","onDialogClose","AddTemplateButton","exports","props","_useAddTemplate","createElement","z","TemplateDialog","onClose","ButtonSecondary","onClick","ReactComponent","Typography","use","AddTemplateIcon","_useAddTemplate2","IconButton","icon"],"sources":["AddTemplate.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { ButtonSecondary, IconButton } from \"@webiny/ui/Button\";\nimport { TemplateDialog } from \"./TemplateDialog\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ReactComponent as InfoIcon } from \"@material-design-icons/svg/outlined/info.svg\";\nimport { ReactComponent as AddIcon } from \"@material-design-icons/svg/round/add_circle_outline.svg\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\n\nconst AddTemplateButtonContainer = styled(Elevation)`\n    padding: 25px 0 20px;\n    text-align: center;\n`;\n\n/**\n * This hacking is needed to position the button exactly in the middle of available area and not stretch the parent element.\n */\nconst AddTemplateIconContainer = styled.div`\n    text-align: center;\n    height: 36px;\n\n    > button {\n        margin-left: -24px;\n        position: absolute;\n    }\n`;\n\nconst Info = styled.div`\n    margin-top: 8px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    > svg {\n        width: 20px;\n        margin-right: 5px;\n    }\n`;\n\ninterface AddTemplateProps {\n    onTemplate: UseAddTemplateParams[\"onTemplate\"];\n}\n\ninterface UseAddTemplateParams {\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nfunction useAddTemplate(params: UseAddTemplateParams) {\n    const [showTemplateDialog, setShowTemplateDialog] = useState(false);\n\n    const addTemplate = () => {\n        setShowTemplateDialog(true);\n    };\n\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        params.onTemplate(template);\n    };\n\n    const onDialogClose = () => {\n        setShowTemplateDialog(false);\n    };\n\n    return {\n        addTemplate,\n        onTemplate,\n        onDialogClose,\n        showTemplateDialog\n    };\n}\n\nexport const AddTemplateButton = (props: AddTemplateProps) => {\n    const { addTemplate, onTemplate, showTemplateDialog, onDialogClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <AddTemplateButtonContainer z={2}>\n            {showTemplateDialog ? (\n                <TemplateDialog onTemplate={onTemplate} onClose={onDialogClose} />\n            ) : null}\n            <ButtonSecondary onClick={addTemplate}>+ Add a template</ButtonSecondary>\n            <Info>\n                <InfoIcon />\n                <Typography use={\"caption\"}>\n                    Click here to learn how templates and dynamic zones work\n                </Typography>\n            </Info>\n        </AddTemplateButtonContainer>\n    );\n};\n\nexport const AddTemplateIcon = (props: AddTemplateProps) => {\n    const { addTemplate, onTemplate, showTemplateDialog, onDialogClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <AddTemplateIconContainer>\n            {showTemplateDialog ? (\n                <TemplateDialog onTemplate={onTemplate} onClose={onDialogClose} />\n            ) : null}\n            <IconButton onClick={addTemplate} icon={<AddIcon />} />\n        </AddTemplateIconContainer>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fields/dynamicZone/DynamicZone.d.ts

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

package/admin/plugins/fields/dynamicZone/DynamicZone.js

@@ -22,7 +22,7 @@ function updateOrCreateTemplate(templates, template) {
   }
   return [].concat((0, _toConsumableArray2.default)(templates), [template]);
 }
-var DynamicZone = function DynamicZone() {
+var DynamicZone = exports.DynamicZone = function DynamicZone() {
   var _useModelField = (0, _hooks.useModelField)(),
     field = _useModelField.field;
   var _useModelFieldEditor = (0, _hooks.useModelFieldEditor)(),
@@ -57,6 +57,5 @@ var DynamicZone = function DynamicZone() {
     onTemplate: onTemplate
   }));
 };
-exports.DynamicZone = DynamicZone;
 
 //# sourceMappingURL=DynamicZone.js.map

package/admin/plugins/fields/dynamicZone/DynamicZone.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Accordion","_AddTemplate","_DynamicZoneTemplate","_hooks","updateOrCreateTemplate","templates","template","templateIndex","findIndex","tpl","id","concat","_toConsumableArray2","default","slice","DynamicZone","_useModelField","useModelField","field","_useModelFieldEditor","useModelFieldEditor","updateField","newTemplateId","useRef","undefined","settings","onTemplate","current","_objectSpread2","useEffect","createElement","Fragment","length","Accordion","map","index","DynamicZoneTemplate","key","open","onChange","AddTemplateIcon","AddTemplateButton","exports"],"sources":["DynamicZone.tsx"],"sourcesContent":["import React, { useRef, useEffect } from \"react\";\nimport { Accordion } from \"@webiny/ui/Accordion\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { AddTemplateIcon, AddTemplateButton } from \"./AddTemplate\";\nimport { DynamicZoneTemplate } from \"./DynamicZoneTemplate\";\nimport { useModelField, useModelFieldEditor } from \"~/admin/hooks\";\n\nfunction updateOrCreateTemplate(\n    templates: CmsDynamicZoneTemplate[],\n    template: CmsDynamicZoneTemplate\n) {\n    const templateIndex = templates.findIndex(tpl => tpl.id === template.id);\n\n    if (templateIndex > -1) {\n        return [\n            ...templates.slice(0, templateIndex),\n            template,\n            ...templates.slice(templateIndex + 1)\n        ];\n    }\n\n    return [...templates, template];\n}\n\nexport const DynamicZone = () => {\n    const { field } = useModelField();\n    const { updateField } = useModelFieldEditor();\n    const newTemplateId = useRef<string | undefined>(undefined);\n\n    const templates: CmsDynamicZoneTemplate[] = field.settings?.templates || [];\n\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        const templates = field.settings?.templates || [];\n\n        newTemplateId.current = template.id;\n\n        updateField({\n            ...field,\n            settings: {\n                ...(field.settings || {}),\n                templates: updateOrCreateTemplate(templates, template)\n            }\n        });\n    };\n\n    useEffect(() => {\n        // We only want to open the accordion item on first mount of a new template.\n        newTemplateId.current = undefined;\n    }, []);\n\n    return (\n        <>\n            {templates.length ? (\n                <Accordion>\n                    {templates.map((template, index) => (\n                        <DynamicZoneTemplate\n                            key={template.id}\n                            open={template.id === newTemplateId.current}\n                            index={index}\n                            field={field}\n                            template={template}\n                            onChange={updateField}\n                        />\n                    ))}\n                </Accordion>\n            ) : null}\n            {templates.length ? (\n                <AddTemplateIcon onTemplate={onTemplate} />\n            ) : (\n                <AddTemplateButton onTemplate={onTemplate} />\n            )}\n        </>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Accordion","_AddTemplate","_DynamicZoneTemplate","_hooks","updateOrCreateTemplate","templates","template","templateIndex","findIndex","tpl","id","concat","_toConsumableArray2","default","slice","DynamicZone","exports","_useModelField","useModelField","field","_useModelFieldEditor","useModelFieldEditor","updateField","newTemplateId","useRef","undefined","settings","onTemplate","current","_objectSpread2","useEffect","createElement","Fragment","length","Accordion","map","index","DynamicZoneTemplate","key","open","onChange","AddTemplateIcon","AddTemplateButton"],"sources":["DynamicZone.tsx"],"sourcesContent":["import React, { useRef, useEffect } from \"react\";\nimport { Accordion } from \"@webiny/ui/Accordion\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { AddTemplateIcon, AddTemplateButton } from \"./AddTemplate\";\nimport { DynamicZoneTemplate } from \"./DynamicZoneTemplate\";\nimport { useModelField, useModelFieldEditor } from \"~/admin/hooks\";\n\nfunction updateOrCreateTemplate(\n    templates: CmsDynamicZoneTemplate[],\n    template: CmsDynamicZoneTemplate\n) {\n    const templateIndex = templates.findIndex(tpl => tpl.id === template.id);\n\n    if (templateIndex > -1) {\n        return [\n            ...templates.slice(0, templateIndex),\n            template,\n            ...templates.slice(templateIndex + 1)\n        ];\n    }\n\n    return [...templates, template];\n}\n\nexport const DynamicZone = () => {\n    const { field } = useModelField();\n    const { updateField } = useModelFieldEditor();\n    const newTemplateId = useRef<string | undefined>(undefined);\n\n    const templates: CmsDynamicZoneTemplate[] = field.settings?.templates || [];\n\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        const templates = field.settings?.templates || [];\n\n        newTemplateId.current = template.id;\n\n        updateField({\n            ...field,\n            settings: {\n                ...(field.settings || {}),\n                templates: updateOrCreateTemplate(templates, template)\n            }\n        });\n    };\n\n    useEffect(() => {\n        // We only want to open the accordion item on first mount of a new template.\n        newTemplateId.current = undefined;\n    }, []);\n\n    return (\n        <>\n            {templates.length ? (\n                <Accordion>\n                    {templates.map((template, index) => (\n                        <DynamicZoneTemplate\n                            key={template.id}\n                            open={template.id === newTemplateId.current}\n                            index={index}\n                            field={field}\n                            template={template}\n                            onChange={updateField}\n                        />\n                    ))}\n                </Accordion>\n            ) : null}\n            {templates.length ? (\n                <AddTemplateIcon onTemplate={onTemplate} />\n            ) : (\n                <AddTemplateButton onTemplate={onTemplate} />\n            )}\n        </>\n    );\n};\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,SAASK,sBAAsBA,CAC3BC,SAAmC,EACnCC,QAAgC,EAClC;EACE,IAAMC,aAAa,GAAGF,SAAS,CAACG,SAAS,CAAC,UAAAC,GAAG;IAAA,OAAIA,GAAG,CAACC,EAAE,KAAKJ,QAAQ,CAACI,EAAE;EAAA,EAAC;EAExE,IAAIH,aAAa,GAAG,CAAC,CAAC,EAAE;IACpB,UAAAI,MAAA,KAAAC,mBAAA,CAAAC,OAAA,EACOR,SAAS,CAACS,KAAK,CAAC,CAAC,EAAEP,aAAa,CAAC,IACpCD,QAAQ,OAAAM,mBAAA,CAAAC,OAAA,EACLR,SAAS,CAACS,KAAK,CAACP,aAAa,GAAG,CAAC,CAAC;EAE7C;EAEA,UAAAI,MAAA,KAAAC,mBAAA,CAAAC,OAAA,EAAWR,SAAS,IAAEC,QAAQ;AAClC;AAEO,IAAMS,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAA,EAAS;EAC7B,IAAAE,cAAA,GAAkB,IAAAC,oBAAa,EAAC,CAAC;IAAzBC,KAAK,GAAAF,cAAA,CAALE,KAAK;EACb,IAAAC,oBAAA,GAAwB,IAAAC,0BAAmB,EAAC,CAAC;IAArCC,WAAW,GAAAF,oBAAA,CAAXE,WAAW;EACnB,IAAMC,aAAa,GAAG,IAAAC,aAAM,EAAqBC,SAAS,CAAC;EAE3D,IAAMpB,SAAmC,GAAGc,KAAK,CAACO,QAAQ,EAAErB,SAAS,IAAI,EAAE;EAE3E,IAAMsB,UAAU,GAAG,SAAbA,UAAUA,CAAIrB,QAAgC,EAAK;IACrD,IAAMD,SAAS,GAAGc,KAAK,CAACO,QAAQ,EAAErB,SAAS,IAAI,EAAE;IAEjDkB,aAAa,CAACK,OAAO,GAAGtB,QAAQ,CAACI,EAAE;IAEnCY,WAAW,KAAAO,cAAA,CAAAhB,OAAA,MAAAgB,cAAA,CAAAhB,OAAA,MACJM,KAAK;MACRO,QAAQ,MAAAG,cAAA,CAAAhB,OAAA,MAAAgB,cAAA,CAAAhB,OAAA,MACAM,KAAK,CAACO,QAAQ,IAAI,CAAC,CAAC;QACxBrB,SAAS,EAAED,sBAAsB,CAACC,SAAS,EAAEC,QAAQ;MAAC;IACzD,EACJ,CAAC;EACN,CAAC;EAED,IAAAwB,gBAAS,EAAC,YAAM;IACZ;IACAP,aAAa,CAACK,OAAO,GAAGH,SAAS;EACrC,CAAC,EAAE,EAAE,CAAC;EAEN,oBACI5B,MAAA,CAAAgB,OAAA,CAAAkB,aAAA,CAAAlC,MAAA,CAAAgB,OAAA,CAAAmB,QAAA,QACK3B,SAAS,CAAC4B,MAAM,gBACbpC,MAAA,CAAAgB,OAAA,CAAAkB,aAAA,CAAC/B,UAAA,CAAAkC,SAAS,QACL7B,SAAS,CAAC8B,GAAG,CAAC,UAAC7B,QAAQ,EAAE8B,KAAK;IAAA,oBAC3BvC,MAAA,CAAAgB,OAAA,CAAAkB,aAAA,CAAC7B,oBAAA,CAAAmC,mBAAmB;MAChBC,GAAG,EAAEhC,QAAQ,CAACI,EAAG;MACjB6B,IAAI,EAAEjC,QAAQ,CAACI,EAAE,KAAKa,aAAa,CAACK,OAAQ;MAC5CQ,KAAK,EAAEA,KAAM;MACbjB,KAAK,EAAEA,KAAM;MACbb,QAAQ,EAAEA,QAAS;MACnBkC,QAAQ,EAAElB;IAAY,CACzB,CAAC;EAAA,CACL,CACM,CAAC,GACZ,IAAI,EACPjB,SAAS,CAAC4B,MAAM,gBACbpC,MAAA,CAAAgB,OAAA,CAAAkB,aAAA,CAAC9B,YAAA,CAAAwC,eAAe;IAACd,UAAU,EAAEA;EAAW,CAAE,CAAC,gBAE3C9B,MAAA,CAAAgB,OAAA,CAAAkB,aAAA,CAAC9B,YAAA,CAAAyC,iBAAiB;IAACf,UAAU,EAAEA;EAAW,CAAE,CAElD,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/plugins/fields/dynamicZone/DynamicZoneTemplate.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { CmsDynamicZoneTemplate, CmsModelField } from "../../../../types";
 interface DynamicZoneTemplateProps {
     index: number;
@@ -7,5 +7,5 @@ interface DynamicZoneTemplateProps {
     onChange: (field: CmsModelField) => void;
     open: boolean;
 }
-export declare const DynamicZoneTemplate: ({ index, field, template, onChange, open }: DynamicZoneTemplateProps) => JSX.Element;
+export declare const DynamicZoneTemplate: ({ index, field, template, onChange, open }: DynamicZoneTemplateProps) => React.JSX.Element;
 export {};

package/admin/plugins/fields/dynamicZone/DynamicZoneTemplate.js

@@ -21,7 +21,7 @@ var _arrayUtils = require("../../arrayUtils");
 var _TemplateDialog = require("./TemplateDialog");
 var _FieldEditor = require("../../../components/FieldEditor");
 var TEMPLATES_PATH = "settings.templates";
-var DynamicZoneTemplate = function DynamicZoneTemplate(_ref) {
+var DynamicZoneTemplate = exports.DynamicZoneTemplate = function DynamicZoneTemplate(_ref) {
   var index = _ref.index,
     field = _ref.field,
     template = _ref.template,
@@ -100,6 +100,5 @@ var DynamicZoneTemplate = function DynamicZoneTemplate(_ref) {
     onChange: updateFieldsAndLayout
   }));
 };
-exports.DynamicZoneTemplate = DynamicZoneTemplate;
 
 //# sourceMappingURL=DynamicZoneTemplate.js.map

package/admin/plugins/fields/dynamicZone/DynamicZoneTemplate.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_dotPropImmutable","_reactFontawesome","_edit","_delete_outline","_expand_less","_expand_more","_Accordion","_appAdmin","_arrayUtils","_TemplateDialog","_FieldEditor","TEMPLATES_PATH","DynamicZoneTemplate","_ref","index","field","template","onChange","open","_useConfirmationDialo","useConfirmationDialog","title","message","acceptLabel","showConfirmation","_useState","useState","undefined","_useState2","_slicedToArray2","default","templateToEdit","setTemplateToEdit","templates","settings","isFirst","isLast","length","callbackDeps","id","onDialogClose","useCallback","editTemplate","updateTemplate","params","set","concat","tpl","_objectSpread2","updateFieldsAndLayout","moveTemplateUp","pullValueAtIndex","moveTemplateDown","pushValueAtIndex","deleteTemplate","removeValueAtIndex","icon","split","createElement","AccordionItem","name","description","FontAwesomeIcon","actions","Actions","Action","ReactComponent","onClick","disabled","Divider","TemplateDialog","onTemplate","onClose","FieldEditor","parent","fields","layout","exports"],"sources":["DynamicZoneTemplate.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { set } from \"dot-prop-immutable\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport { ReactComponent as EditIcon } from \"@material-design-icons/svg/outlined/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete_outline.svg\";\nimport { ReactComponent as ArrowUpIcon } from \"@material-design-icons/svg/round/expand_less.svg\";\nimport { ReactComponent as ArrowDownIcon } from \"@material-design-icons/svg/round/expand_more.svg\";\nimport { AccordionItem } from \"@webiny/ui/Accordion\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport { pullValueAtIndex, pushValueAtIndex, removeValueAtIndex } from \"~/admin/plugins/arrayUtils\";\nimport { CmsDynamicZoneTemplate, CmsEditorFieldsLayout, CmsModelField } from \"~/types\";\nimport { TemplateDialog } from \"./TemplateDialog\";\nimport { FieldEditor } from \"~/admin/components/FieldEditor\";\n\ninterface DynamicZoneTemplateProps {\n    index: number;\n    field: CmsModelField;\n    template: CmsDynamicZoneTemplate;\n    onChange: (field: CmsModelField) => void;\n    open: boolean;\n}\n\ninterface UpdateTemplate {\n    (template: CmsDynamicZoneTemplate): void;\n}\n\ninterface UpdateFieldsAndLayout {\n    (params: { fields: CmsModelField[]; layout: CmsEditorFieldsLayout }): void;\n}\n\nconst TEMPLATES_PATH = \"settings.templates\";\n\nexport const DynamicZoneTemplate = ({\n    index,\n    field,\n    template,\n    onChange,\n    open\n}: DynamicZoneTemplateProps) => {\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Delete content template\",\n        message: \"Are you sure you want to delete this content template?\",\n        acceptLabel: \"Yes, I'm sure!\"\n    });\n\n    const [templateToEdit, setTemplateToEdit] = useState<CmsDynamicZoneTemplate | undefined>(\n        undefined\n    );\n\n    const templates = field.settings?.templates || [];\n    const isFirst = index === 0;\n    const isLast = index === templates.length - 1;\n\n    const callbackDeps = [onChange, field, index, template.id];\n\n    const onDialogClose = useCallback(() => {\n        setTemplateToEdit(undefined);\n    }, []);\n\n    const editTemplate = useCallback(() => {\n        setTemplateToEdit(template);\n    }, [template]);\n\n    const updateTemplate = useCallback<UpdateTemplate>(params => {\n        onChange(\n            set(field, `${TEMPLATES_PATH}.${index}`, (tpl: CmsDynamicZoneTemplate) => {\n                return { ...tpl, ...params };\n            })\n        );\n    }, callbackDeps);\n\n    const updateFieldsAndLayout = useCallback<UpdateFieldsAndLayout>(\n        params => {\n            updateTemplate({ ...template, ...params });\n        },\n        [updateTemplate]\n    );\n\n    const moveTemplateUp = useCallback(() => {\n        onChange(set(field, TEMPLATES_PATH, pullValueAtIndex(templates, index)));\n    }, callbackDeps);\n\n    const moveTemplateDown = useCallback(() => {\n        onChange(set(field, TEMPLATES_PATH, pushValueAtIndex(templates, index)));\n    }, callbackDeps);\n\n    const deleteTemplate = useCallback(() => {\n        showConfirmation(() => {\n            onChange(set(field, TEMPLATES_PATH, removeValueAtIndex(templates, index)));\n        });\n    }, callbackDeps);\n\n    const icon = template.icon ? (template.icon.split(\"/\") as IconProp) : undefined;\n\n    return (\n        <AccordionItem\n            title={template.name}\n            description={template.description}\n            icon={icon ? <FontAwesomeIcon icon={icon} /> : undefined}\n            open={open}\n            actions={\n                <AccordionItem.Actions>\n                    <AccordionItem.Action\n                        icon={<ArrowUpIcon />}\n                        onClick={moveTemplateUp}\n                        disabled={isFirst}\n                    />\n                    <AccordionItem.Action\n                        icon={<ArrowDownIcon />}\n                        onClick={moveTemplateDown}\n                        disabled={isLast}\n                    />\n                    <AccordionItem.Divider />\n                    <AccordionItem.Action icon={<EditIcon />} onClick={editTemplate} />\n                    <AccordionItem.Action icon={<DeleteIcon />} onClick={deleteTemplate} />\n                </AccordionItem.Actions>\n            }\n        >\n            {templateToEdit ? (\n                <TemplateDialog\n                    template={templateToEdit}\n                    onTemplate={updateTemplate}\n                    onClose={onDialogClose}\n                />\n            ) : null}\n\n            <FieldEditor\n                parent={field}\n                fields={template.fields}\n                layout={template.layout}\n                onChange={updateFieldsAndLayout}\n            />\n        </AccordionItem>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_dotPropImmutable","_reactFontawesome","_edit","_delete_outline","_expand_less","_expand_more","_Accordion","_appAdmin","_arrayUtils","_TemplateDialog","_FieldEditor","TEMPLATES_PATH","DynamicZoneTemplate","exports","_ref","index","field","template","onChange","open","_useConfirmationDialo","useConfirmationDialog","title","message","acceptLabel","showConfirmation","_useState","useState","undefined","_useState2","_slicedToArray2","default","templateToEdit","setTemplateToEdit","templates","settings","isFirst","isLast","length","callbackDeps","id","onDialogClose","useCallback","editTemplate","updateTemplate","params","set","concat","tpl","_objectSpread2","updateFieldsAndLayout","moveTemplateUp","pullValueAtIndex","moveTemplateDown","pushValueAtIndex","deleteTemplate","removeValueAtIndex","icon","split","createElement","AccordionItem","name","description","FontAwesomeIcon","actions","Actions","Action","ReactComponent","onClick","disabled","Divider","TemplateDialog","onTemplate","onClose","FieldEditor","parent","fields","layout"],"sources":["DynamicZoneTemplate.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { set } from \"dot-prop-immutable\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport { ReactComponent as EditIcon } from \"@material-design-icons/svg/outlined/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete_outline.svg\";\nimport { ReactComponent as ArrowUpIcon } from \"@material-design-icons/svg/round/expand_less.svg\";\nimport { ReactComponent as ArrowDownIcon } from \"@material-design-icons/svg/round/expand_more.svg\";\nimport { AccordionItem } from \"@webiny/ui/Accordion\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport { pullValueAtIndex, pushValueAtIndex, removeValueAtIndex } from \"~/admin/plugins/arrayUtils\";\nimport { CmsDynamicZoneTemplate, CmsEditorFieldsLayout, CmsModelField } from \"~/types\";\nimport { TemplateDialog } from \"./TemplateDialog\";\nimport { FieldEditor } from \"~/admin/components/FieldEditor\";\n\ninterface DynamicZoneTemplateProps {\n    index: number;\n    field: CmsModelField;\n    template: CmsDynamicZoneTemplate;\n    onChange: (field: CmsModelField) => void;\n    open: boolean;\n}\n\ninterface UpdateTemplate {\n    (template: CmsDynamicZoneTemplate): void;\n}\n\ninterface UpdateFieldsAndLayout {\n    (params: { fields: CmsModelField[]; layout: CmsEditorFieldsLayout }): void;\n}\n\nconst TEMPLATES_PATH = \"settings.templates\";\n\nexport const DynamicZoneTemplate = ({\n    index,\n    field,\n    template,\n    onChange,\n    open\n}: DynamicZoneTemplateProps) => {\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Delete content template\",\n        message: \"Are you sure you want to delete this content template?\",\n        acceptLabel: \"Yes, I'm sure!\"\n    });\n\n    const [templateToEdit, setTemplateToEdit] = useState<CmsDynamicZoneTemplate | undefined>(\n        undefined\n    );\n\n    const templates = field.settings?.templates || [];\n    const isFirst = index === 0;\n    const isLast = index === templates.length - 1;\n\n    const callbackDeps = [onChange, field, index, template.id];\n\n    const onDialogClose = useCallback(() => {\n        setTemplateToEdit(undefined);\n    }, []);\n\n    const editTemplate = useCallback(() => {\n        setTemplateToEdit(template);\n    }, [template]);\n\n    const updateTemplate = useCallback<UpdateTemplate>(params => {\n        onChange(\n            set(field, `${TEMPLATES_PATH}.${index}`, (tpl: CmsDynamicZoneTemplate) => {\n                return { ...tpl, ...params };\n            })\n        );\n    }, callbackDeps);\n\n    const updateFieldsAndLayout = useCallback<UpdateFieldsAndLayout>(\n        params => {\n            updateTemplate({ ...template, ...params });\n        },\n        [updateTemplate]\n    );\n\n    const moveTemplateUp = useCallback(() => {\n        onChange(set(field, TEMPLATES_PATH, pullValueAtIndex(templates, index)));\n    }, callbackDeps);\n\n    const moveTemplateDown = useCallback(() => {\n        onChange(set(field, TEMPLATES_PATH, pushValueAtIndex(templates, index)));\n    }, callbackDeps);\n\n    const deleteTemplate = useCallback(() => {\n        showConfirmation(() => {\n            onChange(set(field, TEMPLATES_PATH, removeValueAtIndex(templates, index)));\n        });\n    }, callbackDeps);\n\n    const icon = template.icon ? (template.icon.split(\"/\") as IconProp) : undefined;\n\n    return (\n        <AccordionItem\n            title={template.name}\n            description={template.description}\n            icon={icon ? <FontAwesomeIcon icon={icon} /> : undefined}\n            open={open}\n            actions={\n                <AccordionItem.Actions>\n                    <AccordionItem.Action\n                        icon={<ArrowUpIcon />}\n                        onClick={moveTemplateUp}\n                        disabled={isFirst}\n                    />\n                    <AccordionItem.Action\n                        icon={<ArrowDownIcon />}\n                        onClick={moveTemplateDown}\n                        disabled={isLast}\n                    />\n                    <AccordionItem.Divider />\n                    <AccordionItem.Action icon={<EditIcon />} onClick={editTemplate} />\n                    <AccordionItem.Action icon={<DeleteIcon />} onClick={deleteTemplate} />\n                </AccordionItem.Actions>\n            }\n        >\n            {templateToEdit ? (\n                <TemplateDialog\n                    template={templateToEdit}\n                    onTemplate={updateTemplate}\n                    onClose={onDialogClose}\n                />\n            ) : null}\n\n            <FieldEditor\n                parent={field}\n                fields={template.fields}\n                layout={template.layout}\n                onChange={updateFieldsAndLayout}\n            />\n        </AccordionItem>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fields/dynamicZone/TemplateDialog.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 import { CmsDynamicZoneTemplate } from "../../../../types";
 interface TemplateDialogProps {
     onClose: () => void;
     template?: CmsDynamicZoneTemplate;
     onTemplate: (template: CmsDynamicZoneTemplate) => void;
 }
-export declare const TemplateDialog: (props: TemplateDialogProps) => JSX.Element;
+export declare const TemplateDialog: (props: TemplateDialogProps) => React.JSX.Element;
 export {};

package/admin/plugins/fields/dynamicZone/TemplateDialog.js

@@ -30,7 +30,7 @@ var getGraphQLTypeName = function getGraphQLTypeName(value) {
   var titleCase = value.charAt(0).toUpperCase() + value.slice(1);
   return titleCase.replace(/[^a-zA-Z0-9]/g, "");
 };
-var TemplateDialog = function TemplateDialog(props) {
+var TemplateDialog = exports.TemplateDialog = function TemplateDialog(props) {
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     showWarning = _useState2[0],
@@ -145,6 +145,5 @@ var TemplateDialog = function TemplateDialog(props) {
     }, submitLabel)));
   }));
 };
-exports.TemplateDialog = TemplateDialog;
 
 //# sourceMappingURL=TemplateDialog.js.map

package/admin/plugins/fields/dynamicZone/TemplateDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Button","_Grid","_Input","_form","_validation","_utils","_IconPicker","_Dialog","_Alert","_Tags","typeNameValidator","value","regex","RegExp","test","Error","getGraphQLTypeName","titleCase","charAt","toUpperCase","slice","replace","TemplateDialog","props","_useState","useState","_useState2","_slicedToArray2","default","showWarning","setWarning","newTemplate","Boolean","template","dialogTitle","submitLabel","onSubmit","id","onTemplate","_objectSpread2","generateAlphaNumericLowerCaseId","fields","layout","onClose","showGqlTypeNameWarning","hideGqlTypeNameWarning","checkGqlType","data","gqlTypeName","nameOnBlur","form","name","setValue","onFormChange","createElement","Dialog","open","Form","onChange","_ref","Bind","submit","Fragment","DialogTitle","DialogContent","Grid","Cell","span","Alert","title","type","validators","validation","create","Input","label","onBlur","autoFocus","description","IconPicker","rows","defaultValue","Tags","DialogActions","ButtonDefault","onClick","ButtonPrimary","exports"],"sources":["TemplateDialog.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ButtonPrimary, ButtonDefault } from \"@webiny/ui/Button\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Form, FormAPI, FormOnSubmit } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { IconPicker } from \"~/admin/components/IconPicker\";\nimport { Dialog, DialogTitle, DialogContent, DialogActions } from \"~/admin/components/Dialog\";\nimport { Alert } from \"@webiny/ui/Alert\";\nimport { Tags } from \"@webiny/ui/Tags\";\n\nconst typeNameValidator = (value: string) => {\n    const regex = new RegExp(\"^[A-Z]+[_0-9A-Za-z]+$\");\n    if (regex.test(value)) {\n        return true;\n    }\n\n    throw Error(\n        `Must start with a capital letter, may contain numbers, and must not contain spaces.`\n    );\n};\n\nconst getGraphQLTypeName = (value: string) => {\n    const titleCase = value.charAt(0).toUpperCase() + value.slice(1);\n    return titleCase.replace(/[^a-zA-Z0-9]/g, \"\");\n};\n\ninterface TemplateDialogProps {\n    onClose: () => void;\n    template?: CmsDynamicZoneTemplate;\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nexport const TemplateDialog = (props: TemplateDialogProps) => {\n    const [showWarning, setWarning] = useState(false);\n    const newTemplate = !Boolean(props.template);\n    const dialogTitle = newTemplate ? \"Add Template\" : \"Edit Template\";\n    const submitLabel = newTemplate ? \"Add Template\" : \"Update Template\";\n\n    const onSubmit: FormOnSubmit<CmsDynamicZoneTemplate> = template => {\n        if (template.id) {\n            props.onTemplate(template);\n        } else {\n            props.onTemplate({\n                ...template,\n                id: generateAlphaNumericLowerCaseId(),\n                fields: [],\n                layout: []\n            });\n        }\n        props.onClose();\n    };\n\n    const showGqlTypeNameWarning = () => {\n        setWarning(true);\n    };\n\n    const hideGqlTypeNameWarning = () => {\n        setWarning(false);\n    };\n\n    const checkGqlType: FormOnSubmit<CmsDynamicZoneTemplate> = data => {\n        if (newTemplate) {\n            return;\n        }\n\n        if (data.gqlTypeName !== props.template?.gqlTypeName) {\n            showGqlTypeNameWarning();\n        } else {\n            hideGqlTypeNameWarning();\n        }\n    };\n\n    const nameOnBlur = (form: FormAPI<CmsDynamicZoneTemplate>) => () => {\n        if (!form.data.gqlTypeName) {\n            /**\n             * There is a possibility that name is undefined, so let's check for it.\n             */\n            const name = form.data.name;\n            if (!name) {\n                return;\n            }\n            form.setValue(\"gqlTypeName\", getGraphQLTypeName(name));\n        }\n    };\n\n    const onFormChange: FormOnSubmit<CmsDynamicZoneTemplate> = (data, form) => {\n        checkGqlType(data, form);\n    };\n\n    return (\n        <Dialog open={true} onClose={props.onClose}>\n            <Form<CmsDynamicZoneTemplate>\n                onSubmit={onSubmit}\n                data={props.template}\n                onChange={onFormChange}\n            >\n                {({ Bind, submit, form }) => (\n                    <>\n                        <DialogTitle>{dialogTitle}</DialogTitle>\n                        <DialogContent>\n                            <Grid>\n                                {showWarning ? (\n                                    <Cell span={12}>\n                                        <Alert title={\"GraphQL Schema Change\"} type={\"danger\"}>\n                                            You&apos;ve changed the GraphQL schema type name! If\n                                            your API is being queried by a 3rd party application,\n                                            this will affect the GraphQL queries in those\n                                            applications. Make sure your consumers are informed\n                                            about this change!\n                                        </Alert>\n                                    </Cell>\n                                ) : null}\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"name\"}\n                                        validators={[validation.create(\"required\")]}\n                                    >\n                                        <Input label={\"Name\"} onBlur={nameOnBlur(form)} />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"gqlTypeName\"}\n                                        validators={[\n                                            validation.create(\"required\"),\n                                            typeNameValidator\n                                        ]}\n                                    >\n                                        <Input\n                                            autoFocus={false}\n                                            label={\"GraphQL Type Name\"}\n                                            description={\n                                                \"This string will be used to generate the GraphQL schema. \"\n                                            }\n                                        />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"icon\"}\n                                        validators={[validation.create(\"required\")]}\n                                    >\n                                        <IconPicker label={\"Icon\"} />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"description\"}\n                                        validators={[validation.create(\"required\")]}\n                                    >\n                                        <Input rows={3} label={\"Description\"} />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind name={\"tags\"} defaultValue={[]}>\n                                        <Tags label={\"Tags\"} />\n                                    </Bind>\n                                </Cell>\n                            </Grid>\n                        </DialogContent>\n                        <DialogActions>\n                            <ButtonDefault onClick={props.onClose}>Cancel</ButtonDefault>\n                            <ButtonPrimary onClick={submit}>{submitLabel}</ButtonPrimary>\n                        </DialogActions>\n                    </>\n                )}\n            </Form>\n        </Dialog>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Button","_Grid","_Input","_form","_validation","_utils","_IconPicker","_Dialog","_Alert","_Tags","typeNameValidator","value","regex","RegExp","test","Error","getGraphQLTypeName","titleCase","charAt","toUpperCase","slice","replace","TemplateDialog","exports","props","_useState","useState","_useState2","_slicedToArray2","default","showWarning","setWarning","newTemplate","Boolean","template","dialogTitle","submitLabel","onSubmit","id","onTemplate","_objectSpread2","generateAlphaNumericLowerCaseId","fields","layout","onClose","showGqlTypeNameWarning","hideGqlTypeNameWarning","checkGqlType","data","gqlTypeName","nameOnBlur","form","name","setValue","onFormChange","createElement","Dialog","open","Form","onChange","_ref","Bind","submit","Fragment","DialogTitle","DialogContent","Grid","Cell","span","Alert","title","type","validators","validation","create","Input","label","onBlur","autoFocus","description","IconPicker","rows","defaultValue","Tags","DialogActions","ButtonDefault","onClick","ButtonPrimary"],"sources":["TemplateDialog.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ButtonPrimary, ButtonDefault } from \"@webiny/ui/Button\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Form, FormAPI, FormOnSubmit } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { IconPicker } from \"~/admin/components/IconPicker\";\nimport { Dialog, DialogTitle, DialogContent, DialogActions } from \"~/admin/components/Dialog\";\nimport { Alert } from \"@webiny/ui/Alert\";\nimport { Tags } from \"@webiny/ui/Tags\";\n\nconst typeNameValidator = (value: string) => {\n    const regex = new RegExp(\"^[A-Z]+[_0-9A-Za-z]+$\");\n    if (regex.test(value)) {\n        return true;\n    }\n\n    throw Error(\n        `Must start with a capital letter, may contain numbers, and must not contain spaces.`\n    );\n};\n\nconst getGraphQLTypeName = (value: string) => {\n    const titleCase = value.charAt(0).toUpperCase() + value.slice(1);\n    return titleCase.replace(/[^a-zA-Z0-9]/g, \"\");\n};\n\ninterface TemplateDialogProps {\n    onClose: () => void;\n    template?: CmsDynamicZoneTemplate;\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nexport const TemplateDialog = (props: TemplateDialogProps) => {\n    const [showWarning, setWarning] = useState(false);\n    const newTemplate = !Boolean(props.template);\n    const dialogTitle = newTemplate ? \"Add Template\" : \"Edit Template\";\n    const submitLabel = newTemplate ? \"Add Template\" : \"Update Template\";\n\n    const onSubmit: FormOnSubmit<CmsDynamicZoneTemplate> = template => {\n        if (template.id) {\n            props.onTemplate(template);\n        } else {\n            props.onTemplate({\n                ...template,\n                id: generateAlphaNumericLowerCaseId(),\n                fields: [],\n                layout: []\n            });\n        }\n        props.onClose();\n    };\n\n    const showGqlTypeNameWarning = () => {\n        setWarning(true);\n    };\n\n    const hideGqlTypeNameWarning = () => {\n        setWarning(false);\n    };\n\n    const checkGqlType: FormOnSubmit<CmsDynamicZoneTemplate> = data => {\n        if (newTemplate) {\n            return;\n        }\n\n        if (data.gqlTypeName !== props.template?.gqlTypeName) {\n            showGqlTypeNameWarning();\n        } else {\n            hideGqlTypeNameWarning();\n        }\n    };\n\n    const nameOnBlur = (form: FormAPI<CmsDynamicZoneTemplate>) => () => {\n        if (!form.data.gqlTypeName) {\n            /**\n             * There is a possibility that name is undefined, so let's check for it.\n             */\n            const name = form.data.name;\n            if (!name) {\n                return;\n            }\n            form.setValue(\"gqlTypeName\", getGraphQLTypeName(name));\n        }\n    };\n\n    const onFormChange: FormOnSubmit<CmsDynamicZoneTemplate> = (data, form) => {\n        checkGqlType(data, form);\n    };\n\n    return (\n        <Dialog open={true} onClose={props.onClose}>\n            <Form<CmsDynamicZoneTemplate>\n                onSubmit={onSubmit}\n                data={props.template}\n                onChange={onFormChange}\n            >\n                {({ Bind, submit, form }) => (\n                    <>\n                        <DialogTitle>{dialogTitle}</DialogTitle>\n                        <DialogContent>\n                            <Grid>\n                                {showWarning ? (\n                                    <Cell span={12}>\n                                        <Alert title={\"GraphQL Schema Change\"} type={\"danger\"}>\n                                            You&apos;ve changed the GraphQL schema type name! If\n                                            your API is being queried by a 3rd party application,\n                                            this will affect the GraphQL queries in those\n                                            applications. Make sure your consumers are informed\n                                            about this change!\n                                        </Alert>\n                                    </Cell>\n                                ) : null}\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"name\"}\n                                        validators={[validation.create(\"required\")]}\n                                    >\n                                        <Input label={\"Name\"} onBlur={nameOnBlur(form)} />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"gqlTypeName\"}\n                                        validators={[\n                                            validation.create(\"required\"),\n                                            typeNameValidator\n                                        ]}\n                                    >\n                                        <Input\n                                            autoFocus={false}\n                                            label={\"GraphQL Type Name\"}\n                                            description={\n                                                \"This string will be used to generate the GraphQL schema. \"\n                                            }\n                                        />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"icon\"}\n                                        validators={[validation.create(\"required\")]}\n                                    >\n                                        <IconPicker label={\"Icon\"} />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"description\"}\n                                        validators={[validation.create(\"required\")]}\n                                    >\n                                        <Input rows={3} label={\"Description\"} />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind name={\"tags\"} defaultValue={[]}>\n                                        <Tags label={\"Tags\"} />\n                                    </Bind>\n                                </Cell>\n                            </Grid>\n                        </DialogContent>\n                        <DialogActions>\n                            <ButtonDefault onClick={props.onClose}>Cancel</ButtonDefault>\n                            <ButtonPrimary onClick={submit}>{submitLabel}</ButtonPrimary>\n                        </DialogActions>\n                    </>\n                )}\n            </Form>\n        </Dialog>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fields/dynamicZone/commonValidators.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.commonValidators = void 0;
-var commonValidators = [{
+var commonValidators = exports.commonValidators = [{
   name: "minLength",
   label: "Minimum number of entries",
   description: "Define the minimum number of entries a user must create.",
@@ -23,6 +23,5 @@ var commonValidators = [{
     description: "This defines the maximum number of entries a user can create."
   }]
 }];
-exports.commonValidators = commonValidators;
 
 //# sourceMappingURL=commonValidators.js.map

package/admin/plugins/fields/dynamicZone/commonValidators.js.map

@@ -1 +1 @@
-{"version":3,"names":["commonValidators","name","label","description","defaultMessage","variables","exports"],"sources":["commonValidators.ts"],"sourcesContent":["import { CmsModelFieldValidatorConfig } from \"~/types\";\n\nexport const commonValidators: CmsModelFieldValidatorConfig[] = [\n    {\n        name: \"minLength\",\n        label: \"Minimum number of entries\",\n        description: \"Define the minimum number of entries a user must create.\",\n        defaultMessage: \"You must create at least {value} entries.\",\n        variables: [\n            {\n                name: \"value\",\n                description: \"This defines the minimum number of entries a user must create.\"\n            }\n        ]\n    },\n    {\n        name: \"maxLength\",\n        label: \"Maximum number of entries\",\n        description: \"Define the maximum number of entries a user can create.\",\n        defaultMessage: \"You have too many entries (max: {value}).\",\n        variables: [\n            {\n                name: \"value\",\n                description: \"This defines the maximum number of entries a user can create.\"\n            }\n        ]\n    }\n];\n"],"mappings":";;;;;;AAEO,IAAMA,gBAAgD,GAAG,CAC5D;EACIC,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE,2BAA2B;EAClCC,WAAW,EAAE,0DAA0D;EACvEC,cAAc,EAAE,2CAA2C;EAC3DC,SAAS,EAAE,CACP;IACIJ,IAAI,EAAE,OAAO;IACbE,WAAW,EAAE;EACjB,CAAC;AAET,CAAC,EACD;EACIF,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE,2BAA2B;EAClCC,WAAW,EAAE,yDAAyD;EACtEC,cAAc,EAAE,2CAA2C;EAC3DC,SAAS,EAAE,CACP;IACIJ,IAAI,EAAE,OAAO;IACbE,WAAW,EAAE;EACjB,CAAC;AAET,CAAC,CACJ;AAACG,OAAA,CAAAN,gBAAA,GAAAA,gBAAA"}
+{"version":3,"names":["commonValidators","exports","name","label","description","defaultMessage","variables"],"sources":["commonValidators.ts"],"sourcesContent":["import { CmsModelFieldValidatorConfig } from \"~/types\";\n\nexport const commonValidators: CmsModelFieldValidatorConfig[] = [\n    {\n        name: \"minLength\",\n        label: \"Minimum number of entries\",\n        description: \"Define the minimum number of entries a user must create.\",\n        defaultMessage: \"You must create at least {value} entries.\",\n        variables: [\n            {\n                name: \"value\",\n                description: \"This defines the minimum number of entries a user must create.\"\n            }\n        ]\n    },\n    {\n        name: \"maxLength\",\n        label: \"Maximum number of entries\",\n        description: \"Define the maximum number of entries a user can create.\",\n        defaultMessage: \"You have too many entries (max: {value}).\",\n        variables: [\n            {\n                name: \"value\",\n                description: \"This defines the maximum number of entries a user can create.\"\n            }\n        ]\n    }\n];\n"],"mappings":";;;;;;AAEO,IAAMA,gBAAgD,GAAAC,OAAA,CAAAD,gBAAA,GAAG,CAC5D;EACIE,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE,2BAA2B;EAClCC,WAAW,EAAE,0DAA0D;EACvEC,cAAc,EAAE,2CAA2C;EAC3DC,SAAS,EAAE,CACP;IACIJ,IAAI,EAAE,OAAO;IACbE,WAAW,EAAE;EACjB,CAAC;AAET,CAAC,EACD;EACIF,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE,2BAA2B;EAClCC,WAAW,EAAE,yDAAyD;EACtEC,cAAc,EAAE,2CAA2C;EAC3DC,SAAS,EAAE,CACP;IACIJ,IAAI,EAAE,OAAO;IACbE,WAAW,EAAE;EACjB,CAAC;AAET,CAAC,CACJ","ignoreList":[]}

package/admin/plugins/fields/dynamicZone.js

@@ -20,7 +20,7 @@ var listValidators = {
   title: "List validators",
   description: "These validators are applied to the entire dynamic zone."
 };
-var dynamicZoneField = {
+var dynamicZoneField = exports.dynamicZoneField = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-dynamic-zone",
   field: {
@@ -82,6 +82,5 @@ var dynamicZoneField = {
     }
   }
 };
-exports.dynamicZoneField = dynamicZoneField;
 
 //# sourceMappingURL=dynamicZone.js.map

package/admin/plugins/fields/dynamicZone.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_dynamic_form","_i18n","_appHeadlessCmsCommon","_DynamicZone","_createTypeName","_commonValidators","_templateObject","_templateObject2","_templateObject3","t","i18n","ns","listValidators","validators","commonValidators","title","description","dynamicZoneField","type","name","field","label","_taggedTemplateLiteral2","default","icon","createElement","ReactComponent","allowMultipleValues","allowPredefinedValues","multipleValues","multipleValuesLabel","createField","listValidation","settings","templates","renderer","render","DynamicZone","graphql","queryField","_ref","model","graphQLTypePrefix","prefix","concat","createTypeName","fieldId","length","fragments","map","template","templateGraphQLType","gqlTypeName","createFieldsList","fields","join","exports"],"sources":["dynamicZone.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ObjectIcon } from \"@material-design-icons/svg/outlined/dynamic_form.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { createFieldsList } from \"@webiny/app-headless-cms-common\";\nimport { DynamicZone } from \"~/admin/plugins/fields/dynamicZone/DynamicZone\";\nimport { createTypeName } from \"~/utils/createTypeName\";\nimport { CmsModelFieldTypePlugin, CmsModelFieldValidatorsGroup } from \"~/types\";\nimport { commonValidators } from \"./dynamicZone/commonValidators\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst listValidators: CmsModelFieldValidatorsGroup = {\n    validators: commonValidators,\n    title: \"List validators\",\n    description: \"These validators are applied to the entire dynamic zone.\"\n};\n\nexport const dynamicZoneField: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-dynamic-zone\",\n    field: {\n        type: \"dynamicZone\",\n        label: t`Dynamic Zone`,\n        description: t`Define content templates to be used during content creation.`,\n        icon: <ObjectIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        validators: field => {\n            if (field.multipleValues) {\n                return {\n                    validators: [\"dynamicZone\"],\n                    title: \"Template Validators\",\n                    description: \"Validators for each of the templates in this dynamic zone.\"\n                };\n            }\n\n            return [\"required\"];\n        },\n        listValidators,\n        multipleValuesLabel: t`Use as a list of values`,\n        createField() {\n            return {\n                type: this.type,\n                listValidation: [{ name: \"dynamicZone\" }],\n                settings: {\n                    templates: []\n                },\n                renderer: {\n                    name: \"dynamicZone\"\n                }\n            };\n        },\n        render() {\n            return <DynamicZone />;\n        },\n        graphql: {\n            queryField({ model, field, graphQLTypePrefix }) {\n                const prefix = `${graphQLTypePrefix}_${createTypeName(field.fieldId)}`;\n                const templates = field.settings?.templates || [];\n\n                if (!templates.length) {\n                    return null;\n                }\n\n                const fragments = templates.map(template => {\n                    const templateGraphQLType = `${prefix}_${template.gqlTypeName}`;\n                    return `...on ${templateGraphQLType} {\n                        ${createFieldsList({\n                            model,\n                            fields: template.fields || [],\n                            graphQLTypePrefix: templateGraphQLType\n                        })}\n                        _templateId\n                        __typename\n                    }`;\n                });\n                return `{ ${fragments.join(\"\\n\")} }`;\n            }\n        }\n    }\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_dynamic_form","_i18n","_appHeadlessCmsCommon","_DynamicZone","_createTypeName","_commonValidators","_templateObject","_templateObject2","_templateObject3","t","i18n","ns","listValidators","validators","commonValidators","title","description","dynamicZoneField","exports","type","name","field","label","_taggedTemplateLiteral2","default","icon","createElement","ReactComponent","allowMultipleValues","allowPredefinedValues","multipleValues","multipleValuesLabel","createField","listValidation","settings","templates","renderer","render","DynamicZone","graphql","queryField","_ref","model","graphQLTypePrefix","prefix","concat","createTypeName","fieldId","length","fragments","map","template","templateGraphQLType","gqlTypeName","createFieldsList","fields","join"],"sources":["dynamicZone.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ObjectIcon } from \"@material-design-icons/svg/outlined/dynamic_form.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { createFieldsList } from \"@webiny/app-headless-cms-common\";\nimport { DynamicZone } from \"~/admin/plugins/fields/dynamicZone/DynamicZone\";\nimport { createTypeName } from \"~/utils/createTypeName\";\nimport { CmsModelFieldTypePlugin, CmsModelFieldValidatorsGroup } from \"~/types\";\nimport { commonValidators } from \"./dynamicZone/commonValidators\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst listValidators: CmsModelFieldValidatorsGroup = {\n    validators: commonValidators,\n    title: \"List validators\",\n    description: \"These validators are applied to the entire dynamic zone.\"\n};\n\nexport const dynamicZoneField: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-dynamic-zone\",\n    field: {\n        type: \"dynamicZone\",\n        label: t`Dynamic Zone`,\n        description: t`Define content templates to be used during content creation.`,\n        icon: <ObjectIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        validators: field => {\n            if (field.multipleValues) {\n                return {\n                    validators: [\"dynamicZone\"],\n                    title: \"Template Validators\",\n                    description: \"Validators for each of the templates in this dynamic zone.\"\n                };\n            }\n\n            return [\"required\"];\n        },\n        listValidators,\n        multipleValuesLabel: t`Use as a list of values`,\n        createField() {\n            return {\n                type: this.type,\n                listValidation: [{ name: \"dynamicZone\" }],\n                settings: {\n                    templates: []\n                },\n                renderer: {\n                    name: \"dynamicZone\"\n                }\n            };\n        },\n        render() {\n            return <DynamicZone />;\n        },\n        graphql: {\n            queryField({ model, field, graphQLTypePrefix }) {\n                const prefix = `${graphQLTypePrefix}_${createTypeName(field.fieldId)}`;\n                const templates = field.settings?.templates || [];\n\n                if (!templates.length) {\n                    return null;\n                }\n\n                const fragments = templates.map(template => {\n                    const templateGraphQLType = `${prefix}_${template.gqlTypeName}`;\n                    return `...on ${templateGraphQLType} {\n                        ${createFieldsList({\n                            model,\n                            fields: template.fields || [],\n                            graphQLTypePrefix: templateGraphQLType\n                        })}\n                        _templateId\n                        __typename\n                    }`;\n                });\n                return `{ ${fragments.join(\"\\n\")} }`;\n            }\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fields/longText.js

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

package/admin/plugins/fields/longText.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_roundNotes","_Grid","_Input","_i18n","_form","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","t","i18n","ns","plugin","type","name","field","validators","label","_taggedTemplateLiteral2","default","description","icon","createElement","ReactComponent","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Grid","Cell","span","Bind","Input","_default","exports"],"sources":["longText.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as LongTextIcon } from \"./icons/round-notes.svg\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Bind } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-long-text\",\n    field: {\n        type: \"long-text\",\n        validators: [\"required\", \"minLength\", \"maxLength\", \"pattern\"],\n        label: t`Long text`,\n        description: t`Long comments, notes, multi line values.`,\n        icon: <LongTextIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false, // TODO: implement \"renderPredefinedValues\" and set to true.\n        multipleValuesLabel: t`Use as a list of long texts`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"placeholderText\"}>\n                            <Input\n                                label={t`Placeholder text`}\n                                description={t`Placeholder text (optional)`}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAAoC,IAAAM,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAEpC,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,iCAAiC;EACvCC,KAAK,EAAE;IACHF,IAAI,EAAE,WAAW;IACjBG,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,CAAC;IAC7DC,KAAK,EAAER,CAAC,CAAAL,eAAA,KAAAA,eAAA,OAAAc,uBAAA,CAAAC,OAAA,kBAAW;IACnBC,WAAW,EAAEX,CAAC,CAAAJ,gBAAA,KAAAA,gBAAA,OAAAa,uBAAA,CAAAC,OAAA,iDAA0C;IACxDE,IAAI,eAAEzB,MAAA,CAAAuB,OAAA,CAAAG,aAAA,CAACvB,WAAA,CAAAwB,cAAY,MAAE,CAAC;IACtBC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAAE;IAC9BC,mBAAmB,EAAEjB,CAAC,CAAAH,gBAAA,KAAAA,gBAAA,OAAAY,uBAAA,CAAAC,OAAA,oCAA6B;IACnDQ,WAAW,WAAAA,YAAA,EAAG;MACV,OAAO;QACHd,IAAI,EAAE,IAAI,CAACA,IAAI;QACfe,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNf,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDgB,cAAc,WAAAA,eAAA,EAAG;MACb,oBACIlC,MAAA,CAAAuB,OAAA,CAAAG,aAAA,CAACtB,KAAA,CAAA+B,IAAI,qBACDnC,MAAA,CAAAuB,OAAA,CAAAG,aAAA,CAACtB,KAAA,CAAAgC,IAAI;QAACC,IAAI,EAAE;MAAG,gBACXrC,MAAA,CAAAuB,OAAA,CAAAG,aAAA,CAACnB,KAAA,CAAA+B,IAAI;QAACpB,IAAI,EAAE;MAAkB,gBAC1BlB,MAAA,CAAAuB,OAAA,CAAAG,aAAA,CAACrB,MAAA,CAAAkC,KAAK;QACFlB,KAAK,EAAER,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAW,uBAAA,CAAAC,OAAA,yBAAmB;QAC3BC,WAAW,EAAEX,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA;MAA8B,CAC/C,CACC,CACJ,CACJ,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAiB,QAAA,GAEaxB,MAAM;AAAAyB,OAAA,CAAAlB,OAAA,GAAAiB,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_roundNotes","_Grid","_Input","_i18n","_form","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","t","i18n","ns","plugin","type","name","field","validators","label","_taggedTemplateLiteral2","default","description","icon","createElement","ReactComponent","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Grid","Cell","span","Bind","Input","_default","exports"],"sources":["longText.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as LongTextIcon } from \"./icons/round-notes.svg\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Bind } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-long-text\",\n    field: {\n        type: \"long-text\",\n        validators: [\"required\", \"minLength\", \"maxLength\", \"pattern\"],\n        label: t`Long text`,\n        description: t`Long comments, notes, multi line values.`,\n        icon: <LongTextIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false, // TODO: implement \"renderPredefinedValues\" and set to true.\n        multipleValuesLabel: t`Use as a list of long texts`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"placeholderText\"}>\n                            <Input\n                                label={t`Placeholder text`}\n                                description={t`Placeholder text (optional)`}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAAoC,IAAAM,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAEpC,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,iCAAiC;EACvCC,KAAK,EAAE;IACHF,IAAI,EAAE,WAAW;IACjBG,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,CAAC;IAC7DC,KAAK,EAAER,CAAC,CAAAL,eAAA,KAAAA,eAAA,OAAAc,uBAAA,CAAAC,OAAA,kBAAW;IACnBC,WAAW,EAAEX,CAAC,CAAAJ,gBAAA,KAAAA,gBAAA,OAAAa,uBAAA,CAAAC,OAAA,iDAA0C;IACxDE,IAAI,eAAEzB,MAAA,CAAAuB,OAAA,CAAAG,aAAA,CAACvB,WAAA,CAAAwB,cAAY,MAAE,CAAC;IACtBC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAAE;IAC9BC,mBAAmB,EAAEjB,CAAC,CAAAH,gBAAA,KAAAA,gBAAA,OAAAY,uBAAA,CAAAC,OAAA,oCAA6B;IACnDQ,WAAW,WAAAA,YAAA,EAAG;MACV,OAAO;QACHd,IAAI,EAAE,IAAI,CAACA,IAAI;QACfe,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNf,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDgB,cAAc,WAAAA,eAAA,EAAG;MACb,oBACIlC,MAAA,CAAAuB,OAAA,CAAAG,aAAA,CAACtB,KAAA,CAAA+B,IAAI,qBACDnC,MAAA,CAAAuB,OAAA,CAAAG,aAAA,CAACtB,KAAA,CAAAgC,IAAI;QAACC,IAAI,EAAE;MAAG,gBACXrC,MAAA,CAAAuB,OAAA,CAAAG,aAAA,CAACnB,KAAA,CAAA+B,IAAI;QAACpB,IAAI,EAAE;MAAkB,gBAC1BlB,MAAA,CAAAuB,OAAA,CAAAG,aAAA,CAACrB,MAAA,CAAAkC,KAAK;QACFlB,KAAK,EAAER,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAW,uBAAA,CAAAC,OAAA,yBAAmB;QAC3BC,WAAW,EAAEX,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA;MAA8B,CAC/C,CACC,CACJ,CACJ,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAiB,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAEaP,MAAM","ignoreList":[]}

package/admin/plugins/fields/number.js

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

package/admin/plugins/fields/number.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Grid","_i18n","_Input","_PredefinedValuesDynamicFieldset","_looks_","_form","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","t","i18n","ns","plugin","type","name","field","label","_taggedTemplateLiteral2","default","description","icon","createElement","ReactComponent","validators","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Grid","Cell","span","Bind","Input","renderPredefinedValues","props","Object","assign","renderValueInput","bind","onChange","value","parseFloat","_default","exports"],"sources":["number.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Input } from \"@webiny/ui/Input\";\nimport PredefinedValuesDynamicFieldset from \"./PredefinedValuesDynamicFieldset\";\nimport { ReactComponent as FloatIcon } from \"@material-design-icons/svg/outlined/looks_3.svg\";\nimport { Bind } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-number\",\n    field: {\n        type: \"number\",\n        label: t`Number`,\n        description: t`Store numbers.`,\n        icon: <FloatIcon />,\n        validators: [\"required\", \"gte\", \"lte\"],\n        allowMultipleValues: true,\n        allowPredefinedValues: true,\n        multipleValuesLabel: t`Use as a list of numbers`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"placeholderText\"}>\n                            <Input\n                                label={t`Placeholder text`}\n                                description={t`Placeholder text (optional)`}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        },\n        renderPredefinedValues(props) {\n            return (\n                <PredefinedValuesDynamicFieldset\n                    {...props}\n                    renderValueInput={Bind => (\n                        <Bind name={\"value\"}>\n                            {bind => (\n                                <Input\n                                    {...bind}\n                                    type=\"number\"\n                                    label={t`Value`}\n                                    onChange={value => bind.onChange(parseFloat(value))}\n                                />\n                            )}\n                        </Bind>\n                    )}\n                />\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Grid","_i18n","_Input","_PredefinedValuesDynamicFieldset","_looks_","_form","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","t","i18n","ns","plugin","type","name","field","label","_taggedTemplateLiteral2","default","description","icon","createElement","ReactComponent","validators","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Grid","Cell","span","Bind","Input","renderPredefinedValues","props","Object","assign","renderValueInput","bind","onChange","value","parseFloat","_default","exports"],"sources":["number.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Input } from \"@webiny/ui/Input\";\nimport PredefinedValuesDynamicFieldset from \"./PredefinedValuesDynamicFieldset\";\nimport { ReactComponent as FloatIcon } from \"@material-design-icons/svg/outlined/looks_3.svg\";\nimport { Bind } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-number\",\n    field: {\n        type: \"number\",\n        label: t`Number`,\n        description: t`Store numbers.`,\n        icon: <FloatIcon />,\n        validators: [\"required\", \"gte\", \"lte\"],\n        allowMultipleValues: true,\n        allowPredefinedValues: true,\n        multipleValuesLabel: t`Use as a list of numbers`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"placeholderText\"}>\n                            <Input\n                                label={t`Placeholder text`}\n                                description={t`Placeholder text (optional)`}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        },\n        renderPredefinedValues(props) {\n            return (\n                <PredefinedValuesDynamicFieldset\n                    {...props}\n                    renderValueInput={Bind => (\n                        <Bind name={\"value\"}>\n                            {bind => (\n                                <Input\n                                    {...bind}\n                                    type=\"number\"\n                                    label={t`Value`}\n                                    onChange={value => bind.onChange(parseFloat(value))}\n                                />\n                            )}\n                        </Bind>\n                    )}\n                />\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fields/object/ObjectFields.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 import { CmsModelField } from "../../../../types";
 interface ObjectFieldsProps {
     field: CmsModelField;
 }
-export declare const ObjectFields: ({ field }: ObjectFieldsProps) => JSX.Element;
+export declare const ObjectFields: ({ field }: ObjectFieldsProps) => React.JSX.Element;
 export {};