@webiny/app-admin 0.0.0-mt-3 → 0.0.0-unstable.06b2ede40f

package/ui/elements/ButtonGroupElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","UIElement","ButtonGroup","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ButtonGroupElement","constructor","id","useGrid","render","props","createElement"],"sources":["ButtonGroupElement.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { UiElementRenderProps } from \"~/ui/UIElement\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport styled from \"@emotion/styled\";\n\nconst ButtonGroup = styled(\"div\")({\n    display: \"flex\",\n    height: \"100%\",\n    width: \"100%\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    \"> button\": {\n        marginRight: 15\n    }\n});\n\nexport class ButtonGroupElement extends UIElement<any> {\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 <ButtonGroup>{super.render(props)}</ButtonGroup>;\n    }\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,SAAS;AAGlB,MAAMC,WAAW,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAShC,CAAC;AAEF,OAAO,MAAMC,kBAAkB,SAASb,SAAS,CAAM;EAC5Cc,WAAWA,CAACC,EAAU,EAAE;IAC3B,KAAK,CAACA,EAAE,CAAC;IAET,IAAI,CAACC,OAAO,CAAC,KAAK,CAAC;EACvB;EAEgBC,MAAMA,CAACC,KAA4B,EAAmB;IAClE,oBAAOnB,KAAA,CAAAoB,aAAA,CAAClB,WAAW,QAAE,KAAK,CAACgB,MAAM,CAACC,KAAK,CAAe,CAAC;EAC3D;AACJ","ignoreList":[]}

package/ui/elements/GenericElement.js

@@ -1 +1,3 @@
-export * from "@webiny/ui-composer/elements/GenericElement";
+export * from "@webiny/ui-composer/elements/GenericElement";
+
+//# sourceMappingURL=GenericElement.js.map

package/ui/elements/GenericElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["GenericElement.tsx"],"sourcesContent":["export * from \"@webiny/ui-composer/elements/GenericElement\";\n"],"mappings":"AAAA,cAAc,6CAA6C","ignoreList":[]}

package/ui/elements/LabelElement.d.ts

@@ -1,5 +1,6 @@
-import React from "react";
-import { UIElement, UIElementConfig } from "../UIElement";
+import type React from "react";
+import type { UIElementConfig } from "../UIElement";
+import { UIElement } from "../UIElement";
 export interface LabelElementConfig extends UIElementConfig {
     text: string;
 }

package/ui/elements/LabelElement.js

@@ -1,47 +1,23 @@
-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 { UIElement } from "../UIElement";
-
 /**
  * !GOOD FIRST ISSUE!
  * Add support for `text` config and `setText` setter to accept functions.
  * See example in ButtonElement: packages/app-admin/src/ui/elements/ButtonElement.tsx
  */
-export var LabelElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(LabelElement, _UIElement);
-
-  var _super = _createSuper(LabelElement);
-
-  function LabelElement(id, config) {
-    var _this;
-
-    _classCallCheck(this, LabelElement);
-
-    _this = _super.call(this, id, config);
-
-    _this.applyPlugins(LabelElement);
-
-    return _this;
+export class LabelElement extends UIElement {
+  constructor(id, config) {
+    super(id, config);
+    this.applyPlugins(LabelElement);
   }
+  getText() {
+    return this.config.text;
+  }
+  setText(text) {
+    this.config.text = text;
+  }
+  render() {
+    return this.config.text;
+  }
+}
 
-  _createClass(LabelElement, [{
-    key: "getText",
-    value: function getText() {
-      return this.config.text;
-    }
-  }, {
-    key: "setText",
-    value: function setText(text) {
-      this.config.text = text;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return this.config.text;
-    }
-  }]);
-
-  return LabelElement;
-}(UIElement);
+//# sourceMappingURL=LabelElement.js.map

package/ui/elements/LabelElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UIElement","LabelElement","constructor","id","config","applyPlugins","getText","text","setText","render"],"sources":["LabelElement.tsx"],"sourcesContent":["import type React from \"react\";\nimport type { UIElementConfig } from \"~/ui/UIElement\";\nimport { UIElement } from \"~/ui/UIElement\";\n\nexport interface LabelElementConfig extends UIElementConfig {\n    text: string;\n}\n\n/**\n * !GOOD FIRST ISSUE!\n * Add support for `text` config and `setText` setter to accept functions.\n * See example in ButtonElement: packages/app-admin/src/ui/elements/ButtonElement.tsx\n */\nexport class LabelElement extends UIElement<LabelElementConfig> {\n    public constructor(id: string, config: LabelElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(LabelElement);\n    }\n\n    public getText(): string {\n        return this.config.text;\n    }\n\n    public setText(text: string): void {\n        this.config.text = text;\n    }\n\n    public override render(): React.ReactNode {\n        return this.config.text;\n    }\n}\n"],"mappings":"AAEA,SAASA,SAAS;AAMlB;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,SAASD,SAAS,CAAqB;EACrDE,WAAWA,CAACC,EAAU,EAAEC,MAA0B,EAAE;IACvD,KAAK,CAACD,EAAE,EAAEC,MAAM,CAAC;IAEjB,IAAI,CAACC,YAAY,CAACJ,YAAY,CAAC;EACnC;EAEOK,OAAOA,CAAA,EAAW;IACrB,OAAO,IAAI,CAACF,MAAM,CAACG,IAAI;EAC3B;EAEOC,OAAOA,CAACD,IAAY,EAAQ;IAC/B,IAAI,CAACH,MAAM,CAACG,IAAI,GAAGA,IAAI;EAC3B;EAEgBE,MAAMA,CAAA,EAAoB;IACtC,OAAO,IAAI,CAACL,MAAM,CAACG,IAAI;EAC3B;AACJ","ignoreList":[]}

package/ui/elements/NavigationMenuElement.d.ts

@@ -1,10 +1,12 @@
-import React from "react";
-import { UIElement, UIElementConfig } from "../UIElement";
+import type React from "react";
+import type { UIElementConfig } from "../UIElement";
+import { UIElement } from "../UIElement";
+import type { UILayoutSorter } from "@webiny/ui-composer/UILayout";
 export interface NavigationMenuElementConfig extends UIElementConfig {
     label: React.ReactNode;
     icon?: React.ReactElement;
     path?: string;
-    onClick?: Function;
+    onClick?: (value: any) => void;
     testId?: string;
     rel?: string;
     target?: string;
@@ -18,7 +20,7 @@ export declare class NavigationMenuElement<TConfig extends NavigationMenuElement
     private _sorters;
     constructor(id: string, config: TConfig);
     addElement<TElement extends UIElement = UIElement>(element: TElement): TElement;
-    addSorter(sorter: Function): void;
+    addSorter(sorter: UILayoutSorter<NavigationMenuElementConfig>): void;
     get isExpanded(): boolean;
     setIcon(icon: React.ReactElement): void;
     setLabel(label: string): void;

package/ui/elements/NavigationMenuElement.js

@@ -1,158 +1,88 @@
-import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _get from "@babel/runtime/helpers/get";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { default as localStorage } from "store";
 import { UIElement } from "../UIElement";
-var LOCAL_STORAGE_KEY = "webiny_apps_menu_sections";
-export var TAGS;
-
-(function (TAGS) {
+const LOCAL_STORAGE_KEY = "webiny_apps_menu_sections";
+export let TAGS = /*#__PURE__*/function (TAGS) {
   TAGS["UTILS"] = "utils";
   TAGS["APP"] = "app";
-})(TAGS || (TAGS = {}));
-
-export var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(NavigationMenuElement, _UIElement);
-
-  var _super = _createSuper(NavigationMenuElement);
-
-  function NavigationMenuElement(id, config) {
-    var _this;
-
-    _classCallCheck(this, NavigationMenuElement);
-
-    _this = _super.call(this, id, config);
-
-    _defineProperty(_assertThisInitialized(_this), "_isExpanded", false);
-
-    _defineProperty(_assertThisInitialized(_this), "_sorters", []);
-
-    _this.useGrid(false);
-
-    var state = _this.loadState();
-
-    _this._isExpanded = state.includes(_this.id);
-
-    _this.addSorter(function (a, b) {
+  return TAGS;
+}({});
+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;
       }
-
       if (a.hasTag(TAGS.UTILS) && b.hasTag(TAGS.APP)) {
         return 1;
       }
-
       return a.config.label.localeCompare(b.config.label);
-    }); // Apply plugins
-
+    });
 
-    _this.applyPlugins(NavigationMenuElement);
-
-    return _this;
+    // Apply plugins
+    this.applyPlugins(NavigationMenuElement);
   }
-
-  _createClass(NavigationMenuElement, [{
-    key: "addElement",
-    value: function addElement(element) {
-      _get(_getPrototypeOf(NavigationMenuElement.prototype), "addElement", this).call(this, 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();
-      } else {
-        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 (localStorage.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) {
-      localStorage.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 = _createForOfIteratorHelper(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);
     }
-  }]);
+  }
+}
 
-  return NavigationMenuElement;
-}(UIElement);
+//# sourceMappingURL=NavigationMenuElement.js.map

package/ui/elements/NavigationMenuElement.js.map

@@ -0,0 +1 @@
+{"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 type React from \"react\";\nimport { default as localStorage } from \"store\";\nimport type { UIElementConfig } from \"~/ui/UIElement\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport type { 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,17 +1,4 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
 import { UIElement } from "../UIElement";
-export var PanelElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(PanelElement, _UIElement);
+export class PanelElement extends UIElement {}
 
-  var _super = _createSuper(PanelElement);
-
-  function PanelElement() {
-    _classCallCheck(this, PanelElement);
-
-    return _super.apply(this, arguments);
-  }
-
-  return PanelElement;
-}(UIElement);
+//# sourceMappingURL=PanelElement.js.map

package/ui/elements/PanelElement.js.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { UIElement } from "../UIElement";
 export declare class PlaceholderElement extends UIElement {
-    render(): any;
+    render(): React.ReactNode;
     remove(): void;
 }

package/ui/elements/PlaceholderElement.js

@@ -1,30 +1,11 @@
-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 { UIElement } from "../UIElement";
-export var PlaceholderElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(PlaceholderElement, _UIElement);
-
-  var _super = _createSuper(PlaceholderElement);
-
-  function PlaceholderElement() {
-    _classCallCheck(this, PlaceholderElement);
-
-    return _super.apply(this, arguments);
+export class PlaceholderElement extends UIElement {
+  render() {
+    return null;
   }
+  remove() {
+    return;
+  }
+}
 
-  _createClass(PlaceholderElement, [{
-    key: "render",
-    value: function render() {
-      return null;
-    }
-  }, {
-    key: "remove",
-    value: function remove() {
-      return;
-    }
-  }]);
-
-  return PlaceholderElement;
-}(UIElement);
+//# sourceMappingURL=PlaceholderElement.js.map

package/ui/elements/PlaceholderElement.js.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
-import { ButtonElement, ButtonElementConfig } from "./ButtonElement";
-export declare class SmallButtonElement<TRenderProps = any> extends ButtonElement<TRenderProps> {
+import type { ButtonElementConfig } from "./ButtonElement";
+import { ButtonElement } from "./ButtonElement";
+import type { UiElementRenderProps } from "@webiny/ui-composer/UIElement";
+export declare class SmallButtonElement<TRenderProps extends UiElementRenderProps = UiElementRenderProps> extends ButtonElement<TRenderProps> {
     constructor(id: string, config: ButtonElementConfig<TRenderProps>);
-    render(props: any): React.ReactElement;
+    render(props: TRenderProps): React.ReactElement;
 }

package/ui/elements/SmallButtonElement.js

@@ -1,47 +1,24 @@
-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 { ButtonDefault, ButtonPrimary, ButtonSecondary } from "@webiny/ui/Button";
 import { ButtonElement } from "./ButtonElement";
-var BUTTONS = {
+const BUTTONS = {
   default: ButtonDefault,
   primary: ButtonPrimary,
   secondary: ButtonSecondary
 };
-export var SmallButtonElement = /*#__PURE__*/function (_ButtonElement) {
-  _inherits(SmallButtonElement, _ButtonElement);
-
-  var _super = _createSuper(SmallButtonElement);
-
-  function SmallButtonElement(id, config) {
-    var _this;
-
-    _classCallCheck(this, SmallButtonElement);
-
-    _this = _super.call(this, 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());
+  }
+}
 
-  _createClass(SmallButtonElement, [{
-    key: "render",
-    value: function render(props) {
-      var Component = BUTTONS[this.getType()];
-
-      var _onClick = this.getOnClick();
-
-      return /*#__PURE__*/React.createElement(Component, {
-        small: true,
-        onClick: function onClick() {
-          return _onClick(props);
-        }
-      }, this.getLabel());
-    }
-  }]);
-
-  return SmallButtonElement;
-}(ButtonElement);
+//# sourceMappingURL=SmallButtonElement.js.map

package/ui/elements/SmallButtonElement.js.map

@@ -0,0 +1 @@
+{"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 type { ButtonElementConfig } from \"~/ui/elements/ButtonElement\";\nimport { ButtonElement } from \"~/ui/elements/ButtonElement\";\nimport type { 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;AAEjF,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.d.ts

@@ -1,12 +1,13 @@
 import React from "react";
-import { UIElement, UIElementConfig } from "../UIElement";
-export declare type TypographyT = "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "caption" | "button" | "overline";
+import type { UIElementConfig } from "../UIElement";
+import { UIElement } from "../UIElement";
+export type TypographyT = "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "caption" | "button" | "overline";
 interface TypographyElementConfig extends UIElementConfig {
     typography: TypographyT;
 }
 export declare class TypographyElement extends UIElement<TypographyElementConfig> {
     constructor(id: string, config: TypographyElementConfig);
-    getTypography(): import("@rmwc/typography").TypographyT;
+    getTypography(): TypographyT;
     setTypography(typography: TypographyT): void;
     render(props: any): React.ReactNode;
 }

package/ui/elements/TypographyElement.js

@@ -1,49 +1,23 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _get from "@babel/runtime/helpers/get";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
 import React from "react";
 import { UIElement } from "../UIElement";
 import { Typography } from "@webiny/ui/Typography";
-export var TypographyElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(TypographyElement, _UIElement);
-
-  var _super = _createSuper(TypographyElement);
-
-  function TypographyElement(id, config) {
-    var _this;
-
-    _classCallCheck(this, TypographyElement);
-
-    _this = _super.call(this, id, config);
-
-    _this.useGrid(false);
-
-    _this.applyPlugins(TypographyElement);
-
-    return _this;
+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));
+  }
+}
 
-  _createClass(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.createElement(Typography, {
-        use: this.getTypography()
-      }, _get(_getPrototypeOf(TypographyElement.prototype), "render", this).call(this, props));
-    }
-  }]);
-
-  return TypographyElement;
-}(UIElement);
+//# sourceMappingURL=TypographyElement.js.map

package/ui/elements/TypographyElement.js.map

@@ -0,0 +1 @@
+{"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 type { UIElementConfig } from \"../UIElement\";\nimport { UIElement } 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;AAEzB,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 +1,3 @@
-export * from "@webiny/ui-composer/elements/ViewElement";
+export * from "@webiny/ui-composer/elements/ViewElement";
+
+//# sourceMappingURL=ViewElement.js.map

package/ui/elements/ViewElement.js.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -1,6 +1,7 @@
-import React from "react";
+import type React from "react";
+import type { UiElementRenderProps } from "../../../UIElement";
 import { UIElement } from "../../../UIElement";
 export declare class DynamicFieldsetRowElement extends UIElement<any> {
     constructor(id: string);
-    render(props?: any): React.ReactNode;
+    render(props?: UiElementRenderProps): React.ReactNode;
 }