@webiny/app-admin 5.27.0-beta.0 → 5.28.0

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

@@ -1 +1 @@
-{"version":3,"sources":["InputElement.tsx"],"names":["React","Input","FormFieldElement","InputElement","id","config","applyPlugins","props","formProps","Error","Bind","getName","getValidators","getDefaultValue","value","cb","onBeforeChange","form","onAfterChange","getLabel","getPlaceholder","getIsDisabled","getDescription"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT,QAAsB,kBAAtB;AACA,SACIC,gBADJ;AAOA,WAAaC,YAAb;AAAA;;AAAA;;AACI,wBAAmBC,EAAnB,EAA+BC,MAA/B,EAA+D;AAAA;;AAAA;;AAC3D,8BAAMD,EAAN,EAAUC,MAAV;;AAEA,UAAKC,YAAL,CAAkBH,YAAlB;;AAH2D;AAI9D;;AALL;AAAA;AAAA,WAOI,gBAAuBI,KAAvB,EAA4E;AAAA;;AACxE,UAAI,CAACA,KAAK,CAACC,SAAX,EAAsB;AAClB,cAAMC,KAAK,wDAAX;AACH;;AAED,UAAQC,IAAR,GAAiBH,KAAK,CAACC,SAAvB,CAAQE,IAAR;AAEA,0BACI,oBAAC,IAAD;AACI,QAAA,IAAI,EAAE,KAAKC,OAAL,EADV;AAEI,QAAA,UAAU,EAAE,KAAKC,aAAL,CAAmBL,KAAnB,CAFhB;AAGI,QAAA,YAAY,EAAE,KAAKM,eAAL,CAAqBN,KAArB,CAHlB;AAII,QAAA,YAAY,EAAE,sBAACO,KAAD,EAAgBC,EAAhB;AAAA,iBAAuB,MAAI,CAACC,cAAL,CAAoBF,KAApB,EAA2BC,EAA3B,CAAvB;AAAA,SAJlB;AAKI,QAAA,WAAW,EAAE,qBAACD,KAAD,EAAgBG,IAAhB;AAAA,iBAAyB,MAAI,CAACC,aAAL,CAAmBJ,KAAnB,EAA0BG,IAA1B,CAAzB;AAAA;AALjB,sBAOI,oBAAC,KAAD;AACI,QAAA,KAAK,EAAE,KAAKE,QAAL,CAAcZ,KAAd,CADX;AAEI,QAAA,WAAW,EAAE,KAAKa,cAAL,CAAoBb,KAApB,CAFjB;AAGI,QAAA,QAAQ,EAAE,KAAKc,aAAL,CAAmBd,KAAnB,CAHd;AAII,QAAA,WAAW,EAAE,KAAKe,cAAL,CAAoBf,KAApB;AAJjB,QAPJ,CADJ;AAgBH;AA9BL;;AAAA;AAAA,EAAkCL,gBAAlC","sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport {\n    FormFieldElement,\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\n\nexport type InputElementRenderProps = FormFieldElementRenderProps;\nexport class InputElement extends FormFieldElement {\n    public constructor(id: string, config: FormFieldElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(InputElement);\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`InputElement 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                    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"]}
+{"version":3,"names":["InputElement","id","config","applyPlugins","props","formProps","Error","Bind","getName","getValidators","getDefaultValue","value","cb","onBeforeChange","form","onAfterChange","getLabel","getPlaceholder","getIsDisabled","getDescription","FormFieldElement"],"sources":["InputElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@webiny/ui/Input\";\nimport {\n    FormFieldElement,\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\n\nexport type InputElementRenderProps = FormFieldElementRenderProps;\nexport class InputElement extends FormFieldElement {\n    public constructor(id: string, config: FormFieldElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(InputElement);\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`InputElement 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                    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;;AACA;;AACA;;IAOaA,Y;;;;;EACT,sBAAmBC,EAAnB,EAA+BC,MAA/B,EAA+D;IAAA;;IAAA;IAC3D,0BAAMD,EAAN,EAAUC,MAAV;;IAEA,MAAKC,YAAL,CAAkBH,YAAlB;;IAH2D;EAI9D;;;;WAED,gBAAuBI,KAAvB,EAA4E;MAAA;;MACxE,IAAI,CAACA,KAAK,CAACC,SAAX,EAAsB;QAClB,MAAMC,KAAK,wDAAX;MACH;;MAED,IAAQC,IAAR,GAAiBH,KAAK,CAACC,SAAvB,CAAQE,IAAR;MAEA,oBACI,6BAAC,IAAD;QACI,IAAI,EAAE,KAAKC,OAAL,EADV;QAEI,UAAU,EAAE,KAAKC,aAAL,CAAmBL,KAAnB,CAFhB;QAGI,YAAY,EAAE,KAAKM,eAAL,CAAqBN,KAArB,CAHlB;QAII,YAAY,EAAE,sBAACO,KAAD,EAAgBC,EAAhB;UAAA,OAAuB,MAAI,CAACC,cAAL,CAAoBF,KAApB,EAA2BC,EAA3B,CAAvB;QAAA,CAJlB;QAKI,WAAW,EAAE,qBAACD,KAAD,EAAgBG,IAAhB;UAAA,OAAyB,MAAI,CAACC,aAAL,CAAmBJ,KAAnB,EAA0BG,IAA1B,CAAzB;QAAA;MALjB,gBAOI,6BAAC,YAAD;QACI,KAAK,EAAE,KAAKE,QAAL,CAAcZ,KAAd,CADX;QAEI,WAAW,EAAE,KAAKa,cAAL,CAAoBb,KAApB,CAFjB;QAGI,QAAQ,EAAE,KAAKc,aAAL,CAAmBd,KAAnB,CAHd;QAII,WAAW,EAAE,KAAKe,cAAL,CAAoBf,KAApB;MAJjB,EAPJ,CADJ;IAgBH;;;EA9B6BgB,mC"}

package/ui/elements/form/PasswordElement.js

@@ -1,22 +1,37 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import React from "react";
-import { InputElement } from "./InputElement";
-import { Input } from "@webiny/ui/Input";
-export var PasswordElement = /*#__PURE__*/function (_InputElement) {
-  _inherits(PasswordElement, _InputElement);
-
-  var _super = _createSuper(PasswordElement);
+"use strict";
 
-  function PasswordElement() {
-    _classCallCheck(this, PasswordElement);
+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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireDefault(require("react"));
 
+var _InputElement2 = require("./InputElement");
+
+var _Input = require("@webiny/ui/Input");
+
+var PasswordElement = /*#__PURE__*/function (_InputElement) {
+  (0, _inherits2.default)(PasswordElement, _InputElement);
+
+  var _super = (0, _createSuper2.default)(PasswordElement);
+
+  function PasswordElement() {
+    (0, _classCallCheck2.default)(this, PasswordElement);
     return _super.apply(this, arguments);
   }
 
-  _createClass(PasswordElement, [{
+  (0, _createClass2.default)(PasswordElement, [{
     key: "render",
     value: function render(props) {
       var _this = this;
@@ -26,7 +41,7 @@ export var PasswordElement = /*#__PURE__*/function (_InputElement) {
       }
 
       var Bind = props.formProps.Bind;
-      return /*#__PURE__*/React.createElement(Bind, {
+      return /*#__PURE__*/_react.default.createElement(Bind, {
         name: this.getName(),
         validators: this.getValidators(props),
         defaultValue: this.getDefaultValue(props),
@@ -36,7 +51,7 @@ export var PasswordElement = /*#__PURE__*/function (_InputElement) {
         afterChange: function afterChange(value, form) {
           return _this.onAfterChange(value, form);
         }
-      }, /*#__PURE__*/React.createElement(Input, {
+      }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
         type: "password",
         label: this.getLabel(props),
         placeholder: this.getPlaceholder(props),
@@ -45,6 +60,7 @@ export var PasswordElement = /*#__PURE__*/function (_InputElement) {
       }));
     }
   }]);
-
   return PasswordElement;
-}(InputElement);
+}(_InputElement2.InputElement);
+
+exports.PasswordElement = PasswordElement;

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

@@ -1 +1 @@
-{"version":3,"sources":["PasswordElement.tsx"],"names":["React","InputElement","Input","PasswordElement","props","formProps","Error","Bind","getName","getValidators","getDefaultValue","value","cb","onBeforeChange","form","onAfterChange","getLabel","getPlaceholder","getIsDisabled","getDescription"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,YAAT;AAEA,SAASC,KAAT,QAAsB,kBAAtB;AAEA,WAAaC,eAAb;AAAA;;AAAA;;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA,WACI,gBAAuBC,KAAvB,EAA+E;AAAA;;AAC3E,UAAI,CAACA,KAAK,CAACC,SAAX,EAAsB;AAClB,cAAMC,KAAK,2DAAX;AACH;;AAED,UAAQC,IAAR,GAAiBH,KAAK,CAACC,SAAvB,CAAQE,IAAR;AAEA,0BACI,oBAAC,IAAD;AACI,QAAA,IAAI,EAAE,KAAKC,OAAL,EADV;AAEI,QAAA,UAAU,EAAE,KAAKC,aAAL,CAAmBL,KAAnB,CAFhB;AAGI,QAAA,YAAY,EAAE,KAAKM,eAAL,CAAqBN,KAArB,CAHlB;AAII,QAAA,YAAY,EAAE,sBAACO,KAAD,EAAgBC,EAAhB;AAAA,iBAAuB,KAAI,CAACC,cAAL,CAAoBF,KAApB,EAA2BC,EAA3B,CAAvB;AAAA,SAJlB;AAKI,QAAA,WAAW,EAAE,qBAACD,KAAD,EAAgBG,IAAhB;AAAA,iBAAyB,KAAI,CAACC,aAAL,CAAmBJ,KAAnB,EAA0BG,IAA1B,CAAzB;AAAA;AALjB,sBAOI,oBAAC,KAAD;AACI,QAAA,IAAI,EAAE,UADV;AAEI,QAAA,KAAK,EAAE,KAAKE,QAAL,CAAcZ,KAAd,CAFX;AAGI,QAAA,WAAW,EAAE,KAAKa,cAAL,CAAoBb,KAApB,CAHjB;AAII,QAAA,QAAQ,EAAE,KAAKc,aAAL,CAAmBd,KAAnB,CAJd;AAKI,QAAA,WAAW,EAAE,KAAKe,cAAL,CAAoBf,KAApB;AALjB,QAPJ,CADJ;AAiBH;AAzBL;;AAAA;AAAA,EAAqCH,YAArC","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                    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"]}
+{"version":3,"names":["PasswordElement","props","formProps","Error","Bind","getName","getValidators","getDefaultValue","value","cb","onBeforeChange","form","onAfterChange","getLabel","getPlaceholder","getIsDisabled","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                    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;;AACA;;AAEA;;IAEaA,e;;;;;;;;;;;;WACT,gBAAuBC,KAAvB,EAA+E;MAAA;;MAC3E,IAAI,CAACA,KAAK,CAACC,SAAX,EAAsB;QAClB,MAAMC,KAAK,2DAAX;MACH;;MAED,IAAQC,IAAR,GAAiBH,KAAK,CAACC,SAAvB,CAAQE,IAAR;MAEA,oBACI,6BAAC,IAAD;QACI,IAAI,EAAE,KAAKC,OAAL,EADV;QAEI,UAAU,EAAE,KAAKC,aAAL,CAAmBL,KAAnB,CAFhB;QAGI,YAAY,EAAE,KAAKM,eAAL,CAAqBN,KAArB,CAHlB;QAII,YAAY,EAAE,sBAACO,KAAD,EAAgBC,EAAhB;UAAA,OAAuB,KAAI,CAACC,cAAL,CAAoBF,KAApB,EAA2BC,EAA3B,CAAvB;QAAA,CAJlB;QAKI,WAAW,EAAE,qBAACD,KAAD,EAAgBG,IAAhB;UAAA,OAAyB,KAAI,CAACC,aAAL,CAAmBJ,KAAnB,EAA0BG,IAA1B,CAAzB;QAAA;MALjB,gBAOI,6BAAC,YAAD;QACI,IAAI,EAAE,UADV;QAEI,KAAK,EAAE,KAAKE,QAAL,CAAcZ,KAAd,CAFX;QAGI,WAAW,EAAE,KAAKa,cAAL,CAAoBb,KAApB,CAHjB;QAII,QAAQ,EAAE,KAAKc,aAAL,CAAmBd,KAAnB,CAJd;QAKI,WAAW,EAAE,KAAKe,cAAL,CAAoBf,KAApB;MALjB,EAPJ,CADJ;IAiBH;;;EAzBgCgB,2B"}

package/ui/elements/form/SelectElement.js

@@ -1,20 +1,35 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import React from "react";
-import { Select } from "@webiny/ui/Select";
-import { FormFieldElement } from "./FormFieldElement";
-export var SelectElement = /*#__PURE__*/function (_FormFieldElement) {
-  _inherits(SelectElement, _FormFieldElement);
-
-  var _super = _createSuper(SelectElement);
+"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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Select = require("@webiny/ui/Select");
+
+var _FormFieldElement2 = require("./FormFieldElement");
+
+var SelectElement = /*#__PURE__*/function (_FormFieldElement) {
+  (0, _inherits2.default)(SelectElement, _FormFieldElement);
+
+  var _super = (0, _createSuper2.default)(SelectElement);
 
   function SelectElement(id, config) {
     var _this;
 
-    _classCallCheck(this, SelectElement);
-
+    (0, _classCallCheck2.default)(this, SelectElement);
     _this = _super.call(this, id, config);
 
     _this.applyPlugins(SelectElement);
@@ -22,7 +37,7 @@ export var SelectElement = /*#__PURE__*/function (_FormFieldElement) {
     return _this;
   }
 
-  _createClass(SelectElement, [{
+  (0, _createClass2.default)(SelectElement, [{
     key: "setOptions",
     value: function setOptions(options) {
       this.config.options = options;
@@ -42,7 +57,7 @@ export var SelectElement = /*#__PURE__*/function (_FormFieldElement) {
       }
 
       var Bind = props.formProps.Bind;
-      return /*#__PURE__*/React.createElement(Bind, {
+      return /*#__PURE__*/_react.default.createElement(Bind, {
         name: this.getName(),
         validators: this.getValidators(props),
         defaultValue: this.getDefaultValue(props),
@@ -52,20 +67,21 @@ export var SelectElement = /*#__PURE__*/function (_FormFieldElement) {
         afterChange: function afterChange(value, form) {
           return _this2.onAfterChange(value, form);
         }
-      }, /*#__PURE__*/React.createElement(Select, {
+      }, /*#__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.createElement("option", {
+        return /*#__PURE__*/_react.default.createElement("option", {
           key: value,
           value: value
         }, label);
       })));
     }
   }]);
-
   return SelectElement;
-}(FormFieldElement);
+}(_FormFieldElement2.FormFieldElement);
+
+exports.SelectElement = SelectElement;

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

@@ -1 +1 @@
-{"version":3,"sources":["SelectElement.tsx"],"names":["React","Select","FormFieldElement","SelectElement","id","config","applyPlugins","options","props","formProps","Error","Bind","getName","getValidators","getDefaultValue","value","cb","onBeforeChange","form","onAfterChange","getLabel","getIsDisabled","getOptions","map","label"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAuB,mBAAvB;AACA,SACIC,gBADJ;AAeA,WAAaC,aAAb;AAAA;;AAAA;;AACI,yBAAmBC,EAAnB,EAA+BC,MAA/B,EAA4D;AAAA;;AAAA;;AACxD,8BAAMD,EAAN,EAAUC,MAAV;;AAEA,UAAKC,YAAL,CAAkBH,aAAlB;;AAHwD;AAI3D;;AALL;AAAA;AAAA,WAOI,oBAAkBI,OAAlB,EAAwD;AACpD,WAAKF,MAAL,CAAYE,OAAZ,GAAsBA,OAAtB;AACH;AATL;AAAA;AAAA,WAWI,sBAAuD;AACnD,aAAO,KAAKF,MAAL,CAAYE,OAAnB;AACH;AAbL;AAAA;AAAA,WAeI,gBAAuBC,KAAvB,EAA4E;AAAA;;AACxE,UAAI,CAACA,KAAK,CAACC,SAAX,EAAsB;AAClB,cAAMC,KAAK,yDAAX;AACH;;AAED,UAAQC,IAAR,GAAiBH,KAAK,CAACC,SAAvB,CAAQE,IAAR;AAEA,0BACI,oBAAC,IAAD;AACI,QAAA,IAAI,EAAE,KAAKC,OAAL,EADV;AAEI,QAAA,UAAU,EAAE,KAAKC,aAAL,CAAmBL,KAAnB,CAFhB;AAGI,QAAA,YAAY,EAAE,KAAKM,eAAL,CAAqBN,KAArB,CAHlB;AAII,QAAA,YAAY,EAAE,sBAACO,KAAD,EAAgBC,EAAhB;AAAA,iBAAuB,MAAI,CAACC,cAAL,CAAoBF,KAApB,EAA2BC,EAA3B,CAAvB;AAAA,SAJlB;AAKI,QAAA,WAAW,EAAE,qBAACD,KAAD,EAAgBG,IAAhB;AAAA,iBAAyB,MAAI,CAACC,aAAL,CAAmBJ,KAAnB,EAA0BG,IAA1B,CAAzB;AAAA;AALjB,sBAOI,oBAAC,MAAD;AACI,QAAA,KAAK,EAAE,KAAKE,QAAL,CAAcZ,KAAd,CADX;AAEI,QAAA,QAAQ,EAAE,KAAKa,aAAL,CAAmBb,KAAnB,CAFd;AAGI,QAAA,WAAW,EAAE,KAAKM,eAAL,CAAqBN,KAArB;AAHjB,SAKK,CAAC,KAAKc,UAAL,MAAqB,EAAtB,EAA0BC,GAA1B,CAA8B;AAAA,YAAGR,KAAH,QAAGA,KAAH;AAAA,YAAUS,KAAV,QAAUA,KAAV;AAAA,4BAC3B;AAAQ,UAAA,GAAG,EAAET,KAAb;AAAoB,UAAA,KAAK,EAAEA;AAA3B,WACKS,KADL,CAD2B;AAAA,OAA9B,CALL,CAPJ,CADJ;AAqBH;AA3CL;;AAAA;AAAA,EAAmCtB,gBAAnC","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"]}
+{"version":3,"names":["SelectElement","id","config","applyPlugins","options","props","formProps","Error","Bind","getName","getValidators","getDefaultValue","value","cb","onBeforeChange","form","onAfterChange","getLabel","getIsDisabled","getOptions","map","label","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;;AACA;;AACA;;IAeaA,a;;;;;EACT,uBAAmBC,EAAnB,EAA+BC,MAA/B,EAA4D;IAAA;;IAAA;IACxD,0BAAMD,EAAN,EAAUC,MAAV;;IAEA,MAAKC,YAAL,CAAkBH,aAAlB;;IAHwD;EAI3D;;;;WAED,oBAAkBI,OAAlB,EAAwD;MACpD,KAAKF,MAAL,CAAYE,OAAZ,GAAsBA,OAAtB;IACH;;;WAED,sBAAuD;MACnD,OAAO,KAAKF,MAAL,CAAYE,OAAnB;IACH;;;WAED,gBAAuBC,KAAvB,EAA4E;MAAA;;MACxE,IAAI,CAACA,KAAK,CAACC,SAAX,EAAsB;QAClB,MAAMC,KAAK,yDAAX;MACH;;MAED,IAAQC,IAAR,GAAiBH,KAAK,CAACC,SAAvB,CAAQE,IAAR;MAEA,oBACI,6BAAC,IAAD;QACI,IAAI,EAAE,KAAKC,OAAL,EADV;QAEI,UAAU,EAAE,KAAKC,aAAL,CAAmBL,KAAnB,CAFhB;QAGI,YAAY,EAAE,KAAKM,eAAL,CAAqBN,KAArB,CAHlB;QAII,YAAY,EAAE,sBAACO,KAAD,EAAgBC,EAAhB;UAAA,OAAuB,MAAI,CAACC,cAAL,CAAoBF,KAApB,EAA2BC,EAA3B,CAAvB;QAAA,CAJlB;QAKI,WAAW,EAAE,qBAACD,KAAD,EAAgBG,IAAhB;UAAA,OAAyB,MAAI,CAACC,aAAL,CAAmBJ,KAAnB,EAA0BG,IAA1B,CAAzB;QAAA;MALjB,gBAOI,6BAAC,cAAD;QACI,KAAK,EAAE,KAAKE,QAAL,CAAcZ,KAAd,CADX;QAEI,QAAQ,EAAE,KAAKa,aAAL,CAAmBb,KAAnB,CAFd;QAGI,WAAW,EAAE,KAAKM,eAAL,CAAqBN,KAArB;MAHjB,GAKK,CAAC,KAAKc,UAAL,MAAqB,EAAtB,EAA0BC,GAA1B,CAA8B;QAAA,IAAGR,KAAH,QAAGA,KAAH;QAAA,IAAUS,KAAV,QAAUA,KAAV;QAAA,oBAC3B;UAAQ,GAAG,EAAET,KAAb;UAAoB,KAAK,EAAEA;QAA3B,GACKS,KADL,CAD2B;MAAA,CAA9B,CALL,CAPJ,CADJ;IAqBH;;;EA3C8BC,mC"}

package/ui/elements/form/TextareaElement.js

@@ -1,20 +1,35 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import React from "react";
-import { Input } from "@webiny/ui/Input";
-import { FormFieldElement } from "./FormFieldElement";
-export var TextareaElement = /*#__PURE__*/function (_FormFieldElement) {
-  _inherits(TextareaElement, _FormFieldElement);
-
-  var _super = _createSuper(TextareaElement);
+"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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Input = require("@webiny/ui/Input");
+
+var _FormFieldElement2 = require("./FormFieldElement");
+
+var TextareaElement = /*#__PURE__*/function (_FormFieldElement) {
+  (0, _inherits2.default)(TextareaElement, _FormFieldElement);
+
+  var _super = (0, _createSuper2.default)(TextareaElement);
 
   function TextareaElement(id, config) {
     var _this;
 
-    _classCallCheck(this, TextareaElement);
-
+    (0, _classCallCheck2.default)(this, TextareaElement);
     _this = _super.call(this, id, config);
 
     _this.applyPlugins(TextareaElement);
@@ -22,7 +37,7 @@ export var TextareaElement = /*#__PURE__*/function (_FormFieldElement) {
     return _this;
   }
 
-  _createClass(TextareaElement, [{
+  (0, _createClass2.default)(TextareaElement, [{
     key: "setRows",
     value: function setRows(rows) {
       this.config.rows = rows;
@@ -40,10 +55,10 @@ export var TextareaElement = /*#__PURE__*/function (_FormFieldElement) {
       }
 
       var Bind = props.formProps.Bind;
-      return /*#__PURE__*/React.createElement(Bind, {
+      return /*#__PURE__*/_react.default.createElement(Bind, {
         name: this.getName(),
         validators: this.getValidators(props)
-      }, /*#__PURE__*/React.createElement(Input, {
+      }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
         label: this.getLabel(props),
         disabled: this.getIsDisabled(props),
         rows: this.getRows(),
@@ -51,6 +66,7 @@ export var TextareaElement = /*#__PURE__*/function (_FormFieldElement) {
       }));
     }
   }]);
-
   return TextareaElement;
-}(FormFieldElement);
+}(_FormFieldElement2.FormFieldElement);
+
+exports.TextareaElement = TextareaElement;

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

@@ -1 +1 @@
-{"version":3,"sources":["TextareaElement.tsx"],"names":["React","Input","FormFieldElement","TextareaElement","id","config","applyPlugins","rows","props","formProps","Error","Bind","getName","getValidators","getLabel","getIsDisabled","getRows","getDescription"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT,QAAsB,kBAAtB;AAEA,SAASC,gBAAT;AAUA,WAAaC,eAAb;AAAA;;AAAA;;AACI,2BAAYC,EAAZ,EAAwBC,MAAxB,EAAuD;AAAA;;AAAA;;AACnD,8BAAMD,EAAN,EAAUC,MAAV;;AAEA,UAAKC,YAAL,CAAkBH,eAAlB;;AAHmD;AAItD;;AALL;AAAA;AAAA,WAOI,iBAAeI,IAAf,EAAmC;AAC/B,WAAKF,MAAL,CAAYE,IAAZ,GAAmBA,IAAnB;AACH;AATL;AAAA;AAAA,WAWI,mBAAyB;AACrB,aAAO,KAAKF,MAAL,CAAYE,IAAnB;AACH;AAbL;AAAA;AAAA,WAeI,gBAAuBC,KAAvB,EAA2E;AACvE,UAAI,CAACA,KAAK,CAACC,SAAX,EAAsB;AAClB,cAAMC,KAAK,2DAAX;AACH;;AAED,UAAQC,IAAR,GAAiBH,KAAK,CAACC,SAAvB,CAAQE,IAAR;AAEA,0BACI,oBAAC,IAAD;AAAM,QAAA,IAAI,EAAE,KAAKC,OAAL,EAAZ;AAA4B,QAAA,UAAU,EAAE,KAAKC,aAAL,CAAmBL,KAAnB;AAAxC,sBACI,oBAAC,KAAD;AACI,QAAA,KAAK,EAAE,KAAKM,QAAL,CAAcN,KAAd,CADX;AAEI,QAAA,QAAQ,EAAE,KAAKO,aAAL,CAAmBP,KAAnB,CAFd;AAGI,QAAA,IAAI,EAAE,KAAKQ,OAAL,EAHV;AAII,QAAA,WAAW,EAAE,KAAKC,cAAL,CAAoBT,KAApB;AAJjB,QADJ,CADJ;AAUH;AAhCL;;AAAA;AAAA,EAAqCN,gBAArC","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"]}
+{"version":3,"names":["TextareaElement","id","config","applyPlugins","rows","props","formProps","Error","Bind","getName","getValidators","getLabel","getIsDisabled","getRows","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;;AACA;;AAEA;;IAUaA,e;;;;;EACT,yBAAYC,EAAZ,EAAwBC,MAAxB,EAAuD;IAAA;;IAAA;IACnD,0BAAMD,EAAN,EAAUC,MAAV;;IAEA,MAAKC,YAAL,CAAkBH,eAAlB;;IAHmD;EAItD;;;;WAED,iBAAeI,IAAf,EAAmC;MAC/B,KAAKF,MAAL,CAAYE,IAAZ,GAAmBA,IAAnB;IACH;;;WAED,mBAAyB;MACrB,OAAO,KAAKF,MAAL,CAAYE,IAAnB;IACH;;;WAED,gBAAuBC,KAAvB,EAA2E;MACvE,IAAI,CAACA,KAAK,CAACC,SAAX,EAAsB;QAClB,MAAMC,KAAK,2DAAX;MACH;;MAED,IAAQC,IAAR,GAAiBH,KAAK,CAACC,SAAvB,CAAQE,IAAR;MAEA,oBACI,6BAAC,IAAD;QAAM,IAAI,EAAE,KAAKC,OAAL,EAAZ;QAA4B,UAAU,EAAE,KAAKC,aAAL,CAAmBL,KAAnB;MAAxC,gBACI,6BAAC,YAAD;QACI,KAAK,EAAE,KAAKM,QAAL,CAAcN,KAAd,CADX;QAEI,QAAQ,EAAE,KAAKO,aAAL,CAAmBP,KAAnB,CAFd;QAGI,IAAI,EAAE,KAAKQ,OAAL,EAHV;QAII,WAAW,EAAE,KAAKC,cAAL,CAAoBT,KAApB;MAJjB,EADJ,CADJ;IAUH;;;EAhCgCU,mC"}

package/ui/views/AdminView/ContentElement.js

@@ -1,12 +1,29 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import React from "react";
-import styled from "@emotion/styled";
-import { UIElement } from "../../UIElement";
-import { UIRenderer } from "../../UIRenderer";
-var ContentWrapper = /*#__PURE__*/styled("div", {
+"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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _UIElement2 = require("../../UIElement");
+
+var _UIRenderer2 = require("../../UIRenderer");
+
+var ContentWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "enpnxwx0",
   label: "ContentWrapper"
 })({
@@ -15,38 +32,35 @@ var ContentWrapper = /*#__PURE__*/styled("div", {
 });
 
 var ContentElementRenderer = /*#__PURE__*/function (_UIRenderer) {
-  _inherits(ContentElementRenderer, _UIRenderer);
+  (0, _inherits2.default)(ContentElementRenderer, _UIRenderer);
 
-  var _super = _createSuper(ContentElementRenderer);
+  var _super = (0, _createSuper2.default)(ContentElementRenderer);
 
   function ContentElementRenderer() {
-    _classCallCheck(this, ContentElementRenderer);
-
+    (0, _classCallCheck2.default)(this, ContentElementRenderer);
     return _super.apply(this, arguments);
   }
 
-  _createClass(ContentElementRenderer, [{
+  (0, _createClass2.default)(ContentElementRenderer, [{
     key: "render",
     value: function render(_ref) {
       var next = _ref.next,
           props = _ref.props;
-      return /*#__PURE__*/React.createElement(ContentWrapper, null, props.children ? props.children : next());
+      return /*#__PURE__*/_react.default.createElement(ContentWrapper, null, props.children ? props.children : next());
     }
   }]);
-
   return ContentElementRenderer;
-}(UIRenderer);
+}(_UIRenderer2.UIRenderer);
 
-export var ContentElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(ContentElement, _UIElement);
+var ContentElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(ContentElement, _UIElement);
 
-  var _super2 = _createSuper(ContentElement);
+  var _super2 = (0, _createSuper2.default)(ContentElement);
 
   function ContentElement(id) {
     var _this;
 
-    _classCallCheck(this, ContentElement);
-
+    (0, _classCallCheck2.default)(this, ContentElement);
     _this = _super2.call(this, id);
 
     _this.useGrid(false);
@@ -58,5 +72,7 @@ export var ContentElement = /*#__PURE__*/function (_UIElement) {
     return _this;
   }
 
-  return _createClass(ContentElement);
-}(UIElement);
+  return (0, _createClass2.default)(ContentElement);
+}(_UIElement2.UIElement);
+
+exports.ContentElement = ContentElement;

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

@@ -1 +1 @@
-{"version":3,"sources":["ContentElement.tsx"],"names":["React","styled","UIElement","UIRenderer","ContentWrapper","width","paddingTop","ContentElementRenderer","next","props","children","ContentElement","id","useGrid","addRenderer","applyPlugins"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,SAAT;AACA,SAASC,UAAT;AAEA,IAAMC,cAAc,gBAAGH,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACjCI,EAAAA,KAAK,EAAE,MAD0B;AAEjCC,EAAAA,UAAU,EAAE;AAFqB,CAAjB,CAApB;;IAKMC,sB;;;;;;;;;;;;;WACF,sBAAyF;AAAA,UAAhEC,IAAgE,QAAhEA,IAAgE;AAAA,UAA1DC,KAA0D,QAA1DA,KAA0D;AACrF,0BAAO,oBAAC,cAAD,QAAiBA,KAAK,CAACC,QAAN,GAAiBD,KAAK,CAACC,QAAvB,GAAkCF,IAAI,EAAvD,CAAP;AACH;;;;EAHgCL,U;;AAMrC,WAAaQ,cAAb;AAAA;;AAAA;;AACI,0BAAmBC,EAAnB,EAA+B;AAAA;;AAAA;;AAC3B,+BAAMA,EAAN;;AACA,UAAKC,OAAL,CAAa,KAAb;;AACA,UAAKC,WAAL,CAAiB,IAAIP,sBAAJ,EAAjB;;AACA,UAAKQ,YAAL,CAAkBJ,cAAlB;;AAJ2B;AAK9B;;AANL;AAAA,EAAoCT,SAApC","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: 67\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"]}
+{"version":3,"names":["ContentWrapper","styled","width","paddingTop","ContentElementRenderer","next","props","children","UIRenderer","ContentElement","id","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: 67\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;;AACA;;AACA;;AACA;;AAEA,IAAMA,cAAc,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACjCC,KAAK,EAAE,MAD0B;EAEjCC,UAAU,EAAE;AAFqB,CAAjB,CAApB;;IAKMC,sB;;;;;;;;;;;;WACF,sBAAyF;MAAA,IAAhEC,IAAgE,QAAhEA,IAAgE;MAAA,IAA1DC,KAA0D,QAA1DA,KAA0D;MACrF,oBAAO,6BAAC,cAAD,QAAiBA,KAAK,CAACC,QAAN,GAAiBD,KAAK,CAACC,QAAvB,GAAkCF,IAAI,EAAvD,CAAP;IACH;;;EAHgCG,uB;;IAMxBC,c;;;;;EACT,wBAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,2BAAMA,EAAN;;IACA,MAAKC,OAAL,CAAa,KAAb;;IACA,MAAKC,WAAL,CAAiB,IAAIR,sBAAJ,EAAjB;;IACA,MAAKS,YAAL,CAAkBJ,cAAlB;;IAJ2B;EAK9B;;;EAN+BK,qB"}

package/ui/views/AdminView/HeaderElement.js

@@ -1,17 +1,40 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-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";
+"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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+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");
+
 var ElementID;
 
 (function (ElementID) {
@@ -20,62 +43,59 @@ var ElementID;
 })(ElementID || (ElementID = {}));
 
 var HeaderElementRenderer = /*#__PURE__*/function (_UIRenderer) {
-  _inherits(HeaderElementRenderer, _UIRenderer);
+  (0, _inherits2.default)(HeaderElementRenderer, _UIRenderer);
 
-  var _super = _createSuper(HeaderElementRenderer);
+  var _super = (0, _createSuper2.default)(HeaderElementRenderer);
 
   function HeaderElementRenderer() {
-    _classCallCheck(this, HeaderElementRenderer);
-
+    (0, _classCallCheck2.default)(this, HeaderElementRenderer);
     return _super.apply(this, arguments);
   }
 
-  _createClass(HeaderElementRenderer, [{
+  (0, _createClass2.default)(HeaderElementRenderer, [{
     key: "render",
     value: function render(_ref) {
       var next = _ref.next;
-      return /*#__PURE__*/React.createElement(TopAppBarPrimary, {
+      return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarPrimary, {
         fixed: true
       }, next());
     }
   }]);
-
   return HeaderElementRenderer;
-}(UIRenderer);
+}(_UIRenderer2.UIRenderer);
 
-export var HeaderElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(HeaderElement, _UIElement);
+var HeaderElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(HeaderElement, _UIElement);
 
-  var _super2 = _createSuper(HeaderElement);
+  var _super2 = (0, _createSuper2.default)(HeaderElement);
 
   function HeaderElement(id) {
     var _this;
 
-    _classCallCheck(this, HeaderElement);
-
+    (0, _classCallCheck2.default)(this, HeaderElement);
     _this = _super2.call(this, id);
 
     _this.useGrid(false);
 
-    var leftSection = _this.addElement(new HeaderSectionLeftElement("headerLeft"));
+    var leftSection = _this.addElement(new _HeaderSectionLeftElement.HeaderSectionLeftElement("headerLeft"));
 
-    leftSection.addElement(new PlaceholderElement(ElementID.MenuButton));
-    leftSection.addElement(new PlaceholderElement(ElementID.Logo));
+    leftSection.addElement(new _PlaceholderElement.PlaceholderElement(ElementID.MenuButton));
+    leftSection.addElement(new _PlaceholderElement.PlaceholderElement(ElementID.Logo));
 
-    _this.addElement(new HeaderSectionCenterElement("headerCenter"));
+    _this.addElement(new _HeaderSectionCenterElement.HeaderSectionCenterElement("headerCenter"));
 
-    _this.addElement(new HeaderSectionRightElement("headerRight"));
+    _this.addElement(new _HeaderSectionRightElement.HeaderSectionRightElement("headerRight"));
 
     _this.addRenderer(new HeaderElementRenderer());
 
-    _this.setMenuButton( /*#__PURE__*/React.createElement(Hamburger, null));
+    _this.setMenuButton( /*#__PURE__*/_react.default.createElement(_Hamburger.default, null));
 
     _this.applyPlugins(HeaderElement);
 
     return _this;
   }
 
-  _createClass(HeaderElement, [{
+  (0, _createClass2.default)(HeaderElement, [{
     key: "getLeftSection",
     value: function getLeftSection() {
       return this.getElement("headerLeft");
@@ -100,8 +120,8 @@ export var HeaderElement = /*#__PURE__*/function (_UIElement) {
         return;
       }
 
-      element.replaceWith(new GenericElement(ElementID.Logo, function () {
-        return /*#__PURE__*/React.createElement(TopAppBarTitle, null, logo);
+      element.replaceWith(new _GenericElement.GenericElement(ElementID.Logo, function () {
+        return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarTitle, null, logo);
       }));
     }
   }, {
@@ -113,11 +133,12 @@ export var HeaderElement = /*#__PURE__*/function (_UIElement) {
         return;
       }
 
-      button.replaceWith(new GenericElement(ElementID.MenuButton, function () {
+      button.replaceWith(new _GenericElement.GenericElement(ElementID.MenuButton, function () {
         return menuButton;
       }));
     }
   }]);
-
   return HeaderElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+
+exports.HeaderElement = HeaderElement;

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

@@ -1 +1 @@
-{"version":3,"sources":["HeaderElement.tsx"],"names":["React","UIElement","TopAppBarPrimary","TopAppBarTitle","GenericElement","PlaceholderElement","HeaderSectionLeftElement","HeaderSectionCenterElement","HeaderSectionRightElement","Hamburger","UIRenderer","ElementID","HeaderElementRenderer","next","HeaderElement","id","useGrid","leftSection","addElement","MenuButton","Logo","addRenderer","setMenuButton","applyPlugins","getElement","logo","element","replaceWith","menuButton","button"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT;AACA,SAASC,gBAAT,EAA2BC,cAA3B,QAAiD,sBAAjD;AACA,SAASC,cAAT;AACA,SAASC,kBAAT;AACA,SAASC,wBAAT;AACA,SAASC,0BAAT;AACA,SAASC,yBAAT;AACA,OAAOC,SAAP;AACA,SAASC,UAAT;IAEKC,S;;WAAAA,S;AAAAA,EAAAA,S;AAAAA,EAAAA,S;GAAAA,S,KAAAA,S;;IAKCC,qB;;;;;;;;;;;;;WACF,sBAAiF;AAAA,UAAxDC,IAAwD,QAAxDA,IAAwD;AAC7E,0BAAO,oBAAC,gBAAD;AAAkB,QAAA,KAAK;AAAvB,SAAyBA,IAAI,EAA7B,CAAP;AACH;;;;EAH+BH,U;;AAMpC,WAAaI,aAAb;AAAA;;AAAA;;AACI,yBAAmBC,EAAnB,EAA+B;AAAA;;AAAA;;AAC3B,+BAAMA,EAAN;;AAEA,UAAKC,OAAL,CAAa,KAAb;;AAEA,QAAMC,WAAW,GAAG,MAAKC,UAAL,CAAgB,IAAIZ,wBAAJ,CAA6B,YAA7B,CAAhB,CAApB;;AACAW,IAAAA,WAAW,CAACC,UAAZ,CAAuB,IAAIb,kBAAJ,CAAuBM,SAAS,CAACQ,UAAjC,CAAvB;AACAF,IAAAA,WAAW,CAACC,UAAZ,CAAuB,IAAIb,kBAAJ,CAAuBM,SAAS,CAACS,IAAjC,CAAvB;;AAEA,UAAKF,UAAL,CAAgB,IAAIX,0BAAJ,CAA+B,cAA/B,CAAhB;;AACA,UAAKW,UAAL,CAAgB,IAAIV,yBAAJ,CAA8B,aAA9B,CAAhB;;AAEA,UAAKa,WAAL,CAAiB,IAAIT,qBAAJ,EAAjB;;AAEA,UAAKU,aAAL,eAAmB,oBAAC,SAAD,OAAnB;;AACA,UAAKC,YAAL,CAAkBT,aAAlB;;AAf2B;AAgB9B;;AAjBL;AAAA;AAAA,WAmBI,0BAAkD;AAC9C,aAAO,KAAKU,UAAL,CAAgB,YAAhB,CAAP;AACH;AArBL;AAAA;AAAA,WAuBI,4BAAsD;AAClD,aAAO,KAAKA,UAAL,CAAgB,cAAhB,CAAP;AACH;AAzBL;AAAA;AAAA,WA2BI,2BAAoD;AAChD,aAAO,KAAKA,UAAL,CAAgB,aAAhB,CAAP;AACH;AA7BL;AAAA;AAAA,WA+BI,iBAAeC,IAAf,EAA+C;AAC3C;AACA,UAAMC,OAAO,GAAG,KAAKF,UAAL,CAAgBb,SAAS,CAACS,IAA1B,CAAhB;;AACA,UAAI,CAACM,OAAL,EAAc;AACV;AACH;;AACDA,MAAAA,OAAO,CAACC,WAAR,CACI,IAAIvB,cAAJ,CAAmBO,SAAS,CAACS,IAA7B,EAAmC,YAAM;AACrC,4BAAO,oBAAC,cAAD,QAAiBK,IAAjB,CAAP;AACH,OAFD,CADJ;AAKH;AA1CL;AAAA;AAAA,WA4CI,uBAAqBG,UAArB,EAA2D;AACvD,UAAMC,MAAM,GAAG,KAAKL,UAAL,CAAgBb,SAAS,CAACQ,UAA1B,CAAf;;AACA,UAAI,CAACU,MAAL,EAAa;AACT;AACH;;AACDA,MAAAA,MAAM,CAACF,WAAP,CACI,IAAIvB,cAAJ,CAAmBO,SAAS,CAACQ,UAA7B,EAAyC,YAAM;AAC3C,eAAOS,UAAP;AACH,OAFD,CADJ;AAKH;AAtDL;;AAAA;AAAA,EAAmC3B,SAAnC","sourcesContent":["import React from \"react\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { TopAppBarPrimary, TopAppBarTitle } from \"@webiny/ui/TopAppBar\";\nimport { GenericElement } from \"~/ui/elements/GenericElement\";\nimport { PlaceholderElement } from \"~/ui/elements/PlaceholderElement\";\nimport { HeaderSectionLeftElement } from \"./HeaderSectionLeftElement\";\nimport { HeaderSectionCenterElement } from \"./HeaderSectionCenterElement\";\nimport { HeaderSectionRightElement } from \"./HeaderSectionRightElement\";\nimport Hamburger from \"./components/Hamburger\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\nenum ElementID {\n    MenuButton = \"headerMenuButton\",\n    Logo = \"headerLogo\"\n}\n\nclass HeaderElementRenderer extends UIRenderer<HeaderElement> {\n    public override render({ next }: UIRenderParams<HeaderElement>): React.ReactNode {\n        return <TopAppBarPrimary fixed>{next()}</TopAppBarPrimary>;\n    }\n}\n\nexport class HeaderElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n\n        const leftSection = this.addElement(new HeaderSectionLeftElement(\"headerLeft\"));\n        leftSection.addElement(new PlaceholderElement(ElementID.MenuButton));\n        leftSection.addElement(new PlaceholderElement(ElementID.Logo));\n\n        this.addElement(new HeaderSectionCenterElement(\"headerCenter\"));\n        this.addElement(new HeaderSectionRightElement(\"headerRight\"));\n\n        this.addRenderer(new HeaderElementRenderer());\n\n        this.setMenuButton(<Hamburger />);\n        this.applyPlugins(HeaderElement);\n    }\n\n    public getLeftSection(): HeaderSectionLeftElement {\n        return this.getElement(\"headerLeft\") as HeaderSectionLeftElement;\n    }\n\n    public getCenterSection(): HeaderSectionCenterElement {\n        return this.getElement(\"headerCenter\") as HeaderSectionCenterElement;\n    }\n\n    public getRightSection(): HeaderSectionRightElement {\n        return this.getElement(\"headerRight\") as HeaderSectionRightElement;\n    }\n\n    public setLogo(logo: React.ReactElement): void {\n        // TODO: extract into a `LogoElement` class\n        const element = this.getElement(ElementID.Logo);\n        if (!element) {\n            return;\n        }\n        element.replaceWith(\n            new GenericElement(ElementID.Logo, () => {\n                return <TopAppBarTitle>{logo}</TopAppBarTitle>;\n            })\n        );\n    }\n\n    public setMenuButton(menuButton: React.ReactElement): void {\n        const button = this.getElement(ElementID.MenuButton);\n        if (!button) {\n            return;\n        }\n        button.replaceWith(\n            new GenericElement(ElementID.MenuButton, () => {\n                return menuButton;\n            })\n        );\n    }\n}\n"]}
+{"version":3,"names":["ElementID","HeaderElementRenderer","next","UIRenderer","HeaderElement","id","useGrid","leftSection","addElement","HeaderSectionLeftElement","PlaceholderElement","MenuButton","Logo","HeaderSectionCenterElement","HeaderSectionRightElement","addRenderer","setMenuButton","applyPlugins","getElement","logo","element","replaceWith","GenericElement","menuButton","button","UIElement"],"sources":["HeaderElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { TopAppBarPrimary, TopAppBarTitle } from \"@webiny/ui/TopAppBar\";\nimport { GenericElement } from \"~/ui/elements/GenericElement\";\nimport { PlaceholderElement } from \"~/ui/elements/PlaceholderElement\";\nimport { HeaderSectionLeftElement } from \"./HeaderSectionLeftElement\";\nimport { HeaderSectionCenterElement } from \"./HeaderSectionCenterElement\";\nimport { HeaderSectionRightElement } from \"./HeaderSectionRightElement\";\nimport Hamburger from \"./components/Hamburger\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\nenum ElementID {\n    MenuButton = \"headerMenuButton\",\n    Logo = \"headerLogo\"\n}\n\nclass HeaderElementRenderer extends UIRenderer<HeaderElement> {\n    public override render({ next }: UIRenderParams<HeaderElement>): React.ReactNode {\n        return <TopAppBarPrimary fixed>{next()}</TopAppBarPrimary>;\n    }\n}\n\nexport class HeaderElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n\n        const leftSection = this.addElement(new HeaderSectionLeftElement(\"headerLeft\"));\n        leftSection.addElement(new PlaceholderElement(ElementID.MenuButton));\n        leftSection.addElement(new PlaceholderElement(ElementID.Logo));\n\n        this.addElement(new HeaderSectionCenterElement(\"headerCenter\"));\n        this.addElement(new HeaderSectionRightElement(\"headerRight\"));\n\n        this.addRenderer(new HeaderElementRenderer());\n\n        this.setMenuButton(<Hamburger />);\n        this.applyPlugins(HeaderElement);\n    }\n\n    public getLeftSection(): HeaderSectionLeftElement {\n        return this.getElement(\"headerLeft\") as HeaderSectionLeftElement;\n    }\n\n    public getCenterSection(): HeaderSectionCenterElement {\n        return this.getElement(\"headerCenter\") as HeaderSectionCenterElement;\n    }\n\n    public getRightSection(): HeaderSectionRightElement {\n        return this.getElement(\"headerRight\") as HeaderSectionRightElement;\n    }\n\n    public setLogo(logo: React.ReactElement): void {\n        // TODO: extract into a `LogoElement` class\n        const element = this.getElement(ElementID.Logo);\n        if (!element) {\n            return;\n        }\n        element.replaceWith(\n            new GenericElement(ElementID.Logo, () => {\n                return <TopAppBarTitle>{logo}</TopAppBarTitle>;\n            })\n        );\n    }\n\n    public setMenuButton(menuButton: React.ReactElement): void {\n        const button = this.getElement(ElementID.MenuButton);\n        if (!button) {\n            return;\n        }\n        button.replaceWith(\n            new GenericElement(ElementID.MenuButton, () => {\n                return menuButton;\n            })\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;IAEKA,S;;WAAAA,S;EAAAA,S;EAAAA,S;GAAAA,S,KAAAA,S;;IAKCC,qB;;;;;;;;;;;;WACF,sBAAiF;MAAA,IAAxDC,IAAwD,QAAxDA,IAAwD;MAC7E,oBAAO,6BAAC,2BAAD;QAAkB,KAAK;MAAvB,GAAyBA,IAAI,EAA7B,CAAP;IACH;;;EAH+BC,uB;;IAMvBC,a;;;;;EACT,uBAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,2BAAMA,EAAN;;IAEA,MAAKC,OAAL,CAAa,KAAb;;IAEA,IAAMC,WAAW,GAAG,MAAKC,UAAL,CAAgB,IAAIC,kDAAJ,CAA6B,YAA7B,CAAhB,CAApB;;IACAF,WAAW,CAACC,UAAZ,CAAuB,IAAIE,sCAAJ,CAAuBV,SAAS,CAACW,UAAjC,CAAvB;IACAJ,WAAW,CAACC,UAAZ,CAAuB,IAAIE,sCAAJ,CAAuBV,SAAS,CAACY,IAAjC,CAAvB;;IAEA,MAAKJ,UAAL,CAAgB,IAAIK,sDAAJ,CAA+B,cAA/B,CAAhB;;IACA,MAAKL,UAAL,CAAgB,IAAIM,oDAAJ,CAA8B,aAA9B,CAAhB;;IAEA,MAAKC,WAAL,CAAiB,IAAId,qBAAJ,EAAjB;;IAEA,MAAKe,aAAL,eAAmB,6BAAC,kBAAD,OAAnB;;IACA,MAAKC,YAAL,CAAkBb,aAAlB;;IAf2B;EAgB9B;;;;WAED,0BAAkD;MAC9C,OAAO,KAAKc,UAAL,CAAgB,YAAhB,CAAP;IACH;;;WAED,4BAAsD;MAClD,OAAO,KAAKA,UAAL,CAAgB,cAAhB,CAAP;IACH;;;WAED,2BAAoD;MAChD,OAAO,KAAKA,UAAL,CAAgB,aAAhB,CAAP;IACH;;;WAED,iBAAeC,IAAf,EAA+C;MAC3C;MACA,IAAMC,OAAO,GAAG,KAAKF,UAAL,CAAgBlB,SAAS,CAACY,IAA1B,CAAhB;;MACA,IAAI,CAACQ,OAAL,EAAc;QACV;MACH;;MACDA,OAAO,CAACC,WAAR,CACI,IAAIC,8BAAJ,CAAmBtB,SAAS,CAACY,IAA7B,EAAmC,YAAM;QACrC,oBAAO,6BAAC,yBAAD,QAAiBO,IAAjB,CAAP;MACH,CAFD,CADJ;IAKH;;;WAED,uBAAqBI,UAArB,EAA2D;MACvD,IAAMC,MAAM,GAAG,KAAKN,UAAL,CAAgBlB,SAAS,CAACW,UAA1B,CAAf;;MACA,IAAI,CAACa,MAAL,EAAa;QACT;MACH;;MACDA,MAAM,CAACH,WAAP,CACI,IAAIC,8BAAJ,CAAmBtB,SAAS,CAACW,UAA7B,EAAyC,YAAM;QAC3C,OAAOY,UAAP;MACH,CAFD,CADJ;IAKH;;;EAtD8BE,qB"}