@webiny/app-admin 0.0.0-unstable.e3f4727c56 → 0.0.0-unstable.eb196ccd2f

package/ui/elements/LabelElement.js

@@ -1,46 +1,23 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LabelElement = 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 _UIElement2 = require("../UIElement");
+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
  */
-var LabelElement = /*#__PURE__*/function (_UIElement) {
-  (0, _inherits2.default)(LabelElement, _UIElement);
-  var _super = (0, _createSuper2.default)(LabelElement);
-  function LabelElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(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;
   }
-  (0, _createClass2.default)(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;
-}(_UIElement2.UIElement);
-exports.LabelElement = LabelElement;
+  render() {
+    return this.config.text;
+  }
+}
+
+//# sourceMappingURL=LabelElement.js.map

package/ui/elements/LabelElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["LabelElement","id","config","applyPlugins","text","UIElement"],"sources":["LabelElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig } 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":";;;;;;;;;;;AACA;AAMA;AACA;AACA;AACA;AACA;AAJA,IAKaA,YAAY;EAAA;EAAA;EACrB,sBAAmBC,EAAU,EAAEC,MAA0B,EAAE;IAAA;IAAA;IACvD,0BAAMD,EAAE,EAAEC,MAAM;IAEhB,MAAKC,YAAY,CAACH,YAAY,CAAC;IAAC;EACpC;EAAC;IAAA;IAAA,OAED,mBAAyB;MACrB,OAAO,IAAI,CAACE,MAAM,CAACE,IAAI;IAC3B;EAAC;IAAA;IAAA,OAED,iBAAeA,IAAY,EAAQ;MAC/B,IAAI,CAACF,MAAM,CAACE,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAA;IAAA,OAED,kBAA0C;MACtC,OAAO,IAAI,CAACF,MAAM,CAACE,IAAI;IAC3B;EAAC;EAAA;AAAA,EAjB6BC,qBAAS;AAAA"}
+{"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,11 +1,12 @@
-import React from "react";
-import { UIElement, UIElementConfig } from "../UIElement";
-import { UILayoutSorter } from "@webiny/ui-composer/UILayout";
+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;

package/ui/elements/NavigationMenuElement.js

@@ -1,41 +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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-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 _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 = TAGS;
-(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";
-})(TAGS || (exports.TAGS = TAGS = {}));
-var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
-  (0, _inherits2.default)(NavigationMenuElement, _UIElement);
-  var _super = (0, _createSuper2.default)(NavigationMenuElement);
-  function NavigationMenuElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, NavigationMenuElement);
-    _this = _super.call(this, id, config);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_isExpanded", false);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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;
       }
@@ -46,99 +25,64 @@ var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
     });
 
     // Apply plugins
-    _this.applyPlugins(NavigationMenuElement);
-    return _this;
+    this.applyPlugins(NavigationMenuElement);
   }
-  (0, _createClass2.default)(NavigationMenuElement, [{
-    key: "addElement",
-    value: function addElement(element) {
-      (0, _get2.default)((0, _getPrototypeOf2.default)(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();
-        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);
     }
-  }]);
-  return NavigationMenuElement;
-}(_UIElement2.UIElement);
-exports.NavigationMenuElement = NavigationMenuElement;
+  }
+}
+
+//# sourceMappingURL=NavigationMenuElement.js.map

package/ui/elements/NavigationMenuElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["LOCAL_STORAGE_KEY","TAGS","NavigationMenuElement","id","config","useGrid","state","loadState","_isExpanded","includes","addSorter","a","b","hasTag","APP","UTILS","label","localeCompare","applyPlugins","element","runSorters","sorter","_sorters","push","icon","path","storeState","getView","refresh","splice","indexOf","collapseElement","expandElement","localStorage","get","split","filter","Boolean","set","join","getLayout","sort","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?: Function;\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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"}
+{"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,22 +1,4 @@
-"use strict";
+import { UIElement } from "../UIElement";
+export class PanelElement extends UIElement {}
 
-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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _UIElement2 = require("../UIElement");
-var PanelElement = /*#__PURE__*/function (_UIElement) {
-  (0, _inherits2.default)(PanelElement, _UIElement);
-  var _super = (0, _createSuper2.default)(PanelElement);
-  function PanelElement() {
-    (0, _classCallCheck2.default)(this, PanelElement);
-    return _super.apply(this, arguments);
-  }
-  return (0, _createClass2.default)(PanelElement);
-}(_UIElement2.UIElement);
-exports.PanelElement = PanelElement;
+//# sourceMappingURL=PanelElement.js.map

package/ui/elements/PanelElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["PanelElement","UIElement"],"sources":["PanelElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\n\nexport class PanelElement extends UIElement<any> {}\n"],"mappings":";;;;;;;;;;;AAAA;AAA2C,IAE9BA,YAAY;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;AAAA,EAASC,qBAAS;AAAA"}
+{"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,33 +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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _UIElement2 = require("../UIElement");
-var PlaceholderElement = /*#__PURE__*/function (_UIElement) {
-  (0, _inherits2.default)(PlaceholderElement, _UIElement);
-  var _super = (0, _createSuper2.default)(PlaceholderElement);
-  function PlaceholderElement() {
-    (0, _classCallCheck2.default)(this, PlaceholderElement);
-    return _super.apply(this, arguments);
+import { UIElement } from "../UIElement";
+export class PlaceholderElement extends UIElement {
+  render() {
+    return null;
+  }
+  remove() {
+    return;
   }
-  (0, _createClass2.default)(PlaceholderElement, [{
-    key: "render",
-    value: function render() {
-      return null;
-    }
-  }, {
-    key: "remove",
-    value: function remove() {
-      return;
-    }
-  }]);
-  return PlaceholderElement;
-}(_UIElement2.UIElement);
-exports.PlaceholderElement = PlaceholderElement;
+}
+
+//# sourceMappingURL=PlaceholderElement.js.map

package/ui/elements/PlaceholderElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["PlaceholderElement","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;AAAyC,IAE5BA,kBAAkB;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OAC3B,kBAA0C;MACtC,OAAO,IAAI;IACf;EAAC;IAAA;IAAA,OAED,kBAA+B;MAC3B;IACJ;EAAC;EAAA;AAAA,EAPmCC,qBAAS;AAAA"}
+{"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: TRenderProps): React.ReactElement;
 }

package/ui/elements/SmallButtonElement.js

@@ -1,45 +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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-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 = /*#__PURE__*/function (_ButtonElement) {
-  (0, _inherits2.default)(SmallButtonElement, _ButtonElement);
-  var _super = (0, _createSuper2.default)(SmallButtonElement);
-  function SmallButtonElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(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());
   }
-  (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());
-    }
-  }]);
-  return SmallButtonElement;
-}(_ButtonElement2.ButtonElement);
-exports.SmallButtonElement = SmallButtonElement;
+}
+
+//# sourceMappingURL=SmallButtonElement.js.map

package/ui/elements/SmallButtonElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["BUTTONS","default","ButtonDefault","primary","ButtonPrimary","secondary","ButtonSecondary","SmallButtonElement","id","config","applyPlugins","props","Component","getType","onClick","getOnClick","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\";\n\nconst BUTTONS = {\n    default: ButtonDefault,\n    primary: ButtonPrimary,\n    secondary: ButtonSecondary\n};\n\nexport class SmallButtonElement<TRenderProps = any> 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;AACA;AACA;AAEA,IAAMA,OAAO,GAAG;EACZC,OAAO,EAAEC,qBAAa;EACtBC,OAAO,EAAEC,qBAAa;EACtBC,SAAS,EAAEC;AACf,CAAC;AAAC,IAEWC,kBAAkB;EAAA;EAAA;EAC3B,4BAAmBC,EAAU,EAAEC,MAAyC,EAAE;IAAA;IAAA;IACtE,0BAAMD,EAAE,EAAEC,MAAM;IAEhB,MAAKC,YAAY,CAACH,kBAAkB,CAAC;IAAC;EAC1C;EAAC;IAAA;IAAA,OAED,gBAAuBI,KAAmB,EAAsB;MAC5D,IAAMC,SAAS,GAAGZ,OAAO,CAAC,IAAI,CAACa,OAAO,EAAE,CAAC;MACzC,IAAMC,QAAO,GAAG,IAAI,CAACC,UAAU,EAAE;MAEjC,oBACI,6BAAC,SAAS;QAAC,KAAK;QAAC,OAAO,EAAE;UAAA,OAAMD,QAAO,CAACH,KAAK,CAAC;QAAA;MAAC,GAC1C,IAAI,CAACK,QAAQ,EAAE,CACR;IAEpB;EAAC;EAAA;AAAA,EAhBuDC,6BAAa;AAAA"}
+{"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,6 +1,7 @@
 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;
 }

package/ui/elements/TypographyElement.js

@@ -1,48 +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 _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 _UIElement2 = require("../UIElement");
-var _Typography = require("@webiny/ui/Typography");
-var TypographyElement = /*#__PURE__*/function (_UIElement) {
-  (0, _inherits2.default)(TypographyElement, _UIElement);
-  var _super = (0, _createSuper2.default)(TypographyElement);
-  function TypographyElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, TypographyElement);
-    _this = _super.call(this, 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;
   }
-  (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, _get2.default)((0, _getPrototypeOf2.default)(TypographyElement.prototype), "render", this).call(this, props));
-    }
-  }]);
-  return TypographyElement;
-}(_UIElement2.UIElement);
-exports.TypographyElement = TypographyElement;
+  render(props) {
+    return /*#__PURE__*/React.createElement(Typography, {
+      use: this.getTypography()
+    }, super.render(props));
+  }
+}
+
+//# sourceMappingURL=TypographyElement.js.map