@webiny/app-admin 0.0.0-unstable.fcdad0bc61 → 0.0.0-unstable.fdd9228b5d

package/types.d.ts

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

package/types.js

@@ -1,5 +1,7 @@
-"use strict";
+export { Icon } from "./components/IconPicker/types";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+/**
+ * Represents a file as we receive from the GraphQL API.
+ */
+
+//# sourceMappingURL=types.js.map

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,19 +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,19 +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,13 +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,25 +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,110 +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);
   }
-
-  (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));
+  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));
+  }
+}
+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;
   }
+  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));
+  }
+}
 
-  (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;
+//# 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;;;;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"}
+{"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;