@webiny/app-admin 0.0.0-ee-vpcs.549378cf03

package/ui/elements/AccordionElement.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import { UIElement, UIElementConfig, UiElementRenderProps } from "../UIElement";
+interface GetterWithProps<TProps, T> {
+    (props: TProps): T;
+}
+interface Item<TProps = any> extends UIElementConfig {
+    id: string;
+    title: string;
+    description: string;
+    icon: React.ReactElement;
+    open?: boolean | GetterWithProps<TProps, boolean>;
+}
+export declare class AccordionItemElement extends UIElement<Item> {
+    constructor(id: string, config: Item);
+    setTitle(title: string): void;
+    setDescription(description: string): void;
+    render(props: UiElementRenderProps): React.ReactNode;
+}
+interface Config extends UIElementConfig {
+    items: Item[];
+}
+export declare class AccordionElement extends UIElement<Config> {
+    constructor(id: string, config: Config);
+    getAccordionItemElement(id: string): AccordionItemElement;
+    render(props: UiElementRenderProps): React.ReactNode;
+}
+export {};

package/ui/elements/AccordionElement.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionItemElement = exports.AccordionElement = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+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 _UIElement3 = require("../UIElement");
+
+var _Accordion = require("@webiny/ui/Accordion");
+
+var _excluded = ["open"];
+
+var AccordionItemElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(AccordionItemElement, _UIElement);
+
+  var _super = (0, _createSuper2.default)(AccordionItemElement);
+
+  function AccordionItemElement(id, config) {
+    (0, _classCallCheck2.default)(this, AccordionItemElement);
+    return _super.call(this, id, config);
+  }
+
+  (0, _createClass2.default)(AccordionItemElement, [{
+    key: "setTitle",
+    value: function setTitle(title) {
+      this.config.title = title;
+    }
+  }, {
+    key: "setDescription",
+    value: function setDescription(description) {
+      this.config.description = description;
+    }
+  }, {
+    key: "render",
+    value: function render(props) {
+      var _this$config = this.config,
+          open = _this$config.open,
+          rest = (0, _objectWithoutProperties2.default)(_this$config, _excluded);
+      var isOpened = typeof open === "function" ? open(props) : open;
+      return /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, Object.assign({
+        open: isOpened
+      }, rest), (0, _get2.default)((0, _getPrototypeOf2.default)(AccordionItemElement.prototype), "render", this).call(this, props));
+    }
+  }]);
+  return AccordionItemElement;
+}(_UIElement3.UIElement);
+
+exports.AccordionItemElement = AccordionItemElement;
+
+var AccordionElement = /*#__PURE__*/function (_UIElement2) {
+  (0, _inherits2.default)(AccordionElement, _UIElement2);
+
+  var _super2 = (0, _createSuper2.default)(AccordionElement);
+
+  function AccordionElement(id, config) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, AccordionElement);
+    _this = _super2.call(this, id, config);
+
+    _this.useGrid(false);
+
+    _this.config.items.forEach(function (item) {
+      _this.addElement(new AccordionItemElement(item.id, item));
+    });
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(AccordionElement, [{
+    key: "getAccordionItemElement",
+    value: function getAccordionItemElement(id) {
+      return this.getElement(id);
+    }
+  }, {
+    key: "render",
+    value: function render(props) {
+      /**
+       * Figure out correct way to have props.children typed.
+       * TODO @ts-refactor
+       */
+      // @ts-ignore
+      return /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, {
+        elevation: 0
+      }, (0, _get2.default)((0, _getPrototypeOf2.default)(AccordionElement.prototype), "render", this).call(this, props));
+    }
+  }]);
+  return AccordionElement;
+}(_UIElement3.UIElement);
+
+exports.AccordionElement = AccordionElement;

package/ui/elements/AccordionElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AccordionItemElement","id","config","title","description","props","open","rest","isOpened","UIElement","AccordionElement","useGrid","items","forEach","item","addElement","getElement"],"sources":["AccordionElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\n\ninterface GetterWithProps<TProps, T> {\n    (props: TProps): T;\n}\n\ninterface Item<TProps = any> extends UIElementConfig {\n    id: string;\n    title: string;\n    description: string;\n    icon: React.ReactElement;\n    open?: boolean | GetterWithProps<TProps, boolean>;\n}\n\nexport class AccordionItemElement extends UIElement<Item> {\n    public constructor(id: string, config: Item) {\n        super(id, config);\n    }\n\n    public setTitle(title: string): void {\n        this.config.title = title;\n    }\n\n    public setDescription(description: string): void {\n        this.config.description = description;\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        const { open, ...rest } = this.config;\n        const isOpened = typeof open === \"function\" ? open(props) : open;\n        return (\n            <AccordionItem open={isOpened} {...rest}>\n                {super.render(props)}\n            </AccordionItem>\n        );\n    }\n}\n\ninterface Config extends UIElementConfig {\n    items: Item[];\n}\n\nexport class AccordionElement extends UIElement<Config> {\n    public constructor(id: string, config: Config) {\n        super(id, config);\n\n        this.useGrid(false);\n\n        this.config.items.forEach(item => {\n            this.addElement(new AccordionItemElement(item.id, item));\n        });\n    }\n\n    public getAccordionItemElement(id: string): AccordionItemElement {\n        return this.getElement(id) as AccordionItemElement;\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        /**\n         * Figure out correct way to have props.children typed.\n         * TODO @ts-refactor\n         */\n        // @ts-ignore\n        return <Accordion elevation={0}>{super.render(props)}</Accordion>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;IAcaA,oB;;;;;EACT,8BAAmBC,EAAnB,EAA+BC,MAA/B,EAA6C;IAAA;IAAA,yBACnCD,EADmC,EAC/BC,MAD+B;EAE5C;;;;WAED,kBAAgBC,KAAhB,EAAqC;MACjC,KAAKD,MAAL,CAAYC,KAAZ,GAAoBA,KAApB;IACH;;;WAED,wBAAsBC,WAAtB,EAAiD;MAC7C,KAAKF,MAAL,CAAYE,WAAZ,GAA0BA,WAA1B;IACH;;;WAED,gBAAuBC,KAAvB,EAAqE;MACjE,mBAA0B,KAAKH,MAA/B;MAAA,IAAQI,IAAR,gBAAQA,IAAR;MAAA,IAAiBC,IAAjB;MACA,IAAMC,QAAQ,GAAG,OAAOF,IAAP,KAAgB,UAAhB,GAA6BA,IAAI,CAACD,KAAD,CAAjC,GAA2CC,IAA5D;MACA,oBACI,6BAAC,wBAAD;QAAe,IAAI,EAAEE;MAArB,GAAmCD,IAAnC,gHACkBF,KADlB,EADJ;IAKH;;;EArBqCI,qB;;;;IA4B7BC,gB;;;;;EACT,0BAAmBT,EAAnB,EAA+BC,MAA/B,EAA+C;IAAA;;IAAA;IAC3C,2BAAMD,EAAN,EAAUC,MAAV;;IAEA,MAAKS,OAAL,CAAa,KAAb;;IAEA,MAAKT,MAAL,CAAYU,KAAZ,CAAkBC,OAAlB,CAA0B,UAAAC,IAAI,EAAI;MAC9B,MAAKC,UAAL,CAAgB,IAAIf,oBAAJ,CAAyBc,IAAI,CAACb,EAA9B,EAAkCa,IAAlC,CAAhB;IACH,CAFD;;IAL2C;EAQ9C;;;;WAED,iCAA+Bb,EAA/B,EAAiE;MAC7D,OAAO,KAAKe,UAAL,CAAgBf,EAAhB,CAAP;IACH;;;WAED,gBAAuBI,KAAvB,EAAqE;MACjE;AACR;AACA;AACA;MACQ;MACA,oBAAO,6BAAC,oBAAD;QAAW,SAAS,EAAE;MAAtB,4GAAuCA,KAAvC,EAAP;IACH;;;EAtBiCI,qB"}

package/ui/elements/ButtonElement.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import { UIElement, UIElementConfig } from "../UIElement";
+export declare type ButtonElementType = "default" | "primary" | "secondary";
+export interface ButtonOnClick<TRenderProps = any> {
+    (props: TRenderProps): void;
+}
+interface GetterWithProps<TProps, TReturn> {
+    (props: TProps): TReturn;
+}
+export interface ButtonElementConfig<TRenderProps> extends UIElementConfig {
+    type: ButtonElementType | GetterWithProps<TRenderProps, ButtonElementType>;
+    label: string | GetterWithProps<TRenderProps, string>;
+    onClick: ButtonOnClick<TRenderProps>;
+}
+export declare class ButtonElement<TRenderProps = any> extends UIElement<ButtonElementConfig<TRenderProps>> {
+    setLabel<TProps extends TRenderProps = TRenderProps>(label: string | GetterWithProps<TProps, string>): void;
+    getLabel(props?: TRenderProps): string;
+    setType(type: ButtonElementType): void;
+    getType(props?: TRenderProps): ButtonElementType;
+    setOnClick(onClick: ButtonOnClick<TRenderProps>): void;
+    getOnClick(): ButtonOnClick<TRenderProps>;
+    render(props: TRenderProps): React.ReactElement;
+}
+export {};

package/ui/elements/ButtonElement.js

@@ -0,0 +1,105 @@
+"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
+};
+
+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);
+  }
+
+  (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;
+    }
+  }, {
+    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 ButtonElement;
+}(_UIElement2.UIElement);
+
+exports.ButtonElement = ButtonElement;

package/ui/elements/ButtonElement.js.map

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

package/ui/elements/ButtonGroupElement.d.ts

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

package/ui/elements/ButtonGroupElement.js

@@ -0,0 +1,67 @@
+"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"
+})({
+  display: "flex",
+  height: "100%",
+  width: "100%",
+  alignItems: "center",
+  justifyContent: "center",
+  "> button": {
+    marginRight: 15
+  }
+});
+
+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;
+  }
+
+  (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;

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,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"}

package/ui/elements/GenericElement.d.ts

@@ -0,0 +1 @@
+export * from "@webiny/ui-composer/elements/GenericElement";

package/ui/elements/GenericElement.js

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { UIElement, UIElementConfig } from "../UIElement";
+export interface LabelElementConfig extends UIElementConfig {
+    text: string;
+}
+/**
+ * !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 declare class LabelElement extends UIElement<LabelElementConfig> {
+    constructor(id: string, config: LabelElementConfig);
+    getText(): string;
+    setText(text: string): void;
+    render(): React.ReactNode;
+}

package/ui/elements/LabelElement.js

@@ -0,0 +1,60 @@
+"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
+ */
+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;
+  }
+
+  (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;

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;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"}

package/ui/elements/NavigationMenuElement.d.ts

@@ -0,0 +1,33 @@
+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;
+    path?: string;
+    onClick?: Function;
+    testId?: string;
+    rel?: string;
+    target?: string;
+}
+export declare enum TAGS {
+    UTILS = "utils",
+    APP = "app"
+}
+export declare class NavigationMenuElement<TConfig extends NavigationMenuElementConfig = NavigationMenuElementConfig> extends UIElement<TConfig> {
+    private _isExpanded;
+    private _sorters;
+    constructor(id: string, config: TConfig);
+    addElement<TElement extends UIElement = UIElement>(element: TElement): TElement;
+    addSorter(sorter: UILayoutSorter<NavigationMenuElementConfig>): void;
+    get isExpanded(): boolean;
+    setIcon(icon: React.ReactElement): void;
+    setLabel(label: string): void;
+    setPath(path: string): void;
+    expandElement(): void;
+    collapseElement(): void;
+    toggleElement(): void;
+    private loadState;
+    private storeState;
+    private runSorters;
+}