@webiny/app-admin 0.0.0-unstable.d4f203fa97 → 0.0.0-unstable.d65ec29d44

package/ui/elements/form/SelectElement.js

@@ -1,42 +1,27 @@
 "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;
-
     (0, _classCallCheck2.default)(this, SelectElement);
     _this = _super.call(this, id, config);
-
     _this.applyPlugins(SelectElement);
-
     return _this;
   }
-
   (0, _createClass2.default)(SelectElement, [{
     key: "setOptions",
     value: function setOptions(options) {
@@ -51,11 +36,9 @@ var SelectElement = /*#__PURE__*/function (_FormFieldElement) {
     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(),
@@ -73,7 +56,7 @@ var SelectElement = /*#__PURE__*/function (_FormFieldElement) {
         description: this.getDefaultValue(props)
       }, (this.getOptions() || []).map(function (_ref) {
         var value = _ref.value,
-            label = _ref.label;
+          label = _ref.label;
         return /*#__PURE__*/_react.default.createElement("option", {
           key: value,
           value: value
@@ -83,5 +66,4 @@ var SelectElement = /*#__PURE__*/function (_FormFieldElement) {
   }]);
   return SelectElement;
 }(_FormFieldElement2.FormFieldElement);
-
 exports.SelectElement = SelectElement;

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

@@ -1 +1 @@
-{"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"}
+{"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;AAI6C,IAWhCA,aAAa;EAAA;EAAA;EACtB,uBAAmBC,EAAU,EAAEC,MAA2B,EAAE;IAAA;IAAA;IACxD,0BAAMD,EAAE,EAAEC,MAAM;IAEhB,MAAKC,YAAY,CAACH,aAAa,CAAC;IAAC;EACrC;EAAC;IAAA;IAAA,OAED,oBAAkBI,OAA8B,EAAQ;MACpD,IAAI,CAACF,MAAM,CAACE,OAAO,GAAGA,OAAO;IACjC;EAAC;IAAA;IAAA,OAED,sBAAuD;MACnD,OAAO,IAAI,CAACF,MAAM,CAACE,OAAO;IAC9B;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAAkC,EAAmB;MAAA;MACxE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;QAClB,MAAMC,KAAK,yDAAyD;MACxE;MAEA,IAAQC,IAAI,GAAKH,KAAK,CAACC,SAAS,CAAxBE,IAAI;MAEZ,oBACI,6BAAC,IAAI;QACD,IAAI,EAAE,IAAI,CAACC,OAAO,EAAG;QACrB,UAAU,EAAE,IAAI,CAACC,aAAa,CAACL,KAAK,CAAE;QACtC,YAAY,EAAE,IAAI,CAACM,eAAe,CAACN,KAAK,CAAE;QAC1C,YAAY,EAAE,sBAACO,KAAa,EAAEC,EAAE;UAAA,OAAK,MAAI,CAACC,cAAc,CAACF,KAAK,EAAEC,EAAE,CAAC;QAAA,CAAC;QACpE,WAAW,EAAE,qBAACD,KAAa,EAAEG,IAAI;UAAA,OAAK,MAAI,CAACC,aAAa,CAACJ,KAAK,EAAEG,IAAI,CAAC;QAAA;MAAC,gBAEtE,6BAAC,cAAM;QACH,KAAK,EAAE,IAAI,CAACE,QAAQ,CAACZ,KAAK,CAAE;QAC5B,QAAQ,EAAE,IAAI,CAACa,aAAa,CAACb,KAAK,CAAE;QACpC,WAAW,EAAE,IAAI,CAACM,eAAe,CAACN,KAAK;MAAE,GAExC,CAAC,IAAI,CAACc,UAAU,EAAE,IAAI,EAAE,EAAEC,GAAG,CAAC;QAAA,IAAGR,KAAK,QAALA,KAAK;UAAES,KAAK,QAALA,KAAK;QAAA,oBAC1C;UAAQ,GAAG,EAAET,KAAM;UAAC,KAAK,EAAEA;QAAM,GAC5BS,KAAK,CACD;MAAA,CACZ,CAAC,CACG,CACN;IAEf;EAAC;EAAA;AAAA,EA3C8BC,mCAAgB;AAAA"}

package/ui/elements/form/TextareaElement.js

@@ -1,42 +1,27 @@
 "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;
-
     (0, _classCallCheck2.default)(this, TextareaElement);
     _this = _super.call(this, id, config);
-
     _this.applyPlugins(TextareaElement);
-
     return _this;
   }
-
   (0, _createClass2.default)(TextareaElement, [{
     key: "setRows",
     value: function setRows(rows) {
@@ -53,7 +38,6 @@ var TextareaElement = /*#__PURE__*/function (_FormFieldElement) {
       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(),
@@ -68,5 +52,4 @@ var TextareaElement = /*#__PURE__*/function (_FormFieldElement) {
   }]);
   return TextareaElement;
 }(_FormFieldElement2.FormFieldElement);
-
 exports.TextareaElement = TextareaElement;

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

@@ -1 +1 @@
-{"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"}
+{"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;AAA+F,IAUlFA,eAAe;EAAA;EAAA;EACxB,yBAAYC,EAAU,EAAEC,MAA6B,EAAE;IAAA;IAAA;IACnD,0BAAMD,EAAE,EAAEC,MAAM;IAEhB,MAAKC,YAAY,CAACH,eAAe,CAAC;IAAC;EACvC;EAAC;IAAA;IAAA,OAED,iBAAeI,IAAY,EAAQ;MAC/B,IAAI,CAACF,MAAM,CAACE,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAA;IAAA,OAED,mBAAyB;MACrB,OAAO,IAAI,CAACF,MAAM,CAACE,IAAI;IAC3B;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAAiC,EAAmB;MACvE,IAAI,CAACA,KAAK,CAACC,SAAS,EAAE;QAClB,MAAMC,KAAK,2DAA2D;MAC1E;MAEA,IAAQC,IAAI,GAAKH,KAAK,CAACC,SAAS,CAAxBE,IAAI;MAEZ,oBACI,6BAAC,IAAI;QAAC,IAAI,EAAE,IAAI,CAACC,OAAO,EAAG;QAAC,UAAU,EAAE,IAAI,CAACC,aAAa,CAACL,KAAK;MAAE,gBAC9D,6BAAC,YAAK;QACF,KAAK,EAAE,IAAI,CAACM,QAAQ,CAACN,KAAK,CAAE;QAC5B,QAAQ,EAAE,IAAI,CAACO,aAAa,CAACP,KAAK,CAAE;QACpC,IAAI,EAAE,IAAI,CAACQ,OAAO,EAAG;QACrB,WAAW,EAAE,IAAI,CAACC,cAAc,CAACT,KAAK;MAAE,EAC1C,CACC;IAEf;EAAC;EAAA;AAAA,EAhCgCU,mCAAgB;AAAA"}

package/ui/views/AdminView/ContentElement.js

@@ -1,28 +1,18 @@
 "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"
@@ -30,49 +20,35 @@ var ContentWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   width: "100%",
   paddingTop: 67
 });
-
 var ContentElementRenderer = /*#__PURE__*/function (_UIRenderer) {
   (0, _inherits2.default)(ContentElementRenderer, _UIRenderer);
-
   var _super = (0, _createSuper2.default)(ContentElementRenderer);
-
   function ContentElementRenderer() {
     (0, _classCallCheck2.default)(this, ContentElementRenderer);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(ContentElementRenderer, [{
     key: "render",
     value: function render(_ref) {
       var next = _ref.next,
-          props = _ref.props;
+        props = _ref.props;
       return /*#__PURE__*/_react.default.createElement(ContentWrapper, null, props.children ? props.children : next());
     }
   }]);
   return ContentElementRenderer;
 }(_UIRenderer2.UIRenderer);
-
 var ContentElement = /*#__PURE__*/function (_UIElement) {
   (0, _inherits2.default)(ContentElement, _UIElement);
-
   var _super2 = (0, _createSuper2.default)(ContentElement);
-
   function ContentElement(id) {
     var _this;
-
     (0, _classCallCheck2.default)(this, ContentElement);
     _this = _super2.call(this, id);
-
     _this.useGrid(false);
-
     _this.addRenderer(new ContentElementRenderer());
-
     _this.applyPlugins(ContentElement);
-
     return _this;
   }
-
   return (0, _createClass2.default)(ContentElement);
 }(_UIElement2.UIElement);
-
 exports.ContentElement = ContentElement;

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

@@ -1 +1 @@
-{"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"}
+{"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,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACjCC,KAAK,EAAE,MAAM;EACbC,UAAU,EAAE;AAChB,CAAC,CAAC;AAAC,IAEGC,sBAAsB;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OACxB,sBAAyF;MAAA,IAAhEC,IAAI,QAAJA,IAAI;QAAEC,KAAK,QAALA,KAAK;MAChC,oBAAO,6BAAC,cAAc,QAAEA,KAAK,CAACC,QAAQ,GAAGD,KAAK,CAACC,QAAQ,GAAGF,IAAI,EAAE,CAAkB;IACtF;EAAC;EAAA;AAAA,EAHgCG,uBAAU;AAAA,IAMlCC,cAAc;EAAA;EAAA;EACvB,wBAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,2BAAMA,EAAE;IACR,MAAKC,OAAO,CAAC,KAAK,CAAC;IACnB,MAAKC,WAAW,CAAC,IAAIR,sBAAsB,EAAE,CAAC;IAC9C,MAAKS,YAAY,CAACJ,cAAc,CAAC;IAAC;EACtC;EAAC;AAAA,EAN+BK,qBAAS;AAAA"}

package/ui/views/AdminView/HeaderElement.js

@@ -1,57 +1,36 @@
 "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) {
   ElementID["MenuButton"] = "headerMenuButton";
   ElementID["Logo"] = "headerLogo";
 })(ElementID || (ElementID = {}));
-
 var HeaderElementRenderer = /*#__PURE__*/function (_UIRenderer) {
   (0, _inherits2.default)(HeaderElementRenderer, _UIRenderer);
-
   var _super = (0, _createSuper2.default)(HeaderElementRenderer);
-
   function HeaderElementRenderer() {
     (0, _classCallCheck2.default)(this, HeaderElementRenderer);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(HeaderElementRenderer, [{
     key: "render",
     value: function render(_ref) {
@@ -63,38 +42,24 @@ var HeaderElementRenderer = /*#__PURE__*/function (_UIRenderer) {
   }]);
   return HeaderElementRenderer;
 }(_UIRenderer2.UIRenderer);
-
 var HeaderElement = /*#__PURE__*/function (_UIElement) {
   (0, _inherits2.default)(HeaderElement, _UIElement);
-
   var _super2 = (0, _createSuper2.default)(HeaderElement);
-
   function HeaderElement(id) {
     var _this;
-
     (0, _classCallCheck2.default)(this, HeaderElement);
     _this = _super2.call(this, 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;
   }
-
   (0, _createClass2.default)(HeaderElement, [{
     key: "getLeftSection",
     value: function getLeftSection() {
@@ -115,11 +80,9 @@ var HeaderElement = /*#__PURE__*/function (_UIElement) {
     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);
       }));
@@ -128,11 +91,9 @@ var HeaderElement = /*#__PURE__*/function (_UIElement) {
     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;
       }));
@@ -140,5 +101,4 @@ var HeaderElement = /*#__PURE__*/function (_UIElement) {
   }]);
   return HeaderElement;
 }(_UIElement2.UIElement);
-
 exports.HeaderElement = HeaderElement;

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

@@ -1 +1 @@
-{"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"}
+{"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;AAA6D,IAExDA,SAAS;AAAA,WAATA,SAAS;EAATA,SAAS;EAATA,SAAS;AAAA,GAATA,SAAS,KAATA,SAAS;AAAA,IAKRC,qBAAqB;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OACvB,sBAAiF;MAAA,IAAxDC,IAAI,QAAJA,IAAI;MACzB,oBAAO,6BAAC,2BAAgB;QAAC,KAAK;MAAA,GAAEA,IAAI,EAAE,CAAoB;IAC9D;EAAC;EAAA;AAAA,EAH+BC,uBAAU;AAAA,IAMjCC,aAAa;EAAA;EAAA;EACtB,uBAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,2BAAMA,EAAE;IAER,MAAKC,OAAO,CAAC,KAAK,CAAC;IAEnB,IAAMC,WAAW,GAAG,MAAKC,UAAU,CAAC,IAAIC,kDAAwB,CAAC,YAAY,CAAC,CAAC;IAC/EF,WAAW,CAACC,UAAU,CAAC,IAAIE,sCAAkB,CAACV,SAAS,CAACW,UAAU,CAAC,CAAC;IACpEJ,WAAW,CAACC,UAAU,CAAC,IAAIE,sCAAkB,CAACV,SAAS,CAACY,IAAI,CAAC,CAAC;IAE9D,MAAKJ,UAAU,CAAC,IAAIK,sDAA0B,CAAC,cAAc,CAAC,CAAC;IAC/D,MAAKL,UAAU,CAAC,IAAIM,oDAAyB,CAAC,aAAa,CAAC,CAAC;IAE7D,MAAKC,WAAW,CAAC,IAAId,qBAAqB,EAAE,CAAC;IAE7C,MAAKe,aAAa,eAAC,6BAAC,kBAAS,OAAG,CAAC;IACjC,MAAKC,YAAY,CAACb,aAAa,CAAC;IAAC;EACrC;EAAC;IAAA;IAAA,OAED,0BAAkD;MAC9C,OAAO,IAAI,CAACc,UAAU,CAAC,YAAY,CAAC;IACxC;EAAC;IAAA;IAAA,OAED,4BAAsD;MAClD,OAAO,IAAI,CAACA,UAAU,CAAC,cAAc,CAAC;IAC1C;EAAC;IAAA;IAAA,OAED,2BAAoD;MAChD,OAAO,IAAI,CAACA,UAAU,CAAC,aAAa,CAAC;IACzC;EAAC;IAAA;IAAA,OAED,iBAAeC,IAAwB,EAAQ;MAC3C;MACA,IAAMC,OAAO,GAAG,IAAI,CAACF,UAAU,CAAClB,SAAS,CAACY,IAAI,CAAC;MAC/C,IAAI,CAACQ,OAAO,EAAE;QACV;MACJ;MACAA,OAAO,CAACC,WAAW,CACf,IAAIC,8BAAc,CAACtB,SAAS,CAACY,IAAI,EAAE,YAAM;QACrC,oBAAO,6BAAC,yBAAc,QAAEO,IAAI,CAAkB;MAClD,CAAC,CAAC,CACL;IACL;EAAC;IAAA;IAAA,OAED,uBAAqBI,UAA8B,EAAQ;MACvD,IAAMC,MAAM,GAAG,IAAI,CAACN,UAAU,CAAClB,SAAS,CAACW,UAAU,CAAC;MACpD,IAAI,CAACa,MAAM,EAAE;QACT;MACJ;MACAA,MAAM,CAACH,WAAW,CACd,IAAIC,8BAAc,CAACtB,SAAS,CAACW,UAAU,EAAE,YAAM;QAC3C,OAAOY,UAAU;MACrB,CAAC,CAAC,CACL;IACL;EAAC;EAAA;AAAA,EAtD8BE,qBAAS;AAAA"}

package/ui/views/AdminView/HeaderSectionCenterElement.js

@@ -1,52 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HeaderSectionCenterElement = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _emotion = require("emotion");
-
 var _UIElement2 = require("../../UIElement");
-
 var _TopAppBar = require("@webiny/ui/TopAppBar");
-
 var middleBar = /*#__PURE__*/(0, _emotion.css)({
   width: "50%"
 }, "label:middleBar;");
-
 var HeaderSectionCenterElement = /*#__PURE__*/function (_UIElement) {
   (0, _inherits2.default)(HeaderSectionCenterElement, _UIElement);
-
   var _super = (0, _createSuper2.default)(HeaderSectionCenterElement);
-
   function HeaderSectionCenterElement(id) {
     var _this;
-
     (0, _classCallCheck2.default)(this, HeaderSectionCenterElement);
     _this = _super.call(this, id);
-
     _this.useGrid(false);
-
     return _this;
   }
-
   (0, _createClass2.default)(HeaderSectionCenterElement, [{
     key: "render",
     value: function render(props) {
@@ -58,5 +39,4 @@ var HeaderSectionCenterElement = /*#__PURE__*/function (_UIElement) {
   }]);
   return HeaderSectionCenterElement;
 }(_UIElement2.UIElement);
-
 exports.HeaderSectionCenterElement = HeaderSectionCenterElement;

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

@@ -1 +1 @@
-{"version":3,"names":["middleBar","css","width","HeaderSectionCenterElement","id","useGrid","props","UIElement"],"sources":["HeaderSectionCenterElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst middleBar = css({\n    width: \"50%\"\n});\n\nexport class HeaderSectionCenterElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={middleBar} alignEnd>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,SAAS,gBAAG,IAAAC,YAAA,EAAI;EAClBC,KAAK,EAAE;AADW,CAAJ,qBAAlB;;IAIaC,0B;;;;;EACT,oCAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,0BAAMA,EAAN;;IAEA,MAAKC,OAAL,CAAa,KAAb;;IAH2B;EAI9B;;;;WAED,gBAAuBC,KAAvB,EAAqE;MACjE,oBACI,6BAAC,2BAAD;QAAkB,SAAS,EAAEN,SAA7B;QAAwC,QAAQ;MAAhD,sHACkBM,KADlB,EADJ;IAKH;;;EAb2CC,qB"}
+{"version":3,"names":["middleBar","css","width","HeaderSectionCenterElement","id","useGrid","props","UIElement"],"sources":["HeaderSectionCenterElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst middleBar = css({\n    width: \"50%\"\n});\n\nexport class HeaderSectionCenterElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={middleBar} alignEnd>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA,IAAMA,SAAS,gBAAG,IAAAC,YAAG,EAAC;EAClBC,KAAK,EAAE;AACX,CAAC,qBAAC;AAAC,IAEUC,0BAA0B;EAAA;EAAA;EACnC,oCAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,0BAAMA,EAAE;IAER,MAAKC,OAAO,CAAC,KAAK,CAAC;IAAC;EACxB;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAA2B,EAAmB;MACjE,oBACI,6BAAC,2BAAgB;QAAC,SAAS,EAAEN,SAAU;QAAC,QAAQ;MAAA,sHAC9BM,KAAK,EACJ;IAE3B;EAAC;EAAA;AAAA,EAb2CC,qBAAS;AAAA"}

package/ui/views/AdminView/HeaderSectionLeftElement.js

@@ -1,52 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HeaderSectionLeftElement = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _emotion = require("emotion");
-
 var _UIElement2 = require("../../UIElement");
-
 var _TopAppBar = require("@webiny/ui/TopAppBar");
-
 var edgeBars = /*#__PURE__*/(0, _emotion.css)({
   width: "25%"
 }, "label:edgeBars;");
-
 var HeaderSectionLeftElement = /*#__PURE__*/function (_UIElement) {
   (0, _inherits2.default)(HeaderSectionLeftElement, _UIElement);
-
   var _super = (0, _createSuper2.default)(HeaderSectionLeftElement);
-
   function HeaderSectionLeftElement(id) {
     var _this;
-
     (0, _classCallCheck2.default)(this, HeaderSectionLeftElement);
     _this = _super.call(this, id);
-
     _this.useGrid(false);
-
     return _this;
   }
-
   (0, _createClass2.default)(HeaderSectionLeftElement, [{
     key: "render",
     value: function render(props) {
@@ -58,5 +39,4 @@ var HeaderSectionLeftElement = /*#__PURE__*/function (_UIElement) {
   }]);
   return HeaderSectionLeftElement;
 }(_UIElement2.UIElement);
-
 exports.HeaderSectionLeftElement = HeaderSectionLeftElement;

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

@@ -1 +1 @@
-{"version":3,"names":["edgeBars","css","width","HeaderSectionLeftElement","id","useGrid","props","UIElement"],"sources":["HeaderSectionLeftElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n    width: \"25%\"\n});\n\nexport class HeaderSectionLeftElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={edgeBars} alignStart>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,gBAAG,IAAAC,YAAA,EAAI;EACjBC,KAAK,EAAE;AADU,CAAJ,oBAAjB;;IAIaC,wB;;;;;EACT,kCAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,0BAAMA,EAAN;;IAEA,MAAKC,OAAL,CAAa,KAAb;;IAH2B;EAI9B;;;;WAED,gBAAuBC,KAAvB,EAAqE;MACjE,oBACI,6BAAC,2BAAD;QAAkB,SAAS,EAAEN,QAA7B;QAAuC,UAAU;MAAjD,oHACkBM,KADlB,EADJ;IAKH;;;EAbyCC,qB"}
+{"version":3,"names":["edgeBars","css","width","HeaderSectionLeftElement","id","useGrid","props","UIElement"],"sources":["HeaderSectionLeftElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n    width: \"25%\"\n});\n\nexport class HeaderSectionLeftElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={edgeBars} alignStart>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA,IAAMA,QAAQ,gBAAG,IAAAC,YAAG,EAAC;EACjBC,KAAK,EAAE;AACX,CAAC,oBAAC;AAAC,IAEUC,wBAAwB;EAAA;EAAA;EACjC,kCAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,0BAAMA,EAAE;IAER,MAAKC,OAAO,CAAC,KAAK,CAAC;IAAC;EACxB;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAA2B,EAAmB;MACjE,oBACI,6BAAC,2BAAgB;QAAC,SAAS,EAAEN,QAAS;QAAC,UAAU;MAAA,oHAC/BM,KAAK,EACJ;IAE3B;EAAC;EAAA;AAAA,EAbyCC,qBAAS;AAAA"}

package/ui/views/AdminView/HeaderSectionRightElement.js

@@ -1,52 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HeaderSectionRightElement = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _emotion = require("emotion");
-
 var _UIElement2 = require("../../UIElement");
-
 var _TopAppBar = require("@webiny/ui/TopAppBar");
-
 var edgeBars = /*#__PURE__*/(0, _emotion.css)({
   width: "25%"
 }, "label:edgeBars;");
-
 var HeaderSectionRightElement = /*#__PURE__*/function (_UIElement) {
   (0, _inherits2.default)(HeaderSectionRightElement, _UIElement);
-
   var _super = (0, _createSuper2.default)(HeaderSectionRightElement);
-
   function HeaderSectionRightElement(id) {
     var _this;
-
     (0, _classCallCheck2.default)(this, HeaderSectionRightElement);
     _this = _super.call(this, id);
-
     _this.useGrid(false);
-
     return _this;
   }
-
   (0, _createClass2.default)(HeaderSectionRightElement, [{
     key: "render",
     value: function render(props) {
@@ -58,5 +39,4 @@ var HeaderSectionRightElement = /*#__PURE__*/function (_UIElement) {
   }]);
   return HeaderSectionRightElement;
 }(_UIElement2.UIElement);
-
 exports.HeaderSectionRightElement = HeaderSectionRightElement;

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

@@ -1 +1 @@
-{"version":3,"names":["edgeBars","css","width","HeaderSectionRightElement","id","useGrid","props","UIElement"],"sources":["HeaderSectionRightElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n    width: \"25%\"\n});\n\nexport class HeaderSectionRightElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={edgeBars} alignEnd>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,gBAAG,IAAAC,YAAA,EAAI;EACjBC,KAAK,EAAE;AADU,CAAJ,oBAAjB;;IAIaC,yB;;;;;EACT,mCAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,0BAAMA,EAAN;;IAEA,MAAKC,OAAL,CAAa,KAAb;;IAH2B;EAI9B;;;;WAED,gBAAuBC,KAAvB,EAAqE;MACjE,oBACI,6BAAC,2BAAD;QAAkB,SAAS,EAAEN,QAA7B;QAAuC,QAAQ;MAA/C,qHACkBM,KADlB,EADJ;IAKH;;;EAb0CC,qB"}
+{"version":3,"names":["edgeBars","css","width","HeaderSectionRightElement","id","useGrid","props","UIElement"],"sources":["HeaderSectionRightElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n    width: \"25%\"\n});\n\nexport class HeaderSectionRightElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={edgeBars} alignEnd>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA,IAAMA,QAAQ,gBAAG,IAAAC,YAAG,EAAC;EACjBC,KAAK,EAAE;AACX,CAAC,oBAAC;AAAC,IAEUC,yBAAyB;EAAA;EAAA;EAClC,mCAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,0BAAMA,EAAE;IAER,MAAKC,OAAO,CAAC,KAAK,CAAC;IAAC;EACxB;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAA2B,EAAmB;MACjE,oBACI,6BAAC,2BAAgB;QAAC,SAAS,EAAEN,QAAS;QAAC,QAAQ;MAAA,qHAC7BM,KAAK,EACJ;IAE3B;EAAC;EAAA;AAAA,EAb0CC,qBAAS;AAAA"}