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

package/ui/elements/NavigationMenuElement.js

@@ -1,36 +1,20 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TAGS = exports.NavigationMenuElement = void 0;
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _store = _interopRequireDefault(require("store"));
-var _UIElement2 = require("../UIElement");
-var LOCAL_STORAGE_KEY = "webiny_apps_menu_sections";
-var TAGS = exports.TAGS = /*#__PURE__*/function (TAGS) {
+import { default as localStorage } from "store";
+import { UIElement } from "../UIElement";
+const LOCAL_STORAGE_KEY = "webiny_apps_menu_sections";
+export let TAGS = /*#__PURE__*/function (TAGS) {
   TAGS["UTILS"] = "utils";
   TAGS["APP"] = "app";
   return TAGS;
 }({});
-var NavigationMenuElement = exports.NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
-  function NavigationMenuElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, NavigationMenuElement);
-    _this = (0, _callSuper2.default)(this, NavigationMenuElement, [id, config]);
-    (0, _defineProperty2.default)(_this, "_isExpanded", false);
-    (0, _defineProperty2.default)(_this, "_sorters", []);
-    _this.useGrid(false);
-    var state = _this.loadState();
-    _this._isExpanded = state.includes(_this.id);
-    _this.addSorter(function (a, b) {
+export class NavigationMenuElement extends UIElement {
+  _isExpanded = false;
+  _sorters = [];
+  constructor(id, config) {
+    super(id, config);
+    this.useGrid(false);
+    const state = this.loadState();
+    this._isExpanded = state.includes(this.id);
+    this.addSorter((a, b) => {
       if (a.hasTag(TAGS.APP) && b.hasTag(TAGS.UTILS)) {
         return -1;
       }
@@ -41,100 +25,64 @@ var NavigationMenuElement = exports.NavigationMenuElement = /*#__PURE__*/functio
     });
 
     // Apply plugins
-    _this.applyPlugins(NavigationMenuElement);
-    return _this;
+    this.applyPlugins(NavigationMenuElement);
   }
-  (0, _inherits2.default)(NavigationMenuElement, _UIElement);
-  return (0, _createClass2.default)(NavigationMenuElement, [{
-    key: "addElement",
-    value: function addElement(element) {
-      (0, _superPropGet2.default)(NavigationMenuElement, "addElement", this, 3)([element]);
-      this.runSorters();
-      return element;
-    }
-  }, {
-    key: "addSorter",
-    value: function addSorter(sorter) {
-      this._sorters.push(sorter);
-    }
-  }, {
-    key: "isExpanded",
-    get: function get() {
-      return this._isExpanded;
-    }
-  }, {
-    key: "setIcon",
-    value: function setIcon(icon) {
-      this.config.icon = icon;
-    }
-  }, {
-    key: "setLabel",
-    value: function setLabel(label) {
-      this.config.label = label;
-    }
-  }, {
-    key: "setPath",
-    value: function setPath(path) {
-      this.config.path = path;
-    }
-  }, {
-    key: "expandElement",
-    value: function expandElement() {
-      this._isExpanded = true;
-      var state = this.loadState();
-      if (!state.includes(this.id)) {
-        state.push(this.id);
-      }
-      this.storeState(state);
-      this.getView().refresh();
-    }
-  }, {
-    key: "collapseElement",
-    value: function collapseElement() {
-      this._isExpanded = false;
-      var state = this.loadState();
-      if (state.includes(this.id)) {
-        state.splice(state.indexOf(this.id), 1);
-      }
-      this.storeState(state);
-      this.getView().refresh();
-    }
-  }, {
-    key: "toggleElement",
-    value: function toggleElement() {
-      if (this._isExpanded) {
-        this.collapseElement();
-        return;
-      }
-      this.expandElement();
+  addElement(element) {
+    super.addElement(element);
+    this.runSorters();
+    return element;
+  }
+  addSorter(sorter) {
+    this._sorters.push(sorter);
+  }
+  get isExpanded() {
+    return this._isExpanded;
+  }
+  setIcon(icon) {
+    this.config.icon = icon;
+  }
+  setLabel(label) {
+    this.config.label = label;
+  }
+  setPath(path) {
+    this.config.path = path;
+  }
+  expandElement() {
+    this._isExpanded = true;
+    const state = this.loadState();
+    if (!state.includes(this.id)) {
+      state.push(this.id);
     }
-  }, {
-    key: "loadState",
-    value: function loadState() {
-      return (_store.default.get(LOCAL_STORAGE_KEY) || "").split(",").filter(Boolean);
+    this.storeState(state);
+    this.getView().refresh();
+  }
+  collapseElement() {
+    this._isExpanded = false;
+    const state = this.loadState();
+    if (state.includes(this.id)) {
+      state.splice(state.indexOf(this.id), 1);
     }
-  }, {
-    key: "storeState",
-    value: function storeState(state) {
-      _store.default.set(LOCAL_STORAGE_KEY, state.join(","));
+    this.storeState(state);
+    this.getView().refresh();
+  }
+  toggleElement() {
+    if (this._isExpanded) {
+      this.collapseElement();
+      return;
     }
-  }, {
-    key: "runSorters",
-    value: function runSorters() {
-      var _iterator = (0, _createForOfIteratorHelper2.default)(this._sorters),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var sorter = _step.value;
-          this.getLayout().sort(sorter);
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
+    this.expandElement();
+  }
+  loadState() {
+    return (localStorage.get(LOCAL_STORAGE_KEY) || "").split(",").filter(Boolean);
+  }
+  storeState(state) {
+    localStorage.set(LOCAL_STORAGE_KEY, state.join(","));
+  }
+  runSorters() {
+    for (const sorter of this._sorters) {
+      this.getLayout().sort(sorter);
     }
-  }]);
-}(_UIElement2.UIElement);
+  }
+}
 
 //# sourceMappingURL=NavigationMenuElement.js.map

package/ui/elements/NavigationMenuElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_store","_interopRequireDefault","require","_UIElement2","LOCAL_STORAGE_KEY","TAGS","exports","NavigationMenuElement","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","_defineProperty2","useGrid","state","loadState","_isExpanded","includes","addSorter","a","b","hasTag","APP","UTILS","label","localeCompare","applyPlugins","_inherits2","_createClass2","key","value","addElement","element","_superPropGet2","runSorters","sorter","_sorters","push","get","setIcon","icon","setLabel","setPath","path","expandElement","storeState","getView","refresh","collapseElement","splice","indexOf","toggleElement","localStorage","split","filter","Boolean","set","join","_iterator","_createForOfIteratorHelper2","_step","s","n","done","getLayout","sort","err","e","f","UIElement"],"sources":["NavigationMenuElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { default as localStorage } from \"store\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { UILayoutSorter } from \"@webiny/ui-composer/UILayout\";\n\nexport interface NavigationMenuElementConfig extends UIElementConfig {\n    label: React.ReactNode;\n    icon?: React.ReactElement;\n    path?: string;\n    onClick?: (value: any) => void;\n    testId?: string;\n    rel?: string;\n    target?: string;\n}\n\nconst LOCAL_STORAGE_KEY = \"webiny_apps_menu_sections\";\n\nexport enum TAGS {\n    UTILS = \"utils\",\n    APP = \"app\"\n}\n\nexport class NavigationMenuElement<\n    TConfig extends NavigationMenuElementConfig = NavigationMenuElementConfig\n> extends UIElement<TConfig> {\n    private _isExpanded = false;\n    private _sorters: UILayoutSorter<NavigationMenuElementConfig>[] = [];\n\n    public constructor(id: string, config: TConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n\n        const state = this.loadState();\n        this._isExpanded = state.includes(this.id);\n\n        this.addSorter((a, b) => {\n            if (a.hasTag(TAGS.APP) && b.hasTag(TAGS.UTILS)) {\n                return -1;\n            }\n\n            if (a.hasTag(TAGS.UTILS) && b.hasTag(TAGS.APP)) {\n                return 1;\n            }\n\n            return (a.config.label as string).localeCompare(b.config.label as string);\n        });\n\n        // Apply plugins\n        this.applyPlugins(NavigationMenuElement);\n    }\n\n    public override addElement<TElement extends UIElement = UIElement>(\n        element: TElement\n    ): TElement {\n        super.addElement(element);\n        this.runSorters();\n        return element;\n    }\n\n    public addSorter(sorter: UILayoutSorter<NavigationMenuElementConfig>): void {\n        this._sorters.push(sorter);\n    }\n\n    get isExpanded(): boolean {\n        return this._isExpanded;\n    }\n\n    public setIcon(icon: React.ReactElement): void {\n        this.config.icon = icon;\n    }\n\n    public setLabel(label: string): void {\n        this.config.label = label;\n    }\n\n    public setPath(path: string): void {\n        this.config.path = path;\n    }\n\n    public expandElement(): void {\n        this._isExpanded = true;\n        const state = this.loadState();\n        if (!state.includes(this.id)) {\n            state.push(this.id);\n        }\n        this.storeState(state);\n        this.getView().refresh();\n    }\n\n    public collapseElement(): void {\n        this._isExpanded = false;\n        const state = this.loadState();\n        if (state.includes(this.id)) {\n            state.splice(state.indexOf(this.id), 1);\n        }\n        this.storeState(state);\n        this.getView().refresh();\n    }\n\n    public toggleElement(): void {\n        if (this._isExpanded) {\n            this.collapseElement();\n            return;\n        }\n        this.expandElement();\n    }\n\n    private loadState(): string[] {\n        return (localStorage.get(LOCAL_STORAGE_KEY) || \"\").split(\",\").filter(Boolean);\n    }\n\n    private storeState(state: string[]): void {\n        localStorage.set(LOCAL_STORAGE_KEY, state.join(\",\"));\n    }\n\n    private runSorters(): void {\n        for (const sorter of this._sorters) {\n            this.getLayout().sort(sorter);\n        }\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["default","localStorage","UIElement","LOCAL_STORAGE_KEY","TAGS","NavigationMenuElement","_isExpanded","_sorters","constructor","id","config","useGrid","state","loadState","includes","addSorter","a","b","hasTag","APP","UTILS","label","localeCompare","applyPlugins","addElement","element","runSorters","sorter","push","isExpanded","setIcon","icon","setLabel","setPath","path","expandElement","storeState","getView","refresh","collapseElement","splice","indexOf","toggleElement","get","split","filter","Boolean","set","join","getLayout","sort"],"sources":["NavigationMenuElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { default as localStorage } from \"store\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { UILayoutSorter } from \"@webiny/ui-composer/UILayout\";\n\nexport interface NavigationMenuElementConfig extends UIElementConfig {\n    label: React.ReactNode;\n    icon?: React.ReactElement;\n    path?: string;\n    onClick?: (value: any) => void;\n    testId?: string;\n    rel?: string;\n    target?: string;\n}\n\nconst LOCAL_STORAGE_KEY = \"webiny_apps_menu_sections\";\n\nexport enum TAGS {\n    UTILS = \"utils\",\n    APP = \"app\"\n}\n\nexport class NavigationMenuElement<\n    TConfig extends NavigationMenuElementConfig = NavigationMenuElementConfig\n> extends UIElement<TConfig> {\n    private _isExpanded = false;\n    private _sorters: UILayoutSorter<NavigationMenuElementConfig>[] = [];\n\n    public constructor(id: string, config: TConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n\n        const state = this.loadState();\n        this._isExpanded = state.includes(this.id);\n\n        this.addSorter((a, b) => {\n            if (a.hasTag(TAGS.APP) && b.hasTag(TAGS.UTILS)) {\n                return -1;\n            }\n\n            if (a.hasTag(TAGS.UTILS) && b.hasTag(TAGS.APP)) {\n                return 1;\n            }\n\n            return (a.config.label as string).localeCompare(b.config.label as string);\n        });\n\n        // Apply plugins\n        this.applyPlugins(NavigationMenuElement);\n    }\n\n    public override addElement<TElement extends UIElement = UIElement>(\n        element: TElement\n    ): TElement {\n        super.addElement(element);\n        this.runSorters();\n        return element;\n    }\n\n    public addSorter(sorter: UILayoutSorter<NavigationMenuElementConfig>): void {\n        this._sorters.push(sorter);\n    }\n\n    get isExpanded(): boolean {\n        return this._isExpanded;\n    }\n\n    public setIcon(icon: React.ReactElement): void {\n        this.config.icon = icon;\n    }\n\n    public setLabel(label: string): void {\n        this.config.label = label;\n    }\n\n    public setPath(path: string): void {\n        this.config.path = path;\n    }\n\n    public expandElement(): void {\n        this._isExpanded = true;\n        const state = this.loadState();\n        if (!state.includes(this.id)) {\n            state.push(this.id);\n        }\n        this.storeState(state);\n        this.getView().refresh();\n    }\n\n    public collapseElement(): void {\n        this._isExpanded = false;\n        const state = this.loadState();\n        if (state.includes(this.id)) {\n            state.splice(state.indexOf(this.id), 1);\n        }\n        this.storeState(state);\n        this.getView().refresh();\n    }\n\n    public toggleElement(): void {\n        if (this._isExpanded) {\n            this.collapseElement();\n            return;\n        }\n        this.expandElement();\n    }\n\n    private loadState(): string[] {\n        return (localStorage.get(LOCAL_STORAGE_KEY) || \"\").split(\",\").filter(Boolean);\n    }\n\n    private storeState(state: string[]): void {\n        localStorage.set(LOCAL_STORAGE_KEY, state.join(\",\"));\n    }\n\n    private runSorters(): void {\n        for (const sorter of this._sorters) {\n            this.getLayout().sort(sorter);\n        }\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/ui/elements/PanelElement.js

@@ -1,22 +1,4 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PanelElement = void 0;
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _UIElement2 = require("../UIElement");
-var PanelElement = exports.PanelElement = /*#__PURE__*/function (_UIElement) {
-  function PanelElement() {
-    (0, _classCallCheck2.default)(this, PanelElement);
-    return (0, _callSuper2.default)(this, PanelElement, arguments);
-  }
-  (0, _inherits2.default)(PanelElement, _UIElement);
-  return (0, _createClass2.default)(PanelElement);
-}(_UIElement2.UIElement);
+import { UIElement } from "../UIElement";
+export class PanelElement extends UIElement {}
 
 //# sourceMappingURL=PanelElement.js.map

package/ui/elements/PanelElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_UIElement2","require","PanelElement","exports","_UIElement","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","UIElement"],"sources":["PanelElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\n\nexport class PanelElement extends UIElement<any> {}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAA2C,IAE9BC,YAAY,GAAAC,OAAA,CAAAD,YAAA,0BAAAE,UAAA;EAAA,SAAAF,aAAA;IAAA,IAAAG,gBAAA,CAAAC,OAAA,QAAAJ,YAAA;IAAA,WAAAK,WAAA,CAAAD,OAAA,QAAAJ,YAAA,EAAAM,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAJ,YAAA,EAAAE,UAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAJ,YAAA;AAAA,EAASS,qBAAS","ignoreList":[]}
+{"version":3,"names":["UIElement","PanelElement"],"sources":["PanelElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\n\nexport class PanelElement extends UIElement<any> {}\n"],"mappings":"AAAA,SAASA,SAAS;AAElB,OAAO,MAAMC,YAAY,SAASD,SAAS,CAAM","ignoreList":[]}

package/ui/elements/PlaceholderElement.js

@@ -1,32 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PlaceholderElement = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _UIElement2 = require("../UIElement");
-var PlaceholderElement = exports.PlaceholderElement = /*#__PURE__*/function (_UIElement) {
-  function PlaceholderElement() {
-    (0, _classCallCheck2.default)(this, PlaceholderElement);
-    return (0, _callSuper2.default)(this, PlaceholderElement, arguments);
+import { UIElement } from "../UIElement";
+export class PlaceholderElement extends UIElement {
+  render() {
+    return null;
+  }
+  remove() {
+    return;
   }
-  (0, _inherits2.default)(PlaceholderElement, _UIElement);
-  return (0, _createClass2.default)(PlaceholderElement, [{
-    key: "render",
-    value: function render() {
-      return null;
-    }
-  }, {
-    key: "remove",
-    value: function remove() {
-      return;
-    }
-  }]);
-}(_UIElement2.UIElement);
+}
 
 //# sourceMappingURL=PlaceholderElement.js.map

package/ui/elements/PlaceholderElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_UIElement2","require","PlaceholderElement","exports","_UIElement","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","remove","UIElement"],"sources":["PlaceholderElement.tsx"],"sourcesContent":["import { UIElement } from \"../UIElement\";\n\nexport class PlaceholderElement extends UIElement {\n    public override render(): React.ReactNode {\n        return null;\n    }\n\n    public override remove(): void {\n        return;\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAyC,IAE5BC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,0BAAAE,UAAA;EAAA,SAAAF,mBAAA;IAAA,IAAAG,gBAAA,CAAAC,OAAA,QAAAJ,kBAAA;IAAA,WAAAK,WAAA,CAAAD,OAAA,QAAAJ,kBAAA,EAAAM,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAJ,kBAAA,EAAAE,UAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAJ,kBAAA;IAAAS,GAAA;IAAAC,KAAA,EAC3B,SAAgBC,MAAMA,CAAA,EAAoB;MACtC,OAAO,IAAI;IACf;EAAC;IAAAF,GAAA;IAAAC,KAAA,EAED,SAAgBE,MAAMA,CAAA,EAAS;MAC3B;IACJ;EAAC;AAAA,EAPmCC,qBAAS","ignoreList":[]}
+{"version":3,"names":["UIElement","PlaceholderElement","render","remove"],"sources":["PlaceholderElement.tsx"],"sourcesContent":["import { UIElement } from \"../UIElement\";\n\nexport class PlaceholderElement extends UIElement {\n    public override render(): React.ReactNode {\n        return null;\n    }\n\n    public override remove(): void {\n        return;\n    }\n}\n"],"mappings":"AAAA,SAASA,SAAS;AAElB,OAAO,MAAMC,kBAAkB,SAASD,SAAS,CAAC;EAC9BE,MAAMA,CAAA,EAAoB;IACtC,OAAO,IAAI;EACf;EAEgBC,MAAMA,CAAA,EAAS;IAC3B;EACJ;AACJ","ignoreList":[]}

package/ui/elements/SmallButtonElement.js

@@ -1,44 +1,24 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SmallButtonElement = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = _interopRequireDefault(require("react"));
-var _Button = require("@webiny/ui/Button");
-var _ButtonElement2 = require("./ButtonElement");
-var BUTTONS = {
-  default: _Button.ButtonDefault,
-  primary: _Button.ButtonPrimary,
-  secondary: _Button.ButtonSecondary
+import React from "react";
+import { ButtonDefault, ButtonPrimary, ButtonSecondary } from "@webiny/ui/Button";
+import { ButtonElement } from "./ButtonElement";
+const BUTTONS = {
+  default: ButtonDefault,
+  primary: ButtonPrimary,
+  secondary: ButtonSecondary
 };
-var SmallButtonElement = exports.SmallButtonElement = /*#__PURE__*/function (_ButtonElement) {
-  function SmallButtonElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, SmallButtonElement);
-    _this = (0, _callSuper2.default)(this, SmallButtonElement, [id, config]);
-    _this.applyPlugins(SmallButtonElement);
-    return _this;
+export class SmallButtonElement extends ButtonElement {
+  constructor(id, config) {
+    super(id, config);
+    this.applyPlugins(SmallButtonElement);
+  }
+  render(props) {
+    const Component = BUTTONS[this.getType()];
+    const onClick = this.getOnClick();
+    return /*#__PURE__*/React.createElement(Component, {
+      small: true,
+      onClick: () => onClick(props)
+    }, this.getLabel());
   }
-  (0, _inherits2.default)(SmallButtonElement, _ButtonElement);
-  return (0, _createClass2.default)(SmallButtonElement, [{
-    key: "render",
-    value: function render(props) {
-      var Component = BUTTONS[this.getType()];
-      var _onClick = this.getOnClick();
-      return /*#__PURE__*/_react.default.createElement(Component, {
-        small: true,
-        onClick: function onClick() {
-          return _onClick(props);
-        }
-      }, this.getLabel());
-    }
-  }]);
-}(_ButtonElement2.ButtonElement);
+}
 
 //# sourceMappingURL=SmallButtonElement.js.map

package/ui/elements/SmallButtonElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Button","_ButtonElement2","BUTTONS","default","ButtonDefault","primary","ButtonPrimary","secondary","ButtonSecondary","SmallButtonElement","exports","_ButtonElement","id","config","_this","_classCallCheck2","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","render","props","Component","getType","onClick","getOnClick","createElement","small","getLabel","ButtonElement"],"sources":["SmallButtonElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { ButtonElement, ButtonElementConfig } from \"~/ui/elements/ButtonElement\";\nimport { UiElementRenderProps } from \"@webiny/ui-composer/UIElement\";\n\nconst BUTTONS = {\n    default: ButtonDefault,\n    primary: ButtonPrimary,\n    secondary: ButtonSecondary\n};\n\nexport class SmallButtonElement<\n    TRenderProps extends UiElementRenderProps = UiElementRenderProps\n> extends ButtonElement<TRenderProps> {\n    public constructor(id: string, config: ButtonElementConfig<TRenderProps>) {\n        super(id, config);\n\n        this.applyPlugins(SmallButtonElement);\n    }\n\n    public override render(props: TRenderProps): React.ReactElement {\n        const Component = BUTTONS[this.getType()];\n        const onClick = this.getOnClick();\n\n        return (\n            <Component small onClick={() => onClick(props)}>\n                {this.getLabel()}\n            </Component>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAGA,IAAMG,OAAO,GAAG;EACZC,OAAO,EAAEC,qBAAa;EACtBC,OAAO,EAAEC,qBAAa;EACtBC,SAAS,EAAEC;AACf,CAAC;AAAC,IAEWC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,0BAAAE,cAAA;EAG3B,SAAAF,mBAAmBG,EAAU,EAAEC,MAAyC,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAZ,OAAA,QAAAM,kBAAA;IACtEK,KAAA,OAAAE,WAAA,CAAAb,OAAA,QAAAM,kBAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKG,YAAY,CAACR,kBAAkB,CAAC;IAAC,OAAAK,KAAA;EAC1C;EAAC,IAAAI,UAAA,CAAAf,OAAA,EAAAM,kBAAA,EAAAE,cAAA;EAAA,WAAAQ,aAAA,CAAAhB,OAAA,EAAAM,kBAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAACC,KAAmB,EAAsB;MAC5D,IAAMC,SAAS,GAAGtB,OAAO,CAAC,IAAI,CAACuB,OAAO,CAAC,CAAC,CAAC;MACzC,IAAMC,QAAO,GAAG,IAAI,CAACC,UAAU,CAAC,CAAC;MAEjC,oBACI9B,MAAA,CAAAM,OAAA,CAAAyB,aAAA,CAACJ,SAAS;QAACK,KAAK;QAACH,OAAO,EAAE,SAATA,OAAOA,CAAA;UAAA,OAAQA,QAAO,CAACH,KAAK,CAAC;QAAA;MAAC,GAC1C,IAAI,CAACO,QAAQ,CAAC,CACR,CAAC;IAEpB;EAAC;AAAA,EAhBKC,6BAAa","ignoreList":[]}
+{"version":3,"names":["React","ButtonDefault","ButtonPrimary","ButtonSecondary","ButtonElement","BUTTONS","default","primary","secondary","SmallButtonElement","constructor","id","config","applyPlugins","render","props","Component","getType","onClick","getOnClick","createElement","small","getLabel"],"sources":["SmallButtonElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { ButtonElement, ButtonElementConfig } from \"~/ui/elements/ButtonElement\";\nimport { UiElementRenderProps } from \"@webiny/ui-composer/UIElement\";\n\nconst BUTTONS = {\n    default: ButtonDefault,\n    primary: ButtonPrimary,\n    secondary: ButtonSecondary\n};\n\nexport class SmallButtonElement<\n    TRenderProps extends UiElementRenderProps = UiElementRenderProps\n> extends ButtonElement<TRenderProps> {\n    public constructor(id: string, config: ButtonElementConfig<TRenderProps>) {\n        super(id, config);\n\n        this.applyPlugins(SmallButtonElement);\n    }\n\n    public override render(props: TRenderProps): React.ReactElement {\n        const Component = BUTTONS[this.getType()];\n        const onClick = this.getOnClick();\n\n        return (\n            <Component small onClick={() => onClick(props)}>\n                {this.getLabel()}\n            </Component>\n        );\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,aAAa,EAAEC,eAAe,QAAQ,mBAAmB;AACjF,SAASC,aAAa;AAGtB,MAAMC,OAAO,GAAG;EACZC,OAAO,EAAEL,aAAa;EACtBM,OAAO,EAAEL,aAAa;EACtBM,SAAS,EAAEL;AACf,CAAC;AAED,OAAO,MAAMM,kBAAkB,SAErBL,aAAa,CAAe;EAC3BM,WAAWA,CAACC,EAAU,EAAEC,MAAyC,EAAE;IACtE,KAAK,CAACD,EAAE,EAAEC,MAAM,CAAC;IAEjB,IAAI,CAACC,YAAY,CAACJ,kBAAkB,CAAC;EACzC;EAEgBK,MAAMA,CAACC,KAAmB,EAAsB;IAC5D,MAAMC,SAAS,GAAGX,OAAO,CAAC,IAAI,CAACY,OAAO,CAAC,CAAC,CAAC;IACzC,MAAMC,OAAO,GAAG,IAAI,CAACC,UAAU,CAAC,CAAC;IAEjC,oBACInB,KAAA,CAAAoB,aAAA,CAACJ,SAAS;MAACK,KAAK;MAACH,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACH,KAAK;IAAE,GAC1C,IAAI,CAACO,QAAQ,CAAC,CACR,CAAC;EAEpB;AACJ","ignoreList":[]}

package/ui/elements/TypographyElement.js

@@ -1,46 +1,23 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TypographyElement = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = _interopRequireDefault(require("react"));
-var _UIElement2 = require("../UIElement");
-var _Typography = require("@webiny/ui/Typography");
-var TypographyElement = exports.TypographyElement = /*#__PURE__*/function (_UIElement) {
-  function TypographyElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, TypographyElement);
-    _this = (0, _callSuper2.default)(this, TypographyElement, [id, config]);
-    _this.useGrid(false);
-    _this.applyPlugins(TypographyElement);
-    return _this;
+import React from "react";
+import { UIElement } from "../UIElement";
+import { Typography } from "@webiny/ui/Typography";
+export class TypographyElement extends UIElement {
+  constructor(id, config) {
+    super(id, config);
+    this.useGrid(false);
+    this.applyPlugins(TypographyElement);
+  }
+  getTypography() {
+    return this.config.typography;
+  }
+  setTypography(typography) {
+    this.config.typography = typography;
+  }
+  render(props) {
+    return /*#__PURE__*/React.createElement(Typography, {
+      use: this.getTypography()
+    }, super.render(props));
   }
-  (0, _inherits2.default)(TypographyElement, _UIElement);
-  return (0, _createClass2.default)(TypographyElement, [{
-    key: "getTypography",
-    value: function getTypography() {
-      return this.config.typography;
-    }
-  }, {
-    key: "setTypography",
-    value: function setTypography(typography) {
-      this.config.typography = typography;
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-        use: this.getTypography()
-      }, (0, _superPropGet2.default)(TypographyElement, "render", this, 3)([props]));
-    }
-  }]);
-}(_UIElement2.UIElement);
+}
 
 //# sourceMappingURL=TypographyElement.js.map

package/ui/elements/TypographyElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_Typography","TypographyElement","exports","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","useGrid","applyPlugins","_inherits2","_createClass2","key","value","getTypography","typography","setTypography","render","props","createElement","Typography","use","_superPropGet2","UIElement"],"sources":["TypographyElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig } from \"../UIElement\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport type TypographyT =\n    | \"headline1\"\n    | \"headline2\"\n    | \"headline3\"\n    | \"headline4\"\n    | \"headline5\"\n    | \"headline6\"\n    | \"subtitle1\"\n    | \"subtitle2\"\n    | \"body1\"\n    | \"body2\"\n    | \"caption\"\n    | \"button\"\n    | \"overline\";\n\ninterface TypographyElementConfig extends UIElementConfig {\n    typography: TypographyT;\n}\n\nexport class TypographyElement extends UIElement<TypographyElementConfig> {\n    constructor(id: string, config: TypographyElementConfig) {\n        super(id, config);\n        this.useGrid(false);\n\n        this.applyPlugins(TypographyElement);\n    }\n\n    public getTypography(): TypographyT {\n        return this.config.typography;\n    }\n\n    public setTypography(typography: TypographyT): void {\n        this.config.typography = typography;\n    }\n\n    public override render(props: any): React.ReactNode {\n        return <Typography use={this.getTypography()}>{super.render(props)}</Typography>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAAmD,IAqBtCG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAAE,UAAA;EAC1B,SAAAF,kBAAYG,EAAU,EAAEC,MAA+B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,iBAAA;IACrDK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,iBAAA,GAAMG,EAAE,EAAEC,MAAM;IAChBC,KAAA,CAAKI,OAAO,CAAC,KAAK,CAAC;IAEnBJ,KAAA,CAAKK,YAAY,CAACV,iBAAiB,CAAC;IAAC,OAAAK,KAAA;EACzC;EAAC,IAAAM,UAAA,CAAAJ,OAAA,EAAAP,iBAAA,EAAAE,UAAA;EAAA,WAAAU,aAAA,CAAAL,OAAA,EAAAP,iBAAA;IAAAa,GAAA;IAAAC,KAAA,EAED,SAAOC,aAAaA,CAAA,EAAgB;MAChC,OAAO,IAAI,CAACX,MAAM,CAACY,UAAU;IACjC;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAOG,aAAaA,CAACD,UAAuB,EAAQ;MAChD,IAAI,CAACZ,MAAM,CAACY,UAAU,GAAGA,UAAU;IACvC;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAgBI,MAAMA,CAACC,KAAU,EAAmB;MAChD,oBAAOxB,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACrB,WAAA,CAAAsB,UAAU;QAACC,GAAG,EAAE,IAAI,CAACP,aAAa,CAAC;MAAE,OAAAQ,cAAA,CAAAhB,OAAA,EAAAP,iBAAA,sBAAemB,KAAK,EAAc,CAAC;IACpF;EAAC;AAAA,EAlBkCK,qBAAS","ignoreList":[]}
+{"version":3,"names":["React","UIElement","Typography","TypographyElement","constructor","id","config","useGrid","applyPlugins","getTypography","typography","setTypography","render","props","createElement","use"],"sources":["TypographyElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig } from \"../UIElement\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport type TypographyT =\n    | \"headline1\"\n    | \"headline2\"\n    | \"headline3\"\n    | \"headline4\"\n    | \"headline5\"\n    | \"headline6\"\n    | \"subtitle1\"\n    | \"subtitle2\"\n    | \"body1\"\n    | \"body2\"\n    | \"caption\"\n    | \"button\"\n    | \"overline\";\n\ninterface TypographyElementConfig extends UIElementConfig {\n    typography: TypographyT;\n}\n\nexport class TypographyElement extends UIElement<TypographyElementConfig> {\n    constructor(id: string, config: TypographyElementConfig) {\n        super(id, config);\n        this.useGrid(false);\n\n        this.applyPlugins(TypographyElement);\n    }\n\n    public getTypography(): TypographyT {\n        return this.config.typography;\n    }\n\n    public setTypography(typography: TypographyT): void {\n        this.config.typography = typography;\n    }\n\n    public override render(props: any): React.ReactNode {\n        return <Typography use={this.getTypography()}>{super.render(props)}</Typography>;\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS;AAClB,SAASC,UAAU,QAAQ,uBAAuB;AAqBlD,OAAO,MAAMC,iBAAiB,SAASF,SAAS,CAA0B;EACtEG,WAAWA,CAACC,EAAU,EAAEC,MAA+B,EAAE;IACrD,KAAK,CAACD,EAAE,EAAEC,MAAM,CAAC;IACjB,IAAI,CAACC,OAAO,CAAC,KAAK,CAAC;IAEnB,IAAI,CAACC,YAAY,CAACL,iBAAiB,CAAC;EACxC;EAEOM,aAAaA,CAAA,EAAgB;IAChC,OAAO,IAAI,CAACH,MAAM,CAACI,UAAU;EACjC;EAEOC,aAAaA,CAACD,UAAuB,EAAQ;IAChD,IAAI,CAACJ,MAAM,CAACI,UAAU,GAAGA,UAAU;EACvC;EAEgBE,MAAMA,CAACC,KAAU,EAAmB;IAChD,oBAAOb,KAAA,CAAAc,aAAA,CAACZ,UAAU;MAACa,GAAG,EAAE,IAAI,CAACN,aAAa,CAAC;IAAE,GAAE,KAAK,CAACG,MAAM,CAACC,KAAK,CAAc,CAAC;EACpF;AACJ","ignoreList":[]}

package/ui/elements/ViewElement.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ViewElement = require("@webiny/ui-composer/elements/ViewElement");
-Object.keys(_ViewElement).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ViewElement[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ViewElement[key];
-    }
-  });
-});
+export * from "@webiny/ui-composer/elements/ViewElement";
 
 //# sourceMappingURL=ViewElement.js.map

package/ui/elements/ViewElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ViewElement","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["ViewElement.tsx"],"sourcesContent":["export * from \"@webiny/ui-composer/elements/ViewElement\";\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["ViewElement.tsx"],"sourcesContent":["export * from \"@webiny/ui-composer/elements/ViewElement\";\n"],"mappings":"AAAA,cAAc,0CAA0C","ignoreList":[]}

package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js

@@ -1,42 +1,26 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DynamicFieldsetRowElement = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _UIElement2 = require("../../../UIElement");
+import { UIElement } from "../../../UIElement";
 // import styled from "@emotion/styled";
+
 // const DynamicFieldsetRow = styled("div")({
 //     paddingBottom: 10
 // });
+
 // !GOOD FIRST ISSUE!
 // Extract rendering and styling into a DynamicFieldsetRowElementRenderer class.
-var DynamicFieldsetRowElement = exports.DynamicFieldsetRowElement = /*#__PURE__*/function (_UIElement) {
-  function DynamicFieldsetRowElement(id) {
-    var _this;
-    (0, _classCallCheck2.default)(this, DynamicFieldsetRowElement);
-    _this = (0, _callSuper2.default)(this, DynamicFieldsetRowElement, [id]);
-    _this.applyPlugins(DynamicFieldsetRowElement);
-    return _this;
+
+export class DynamicFieldsetRowElement extends UIElement {
+  constructor(id) {
+    super(id);
+    this.applyPlugins(DynamicFieldsetRowElement);
+  }
+  render(props) {
+    return super.render(props);
+    /**
+     * TODO @ts-refactor @pavel
+     * Why was this left here?
+     */
+    // return <DynamicFieldsetRow>{}</DynamicFieldsetRow>;
   }
-  (0, _inherits2.default)(DynamicFieldsetRowElement, _UIElement);
-  return (0, _createClass2.default)(DynamicFieldsetRowElement, [{
-    key: "render",
-    value: function render(props) {
-      return (0, _superPropGet2.default)(DynamicFieldsetRowElement, "render", this, 3)([props]);
-      /**
-       * TODO @ts-refactor @pavel
-       * Why was this left here?
-       */
-      // return <DynamicFieldsetRow>{}</DynamicFieldsetRow>;
-    }
-  }]);
-}(_UIElement2.UIElement);
+}
 
 //# sourceMappingURL=DynamicFieldsetRowElement.js.map

package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_UIElement2","require","DynamicFieldsetRowElement","exports","_UIElement","id","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","render","props","_superPropGet2","UIElement"],"sources":["DynamicFieldsetRowElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\n// import styled from \"@emotion/styled\";\n\n// const DynamicFieldsetRow = styled(\"div\")({\n//     paddingBottom: 10\n// });\n\n// !GOOD FIRST ISSUE!\n// Extract rendering and styling into a DynamicFieldsetRowElementRenderer class.\n\nexport class DynamicFieldsetRowElement extends UIElement<any> {\n    public constructor(id: string) {\n        super(id);\n\n        this.applyPlugins(DynamicFieldsetRowElement);\n    }\n\n    public override render(props?: UiElementRenderProps): React.ReactNode {\n        return super.render(props);\n        /**\n         * TODO @ts-refactor @pavel\n         * Why was this left here?\n         */\n        // return <DynamicFieldsetRow>{}</DynamicFieldsetRow>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;AACA,IAAAA,WAAA,GAAAC,OAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA,IAEaC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,0BAAAE,UAAA;EAClC,SAAAF,0BAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,yBAAA;IAC3BI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,yBAAA,GAAMG,EAAE;IAERC,KAAA,CAAKI,YAAY,CAACR,yBAAyB,CAAC;IAAC,OAAAI,KAAA;EACjD;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAN,yBAAA,EAAAE,UAAA;EAAA,WAAAQ,aAAA,CAAAJ,OAAA,EAAAN,yBAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAACC,KAA4B,EAAmB;MAClE,WAAAC,cAAA,CAAAT,OAAA,EAAAN,yBAAA,sBAAoBc,KAAK;MACzB;AACR;AACA;AACA;MACQ;IACJ;EAAC;AAAA,EAd0CE,qBAAS","ignoreList":[]}
+{"version":3,"names":["UIElement","DynamicFieldsetRowElement","constructor","id","applyPlugins","render","props"],"sources":["DynamicFieldsetRowElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\n// import styled from \"@emotion/styled\";\n\n// const DynamicFieldsetRow = styled(\"div\")({\n//     paddingBottom: 10\n// });\n\n// !GOOD FIRST ISSUE!\n// Extract rendering and styling into a DynamicFieldsetRowElementRenderer class.\n\nexport class DynamicFieldsetRowElement extends UIElement<any> {\n    public constructor(id: string) {\n        super(id);\n\n        this.applyPlugins(DynamicFieldsetRowElement);\n    }\n\n    public override render(props?: UiElementRenderProps): React.ReactNode {\n        return super.render(props);\n        /**\n         * TODO @ts-refactor @pavel\n         * Why was this left here?\n         */\n        // return <DynamicFieldsetRow>{}</DynamicFieldsetRow>;\n    }\n}\n"],"mappings":"AACA,SAASA,SAAS;AAClB;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA,OAAO,MAAMC,yBAAyB,SAASD,SAAS,CAAM;EACnDE,WAAWA,CAACC,EAAU,EAAE;IAC3B,KAAK,CAACA,EAAE,CAAC;IAET,IAAI,CAACC,YAAY,CAACH,yBAAyB,CAAC;EAChD;EAEgBI,MAAMA,CAACC,KAA4B,EAAmB;IAClE,OAAO,KAAK,CAACD,MAAM,CAACC,KAAK,CAAC;IAC1B;AACR;AACA;AACA;IACQ;EACJ;AACJ","ignoreList":[]}