@webiny/app-admin 0.0.0-unstable.1e66d121db → 0.0.0-unstable.2aaa1916d9

package/ui/elements/ButtonElement.js

@@ -1,105 +1,52 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ButtonElement = 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 _kebabCase2 = _interopRequireDefault(require("lodash/kebabCase"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Button = require("@webiny/ui/Button");
-
-var _UIElement2 = require("../UIElement");
-
-var BUTTONS = {
-  default: _Button.ButtonDefault,
-  primary: _Button.ButtonPrimary,
-  secondary: _Button.ButtonSecondary
+import React from "react";
+import { ButtonDefault, ButtonPrimary, ButtonSecondary } from "@webiny/ui/Button";
+import { UIElement } from "../UIElement";
+import kebabCase from "lodash/kebabCase";
+const BUTTONS = {
+  default: ButtonDefault,
+  primary: ButtonPrimary,
+  secondary: ButtonSecondary
 };
-
-var ButtonElement = /*#__PURE__*/function (_UIElement) {
-  (0, _inherits2.default)(ButtonElement, _UIElement);
-
-  var _super = (0, _createSuper2.default)(ButtonElement);
-
-  function ButtonElement() {
-    (0, _classCallCheck2.default)(this, ButtonElement);
-    return _super.apply(this, arguments);
+export class ButtonElement extends UIElement {
+  setLabel(label) {
+    /**
+     * TODO @ts-refactor
+     * 'TProps' could be instantiated with an arbitrary type which could be unrelated to 'TRenderProps'
+     */
+    // @ts-expect-error
+    this.config.label = label;
   }
-
-  (0, _createClass2.default)(ButtonElement, [{
-    key: "setLabel",
-    value: function setLabel(label) {
-      /**
-       * TODO @ts-refactor
-       * 'TProps' could be instantiated with an arbitrary type which could be unrelated to 'TRenderProps'
-       */
-      // @ts-ignore
-      this.config.label = label;
+  getLabel(props) {
+    if (typeof this.config.label === "function") {
+      // TODO @ts-refactor find out correct types to pass
+      return this.config.label(props);
     }
-  }, {
-    key: "getLabel",
-    value: function getLabel(props) {
-      if (typeof this.config.label === "function") {
-        // TODO @ts-refactor find out correct types to pass
-        return this.config.label(props);
-      }
-
-      return this.config.label;
-    }
-  }, {
-    key: "setType",
-    value: function setType(type) {
-      this.config.type = type;
-    }
-  }, {
-    key: "getType",
-    value: function getType(props) {
-      if (typeof this.config.type === "function") {
-        // TODO @ts-refactor find out correct types to pass
-        return this.config.type(props);
-      }
-
-      return this.config.type;
-    }
-  }, {
-    key: "setOnClick",
-    value: function setOnClick(onClick) {
-      this.config.onClick = onClick;
-    }
-  }, {
-    key: "getOnClick",
-    value: function getOnClick() {
-      return this.config.onClick;
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      var Component = BUTTONS[this.getType(props)];
-
-      var _onClick = this.getOnClick();
-
-      return /*#__PURE__*/_react.default.createElement(Component, {
-        onClick: function onClick() {
-          return _onClick(props);
-        },
-        "data-testid": "button-element-".concat((0, _kebabCase2.default)(this.getLabel(props)))
-      }, this.getLabel(props));
+    return this.config.label;
+  }
+  setType(type) {
+    this.config.type = type;
+  }
+  getType(props) {
+    if (typeof this.config.type === "function") {
+      // TODO @ts-refactor find out correct types to pass
+      return this.config.type(props);
     }
-  }]);
-  return ButtonElement;
-}(_UIElement2.UIElement);
+    return this.config.type;
+  }
+  setOnClick(onClick) {
+    this.config.onClick = onClick;
+  }
+  getOnClick() {
+    return this.config.onClick;
+  }
+  render(props) {
+    const Component = BUTTONS[this.getType(props)];
+    const onClick = this.getOnClick();
+    return /*#__PURE__*/React.createElement(Component, {
+      onClick: () => onClick(props),
+      "data-testid": `button-element-${kebabCase(this.getLabel(props))}`
+    }, this.getLabel(props));
+  }
+}
 
-exports.ButtonElement = ButtonElement;
+//# sourceMappingURL=ButtonElement.js.map

package/ui/elements/ButtonElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["BUTTONS","default","ButtonDefault","primary","ButtonPrimary","secondary","ButtonSecondary","ButtonElement","label","config","props","type","onClick","Component","getType","getOnClick","getLabel","UIElement"],"sources":["ButtonElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { UIElement, UIElementConfig } from \"../UIElement\";\nimport { kebabCase } from \"lodash\";\n\nexport type ButtonElementType = \"default\" | \"primary\" | \"secondary\";\n\nexport interface ButtonOnClick<TRenderProps = any> {\n    (props: TRenderProps): void;\n}\n\ninterface GetterWithProps<TProps, TReturn> {\n    (props: TProps): TReturn;\n}\n\nexport interface ButtonElementConfig<TRenderProps> extends UIElementConfig {\n    type: ButtonElementType | GetterWithProps<TRenderProps, ButtonElementType>;\n    label: string | GetterWithProps<TRenderProps, string>;\n    onClick: ButtonOnClick<TRenderProps>;\n}\n\nconst BUTTONS = {\n    default: ButtonDefault,\n    primary: ButtonPrimary,\n    secondary: ButtonSecondary\n};\n\nexport class ButtonElement<TRenderProps = any> extends UIElement<\n    ButtonElementConfig<TRenderProps>\n> {\n    public setLabel<TProps extends TRenderProps = TRenderProps>(\n        label: string | GetterWithProps<TProps, string>\n    ): void {\n        /**\n         * TODO @ts-refactor\n         * 'TProps' could be instantiated with an arbitrary type which could be unrelated to 'TRenderProps'\n         */\n        // @ts-ignore\n        this.config.label = label;\n    }\n\n    public getLabel(props?: TRenderProps): string {\n        if (typeof this.config.label === \"function\") {\n            // TODO @ts-refactor find out correct types to pass\n            return this.config.label(props as TRenderProps);\n        }\n        return this.config.label;\n    }\n\n    public setType(type: ButtonElementType): void {\n        this.config.type = type;\n    }\n\n    public getType(props?: TRenderProps): ButtonElementType {\n        if (typeof this.config.type === \"function\") {\n            // TODO @ts-refactor find out correct types to pass\n            return this.config.type(props as TRenderProps);\n        }\n        return this.config.type;\n    }\n\n    public setOnClick(onClick: ButtonOnClick<TRenderProps>): void {\n        this.config.onClick = onClick;\n    }\n\n    public getOnClick() {\n        return this.config.onClick;\n    }\n\n    public override render(props: TRenderProps): React.ReactElement {\n        const Component = BUTTONS[this.getType(props)];\n        const onClick = this.getOnClick();\n\n        return (\n            <Component\n                onClick={() => onClick(props)}\n                data-testid={`button-element-${kebabCase(this.getLabel(props))}`}\n            >\n                {this.getLabel(props)}\n            </Component>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAmBA,IAAMA,OAAO,GAAG;EACZC,OAAO,EAAEC,qBADG;EAEZC,OAAO,EAAEC,qBAFG;EAGZC,SAAS,EAAEC;AAHC,CAAhB;;IAMaC,a;;;;;;;;;;;;WAGT,kBACIC,KADJ,EAEQ;MACJ;AACR;AACA;AACA;MACQ;MACA,KAAKC,MAAL,CAAYD,KAAZ,GAAoBA,KAApB;IACH;;;WAED,kBAAgBE,KAAhB,EAA8C;MAC1C,IAAI,OAAO,KAAKD,MAAL,CAAYD,KAAnB,KAA6B,UAAjC,EAA6C;QACzC;QACA,OAAO,KAAKC,MAAL,CAAYD,KAAZ,CAAkBE,KAAlB,CAAP;MACH;;MACD,OAAO,KAAKD,MAAL,CAAYD,KAAnB;IACH;;;WAED,iBAAeG,IAAf,EAA8C;MAC1C,KAAKF,MAAL,CAAYE,IAAZ,GAAmBA,IAAnB;IACH;;;WAED,iBAAeD,KAAf,EAAwD;MACpD,IAAI,OAAO,KAAKD,MAAL,CAAYE,IAAnB,KAA4B,UAAhC,EAA4C;QACxC;QACA,OAAO,KAAKF,MAAL,CAAYE,IAAZ,CAAiBD,KAAjB,CAAP;MACH;;MACD,OAAO,KAAKD,MAAL,CAAYE,IAAnB;IACH;;;WAED,oBAAkBC,OAAlB,EAA8D;MAC1D,KAAKH,MAAL,CAAYG,OAAZ,GAAsBA,OAAtB;IACH;;;WAED,sBAAoB;MAChB,OAAO,KAAKH,MAAL,CAAYG,OAAnB;IACH;;;WAED,gBAAuBF,KAAvB,EAAgE;MAC5D,IAAMG,SAAS,GAAGb,OAAO,CAAC,KAAKc,OAAL,CAAaJ,KAAb,CAAD,CAAzB;;MACA,IAAME,QAAO,GAAG,KAAKG,UAAL,EAAhB;;MAEA,oBACI,6BAAC,SAAD;QACI,OAAO,EAAE;UAAA,OAAMH,QAAO,CAACF,KAAD,CAAb;QAAA,CADb;QAEI,wCAA+B,yBAAU,KAAKM,QAAL,CAAcN,KAAd,CAAV,CAA/B;MAFJ,GAIK,KAAKM,QAAL,CAAcN,KAAd,CAJL,CADJ;IAQH;;;EAtDkDO,qB"}
+{"version":3,"names":["React","ButtonDefault","ButtonPrimary","ButtonSecondary","UIElement","kebabCase","BUTTONS","default","primary","secondary","ButtonElement","setLabel","label","config","getLabel","props","setType","type","getType","setOnClick","onClick","getOnClick","render","Component","createElement"],"sources":["ButtonElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport type { UIElementConfig, UiElementRenderProps } from \"../UIElement\";\nimport { UIElement } from \"../UIElement\";\nimport kebabCase from \"lodash/kebabCase\";\n\nexport type ButtonElementType = \"default\" | \"primary\" | \"secondary\";\n\nexport interface ButtonOnClick<TRenderProps = any> {\n    (props: TRenderProps): void;\n}\n\ninterface GetterWithProps<TProps, TReturn> {\n    (props: TProps): TReturn;\n}\n\nexport interface ButtonElementConfig<TRenderProps> extends UIElementConfig {\n    type: ButtonElementType | GetterWithProps<TRenderProps, ButtonElementType>;\n    label: string | GetterWithProps<TRenderProps, string>;\n    onClick: ButtonOnClick<TRenderProps>;\n}\n\nconst BUTTONS = {\n    default: ButtonDefault,\n    primary: ButtonPrimary,\n    secondary: ButtonSecondary\n};\n\nexport class ButtonElement<\n    TRenderProps extends UiElementRenderProps = UiElementRenderProps\n> extends UIElement<ButtonElementConfig<TRenderProps>> {\n    public setLabel<TProps extends TRenderProps = TRenderProps>(\n        label: string | GetterWithProps<TProps, string>\n    ): void {\n        /**\n         * TODO @ts-refactor\n         * 'TProps' could be instantiated with an arbitrary type which could be unrelated to 'TRenderProps'\n         */\n        // @ts-expect-error\n        this.config.label = label;\n    }\n\n    public getLabel(props?: TRenderProps): string {\n        if (typeof this.config.label === \"function\") {\n            // TODO @ts-refactor find out correct types to pass\n            return this.config.label(props as TRenderProps);\n        }\n        return this.config.label;\n    }\n\n    public setType(type: ButtonElementType): void {\n        this.config.type = type;\n    }\n\n    public getType(props?: TRenderProps): ButtonElementType {\n        if (typeof this.config.type === \"function\") {\n            // TODO @ts-refactor find out correct types to pass\n            return this.config.type(props as TRenderProps);\n        }\n        return this.config.type;\n    }\n\n    public setOnClick(onClick: ButtonOnClick<TRenderProps>): void {\n        this.config.onClick = onClick;\n    }\n\n    public getOnClick() {\n        return this.config.onClick;\n    }\n\n    public override render(props: TRenderProps): React.ReactElement {\n        const Component = BUTTONS[this.getType(props)];\n        const onClick = this.getOnClick();\n\n        return (\n            <Component\n                onClick={() => onClick(props)}\n                data-testid={`button-element-${kebabCase(this.getLabel(props))}`}\n            >\n                {this.getLabel(props)}\n            </Component>\n        );\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,aAAa,EAAEC,eAAe,QAAQ,mBAAmB;AAEjF,SAASC,SAAS;AAClB,OAAOC,SAAS,MAAM,kBAAkB;AAkBxC,MAAMC,OAAO,GAAG;EACZC,OAAO,EAAEN,aAAa;EACtBO,OAAO,EAAEN,aAAa;EACtBO,SAAS,EAAEN;AACf,CAAC;AAED,OAAO,MAAMO,aAAa,SAEhBN,SAAS,CAAoC;EAC5CO,QAAQA,CACXC,KAA+C,EAC3C;IACJ;AACR;AACA;AACA;IACQ;IACA,IAAI,CAACC,MAAM,CAACD,KAAK,GAAGA,KAAK;EAC7B;EAEOE,QAAQA,CAACC,KAAoB,EAAU;IAC1C,IAAI,OAAO,IAAI,CAACF,MAAM,CAACD,KAAK,KAAK,UAAU,EAAE;MACzC;MACA,OAAO,IAAI,CAACC,MAAM,CAACD,KAAK,CAACG,KAAqB,CAAC;IACnD;IACA,OAAO,IAAI,CAACF,MAAM,CAACD,KAAK;EAC5B;EAEOI,OAAOA,CAACC,IAAuB,EAAQ;IAC1C,IAAI,CAACJ,MAAM,CAACI,IAAI,GAAGA,IAAI;EAC3B;EAEOC,OAAOA,CAACH,KAAoB,EAAqB;IACpD,IAAI,OAAO,IAAI,CAACF,MAAM,CAACI,IAAI,KAAK,UAAU,EAAE;MACxC;MACA,OAAO,IAAI,CAACJ,MAAM,CAACI,IAAI,CAACF,KAAqB,CAAC;IAClD;IACA,OAAO,IAAI,CAACF,MAAM,CAACI,IAAI;EAC3B;EAEOE,UAAUA,CAACC,OAAoC,EAAQ;IAC1D,IAAI,CAACP,MAAM,CAACO,OAAO,GAAGA,OAAO;EACjC;EAEOC,UAAUA,CAAA,EAAG;IAChB,OAAO,IAAI,CAACR,MAAM,CAACO,OAAO;EAC9B;EAEgBE,MAAMA,CAACP,KAAmB,EAAsB;IAC5D,MAAMQ,SAAS,GAAGjB,OAAO,CAAC,IAAI,CAACY,OAAO,CAACH,KAAK,CAAC,CAAC;IAC9C,MAAMK,OAAO,GAAG,IAAI,CAACC,UAAU,CAAC,CAAC;IAEjC,oBACIrB,KAAA,CAAAwB,aAAA,CAACD,SAAS;MACNH,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACL,KAAK,CAAE;MAC9B,eAAa,kBAAkBV,SAAS,CAAC,IAAI,CAACS,QAAQ,CAACC,KAAK,CAAC,CAAC;IAAG,GAEhE,IAAI,CAACD,QAAQ,CAACC,KAAK,CACb,CAAC;EAEpB;AACJ","ignoreList":[]}

package/ui/elements/ButtonGroupElement.d.ts

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

package/ui/elements/ButtonGroupElement.js

@@ -1,67 +1,29 @@
-"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", {
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import React from "react";
+import { UIElement } from "../UIElement";
+const ButtonGroup = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eztnaqv0"
+} : {
   target: "eztnaqv0",
   label: "ButtonGroup"
-})({
-  display: "flex",
-  height: "100%",
-  width: "100%",
-  alignItems: "center",
-  justifyContent: "center",
-  "> button": {
-    marginRight: 15
-  }
+})(process.env.NODE_ENV === "production" ? {
+  name: "1qjl64w",
+  styles: "display:flex;height:100%;width:100%;align-items:center;justify-content:center;> button{margin-right:15px;}"
+} : {
+  name: "1qjl64w",
+  styles: "display:flex;height:100%;width:100%;align-items:center;justify-content:center;> button{margin-right:15px;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbkdyb3VwRWxlbWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTW9CIiwiZmlsZSI6IkJ1dHRvbkdyb3VwRWxlbWVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB0eXBlIHsgVWlFbGVtZW50UmVuZGVyUHJvcHMgfSBmcm9tIFwifi91aS9VSUVsZW1lbnRcIjtcbmltcG9ydCB7IFVJRWxlbWVudCB9IGZyb20gXCJ+L3VpL1VJRWxlbWVudFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmNvbnN0IEJ1dHRvbkdyb3VwID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIFwiPiBidXR0b25cIjoge1xuICAgICAgICBtYXJnaW5SaWdodDogMTVcbiAgICB9XG59KTtcblxuZXhwb3J0IGNsYXNzIEJ1dHRvbkdyb3VwRWxlbWVudCBleHRlbmRzIFVJRWxlbWVudDxhbnk+IHtcbiAgICBwdWJsaWMgY29uc3RydWN0b3IoaWQ6IHN0cmluZykge1xuICAgICAgICBzdXBlcihpZCk7XG5cbiAgICAgICAgdGhpcy51c2VHcmlkKGZhbHNlKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgb3ZlcnJpZGUgcmVuZGVyKHByb3BzPzogVWlFbGVtZW50UmVuZGVyUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICAgICAgICByZXR1cm4gPEJ1dHRvbkdyb3VwPntzdXBlci5yZW5kZXIocHJvcHMpfTwvQnV0dG9uR3JvdXA+O1xuICAgIH1cbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-
-var ButtonGroupElement = /*#__PURE__*/function (_UIElement) {
-  (0, _inherits2.default)(ButtonGroupElement, _UIElement);
-
-  var _super = (0, _createSuper2.default)(ButtonGroupElement);
-
-  function ButtonGroupElement(id) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, ButtonGroupElement);
-    _this = _super.call(this, id);
-
-    _this.useGrid(false);
-
-    return _this;
+export class ButtonGroupElement extends UIElement {
+  constructor(id) {
+    super(id);
+    this.useGrid(false);
   }
+  render(props) {
+    return /*#__PURE__*/React.createElement(ButtonGroup, null, super.render(props));
+  }
+}
 
-  (0, _createClass2.default)(ButtonGroupElement, [{
-    key: "render",
-    value: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(ButtonGroup, null, (0, _get2.default)((0, _getPrototypeOf2.default)(ButtonGroupElement.prototype), "render", this).call(this, props));
-    }
-  }]);
-  return ButtonGroupElement;
-}(_UIElement2.UIElement);
-
-exports.ButtonGroupElement = ButtonGroupElement;
+//# sourceMappingURL=ButtonGroupElement.js.map

package/ui/elements/ButtonGroupElement.js.map

@@ -1 +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,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAC9BC,OAAO,EAAE,MADqB;EAE9BC,MAAM,EAAE,MAFsB;EAG9BC,KAAK,EAAE,MAHuB;EAI9BC,UAAU,EAAE,QAJkB;EAK9BC,cAAc,EAAE,QALc;EAM9B,YAAY;IACRC,WAAW,EAAE;EADL;AANkB,CAAjB,CAAjB;;IAWaC,kB;;;;;EACT,4BAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,0BAAMA,EAAN;;IAEA,MAAKC,OAAL,CAAa,KAAb;;IAH2B;EAI9B;;;;WAED,gBAAuBC,KAAvB,EAAsE;MAClE,oBAAO,6BAAC,WAAD,mHAA2BA,KAA3B,EAAP;IACH;;;EATmCC,qB"}
+{"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,18 +1,3 @@
-"use strict";
+export * from "@webiny/ui-composer/elements/GenericElement";
 
-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];
-    }
-  });
-});
+//# sourceMappingURL=GenericElement.js.map

package/ui/elements/GenericElement.js.map

@@ -1 +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"}
+{"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,60 +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;
+  }
+  render() {
+    return this.config.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;
+//# 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;IACaA,Y;;;;;EACT,sBAAmBC,EAAnB,EAA+BC,MAA/B,EAA2D;IAAA;;IAAA;IACvD,0BAAMD,EAAN,EAAUC,MAAV;;IAEA,MAAKC,YAAL,CAAkBH,YAAlB;;IAHuD;EAI1D;;;;WAED,mBAAyB;MACrB,OAAO,KAAKE,MAAL,CAAYE,IAAnB;IACH;;;WAED,iBAAeA,IAAf,EAAmC;MAC/B,KAAKF,MAAL,CAAYE,IAAZ,GAAmBA,IAAnB;IACH;;;WAED,kBAA0C;MACtC,OAAO,KAAKF,MAAL,CAAYE,IAAnB;IACH;;;EAjB6BC,qB"}
+{"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;