@webiny/app-admin 5.43.2 → 6.0.0-alpha.0

package/ui/views/FormView/FormFooterElement.js

@@ -1,48 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FormFooterElement = 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 _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _UIElement2 = require("../../UIElement");
-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 ButtonWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "es96np90"
-} : {
-  target: "es96np90",
-  label: "ButtonWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "130d1po",
-  styles: "display:flex;justify-content:space-between;border-top:1px solid var(--mdc-theme-on-background);color:var(--mdc-theme-text-primary-on-background);text-align:right;padding:25px;>:last-child{margin-left:auto;}"
-} : {
-  name: "130d1po",
-  styles: "display:flex;justify-content:space-between;border-top:1px solid var(--mdc-theme-on-background);color:var(--mdc-theme-text-primary-on-background);text-align:right;padding:25px;>:last-child{margin-left:auto;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1Gb290ZXJFbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJc0IiLCJmaWxlIjoiRm9ybUZvb3RlckVsZW1lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBVSUVsZW1lbnQsIFVpRWxlbWVudFJlbmRlclByb3BzIH0gZnJvbSBcIn4vdWkvVUlFbGVtZW50XCI7XG5cbmNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgICBib3JkZXJUb3A6IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LXByaW1hcnktb24tYmFja2dyb3VuZClcIixcbiAgICB0ZXh0QWxpZ246IFwicmlnaHRcIixcbiAgICBwYWRkaW5nOiAyNSxcbiAgICBcIj46bGFzdC1jaGlsZFwiOiB7XG4gICAgICAgIG1hcmdpbkxlZnQ6IFwiYXV0b1wiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjbGFzcyBGb3JtRm9vdGVyRWxlbWVudCBleHRlbmRzIFVJRWxlbWVudCB7XG4gICAgcHVibGljIGNvbnN0cnVjdG9yKGlkOiBzdHJpbmcpIHtcbiAgICAgICAgc3VwZXIoaWQpO1xuXG4gICAgICAgIHRoaXMudXNlR3JpZChmYWxzZSk7XG4gICAgfVxuXG4gICAgcHVibGljIG92ZXJyaWRlIHJlbmRlcihwcm9wczogVWlFbGVtZW50UmVuZGVyUHJvcHMpIHtcbiAgICAgICAgcmV0dXJuIDxCdXR0b25XcmFwcGVyPntzdXBlci5yZW5kZXIocHJvcHMpfTwvQnV0dG9uV3JhcHBlcj47XG4gICAgfVxufVxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var FormFooterElement = exports.FormFooterElement = /*#__PURE__*/function (_UIElement) {
-  function FormFooterElement(id) {
-    var _this;
-    (0, _classCallCheck2.default)(this, FormFooterElement);
-    _this = (0, _callSuper2.default)(this, FormFooterElement, [id]);
-    _this.useGrid(false);
-    return _this;
+import React from "react";
+import { UIElement } from "../../UIElement";
+import { SimpleFormFooter } from "../../../components/SimpleForm";
+export class FormFooterElement extends UIElement {
+  constructor(id) {
+    super(id);
+    this.useGrid(false);
+  }
+  render(props) {
+    return /*#__PURE__*/React.createElement(SimpleFormFooter, null, super.render(props));
   }
-  (0, _inherits2.default)(FormFooterElement, _UIElement);
-  return (0, _createClass2.default)(FormFooterElement, [{
-    key: "render",
-    value: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(ButtonWrapper, null, (0, _superPropGet2.default)(FormFooterElement, "render", this, 3)([props]));
-    }
-  }]);
-}(_UIElement2.UIElement);
+}
 
 //# sourceMappingURL=FormFooterElement.js.map

package/ui/views/FormView/FormFooterElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_EMOTION_STRINGIFIED_CSS_ERROR__","ButtonWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","FormFooterElement","exports","_UIElement","id","_this","_classCallCheck2","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","_superPropGet2","UIElement"],"sources":["FormFooterElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\n\nconst ButtonWrapper = styled(\"div\")({\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    borderTop: \"1px solid var(--mdc-theme-on-background)\",\n    color: \"var(--mdc-theme-text-primary-on-background)\",\n    textAlign: \"right\",\n    padding: 25,\n    \">:last-child\": {\n        marginLeft: \"auto\"\n    }\n});\n\nexport class FormFooterElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps) {\n        return <ButtonWrapper>{super.render(props)}</ButtonWrapper>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAAiE,SAAAE,iCAAA;AAEjE,IAAMC,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,EAAAZ;AAAA,CAUlC,CAAC;AAAC,IAEUa,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAAE,UAAA;EAC1B,SAAAF,kBAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAf,OAAA,QAAAU,iBAAA;IAC3BI,KAAA,OAAAE,WAAA,CAAAhB,OAAA,QAAAU,iBAAA,GAAMG,EAAE;IAERC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,UAAA,CAAAlB,OAAA,EAAAU,iBAAA,EAAAE,UAAA;EAAA,WAAAO,aAAA,CAAAnB,OAAA,EAAAU,iBAAA;IAAAU,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAACC,KAA2B,EAAE;MAChD,oBAAO9B,MAAA,CAAAO,OAAA,CAAAwB,aAAA,CAAC1B,aAAa,YAAA2B,cAAA,CAAAzB,OAAA,EAAAU,iBAAA,sBAAea,KAAK,EAAiB,CAAC;IAC/D;EAAC;AAAA,EATkCG,qBAAS","ignoreList":[]}
+{"version":3,"names":["React","UIElement","SimpleFormFooter","FormFooterElement","constructor","id","useGrid","render","props","createElement"],"sources":["FormFooterElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { SimpleFormFooter } from \"~/components/SimpleForm\";\n\nexport class FormFooterElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps) {\n        return <SimpleFormFooter>{super.render(props)}</SimpleFormFooter>;\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS;AAClB,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,iBAAiB,SAASF,SAAS,CAAC;EACtCG,WAAWA,CAACC,EAAU,EAAE;IAC3B,KAAK,CAACA,EAAE,CAAC;IAET,IAAI,CAACC,OAAO,CAAC,KAAK,CAAC;EACvB;EAEgBC,MAAMA,CAACC,KAA2B,EAAE;IAChD,oBAAOR,KAAA,CAAAS,aAAA,CAACP,gBAAgB,QAAE,KAAK,CAACK,MAAM,CAACC,KAAK,CAAoB,CAAC;EACrE;AACJ","ignoreList":[]}

package/ui/views/FormView/FormHeaderElement.js

@@ -1,79 +1,30 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FormHeaderElement = 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 _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = _interopRequireDefault(require("react"));
-var _emotion = require("emotion");
-var _Grid = require("@webiny/ui/Grid");
-var _Typography = require("@webiny/ui/Typography");
-var _UIElement2 = require("../../UIElement");
-var _Icon = require("@webiny/ui/Icon");
-var iconClass = (0, _emotion.css)({
-  marginRight: 15,
-  color: "var(--mdc-theme-text-primary-on-background)"
-});
-var headerClass = (0, _emotion.css)({
-  borderBottom: "1px solid var(--mdc-theme-on-background)",
-  color: "var(--mdc-theme-text-primary-on-background)"
-});
-var titleClass = (0, _emotion.css)({
-  display: "flex",
-  alignItems: "center"
-});
-var actionsClass = (0, _emotion.css)({
-  display: "flex",
-  justifyContent: "flex-end",
-  alignItems: "center"
-});
-var FormHeaderElement = exports.FormHeaderElement = /*#__PURE__*/function (_UIElement) {
-  function FormHeaderElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, FormHeaderElement);
-    _this = (0, _callSuper2.default)(this, FormHeaderElement, [id, config]);
-    _this.useGrid(false);
-    return _this;
+import React from "react";
+import { UIElement } from "../../UIElement";
+import { SimpleFormHeader } from "../../../components/SimpleForm";
+import { Icon } from "@webiny/admin-ui";
+export class FormHeaderElement extends UIElement {
+  constructor(id, config) {
+    super(id, config);
+    this.useGrid(false);
+  }
+  setIcon(icon) {
+    this.config.icon = icon;
   }
-  (0, _inherits2.default)(FormHeaderElement, _UIElement);
-  return (0, _createClass2.default)(FormHeaderElement, [{
-    key: "setIcon",
-    value: function setIcon(icon) {
-      this.config.icon = icon;
-    }
-  }, {
-    key: "addAction",
-    value: function addAction(element) {
-      this.addElement(element);
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      var _this$config = this.config,
-        icon = _this$config.icon,
-        getTitle = _this$config.getTitle;
-      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
-        className: headerClass
-      }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-        span: 6,
-        className: titleClass
-      }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-        className: iconClass,
+  addAction(element) {
+    this.addElement(element);
+  }
+  render(props) {
+    const {
+      icon,
+      getTitle
+    } = this.config;
+    return /*#__PURE__*/React.createElement(SimpleFormHeader, {
+      title: /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement(Icon, {
+        label: "Icon",
         icon: icon
-      }), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-        use: "headline5"
-      }, getTitle(props)))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-        span: 6,
-        className: actionsClass
-      }, (0, _superPropGet2.default)(FormHeaderElement, "render", this, 3)([props])));
-    }
-  }]);
-}(_UIElement2.UIElement);
+      }), getTitle(props))
+    }, super.render(props));
+  }
+}
 
 //# sourceMappingURL=FormHeaderElement.js.map

package/ui/views/FormView/FormHeaderElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_Grid","_Typography","_UIElement2","_Icon","iconClass","css","marginRight","color","headerClass","borderBottom","titleClass","display","alignItems","actionsClass","justifyContent","FormHeaderElement","exports","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","setIcon","icon","addAction","element","addElement","render","props","_this$config","getTitle","createElement","Grid","className","Cell","span","Fragment","Icon","Typography","use","_superPropGet2","UIElement"],"sources":["FormHeaderElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { FormElementRenderProps } from \"~/ui/elements/form/FormElement\";\n\nconst iconClass = css({\n    marginRight: 15,\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst headerClass = css({\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst titleClass = css({\n    display: \"flex\",\n    alignItems: \"center\"\n});\n\nconst actionsClass = css({\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n    alignItems: \"center\"\n});\n\ninterface FormHeaderConfig extends UIElementConfig {\n    getTitle(props: FormElementRenderProps): string;\n    icon?: React.ReactElement;\n}\n\nexport class FormHeaderElement extends UIElement<FormHeaderConfig> {\n    public constructor(id: string, config: FormHeaderConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n    }\n\n    public setIcon(icon: React.ReactElement) {\n        this.config.icon = icon;\n    }\n\n    public addAction(element: UIElement) {\n        this.addElement(element);\n    }\n\n    public override render(props: FormElementRenderProps): React.ReactNode {\n        const { icon, getTitle } = this.config;\n\n        return (\n            <Grid className={headerClass}>\n                <Cell span={6} className={titleClass}>\n                    <React.Fragment>\n                        {icon && <Icon className={iconClass} icon={icon} />}\n                        <Typography use=\"headline5\">{getTitle(props)}</Typography>\n                    </React.Fragment>\n                </Cell>\n                <Cell span={6} className={actionsClass}>\n                    {super.render(props)}\n                </Cell>\n            </Grid>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","UIElement","SimpleFormHeader","Icon","FormHeaderElement","constructor","id","config","useGrid","setIcon","icon","addAction","element","addElement","render","props","getTitle","createElement","title","Fragment","label"],"sources":["FormHeaderElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { FormElementRenderProps } from \"~/ui/elements/form/FormElement\";\nimport { SimpleFormHeader } from \"~/components/SimpleForm\";\nimport { Icon } from \"@webiny/admin-ui\";\n\ninterface FormHeaderConfig extends UIElementConfig {\n    getTitle(props: FormElementRenderProps): string;\n    icon?: React.ReactElement;\n}\n\nexport class FormHeaderElement extends UIElement<FormHeaderConfig> {\n    public constructor(id: string, config: FormHeaderConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n    }\n\n    public setIcon(icon: React.ReactElement) {\n        this.config.icon = icon;\n    }\n\n    public addAction(element: UIElement) {\n        this.addElement(element);\n    }\n\n    public override render(props: FormElementRenderProps): React.ReactNode {\n        const { icon, getTitle } = this.config;\n\n        return (\n            <SimpleFormHeader\n                title={\n                    <>\n                        {icon && <Icon label={\"Icon\"} icon={icon} />}\n                        {getTitle(props)}\n                    </>\n                }\n            >\n                {super.render(props)}\n            </SimpleFormHeader>\n        );\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS;AAElB,SAASC,gBAAgB;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAOvC,OAAO,MAAMC,iBAAiB,SAASH,SAAS,CAAmB;EACxDI,WAAWA,CAACC,EAAU,EAAEC,MAAwB,EAAE;IACrD,KAAK,CAACD,EAAE,EAAEC,MAAM,CAAC;IAEjB,IAAI,CAACC,OAAO,CAAC,KAAK,CAAC;EACvB;EAEOC,OAAOA,CAACC,IAAwB,EAAE;IACrC,IAAI,CAACH,MAAM,CAACG,IAAI,GAAGA,IAAI;EAC3B;EAEOC,SAASA,CAACC,OAAkB,EAAE;IACjC,IAAI,CAACC,UAAU,CAACD,OAAO,CAAC;EAC5B;EAEgBE,MAAMA,CAACC,KAA6B,EAAmB;IACnE,MAAM;MAAEL,IAAI;MAAEM;IAAS,CAAC,GAAG,IAAI,CAACT,MAAM;IAEtC,oBACIP,KAAA,CAAAiB,aAAA,CAACf,gBAAgB;MACbgB,KAAK,eACDlB,KAAA,CAAAiB,aAAA,CAAAjB,KAAA,CAAAmB,QAAA,QACKT,IAAI,iBAAIV,KAAA,CAAAiB,aAAA,CAACd,IAAI;QAACiB,KAAK,EAAE,MAAO;QAACV,IAAI,EAAEA;MAAK,CAAE,CAAC,EAC3CM,QAAQ,CAACD,KAAK,CACjB;IACL,GAEA,KAAK,CAACD,MAAM,CAACC,KAAK,CACL,CAAC;EAE3B;AACJ","ignoreList":[]}

package/ui/views/FormView.js

@@ -1,165 +1,121 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FormView = 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 _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = _interopRequireDefault(require("react"));
-var _Progress = require("@webiny/ui/Progress");
-var _FormElement = require("../elements/form/FormElement");
-var _ButtonElement = require("../elements/ButtonElement");
-var _GenericElement = require("../elements/GenericElement");
-var _FormContentElement = require("./FormView/FormContentElement");
-var _FormHeaderElement = require("./FormView/FormHeaderElement");
-var _FormFooterElement = require("./FormView/FormFooterElement");
-var _FormContainerElement = require("./FormView/FormContainerElement");
-var _UIView2 = require("../UIView");
-var FormView = exports.FormView = /*#__PURE__*/function (_UIView) {
-  function FormView(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, FormView);
+import React from "react";
+import { CircularProgress } from "@webiny/ui/Progress";
+import { FormElement } from "../elements/form/FormElement";
+import { ButtonElement } from "../elements/ButtonElement";
+import { GenericElement } from "../elements/GenericElement";
+import { FormContentElement } from "./FormView/FormContentElement";
+import { FormHeaderElement } from "./FormView/FormHeaderElement";
+import { FormFooterElement } from "./FormView/FormFooterElement";
+import { FormContainerElement } from "./FormView/FormContainerElement";
+import { UIView } from "../UIView";
+export class FormView extends UIView {
+  constructor(id, config) {
     if (!config) {
       config = {};
     }
     if (!("setupForm" in config)) {
       config.setupForm = true;
     }
-    _this = (0, _callSuper2.default)(this, FormView, [id, config]);
-    _this.addElements();
-    _this.useGrid(false);
-    _this.applyPlugins(FormView);
-    return _this;
+    super(id, config);
+    this.addElements();
+    this.useGrid(false);
+    this.applyPlugins(FormView);
   }
-  (0, _inherits2.default)(FormView, _UIView);
-  return (0, _createClass2.default)(FormView, [{
-    key: "addElement",
-    value: function addElement(element) {
-      if (element.id === "form" || element.id === "formContainer") {
-        return (0, _superPropGet2.default)(FormView, "addElement", this, 3)([element]);
-      }
-      return this.getFormContainer().addElement(element);
-    }
-  }, {
-    key: "setTitle",
-    value: function setTitle(title) {
-      if (typeof title === "string") {
-        this.config.getTitle = function () {
-          return title;
-        };
-        return;
-      }
-      this.config.getTitle = title;
-    }
-  }, {
-    key: "setOnSubmit",
-    value: function setOnSubmit(onSubmit) {
-      this.config.onSubmit = onSubmit;
-    }
-  }, {
-    key: "setFormData",
-    value: function setFormData(getter) {
-      this.config.getFormData = getter;
-    }
-  }, {
-    key: "getFormContainer",
-    value: function getFormContainer() {
-      return this.getElement("formContainer");
-    }
-  }, {
-    key: "getFormContentElement",
-    value: function getFormContentElement() {
-      return this.getElement("formContent");
-    }
-  }, {
-    key: "getFormHeaderElement",
-    value: function getFormHeaderElement() {
-      return this.getElement("formHeader");
+  addElement(element) {
+    if (element.id === "form" || element.id === "formContainer") {
+      return super.addElement(element);
     }
-  }, {
-    key: "getFormFooterElement",
-    value: function getFormFooterElement() {
-      return this.getElement("formFooter");
-    }
-  }, {
-    key: "getSubmitButtonElement",
-    value: function getSubmitButtonElement() {
-      return this.getFormFooterElement().getElement("submit");
+    return this.getFormContainer().addElement(element);
+  }
+  setTitle(title) {
+    if (typeof title === "string") {
+      this.config.getTitle = () => title;
+      return;
     }
-  }, {
-    key: "addElements",
-    value: function addElements() {
-      var _this2 = this;
-      var formContainer = new _FormContainerElement.FormContainerElement("formContainer", {
-        testId: this.config.testId,
-        className: this.config.className,
-        noElevation: this.config.noElevation
-      });
-      if (this.config.setupForm) {
-        var form = this.addElement(new _FormElement.FormElement("form", {
-          onSubmit: function onSubmit(data, form) {
-            if (!_this2.config.onSubmit) {
-              return;
-            }
-            return _this2.config.onSubmit(data, form);
-          },
-          getData: function getData() {
-            if (!_this2.config.getFormData) {
-              return {};
-            }
-            return _this2.config.getFormData();
-          }
-        }));
-        form.addElement(formContainer);
-      } else {
-        this.addElement(formContainer);
-      }
-      this.addElement(new _GenericElement.GenericElement("loading", function () {
-        if (typeof _this2.config.isLoading !== "function") {
-          return null;
-        }
-        return _this2.config.isLoading() ? /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null) : null;
-      }));
-      this.addElement(new _FormHeaderElement.FormHeaderElement("formHeader", {
-        getTitle: function getTitle(props) {
-          if (!_this2.config.getTitle) {
-            return "";
-          }
-          return _this2.config.getTitle(props);
-        }
-      }));
-      this.addElement(new _FormContentElement.FormContentElement("formContent"));
-      var footer = new _FormFooterElement.FormFooterElement("formFooter");
-      this.addElement(footer);
-      var submitButton = new _ButtonElement.ButtonElement("submit", {
-        type: "primary",
-        label: "Save",
-        onClick: function onClick(props) {
-          return props.formProps.submit();
-        }
-      });
-      submitButton.moveToTheEndOf(footer);
-      var cancelButton = footer.addElement(new _ButtonElement.ButtonElement("cancel", {
-        type: "default",
-        label: "Cancel",
-        onClick: function onClick() {
-          if (!_this2.config.onCancel) {
+    this.config.getTitle = title;
+  }
+  setOnSubmit(onSubmit) {
+    this.config.onSubmit = onSubmit;
+  }
+  setFormData(getter) {
+    this.config.getFormData = getter;
+  }
+  getFormContainer() {
+    return this.getElement("formContainer");
+  }
+  getFormContentElement() {
+    return this.getElement("formContent");
+  }
+  getFormHeaderElement() {
+    return this.getElement("formHeader");
+  }
+  getFormFooterElement() {
+    return this.getElement("formFooter");
+  }
+  getSubmitButtonElement() {
+    return this.getFormFooterElement().getElement("submit");
+  }
+  addElements() {
+    const formContainer = new FormContainerElement("formContainer", {
+      testId: this.config.testId,
+      className: this.config.className,
+      noElevation: this.config.noElevation
+    });
+    if (this.config.setupForm) {
+      const form = this.addElement(new FormElement("form", {
+        onSubmit: (data, form) => {
+          if (!this.config.onSubmit) {
             return;
           }
-          _this2.config.onCancel();
+          return this.config.onSubmit(data, form);
         },
-        shouldRender: function shouldRender() {
-          return typeof _this2.config.onCancel === "function";
+        getData: () => {
+          if (!this.config.getFormData) {
+            return {};
+          }
+          return this.config.getFormData();
         }
       }));
-      cancelButton.moveToTheBeginningOf(footer);
+      form.addElement(formContainer);
+    } else {
+      this.addElement(formContainer);
     }
-  }]);
-}(_UIView2.UIView);
+    this.addElement(new GenericElement("loading", () => {
+      if (typeof this.config.isLoading !== "function") {
+        return null;
+      }
+      return this.config.isLoading() ? /*#__PURE__*/React.createElement(CircularProgress, null) : null;
+    }));
+    this.addElement(new FormHeaderElement("formHeader", {
+      getTitle: props => {
+        if (!this.config.getTitle) {
+          return "";
+        }
+        return this.config.getTitle(props);
+      }
+    }));
+    this.addElement(new FormContentElement("formContent"));
+    const footer = new FormFooterElement("formFooter");
+    this.addElement(footer);
+    const submitButton = new ButtonElement("submit", {
+      type: "primary",
+      label: "Save",
+      onClick: props => props.formProps.submit()
+    });
+    submitButton.moveToTheEndOf(footer);
+    const cancelButton = footer.addElement(new ButtonElement("cancel", {
+      type: "default",
+      label: "Cancel",
+      onClick: () => {
+        if (!this.config.onCancel) {
+          return;
+        }
+        this.config.onCancel();
+      },
+      shouldRender: () => typeof this.config.onCancel === "function"
+    }));
+    cancelButton.moveToTheBeginningOf(footer);
+  }
+}
 
 //# sourceMappingURL=FormView.js.map

package/ui/views/FormView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Progress","_FormElement","_ButtonElement","_GenericElement","_FormContentElement","_FormHeaderElement","_FormFooterElement","_FormContainerElement","_UIView2","FormView","exports","_UIView","id","config","_this","_classCallCheck2","default","setupForm","_callSuper2","addElements","useGrid","applyPlugins","_inherits2","_createClass2","key","value","addElement","element","_superPropGet2","getFormContainer","setTitle","title","getTitle","setOnSubmit","onSubmit","setFormData","getter","getFormData","getElement","getFormContentElement","getFormHeaderElement","getFormFooterElement","getSubmitButtonElement","_this2","formContainer","FormContainerElement","testId","className","noElevation","form","FormElement","data","getData","GenericElement","isLoading","createElement","CircularProgress","FormHeaderElement","props","FormContentElement","footer","FormFooterElement","submitButton","ButtonElement","type","label","onClick","formProps","submit","moveToTheEndOf","cancelButton","onCancel","shouldRender","moveToTheBeginningOf","UIView"],"sources":["FormView.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormOnSubmit } from \"@webiny/form\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { FormElement, FormElementRenderProps } from \"~/ui/elements/form/FormElement\";\nimport { ButtonElement } from \"~/ui/elements/ButtonElement\";\nimport { GenericElement } from \"~/ui/elements/GenericElement\";\nimport { FormContentElement } from \"./FormView/FormContentElement\";\nimport { FormHeaderElement } from \"./FormView/FormHeaderElement\";\nimport { FormFooterElement } from \"./FormView/FormFooterElement\";\nimport { FormContainerElement } from \"./FormView/FormContainerElement\";\nimport { UIView } from \"~/ui/UIView\";\n\nexport interface FormViewConfig extends UIElementConfig {\n    setupForm?: boolean;\n    onSubmit?: FormOnSubmit;\n    getTitle?: (props: FormElementRenderProps) => string;\n    getFormData?: () => Record<string, any>;\n    isLoading?: () => boolean;\n    onCancel?: () => void;\n    testId?: string;\n    noElevation?: boolean;\n    className?: string;\n}\n\ninterface GetterWithProps<T> {\n    (props: FormElementRenderProps): T;\n}\n\ninterface GetterWithoutProps<T> {\n    (): T;\n}\n\nexport class FormView extends UIView<FormViewConfig> {\n    public constructor(id: string, config?: FormViewConfig) {\n        if (!config) {\n            config = {};\n        }\n        if (!(\"setupForm\" in config)) {\n            config.setupForm = true;\n        }\n\n        super(id, config);\n\n        this.addElements();\n        this.useGrid(false);\n\n        this.applyPlugins(FormView);\n    }\n\n    public override addElement<TElement extends UIElement = UIElement>(\n        element: TElement\n    ): TElement {\n        if (element.id === \"form\" || element.id === \"formContainer\") {\n            return super.addElement(element);\n        }\n\n        return this.getFormContainer().addElement(element);\n    }\n\n    public setTitle(title: string | GetterWithProps<string>): void {\n        if (typeof title === \"string\") {\n            this.config.getTitle = () => title;\n            return;\n        }\n        this.config.getTitle = title;\n    }\n\n    public setOnSubmit(onSubmit: FormOnSubmit): void {\n        this.config.onSubmit = onSubmit;\n    }\n\n    public setFormData(getter: GetterWithoutProps<Record<string, any>>): void {\n        this.config.getFormData = getter;\n    }\n\n    public getFormContainer(): FormContainerElement {\n        return this.getElement(\"formContainer\") as FormContainerElement;\n    }\n\n    public getFormContentElement(): FormContentElement {\n        return this.getElement(\"formContent\") as FormContentElement;\n    }\n\n    public getFormHeaderElement(): FormHeaderElement {\n        return this.getElement(\"formHeader\") as FormHeaderElement;\n    }\n\n    public getFormFooterElement(): FormFooterElement {\n        return this.getElement(\"formFooter\") as FormFooterElement;\n    }\n\n    public getSubmitButtonElement(): ButtonElement {\n        return this.getFormFooterElement().getElement(\"submit\") as ButtonElement;\n    }\n\n    private addElements(): void {\n        const formContainer = new FormContainerElement(\"formContainer\", {\n            testId: this.config.testId,\n            className: this.config.className,\n            noElevation: this.config.noElevation\n        });\n\n        if (this.config.setupForm) {\n            const form = this.addElement(\n                new FormElement(\"form\", {\n                    onSubmit: (data, form) => {\n                        if (!this.config.onSubmit) {\n                            return;\n                        }\n                        return this.config.onSubmit(data, form);\n                    },\n                    getData: () => {\n                        if (!this.config.getFormData) {\n                            return {};\n                        }\n                        return this.config.getFormData();\n                    }\n                })\n            ) as FormElement;\n\n            form.addElement(formContainer);\n        } else {\n            this.addElement(formContainer);\n        }\n\n        this.addElement(\n            new GenericElement(\"loading\", () => {\n                if (typeof this.config.isLoading !== \"function\") {\n                    return null;\n                }\n\n                return this.config.isLoading() ? <CircularProgress /> : null;\n            })\n        );\n\n        this.addElement(\n            new FormHeaderElement(\"formHeader\", {\n                getTitle: props => {\n                    if (!this.config.getTitle) {\n                        return \"\";\n                    }\n                    return this.config.getTitle(props);\n                }\n            })\n        );\n\n        this.addElement(new FormContentElement(\"formContent\"));\n\n        const footer = new FormFooterElement(\"formFooter\");\n        this.addElement(footer);\n\n        const submitButton = new ButtonElement<FormElementRenderProps>(\"submit\", {\n            type: \"primary\",\n            label: \"Save\",\n            onClick: props => props.formProps.submit()\n        });\n\n        submitButton.moveToTheEndOf(footer);\n\n        const cancelButton = footer.addElement(\n            new ButtonElement(\"cancel\", {\n                type: \"default\",\n                label: \"Cancel\",\n                onClick: () => {\n                    if (!this.config.onCancel) {\n                        return;\n                    }\n                    this.config.onCancel();\n                },\n                shouldRender: () => typeof this.config.onCancel === \"function\"\n            })\n        );\n\n        cancelButton.moveToTheBeginningOf(footer);\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","CircularProgress","FormElement","ButtonElement","GenericElement","FormContentElement","FormHeaderElement","FormFooterElement","FormContainerElement","UIView","FormView","constructor","id","config","setupForm","addElements","useGrid","applyPlugins","addElement","element","getFormContainer","setTitle","title","getTitle","setOnSubmit","onSubmit","setFormData","getter","getFormData","getElement","getFormContentElement","getFormHeaderElement","getFormFooterElement","getSubmitButtonElement","formContainer","testId","className","noElevation","form","data","getData","isLoading","createElement","props","footer","submitButton","type","label","onClick","formProps","submit","moveToTheEndOf","cancelButton","onCancel","shouldRender","moveToTheBeginningOf"],"sources":["FormView.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormOnSubmit } from \"@webiny/form\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { FormElement, FormElementRenderProps } from \"~/ui/elements/form/FormElement\";\nimport { ButtonElement } from \"~/ui/elements/ButtonElement\";\nimport { GenericElement } from \"~/ui/elements/GenericElement\";\nimport { FormContentElement } from \"./FormView/FormContentElement\";\nimport { FormHeaderElement } from \"./FormView/FormHeaderElement\";\nimport { FormFooterElement } from \"./FormView/FormFooterElement\";\nimport { FormContainerElement } from \"./FormView/FormContainerElement\";\nimport { UIView } from \"~/ui/UIView\";\n\nexport interface FormViewConfig extends UIElementConfig {\n    setupForm?: boolean;\n    onSubmit?: FormOnSubmit;\n    getTitle?: (props: FormElementRenderProps) => string;\n    getFormData?: () => Record<string, any>;\n    isLoading?: () => boolean;\n    onCancel?: () => void;\n    testId?: string;\n    noElevation?: boolean;\n    className?: string;\n}\n\ninterface GetterWithProps<T> {\n    (props: FormElementRenderProps): T;\n}\n\ninterface GetterWithoutProps<T> {\n    (): T;\n}\n\nexport class FormView extends UIView<FormViewConfig> {\n    public constructor(id: string, config?: FormViewConfig) {\n        if (!config) {\n            config = {};\n        }\n        if (!(\"setupForm\" in config)) {\n            config.setupForm = true;\n        }\n\n        super(id, config);\n\n        this.addElements();\n        this.useGrid(false);\n\n        this.applyPlugins(FormView);\n    }\n\n    public override addElement<TElement extends UIElement = UIElement>(\n        element: TElement\n    ): TElement {\n        if (element.id === \"form\" || element.id === \"formContainer\") {\n            return super.addElement(element);\n        }\n\n        return this.getFormContainer().addElement(element);\n    }\n\n    public setTitle(title: string | GetterWithProps<string>): void {\n        if (typeof title === \"string\") {\n            this.config.getTitle = () => title;\n            return;\n        }\n        this.config.getTitle = title;\n    }\n\n    public setOnSubmit(onSubmit: FormOnSubmit): void {\n        this.config.onSubmit = onSubmit;\n    }\n\n    public setFormData(getter: GetterWithoutProps<Record<string, any>>): void {\n        this.config.getFormData = getter;\n    }\n\n    public getFormContainer(): FormContainerElement {\n        return this.getElement(\"formContainer\") as FormContainerElement;\n    }\n\n    public getFormContentElement(): FormContentElement {\n        return this.getElement(\"formContent\") as FormContentElement;\n    }\n\n    public getFormHeaderElement(): FormHeaderElement {\n        return this.getElement(\"formHeader\") as FormHeaderElement;\n    }\n\n    public getFormFooterElement(): FormFooterElement {\n        return this.getElement(\"formFooter\") as FormFooterElement;\n    }\n\n    public getSubmitButtonElement(): ButtonElement {\n        return this.getFormFooterElement().getElement(\"submit\") as ButtonElement;\n    }\n\n    private addElements(): void {\n        const formContainer = new FormContainerElement(\"formContainer\", {\n            testId: this.config.testId,\n            className: this.config.className,\n            noElevation: this.config.noElevation\n        });\n\n        if (this.config.setupForm) {\n            const form = this.addElement(\n                new FormElement(\"form\", {\n                    onSubmit: (data, form) => {\n                        if (!this.config.onSubmit) {\n                            return;\n                        }\n                        return this.config.onSubmit(data, form);\n                    },\n                    getData: () => {\n                        if (!this.config.getFormData) {\n                            return {};\n                        }\n                        return this.config.getFormData();\n                    }\n                })\n            ) as FormElement;\n\n            form.addElement(formContainer);\n        } else {\n            this.addElement(formContainer);\n        }\n\n        this.addElement(\n            new GenericElement(\"loading\", () => {\n                if (typeof this.config.isLoading !== \"function\") {\n                    return null;\n                }\n\n                return this.config.isLoading() ? <CircularProgress /> : null;\n            })\n        );\n\n        this.addElement(\n            new FormHeaderElement(\"formHeader\", {\n                getTitle: props => {\n                    if (!this.config.getTitle) {\n                        return \"\";\n                    }\n                    return this.config.getTitle(props);\n                }\n            })\n        );\n\n        this.addElement(new FormContentElement(\"formContent\"));\n\n        const footer = new FormFooterElement(\"formFooter\");\n        this.addElement(footer);\n\n        const submitButton = new ButtonElement<FormElementRenderProps>(\"submit\", {\n            type: \"primary\",\n            label: \"Save\",\n            onClick: props => props.formProps.submit()\n        });\n\n        submitButton.moveToTheEndOf(footer);\n\n        const cancelButton = footer.addElement(\n            new ButtonElement(\"cancel\", {\n                type: \"default\",\n                label: \"Cancel\",\n                onClick: () => {\n                    if (!this.config.onCancel) {\n                        return;\n                    }\n                    this.config.onCancel();\n                },\n                shouldRender: () => typeof this.config.onCancel === \"function\"\n            })\n        );\n\n        cancelButton.moveToTheBeginningOf(footer);\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/ui/views/OverlayView/ContentElement.js

@@ -1,20 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ContentElement = 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 _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _UIElement2 = require("../../UIElement");
+import _styled from "@emotion/styled/base";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var ContentWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+import React from "react";
+import { UIElement } from "../../UIElement";
+const ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "exqtwog0"
 } : {
   target: "exqtwog0",
@@ -28,21 +16,14 @@ var ContentWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRFbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUIiLCJmaWxlIjoiQ29udGVudEVsZW1lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBVSUVsZW1lbnQsIFVpRWxlbWVudFJlbmRlclByb3BzIH0gZnJvbSBcIn4vdWkvVUlFbGVtZW50XCI7XG5cbmNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcGFkZGluZ1RvcDogNjVcbn0pO1xuXG5leHBvcnQgY2xhc3MgQ29udGVudEVsZW1lbnQgZXh0ZW5kcyBVSUVsZW1lbnQge1xuICAgIGNvbnN0cnVjdG9yKGlkOiBzdHJpbmcpIHtcbiAgICAgICAgc3VwZXIoaWQpO1xuICAgICAgICB0aGlzLnVzZUdyaWQoZmFsc2UpO1xuICAgIH1cblxuICAgIHB1YmxpYyBvdmVycmlkZSByZW5kZXIocHJvcHM6IFVpRWxlbWVudFJlbmRlclByb3BzKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgICAgICAgcmV0dXJuIDxDb250ZW50V3JhcHBlcj57c3VwZXIucmVuZGVyKHByb3BzKX08L0NvbnRlbnRXcmFwcGVyPjtcbiAgICB9XG59XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var ContentElement = exports.ContentElement = /*#__PURE__*/function (_UIElement) {
-  function ContentElement(id) {
-    var _this;
-    (0, _classCallCheck2.default)(this, ContentElement);
-    _this = (0, _callSuper2.default)(this, ContentElement, [id]);
-    _this.useGrid(false);
-    return _this;
+export class ContentElement extends UIElement {
+  constructor(id) {
+    super(id);
+    this.useGrid(false);
+  }
+  render(props) {
+    return /*#__PURE__*/React.createElement(ContentWrapper, null, super.render(props));
   }
-  (0, _inherits2.default)(ContentElement, _UIElement);
-  return (0, _createClass2.default)(ContentElement, [{
-    key: "render",
-    value: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(ContentWrapper, null, (0, _superPropGet2.default)(ContentElement, "render", this, 3)([props]));
-    }
-  }]);
-}(_UIElement2.UIElement);
+}
 
 //# sourceMappingURL=ContentElement.js.map

package/ui/views/OverlayView/ContentElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_EMOTION_STRINGIFIED_CSS_ERROR__","ContentWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","ContentElement","exports","_UIElement","id","_this","_classCallCheck2","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","_superPropGet2","UIElement"],"sources":["ContentElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\n\nconst ContentWrapper = styled(\"div\")({\n    width: \"100%\",\n    paddingTop: 65\n});\n\nexport class ContentElement extends UIElement {\n    constructor(id: string) {\n        super(id);\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return <ContentWrapper>{super.render(props)}</ContentWrapper>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAAiE,SAAAE,iCAAA;AAEjE,IAAMC,cAAc,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,EAAAZ;AAAA,CAGnC,CAAC;AAAC,IAEUa,cAAc,GAAAC,OAAA,CAAAD,cAAA,0BAAAE,UAAA;EACvB,SAAAF,eAAYG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAf,OAAA,QAAAU,cAAA;IACpBI,KAAA,OAAAE,WAAA,CAAAhB,OAAA,QAAAU,cAAA,GAAMG,EAAE;IACRC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,UAAA,CAAAlB,OAAA,EAAAU,cAAA,EAAAE,UAAA;EAAA,WAAAO,aAAA,CAAAnB,OAAA,EAAAU,cAAA;IAAAU,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAACC,KAA2B,EAAmB;MACjE,oBAAO9B,MAAA,CAAAO,OAAA,CAAAwB,aAAA,CAAC1B,cAAc,YAAA2B,cAAA,CAAAzB,OAAA,EAAAU,cAAA,sBAAea,KAAK,EAAkB,CAAC;IACjE;EAAC;AAAA,EAR+BG,qBAAS","ignoreList":[]}
+{"version":3,"names":["React","UIElement","ContentWrapper","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ContentElement","constructor","id","useGrid","render","props","createElement"],"sources":["ContentElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\n\nconst ContentWrapper = styled(\"div\")({\n    width: \"100%\",\n    paddingTop: 65\n});\n\nexport class ContentElement extends UIElement {\n    constructor(id: string) {\n        super(id);\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return <ContentWrapper>{super.render(props)}</ContentWrapper>;\n    }\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS;AAElB,MAAMC,cAAc,gBAAGC,OAAA,CAAO,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,CAGnC,CAAC;AAEF,OAAO,MAAMC,cAAc,SAASb,SAAS,CAAC;EAC1Cc,WAAWA,CAACC,EAAU,EAAE;IACpB,KAAK,CAACA,EAAE,CAAC;IACT,IAAI,CAACC,OAAO,CAAC,KAAK,CAAC;EACvB;EAEgBC,MAAMA,CAACC,KAA2B,EAAmB;IACjE,oBAAOnB,KAAA,CAAAoB,aAAA,CAAClB,cAAc,QAAE,KAAK,CAACgB,MAAM,CAACC,KAAK,CAAkB,CAAC;EACjE;AACJ","ignoreList":[]}