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

package/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { Plugin } from \"@webiny/plugins/types\";\nimport { ApolloClient } from \"apollo-client\";\nimport { ItemProps, MenuProps, SectionProps } from \"~/plugins/MenuPlugin\";\n\ntype RenderParams = {\n    content: React.ReactNode;\n};\n\nexport type AdminGlobalSearchPlugin = Plugin & {\n    type: \"admin-global-search\";\n    label: string;\n    route: string;\n    search?: {\n        operator?: \"and\" | \"or\";\n        fields?: Array<string>;\n    };\n};\n\nexport type AdminGlobalSearchPreventHotkeyPlugin = Plugin & {\n    type: \"admin-global-search-prevent-hotkey\";\n    preventOpen(e: React.KeyboardEvent): boolean | void;\n};\n\nexport type AdminDrawerFooterMenuPlugin = Plugin & {\n    type: \"admin-drawer-footer-menu\";\n    render(params: any): React.ReactElement;\n};\n\n/**\n * LEGACY TYPE. Only for backwards compatibility.\n */\nexport type AdminMenuLogoPlugin = Plugin & {\n    name: \"admin-menu-logo\";\n    type: \"admin-menu-logo\";\n    render(): React.ReactElement;\n};\n\nexport type AdminHeaderUserMenuPlugin = Plugin & {\n    type: \"admin-header-user-menu\";\n    render(): React.ReactElement;\n};\n\n/**\n * Enables adding custom menu sections and items in the main menu, located on the left side of the screen.\n * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-menu\n */\nexport type AdminMenuPlugin = Plugin & {\n    type: \"admin-menu\";\n    render(props: {\n        Menu: React.ComponentType<MenuProps>;\n        Section: React.ComponentType<SectionProps>;\n        Item: React.ComponentType<ItemProps>;\n    }): React.ReactNode;\n    order?: number;\n};\n\n/**\n * Enables adding custom header elements to the right side of the top bar.\n * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-header-right\n */\nexport type AdminHeaderRightPlugin = Plugin & {\n    type: \"admin-header-right\";\n    render(params: RenderParams): React.ReactNode;\n};\n\nexport interface AdminFileManagerFileTypePluginRenderParams {\n    file: string;\n}\nexport type AdminFileManagerFileTypePlugin = Plugin & {\n    type: \"admin-file-manager-file-type\";\n    types: string[];\n    render(params: AdminFileManagerFileTypePluginRenderParams): React.ReactNode;\n    fileDetails?: {\n        actions: Array<React.FC | React.Component>;\n    };\n};\n\nexport interface AdminInstallationPluginRenderParams {\n    onInstalled: () => Promise<void>;\n}\nexport type AdminInstallationPlugin = Plugin & {\n    type: \"admin-installation\";\n    getInstalledVersion(params: { client: ApolloClient<object> }): Promise<string | null>;\n    title: string;\n    dependencies?: string[];\n    secure: boolean;\n    render(params: AdminInstallationPluginRenderParams): React.ReactNode;\n    upgrades?: {\n        version: string;\n        getComponent(): React.ComponentType<{ onInstalled: () => void }>;\n    }[];\n};\n\nexport type AdminAppPermissionRendererPlugin = Plugin & {\n    type: \"admin-app-permissions-renderer\";\n    system?: boolean;\n    render(params: any): ReactElement;\n};\n"],"mappings":""}
+{"version":3,"names":["Icon"],"sources":["types.ts"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport type React from \"react\";\nimport type { Plugin } from \"@webiny/plugins/types\";\nimport type { ApolloClient } from \"apollo-client\";\nimport type { SecurityPermission } from \"@webiny/app-security/types\";\n\nexport { Icon } from \"~/components/IconPicker/types\";\n\nexport interface AdminFileManagerFileTypePluginRenderParams {\n    file: FileItem;\n}\n\nexport type AdminFileManagerFileTypePlugin = Plugin & {\n    type: \"admin-file-manager-file-type\";\n    types: string[];\n    render(params: AdminFileManagerFileTypePluginRenderParams): React.ReactNode;\n    fileDetails?: {\n        actions: Array<React.ComponentType | React.Component>;\n    };\n};\n\nexport interface AdminInstallationPluginRenderParams {\n    onInstalled: () => Promise<void>;\n}\n\nexport type AdminInstallationPlugin = Plugin & {\n    type: \"admin-installation\";\n    getInstalledVersion(params: { client: ApolloClient<object> }): Promise<string | null>;\n    title: string;\n    dependencies?: string[];\n    secure: boolean;\n    render(params: AdminInstallationPluginRenderParams): React.ReactNode;\n};\n\nexport type AdminAppPermissionRendererPlugin = Plugin & {\n    type: \"admin-app-permissions-renderer\";\n    system?: boolean;\n    render(params: any): ReactElement;\n};\n\n/**\n * Represents a file as we receive from the GraphQL API.\n */\nexport interface FileItem {\n    id: string;\n    name: string;\n    key: string;\n    src: string;\n    size: number;\n    type: string;\n    tags: string[];\n    aliases: string[];\n    createdOn: string;\n    createdBy: {\n        id: string;\n        displayName: string;\n    };\n    savedOn: string;\n    savedBy: {\n        id: string;\n        displayName: string;\n    };\n    modifiedOn: string;\n    modifiedBy: {\n        id: string;\n        displayName: string;\n    };\n    location: {\n        folderId: string;\n    };\n    meta?: {\n        private?: boolean;\n        width?: number;\n        height?: number;\n    };\n    accessControl?: {\n        type: \"public\" | \"private-authenticated\";\n    };\n    extensions?: Record<string, any>;\n}\n\nexport interface FileManagerSecurityPermission extends SecurityPermission {\n    rwd?: string;\n    own?: boolean;\n}\n\nexport type ComponentWithChildren = React.ComponentType<{ children?: React.ReactNode }>;\n"],"mappings":"AAMA,SAASA,IAAI;;AAkCb;AACA;AACA","ignoreList":[]}

package/ui/UIElement.js

@@ -1,18 +1,3 @@
-"use strict";
+export { UIElement, UIElementPlugin } from "@webiny/ui-composer/UIElement";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "UIElement", {
-  enumerable: true,
-  get: function get() {
-    return _UIElement.UIElement;
-  }
-});
-Object.defineProperty(exports, "UIElementPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _UIElement.UIElementPlugin;
-  }
-});
-var _UIElement = require("@webiny/ui-composer/UIElement");
+//# sourceMappingURL=UIElement.js.map

package/ui/UIElement.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["UIElement.tsx"],"sourcesContent":["export type {\n    UIElementConfig,\n    ApplyFunction,\n    ShouldRender,\n    UiElementRenderProps\n} from \"@webiny/ui-composer/UIElement\";\n\nexport { UIElement, UIElementPlugin } from \"@webiny/ui-composer/UIElement\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAOA"}
+{"version":3,"names":["UIElement","UIElementPlugin"],"sources":["UIElement.tsx"],"sourcesContent":["export type {\n    UIElementConfig,\n    ApplyFunction,\n    ShouldRender,\n    UiElementRenderProps\n} from \"@webiny/ui-composer/UIElement\";\n\nexport { UIElement, UIElementPlugin } from \"@webiny/ui-composer/UIElement\";\n"],"mappings":"AAOA,SAASA,SAAS,EAAEC,eAAe,QAAQ,+BAA+B","ignoreList":[]}

package/ui/UILayout.js

@@ -1,18 +1,3 @@
-"use strict";
+export { UILayout, UILayoutPlugin } from "@webiny/ui-composer/UILayout";
 
-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");
+//# sourceMappingURL=UILayout.js.map

package/ui/UILayout.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["UILayout.tsx"],"sourcesContent":["export { UILayout, UILayoutPlugin } from \"@webiny/ui-composer/UILayout\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA"}
+{"version":3,"names":["UILayout","UILayoutPlugin"],"sources":["UILayout.tsx"],"sourcesContent":["export { UILayout, UILayoutPlugin } from \"@webiny/ui-composer/UILayout\";\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,cAAc,QAAQ,8BAA8B","ignoreList":[]}

package/ui/UIRenderer.js

@@ -1,12 +1,3 @@
-"use strict";
+export { UIRenderer } from "@webiny/ui-composer/UIRenderer";
 
-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");
+//# sourceMappingURL=UIRenderer.js.map

package/ui/UIRenderer.js.map

@@ -1 +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"}
+{"version":3,"names":["UIRenderer"],"sources":["UIRenderer.tsx"],"sourcesContent":["export { UIRenderer } from \"@webiny/ui-composer/UIRenderer\";\nexport type { UIRenderParams, RenderNext } from \"@webiny/ui-composer/UIRenderer\";\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,gCAAgC","ignoreList":[]}

package/ui/UIView.js

@@ -1,24 +1,3 @@
-"use strict";
+export { UIView, UIViewComponent, UIViewPlugin } from "@webiny/ui-composer/UIView";
 
-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");
+//# sourceMappingURL=UIView.js.map

package/ui/UIView.js.map

@@ -1 +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"}
+{"version":3,"names":["UIView","UIViewComponent","UIViewPlugin"],"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,SAASA,MAAM,EAAEC,eAAe,EAAEC,YAAY,QAAQ,4BAA4B","ignoreList":[]}

package/ui/elements/AccordionElement.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
-import { UIElement, UIElementConfig, UiElementRenderProps } from "../UIElement";
+import type { UIElementConfig, UiElementRenderProps } from "../UIElement";
+import { UIElement } from "../UIElement";
 interface GetterWithProps<TProps, T> {
     (props: TProps): T;
 }

package/ui/elements/AccordionElement.js

@@ -1,84 +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 _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);
+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;
+  }
+  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));
   }
-  (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));
+}
+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, _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;
+  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":["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;AAAgE;AAAA,IAcnDA,oBAAoB;EAAA;EAAA;EAC7B,8BAAmBC,EAAU,EAAEC,MAAY,EAAE;IAAA;IAAA,yBACnCD,EAAE,EAAEC,MAAM;EACpB;EAAC;IAAA;IAAA,OAED,kBAAgBC,KAAa,EAAQ;MACjC,IAAI,CAACD,MAAM,CAACC,KAAK,GAAGA,KAAK;IAC7B;EAAC;IAAA;IAAA,OAED,wBAAsBC,WAAmB,EAAQ;MAC7C,IAAI,CAACF,MAAM,CAACE,WAAW,GAAGA,WAAW;IACzC;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAA2B,EAAmB;MACjE,mBAA0B,IAAI,CAACH,MAAM;QAA7BI,IAAI,gBAAJA,IAAI;QAAKC,IAAI;MACrB,IAAMC,QAAQ,GAAG,OAAOF,IAAI,KAAK,UAAU,GAAGA,IAAI,CAACD,KAAK,CAAC,GAAGC,IAAI;MAChE,oBACI,6BAAC,wBAAa;QAAC,IAAI,EAAEE;MAAS,GAAKD,IAAI,gHACrBF,KAAK,EACP;IAExB;EAAC;EAAA;AAAA,EArBqCI,qBAAS;AAAA;AAAA,IA4BtCC,gBAAgB;EAAA;EAAA;EACzB,0BAAmBT,EAAU,EAAEC,MAAc,EAAE;IAAA;IAAA;IAC3C,2BAAMD,EAAE,EAAEC,MAAM;IAEhB,MAAKS,OAAO,CAAC,KAAK,CAAC;IAEnB,MAAKT,MAAM,CAACU,KAAK,CAACC,OAAO,CAAC,UAAAC,IAAI,EAAI;MAC9B,MAAKC,UAAU,CAAC,IAAIf,oBAAoB,CAACc,IAAI,CAACb,EAAE,EAAEa,IAAI,CAAC,CAAC;IAC5D,CAAC,CAAC;IAAC;EACP;EAAC;IAAA;IAAA,OAED,iCAA+Bb,EAAU,EAAwB;MAC7D,OAAO,IAAI,CAACe,UAAU,CAACf,EAAE,CAAC;IAC9B;EAAC;IAAA;IAAA,OAED,gBAAuBI,KAA2B,EAAmB;MACjE;AACR;AACA;AACA;MACQ;MACA,oBAAO,6BAAC,oBAAS;QAAC,SAAS,EAAE;MAAE,4GAAeA,KAAK,EAAc;IACrE;EAAC;EAAA;AAAA,EAtBiCI,qBAAS;AAAA"}
+{"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 type { UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { UIElement } 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;AAEzB,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.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
-import { UIElement, UIElementConfig } from "../UIElement";
-export declare type ButtonElementType = "default" | "primary" | "secondary";
+import type { UIElementConfig, UiElementRenderProps } from "../UIElement";
+import { UIElement } from "../UIElement";
+export type ButtonElementType = "default" | "primary" | "secondary";
 export interface ButtonOnClick<TRenderProps = any> {
     (props: TRenderProps): void;
 }
@@ -12,7 +13,7 @@ export interface ButtonElementConfig<TRenderProps> extends UIElementConfig {
     label: string | GetterWithProps<TRenderProps, string>;
     onClick: ButtonOnClick<TRenderProps>;
 }
-export declare class ButtonElement<TRenderProps = any> extends UIElement<ButtonElementConfig<TRenderProps>> {
+export declare class ButtonElement<TRenderProps extends UiElementRenderProps = UiElementRenderProps> extends UIElement<ButtonElementConfig<TRenderProps>> {
     setLabel<TProps extends TRenderProps = TRenderProps>(label: string | GetterWithProps<TProps, string>): void;
     getLabel(props?: TRenderProps): string;
     setType(type: ButtonElementType): void;

package/ui/elements/ButtonElement.js

@@ -1,86 +1,52 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ButtonElement = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _kebabCase2 = _interopRequireDefault(require("lodash/kebabCase"));
-var _react = _interopRequireDefault(require("react"));
-var _Button = require("@webiny/ui/Button");
-var _UIElement2 = require("../UIElement");
-var BUTTONS = {
-  default: _Button.ButtonDefault,
-  primary: _Button.ButtonPrimary,
-  secondary: _Button.ButtonSecondary
+import React from "react";
+import { ButtonDefault, ButtonPrimary, ButtonSecondary } from "@webiny/ui/Button";
+import { UIElement } from "../UIElement";
+import kebabCase from "lodash/kebabCase";
+const BUTTONS = {
+  default: ButtonDefault,
+  primary: ButtonPrimary,
+  secondary: ButtonSecondary
 };
-var ButtonElement = /*#__PURE__*/function (_UIElement) {
-  (0, _inherits2.default)(ButtonElement, _UIElement);
-  var _super = (0, _createSuper2.default)(ButtonElement);
-  function ButtonElement() {
-    (0, _classCallCheck2.default)(this, ButtonElement);
-    return _super.apply(this, arguments);
+export class ButtonElement extends UIElement {
+  setLabel(label) {
+    /**
+     * TODO @ts-refactor
+     * 'TProps' could be instantiated with an arbitrary type which could be unrelated to 'TRenderProps'
+     */
+    // @ts-expect-error
+    this.config.label = label;
   }
-  (0, _createClass2.default)(ButtonElement, [{
-    key: "setLabel",
-    value: function setLabel(label) {
-      /**
-       * TODO @ts-refactor
-       * 'TProps' could be instantiated with an arbitrary type which could be unrelated to 'TRenderProps'
-       */
-      // @ts-ignore
-      this.config.label = label;
-    }
-  }, {
-    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;
+  getLabel(props) {
+    if (typeof this.config.label === "function") {
+      // TODO @ts-refactor find out correct types to pass
+      return this.config.label(props);
     }
-  }, {
-    key: "setOnClick",
-    value: function setOnClick(onClick) {
-      this.config.onClick = onClick;
-    }
-  }, {
-    key: "getOnClick",
-    value: function getOnClick() {
-      return this.config.onClick;
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      var Component = BUTTONS[this.getType(props)];
-      var _onClick = this.getOnClick();
-      return /*#__PURE__*/_react.default.createElement(Component, {
-        onClick: function onClick() {
-          return _onClick(props);
-        },
-        "data-testid": "button-element-".concat((0, _kebabCase2.default)(this.getLabel(props)))
-      }, this.getLabel(props));
+    return this.config.label;
+  }
+  setType(type) {
+    this.config.type = type;
+  }
+  getType(props) {
+    if (typeof this.config.type === "function") {
+      // TODO @ts-refactor find out correct types to pass
+      return this.config.type(props);
     }
-  }]);
-  return ButtonElement;
-}(_UIElement2.UIElement);
-exports.ButtonElement = ButtonElement;
+    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":["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,qBAAa;EACtBC,OAAO,EAAEC,qBAAa;EACtBC,SAAS,EAAEC;AACf,CAAC;AAAC,IAEWC,aAAa;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OAGtB,kBACIC,KAA+C,EAC3C;MACJ;AACR;AACA;AACA;MACQ;MACA,IAAI,CAACC,MAAM,CAACD,KAAK,GAAGA,KAAK;IAC7B;EAAC;IAAA;IAAA,OAED,kBAAgBE,KAAoB,EAAU;MAC1C,IAAI,OAAO,IAAI,CAACD,MAAM,CAACD,KAAK,KAAK,UAAU,EAAE;QACzC;QACA,OAAO,IAAI,CAACC,MAAM,CAACD,KAAK,CAACE,KAAK,CAAiB;MACnD;MACA,OAAO,IAAI,CAACD,MAAM,CAACD,KAAK;IAC5B;EAAC;IAAA;IAAA,OAED,iBAAeG,IAAuB,EAAQ;MAC1C,IAAI,CAACF,MAAM,CAACE,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAA;IAAA,OAED,iBAAeD,KAAoB,EAAqB;MACpD,IAAI,OAAO,IAAI,CAACD,MAAM,CAACE,IAAI,KAAK,UAAU,EAAE;QACxC;QACA,OAAO,IAAI,CAACF,MAAM,CAACE,IAAI,CAACD,KAAK,CAAiB;MAClD;MACA,OAAO,IAAI,CAACD,MAAM,CAACE,IAAI;IAC3B;EAAC;IAAA;IAAA,OAED,oBAAkBC,OAAoC,EAAQ;MAC1D,IAAI,CAACH,MAAM,CAACG,OAAO,GAAGA,OAAO;IACjC;EAAC;IAAA;IAAA,OAED,sBAAoB;MAChB,OAAO,IAAI,CAACH,MAAM,CAACG,OAAO;IAC9B;EAAC;IAAA;IAAA,OAED,gBAAuBF,KAAmB,EAAsB;MAC5D,IAAMG,SAAS,GAAGb,OAAO,CAAC,IAAI,CAACc,OAAO,CAACJ,KAAK,CAAC,CAAC;MAC9C,IAAME,QAAO,GAAG,IAAI,CAACG,UAAU,EAAE;MAEjC,oBACI,6BAAC,SAAS;QACN,OAAO,EAAE;UAAA,OAAMH,QAAO,CAACF,KAAK,CAAC;QAAA,CAAC;QAC9B,wCAA+B,yBAAU,IAAI,CAACM,QAAQ,CAACN,KAAK,CAAC,CAAC;MAAG,GAEhE,IAAI,CAACM,QAAQ,CAACN,KAAK,CAAC,CACb;IAEpB;EAAC;EAAA;AAAA,EAtDkDO,qBAAS;AAAA"}
+{"version":3,"names":["React","ButtonDefault","ButtonPrimary","ButtonSecondary","UIElement","kebabCase","BUTTONS","default","primary","secondary","ButtonElement","setLabel","label","config","getLabel","props","setType","type","getType","setOnClick","onClick","getOnClick","render","Component","createElement"],"sources":["ButtonElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport type { UIElementConfig, UiElementRenderProps } from \"../UIElement\";\nimport { UIElement } from \"../UIElement\";\nimport kebabCase from \"lodash/kebabCase\";\n\nexport type ButtonElementType = \"default\" | \"primary\" | \"secondary\";\n\nexport interface ButtonOnClick<TRenderProps = any> {\n    (props: TRenderProps): void;\n}\n\ninterface GetterWithProps<TProps, TReturn> {\n    (props: TProps): TReturn;\n}\n\nexport interface ButtonElementConfig<TRenderProps> extends UIElementConfig {\n    type: ButtonElementType | GetterWithProps<TRenderProps, ButtonElementType>;\n    label: string | GetterWithProps<TRenderProps, string>;\n    onClick: ButtonOnClick<TRenderProps>;\n}\n\nconst BUTTONS = {\n    default: ButtonDefault,\n    primary: ButtonPrimary,\n    secondary: ButtonSecondary\n};\n\nexport class ButtonElement<\n    TRenderProps extends UiElementRenderProps = UiElementRenderProps\n> extends UIElement<ButtonElementConfig<TRenderProps>> {\n    public setLabel<TProps extends TRenderProps = TRenderProps>(\n        label: string | GetterWithProps<TProps, string>\n    ): void {\n        /**\n         * TODO @ts-refactor\n         * 'TProps' could be instantiated with an arbitrary type which could be unrelated to 'TRenderProps'\n         */\n        // @ts-expect-error\n        this.config.label = label;\n    }\n\n    public getLabel(props?: TRenderProps): string {\n        if (typeof this.config.label === \"function\") {\n            // TODO @ts-refactor find out correct types to pass\n            return this.config.label(props as TRenderProps);\n        }\n        return this.config.label;\n    }\n\n    public setType(type: ButtonElementType): void {\n        this.config.type = type;\n    }\n\n    public getType(props?: TRenderProps): ButtonElementType {\n        if (typeof this.config.type === \"function\") {\n            // TODO @ts-refactor find out correct types to pass\n            return this.config.type(props as TRenderProps);\n        }\n        return this.config.type;\n    }\n\n    public setOnClick(onClick: ButtonOnClick<TRenderProps>): void {\n        this.config.onClick = onClick;\n    }\n\n    public getOnClick() {\n        return this.config.onClick;\n    }\n\n    public override render(props: TRenderProps): React.ReactElement {\n        const Component = BUTTONS[this.getType(props)];\n        const onClick = this.getOnClick();\n\n        return (\n            <Component\n                onClick={() => onClick(props)}\n                data-testid={`button-element-${kebabCase(this.getLabel(props))}`}\n            >\n                {this.getLabel(props)}\n            </Component>\n        );\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,aAAa,EAAEC,eAAe,QAAQ,mBAAmB;AAEjF,SAASC,SAAS;AAClB,OAAOC,SAAS,MAAM,kBAAkB;AAkBxC,MAAMC,OAAO,GAAG;EACZC,OAAO,EAAEN,aAAa;EACtBO,OAAO,EAAEN,aAAa;EACtBO,SAAS,EAAEN;AACf,CAAC;AAED,OAAO,MAAMO,aAAa,SAEhBN,SAAS,CAAoC;EAC5CO,QAAQA,CACXC,KAA+C,EAC3C;IACJ;AACR;AACA;AACA;IACQ;IACA,IAAI,CAACC,MAAM,CAACD,KAAK,GAAGA,KAAK;EAC7B;EAEOE,QAAQA,CAACC,KAAoB,EAAU;IAC1C,IAAI,OAAO,IAAI,CAACF,MAAM,CAACD,KAAK,KAAK,UAAU,EAAE;MACzC;MACA,OAAO,IAAI,CAACC,MAAM,CAACD,KAAK,CAACG,KAAqB,CAAC;IACnD;IACA,OAAO,IAAI,CAACF,MAAM,CAACD,KAAK;EAC5B;EAEOI,OAAOA,CAACC,IAAuB,EAAQ;IAC1C,IAAI,CAACJ,MAAM,CAACI,IAAI,GAAGA,IAAI;EAC3B;EAEOC,OAAOA,CAACH,KAAoB,EAAqB;IACpD,IAAI,OAAO,IAAI,CAACF,MAAM,CAACI,IAAI,KAAK,UAAU,EAAE;MACxC;MACA,OAAO,IAAI,CAACJ,MAAM,CAACI,IAAI,CAACF,KAAqB,CAAC;IAClD;IACA,OAAO,IAAI,CAACF,MAAM,CAACI,IAAI;EAC3B;EAEOE,UAAUA,CAACC,OAAoC,EAAQ;IAC1D,IAAI,CAACP,MAAM,CAACO,OAAO,GAAGA,OAAO;EACjC;EAEOC,UAAUA,CAAA,EAAG;IAChB,OAAO,IAAI,CAACR,MAAM,CAACO,OAAO;EAC9B;EAEgBE,MAAMA,CAACP,KAAmB,EAAsB;IAC5D,MAAMQ,SAAS,GAAGjB,OAAO,CAAC,IAAI,CAACY,OAAO,CAACH,KAAK,CAAC,CAAC;IAC9C,MAAMK,OAAO,GAAG,IAAI,CAACC,UAAU,CAAC,CAAC;IAEjC,oBACIrB,KAAA,CAAAwB,aAAA,CAACD,SAAS;MACNH,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACL,KAAK,CAAE;MAC9B,eAAa,kBAAkBV,SAAS,CAAC,IAAI,CAACS,QAAQ,CAACC,KAAK,CAAC,CAAC;IAAG,GAEhE,IAAI,CAACD,QAAQ,CAACC,KAAK,CACb,CAAC;EAEpB;AACJ","ignoreList":[]}

package/ui/elements/ButtonGroupElement.d.ts

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

package/ui/elements/ButtonGroupElement.js

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

package/ui/elements/ButtonGroupElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["ButtonGroup","styled","display","height","width","alignItems","justifyContent","marginRight","ButtonGroupElement","id","useGrid","props","UIElement"],"sources":["ButtonGroupElement.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport styled from \"@emotion/styled\";\n\nconst ButtonGroup = styled(\"div\")({\n    display: \"flex\",\n    height: \"100%\",\n    width: \"100%\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    \"> button\": {\n        marginRight: 15\n    }\n});\n\nexport class ButtonGroupElement extends UIElement<any> {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props?: UiElementRenderProps): React.ReactNode {\n        return <ButtonGroup>{super.render(props)}</ButtonGroup>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;AAEA;AACA;AAEA,IAAMA,WAAW,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC9BC,OAAO,EAAE,MAAM;EACfC,MAAM,EAAE,MAAM;EACdC,KAAK,EAAE,MAAM;EACbC,UAAU,EAAE,QAAQ;EACpBC,cAAc,EAAE,QAAQ;EACxB,UAAU,EAAE;IACRC,WAAW,EAAE;EACjB;AACJ,CAAC,CAAC;AAAC,IAEUC,kBAAkB;EAAA;EAAA;EAC3B,4BAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,0BAAMA,EAAE;IAER,MAAKC,OAAO,CAAC,KAAK,CAAC;IAAC;EACxB;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAA4B,EAAmB;MAClE,oBAAO,6BAAC,WAAW,mHAAeA,KAAK,EAAgB;IAC3D;EAAC;EAAA;AAAA,EATmCC,qBAAS;AAAA"}
+{"version":3,"names":["React","UIElement","ButtonGroup","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ButtonGroupElement","constructor","id","useGrid","render","props","createElement"],"sources":["ButtonGroupElement.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { UiElementRenderProps } from \"~/ui/UIElement\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport styled from \"@emotion/styled\";\n\nconst ButtonGroup = styled(\"div\")({\n    display: \"flex\",\n    height: \"100%\",\n    width: \"100%\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    \"> button\": {\n        marginRight: 15\n    }\n});\n\nexport class ButtonGroupElement extends UIElement<any> {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props?: UiElementRenderProps): React.ReactNode {\n        return <ButtonGroup>{super.render(props)}</ButtonGroup>;\n    }\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,SAAS;AAGlB,MAAMC,WAAW,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAShC,CAAC;AAEF,OAAO,MAAMC,kBAAkB,SAASb,SAAS,CAAM;EAC5Cc,WAAWA,CAACC,EAAU,EAAE;IAC3B,KAAK,CAACA,EAAE,CAAC;IAET,IAAI,CAACC,OAAO,CAAC,KAAK,CAAC;EACvB;EAEgBC,MAAMA,CAACC,KAA4B,EAAmB;IAClE,oBAAOnB,KAAA,CAAAoB,aAAA,CAAClB,WAAW,QAAE,KAAK,CAACgB,MAAM,CAACC,KAAK,CAAe,CAAC;EAC3D;AACJ","ignoreList":[]}

package/ui/elements/GenericElement.js

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

package/ui/elements/GenericElement.js.map

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

package/ui/elements/LabelElement.d.ts

@@ -1,5 +1,6 @@
-import React from "react";
-import { UIElement, UIElementConfig } from "../UIElement";
+import type React from "react";
+import type { UIElementConfig } from "../UIElement";
+import { UIElement } from "../UIElement";
 export interface LabelElementConfig extends UIElementConfig {
     text: string;
 }