@webiny/app-admin 0.0.0-mt-3 → 0.0.0-unstable.1e66d121db

package/ui/UILayout.js

@@ -1 +1,19 @@
-export { UILayout, UILayoutPlugin } from "@webiny/ui-composer/UILayout";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "UILayout", {
+  enumerable: true,
+  get: function get() {
+    return _UILayout.UILayout;
+  }
+});
+Object.defineProperty(exports, "UILayoutPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _UILayout.UILayoutPlugin;
+  }
+});
+
+var _UILayout = require("@webiny/ui-composer/UILayout");

package/ui/UILayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["UILayout.tsx"],"sourcesContent":["export { UILayout, UILayoutPlugin } from \"@webiny/ui-composer/UILayout\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA"}

package/ui/UIRenderer.js

@@ -1 +1,13 @@
-export { UIRenderer } from "@webiny/ui-composer/UIRenderer";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "UIRenderer", {
+  enumerable: true,
+  get: function get() {
+    return _UIRenderer.UIRenderer;
+  }
+});
+
+var _UIRenderer = require("@webiny/ui-composer/UIRenderer");

package/ui/UIRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["UIRenderer.tsx"],"sourcesContent":["export { UIRenderer } from \"@webiny/ui-composer/UIRenderer\";\nexport type { UIRenderParams, RenderNext } from \"@webiny/ui-composer/UIRenderer\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/ui/UIView.d.ts

@@ -1,2 +1,2 @@
-export type { ApplyFunction, UIElementWrapperProps, UIElementWrapper } from "@webiny/ui-composer/UIView";
+export type { ApplyFunction, UIElementWrapperProps, UIElementWrapper, UIViewProps } from "@webiny/ui-composer/UIView";
 export { UIView, UIViewComponent, UIViewPlugin } from "@webiny/ui-composer/UIView";

package/ui/UIView.js

@@ -1 +1,25 @@
-export { UIView, UIViewComponent, UIViewPlugin } from "@webiny/ui-composer/UIView";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "UIView", {
+  enumerable: true,
+  get: function get() {
+    return _UIView.UIView;
+  }
+});
+Object.defineProperty(exports, "UIViewComponent", {
+  enumerable: true,
+  get: function get() {
+    return _UIView.UIViewComponent;
+  }
+});
+Object.defineProperty(exports, "UIViewPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _UIView.UIViewPlugin;
+  }
+});
+
+var _UIView = require("@webiny/ui-composer/UIView");

package/ui/UIView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["UIView.tsx"],"sourcesContent":["export type {\n    ApplyFunction,\n    UIElementWrapperProps,\n    UIElementWrapper,\n    UIViewProps\n} from \"@webiny/ui-composer/UIView\";\nexport { UIView, UIViewComponent, UIViewPlugin } from \"@webiny/ui-composer/UIView\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAMA"}

package/ui/elements/AccordionElement.d.ts

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

package/ui/elements/AccordionElement.js

@@ -1,26 +1,45 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _get from "@babel/runtime/helpers/get";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
+"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"];
-import React from "react";
-import { UIElement } from "../UIElement";
-import { Accordion, AccordionItem } from "@webiny/ui/Accordion";
-export var AccordionItemElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(AccordionItemElement, _UIElement);
 
-  var _super = _createSuper(AccordionItemElement);
+var AccordionItemElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(AccordionItemElement, _UIElement);
 
-  function AccordionItemElement(id, config) {
-    _classCallCheck(this, AccordionItemElement);
+  var _super = (0, _createSuper2.default)(AccordionItemElement);
 
+  function AccordionItemElement(id, config) {
+    (0, _classCallCheck2.default)(this, AccordionItemElement);
     return _super.call(this, id, config);
   }
 
-  _createClass(AccordionItemElement, [{
+  (0, _createClass2.default)(AccordionItemElement, [{
     key: "setTitle",
     value: function setTitle(title) {
       this.config.title = title;
@@ -35,27 +54,27 @@ export var AccordionItemElement = /*#__PURE__*/function (_UIElement) {
     value: function render(props) {
       var _this$config = this.config,
           open = _this$config.open,
-          rest = _objectWithoutProperties(_this$config, _excluded);
-
+          rest = (0, _objectWithoutProperties2.default)(_this$config, _excluded);
       var isOpened = typeof open === "function" ? open(props) : open;
-      return /*#__PURE__*/React.createElement(AccordionItem, Object.assign({
+      return /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, Object.assign({
         open: isOpened
-      }, rest), _get(_getPrototypeOf(AccordionItemElement.prototype), "render", this).call(this, props));
+      }, rest), (0, _get2.default)((0, _getPrototypeOf2.default)(AccordionItemElement.prototype), "render", this).call(this, props));
     }
   }]);
-
   return AccordionItemElement;
-}(UIElement);
-export var AccordionElement = /*#__PURE__*/function (_UIElement2) {
-  _inherits(AccordionElement, _UIElement2);
+}(_UIElement3.UIElement);
 
-  var _super2 = _createSuper(AccordionElement);
+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;
 
-    _classCallCheck(this, AccordionElement);
-
+    (0, _classCallCheck2.default)(this, AccordionElement);
     _this = _super2.call(this, id, config);
 
     _this.useGrid(false);
@@ -67,7 +86,7 @@ export var AccordionElement = /*#__PURE__*/function (_UIElement2) {
     return _this;
   }
 
-  _createClass(AccordionElement, [{
+  (0, _createClass2.default)(AccordionElement, [{
     key: "getAccordionItemElement",
     value: function getAccordionItemElement(id) {
       return this.getElement(id);
@@ -75,12 +94,17 @@ export var AccordionElement = /*#__PURE__*/function (_UIElement2) {
   }, {
     key: "render",
     value: function render(props) {
+      /**
+       * Figure out correct way to have props.children typed.
+       * TODO @ts-refactor
+       */
       // @ts-ignore
-      return /*#__PURE__*/React.createElement(Accordion, {
+      return /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, {
         elevation: 0
-      }, _get(_getPrototypeOf(AccordionElement.prototype), "render", this).call(this, props));
+      }, (0, _get2.default)((0, _getPrototypeOf2.default)(AccordionElement.prototype), "render", this).call(this, props));
     }
   }]);
-
   return AccordionElement;
-}(UIElement);
+}(_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

@@ -14,11 +14,11 @@ export interface ButtonElementConfig<TRenderProps> extends UIElementConfig {
 }
 export declare class ButtonElement<TRenderProps = any> extends UIElement<ButtonElementConfig<TRenderProps>> {
     setLabel<TProps extends TRenderProps = TRenderProps>(label: string | GetterWithProps<TProps, string>): void;
-    getLabel(props?: any): string;
+    getLabel(props?: TRenderProps): string;
     setType(type: ButtonElementType): void;
-    getType(props?: any): ButtonElementType;
+    getType(props?: TRenderProps): ButtonElementType;
     setOnClick(onClick: ButtonOnClick<TRenderProps>): void;
     getOnClick(): ButtonOnClick<TRenderProps>;
-    render(props: any): React.ReactElement;
+    render(props: TRenderProps): React.ReactElement;
 }
 export {};

package/ui/elements/ButtonElement.js

@@ -1,35 +1,59 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import React from "react";
-import { ButtonDefault, ButtonPrimary, ButtonSecondary } from "@webiny/ui/Button";
-import { UIElement } from "../UIElement";
+"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: ButtonDefault,
-  primary: ButtonPrimary,
-  secondary: ButtonSecondary
+  default: _Button.ButtonDefault,
+  primary: _Button.ButtonPrimary,
+  secondary: _Button.ButtonSecondary
 };
-export var ButtonElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(ButtonElement, _UIElement);
 
-  var _super = _createSuper(ButtonElement);
+var ButtonElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(ButtonElement, _UIElement);
 
-  function ButtonElement() {
-    _classCallCheck(this, ButtonElement);
+  var _super = (0, _createSuper2.default)(ButtonElement);
 
+  function ButtonElement() {
+    (0, _classCallCheck2.default)(this, ButtonElement);
     return _super.apply(this, arguments);
   }
 
-  _createClass(ButtonElement, [{
+  (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);
       }
 
@@ -44,6 +68,7 @@ export var ButtonElement = /*#__PURE__*/function (_UIElement) {
     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);
       }
 
@@ -66,13 +91,15 @@ export var ButtonElement = /*#__PURE__*/function (_UIElement) {
 
       var _onClick = this.getOnClick();
 
-      return /*#__PURE__*/React.createElement(Component, {
+      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;
-}(UIElement);
+}(_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

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

package/ui/elements/ButtonGroupElement.js

@@ -1,13 +1,31 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _get from "@babel/runtime/helpers/get";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import React from "react";
-import { UIElement } from "../UIElement";
-import styled from "@emotion/styled";
-var ButtonGroup = /*#__PURE__*/styled("div", {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonGroupElement = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _UIElement2 = require("../UIElement");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var ButtonGroup = /*#__PURE__*/(0, _styled.default)("div", {
   target: "eztnaqv0",
   label: "ButtonGroup"
 })({
@@ -20,16 +38,16 @@ var ButtonGroup = /*#__PURE__*/styled("div", {
     marginRight: 15
   }
 });
-export var ButtonGroupElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(ButtonGroupElement, _UIElement);
 
-  var _super = _createSuper(ButtonGroupElement);
+var ButtonGroupElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(ButtonGroupElement, _UIElement);
+
+  var _super = (0, _createSuper2.default)(ButtonGroupElement);
 
   function ButtonGroupElement(id) {
     var _this;
 
-    _classCallCheck(this, ButtonGroupElement);
-
+    (0, _classCallCheck2.default)(this, ButtonGroupElement);
     _this = _super.call(this, id);
 
     _this.useGrid(false);
@@ -37,12 +55,13 @@ export var ButtonGroupElement = /*#__PURE__*/function (_UIElement) {
     return _this;
   }
 
-  _createClass(ButtonGroupElement, [{
+  (0, _createClass2.default)(ButtonGroupElement, [{
     key: "render",
     value: function render(props) {
-      return /*#__PURE__*/React.createElement(ButtonGroup, null, _get(_getPrototypeOf(ButtonGroupElement.prototype), "render", this).call(this, props));
+      return /*#__PURE__*/_react.default.createElement(ButtonGroup, null, (0, _get2.default)((0, _getPrototypeOf2.default)(ButtonGroupElement.prototype), "render", this).call(this, props));
     }
   }]);
-
   return ButtonGroupElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+
+exports.ButtonGroupElement = ButtonGroupElement;

package/ui/elements/ButtonGroupElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ButtonGroup","styled","display","height","width","alignItems","justifyContent","marginRight","ButtonGroupElement","id","useGrid","props","UIElement"],"sources":["ButtonGroupElement.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport styled from \"@emotion/styled\";\n\nconst ButtonGroup = styled(\"div\")({\n    display: \"flex\",\n    height: \"100%\",\n    width: \"100%\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    \"> button\": {\n        marginRight: 15\n    }\n});\n\nexport class ButtonGroupElement extends UIElement<any> {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props?: UiElementRenderProps): React.ReactNode {\n        return <ButtonGroup>{super.render(props)}</ButtonGroup>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AAEA,IAAMA,WAAW,oBAAGC,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.js

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

package/ui/elements/GenericElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["GenericElement.tsx"],"sourcesContent":["export * from \"@webiny/ui-composer/elements/GenericElement\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/ui/elements/LabelElement.js

@@ -1,24 +1,36 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import { UIElement } from "../UIElement";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LabelElement = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _UIElement2 = require("../UIElement");
 
 /**
  * !GOOD FIRST ISSUE!
  * Add support for `text` config and `setText` setter to accept functions.
  * See example in ButtonElement: packages/app-admin/src/ui/elements/ButtonElement.tsx
  */
-export var LabelElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(LabelElement, _UIElement);
+var LabelElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(LabelElement, _UIElement);
 
-  var _super = _createSuper(LabelElement);
+  var _super = (0, _createSuper2.default)(LabelElement);
 
   function LabelElement(id, config) {
     var _this;
 
-    _classCallCheck(this, LabelElement);
-
+    (0, _classCallCheck2.default)(this, LabelElement);
     _this = _super.call(this, id, config);
 
     _this.applyPlugins(LabelElement);
@@ -26,7 +38,7 @@ export var LabelElement = /*#__PURE__*/function (_UIElement) {
     return _this;
   }
 
-  _createClass(LabelElement, [{
+  (0, _createClass2.default)(LabelElement, [{
     key: "getText",
     value: function getText() {
       return this.config.text;
@@ -42,6 +54,7 @@ export var LabelElement = /*#__PURE__*/function (_UIElement) {
       return this.config.text;
     }
   }]);
-
   return LabelElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+
+exports.LabelElement = LabelElement;

package/ui/elements/LabelElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LabelElement","id","config","applyPlugins","text","UIElement"],"sources":["LabelElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\n\nexport interface LabelElementConfig extends UIElementConfig {\n    text: string;\n}\n\n/**\n * !GOOD FIRST ISSUE!\n * Add support for `text` config and `setText` setter to accept functions.\n * See example in ButtonElement: packages/app-admin/src/ui/elements/ButtonElement.tsx\n */\nexport class LabelElement extends UIElement<LabelElementConfig> {\n    public constructor(id: string, config: LabelElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(LabelElement);\n    }\n\n    public getText(): string {\n        return this.config.text;\n    }\n\n    public setText(text: string): void {\n        this.config.text = text;\n    }\n\n    public override render(): React.ReactNode {\n        return this.config.text;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AAMA;AACA;AACA;AACA;AACA;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

@@ -1,5 +1,6 @@
 import React from "react";
 import { UIElement, UIElementConfig } from "../UIElement";
+import { UILayoutSorter } from "@webiny/ui-composer/UILayout";
 export interface NavigationMenuElementConfig extends UIElementConfig {
     label: React.ReactNode;
     icon?: React.ReactElement;
@@ -18,7 +19,7 @@ export declare class NavigationMenuElement<TConfig extends NavigationMenuElement
     private _sorters;
     constructor(id: string, config: TConfig);
     addElement<TElement extends UIElement = UIElement>(element: TElement): TElement;
-    addSorter(sorter: Function): void;
+    addSorter(sorter: UILayoutSorter<NavigationMenuElementConfig>): void;
     get isExpanded(): boolean;
     setIcon(icon: React.ReactElement): void;
     setLabel(label: string): void;