@webiny/app-admin 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

package/ui/elements/ButtonGroupElement.js

@@ -1,13 +1,20 @@
-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 styled from "@emotion/styled";
-var ButtonGroup = /*#__PURE__*/styled("div", {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonGroupElement = 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 _styled = _interopRequireDefault(require("@emotion/styled"));
+var ButtonGroup = /*#__PURE__*/(0, _styled.default)("div", {
   target: "eztnaqv0",
   label: "ButtonGroup"
 })({
@@ -20,29 +27,22 @@ var ButtonGroup = /*#__PURE__*/styled("div", {
     marginRight: 15
   }
 });
-export var ButtonGroupElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(ButtonGroupElement, _UIElement);
-
-  var _super = _createSuper(ButtonGroupElement);
-
+var ButtonGroupElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(ButtonGroupElement, _UIElement);
+  var _super = (0, _createSuper2.default)(ButtonGroupElement);
   function ButtonGroupElement(id) {
     var _this;
-
-    _classCallCheck(this, ButtonGroupElement);
-
+    (0, _classCallCheck2.default)(this, ButtonGroupElement);
     _this = _super.call(this, id);
-
     _this.useGrid(false);
-
     return _this;
   }
-
-  _createClass(ButtonGroupElement, [{
+  (0, _createClass2.default)(ButtonGroupElement, [{
     key: "render",
     value: function render(props) {
-      return /*#__PURE__*/React.createElement(ButtonGroup, null, _get(_getPrototypeOf(ButtonGroupElement.prototype), "render", this).call(this, props));
+      return /*#__PURE__*/_react.default.createElement(ButtonGroup, null, (0, _get2.default)((0, _getPrototypeOf2.default)(ButtonGroupElement.prototype), "render", this).call(this, props));
     }
   }]);
-
   return ButtonGroupElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+exports.ButtonGroupElement = ButtonGroupElement;

package/ui/elements/ButtonGroupElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ButtonGroup","styled","display","height","width","alignItems","justifyContent","marginRight","ButtonGroupElement","id","useGrid","props","UIElement"],"sources":["ButtonGroupElement.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { UIElement, UiElementRenderProps } 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;AAEA;AACA;AAEA,IAAMA,WAAW,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC9BC,OAAO,EAAE,MAAM;EACfC,MAAM,EAAE,MAAM;EACdC,KAAK,EAAE,MAAM;EACbC,UAAU,EAAE,QAAQ;EACpBC,cAAc,EAAE,QAAQ;EACxB,UAAU,EAAE;IACRC,WAAW,EAAE;EACjB;AACJ,CAAC,CAAC;AAAC,IAEUC,kBAAkB;EAAA;EAAA;EAC3B,4BAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,0BAAMA,EAAE;IAER,MAAKC,OAAO,CAAC,KAAK,CAAC;IAAC;EACxB;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAA4B,EAAmB;MAClE,oBAAO,6BAAC,WAAW,mHAAeA,KAAK,EAAgB;IAC3D;EAAC;EAAA;AAAA,EATmCC,qBAAS;AAAA"}

package/ui/elements/GenericElement.js

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

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;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/ui/elements/LabelElement.js

@@ -1,32 +1,31 @@
-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";
-
+"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");
 /**
  * !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);
-
+var LabelElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(LabelElement, _UIElement);
+  var _super = (0, _createSuper2.default)(LabelElement);
   function LabelElement(id, config) {
     var _this;
-
-    _classCallCheck(this, LabelElement);
-
+    (0, _classCallCheck2.default)(this, LabelElement);
     _this = _super.call(this, id, config);
-
     _this.applyPlugins(LabelElement);
-
     return _this;
   }
-
-  _createClass(LabelElement, [{
+  (0, _createClass2.default)(LabelElement, [{
     key: "getText",
     value: function getText() {
       return this.config.text;
@@ -42,6 +41,6 @@ export var LabelElement = /*#__PURE__*/function (_UIElement) {
       return this.config.text;
     }
   }]);
-
   return LabelElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+exports.LabelElement = LabelElement;

package/ui/elements/LabelElement.js.map

@@ -0,0 +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"}

package/ui/elements/NavigationMenuElement.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { UIElement, UIElementConfig } from "../UIElement";
+import { UILayoutSorter } from "@webiny/ui-composer/UILayout";
 export interface NavigationMenuElementConfig extends UIElementConfig {
     label: React.ReactNode;
     icon?: React.ReactElement;
@@ -18,7 +19,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,67 +1,58 @@
-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";
+"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";
-export var TAGS;
-
+var TAGS;
+exports.TAGS = TAGS;
 (function (TAGS) {
   TAGS["UTILS"] = "utils";
   TAGS["APP"] = "app";
-})(TAGS || (TAGS = {}));
-
-export var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(NavigationMenuElement, _UIElement);
-
-  var _super = _createSuper(NavigationMenuElement);
-
+})(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;
-
-    _classCallCheck(this, NavigationMenuElement);
-
+    (0, _classCallCheck2.default)(this, NavigationMenuElement);
     _this = _super.call(this, id, config);
-
-    _defineProperty(_assertThisInitialized(_this), "_isExpanded", false);
-
-    _defineProperty(_assertThisInitialized(_this), "_sorters", []);
-
+    (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) {
       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
-
+    });
 
+    // Apply plugins
     _this.applyPlugins(NavigationMenuElement);
-
     return _this;
   }
-
-  _createClass(NavigationMenuElement, [{
+  (0, _createClass2.default)(NavigationMenuElement, [{
     key: "addElement",
     value: function addElement(element) {
-      _get(_getPrototypeOf(NavigationMenuElement.prototype), "addElement", this).call(this, element);
-
+      (0, _get2.default)((0, _getPrototypeOf2.default)(NavigationMenuElement.prototype), "addElement", this).call(this, element);
       this.runSorters();
       return element;
     }
@@ -95,11 +86,9 @@ export var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
     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();
     }
@@ -108,11 +97,9 @@ export var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
     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();
     }
@@ -121,26 +108,25 @@ export var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
     value: function toggleElement() {
       if (this._isExpanded) {
         this.collapseElement();
-      } else {
-        this.expandElement();
+        return;
       }
+      this.expandElement();
     }
   }, {
     key: "loadState",
     value: function loadState() {
-      return (localStorage.get(LOCAL_STORAGE_KEY) || "").split(",").filter(Boolean);
+      return (_store.default.get(LOCAL_STORAGE_KEY) || "").split(",").filter(Boolean);
     }
   }, {
     key: "storeState",
     value: function storeState(state) {
-      localStorage.set(LOCAL_STORAGE_KEY, state.join(","));
+      _store.default.set(LOCAL_STORAGE_KEY, state.join(","));
     }
   }, {
     key: "runSorters",
     value: function runSorters() {
-      var _iterator = _createForOfIteratorHelper(this._sorters),
-          _step;
-
+      var _iterator = (0, _createForOfIteratorHelper2.default)(this._sorters),
+        _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var sorter = _step.value;
@@ -153,6 +139,6 @@ export var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
       }
     }
   }]);
-
   return NavigationMenuElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+exports.NavigationMenuElement = NavigationMenuElement;

package/ui/elements/NavigationMenuElement.js.map

@@ -0,0 +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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"}

package/ui/elements/PanelElement.js

@@ -1,17 +1,22 @@
-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);
-
-  var _super = _createSuper(PanelElement);
+"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 _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() {
-    _classCallCheck(this, PanelElement);
-
+    (0, _classCallCheck2.default)(this, PanelElement);
     return _super.apply(this, arguments);
   }
-
-  return PanelElement;
-}(UIElement);
+  return (0, _createClass2.default)(PanelElement);
+}(_UIElement2.UIElement);
+exports.PanelElement = PanelElement;

package/ui/elements/PanelElement.js.map

@@ -0,0 +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"}

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,20 +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";
-export var PlaceholderElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(PlaceholderElement, _UIElement);
-
-  var _super = _createSuper(PlaceholderElement);
+"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() {
-    _classCallCheck(this, PlaceholderElement);
-
+    (0, _classCallCheck2.default)(this, PlaceholderElement);
     return _super.apply(this, arguments);
   }
-
-  _createClass(PlaceholderElement, [{
+  (0, _createClass2.default)(PlaceholderElement, [{
     key: "render",
     value: function render() {
       return null;
@@ -25,6 +28,6 @@ export var PlaceholderElement = /*#__PURE__*/function (_UIElement) {
       return;
     }
   }]);
-
   return PlaceholderElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+exports.PlaceholderElement = PlaceholderElement;

package/ui/elements/PlaceholderElement.js.map

@@ -0,0 +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"}

package/ui/elements/SmallButtonElement.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 import { ButtonElement, ButtonElementConfig } from "./ButtonElement";
 export declare class SmallButtonElement<TRenderProps = any> 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,40 +1,38 @@
-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";
+"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: ButtonDefault,
-  primary: ButtonPrimary,
-  secondary: ButtonSecondary
+  default: _Button.ButtonDefault,
+  primary: _Button.ButtonPrimary,
+  secondary: _Button.ButtonSecondary
 };
-export var SmallButtonElement = /*#__PURE__*/function (_ButtonElement) {
-  _inherits(SmallButtonElement, _ButtonElement);
-
-  var _super = _createSuper(SmallButtonElement);
-
+var SmallButtonElement = /*#__PURE__*/function (_ButtonElement) {
+  (0, _inherits2.default)(SmallButtonElement, _ButtonElement);
+  var _super = (0, _createSuper2.default)(SmallButtonElement);
   function SmallButtonElement(id, config) {
     var _this;
-
-    _classCallCheck(this, SmallButtonElement);
-
+    (0, _classCallCheck2.default)(this, SmallButtonElement);
     _this = _super.call(this, id, config);
-
     _this.applyPlugins(SmallButtonElement);
-
     return _this;
   }
-
-  _createClass(SmallButtonElement, [{
+  (0, _createClass2.default)(SmallButtonElement, [{
     key: "render",
     value: function render(props) {
       var Component = BUTTONS[this.getType()];
-
       var _onClick = this.getOnClick();
-
-      return /*#__PURE__*/React.createElement(Component, {
+      return /*#__PURE__*/_react.default.createElement(Component, {
         small: true,
         onClick: function onClick() {
           return _onClick(props);
@@ -42,6 +40,6 @@ export var SmallButtonElement = /*#__PURE__*/function (_ButtonElement) {
       }, this.getLabel());
     }
   }]);
-
   return SmallButtonElement;
-}(ButtonElement);
+}(_ButtonElement2.ButtonElement);
+exports.SmallButtonElement = SmallButtonElement;

package/ui/elements/SmallButtonElement.js.map

@@ -0,0 +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"}

package/ui/elements/TypographyElement.d.ts

@@ -6,7 +6,7 @@ interface TypographyElementConfig extends UIElementConfig {
 }
 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,32 +1,31 @@
-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);
-
+"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;
-
-    _classCallCheck(this, TypographyElement);
-
+    (0, _classCallCheck2.default)(this, TypographyElement);
     _this = _super.call(this, id, config);
-
     _this.useGrid(false);
-
     _this.applyPlugins(TypographyElement);
-
     return _this;
   }
-
-  _createClass(TypographyElement, [{
+  (0, _createClass2.default)(TypographyElement, [{
     key: "getTypography",
     value: function getTypography() {
       return this.config.typography;
@@ -39,11 +38,11 @@ export var TypographyElement = /*#__PURE__*/function (_UIElement) {
   }, {
     key: "render",
     value: function render(props) {
-      return /*#__PURE__*/React.createElement(Typography, {
+      return /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
         use: this.getTypography()
-      }, _get(_getPrototypeOf(TypographyElement.prototype), "render", this).call(this, props));
+      }, (0, _get2.default)((0, _getPrototypeOf2.default)(TypographyElement.prototype), "render", this).call(this, props));
     }
   }]);
-
   return TypographyElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+exports.TypographyElement = TypographyElement;

package/ui/elements/TypographyElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TypographyElement","id","config","useGrid","applyPlugins","typography","props","getTypography","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;AACA;AACA;AAAmD,IAqBtCA,iBAAiB;EAAA;EAAA;EAC1B,2BAAYC,EAAU,EAAEC,MAA+B,EAAE;IAAA;IAAA;IACrD,0BAAMD,EAAE,EAAEC,MAAM;IAChB,MAAKC,OAAO,CAAC,KAAK,CAAC;IAEnB,MAAKC,YAAY,CAACJ,iBAAiB,CAAC;IAAC;EACzC;EAAC;IAAA;IAAA,OAED,yBAAoC;MAChC,OAAO,IAAI,CAACE,MAAM,CAACG,UAAU;IACjC;EAAC;IAAA;IAAA,OAED,uBAAqBA,UAAuB,EAAQ;MAChD,IAAI,CAACH,MAAM,CAACG,UAAU,GAAGA,UAAU;IACvC;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAAU,EAAmB;MAChD,oBAAO,6BAAC,sBAAU;QAAC,GAAG,EAAE,IAAI,CAACC,aAAa;MAAG,6GAAeD,KAAK,EAAe;IACpF;EAAC;EAAA;AAAA,EAlBkCE,qBAAS;AAAA"}