@webiny/app-admin 5.43.2 → 6.0.0-alpha.0

package/ui/elements/AccordionElement.js

@@ -1,79 +1,48 @@
-"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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = _interopRequireDefault(require("react"));
-var _UIElement3 = require("../UIElement");
-var _Accordion = require("@webiny/ui/Accordion");
-var _excluded = ["open"];
-var AccordionItemElement = exports.AccordionItemElement = /*#__PURE__*/function (_UIElement) {
-  function AccordionItemElement(id, config) {
-    (0, _classCallCheck2.default)(this, AccordionItemElement);
-    return (0, _callSuper2.default)(this, AccordionItemElement, [id, config]);
+import React from "react";
+import { UIElement } from "../UIElement";
+import { Accordion, AccordionItem } from "@webiny/ui/Accordion";
+export class AccordionItemElement extends UIElement {
+  constructor(id, config) {
+    super(id, config);
+  }
+  setTitle(title) {
+    this.config.title = title;
+  }
+  setDescription(description) {
+    this.config.description = description;
   }
-  (0, _inherits2.default)(AccordionItemElement, _UIElement);
-  return (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, _superPropGet2.default)(AccordionItemElement, "render", this, 3)([props]));
-    }
-  }]);
-}(_UIElement3.UIElement);
-var AccordionElement = exports.AccordionElement = /*#__PURE__*/function (_UIElement2) {
-  function AccordionElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, AccordionElement);
-    _this = (0, _callSuper2.default)(this, AccordionElement, [id, config]);
-    _this.useGrid(false);
-    _this.config.items.forEach(function (item) {
-      _this.addElement(new AccordionItemElement(item.id, item));
+  render(props) {
+    const {
+      open,
+      ...rest
+    } = this.config;
+    const isOpened = typeof open === "function" ? open(props) : open;
+    return /*#__PURE__*/React.createElement(AccordionItem, Object.assign({
+      open: isOpened
+    }, rest), super.render(props));
+  }
+}
+export class AccordionElement extends UIElement {
+  constructor(id, config) {
+    super(id, config);
+    this.useGrid(false);
+    this.config.items.forEach(item => {
+      this.addElement(new AccordionItemElement(item.id, item));
     });
-    return _this;
   }
-  (0, _inherits2.default)(AccordionElement, _UIElement2);
-  return (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-expect-error
-      return /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, {
-        elevation: 0
-      }, (0, _superPropGet2.default)(AccordionElement, "render", this, 3)([props]));
-    }
-  }]);
-}(_UIElement3.UIElement);
+  getAccordionItemElement(id) {
+    return this.getElement(id);
+  }
+  render(props) {
+    /**
+     * Figure out correct way to have props.children typed.
+     * TODO @ts-refactor
+     */
+    // @ts-expect-error
+    return /*#__PURE__*/React.createElement(Accordion, {
+      elevation: 0
+    }, super.render(props));
+  }
+}
 
 //# sourceMappingURL=AccordionElement.js.map

package/ui/elements/AccordionElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement3","_Accordion","_excluded","AccordionItemElement","exports","_UIElement","id","config","_classCallCheck2","default","_callSuper2","_inherits2","_createClass2","key","value","setTitle","title","setDescription","description","render","props","_this$config","open","rest","_objectWithoutProperties2","isOpened","createElement","AccordionItem","Object","assign","_superPropGet2","UIElement","AccordionElement","_UIElement2","_this","useGrid","items","forEach","item","addElement","getAccordionItemElement","getElement","Accordion","elevation"],"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-expect-error\n        return <Accordion elevation={0}>{super.render(props)}</Accordion>;\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","UIElement","Accordion","AccordionItem","AccordionItemElement","constructor","id","config","setTitle","title","setDescription","description","render","props","open","rest","isOpened","createElement","Object","assign","AccordionElement","useGrid","items","forEach","item","addElement","getAccordionItemElement","getElement","elevation"],"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-expect-error\n        return <Accordion elevation={0}>{super.render(props)}</Accordion>;\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS;AAClB,SAASC,SAAS,EAAEC,aAAa,QAAQ,sBAAsB;AAc/D,OAAO,MAAMC,oBAAoB,SAASH,SAAS,CAAO;EAC/CI,WAAWA,CAACC,EAAU,EAAEC,MAAY,EAAE;IACzC,KAAK,CAACD,EAAE,EAAEC,MAAM,CAAC;EACrB;EAEOC,QAAQA,CAACC,KAAa,EAAQ;IACjC,IAAI,CAACF,MAAM,CAACE,KAAK,GAAGA,KAAK;EAC7B;EAEOC,cAAcA,CAACC,WAAmB,EAAQ;IAC7C,IAAI,CAACJ,MAAM,CAACI,WAAW,GAAGA,WAAW;EACzC;EAEgBC,MAAMA,CAACC,KAA2B,EAAmB;IACjE,MAAM;MAAEC,IAAI;MAAE,GAAGC;IAAK,CAAC,GAAG,IAAI,CAACR,MAAM;IACrC,MAAMS,QAAQ,GAAG,OAAOF,IAAI,KAAK,UAAU,GAAGA,IAAI,CAACD,KAAK,CAAC,GAAGC,IAAI;IAChE,oBACId,KAAA,CAAAiB,aAAA,CAACd,aAAa,EAAAe,MAAA,CAAAC,MAAA;MAACL,IAAI,EAAEE;IAAS,GAAKD,IAAI,GAClC,KAAK,CAACH,MAAM,CAACC,KAAK,CACR,CAAC;EAExB;AACJ;AAMA,OAAO,MAAMO,gBAAgB,SAASnB,SAAS,CAAS;EAC7CI,WAAWA,CAACC,EAAU,EAAEC,MAAc,EAAE;IAC3C,KAAK,CAACD,EAAE,EAAEC,MAAM,CAAC;IAEjB,IAAI,CAACc,OAAO,CAAC,KAAK,CAAC;IAEnB,IAAI,CAACd,MAAM,CAACe,KAAK,CAACC,OAAO,CAACC,IAAI,IAAI;MAC9B,IAAI,CAACC,UAAU,CAAC,IAAIrB,oBAAoB,CAACoB,IAAI,CAAClB,EAAE,EAAEkB,IAAI,CAAC,CAAC;IAC5D,CAAC,CAAC;EACN;EAEOE,uBAAuBA,CAACpB,EAAU,EAAwB;IAC7D,OAAO,IAAI,CAACqB,UAAU,CAACrB,EAAE,CAAC;EAC9B;EAEgBM,MAAMA,CAACC,KAA2B,EAAmB;IACjE;AACR;AACA;AACA;IACQ;IACA,oBAAOb,KAAA,CAAAiB,aAAA,CAACf,SAAS;MAAC0B,SAAS,EAAE;IAAE,GAAE,KAAK,CAAChB,MAAM,CAACC,KAAK,CAAa,CAAC;EACrE;AACJ","ignoreList":[]}

package/ui/elements/ButtonElement.js

@@ -1,85 +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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = _interopRequireDefault(require("react"));
-var _Button = require("@webiny/ui/Button");
-var _UIElement2 = require("../UIElement");
-var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
-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 = exports.ButtonElement = /*#__PURE__*/function (_UIElement) {
-  function ButtonElement() {
-    (0, _classCallCheck2.default)(this, ButtonElement);
-    return (0, _callSuper2.default)(this, ButtonElement, 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, _inherits2.default)(ButtonElement, _UIElement);
-  return (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-expect-error
-      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;
+  getLabel(props) {
+    if (typeof this.config.label === "function") {
+      // TODO @ts-refactor find out correct types to pass
+      return this.config.label(props);
     }
-  }, {
-    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, _kebabCase.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);
     }
-  }]);
-}(_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));
+  }
+}
 
 //# sourceMappingURL=ButtonElement.js.map

package/ui/elements/ButtonElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Button","_UIElement2","_kebabCase","BUTTONS","default","ButtonDefault","primary","ButtonPrimary","secondary","ButtonSecondary","ButtonElement","exports","_UIElement","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","setLabel","label","config","getLabel","props","setType","type","getType","setOnClick","onClick","getOnClick","render","Component","createElement","concat","kebabCase","UIElement"],"sources":["ButtonElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } 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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAkBA,IAAMI,OAAO,GAAG;EACZC,OAAO,EAAEC,qBAAa;EACtBC,OAAO,EAAEC,qBAAa;EACtBC,SAAS,EAAEC;AACf,CAAC;AAAC,IAEWC,aAAa,GAAAC,OAAA,CAAAD,aAAA,0BAAAE,UAAA;EAAA,SAAAF,cAAA;IAAA,IAAAG,gBAAA,CAAAT,OAAA,QAAAM,aAAA;IAAA,WAAAI,WAAA,CAAAV,OAAA,QAAAM,aAAA,EAAAK,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAZ,OAAA,EAAAM,aAAA,EAAAE,UAAA;EAAA,WAAAK,aAAA,CAAAb,OAAA,EAAAM,aAAA;IAAAQ,GAAA;IAAAC,KAAA,EAGtB,SAAOC,QAAQA,CACXC,KAA+C,EAC3C;MACJ;AACR;AACA;AACA;MACQ;MACA,IAAI,CAACC,MAAM,CAACD,KAAK,GAAGA,KAAK;IAC7B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAOI,QAAQA,CAACC,KAAoB,EAAU;MAC1C,IAAI,OAAO,IAAI,CAACF,MAAM,CAACD,KAAK,KAAK,UAAU,EAAE;QACzC;QACA,OAAO,IAAI,CAACC,MAAM,CAACD,KAAK,CAACG,KAAqB,CAAC;MACnD;MACA,OAAO,IAAI,CAACF,MAAM,CAACD,KAAK;IAC5B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAOM,OAAOA,CAACC,IAAuB,EAAQ;MAC1C,IAAI,CAACJ,MAAM,CAACI,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAOQ,OAAOA,CAACH,KAAoB,EAAqB;MACpD,IAAI,OAAO,IAAI,CAACF,MAAM,CAACI,IAAI,KAAK,UAAU,EAAE;QACxC;QACA,OAAO,IAAI,CAACJ,MAAM,CAACI,IAAI,CAACF,KAAqB,CAAC;MAClD;MACA,OAAO,IAAI,CAACF,MAAM,CAACI,IAAI;IAC3B;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAOS,UAAUA,CAACC,OAAoC,EAAQ;MAC1D,IAAI,CAACP,MAAM,CAACO,OAAO,GAAGA,OAAO;IACjC;EAAC;IAAAX,GAAA;IAAAC,KAAA,EAED,SAAOW,UAAUA,CAAA,EAAG;MAChB,OAAO,IAAI,CAACR,MAAM,CAACO,OAAO;IAC9B;EAAC;IAAAX,GAAA;IAAAC,KAAA,EAED,SAAgBY,MAAMA,CAACP,KAAmB,EAAsB;MAC5D,IAAMQ,SAAS,GAAG7B,OAAO,CAAC,IAAI,CAACwB,OAAO,CAACH,KAAK,CAAC,CAAC;MAC9C,IAAMK,QAAO,GAAG,IAAI,CAACC,UAAU,CAAC,CAAC;MAEjC,oBACIjC,MAAA,CAAAO,OAAA,CAAA6B,aAAA,CAACD,SAAS;QACNH,OAAO,EAAE,SAATA,OAAOA,CAAA;UAAA,OAAQA,QAAO,CAACL,KAAK,CAAC;QAAA,CAAC;QAC9B,iCAAAU,MAAA,CAA+B,IAAAC,kBAAS,EAAC,IAAI,CAACZ,QAAQ,CAACC,KAAK,CAAC,CAAC;MAAG,GAEhE,IAAI,CAACD,QAAQ,CAACC,KAAK,CACb,CAAC;IAEpB;EAAC;AAAA,EApDKY,qBAAS","ignoreList":[]}
+{"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 { UIElement, UIElementConfig, UiElementRenderProps } 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;AACjF,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.js

@@ -1,20 +1,8 @@
-"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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _UIElement2 = require("../UIElement");
+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)."; }
-var ButtonGroup = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+import React from "react";
+import { UIElement } from "../UIElement";
+const ButtonGroup = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "eztnaqv0"
 } : {
   target: "eztnaqv0",
@@ -28,21 +16,14 @@ var ButtonGroup = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV ==
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbkdyb3VwRWxlbWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS29CIiwiZmlsZSI6IkJ1dHRvbkdyb3VwRWxlbWVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IFVJRWxlbWVudCwgVWlFbGVtZW50UmVuZGVyUHJvcHMgfSBmcm9tIFwifi91aS9VSUVsZW1lbnRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBCdXR0b25Hcm91cCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBcIj4gYnV0dG9uXCI6IHtcbiAgICAgICAgbWFyZ2luUmlnaHQ6IDE1XG4gICAgfVxufSk7XG5cbmV4cG9ydCBjbGFzcyBCdXR0b25Hcm91cEVsZW1lbnQgZXh0ZW5kcyBVSUVsZW1lbnQ8YW55PiB7XG4gICAgcHVibGljIGNvbnN0cnVjdG9yKGlkOiBzdHJpbmcpIHtcbiAgICAgICAgc3VwZXIoaWQpO1xuXG4gICAgICAgIHRoaXMudXNlR3JpZChmYWxzZSk7XG4gICAgfVxuXG4gICAgcHVibGljIG92ZXJyaWRlIHJlbmRlcihwcm9wcz86IFVpRWxlbWVudFJlbmRlclByb3BzKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgICAgICAgcmV0dXJuIDxCdXR0b25Hcm91cD57c3VwZXIucmVuZGVyKHByb3BzKX08L0J1dHRvbkdyb3VwPjtcbiAgICB9XG59XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var ButtonGroupElement = exports.ButtonGroupElement = /*#__PURE__*/function (_UIElement) {
-  function ButtonGroupElement(id) {
-    var _this;
-    (0, _classCallCheck2.default)(this, ButtonGroupElement);
-    _this = (0, _callSuper2.default)(this, ButtonGroupElement, [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, _inherits2.default)(ButtonGroupElement, _UIElement);
-  return (0, _createClass2.default)(ButtonGroupElement, [{
-    key: "render",
-    value: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(ButtonGroup, null, (0, _superPropGet2.default)(ButtonGroupElement, "render", this, 3)([props]));
-    }
-  }]);
-}(_UIElement2.UIElement);
+}
 
 //# sourceMappingURL=ButtonGroupElement.js.map

package/ui/elements/ButtonGroupElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_EMOTION_STRINGIFIED_CSS_ERROR__","ButtonGroup","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","ButtonGroupElement","exports","_UIElement","id","_this","_classCallCheck2","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","_superPropGet2","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAAiE,SAAAE,iCAAA;AAGjE,IAAMC,WAAW,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,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,EAAAZ;AAAA,CAShC,CAAC;AAAC,IAEUa,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,0BAAAE,UAAA;EAC3B,SAAAF,mBAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAf,OAAA,QAAAU,kBAAA;IAC3BI,KAAA,OAAAE,WAAA,CAAAhB,OAAA,QAAAU,kBAAA,GAAMG,EAAE;IAERC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,UAAA,CAAAlB,OAAA,EAAAU,kBAAA,EAAAE,UAAA;EAAA,WAAAO,aAAA,CAAAnB,OAAA,EAAAU,kBAAA;IAAAU,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAACC,KAA4B,EAAmB;MAClE,oBAAO9B,MAAA,CAAAO,OAAA,CAAAwB,aAAA,CAAC1B,WAAW,YAAA2B,cAAA,CAAAzB,OAAA,EAAAU,kBAAA,sBAAea,KAAK,EAAe,CAAC;IAC3D;EAAC;AAAA,EATmCG,qBAAS","ignoreList":[]}
+{"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 { 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,OAAOA,KAAK,MAAM,OAAO;AAEzB,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";
-
-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];
-    }
-  });
-});
+export * from "@webiny/ui-composer/elements/GenericElement";
 
 //# sourceMappingURL=GenericElement.js.map

package/ui/elements/GenericElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_GenericElement","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["GenericElement.tsx"],"sourcesContent":["export * from \"@webiny/ui-composer/elements/GenericElement\";\n"],"mappings":";;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,eAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["GenericElement.tsx"],"sourcesContent":["export * from \"@webiny/ui-composer/elements/GenericElement\";\n"],"mappings":"AAAA,cAAc,6CAA6C","ignoreList":[]}

package/ui/elements/LabelElement.js

@@ -1,45 +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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-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 = exports.LabelElement = /*#__PURE__*/function (_UIElement) {
-  function LabelElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, LabelElement);
-    _this = (0, _callSuper2.default)(this, LabelElement, [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, _inherits2.default)(LabelElement, _UIElement);
-  return (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;
-    }
-  }]);
-}(_UIElement2.UIElement);
+}
 
 //# sourceMappingURL=LabelElement.js.map

package/ui/elements/LabelElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_UIElement2","require","LabelElement","exports","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","getText","text","setText","render","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,IAAAA,WAAA,GAAAC,OAAA;AAMA;AACA;AACA;AACA;AACA;AAJA,IAKaC,YAAY,GAAAC,OAAA,CAAAD,YAAA,0BAAAE,UAAA;EACrB,SAAAF,aAAmBG,EAAU,EAAEC,MAA0B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,YAAA;IACvDK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,YAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,YAAY,CAACT,YAAY,CAAC;IAAC,OAAAK,KAAA;EACpC;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,YAAA,EAAAE,UAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,YAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAOC,OAAOA,CAAA,EAAW;MACrB,OAAO,IAAI,CAACV,MAAM,CAACW,IAAI;IAC3B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAOG,OAAOA,CAACD,IAAY,EAAQ;MAC/B,IAAI,CAACX,MAAM,CAACW,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAgBI,MAAMA,CAAA,EAAoB;MACtC,OAAO,IAAI,CAACb,MAAM,CAACW,IAAI;IAC3B;EAAC;AAAA,EAjB6BG,qBAAS","ignoreList":[]}
+{"version":3,"names":["UIElement","LabelElement","constructor","id","config","applyPlugins","getText","text","setText","render"],"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,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":[]}