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

package/ui/elements/form/PasswordElement.js

@@ -1,51 +1,29 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PasswordElement = 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 _react = _interopRequireDefault(require("react"));
-var _InputElement2 = require("./InputElement");
-var _Input = require("@webiny/ui/Input");
-var PasswordElement = exports.PasswordElement = /*#__PURE__*/function (_InputElement) {
-  function PasswordElement() {
-    (0, _classCallCheck2.default)(this, PasswordElement);
-    return (0, _callSuper2.default)(this, PasswordElement, arguments);
-  }
-  (0, _inherits2.default)(PasswordElement, _InputElement);
-  return (0, _createClass2.default)(PasswordElement, [{
-    key: "render",
-    value: function render(props) {
-      var _this = this;
-      if (!props.formProps) {
-        throw Error("PasswordElement must be placed inside of a FormElement.");
-      }
-      var Bind = props.formProps.Bind;
-      return /*#__PURE__*/_react.default.createElement(Bind, {
-        name: this.getName(),
-        validators: this.getValidators(props),
-        defaultValue: this.getDefaultValue(props),
-        beforeChange: function beforeChange(value, cb) {
-          return _this.onBeforeChange(value, cb);
-        },
-        afterChange: function afterChange(value, form) {
-          return _this.onAfterChange(value, form);
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-        type: "password",
-        autoComplete: "off",
-        label: this.getLabel(props),
-        placeholder: this.getPlaceholder(props),
-        disabled: this.getIsDisabled(props),
-        description: this.getDescription(props)
-      }));
+import React from "react";
+import { InputElement } from "./InputElement";
+import { Input } from "@webiny/ui/Input";
+export class PasswordElement extends InputElement {
+  render(props) {
+    if (!props.formProps) {
+      throw Error(`PasswordElement must be placed inside of a FormElement.`);
     }
-  }]);
-}(_InputElement2.InputElement);
+    const {
+      Bind
+    } = props.formProps;
+    return /*#__PURE__*/React.createElement(Bind, {
+      name: this.getName(),
+      validators: this.getValidators(props),
+      defaultValue: this.getDefaultValue(props),
+      beforeChange: (value, cb) => this.onBeforeChange(value, cb),
+      afterChange: (value, form) => this.onAfterChange(value, form)
+    }, /*#__PURE__*/React.createElement(Input, {
+      type: "password",
+      autoComplete: "off",
+      label: this.getLabel(props),
+      placeholder: this.getPlaceholder(props),
+      disabled: this.getIsDisabled(props),
+      description: this.getDescription(props)
+    }));
+  }
+}
 
 //# sourceMappingURL=PasswordElement.js.map

package/ui/elements/form/PasswordElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_InputElement2","_Input","PasswordElement","exports","_InputElement","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","props","_this","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","cb","onBeforeChange","afterChange","form","onAfterChange","Input","type","autoComplete","label","getLabel","placeholder","getPlaceholder","disabled","getIsDisabled","description","getDescription","InputElement"],"sources":["PasswordElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { InputElement } from \"./InputElement\";\nimport { FormFieldElementRenderProps } from \"~/ui/elements/form/FormFieldElement\";\nimport { Input } from \"@webiny/ui/Input\";\n\nexport class PasswordElement extends InputElement {\n    public override render(props: FormFieldElementRenderProps): React.ReactElement {\n        if (!props.formProps) {\n            throw Error(`PasswordElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            >\n                <Input\n                    type={\"password\"}\n                    autoComplete={\"off\"}\n                    label={this.getLabel(props)}\n                    placeholder={this.getPlaceholder(props)}\n                    disabled={this.getIsDisabled(props)}\n                    description={this.getDescription(props)}\n                />\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAAyC,IAE5BG,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAAE,aAAA;EAAA,SAAAF,gBAAA;IAAA,IAAAG,gBAAA,CAAAC,OAAA,QAAAJ,eAAA;IAAA,WAAAK,WAAA,CAAAD,OAAA,QAAAJ,eAAA,EAAAM,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAJ,eAAA,EAAAE,aAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAJ,eAAA;IAAAS,GAAA;IAAAC,KAAA,EACxB,SAAgBC,MAAMA,CAACC,KAAkC,EAAsB;MAAA,IAAAC,KAAA;MAC3E,IAAI,CAACD,KAAK,CAACE,SAAS,EAAE;QAClB,MAAMC,KAAK,0DAA0D,CAAC;MAC1E;MAEA,IAAQC,IAAI,GAAKJ,KAAK,CAACE,SAAS,CAAxBE,IAAI;MAEZ,oBACIrB,MAAA,CAAAS,OAAA,CAAAa,aAAA,CAACD,IAAI;QACDE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QACrBC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACT,KAAK,CAAE;QACtCU,YAAY,EAAE,IAAI,CAACC,eAAe,CAACX,KAAK,CAAE;QAC1CY,YAAY,EAAE,SAAdA,YAAYA,CAAGd,KAAa,EAAEe,EAAE;UAAA,OAAKZ,KAAI,CAACa,cAAc,CAAChB,KAAK,EAAEe,EAAE,CAAC;QAAA,CAAC;QACpEE,WAAW,EAAE,SAAbA,WAAWA,CAAGjB,KAAa,EAAEkB,IAAI;UAAA,OAAKf,KAAI,CAACgB,aAAa,CAACnB,KAAK,EAAEkB,IAAI,CAAC;QAAA;MAAC,gBAEtEjC,MAAA,CAAAS,OAAA,CAAAa,aAAA,CAAClB,MAAA,CAAA+B,KAAK;QACFC,IAAI,EAAE,UAAW;QACjBC,YAAY,EAAE,KAAM;QACpBC,KAAK,EAAE,IAAI,CAACC,QAAQ,CAACtB,KAAK,CAAE;QAC5BuB,WAAW,EAAE,IAAI,CAACC,cAAc,CAACxB,KAAK,CAAE;QACxCyB,QAAQ,EAAE,IAAI,CAACC,aAAa,CAAC1B,KAAK,CAAE;QACpC2B,WAAW,EAAE,IAAI,CAACC,cAAc,CAAC5B,KAAK;MAAE,CAC3C,CACC,CAAC;IAEf;EAAC;AAAA,EA1BgC6B,2BAAY","ignoreList":[]}
+{"version":3,"names":["React","InputElement","Input","PasswordElement","render","props","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","value","cb","onBeforeChange","afterChange","form","onAfterChange","type","autoComplete","label","getLabel","placeholder","getPlaceholder","disabled","getIsDisabled","description","getDescription"],"sources":["PasswordElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { InputElement } from \"./InputElement\";\nimport { FormFieldElementRenderProps } from \"~/ui/elements/form/FormFieldElement\";\nimport { Input } from \"@webiny/ui/Input\";\n\nexport class PasswordElement extends InputElement {\n    public override render(props: FormFieldElementRenderProps): React.ReactElement {\n        if (!props.formProps) {\n            throw Error(`PasswordElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            >\n                <Input\n                    type={\"password\"}\n                    autoComplete={\"off\"}\n                    label={this.getLabel(props)}\n                    placeholder={this.getPlaceholder(props)}\n                    disabled={this.getIsDisabled(props)}\n                    description={this.getDescription(props)}\n                />\n            </Bind>\n        );\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY;AAErB,SAASC,KAAK,QAAQ,kBAAkB;AAExC,OAAO,MAAMC,eAAe,SAASF,YAAY,CAAC;EAC9BG,MAAMA,CAACC,KAAkC,EAAsB;IAC3E,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;MAClB,MAAMC,KAAK,CAAC,yDAAyD,CAAC;IAC1E;IAEA,MAAM;MAAEC;IAAK,CAAC,GAAGH,KAAK,CAACC,SAAS;IAEhC,oBACIN,KAAA,CAAAS,aAAA,CAACD,IAAI;MACDE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;MACrBC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACR,KAAK,CAAE;MACtCS,YAAY,EAAE,IAAI,CAACC,eAAe,CAACV,KAAK,CAAE;MAC1CW,YAAY,EAAEA,CAACC,KAAa,EAAEC,EAAE,KAAK,IAAI,CAACC,cAAc,CAACF,KAAK,EAAEC,EAAE,CAAE;MACpEE,WAAW,EAAEA,CAACH,KAAa,EAAEI,IAAI,KAAK,IAAI,CAACC,aAAa,CAACL,KAAK,EAAEI,IAAI;IAAE,gBAEtErB,KAAA,CAAAS,aAAA,CAACP,KAAK;MACFqB,IAAI,EAAE,UAAW;MACjBC,YAAY,EAAE,KAAM;MACpBC,KAAK,EAAE,IAAI,CAACC,QAAQ,CAACrB,KAAK,CAAE;MAC5BsB,WAAW,EAAE,IAAI,CAACC,cAAc,CAACvB,KAAK,CAAE;MACxCwB,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACzB,KAAK,CAAE;MACpC0B,WAAW,EAAE,IAAI,CAACC,cAAc,CAAC3B,KAAK;IAAE,CAC3C,CACC,CAAC;EAEf;AACJ","ignoreList":[]}

package/ui/elements/form/SelectElement.js

@@ -1,68 +1,42 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SelectElement = 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 _react = _interopRequireDefault(require("react"));
-var _Select = require("@webiny/ui/Select");
-var _FormFieldElement2 = require("./FormFieldElement");
-var SelectElement = exports.SelectElement = /*#__PURE__*/function (_FormFieldElement) {
-  function SelectElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, SelectElement);
-    _this = (0, _callSuper2.default)(this, SelectElement, [id, config]);
-    _this.applyPlugins(SelectElement);
-    return _this;
+import React from "react";
+import { Select } from "@webiny/ui/Select";
+import { FormFieldElement } from "./FormFieldElement";
+export class SelectElement extends FormFieldElement {
+  constructor(id, config) {
+    super(id, config);
+    this.applyPlugins(SelectElement);
   }
-  (0, _inherits2.default)(SelectElement, _FormFieldElement);
-  return (0, _createClass2.default)(SelectElement, [{
-    key: "setOptions",
-    value: function setOptions(options) {
-      this.config.options = options;
-    }
-  }, {
-    key: "getOptions",
-    value: function getOptions() {
-      return this.config.options;
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      var _this2 = this;
-      if (!props.formProps) {
-        throw Error("SelectElement must be placed inside of a FormElement.");
-      }
-      var Bind = props.formProps.Bind;
-      return /*#__PURE__*/_react.default.createElement(Bind, {
-        name: this.getName(),
-        validators: this.getValidators(props),
-        defaultValue: this.getDefaultValue(props),
-        beforeChange: function beforeChange(value, cb) {
-          return _this2.onBeforeChange(value, cb);
-        },
-        afterChange: function afterChange(value, form) {
-          return _this2.onAfterChange(value, form);
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
-        label: this.getLabel(props),
-        disabled: this.getIsDisabled(props),
-        description: this.getDefaultValue(props)
-      }, (this.getOptions() || []).map(function (_ref) {
-        var value = _ref.value,
-          label = _ref.label;
-        return /*#__PURE__*/_react.default.createElement("option", {
-          key: value,
-          value: value
-        }, label);
-      })));
+  setOptions(options) {
+    this.config.options = options;
+  }
+  getOptions() {
+    return this.config.options;
+  }
+  render(props) {
+    if (!props.formProps) {
+      throw Error(`SelectElement must be placed inside of a FormElement.`);
     }
-  }]);
-}(_FormFieldElement2.FormFieldElement);
+    const {
+      Bind
+    } = props.formProps;
+    return /*#__PURE__*/React.createElement(Bind, {
+      name: this.getName(),
+      validators: this.getValidators(props),
+      defaultValue: this.getDefaultValue(props),
+      beforeChange: (value, cb) => this.onBeforeChange(value, cb),
+      afterChange: (value, form) => this.onAfterChange(value, form)
+    }, /*#__PURE__*/React.createElement(Select, {
+      label: this.getLabel(props),
+      disabled: this.getIsDisabled(props),
+      description: this.getDefaultValue(props)
+    }, (this.getOptions() || []).map(({
+      value,
+      label
+    }) => /*#__PURE__*/React.createElement("option", {
+      key: value,
+      value: value
+    }, label))));
+  }
+}
 
 //# sourceMappingURL=SelectElement.js.map

package/ui/elements/form/SelectElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Select","_FormFieldElement2","SelectElement","exports","_FormFieldElement","id","config","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","setOptions","options","getOptions","render","props","_this2","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","cb","onBeforeChange","afterChange","form","onAfterChange","Select","label","getLabel","disabled","getIsDisabled","description","map","_ref","FormFieldElement"],"sources":["SelectElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@webiny/ui/Select\";\nimport {\n    FormFieldElement,\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\n\nexport interface SelectElementOption {\n    value: string;\n    label: string;\n}\n\nexport interface SelectElementConfig extends FormFieldElementConfig {\n    options?: SelectElementOption[];\n}\n\nexport class SelectElement extends FormFieldElement<SelectElementConfig> {\n    public constructor(id: string, config: SelectElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(SelectElement);\n    }\n\n    public setOptions(options: SelectElementOption[]): void {\n        this.config.options = options;\n    }\n\n    public getOptions(): SelectElementOption[] | undefined {\n        return this.config.options;\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`SelectElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            >\n                <Select\n                    label={this.getLabel(props)}\n                    disabled={this.getIsDisabled(props)}\n                    description={this.getDefaultValue(props)}\n                >\n                    {(this.getOptions() || []).map(({ value, label }) => (\n                        <option key={value} value={value}>\n                            {label}\n                        </option>\n                    ))}\n                </Select>\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAI6C,IAWhCG,aAAa,GAAAC,OAAA,CAAAD,aAAA,0BAAAE,iBAAA;EACtB,SAAAF,cAAmBG,EAAU,EAAEC,MAA2B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,aAAA;IACxDK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,aAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,YAAY,CAACT,aAAa,CAAC;IAAC,OAAAK,KAAA;EACrC;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,aAAA,EAAAE,iBAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,aAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAOC,UAAUA,CAACC,OAA8B,EAAQ;MACpD,IAAI,CAACX,MAAM,CAACW,OAAO,GAAGA,OAAO;IACjC;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAOG,UAAUA,CAAA,EAAsC;MACnD,OAAO,IAAI,CAACZ,MAAM,CAACW,OAAO;IAC9B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAgBI,MAAMA,CAACC,KAAkC,EAAmB;MAAA,IAAAC,MAAA;MACxE,IAAI,CAACD,KAAK,CAACE,SAAS,EAAE;QAClB,MAAMC,KAAK,wDAAwD,CAAC;MACxE;MAEA,IAAQC,IAAI,GAAKJ,KAAK,CAACE,SAAS,CAAxBE,IAAI;MAEZ,oBACI3B,MAAA,CAAAY,OAAA,CAAAgB,aAAA,CAACD,IAAI;QACDE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QACrBC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACT,KAAK,CAAE;QACtCU,YAAY,EAAE,IAAI,CAACC,eAAe,CAACX,KAAK,CAAE;QAC1CY,YAAY,EAAE,SAAdA,YAAYA,CAAGjB,KAAa,EAAEkB,EAAE;UAAA,OAAKZ,MAAI,CAACa,cAAc,CAACnB,KAAK,EAAEkB,EAAE,CAAC;QAAA,CAAC;QACpEE,WAAW,EAAE,SAAbA,WAAWA,CAAGpB,KAAa,EAAEqB,IAAI;UAAA,OAAKf,MAAI,CAACgB,aAAa,CAACtB,KAAK,EAAEqB,IAAI,CAAC;QAAA;MAAC,gBAEtEvC,MAAA,CAAAY,OAAA,CAAAgB,aAAA,CAACzB,OAAA,CAAAsC,MAAM;QACHC,KAAK,EAAE,IAAI,CAACC,QAAQ,CAACpB,KAAK,CAAE;QAC5BqB,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACtB,KAAK,CAAE;QACpCuB,WAAW,EAAE,IAAI,CAACZ,eAAe,CAACX,KAAK;MAAE,GAExC,CAAC,IAAI,CAACF,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE0B,GAAG,CAAC,UAAAC,IAAA;QAAA,IAAG9B,KAAK,GAAA8B,IAAA,CAAL9B,KAAK;UAAEwB,KAAK,GAAAM,IAAA,CAALN,KAAK;QAAA,oBAC1C1C,MAAA,CAAAY,OAAA,CAAAgB,aAAA;UAAQX,GAAG,EAAEC,KAAM;UAACA,KAAK,EAAEA;QAAM,GAC5BwB,KACG,CAAC;MAAA,CACZ,CACG,CACN,CAAC;IAEf;EAAC;AAAA,EA3C8BO,mCAAgB","ignoreList":[]}
+{"version":3,"names":["React","Select","FormFieldElement","SelectElement","constructor","id","config","applyPlugins","setOptions","options","getOptions","render","props","formProps","Error","Bind","createElement","name","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","value","cb","onBeforeChange","afterChange","form","onAfterChange","label","getLabel","disabled","getIsDisabled","description","map","key"],"sources":["SelectElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@webiny/ui/Select\";\nimport {\n    FormFieldElement,\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\n\nexport interface SelectElementOption {\n    value: string;\n    label: string;\n}\n\nexport interface SelectElementConfig extends FormFieldElementConfig {\n    options?: SelectElementOption[];\n}\n\nexport class SelectElement extends FormFieldElement<SelectElementConfig> {\n    public constructor(id: string, config: SelectElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(SelectElement);\n    }\n\n    public setOptions(options: SelectElementOption[]): void {\n        this.config.options = options;\n    }\n\n    public getOptions(): SelectElementOption[] | undefined {\n        return this.config.options;\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`SelectElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind\n                name={this.getName()}\n                validators={this.getValidators(props)}\n                defaultValue={this.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => this.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => this.onAfterChange(value, form)}\n            >\n                <Select\n                    label={this.getLabel(props)}\n                    disabled={this.getIsDisabled(props)}\n                    description={this.getDefaultValue(props)}\n                >\n                    {(this.getOptions() || []).map(({ value, label }) => (\n                        <option key={value} value={value}>\n                            {label}\n                        </option>\n                    ))}\n                </Select>\n            </Bind>\n        );\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SACIC,gBAAgB;AAcpB,OAAO,MAAMC,aAAa,SAASD,gBAAgB,CAAsB;EAC9DE,WAAWA,CAACC,EAAU,EAAEC,MAA2B,EAAE;IACxD,KAAK,CAACD,EAAE,EAAEC,MAAM,CAAC;IAEjB,IAAI,CAACC,YAAY,CAACJ,aAAa,CAAC;EACpC;EAEOK,UAAUA,CAACC,OAA8B,EAAQ;IACpD,IAAI,CAACH,MAAM,CAACG,OAAO,GAAGA,OAAO;EACjC;EAEOC,UAAUA,CAAA,EAAsC;IACnD,OAAO,IAAI,CAACJ,MAAM,CAACG,OAAO;EAC9B;EAEgBE,MAAMA,CAACC,KAAkC,EAAmB;IACxE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;MAClB,MAAMC,KAAK,CAAC,uDAAuD,CAAC;IACxE;IAEA,MAAM;MAAEC;IAAK,CAAC,GAAGH,KAAK,CAACC,SAAS;IAEhC,oBACIb,KAAA,CAAAgB,aAAA,CAACD,IAAI;MACDE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;MACrBC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACR,KAAK,CAAE;MACtCS,YAAY,EAAE,IAAI,CAACC,eAAe,CAACV,KAAK,CAAE;MAC1CW,YAAY,EAAEA,CAACC,KAAa,EAAEC,EAAE,KAAK,IAAI,CAACC,cAAc,CAACF,KAAK,EAAEC,EAAE,CAAE;MACpEE,WAAW,EAAEA,CAACH,KAAa,EAAEI,IAAI,KAAK,IAAI,CAACC,aAAa,CAACL,KAAK,EAAEI,IAAI;IAAE,gBAEtE5B,KAAA,CAAAgB,aAAA,CAACf,MAAM;MACH6B,KAAK,EAAE,IAAI,CAACC,QAAQ,CAACnB,KAAK,CAAE;MAC5BoB,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACrB,KAAK,CAAE;MACpCsB,WAAW,EAAE,IAAI,CAACZ,eAAe,CAACV,KAAK;IAAE,GAExC,CAAC,IAAI,CAACF,UAAU,CAAC,CAAC,IAAI,EAAE,EAAEyB,GAAG,CAAC,CAAC;MAAEX,KAAK;MAAEM;IAAM,CAAC,kBAC5C9B,KAAA,CAAAgB,aAAA;MAAQoB,GAAG,EAAEZ,KAAM;MAACA,KAAK,EAAEA;IAAM,GAC5BM,KACG,CACX,CACG,CACN,CAAC;EAEf;AACJ","ignoreList":[]}

package/ui/elements/form/TextareaElement.js

@@ -1,54 +1,34 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TextareaElement = 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 _react = _interopRequireDefault(require("react"));
-var _Input = require("@webiny/ui/Input");
-var _FormFieldElement2 = require("./FormFieldElement");
-var TextareaElement = exports.TextareaElement = /*#__PURE__*/function (_FormFieldElement) {
-  function TextareaElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, TextareaElement);
-    _this = (0, _callSuper2.default)(this, TextareaElement, [id, config]);
-    _this.applyPlugins(TextareaElement);
-    return _this;
+import React from "react";
+import { Input } from "@webiny/ui/Input";
+import { FormFieldElement } from "./FormFieldElement";
+export class TextareaElement extends FormFieldElement {
+  constructor(id, config) {
+    super(id, config);
+    this.applyPlugins(TextareaElement);
   }
-  (0, _inherits2.default)(TextareaElement, _FormFieldElement);
-  return (0, _createClass2.default)(TextareaElement, [{
-    key: "setRows",
-    value: function setRows(rows) {
-      this.config.rows = rows;
-    }
-  }, {
-    key: "getRows",
-    value: function getRows() {
-      return this.config.rows;
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      if (!props.formProps) {
-        throw Error("TextareaElement must be placed inside of a FormElement.");
-      }
-      var Bind = props.formProps.Bind;
-      return /*#__PURE__*/_react.default.createElement(Bind, {
-        name: this.getName(),
-        validators: this.getValidators(props)
-      }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-        label: this.getLabel(props),
-        disabled: this.getIsDisabled(props),
-        rows: this.getRows(),
-        description: this.getDescription(props)
-      }));
+  setRows(rows) {
+    this.config.rows = rows;
+  }
+  getRows() {
+    return this.config.rows;
+  }
+  render(props) {
+    if (!props.formProps) {
+      throw Error(`TextareaElement must be placed inside of a FormElement.`);
     }
-  }]);
-}(_FormFieldElement2.FormFieldElement);
+    const {
+      Bind
+    } = props.formProps;
+    return /*#__PURE__*/React.createElement(Bind, {
+      name: this.getName(),
+      validators: this.getValidators(props)
+    }, /*#__PURE__*/React.createElement(Input, {
+      label: this.getLabel(props),
+      disabled: this.getIsDisabled(props),
+      rows: this.getRows(),
+      description: this.getDescription(props)
+    }));
+  }
+}
 
 //# sourceMappingURL=TextareaElement.js.map

package/ui/elements/form/TextareaElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Input","_FormFieldElement2","TextareaElement","exports","_FormFieldElement","id","config","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","setRows","rows","getRows","render","props","formProps","Error","Bind","createElement","name","getName","validators","getValidators","Input","label","getLabel","disabled","getIsDisabled","description","getDescription","FormFieldElement"],"sources":["TextareaElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { FormRenderPropParams } from \"@webiny/form\";\nimport { FormFieldElement, FormFieldElementConfig } from \"~/ui/elements/form/FormFieldElement\";\n\nexport interface TextareaElementRenderProps {\n    formProps: FormRenderPropParams;\n}\n\nexport interface TextareaElementConfig extends FormFieldElementConfig {\n    rows: number;\n}\n\nexport class TextareaElement extends FormFieldElement<TextareaElementConfig> {\n    constructor(id: string, config: TextareaElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(TextareaElement);\n    }\n\n    public setRows(rows: number): void {\n        this.config.rows = rows;\n    }\n\n    public getRows(): number {\n        return this.config.rows;\n    }\n\n    public override render(props: TextareaElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`TextareaElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind name={this.getName()} validators={this.getValidators(props)}>\n                <Input\n                    label={this.getLabel(props)}\n                    disabled={this.getIsDisabled(props)}\n                    rows={this.getRows()}\n                    description={this.getDescription(props)}\n                />\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,kBAAA,GAAAF,OAAA;AAA+F,IAUlFG,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAAE,iBAAA;EACxB,SAAAF,gBAAYG,EAAU,EAAEC,MAA6B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,eAAA;IACnDK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,eAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,YAAY,CAACT,eAAe,CAAC;IAAC,OAAAK,KAAA;EACvC;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,eAAA,EAAAE,iBAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,eAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAOC,OAAOA,CAACC,IAAY,EAAQ;MAC/B,IAAI,CAACX,MAAM,CAACW,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAOG,OAAOA,CAAA,EAAW;MACrB,OAAO,IAAI,CAACZ,MAAM,CAACW,IAAI;IAC3B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAgBI,MAAMA,CAACC,KAAiC,EAAmB;MACvE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;QAClB,MAAMC,KAAK,0DAA0D,CAAC;MAC1E;MAEA,IAAQC,IAAI,GAAKH,KAAK,CAACC,SAAS,CAAxBE,IAAI;MAEZ,oBACI1B,MAAA,CAAAY,OAAA,CAAAe,aAAA,CAACD,IAAI;QAACE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QAACC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACR,KAAK;MAAE,gBAC9DvB,MAAA,CAAAY,OAAA,CAAAe,aAAA,CAACxB,MAAA,CAAA6B,KAAK;QACFC,KAAK,EAAE,IAAI,CAACC,QAAQ,CAACX,KAAK,CAAE;QAC5BY,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACb,KAAK,CAAE;QACpCH,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;QACrBgB,WAAW,EAAE,IAAI,CAACC,cAAc,CAACf,KAAK;MAAE,CAC3C,CACC,CAAC;IAEf;EAAC;AAAA,EAhCgCgB,mCAAgB","ignoreList":[]}
+{"version":3,"names":["React","Input","FormFieldElement","TextareaElement","constructor","id","config","applyPlugins","setRows","rows","getRows","render","props","formProps","Error","Bind","createElement","name","getName","validators","getValidators","label","getLabel","disabled","getIsDisabled","description","getDescription"],"sources":["TextareaElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { FormRenderPropParams } from \"@webiny/form\";\nimport { FormFieldElement, FormFieldElementConfig } from \"~/ui/elements/form/FormFieldElement\";\n\nexport interface TextareaElementRenderProps {\n    formProps: FormRenderPropParams;\n}\n\nexport interface TextareaElementConfig extends FormFieldElementConfig {\n    rows: number;\n}\n\nexport class TextareaElement extends FormFieldElement<TextareaElementConfig> {\n    constructor(id: string, config: TextareaElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(TextareaElement);\n    }\n\n    public setRows(rows: number): void {\n        this.config.rows = rows;\n    }\n\n    public getRows(): number {\n        return this.config.rows;\n    }\n\n    public override render(props: TextareaElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`TextareaElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        return (\n            <Bind name={this.getName()} validators={this.getValidators(props)}>\n                <Input\n                    label={this.getLabel(props)}\n                    disabled={this.getIsDisabled(props)}\n                    rows={this.getRows()}\n                    description={this.getDescription(props)}\n                />\n            </Bind>\n        );\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,kBAAkB;AAExC,SAASC,gBAAgB;AAUzB,OAAO,MAAMC,eAAe,SAASD,gBAAgB,CAAwB;EACzEE,WAAWA,CAACC,EAAU,EAAEC,MAA6B,EAAE;IACnD,KAAK,CAACD,EAAE,EAAEC,MAAM,CAAC;IAEjB,IAAI,CAACC,YAAY,CAACJ,eAAe,CAAC;EACtC;EAEOK,OAAOA,CAACC,IAAY,EAAQ;IAC/B,IAAI,CAACH,MAAM,CAACG,IAAI,GAAGA,IAAI;EAC3B;EAEOC,OAAOA,CAAA,EAAW;IACrB,OAAO,IAAI,CAACJ,MAAM,CAACG,IAAI;EAC3B;EAEgBE,MAAMA,CAACC,KAAiC,EAAmB;IACvE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;MAClB,MAAMC,KAAK,CAAC,yDAAyD,CAAC;IAC1E;IAEA,MAAM;MAAEC;IAAK,CAAC,GAAGH,KAAK,CAACC,SAAS;IAEhC,oBACIb,KAAA,CAAAgB,aAAA,CAACD,IAAI;MAACE,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;MAACC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACR,KAAK;IAAE,gBAC9DZ,KAAA,CAAAgB,aAAA,CAACf,KAAK;MACFoB,KAAK,EAAE,IAAI,CAACC,QAAQ,CAACV,KAAK,CAAE;MAC5BW,QAAQ,EAAE,IAAI,CAACC,aAAa,CAACZ,KAAK,CAAE;MACpCH,IAAI,EAAE,IAAI,CAACC,OAAO,CAAC,CAAE;MACrBe,WAAW,EAAE,IAAI,CAACC,cAAc,CAACd,KAAK;IAAE,CAC3C,CACC,CAAC;EAEf;AACJ","ignoreList":[]}

package/ui/views/AdminView/ContentElement.js

@@ -1,20 +1,9 @@
-"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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _UIElement2 = require("../../UIElement");
-var _UIRenderer2 = require("../../UIRenderer");
+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";
+import { UIRenderer } from "../../UIRenderer";
+const ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "enpnxwx0"
 } : {
   target: "enpnxwx0",
@@ -28,33 +17,21 @@ var ContentWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRFbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUIiLCJmaWxlIjoiQ29udGVudEVsZW1lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBVSUVsZW1lbnQgfSBmcm9tIFwifi91aS9VSUVsZW1lbnRcIjtcbmltcG9ydCB7IFVJUmVuZGVyZXIsIFVJUmVuZGVyUGFyYW1zIH0gZnJvbSBcIn4vdWkvVUlSZW5kZXJlclwiO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHBhZGRpbmdUb3A6IDY0XG59KTtcblxuY2xhc3MgQ29udGVudEVsZW1lbnRSZW5kZXJlciBleHRlbmRzIFVJUmVuZGVyZXI8Q29udGVudEVsZW1lbnQ+IHtcbiAgICBwdWJsaWMgb3ZlcnJpZGUgcmVuZGVyKHsgbmV4dCwgcHJvcHMgfTogVUlSZW5kZXJQYXJhbXM8Q29udGVudEVsZW1lbnQ+KTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgICAgICAgcmV0dXJuIDxDb250ZW50V3JhcHBlcj57cHJvcHMuY2hpbGRyZW4gPyBwcm9wcy5jaGlsZHJlbiA6IG5leHQoKX08L0NvbnRlbnRXcmFwcGVyPjtcbiAgICB9XG59XG5cbmV4cG9ydCBjbGFzcyBDb250ZW50RWxlbWVudCBleHRlbmRzIFVJRWxlbWVudCB7XG4gICAgcHVibGljIGNvbnN0cnVjdG9yKGlkOiBzdHJpbmcpIHtcbiAgICAgICAgc3VwZXIoaWQpO1xuICAgICAgICB0aGlzLnVzZUdyaWQoZmFsc2UpO1xuICAgICAgICB0aGlzLmFkZFJlbmRlcmVyKG5ldyBDb250ZW50RWxlbWVudFJlbmRlcmVyKCkpO1xuICAgICAgICB0aGlzLmFwcGx5UGx1Z2lucyhDb250ZW50RWxlbWVudCk7XG4gICAgfVxufVxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var ContentElementRenderer = /*#__PURE__*/function (_UIRenderer) {
-  function ContentElementRenderer() {
-    (0, _classCallCheck2.default)(this, ContentElementRenderer);
-    return (0, _callSuper2.default)(this, ContentElementRenderer, arguments);
+class ContentElementRenderer extends UIRenderer {
+  render({
+    next,
+    props
+  }) {
+    return /*#__PURE__*/React.createElement(ContentWrapper, null, props.children ? props.children : next());
   }
-  (0, _inherits2.default)(ContentElementRenderer, _UIRenderer);
-  return (0, _createClass2.default)(ContentElementRenderer, [{
-    key: "render",
-    value: function render(_ref) {
-      var next = _ref.next,
-        props = _ref.props;
-      return /*#__PURE__*/_react.default.createElement(ContentWrapper, null, props.children ? props.children : next());
-    }
-  }]);
-}(_UIRenderer2.UIRenderer);
-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);
-    _this.addRenderer(new ContentElementRenderer());
-    _this.applyPlugins(ContentElement);
-    return _this;
+}
+export class ContentElement extends UIElement {
+  constructor(id) {
+    super(id);
+    this.useGrid(false);
+    this.addRenderer(new ContentElementRenderer());
+    this.applyPlugins(ContentElement);
   }
-  (0, _inherits2.default)(ContentElement, _UIElement);
-  return (0, _createClass2.default)(ContentElement);
-}(_UIElement2.UIElement);
+}
 
 //# sourceMappingURL=ContentElement.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_UIRenderer2","_EMOTION_STRINGIFIED_CSS_ERROR__","ContentWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","ContentElementRenderer","_UIRenderer","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","next","props","createElement","children","UIRenderer","ContentElement","exports","_UIElement","id","_this","useGrid","addRenderer","applyPlugins","UIElement"],"sources":["ContentElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\nconst ContentWrapper = styled(\"div\")({\n    width: \"100%\",\n    paddingTop: 64\n});\n\nclass ContentElementRenderer extends UIRenderer<ContentElement> {\n    public override render({ next, props }: UIRenderParams<ContentElement>): React.ReactNode {\n        return <ContentWrapper>{props.children ? props.children : next()}</ContentWrapper>;\n    }\n}\n\nexport class ContentElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n        this.useGrid(false);\n        this.addRenderer(new ContentElementRenderer());\n        this.applyPlugins(ContentElement);\n    }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAA6D,SAAAG,iCAAA;AAE7D,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,IAEGa,sBAAsB,0BAAAC,WAAA;EAAA,SAAAD,uBAAA;IAAA,IAAAE,gBAAA,CAAAZ,OAAA,QAAAU,sBAAA;IAAA,WAAAG,WAAA,CAAAb,OAAA,QAAAU,sBAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAf,OAAA,EAAAU,sBAAA,EAAAC,WAAA;EAAA,WAAAK,aAAA,CAAAhB,OAAA,EAAAU,sBAAA;IAAAO,GAAA;IAAAC,KAAA,EACxB,SAAgBC,MAAMA,CAAAC,IAAA,EAAmE;MAAA,IAAhEC,IAAI,GAAAD,IAAA,CAAJC,IAAI;QAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;MAChC,oBAAO9B,MAAA,CAAAQ,OAAA,CAAAuB,aAAA,CAACzB,cAAc,QAAEwB,KAAK,CAACE,QAAQ,GAAGF,KAAK,CAACE,QAAQ,GAAGH,IAAI,CAAC,CAAkB,CAAC;IACtF;EAAC;AAAA,EAHgCI,uBAAU;AAAA,IAMlCC,cAAc,GAAAC,OAAA,CAAAD,cAAA,0BAAAE,UAAA;EACvB,SAAAF,eAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAlB,gBAAA,CAAAZ,OAAA,QAAA0B,cAAA;IAC3BI,KAAA,OAAAjB,WAAA,CAAAb,OAAA,QAAA0B,cAAA,GAAMG,EAAE;IACRC,KAAA,CAAKC,OAAO,CAAC,KAAK,CAAC;IACnBD,KAAA,CAAKE,WAAW,CAAC,IAAItB,sBAAsB,CAAC,CAAC,CAAC;IAC9CoB,KAAA,CAAKG,YAAY,CAACP,cAAc,CAAC;IAAC,OAAAI,KAAA;EACtC;EAAC,IAAAf,UAAA,CAAAf,OAAA,EAAA0B,cAAA,EAAAE,UAAA;EAAA,WAAAZ,aAAA,CAAAhB,OAAA,EAAA0B,cAAA;AAAA,EAN+BQ,qBAAS","ignoreList":[]}
+{"version":3,"names":["React","UIElement","UIRenderer","ContentWrapper","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ContentElementRenderer","render","next","props","createElement","children","ContentElement","constructor","id","useGrid","addRenderer","applyPlugins"],"sources":["ContentElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\nconst ContentWrapper = styled(\"div\")({\n    width: \"100%\",\n    paddingTop: 64\n});\n\nclass ContentElementRenderer extends UIRenderer<ContentElement> {\n    public override render({ next, props }: UIRenderParams<ContentElement>): React.ReactNode {\n        return <ContentWrapper>{props.children ? props.children : next()}</ContentWrapper>;\n    }\n}\n\nexport class ContentElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n        this.useGrid(false);\n        this.addRenderer(new ContentElementRenderer());\n        this.applyPlugins(ContentElement);\n    }\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS;AAClB,SAASC,UAAU;AAEnB,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,MAAMC,sBAAsB,SAASb,UAAU,CAAiB;EAC5Cc,MAAMA,CAAC;IAAEC,IAAI;IAAEC;EAAsC,CAAC,EAAmB;IACrF,oBAAOlB,KAAA,CAAAmB,aAAA,CAAChB,cAAc,QAAEe,KAAK,CAACE,QAAQ,GAAGF,KAAK,CAACE,QAAQ,GAAGH,IAAI,CAAC,CAAkB,CAAC;EACtF;AACJ;AAEA,OAAO,MAAMI,cAAc,SAASpB,SAAS,CAAC;EACnCqB,WAAWA,CAACC,EAAU,EAAE;IAC3B,KAAK,CAACA,EAAE,CAAC;IACT,IAAI,CAACC,OAAO,CAAC,KAAK,CAAC;IACnB,IAAI,CAACC,WAAW,CAAC,IAAIV,sBAAsB,CAAC,CAAC,CAAC;IAC9C,IAAI,CAACW,YAAY,CAACL,cAAc,CAAC;EACrC;AACJ","ignoreList":[]}

package/ui/views/AdminView/HeaderElement.js

@@ -1,101 +1,68 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HeaderElement = 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 _react = _interopRequireDefault(require("react"));
-var _UIElement2 = require("../../UIElement");
-var _TopAppBar = require("@webiny/ui/TopAppBar");
-var _GenericElement = require("../../elements/GenericElement");
-var _PlaceholderElement = require("../../elements/PlaceholderElement");
-var _HeaderSectionLeftElement = require("./HeaderSectionLeftElement");
-var _HeaderSectionCenterElement = require("./HeaderSectionCenterElement");
-var _HeaderSectionRightElement = require("./HeaderSectionRightElement");
-var _Hamburger = _interopRequireDefault(require("./components/Hamburger"));
-var _UIRenderer2 = require("../../UIRenderer");
+import React from "react";
+import { UIElement } from "../../UIElement";
+import { TopAppBarPrimary, TopAppBarTitle } from "@webiny/ui/TopAppBar";
+import { GenericElement } from "../../elements/GenericElement";
+import { PlaceholderElement } from "../../elements/PlaceholderElement";
+import { HeaderSectionLeftElement } from "./HeaderSectionLeftElement";
+import { HeaderSectionCenterElement } from "./HeaderSectionCenterElement";
+import { HeaderSectionRightElement } from "./HeaderSectionRightElement";
+import Hamburger from "./components/Hamburger";
+import { UIRenderer } from "../../UIRenderer";
 var ElementID = /*#__PURE__*/function (ElementID) {
   ElementID["MenuButton"] = "headerMenuButton";
   ElementID["Logo"] = "headerLogo";
   return ElementID;
 }(ElementID || {});
-var HeaderElementRenderer = /*#__PURE__*/function (_UIRenderer) {
-  function HeaderElementRenderer() {
-    (0, _classCallCheck2.default)(this, HeaderElementRenderer);
-    return (0, _callSuper2.default)(this, HeaderElementRenderer, arguments);
+class HeaderElementRenderer extends UIRenderer {
+  render({
+    next
+  }) {
+    return /*#__PURE__*/React.createElement(TopAppBarPrimary, {
+      fixed: true
+    }, next());
   }
-  (0, _inherits2.default)(HeaderElementRenderer, _UIRenderer);
-  return (0, _createClass2.default)(HeaderElementRenderer, [{
-    key: "render",
-    value: function render(_ref) {
-      var next = _ref.next;
-      return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarPrimary, {
-        fixed: true
-      }, next());
-    }
-  }]);
-}(_UIRenderer2.UIRenderer);
-var HeaderElement = exports.HeaderElement = /*#__PURE__*/function (_UIElement) {
-  function HeaderElement(id) {
-    var _this;
-    (0, _classCallCheck2.default)(this, HeaderElement);
-    _this = (0, _callSuper2.default)(this, HeaderElement, [id]);
-    _this.useGrid(false);
-    var leftSection = _this.addElement(new _HeaderSectionLeftElement.HeaderSectionLeftElement("headerLeft"));
-    leftSection.addElement(new _PlaceholderElement.PlaceholderElement(ElementID.MenuButton));
-    leftSection.addElement(new _PlaceholderElement.PlaceholderElement(ElementID.Logo));
-    _this.addElement(new _HeaderSectionCenterElement.HeaderSectionCenterElement("headerCenter"));
-    _this.addElement(new _HeaderSectionRightElement.HeaderSectionRightElement("headerRight"));
-    _this.addRenderer(new HeaderElementRenderer());
-    _this.setMenuButton(/*#__PURE__*/_react.default.createElement(_Hamburger.default, null));
-    _this.applyPlugins(HeaderElement);
-    return _this;
+}
+export class HeaderElement extends UIElement {
+  constructor(id) {
+    super(id);
+    this.useGrid(false);
+    const leftSection = this.addElement(new HeaderSectionLeftElement("headerLeft"));
+    leftSection.addElement(new PlaceholderElement(ElementID.MenuButton));
+    leftSection.addElement(new PlaceholderElement(ElementID.Logo));
+    this.addElement(new HeaderSectionCenterElement("headerCenter"));
+    this.addElement(new HeaderSectionRightElement("headerRight"));
+    this.addRenderer(new HeaderElementRenderer());
+    this.setMenuButton(/*#__PURE__*/React.createElement(Hamburger, null));
+    this.applyPlugins(HeaderElement);
   }
-  (0, _inherits2.default)(HeaderElement, _UIElement);
-  return (0, _createClass2.default)(HeaderElement, [{
-    key: "getLeftSection",
-    value: function getLeftSection() {
-      return this.getElement("headerLeft");
-    }
-  }, {
-    key: "getCenterSection",
-    value: function getCenterSection() {
-      return this.getElement("headerCenter");
-    }
-  }, {
-    key: "getRightSection",
-    value: function getRightSection() {
-      return this.getElement("headerRight");
-    }
-  }, {
-    key: "setLogo",
-    value: function setLogo(logo) {
-      // TODO: extract into a `LogoElement` class
-      var element = this.getElement(ElementID.Logo);
-      if (!element) {
-        return;
-      }
-      element.replaceWith(new _GenericElement.GenericElement(ElementID.Logo, function () {
-        return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarTitle, null, logo);
-      }));
+  getLeftSection() {
+    return this.getElement("headerLeft");
+  }
+  getCenterSection() {
+    return this.getElement("headerCenter");
+  }
+  getRightSection() {
+    return this.getElement("headerRight");
+  }
+  setLogo(logo) {
+    // TODO: extract into a `LogoElement` class
+    const element = this.getElement(ElementID.Logo);
+    if (!element) {
+      return;
     }
-  }, {
-    key: "setMenuButton",
-    value: function setMenuButton(menuButton) {
-      var button = this.getElement(ElementID.MenuButton);
-      if (!button) {
-        return;
-      }
-      button.replaceWith(new _GenericElement.GenericElement(ElementID.MenuButton, function () {
-        return menuButton;
-      }));
+    element.replaceWith(new GenericElement(ElementID.Logo, () => {
+      return /*#__PURE__*/React.createElement(TopAppBarTitle, null, logo);
+    }));
+  }
+  setMenuButton(menuButton) {
+    const button = this.getElement(ElementID.MenuButton);
+    if (!button) {
+      return;
     }
-  }]);
-}(_UIElement2.UIElement);
+    button.replaceWith(new GenericElement(ElementID.MenuButton, () => {
+      return menuButton;
+    }));
+  }
+}
 
 //# sourceMappingURL=HeaderElement.js.map