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

package/admin/plugins/definitions/CmsFieldValidatorFileTypePlugin.js

@@ -7,29 +7,26 @@ Object.defineProperty(exports, "__esModule", {
 exports.CmsFieldValidatorFileTypePlugin = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _Plugin2 = require("@webiny/plugins/Plugin");
-var CmsFieldValidatorFileTypePlugin = /*#__PURE__*/function (_Plugin) {
-  (0, _inherits2.default)(CmsFieldValidatorFileTypePlugin, _Plugin);
-  var _super = (0, _createSuper2.default)(CmsFieldValidatorFileTypePlugin);
+var CmsFieldValidatorFileTypePlugin = exports.CmsFieldValidatorFileTypePlugin = /*#__PURE__*/function (_Plugin) {
   function CmsFieldValidatorFileTypePlugin(config) {
     var _this;
     (0, _classCallCheck2.default)(this, CmsFieldValidatorFileTypePlugin);
-    _this = _super.call(this);
+    _this = (0, _callSuper2.default)(this, CmsFieldValidatorFileTypePlugin);
     _this.config = config;
     return _this;
   }
-  (0, _createClass2.default)(CmsFieldValidatorFileTypePlugin, [{
+  (0, _inherits2.default)(CmsFieldValidatorFileTypePlugin, _Plugin);
+  return (0, _createClass2.default)(CmsFieldValidatorFileTypePlugin, [{
     key: "getName",
     value: function getName() {
       return this.config.name;
     }
   }]);
-  return CmsFieldValidatorFileTypePlugin;
 }(_Plugin2.Plugin);
-exports.CmsFieldValidatorFileTypePlugin = CmsFieldValidatorFileTypePlugin;
 (0, _defineProperty2.default)(CmsFieldValidatorFileTypePlugin, "type", "cms-model-field-validator-fileType");
 
 //# sourceMappingURL=CmsFieldValidatorFileTypePlugin.js.map

package/admin/plugins/definitions/CmsFieldValidatorFileTypePlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Plugin2","require","CmsFieldValidatorFileTypePlugin","_Plugin","_inherits2","default","_super","_createSuper2","config","_this","_classCallCheck2","call","_createClass2","key","value","getName","name","Plugin","exports","_defineProperty2"],"sources":["CmsFieldValidatorFileTypePlugin.ts"],"sourcesContent":["import { Plugin } from \"@webiny/plugins/Plugin\";\n\nexport interface Config {\n    name: string;\n}\nexport class CmsFieldValidatorFileTypePlugin extends Plugin {\n    public static override readonly type: string = \"cms-model-field-validator-fileType\";\n\n    private readonly config: Config;\n\n    public constructor(config: Config) {\n        super();\n        this.config = config;\n    }\n\n    public getName(): string {\n        return this.config.name;\n    }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAgD,IAKnCC,+BAA+B,0BAAAC,OAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,+BAAA,EAAAC,OAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,+BAAA;EAKxC,SAAAA,gCAAmBM,MAAc,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAL,OAAA,QAAAH,+BAAA;IAC/BO,KAAA,GAAAH,MAAA,CAAAK,IAAA;IACAF,KAAA,CAAKD,MAAM,GAAGA,MAAM;IAAC,OAAAC,KAAA;EACzB;EAAC,IAAAG,aAAA,CAAAP,OAAA,EAAAH,+BAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAAC,QAAA,EAAyB;MACrB,OAAO,IAAI,CAACP,MAAM,CAACQ,IAAI;IAC3B;EAAC;EAAA,OAAAd,+BAAA;AAAA,EAZgDe,eAAM;AAAAC,OAAA,CAAAhB,+BAAA,GAAAA,+BAAA;AAAA,IAAAiB,gBAAA,CAAAd,OAAA,EAA9CH,+BAA+B,UACO,oCAAoC"}
+{"version":3,"names":["_Plugin2","require","CmsFieldValidatorFileTypePlugin","exports","_Plugin","config","_this","_classCallCheck2","default","_callSuper2","_inherits2","_createClass2","key","value","getName","name","Plugin","_defineProperty2"],"sources":["CmsFieldValidatorFileTypePlugin.ts"],"sourcesContent":["import { Plugin } from \"@webiny/plugins/Plugin\";\n\nexport interface Config {\n    name: string;\n}\nexport class CmsFieldValidatorFileTypePlugin extends Plugin {\n    public static override readonly type: string = \"cms-model-field-validator-fileType\";\n\n    private readonly config: Config;\n\n    public constructor(config: Config) {\n        super();\n        this.config = config;\n    }\n\n    public getName(): string {\n        return this.config.name;\n    }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAgD,IAKnCC,+BAA+B,GAAAC,OAAA,CAAAD,+BAAA,0BAAAE,OAAA;EAKxC,SAAAF,gCAAmBG,MAAc,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,+BAAA;IAC/BI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,+BAAA;IACAI,KAAA,CAAKD,MAAM,GAAGA,MAAM;IAAC,OAAAC,KAAA;EACzB;EAAC,IAAAI,UAAA,CAAAF,OAAA,EAAAN,+BAAA,EAAAE,OAAA;EAAA,WAAAO,aAAA,CAAAH,OAAA,EAAAN,+BAAA;IAAAU,GAAA;IAAAC,KAAA,EAED,SAAAC,QAAA,EAAyB;MACrB,OAAO,IAAI,CAACT,MAAM,CAACU,IAAI;IAC3B;EAAC;AAAA,EAZgDC,eAAM;AAAA,IAAAC,gBAAA,CAAAT,OAAA,EAA9CN,+BAA+B,UACO,oCAAoC","ignoreList":[]}

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

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

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

@@ -5,28 +5,38 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
-var _emotion = require("emotion");
 var _Button = require("@webiny/ui/Button");
 var _reactRouter = require("@webiny/react-router");
 var _roundArrow_back24px = require("./icons/round-arrow_back-24px.svg");
-var backStyles = /*#__PURE__*/(0, _emotion.css)({
-  marginLeft: -10
-}, "label:backStyles;");
+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 BackButtonWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e5idlg90"
+} : {
+  target: "e5idlg90",
+  label: "BackButtonWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1x74t3o",
+  styles: "margin-left:-10px"
+} : {
+  name: "1x74t3o",
+  styles: "margin-left:-10px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhY2tCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1vQyIsImZpbGUiOiJCYWNrQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gXCJAd2ViaW55L3VpL0J1dHRvblwiO1xuaW1wb3J0IHsgdXNlUm91dGVyIH0gZnJvbSBcIkB3ZWJpbnkvcmVhY3Qtcm91dGVyXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBCYWNrSWNvbiB9IGZyb20gXCIuL2ljb25zL3JvdW5kLWFycm93X2JhY2stMjRweC5zdmdcIjtcblxuY29uc3QgQmFja0J1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIG1hcmdpbi1sZWZ0OiAtMTBweDtcbmA7XG5cbmNvbnN0IEJhY2tCdXR0b24gPSBSZWFjdC5tZW1vKCgpID0+IHtcbiAgICBjb25zdCB7IGhpc3RvcnkgfSA9IHVzZVJvdXRlcigpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEJhY2tCdXR0b25XcmFwcGVyPlxuICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImNtcy1lZGl0b3ItYmFjay1idXR0b25cIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGhpc3RvcnkucHVzaChgL2Ntcy9jb250ZW50LW1vZGVsc2ApfVxuICAgICAgICAgICAgICAgIGljb249ezxCYWNrSWNvbiAvPn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvQmFja0J1dHRvbldyYXBwZXI+XG4gICAgKTtcbn0pO1xuXG5CYWNrQnV0dG9uLmRpc3BsYXlOYW1lID0gXCJCYWNrQnV0dG9uXCI7XG5cbmV4cG9ydCBkZWZhdWx0IEJhY2tCdXR0b247XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 var BackButton = /*#__PURE__*/_react.default.memo(function () {
   var _useRouter = (0, _reactRouter.useRouter)(),
     history = _useRouter.history;
-  return /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+  return /*#__PURE__*/_react.default.createElement(BackButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
     "data-testid": "cms-editor-back-button",
-    className: backStyles,
     onClick: function onClick() {
       return history.push("/cms/content-models");
     },
     icon: /*#__PURE__*/_react.default.createElement(_roundArrow_back24px.ReactComponent, null)
-  });
+  }));
 });
 BackButton.displayName = "BackButton";
-var _default = BackButton;
-exports.default = _default;
+var _default = exports.default = BackButton;
 
 //# sourceMappingURL=BackButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_Button","_reactRouter","_roundArrow_back24px","backStyles","css","marginLeft","BackButton","React","memo","_useRouter","useRouter","history","default","createElement","IconButton","className","onClick","push","icon","ReactComponent","displayName","_default","exports"],"sources":["BackButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { ReactComponent as BackIcon } from \"./icons/round-arrow_back-24px.svg\";\n\nconst backStyles = css({\n    marginLeft: -10\n});\n\nconst BackButton = React.memo(() => {\n    const { history } = useRouter();\n\n    return (\n        <IconButton\n            data-testid=\"cms-editor-back-button\"\n            className={backStyles}\n            onClick={() => history.push(`/cms/content-models`)}\n            icon={<BackIcon />}\n        />\n    );\n});\n\nBackButton.displayName = \"BackButton\";\n\nexport default BackButton;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AAEA,IAAMK,UAAU,gBAAG,IAAAC,YAAG,EAAC;EACnBC,UAAU,EAAE,CAAC;AACjB,CAAC,sBAAC;AAEF,IAAMC,UAAU,gBAAGC,cAAK,CAACC,IAAI,CAAC,YAAM;EAChC,IAAAC,UAAA,GAAoB,IAAAC,sBAAS,EAAC,CAAC;IAAvBC,OAAO,GAAAF,UAAA,CAAPE,OAAO;EAEf,oBACIf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,OAAA,CAAAc,UAAU;IACP,eAAY,wBAAwB;IACpCC,SAAS,EAAEZ,UAAW;IACtBa,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAML,OAAO,CAACM,IAAI,sBAAsB,CAAC;IAAA,CAAC;IACnDC,IAAI,eAAEtB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACX,oBAAA,CAAAiB,cAAQ,MAAE;EAAE,CACtB,CAAC;AAEV,CAAC,CAAC;AAEFb,UAAU,CAACc,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAEvBf,UAAU;AAAAgB,OAAA,CAAAV,OAAA,GAAAS,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Button","_reactRouter","_roundArrow_back24px","_EMOTION_STRINGIFIED_CSS_ERROR__","BackButtonWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","BackButton","React","memo","_useRouter","useRouter","history","createElement","IconButton","onClick","push","icon","ReactComponent","displayName","_default","exports"],"sources":["BackButton.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { ReactComponent as BackIcon } from \"./icons/round-arrow_back-24px.svg\";\n\nconst BackButtonWrapper = styled.div`\n    margin-left: -10px;\n`;\n\nconst BackButton = React.memo(() => {\n    const { history } = useRouter();\n\n    return (\n        <BackButtonWrapper>\n            <IconButton\n                data-testid=\"cms-editor-back-button\"\n                onClick={() => history.push(`/cms/content-models`)}\n                icon={<BackIcon />}\n            />\n        </BackButtonWrapper>\n    );\n});\n\nBackButton.displayName = \"BackButton\";\n\nexport default BackButton;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AAA+E,SAAAI,iCAAA;AAE/E,IAAMC,iBAAiB,oBAAAC,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,EAEtB;AAED,IAAMa,UAAU,gBAAGC,cAAK,CAACC,IAAI,CAAC,YAAM;EAChC,IAAAC,UAAA,GAAoB,IAAAC,sBAAS,EAAC,CAAC;IAAvBC,OAAO,GAAAF,UAAA,CAAPE,OAAO;EAEf,oBACIxB,MAAA,CAAAS,OAAA,CAAAgB,aAAA,CAAClB,iBAAiB,qBACdP,MAAA,CAAAS,OAAA,CAAAgB,aAAA,CAACtB,OAAA,CAAAuB,UAAU;IACP,eAAY,wBAAwB;IACpCC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMH,OAAO,CAACI,IAAI,sBAAsB,CAAC;IAAA,CAAC;IACnDC,IAAI,eAAE7B,MAAA,CAAAS,OAAA,CAAAgB,aAAA,CAACpB,oBAAA,CAAAyB,cAAQ,MAAE;EAAE,CACtB,CACc,CAAC;AAE5B,CAAC,CAAC;AAEFX,UAAU,CAACY,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAxB,OAAA,GAEvBU,UAAU","ignoreList":[]}

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

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

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

@@ -44,7 +44,6 @@ var CreateContentButton = function CreateContentButton() {
     disabled: disableViewContent
   }));
 };
-var _default = CreateContentButton;
-exports.default = _default;
+var _default = exports.default = CreateContentButton;
 
 //# sourceMappingURL=CreateContentButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_reactRouter","_i18n","_Button","_Tooltip","_view_list","_contentModels","_hooks","_templateObject","t","i18n","namespace","CreateContentButton","router","useRouter","_useModelEditor","useModelEditor","data","apolloClient","getQuery","readQuery","query","GET_CONTENT_MODEL","variables","modelId","fields","get","disableViewContent","length","message","default","createElement","Tooltip","content","_taggedTemplateLiteral2","placement","IconButton","icon","ReactComponent","onClick","history","push","concat","disabled","_default","exports"],"sources":["CreateContentButton.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { ReactComponent as ViewListIcon } from \"~/admin/icons/view_list.svg\";\nimport {\n    GET_CONTENT_MODEL,\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels\";\nimport { useModelEditor } from \"~/admin/hooks\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst CreateContentButton = () => {\n    const router = useRouter();\n    const { data, apolloClient } = useModelEditor();\n\n    const getQuery = apolloClient.readQuery<GetCmsModelQueryResponse, GetCmsModelQueryVariables>({\n        query: GET_CONTENT_MODEL,\n        variables: {\n            modelId: data.modelId\n        }\n    });\n    const fields = get(getQuery, \"getContentModel.data.fields\", []);\n    const disableViewContent = fields.length === 0;\n    const message = disableViewContent\n        ? \"To view the content, you first need to add a field and save the form\"\n        : \"View content\";\n\n    return (\n        <Tooltip content={t`{message}`({ message })} placement={\"bottom\"}>\n            <IconButton\n                icon={<ViewListIcon />}\n                onClick={() => router.history.push(`/cms/content-entries/${data.modelId}`)}\n                disabled={disableViewContent}\n            />\n        </Tooltip>\n    );\n};\n\nexport default CreateContentButton;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AAKA,IAAAQ,MAAA,GAAAR,OAAA;AAA+C,IAAAS,eAAA;AAE/C,IAAMC,CAAC,GAAGC,UAAI,CAACC,SAAS,CAAC,mDAAmD,CAAC;AAE7E,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EAC9B,IAAMC,MAAM,GAAG,IAAAC,sBAAS,EAAC,CAAC;EAC1B,IAAAC,eAAA,GAA+B,IAAAC,qBAAc,EAAC,CAAC;IAAvCC,IAAI,GAAAF,eAAA,CAAJE,IAAI;IAAEC,YAAY,GAAAH,eAAA,CAAZG,YAAY;EAE1B,IAAMC,QAAQ,GAAGD,YAAY,CAACE,SAAS,CAAsD;IACzFC,KAAK,EAAEC,gCAAiB;IACxBC,SAAS,EAAE;MACPC,OAAO,EAAEP,IAAI,CAACO;IAClB;EACJ,CAAC,CAAC;EACF,IAAMC,MAAM,GAAG,IAAAC,YAAG,EAACP,QAAQ,EAAE,6BAA6B,EAAE,EAAE,CAAC;EAC/D,IAAMQ,kBAAkB,GAAGF,MAAM,CAACG,MAAM,KAAK,CAAC;EAC9C,IAAMC,OAAO,GAAGF,kBAAkB,GAC5B,sEAAsE,GACtE,cAAc;EAEpB,oBACI9B,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC3B,QAAA,CAAA4B,OAAO;IAACC,OAAO,EAAExB,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAA0B,uBAAA,CAAAJ,OAAA,mBAAY;MAAED,OAAO,EAAPA;IAAQ,CAAC,CAAE;IAACM,SAAS,EAAE;EAAS,gBAC7DtC,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC5B,OAAA,CAAAiC,UAAU;IACPC,IAAI,eAAExC,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC1B,UAAA,CAAAiC,cAAY,MAAE,CAAE;IACvBC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAM1B,MAAM,CAAC2B,OAAO,CAACC,IAAI,yBAAAC,MAAA,CAAyBzB,IAAI,CAACO,OAAO,CAAE,CAAC;IAAA,CAAC;IAC3EmB,QAAQ,EAAEhB;EAAmB,CAChC,CACI,CAAC;AAElB,CAAC;AAAC,IAAAiB,QAAA,GAEahC,mBAAmB;AAAAiC,OAAA,CAAAf,OAAA,GAAAc,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_get","_reactRouter","_i18n","_Button","_Tooltip","_view_list","_contentModels","_hooks","_templateObject","t","i18n","namespace","CreateContentButton","router","useRouter","_useModelEditor","useModelEditor","data","apolloClient","getQuery","readQuery","query","GET_CONTENT_MODEL","variables","modelId","fields","get","disableViewContent","length","message","default","createElement","Tooltip","content","_taggedTemplateLiteral2","placement","IconButton","icon","ReactComponent","onClick","history","push","concat","disabled","_default","exports"],"sources":["CreateContentButton.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { ReactComponent as ViewListIcon } from \"~/admin/icons/view_list.svg\";\nimport {\n    GET_CONTENT_MODEL,\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels\";\nimport { useModelEditor } from \"~/admin/hooks\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst CreateContentButton = () => {\n    const router = useRouter();\n    const { data, apolloClient } = useModelEditor();\n\n    const getQuery = apolloClient.readQuery<GetCmsModelQueryResponse, GetCmsModelQueryVariables>({\n        query: GET_CONTENT_MODEL,\n        variables: {\n            modelId: data.modelId\n        }\n    });\n    const fields = get(getQuery, \"getContentModel.data.fields\", []);\n    const disableViewContent = fields.length === 0;\n    const message = disableViewContent\n        ? \"To view the content, you first need to add a field and save the form\"\n        : \"View content\";\n\n    return (\n        <Tooltip content={t`{message}`({ message })} placement={\"bottom\"}>\n            <IconButton\n                icon={<ViewListIcon />}\n                onClick={() => router.history.push(`/cms/content-entries/${data.modelId}`)}\n                disabled={disableViewContent}\n            />\n        </Tooltip>\n    );\n};\n\nexport default CreateContentButton;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AAKA,IAAAQ,MAAA,GAAAR,OAAA;AAA+C,IAAAS,eAAA;AAE/C,IAAMC,CAAC,GAAGC,UAAI,CAACC,SAAS,CAAC,mDAAmD,CAAC;AAE7E,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EAC9B,IAAMC,MAAM,GAAG,IAAAC,sBAAS,EAAC,CAAC;EAC1B,IAAAC,eAAA,GAA+B,IAAAC,qBAAc,EAAC,CAAC;IAAvCC,IAAI,GAAAF,eAAA,CAAJE,IAAI;IAAEC,YAAY,GAAAH,eAAA,CAAZG,YAAY;EAE1B,IAAMC,QAAQ,GAAGD,YAAY,CAACE,SAAS,CAAsD;IACzFC,KAAK,EAAEC,gCAAiB;IACxBC,SAAS,EAAE;MACPC,OAAO,EAAEP,IAAI,CAACO;IAClB;EACJ,CAAC,CAAC;EACF,IAAMC,MAAM,GAAG,IAAAC,YAAG,EAACP,QAAQ,EAAE,6BAA6B,EAAE,EAAE,CAAC;EAC/D,IAAMQ,kBAAkB,GAAGF,MAAM,CAACG,MAAM,KAAK,CAAC;EAC9C,IAAMC,OAAO,GAAGF,kBAAkB,GAC5B,sEAAsE,GACtE,cAAc;EAEpB,oBACI9B,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC3B,QAAA,CAAA4B,OAAO;IAACC,OAAO,EAAExB,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAA0B,uBAAA,CAAAJ,OAAA,mBAAY;MAAED,OAAO,EAAPA;IAAQ,CAAC,CAAE;IAACM,SAAS,EAAE;EAAS,gBAC7DtC,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC5B,OAAA,CAAAiC,UAAU;IACPC,IAAI,eAAExC,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC1B,UAAA,CAAAiC,cAAY,MAAE,CAAE;IACvBC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAM1B,MAAM,CAAC2B,OAAO,CAACC,IAAI,yBAAAC,MAAA,CAAyBzB,IAAI,CAACO,OAAO,CAAE,CAAC;IAAA,CAAC;IAC3EmB,QAAQ,EAAEhB;EAAmB,CAChC,CACI,CAAC;AAElB,CAAC;AAAC,IAAAiB,QAAA,GAAAC,OAAA,CAAAf,OAAA,GAEalB,mBAAmB","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 declare const Divider: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default Divider;

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

@@ -5,17 +5,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var Divider = /*#__PURE__*/(0, _styled.default)("div", {
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var Divider = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e57x83g0"
+} : {
   target: "e57x83g0",
   label: "Divider"
-})({
-  width: 1,
-  margin: "0 5px",
-  height: "100%",
-  backgroundColor: "var(--mdc-theme-on-background)"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1fp4o7s",
+  styles: "width:1px;margin:0 5px;height:100%;background-color:var(--mdc-theme-on-background)"
+} : {
+  name: "1fp4o7s",
+  styles: "width:1px;margin:0 5px;height:100%;background-color:var(--mdc-theme-on-background)",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVnQiIsImZpbGUiOiJEaXZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBEaXZpZGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogMSxcbiAgICBtYXJnaW46IFwiMCA1cHhcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIlxufSk7XG5cbmV4cG9ydCBkZWZhdWx0IERpdmlkZXI7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var _default = Divider;
-exports.default = _default;
+var _default = exports.default = Divider;
 
 //# sourceMappingURL=Divider.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_styled","_interopRequireDefault","require","Divider","styled","target","label","width","margin","height","backgroundColor","_default","exports","default"],"sources":["Divider.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nconst Divider = styled(\"div\")({\n    width: 1,\n    margin: \"0 5px\",\n    height: \"100%\",\n    backgroundColor: \"var(--mdc-theme-on-background)\"\n});\n\nexport default Divider;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAMC,OAAO,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAC1BC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,OAAO;EACfC,MAAM,EAAE,MAAM;EACdC,eAAe,EAAE;AACrB,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYR,OAAO;AAAAS,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["Divider","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_default","exports"],"sources":["Divider.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nconst Divider = styled(\"div\")({\n    width: 1,\n    margin: \"0 5px\",\n    height: \"100%\",\n    backgroundColor: \"var(--mdc-theme-on-background)\"\n});\n\nexport default Divider;\n"],"mappings":";;;;;;;;;AAEA,IAAMA,OAAO,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAK5B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAZ,OAAA,GAEYF,OAAO","ignoreList":[]}

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from "react";
 interface FormSettingsProps {
     onExited: () => void;
 }
-declare const FormSettings: ({ onExited }: FormSettingsProps) => JSX.Element;
+declare const FormSettings: ({ onExited }: FormSettingsProps) => React.JSX.Element;
 export default FormSettings;

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_plugins","_OverlayLayout","_SplitView","_Typography","_form","_Icon","_Button","_List","_useSnackbar2","_i18n","SF","_FormSettingsStyled","_hooks","_templateObject","_templateObject2","t","i18n","namespace","FormSettings","_ref","onExited","cmsEditorFormSettingsPlugins","plugins","byType","_useModelEditor","useModelEditor","data","setData","_useSnackbar","useSnackbar","showSnackbar","_useState","useState","_useState2","_slicedToArray2","default","activePlugin","setActivePlugin","createElement","OverlayLayout","barMiddle","Title","SplitView","LeftPanel","span","List","twoLine","className","listStyle","map","pl","ListItem","key","name","listItem","onClick","ListItemGraphic","Icon","icon","TitleContent","ListItemTitle","title","Typography","use","description","RightPanel","Form","onSubmit","_taggedTemplateLiteral2","_ref2","Bind","submit","form","formData","SimpleForm","SimpleFormHeader","renderHeaderActions","SimpleFormContent","render","SimpleFormFooter","ButtonPrimary","ev","_default","exports"],"sources":["FormSettings.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { OverlayLayout } from \"@webiny/app-admin/components/OverlayLayout\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin/components/SplitView\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Form } from \"@webiny/form\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { List, ListItem, ListItemGraphic } from \"@webiny/ui/List\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport * as SF from \"@webiny/app-admin/components/SimpleForm\";\nimport { CmsEditorFormSettingsPlugin } from \"~/types\";\nimport { listItem, ListItemTitle, listStyle, Title, TitleContent } from \"./FormSettingsStyled\";\nimport { useModelEditor } from \"~/admin/hooks\";\n\nconst t = i18n.namespace(\"FormsApp.Editor.FormSettings\");\n\ninterface FormSettingsProps {\n    onExited: () => void;\n}\n\nconst FormSettings = ({ onExited }: FormSettingsProps) => {\n    const cmsEditorFormSettingsPlugins = plugins.byType<CmsEditorFormSettingsPlugin>(\n        \"cms-editor-form-settings\"\n    );\n    const { data, setData } = useModelEditor();\n    const { showSnackbar } = useSnackbar();\n\n    const [activePlugin, setActivePlugin] = useState(cmsEditorFormSettingsPlugins[0]);\n\n    return (\n        <OverlayLayout barMiddle={Title} onExited={onExited}>\n            <SplitView>\n                <LeftPanel span={5}>\n                    <List twoLine className={listStyle}>\n                        {cmsEditorFormSettingsPlugins.map(pl => (\n                            <ListItem\n                                key={pl.name}\n                                className={listItem}\n                                onClick={() => setActivePlugin(pl)}\n                            >\n                                <ListItemGraphic>\n                                    <Icon icon={pl.icon} />\n                                </ListItemGraphic>\n                                <TitleContent>\n                                    <ListItemTitle>{pl.title}</ListItemTitle>\n                                    <Typography use={\"body2\"}>{pl.description}</Typography>\n                                </TitleContent>\n                            </ListItem>\n                        ))}\n                    </List>\n                </LeftPanel>\n                <RightPanel span={7}>\n                    <Form\n                        data={data}\n                        onSubmit={data => {\n                            setData(() => data);\n                            onExited();\n                            showSnackbar(t`Content model settings updated successfully.`);\n                        }}\n                    >\n                        {({ Bind, submit, form, data: formData }) => (\n                            <SF.SimpleForm>\n                                <SF.SimpleFormHeader title={activePlugin.title}>\n                                    {typeof activePlugin.renderHeaderActions === \"function\" &&\n                                        activePlugin.renderHeaderActions({\n                                            Bind,\n                                            form,\n                                            formData\n                                        })}\n                                </SF.SimpleFormHeader>\n                                <SF.SimpleFormContent>\n                                    {activePlugin\n                                        ? activePlugin.render({\n                                              Bind: Bind,\n                                              form,\n                                              formData\n                                          })\n                                        : null}\n                                </SF.SimpleFormContent>\n                                <SF.SimpleFormFooter>\n                                    <ButtonPrimary\n                                        onClick={ev => {\n                                            submit(ev);\n                                        }}\n                                    >{t`Save settings`}</ButtonPrimary>\n                                </SF.SimpleFormFooter>\n                            </SF.SimpleForm>\n                        )}\n                    </Form>\n                </RightPanel>\n            </SplitView>\n        </OverlayLayout>\n    );\n};\n\nexport default FormSettings;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AACA,IAAAS,aAAA,GAAAT,OAAA;AACA,IAAAU,KAAA,GAAAV,OAAA;AACA,IAAAW,EAAA,GAAAZ,uBAAA,CAAAC,OAAA;AAEA,IAAAY,mBAAA,GAAAZ,OAAA;AACA,IAAAa,MAAA,GAAAb,OAAA;AAA+C,IAAAc,eAAA,EAAAC,gBAAA;AAE/C,IAAMC,CAAC,GAAGC,UAAI,CAACC,SAAS,CAAC,8BAA8B,CAAC;AAMxD,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAwC;EAAA,IAAlCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC5B,IAAMC,4BAA4B,GAAGC,gBAAO,CAACC,MAAM,CAC/C,0BACJ,CAAC;EACD,IAAAC,eAAA,GAA0B,IAAAC,qBAAc,EAAC,CAAC;IAAlCC,IAAI,GAAAF,eAAA,CAAJE,IAAI;IAAEC,OAAO,GAAAH,eAAA,CAAPG,OAAO;EACrB,IAAAC,YAAA,GAAyB,IAAAC,yBAAW,EAAC,CAAC;IAA9BC,YAAY,GAAAF,YAAA,CAAZE,YAAY;EAEpB,IAAAC,SAAA,GAAwC,IAAAC,eAAQ,EAACX,4BAA4B,CAAC,CAAC,CAAC,CAAC;IAAAY,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAA1EK,YAAY,GAAAH,UAAA;IAAEI,eAAe,GAAAJ,UAAA;EAEpC,oBACIpC,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAACrC,cAAA,CAAAsC,aAAa;IAACC,SAAS,EAAEC,yBAAM;IAACrB,QAAQ,EAAEA;EAAS,gBAChDvB,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAACpC,UAAA,CAAAwC,SAAS,qBACN7C,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAACpC,UAAA,CAAAyC,SAAS;IAACC,IAAI,EAAE;EAAE,gBACf/C,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAAC/B,KAAA,CAAAsC,IAAI;IAACC,OAAO;IAACC,SAAS,EAAEC;EAAU,GAC9B3B,4BAA4B,CAAC4B,GAAG,CAAC,UAAAC,EAAE;IAAA,oBAChCrD,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAAC/B,KAAA,CAAA4C,QAAQ;MACLC,GAAG,EAAEF,EAAE,CAACG,IAAK;MACbN,SAAS,EAAEO,4BAAS;MACpBC,OAAO,EAAE,SAAAA,QAAA;QAAA,OAAMlB,eAAe,CAACa,EAAE,CAAC;MAAA;IAAC,gBAEnCrD,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAAC/B,KAAA,CAAAiD,eAAe,qBACZ3D,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAACjC,KAAA,CAAAoD,IAAI;MAACC,IAAI,EAAER,EAAE,CAACQ;IAAK,CAAE,CACT,CAAC,eAClB7D,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAAC3B,mBAAA,CAAAgD,YAAY,qBACT9D,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAAC3B,mBAAA,CAAAiD,aAAa,QAAEV,EAAE,CAACW,KAAqB,CAAC,eACzChE,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAACnC,WAAA,CAAA2D,UAAU;MAACC,GAAG,EAAE;IAAQ,GAAEb,EAAE,CAACc,WAAwB,CAC5C,CACR,CAAC;EAAA,CACd,CACC,CACC,CAAC,eACZnE,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAACpC,UAAA,CAAA+D,UAAU;IAACrB,IAAI,EAAE;EAAE,gBAChB/C,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAAClC,KAAA,CAAA8D,IAAI;IACDxC,IAAI,EAAEA,IAAK;IACXyC,QAAQ,EAAE,SAAAA,SAAAzC,IAAI,EAAI;MACdC,OAAO,CAAC;QAAA,OAAMD,IAAI;MAAA,EAAC;MACnBN,QAAQ,CAAC,CAAC;MACVU,YAAY,CAACf,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAuD,uBAAA,CAAAjC,OAAA,qDAA8C,CAAC;IACjE;EAAE,GAED,UAAAkC,KAAA;IAAA,IAAGC,IAAI,GAAAD,KAAA,CAAJC,IAAI;MAAEC,MAAM,GAAAF,KAAA,CAANE,MAAM;MAAEC,IAAI,GAAAH,KAAA,CAAJG,IAAI;MAAQC,QAAQ,GAAAJ,KAAA,CAAd3C,IAAI;IAAA,oBACxB7B,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAAC5B,EAAE,CAACgE,UAAU,qBACV7E,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAAC5B,EAAE,CAACiE,gBAAgB;MAACd,KAAK,EAAEzB,YAAY,CAACyB;IAAM,GAC1C,OAAOzB,YAAY,CAACwC,mBAAmB,KAAK,UAAU,IACnDxC,YAAY,CAACwC,mBAAmB,CAAC;MAC7BN,IAAI,EAAJA,IAAI;MACJE,IAAI,EAAJA,IAAI;MACJC,QAAQ,EAARA;IACJ,CAAC,CACY,CAAC,eACtB5E,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAAC5B,EAAE,CAACmE,iBAAiB,QAChBzC,YAAY,GACPA,YAAY,CAAC0C,MAAM,CAAC;MAChBR,IAAI,EAAEA,IAAI;MACVE,IAAI,EAAJA,IAAI;MACJC,QAAQ,EAARA;IACJ,CAAC,CAAC,GACF,IACY,CAAC,eACvB5E,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAAC5B,EAAE,CAACqE,gBAAgB,qBAChBlF,MAAA,CAAAsC,OAAA,CAAAG,aAAA,CAAChC,OAAA,CAAA0E,aAAa;MACVzB,OAAO,EAAE,SAAAA,QAAA0B,EAAE,EAAI;QACXV,MAAM,CAACU,EAAE,CAAC;MACd;IAAE,GACJlE,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAsD,uBAAA,CAAAjC,OAAA,sBAA+B,CACjB,CACV,CAAC;EAAA,CAElB,CACE,CACL,CACA,CAAC;AAExB,CAAC;AAAC,IAAA+C,QAAA,GAEahE,YAAY;AAAAiE,OAAA,CAAAhD,OAAA,GAAA+C,QAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_plugins","_OverlayLayout","_SplitView","_Typography","_form","_Icon","_Button","_List","_useSnackbar2","_i18n","SF","_FormSettingsStyled","_hooks","_templateObject","_templateObject2","t","i18n","namespace","FormSettings","_ref","onExited","cmsEditorFormSettingsPlugins","plugins","byType","_useModelEditor","useModelEditor","data","setData","_useSnackbar","useSnackbar","showSnackbar","_useState","useState","_useState2","_slicedToArray2","default","activePlugin","setActivePlugin","createElement","OverlayLayout","barMiddle","Title","SplitView","LeftPanel","span","List","twoLine","className","listStyle","map","pl","ListItem","key","name","listItem","onClick","ListItemGraphic","Icon","icon","TitleContent","ListItemTitle","title","Typography","use","description","RightPanel","Form","onSubmit","_taggedTemplateLiteral2","_ref2","Bind","submit","form","formData","SimpleForm","SimpleFormHeader","renderHeaderActions","SimpleFormContent","render","SimpleFormFooter","ButtonPrimary","ev","_default","exports"],"sources":["FormSettings.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { OverlayLayout } from \"@webiny/app-admin/components/OverlayLayout\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin/components/SplitView\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Form } from \"@webiny/form\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { List, ListItem, ListItemGraphic } from \"@webiny/ui/List\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport * as SF from \"@webiny/app-admin/components/SimpleForm\";\nimport { CmsEditorFormSettingsPlugin } from \"~/types\";\nimport { listItem, ListItemTitle, listStyle, Title, TitleContent } from \"./FormSettingsStyled\";\nimport { useModelEditor } from \"~/admin/hooks\";\n\nconst t = i18n.namespace(\"FormsApp.Editor.FormSettings\");\n\ninterface FormSettingsProps {\n    onExited: () => void;\n}\n\nconst FormSettings = ({ onExited }: FormSettingsProps) => {\n    const cmsEditorFormSettingsPlugins = plugins.byType<CmsEditorFormSettingsPlugin>(\n        \"cms-editor-form-settings\"\n    );\n    const { data, setData } = useModelEditor();\n    const { showSnackbar } = useSnackbar();\n\n    const [activePlugin, setActivePlugin] = useState(cmsEditorFormSettingsPlugins[0]);\n\n    return (\n        <OverlayLayout barMiddle={Title} onExited={onExited}>\n            <SplitView>\n                <LeftPanel span={5}>\n                    <List twoLine className={listStyle}>\n                        {cmsEditorFormSettingsPlugins.map(pl => (\n                            <ListItem\n                                key={pl.name}\n                                className={listItem}\n                                onClick={() => setActivePlugin(pl)}\n                            >\n                                <ListItemGraphic>\n                                    <Icon icon={pl.icon} />\n                                </ListItemGraphic>\n                                <TitleContent>\n                                    <ListItemTitle>{pl.title}</ListItemTitle>\n                                    <Typography use={\"body2\"}>{pl.description}</Typography>\n                                </TitleContent>\n                            </ListItem>\n                        ))}\n                    </List>\n                </LeftPanel>\n                <RightPanel span={7}>\n                    <Form\n                        data={data}\n                        onSubmit={data => {\n                            setData(() => data);\n                            onExited();\n                            showSnackbar(t`Content model settings updated successfully.`);\n                        }}\n                    >\n                        {({ Bind, submit, form, data: formData }) => (\n                            <SF.SimpleForm>\n                                <SF.SimpleFormHeader title={activePlugin.title}>\n                                    {typeof activePlugin.renderHeaderActions === \"function\" &&\n                                        activePlugin.renderHeaderActions({\n                                            Bind,\n                                            form,\n                                            formData\n                                        })}\n                                </SF.SimpleFormHeader>\n                                <SF.SimpleFormContent>\n                                    {activePlugin\n                                        ? activePlugin.render({\n                                              Bind: Bind,\n                                              form,\n                                              formData\n                                          })\n                                        : null}\n                                </SF.SimpleFormContent>\n                                <SF.SimpleFormFooter>\n                                    <ButtonPrimary\n                                        onClick={ev => {\n                                            submit(ev);\n                                        }}\n                                    >{t`Save settings`}</ButtonPrimary>\n                                </SF.SimpleFormFooter>\n                            </SF.SimpleForm>\n                        )}\n                    </Form>\n                </RightPanel>\n            </SplitView>\n        </OverlayLayout>\n    );\n};\n\nexport default FormSettings;\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -29,7 +29,6 @@ var FormSettingsButton = function FormSettingsButton() {
     onExited: close
   }));
 };
-var _default = FormSettingsButton;
-exports.default = _default;
+var _default = exports.default = FormSettingsButton;
 
 //# sourceMappingURL=FormSettingsButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Button","_FormSettings","_interopRequireDefault","_settings","FormSettingsButton","_useState","useState","_useState2","_slicedToArray2","default","opened","setOpened","open","useCallback","close","createElement","Fragment","IconButton","onClick","icon","ReactComponent","onExited","_default","exports"],"sources":["FormSettingsButton.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport FormSettings from \"./FormSettings\";\n\nimport { ReactComponent as SettingsIcon } from \"./../icons/settings.svg\";\n\nconst FormSettingsButton = () => {\n    const [opened, setOpened] = useState(false);\n    const open = useCallback(() => setOpened(true), []);\n    const close = useCallback(() => setOpened(false), []);\n\n    return (\n        <>\n            <IconButton onClick={open} icon={<SettingsIcon />} />\n            {opened && <FormSettings onExited={close} />}\n        </>\n    );\n};\n\nexport default FormSettingsButton;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,SAAA,GAAAJ,OAAA;AAEA,IAAMK,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;EAC7B,IAAAC,SAAA,GAA4B,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAApCK,MAAM,GAAAH,UAAA;IAAEI,SAAS,GAAAJ,UAAA;EACxB,IAAMK,IAAI,GAAG,IAAAC,kBAAW,EAAC;IAAA,OAAMF,SAAS,CAAC,IAAI,CAAC;EAAA,GAAE,EAAE,CAAC;EACnD,IAAMG,KAAK,GAAG,IAAAD,kBAAW,EAAC;IAAA,OAAMF,SAAS,CAAC,KAAK,CAAC;EAAA,GAAE,EAAE,CAAC;EAErD,oBACId,MAAA,CAAAY,OAAA,CAAAM,aAAA,CAAAlB,MAAA,CAAAY,OAAA,CAAAO,QAAA,qBACInB,MAAA,CAAAY,OAAA,CAAAM,aAAA,CAACf,OAAA,CAAAiB,UAAU;IAACC,OAAO,EAAEN,IAAK;IAACO,IAAI,eAAEtB,MAAA,CAAAY,OAAA,CAAAM,aAAA,CAACZ,SAAA,CAAAiB,cAAY,MAAE;EAAE,CAAE,CAAC,EACpDV,MAAM,iBAAIb,MAAA,CAAAY,OAAA,CAAAM,aAAA,CAACd,aAAA,CAAAQ,OAAY;IAACY,QAAQ,EAAEP;EAAM,CAAE,CAC7C,CAAC;AAEX,CAAC;AAAC,IAAAQ,QAAA,GAEalB,kBAAkB;AAAAmB,OAAA,CAAAd,OAAA,GAAAa,QAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Button","_FormSettings","_interopRequireDefault","_settings","FormSettingsButton","_useState","useState","_useState2","_slicedToArray2","default","opened","setOpened","open","useCallback","close","createElement","Fragment","IconButton","onClick","icon","ReactComponent","onExited","_default","exports"],"sources":["FormSettingsButton.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport FormSettings from \"./FormSettings\";\n\nimport { ReactComponent as SettingsIcon } from \"./../icons/settings.svg\";\n\nconst FormSettingsButton = () => {\n    const [opened, setOpened] = useState(false);\n    const open = useCallback(() => setOpened(true), []);\n    const close = useCallback(() => setOpened(false), []);\n\n    return (\n        <>\n            <IconButton onClick={open} icon={<SettingsIcon />} />\n            {opened && <FormSettings onExited={close} />}\n        </>\n    );\n};\n\nexport default FormSettingsButton;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,SAAA,GAAAJ,OAAA;AAEA,IAAMK,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;EAC7B,IAAAC,SAAA,GAA4B,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAApCK,MAAM,GAAAH,UAAA;IAAEI,SAAS,GAAAJ,UAAA;EACxB,IAAMK,IAAI,GAAG,IAAAC,kBAAW,EAAC;IAAA,OAAMF,SAAS,CAAC,IAAI,CAAC;EAAA,GAAE,EAAE,CAAC;EACnD,IAAMG,KAAK,GAAG,IAAAD,kBAAW,EAAC;IAAA,OAAMF,SAAS,CAAC,KAAK,CAAC;EAAA,GAAE,EAAE,CAAC;EAErD,oBACId,MAAA,CAAAY,OAAA,CAAAM,aAAA,CAAAlB,MAAA,CAAAY,OAAA,CAAAO,QAAA,qBACInB,MAAA,CAAAY,OAAA,CAAAM,aAAA,CAACf,OAAA,CAAAiB,UAAU;IAACC,OAAO,EAAEN,IAAK;IAACO,IAAI,eAAEtB,MAAA,CAAAY,OAAA,CAAAM,aAAA,CAACZ,SAAA,CAAAiB,cAAY,MAAE;EAAE,CAAE,CAAC,EACpDV,MAAM,iBAAIb,MAAA,CAAAY,OAAA,CAAAM,aAAA,CAACd,aAAA,CAAAQ,OAAY;IAACY,QAAQ,EAAEP;EAAM,CAAE,CAC7C,CAAC;AAEX,CAAC;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAd,OAAA,GAEaL,kBAAkB","ignoreList":[]}

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

@@ -3,10 +3,10 @@ export declare const listStyle: string;
 export declare const listItem: string;
 export declare const ListItemTitle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Title: JSX.Element;
+export declare const Title: React.JSX.Element;
 export declare const TitleContent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,57 +1,67 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.listStyle = exports.listItem = exports.TitleContent = exports.Title = exports.ListItemTitle = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var React = _interopRequireWildcard(require("react"));
 var _emotion = require("emotion");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _Typography = require("@webiny/ui/Typography");
-var listStyle = /*#__PURE__*/(0, _emotion.css)({
-  "&.mdc-list": {
+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 listStyle = exports.listStyle = (0, _emotion.css)({
+  "&.mdc-deprecated-list": {
     padding: 0,
     backgroundColor: "var(--mdc-theme-surface)"
   }
-}, "label:listStyle;");
-exports.listStyle = listStyle;
-var listItem = /*#__PURE__*/(0, _emotion.css)({
+});
+var listItem = exports.listItem = (0, _emotion.css)({
   padding: "15px 20px",
   cursor: "pointer",
   borderBottom: "1px solid var(--mdc-theme-background)",
   "&:last-child": {
     borderBottom: "none"
   },
-  ".mdc-list-item__graphic": {
+  ".mdc-deprecated-list-item__graphic": {
     marginRight: 20
   }
-}, "label:listItem;");
-exports.listItem = listItem;
-var ListItemTitle = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "enz7avh0",
+});
+var ListItemTitle = exports.ListItemTitle = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "enz7avh1"
+} : {
+  target: "enz7avh1",
   label: "ListItemTitle"
-})({
-  fontWeight: 600,
-  marginBottom: 5
+})(process.env.NODE_ENV === "production" ? {
+  name: "14e6nm5",
+  styles: "font-weight:600;margin-bottom:5px"
+} : {
+  name: "14e6nm5",
+  styles: "font-weight:600;margin-bottom:5px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZXR0aW5nc1N0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0I2QiIsImZpbGUiOiJGb3JtU2V0dGluZ3NTdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeVwiO1xuXG5leHBvcnQgY29uc3QgbGlzdFN0eWxlID0gY3NzKHtcbiAgICBcIiYubWRjLWRlcHJlY2F0ZWQtbGlzdFwiOiB7XG4gICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtc3VyZmFjZSlcIlxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW0gPSBjc3Moe1xuICAgIHBhZGRpbmc6IFwiMTVweCAyMHB4XCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiLFxuICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgICAgYm9yZGVyQm90dG9tOiBcIm5vbmVcIlxuICAgIH0sXG4gICAgXCIubWRjLWRlcHJlY2F0ZWQtbGlzdC1pdGVtX19ncmFwaGljXCI6IHtcbiAgICAgICAgbWFyZ2luUmlnaHQ6IDIwXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBMaXN0SXRlbVRpdGxlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmb250V2VpZ2h0OiA2MDAsXG4gICAgbWFyZ2luQm90dG9tOiA1XG59KTtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gKFxuICAgIDxUeXBvZ3JhcGh5XG4gICAgICAgIHN0eWxlPXt7IG1hcmdpbjogXCIwIGF1dG9cIiwgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCIgfX1cbiAgICAgICAgdXNlPXtcImhlYWRsaW5lNlwifVxuICAgID5cbiAgICAgICAgQ29udGVudCBtb2RlbCBzZXR0aW5nc1xuICAgIDwvVHlwb2dyYXBoeT5cbik7XG5cbmV4cG9ydCBjb25zdCBUaXRsZUNvbnRlbnQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCJcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.ListItemTitle = ListItemTitle;
-var Title = /*#__PURE__*/React.createElement(_Typography.Typography, {
+var Title = exports.Title = /*#__PURE__*/React.createElement(_Typography.Typography, {
   style: {
     margin: "0 auto",
     color: "var(--mdc-theme-on-surface)"
   },
   use: "headline6"
 }, "Content model settings");
-exports.Title = Title;
-var TitleContent = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "enz7avh1",
+var TitleContent = exports.TitleContent = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "enz7avh0"
+} : {
+  target: "enz7avh0",
   label: "TitleContent"
-})({
-  display: "flex",
-  flexDirection: "column"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1fttcpj",
+  styles: "display:flex;flex-direction:column"
+} : {
+  name: "1fttcpj",
+  styles: "display:flex;flex-direction:column",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZXR0aW5nc1N0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0M0QiIsImZpbGUiOiJGb3JtU2V0dGluZ3NTdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeVwiO1xuXG5leHBvcnQgY29uc3QgbGlzdFN0eWxlID0gY3NzKHtcbiAgICBcIiYubWRjLWRlcHJlY2F0ZWQtbGlzdFwiOiB7XG4gICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtc3VyZmFjZSlcIlxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW0gPSBjc3Moe1xuICAgIHBhZGRpbmc6IFwiMTVweCAyMHB4XCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiLFxuICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgICAgYm9yZGVyQm90dG9tOiBcIm5vbmVcIlxuICAgIH0sXG4gICAgXCIubWRjLWRlcHJlY2F0ZWQtbGlzdC1pdGVtX19ncmFwaGljXCI6IHtcbiAgICAgICAgbWFyZ2luUmlnaHQ6IDIwXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBMaXN0SXRlbVRpdGxlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmb250V2VpZ2h0OiA2MDAsXG4gICAgbWFyZ2luQm90dG9tOiA1XG59KTtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gKFxuICAgIDxUeXBvZ3JhcGh5XG4gICAgICAgIHN0eWxlPXt7IG1hcmdpbjogXCIwIGF1dG9cIiwgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCIgfX1cbiAgICAgICAgdXNlPXtcImhlYWRsaW5lNlwifVxuICAgID5cbiAgICAgICAgQ29udGVudCBtb2RlbCBzZXR0aW5nc1xuICAgIDwvVHlwb2dyYXBoeT5cbik7XG5cbmV4cG9ydCBjb25zdCBUaXRsZUNvbnRlbnQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCJcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.TitleContent = TitleContent;
 
 //# sourceMappingURL=FormSettingsStyled.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_emotion","_styled","_interopRequireDefault","_Typography","listStyle","css","padding","backgroundColor","exports","listItem","cursor","borderBottom","marginRight","ListItemTitle","styled","target","label","fontWeight","marginBottom","Title","createElement","Typography","style","margin","color","use","TitleContent","display","flexDirection"],"sources":["FormSettingsStyled.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport const listStyle = css({\n    \"&.mdc-list\": {\n        padding: 0,\n        backgroundColor: \"var(--mdc-theme-surface)\"\n    }\n});\n\nexport const listItem = css({\n    padding: \"15px 20px\",\n    cursor: \"pointer\",\n    borderBottom: \"1px solid var(--mdc-theme-background)\",\n    \"&:last-child\": {\n        borderBottom: \"none\"\n    },\n    \".mdc-list-item__graphic\": {\n        marginRight: 20\n    }\n});\n\nexport const ListItemTitle = styled(\"div\")({\n    fontWeight: 600,\n    marginBottom: 5\n});\n\nexport const Title = (\n    <Typography\n        style={{ margin: \"0 auto\", color: \"var(--mdc-theme-on-surface)\" }}\n        use={\"headline6\"}\n    >\n        Content model settings\n    </Typography>\n);\n\nexport const TitleContent = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"column\"\n});\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAEO,IAAMK,SAAS,gBAAG,IAAAC,YAAG,EAAC;EACzB,YAAY,EAAE;IACVC,OAAO,EAAE,CAAC;IACVC,eAAe,EAAE;EACrB;AACJ,CAAC,qBAAC;AAACC,OAAA,CAAAJ,SAAA,GAAAA,SAAA;AAEI,IAAMK,QAAQ,gBAAG,IAAAJ,YAAG,EAAC;EACxBC,OAAO,EAAE,WAAW;EACpBI,MAAM,EAAE,SAAS;EACjBC,YAAY,EAAE,uCAAuC;EACrD,cAAc,EAAE;IACZA,YAAY,EAAE;EAClB,CAAC;EACD,yBAAyB,EAAE;IACvBC,WAAW,EAAE;EACjB;AACJ,CAAC,oBAAC;AAACJ,OAAA,CAAAC,QAAA,GAAAA,QAAA;AAEI,IAAMI,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACvCC,UAAU,EAAE,GAAG;EACfC,YAAY,EAAE;AAClB,CAAC,CAAC;AAACV,OAAA,CAAAK,aAAA,GAAAA,aAAA;AAEI,IAAMM,KAAK,gBACdtB,KAAA,CAAAuB,aAAA,CAACjB,WAAA,CAAAkB,UAAU;EACPC,KAAK,EAAE;IAAEC,MAAM,EAAE,QAAQ;IAAEC,KAAK,EAAE;EAA8B,CAAE;EAClEC,GAAG,EAAE;AAAY,GACpB,wBAEW,CACf;AAACjB,OAAA,CAAAW,KAAA,GAAAA,KAAA;AAEK,IAAMO,YAAY,oBAAGZ,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACtCW,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE;AACnB,CAAC,CAAC;AAACpB,OAAA,CAAAkB,YAAA,GAAAA,YAAA"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_emotion","_Typography","_EMOTION_STRINGIFIED_CSS_ERROR__","listStyle","exports","css","padding","backgroundColor","listItem","cursor","borderBottom","marginRight","ListItemTitle","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","Title","createElement","Typography","style","margin","color","use","TitleContent"],"sources":["FormSettingsStyled.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport const listStyle = css({\n    \"&.mdc-deprecated-list\": {\n        padding: 0,\n        backgroundColor: \"var(--mdc-theme-surface)\"\n    }\n});\n\nexport const listItem = css({\n    padding: \"15px 20px\",\n    cursor: \"pointer\",\n    borderBottom: \"1px solid var(--mdc-theme-background)\",\n    \"&:last-child\": {\n        borderBottom: \"none\"\n    },\n    \".mdc-deprecated-list-item__graphic\": {\n        marginRight: 20\n    }\n});\n\nexport const ListItemTitle = styled(\"div\")({\n    fontWeight: 600,\n    marginBottom: 5\n});\n\nexport const Title = (\n    <Typography\n        style={{ margin: \"0 auto\", color: \"var(--mdc-theme-on-surface)\" }}\n        use={\"headline6\"}\n    >\n        Content model settings\n    </Typography>\n);\n\nexport const TitleContent = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"column\"\n});\n"],"mappings":";;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAAmD,SAAAG,iCAAA;AAE5C,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,YAAG,EAAC;EACzB,uBAAuB,EAAE;IACrBC,OAAO,EAAE,CAAC;IACVC,eAAe,EAAE;EACrB;AACJ,CAAC,CAAC;AAEK,IAAMC,QAAQ,GAAAJ,OAAA,CAAAI,QAAA,GAAG,IAAAH,YAAG,EAAC;EACxBC,OAAO,EAAE,WAAW;EACpBG,MAAM,EAAE,SAAS;EACjBC,YAAY,EAAE,uCAAuC;EACrD,cAAc,EAAE;IACZA,YAAY,EAAE;EAClB,CAAC;EACD,oCAAoC,EAAE;IAClCC,WAAW,EAAE;EACjB;AACJ,CAAC,CAAC;AAEK,IAAMC,aAAa,GAAAR,OAAA,CAAAQ,aAAA,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAArB;AAAA,CAGzC,CAAC;AAEK,IAAMsB,KAAK,GAAApB,OAAA,CAAAoB,KAAA,gBACd3B,KAAA,CAAA4B,aAAA,CAACxB,WAAA,CAAAyB,UAAU;EACPC,KAAK,EAAE;IAAEC,MAAM,EAAE,QAAQ;IAAEC,KAAK,EAAE;EAA8B,CAAE;EAClEC,GAAG,EAAE;AAAY,GACpB,wBAEW,CACf;AAEM,IAAMC,YAAY,GAAA3B,OAAA,CAAA2B,YAAA,gBAAG,IAAAlB,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAArB;AAAA,CAGxC,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_FormSettingsButton","_interopRequireDefault","require"],"sources":["index.ts"],"sourcesContent":["export { default as FormSettingsButton } from \"./FormSettingsButton\";\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,sBAAA,CAAAC,OAAA"}
+{"version":3,"names":["_FormSettingsButton","_interopRequireDefault","require"],"sources":["index.ts"],"sourcesContent":["export { default as FormSettingsButton } from \"./FormSettingsButton\";\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 declare global {
     interface Window {
         Cypress: any;
     }
 }
-export declare const Name: () => JSX.Element;
+export declare const Name: () => React.JSX.Element;

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

@@ -21,7 +21,7 @@ var _templateObject;
  */
 // @ts-expect-error
 var t = _i18n.i18n.namespace("ContentModelEditor.Name");
-var Name = function Name() {
+var Name = exports.Name = function Name() {
   var _useModelEditor = (0, _hooks.useModelEditor)(),
     data = _useModelEditor.data,
     setData = _useModelEditor.setData;
@@ -84,6 +84,5 @@ var Name = function Name() {
     onClick: startEditing
   }, data.name)));
 };
-exports.Name = Name;
 
 //# sourceMappingURL=Name.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Input","_Tooltip","_reactHotkeyz","_NameStyled","_i18n","_hooks","_templateObject","t","i18n","namespace","Name","_useModelEditor","useModelEditor","data","setData","_useState","useState","_useState2","_slicedToArray2","default","localName","setLocalName","_useState3","_useState4","editingEnabled","setEditing","cancelChanges","startEditing","name","saveName","useCallback","event","preventDefault","useHotkeys","zIndex","keys","disabled","esc","enter","autoFocus","window","Cypress","createElement","NameInputWrapper","Input","fullwidth","value","onChange","onBlur","NameWrapper","Tooltip","className","formNameWrapper","placement","content","_taggedTemplateLiteral2","FormName","onClick","exports"],"sources":["Name.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\n/**\n * Package react-hotkeyz does not have types.\n */\n// @ts-expect-error\nimport { useHotkeys } from \"react-hotkeyz\";\nimport { FormName, formNameWrapper, NameInputWrapper, NameWrapper } from \"./NameStyled\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useModelEditor } from \"~/admin/hooks\";\n\nconst t = i18n.namespace(\"ContentModelEditor.Name\");\n\ndeclare global {\n    interface Window {\n        Cypress: any;\n    }\n}\n\nexport const Name = () => {\n    const { data, setData } = useModelEditor();\n    const [localName, setLocalName] = useState<string>(\"\");\n    const [editingEnabled, setEditing] = useState<boolean>(false);\n\n    const cancelChanges = () => {\n        setEditing(false);\n    };\n\n    const startEditing = (): void => {\n        setLocalName(data.name);\n        setEditing(true);\n    };\n\n    const saveName = useCallback(\n        (event: React.SyntheticEvent) => {\n            event.preventDefault();\n            setData(data => {\n                data.name = localName;\n                return data;\n            });\n            setEditing(false);\n        },\n        [localName]\n    );\n\n    useHotkeys({\n        zIndex: 100,\n        keys: {\n            \"alt+cmd+enter\": startEditing\n        }\n    });\n\n    useHotkeys({\n        zIndex: 101,\n        disabled: !editingEnabled,\n        keys: {\n            esc: (event: React.SyntheticEvent) => {\n                event.preventDefault();\n                cancelChanges();\n            },\n            enter: saveName\n        }\n    });\n\n    // Disable autoFocus because for some reason, blur event would automatically be triggered when clicking\n    // on the page title when doing Cypress testing. Not sure if this is RMWC or Cypress related issue.\n    const autoFocus = !window.Cypress;\n\n    return editingEnabled ? (\n        <NameInputWrapper>\n            <Input\n                autoFocus={autoFocus}\n                fullwidth\n                value={localName}\n                onChange={setLocalName}\n                onBlur={saveName}\n            />\n        </NameInputWrapper>\n    ) : (\n        <NameWrapper>\n            <Tooltip\n                className={formNameWrapper}\n                placement={\"bottom\"}\n                content={<span>{t`rename`}</span>}\n            >\n                <FormName data-testid=\"cms-editor-model-title\" onClick={startEditing}>\n                    {data.name}\n                </FormName>\n            </Tooltip>\n        </NameWrapper>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Input","_Tooltip","_reactHotkeyz","_NameStyled","_i18n","_hooks","_templateObject","t","i18n","namespace","Name","exports","_useModelEditor","useModelEditor","data","setData","_useState","useState","_useState2","_slicedToArray2","default","localName","setLocalName","_useState3","_useState4","editingEnabled","setEditing","cancelChanges","startEditing","name","saveName","useCallback","event","preventDefault","useHotkeys","zIndex","keys","disabled","esc","enter","autoFocus","window","Cypress","createElement","NameInputWrapper","Input","fullwidth","value","onChange","onBlur","NameWrapper","Tooltip","className","formNameWrapper","placement","content","_taggedTemplateLiteral2","FormName","onClick"],"sources":["Name.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\n/**\n * Package react-hotkeyz does not have types.\n */\n// @ts-expect-error\nimport { useHotkeys } from \"react-hotkeyz\";\nimport { FormName, formNameWrapper, NameInputWrapper, NameWrapper } from \"./NameStyled\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useModelEditor } from \"~/admin/hooks\";\n\nconst t = i18n.namespace(\"ContentModelEditor.Name\");\n\ndeclare global {\n    interface Window {\n        Cypress: any;\n    }\n}\n\nexport const Name = () => {\n    const { data, setData } = useModelEditor();\n    const [localName, setLocalName] = useState<string>(\"\");\n    const [editingEnabled, setEditing] = useState<boolean>(false);\n\n    const cancelChanges = () => {\n        setEditing(false);\n    };\n\n    const startEditing = (): void => {\n        setLocalName(data.name);\n        setEditing(true);\n    };\n\n    const saveName = useCallback(\n        (event: React.SyntheticEvent) => {\n            event.preventDefault();\n            setData(data => {\n                data.name = localName;\n                return data;\n            });\n            setEditing(false);\n        },\n        [localName]\n    );\n\n    useHotkeys({\n        zIndex: 100,\n        keys: {\n            \"alt+cmd+enter\": startEditing\n        }\n    });\n\n    useHotkeys({\n        zIndex: 101,\n        disabled: !editingEnabled,\n        keys: {\n            esc: (event: React.SyntheticEvent) => {\n                event.preventDefault();\n                cancelChanges();\n            },\n            enter: saveName\n        }\n    });\n\n    // Disable autoFocus because for some reason, blur event would automatically be triggered when clicking\n    // on the page title when doing Cypress testing. Not sure if this is RMWC or Cypress related issue.\n    const autoFocus = !window.Cypress;\n\n    return editingEnabled ? (\n        <NameInputWrapper>\n            <Input\n                autoFocus={autoFocus}\n                fullwidth\n                value={localName}\n                onChange={setLocalName}\n                onBlur={saveName}\n            />\n        </NameInputWrapper>\n    ) : (\n        <NameWrapper>\n            <Tooltip\n                className={formNameWrapper}\n                placement={\"bottom\"}\n                content={<span>{t`rename`}</span>}\n            >\n                <FormName data-testid=\"cms-editor-model-title\" onClick={startEditing}>\n                    {data.name}\n                </FormName>\n            </Tooltip>\n        </NameWrapper>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,14 +1,14 @@
 /// <reference types="react" />
 export declare const NameInputWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const NameWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const FormName: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const formNameWrapper: string;