@webiny/app-admin 5.41.4 → 5.42.0-beta.1

package/plugins/globalSearch/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["globalSearchHotkey","exports","type","name","preventOpen","e","ignoreNodes","includes","target","nodeName"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\n\nexport const globalSearchHotkey = {\n    type: \"admin-global-search-prevent-hotkey\",\n    name: \"admin-global-search-prevent-hotkey-input\",\n    preventOpen(e: React.ChangeEvent<HTMLInputElement>): boolean {\n        // Define a list of all node types we want to prevent the event from.\n        const ignoreNodes = [\"INPUT\", \"TEXTAREA\"];\n\n        return ignoreNodes.includes(e.target.nodeName);\n    }\n};\n"],"mappings":";;;;;;AAEO,IAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EAC9BE,IAAI,EAAE,oCAAoC;EAC1CC,IAAI,EAAE,0CAA0C;EAChDC,WAAW,WAAAA,YAACC,CAAsC,EAAW;IACzD;IACA,IAAMC,WAAW,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC;IAEzC,OAAOA,WAAW,CAACC,QAAQ,CAACF,CAAC,CAACG,MAAM,CAACC,QAAQ,CAAC;EAClD;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["globalSearchHotkey","exports","type","name","preventOpen","e","ignoreNodes","includes","target","nodeName"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\n\nexport const globalSearchHotkey = {\n    type: \"admin-global-search-prevent-hotkey\",\n    name: \"admin-global-search-prevent-hotkey-input\",\n    preventOpen(e: React.ChangeEvent<HTMLInputElement>): boolean {\n        // Define a list of all node types we want to prevent the event from.\n        const ignoreNodes = [\"INPUT\", \"TEXTAREA\"];\n\n        return ignoreNodes.includes(e.target.nodeName);\n    }\n};\n"],"mappings":";;;;;;AAEO,IAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EAC9BE,IAAI,EAAE,oCAAoC;EAC1CC,IAAI,EAAE,0CAA0C;EAChDC,WAAW,WAAXA,WAAWA,CAACC,CAAsC,EAAW;IACzD;IACA,IAAMC,WAAW,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC;IAEzC,OAAOA,WAAW,CAACC,QAAQ,CAACF,CAAC,CAACG,MAAM,CAACC,QAAQ,CAAC;EAClD;AACJ,CAAC","ignoreList":[]}

package/types.d.ts

@@ -2,6 +2,7 @@ import React, { ReactElement } from "react";
 import { Plugin } from "@webiny/plugins/types";
 import { ApolloClient } from "apollo-client";
 import { ItemProps, MenuProps, SectionProps } from "./plugins/MenuPlugin";
+export { Icon } from "./components/IconPicker/types";
 export type AdminGlobalSearchPlugin = Plugin & {
     type: "admin-global-search";
     label: string;

package/types.js

@@ -3,5 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "Icon", {
+  enumerable: true,
+  get: function get() {
+    return _types.Icon;
+  }
+});
+var _types = require("./components/IconPicker/types");
 
 //# 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\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\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\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\nexport interface AdminFileManagerFileTypePluginRenderParams {\n    file: FileItem;\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}\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\nimport { SecurityPermission } from \"@webiny/app-security/types\";\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":"","ignoreList":[]}
+{"version":3,"names":["_types","require"],"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\nexport { Icon } from \"~/components/IconPicker/types\";\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\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\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\nexport interface AdminFileManagerFileTypePluginRenderParams {\n    file: FileItem;\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}\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\nimport { SecurityPermission } from \"@webiny/app-security/types\";\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":";;;;;;;;;;;AAKA,IAAAA,MAAA,GAAAC,OAAA","ignoreList":[]}

package/ui/elements/AccordionElement.js

@@ -9,8 +9,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _UIElement3 = require("../UIElement");
@@ -41,7 +40,7 @@ var AccordionItemElement = exports.AccordionItemElement = /*#__PURE__*/function
       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));
+      }, rest), (0, _superPropGet2.default)(AccordionItemElement, "render", this, 3)([props]));
     }
   }]);
 }(_UIElement3.UIElement);
@@ -72,7 +71,7 @@ var AccordionElement = exports.AccordionElement = /*#__PURE__*/function (_UIElem
       // @ts-expect-error
       return /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, {
         elevation: 0
-      }, (0, _get2.default)((0, _getPrototypeOf2.default)(AccordionElement.prototype), "render", this).call(this, props));
+      }, (0, _superPropGet2.default)(AccordionElement, "render", this, 3)([props]));
     }
   }]);
 }(_UIElement3.UIElement);

package/ui/elements/AccordionElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement3","_Accordion","_excluded","AccordionItemElement","exports","_UIElement","id","config","_classCallCheck2","default","_callSuper2","_inherits2","_createClass2","key","value","setTitle","title","setDescription","description","render","props","_this$config","open","rest","_objectWithoutProperties2","isOpened","createElement","AccordionItem","Object","assign","_get2","_getPrototypeOf2","prototype","call","UIElement","AccordionElement","_UIElement2","_this","useGrid","items","forEach","item","addElement","getAccordionItemElement","getElement","Accordion","elevation"],"sources":["AccordionElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\n\ninterface GetterWithProps<TProps, T> {\n    (props: TProps): T;\n}\n\ninterface Item<TProps = any> extends UIElementConfig {\n    id: string;\n    title: string;\n    description: string;\n    icon: React.ReactElement;\n    open?: boolean | GetterWithProps<TProps, boolean>;\n}\n\nexport class AccordionItemElement extends UIElement<Item> {\n    public constructor(id: string, config: Item) {\n        super(id, config);\n    }\n\n    public setTitle(title: string): void {\n        this.config.title = title;\n    }\n\n    public setDescription(description: string): void {\n        this.config.description = description;\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        const { open, ...rest } = this.config;\n        const isOpened = typeof open === \"function\" ? open(props) : open;\n        return (\n            <AccordionItem open={isOpened} {...rest}>\n                {super.render(props)}\n            </AccordionItem>\n        );\n    }\n}\n\ninterface Config extends UIElementConfig {\n    items: Item[];\n}\n\nexport class AccordionElement extends UIElement<Config> {\n    public constructor(id: string, config: Config) {\n        super(id, config);\n\n        this.useGrid(false);\n\n        this.config.items.forEach(item => {\n            this.addElement(new AccordionItemElement(item.id, item));\n        });\n    }\n\n    public getAccordionItemElement(id: string): AccordionItemElement {\n        return this.getElement(id) as AccordionItemElement;\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        /**\n         * Figure out correct way to have props.children typed.\n         * TODO @ts-refactor\n         */\n        // @ts-expect-error\n        return <Accordion elevation={0}>{super.render(props)}</Accordion>;\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement3","_Accordion","_excluded","AccordionItemElement","exports","_UIElement","id","config","_classCallCheck2","default","_callSuper2","_inherits2","_createClass2","key","value","setTitle","title","setDescription","description","render","props","_this$config","open","rest","_objectWithoutProperties2","isOpened","createElement","AccordionItem","Object","assign","_superPropGet2","UIElement","AccordionElement","_UIElement2","_this","useGrid","items","forEach","item","addElement","getAccordionItemElement","getElement","Accordion","elevation"],"sources":["AccordionElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\n\ninterface GetterWithProps<TProps, T> {\n    (props: TProps): T;\n}\n\ninterface Item<TProps = any> extends UIElementConfig {\n    id: string;\n    title: string;\n    description: string;\n    icon: React.ReactElement;\n    open?: boolean | GetterWithProps<TProps, boolean>;\n}\n\nexport class AccordionItemElement extends UIElement<Item> {\n    public constructor(id: string, config: Item) {\n        super(id, config);\n    }\n\n    public setTitle(title: string): void {\n        this.config.title = title;\n    }\n\n    public setDescription(description: string): void {\n        this.config.description = description;\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        const { open, ...rest } = this.config;\n        const isOpened = typeof open === \"function\" ? open(props) : open;\n        return (\n            <AccordionItem open={isOpened} {...rest}>\n                {super.render(props)}\n            </AccordionItem>\n        );\n    }\n}\n\ninterface Config extends UIElementConfig {\n    items: Item[];\n}\n\nexport class AccordionElement extends UIElement<Config> {\n    public constructor(id: string, config: Config) {\n        super(id, config);\n\n        this.useGrid(false);\n\n        this.config.items.forEach(item => {\n            this.addElement(new AccordionItemElement(item.id, item));\n        });\n    }\n\n    public getAccordionItemElement(id: string): AccordionItemElement {\n        return this.getElement(id) as AccordionItemElement;\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        /**\n         * Figure out correct way to have props.children typed.\n         * TODO @ts-refactor\n         */\n        // @ts-expect-error\n        return <Accordion elevation={0}>{super.render(props)}</Accordion>;\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/ui/elements/ButtonElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Button","_UIElement2","_kebabCase","BUTTONS","default","ButtonDefault","primary","ButtonPrimary","secondary","ButtonSecondary","ButtonElement","exports","_UIElement","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","setLabel","label","config","getLabel","props","setType","type","getType","setOnClick","onClick","getOnClick","render","Component","createElement","concat","kebabCase","UIElement"],"sources":["ButtonElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"../UIElement\";\nimport kebabCase from \"lodash/kebabCase\";\n\nexport type ButtonElementType = \"default\" | \"primary\" | \"secondary\";\n\nexport interface ButtonOnClick<TRenderProps = any> {\n    (props: TRenderProps): void;\n}\n\ninterface GetterWithProps<TProps, TReturn> {\n    (props: TProps): TReturn;\n}\n\nexport interface ButtonElementConfig<TRenderProps> extends UIElementConfig {\n    type: ButtonElementType | GetterWithProps<TRenderProps, ButtonElementType>;\n    label: string | GetterWithProps<TRenderProps, string>;\n    onClick: ButtonOnClick<TRenderProps>;\n}\n\nconst BUTTONS = {\n    default: ButtonDefault,\n    primary: ButtonPrimary,\n    secondary: ButtonSecondary\n};\n\nexport class ButtonElement<\n    TRenderProps extends UiElementRenderProps = UiElementRenderProps\n> extends UIElement<ButtonElementConfig<TRenderProps>> {\n    public setLabel<TProps extends TRenderProps = TRenderProps>(\n        label: string | GetterWithProps<TProps, string>\n    ): void {\n        /**\n         * TODO @ts-refactor\n         * 'TProps' could be instantiated with an arbitrary type which could be unrelated to 'TRenderProps'\n         */\n        // @ts-expect-error\n        this.config.label = label;\n    }\n\n    public getLabel(props?: TRenderProps): string {\n        if (typeof this.config.label === \"function\") {\n            // TODO @ts-refactor find out correct types to pass\n            return this.config.label(props as TRenderProps);\n        }\n        return this.config.label;\n    }\n\n    public setType(type: ButtonElementType): void {\n        this.config.type = type;\n    }\n\n    public getType(props?: TRenderProps): ButtonElementType {\n        if (typeof this.config.type === \"function\") {\n            // TODO @ts-refactor find out correct types to pass\n            return this.config.type(props as TRenderProps);\n        }\n        return this.config.type;\n    }\n\n    public setOnClick(onClick: ButtonOnClick<TRenderProps>): void {\n        this.config.onClick = onClick;\n    }\n\n    public getOnClick() {\n        return this.config.onClick;\n    }\n\n    public override render(props: TRenderProps): React.ReactElement {\n        const Component = BUTTONS[this.getType(props)];\n        const onClick = this.getOnClick();\n\n        return (\n            <Component\n                onClick={() => onClick(props)}\n                data-testid={`button-element-${kebabCase(this.getLabel(props))}`}\n            >\n                {this.getLabel(props)}\n            </Component>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAkBA,IAAMI,OAAO,GAAG;EACZC,OAAO,EAAEC,qBAAa;EACtBC,OAAO,EAAEC,qBAAa;EACtBC,SAAS,EAAEC;AACf,CAAC;AAAC,IAEWC,aAAa,GAAAC,OAAA,CAAAD,aAAA,0BAAAE,UAAA;EAAA,SAAAF,cAAA;IAAA,IAAAG,gBAAA,CAAAT,OAAA,QAAAM,aAAA;IAAA,WAAAI,WAAA,CAAAV,OAAA,QAAAM,aAAA,EAAAK,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAZ,OAAA,EAAAM,aAAA,EAAAE,UAAA;EAAA,WAAAK,aAAA,CAAAb,OAAA,EAAAM,aAAA;IAAAQ,GAAA;IAAAC,KAAA,EAGtB,SAAAC,SACIC,KAA+C,EAC3C;MACJ;AACR;AACA;AACA;MACQ;MACA,IAAI,CAACC,MAAM,CAACD,KAAK,GAAGA,KAAK;IAC7B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,SAAgBC,KAAoB,EAAU;MAC1C,IAAI,OAAO,IAAI,CAACF,MAAM,CAACD,KAAK,KAAK,UAAU,EAAE;QACzC;QACA,OAAO,IAAI,CAACC,MAAM,CAACD,KAAK,CAACG,KAAqB,CAAC;MACnD;MACA,OAAO,IAAI,CAACF,MAAM,CAACD,KAAK;IAC5B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAM,QAAeC,IAAuB,EAAQ;MAC1C,IAAI,CAACJ,MAAM,CAACI,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAAQ,QAAeH,KAAoB,EAAqB;MACpD,IAAI,OAAO,IAAI,CAACF,MAAM,CAACI,IAAI,KAAK,UAAU,EAAE;QACxC;QACA,OAAO,IAAI,CAACJ,MAAM,CAACI,IAAI,CAACF,KAAqB,CAAC;MAClD;MACA,OAAO,IAAI,CAACF,MAAM,CAACI,IAAI;IAC3B;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAAS,WAAkBC,OAAoC,EAAQ;MAC1D,IAAI,CAACP,MAAM,CAACO,OAAO,GAAGA,OAAO;IACjC;EAAC;IAAAX,GAAA;IAAAC,KAAA,EAED,SAAAW,WAAA,EAAoB;MAChB,OAAO,IAAI,CAACR,MAAM,CAACO,OAAO;IAC9B;EAAC;IAAAX,GAAA;IAAAC,KAAA,EAED,SAAAY,OAAuBP,KAAmB,EAAsB;MAC5D,IAAMQ,SAAS,GAAG7B,OAAO,CAAC,IAAI,CAACwB,OAAO,CAACH,KAAK,CAAC,CAAC;MAC9C,IAAMK,QAAO,GAAG,IAAI,CAACC,UAAU,CAAC,CAAC;MAEjC,oBACIjC,MAAA,CAAAO,OAAA,CAAA6B,aAAA,CAACD,SAAS;QACNH,OAAO,EAAE,SAAAA,QAAA;UAAA,OAAMA,QAAO,CAACL,KAAK,CAAC;QAAA,CAAC;QAC9B,iCAAAU,MAAA,CAA+B,IAAAC,kBAAS,EAAC,IAAI,CAACZ,QAAQ,CAACC,KAAK,CAAC,CAAC;MAAG,GAEhE,IAAI,CAACD,QAAQ,CAACC,KAAK,CACb,CAAC;IAEpB;EAAC;AAAA,EApDKY,qBAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Button","_UIElement2","_kebabCase","BUTTONS","default","ButtonDefault","primary","ButtonPrimary","secondary","ButtonSecondary","ButtonElement","exports","_UIElement","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","setLabel","label","config","getLabel","props","setType","type","getType","setOnClick","onClick","getOnClick","render","Component","createElement","concat","kebabCase","UIElement"],"sources":["ButtonElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"../UIElement\";\nimport kebabCase from \"lodash/kebabCase\";\n\nexport type ButtonElementType = \"default\" | \"primary\" | \"secondary\";\n\nexport interface ButtonOnClick<TRenderProps = any> {\n    (props: TRenderProps): void;\n}\n\ninterface GetterWithProps<TProps, TReturn> {\n    (props: TProps): TReturn;\n}\n\nexport interface ButtonElementConfig<TRenderProps> extends UIElementConfig {\n    type: ButtonElementType | GetterWithProps<TRenderProps, ButtonElementType>;\n    label: string | GetterWithProps<TRenderProps, string>;\n    onClick: ButtonOnClick<TRenderProps>;\n}\n\nconst BUTTONS = {\n    default: ButtonDefault,\n    primary: ButtonPrimary,\n    secondary: ButtonSecondary\n};\n\nexport class ButtonElement<\n    TRenderProps extends UiElementRenderProps = UiElementRenderProps\n> extends UIElement<ButtonElementConfig<TRenderProps>> {\n    public setLabel<TProps extends TRenderProps = TRenderProps>(\n        label: string | GetterWithProps<TProps, string>\n    ): void {\n        /**\n         * TODO @ts-refactor\n         * 'TProps' could be instantiated with an arbitrary type which could be unrelated to 'TRenderProps'\n         */\n        // @ts-expect-error\n        this.config.label = label;\n    }\n\n    public getLabel(props?: TRenderProps): string {\n        if (typeof this.config.label === \"function\") {\n            // TODO @ts-refactor find out correct types to pass\n            return this.config.label(props as TRenderProps);\n        }\n        return this.config.label;\n    }\n\n    public setType(type: ButtonElementType): void {\n        this.config.type = type;\n    }\n\n    public getType(props?: TRenderProps): ButtonElementType {\n        if (typeof this.config.type === \"function\") {\n            // TODO @ts-refactor find out correct types to pass\n            return this.config.type(props as TRenderProps);\n        }\n        return this.config.type;\n    }\n\n    public setOnClick(onClick: ButtonOnClick<TRenderProps>): void {\n        this.config.onClick = onClick;\n    }\n\n    public getOnClick() {\n        return this.config.onClick;\n    }\n\n    public override render(props: TRenderProps): React.ReactElement {\n        const Component = BUTTONS[this.getType(props)];\n        const onClick = this.getOnClick();\n\n        return (\n            <Component\n                onClick={() => onClick(props)}\n                data-testid={`button-element-${kebabCase(this.getLabel(props))}`}\n            >\n                {this.getLabel(props)}\n            </Component>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAkBA,IAAMI,OAAO,GAAG;EACZC,OAAO,EAAEC,qBAAa;EACtBC,OAAO,EAAEC,qBAAa;EACtBC,SAAS,EAAEC;AACf,CAAC;AAAC,IAEWC,aAAa,GAAAC,OAAA,CAAAD,aAAA,0BAAAE,UAAA;EAAA,SAAAF,cAAA;IAAA,IAAAG,gBAAA,CAAAT,OAAA,QAAAM,aAAA;IAAA,WAAAI,WAAA,CAAAV,OAAA,QAAAM,aAAA,EAAAK,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAZ,OAAA,EAAAM,aAAA,EAAAE,UAAA;EAAA,WAAAK,aAAA,CAAAb,OAAA,EAAAM,aAAA;IAAAQ,GAAA;IAAAC,KAAA,EAGtB,SAAOC,QAAQA,CACXC,KAA+C,EAC3C;MACJ;AACR;AACA;AACA;MACQ;MACA,IAAI,CAACC,MAAM,CAACD,KAAK,GAAGA,KAAK;IAC7B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAOI,QAAQA,CAACC,KAAoB,EAAU;MAC1C,IAAI,OAAO,IAAI,CAACF,MAAM,CAACD,KAAK,KAAK,UAAU,EAAE;QACzC;QACA,OAAO,IAAI,CAACC,MAAM,CAACD,KAAK,CAACG,KAAqB,CAAC;MACnD;MACA,OAAO,IAAI,CAACF,MAAM,CAACD,KAAK;IAC5B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAOM,OAAOA,CAACC,IAAuB,EAAQ;MAC1C,IAAI,CAACJ,MAAM,CAACI,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAOQ,OAAOA,CAACH,KAAoB,EAAqB;MACpD,IAAI,OAAO,IAAI,CAACF,MAAM,CAACI,IAAI,KAAK,UAAU,EAAE;QACxC;QACA,OAAO,IAAI,CAACJ,MAAM,CAACI,IAAI,CAACF,KAAqB,CAAC;MAClD;MACA,OAAO,IAAI,CAACF,MAAM,CAACI,IAAI;IAC3B;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAOS,UAAUA,CAACC,OAAoC,EAAQ;MAC1D,IAAI,CAACP,MAAM,CAACO,OAAO,GAAGA,OAAO;IACjC;EAAC;IAAAX,GAAA;IAAAC,KAAA,EAED,SAAOW,UAAUA,CAAA,EAAG;MAChB,OAAO,IAAI,CAACR,MAAM,CAACO,OAAO;IAC9B;EAAC;IAAAX,GAAA;IAAAC,KAAA,EAED,SAAgBY,MAAMA,CAACP,KAAmB,EAAsB;MAC5D,IAAMQ,SAAS,GAAG7B,OAAO,CAAC,IAAI,CAACwB,OAAO,CAACH,KAAK,CAAC,CAAC;MAC9C,IAAMK,QAAO,GAAG,IAAI,CAACC,UAAU,CAAC,CAAC;MAEjC,oBACIjC,MAAA,CAAAO,OAAA,CAAA6B,aAAA,CAACD,SAAS;QACNH,OAAO,EAAE,SAATA,OAAOA,CAAA;UAAA,OAAQA,QAAO,CAACL,KAAK,CAAC;QAAA,CAAC;QAC9B,iCAAAU,MAAA,CAA+B,IAAAC,kBAAS,EAAC,IAAI,CAACZ,QAAQ,CAACC,KAAK,CAAC,CAAC;MAAG,GAEhE,IAAI,CAACD,QAAQ,CAACC,KAAK,CACb,CAAC;IAEpB;EAAC;AAAA,EApDKY,qBAAS","ignoreList":[]}

package/ui/elements/ButtonGroupElement.js

@@ -8,8 +8,7 @@ exports.ButtonGroupElement = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
@@ -41,7 +40,7 @@ var ButtonGroupElement = exports.ButtonGroupElement = /*#__PURE__*/function (_UI
   return (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 /*#__PURE__*/_react.default.createElement(ButtonGroup, null, (0, _superPropGet2.default)(ButtonGroupElement, "render", this, 3)([props]));
     }
   }]);
 }(_UIElement2.UIElement);

package/ui/elements/ButtonGroupElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_EMOTION_STRINGIFIED_CSS_ERROR__","ButtonGroup","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","ButtonGroupElement","exports","_UIElement","id","_this","_classCallCheck2","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","_get2","_getPrototypeOf2","prototype","call","UIElement"],"sources":["ButtonGroupElement.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport styled from \"@emotion/styled\";\n\nconst ButtonGroup = styled(\"div\")({\n    display: \"flex\",\n    height: \"100%\",\n    width: \"100%\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    \"> button\": {\n        marginRight: 15\n    }\n});\n\nexport class ButtonGroupElement extends UIElement<any> {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props?: UiElementRenderProps): React.ReactNode {\n        return <ButtonGroup>{super.render(props)}</ButtonGroup>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAAiE,SAAAE,iCAAA;AAGjE,IAAMC,WAAW,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAShC,CAAC;AAAC,IAEUa,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,0BAAAE,UAAA;EAC3B,SAAAF,mBAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAf,OAAA,QAAAU,kBAAA;IAC3BI,KAAA,OAAAE,WAAA,CAAAhB,OAAA,QAAAU,kBAAA,GAAMG,EAAE;IAERC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,UAAA,CAAAlB,OAAA,EAAAU,kBAAA,EAAAE,UAAA;EAAA,WAAAO,aAAA,CAAAnB,OAAA,EAAAU,kBAAA;IAAAU,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA4B,EAAmB;MAClE,oBAAO9B,MAAA,CAAAO,OAAA,CAAAwB,aAAA,CAAC1B,WAAW,YAAA2B,KAAA,CAAAzB,OAAA,MAAA0B,gBAAA,CAAA1B,OAAA,EAAAU,kBAAA,CAAAiB,SAAA,mBAAAC,IAAA,OAAeL,KAAK,CAAe,CAAC;IAC3D;EAAC;AAAA,EATmCM,qBAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_EMOTION_STRINGIFIED_CSS_ERROR__","ButtonGroup","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","ButtonGroupElement","exports","_UIElement","id","_this","_classCallCheck2","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","_superPropGet2","UIElement"],"sources":["ButtonGroupElement.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport styled from \"@emotion/styled\";\n\nconst ButtonGroup = styled(\"div\")({\n    display: \"flex\",\n    height: \"100%\",\n    width: \"100%\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    \"> button\": {\n        marginRight: 15\n    }\n});\n\nexport class ButtonGroupElement extends UIElement<any> {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props?: UiElementRenderProps): React.ReactNode {\n        return <ButtonGroup>{super.render(props)}</ButtonGroup>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAAiE,SAAAE,iCAAA;AAGjE,IAAMC,WAAW,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAShC,CAAC;AAAC,IAEUa,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,0BAAAE,UAAA;EAC3B,SAAAF,mBAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAf,OAAA,QAAAU,kBAAA;IAC3BI,KAAA,OAAAE,WAAA,CAAAhB,OAAA,QAAAU,kBAAA,GAAMG,EAAE;IAERC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,UAAA,CAAAlB,OAAA,EAAAU,kBAAA,EAAAE,UAAA;EAAA,WAAAO,aAAA,CAAAnB,OAAA,EAAAU,kBAAA;IAAAU,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAACC,KAA4B,EAAmB;MAClE,oBAAO9B,MAAA,CAAAO,OAAA,CAAAwB,aAAA,CAAC1B,WAAW,YAAA2B,cAAA,CAAAzB,OAAA,EAAAU,kBAAA,sBAAea,KAAK,EAAe,CAAC;IAC3D;EAAC;AAAA,EATmCG,qBAAS","ignoreList":[]}

package/ui/elements/LabelElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_UIElement2","require","LabelElement","exports","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","getText","text","setText","render","UIElement"],"sources":["LabelElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\n\nexport interface LabelElementConfig extends UIElementConfig {\n    text: string;\n}\n\n/**\n * !GOOD FIRST ISSUE!\n * Add support for `text` config and `setText` setter to accept functions.\n * See example in ButtonElement: packages/app-admin/src/ui/elements/ButtonElement.tsx\n */\nexport class LabelElement extends UIElement<LabelElementConfig> {\n    public constructor(id: string, config: LabelElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(LabelElement);\n    }\n\n    public getText(): string {\n        return this.config.text;\n    }\n\n    public setText(text: string): void {\n        this.config.text = text;\n    }\n\n    public override render(): React.ReactNode {\n        return this.config.text;\n    }\n}\n"],"mappings":";;;;;;;;;;;AACA,IAAAA,WAAA,GAAAC,OAAA;AAMA;AACA;AACA;AACA;AACA;AAJA,IAKaC,YAAY,GAAAC,OAAA,CAAAD,YAAA,0BAAAE,UAAA;EACrB,SAAAF,aAAmBG,EAAU,EAAEC,MAA0B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,YAAA;IACvDK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,YAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,YAAY,CAACT,YAAY,CAAC;IAAC,OAAAK,KAAA;EACpC;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,YAAA,EAAAE,UAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,YAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAAC,QAAA,EAAyB;MACrB,OAAO,IAAI,CAACV,MAAM,CAACW,IAAI;IAC3B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAG,QAAeD,IAAY,EAAQ;MAC/B,IAAI,CAACX,MAAM,CAACW,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,OAAA,EAA0C;MACtC,OAAO,IAAI,CAACb,MAAM,CAACW,IAAI;IAC3B;EAAC;AAAA,EAjB6BG,qBAAS","ignoreList":[]}
+{"version":3,"names":["_UIElement2","require","LabelElement","exports","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","getText","text","setText","render","UIElement"],"sources":["LabelElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\n\nexport interface LabelElementConfig extends UIElementConfig {\n    text: string;\n}\n\n/**\n * !GOOD FIRST ISSUE!\n * Add support for `text` config and `setText` setter to accept functions.\n * See example in ButtonElement: packages/app-admin/src/ui/elements/ButtonElement.tsx\n */\nexport class LabelElement extends UIElement<LabelElementConfig> {\n    public constructor(id: string, config: LabelElementConfig) {\n        super(id, config);\n\n        this.applyPlugins(LabelElement);\n    }\n\n    public getText(): string {\n        return this.config.text;\n    }\n\n    public setText(text: string): void {\n        this.config.text = text;\n    }\n\n    public override render(): React.ReactNode {\n        return this.config.text;\n    }\n}\n"],"mappings":";;;;;;;;;;;AACA,IAAAA,WAAA,GAAAC,OAAA;AAMA;AACA;AACA;AACA;AACA;AAJA,IAKaC,YAAY,GAAAC,OAAA,CAAAD,YAAA,0BAAAE,UAAA;EACrB,SAAAF,aAAmBG,EAAU,EAAEC,MAA0B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,YAAA;IACvDK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,YAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,YAAY,CAACT,YAAY,CAAC;IAAC,OAAAK,KAAA;EACpC;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,YAAA,EAAAE,UAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,YAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAOC,OAAOA,CAAA,EAAW;MACrB,OAAO,IAAI,CAACV,MAAM,CAACW,IAAI;IAC3B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAOG,OAAOA,CAACD,IAAY,EAAQ;MAC/B,IAAI,CAACX,MAAM,CAACW,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAgBI,MAAMA,CAAA,EAAoB;MACtC,OAAO,IAAI,CAACb,MAAM,CAACW,IAAI;IAC3B;EAAC;AAAA,EAjB6BG,qBAAS","ignoreList":[]}

package/ui/elements/NavigationMenuElement.js

@@ -9,8 +9,7 @@ var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _store = _interopRequireDefault(require("store"));
@@ -49,7 +48,7 @@ var NavigationMenuElement = exports.NavigationMenuElement = /*#__PURE__*/functio
   return (0, _createClass2.default)(NavigationMenuElement, [{
     key: "addElement",
     value: function addElement(element) {
-      (0, _get2.default)((0, _getPrototypeOf2.default)(NavigationMenuElement.prototype), "addElement", this).call(this, element);
+      (0, _superPropGet2.default)(NavigationMenuElement, "addElement", this, 3)([element]);
       this.runSorters();
       return element;
     }

package/ui/elements/NavigationMenuElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_store","_interopRequireDefault","require","_UIElement2","LOCAL_STORAGE_KEY","TAGS","exports","NavigationMenuElement","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","_defineProperty2","useGrid","state","loadState","_isExpanded","includes","addSorter","a","b","hasTag","APP","UTILS","label","localeCompare","applyPlugins","_inherits2","_createClass2","key","value","addElement","element","_get2","_getPrototypeOf2","prototype","call","runSorters","sorter","_sorters","push","get","setIcon","icon","setLabel","setPath","path","expandElement","storeState","getView","refresh","collapseElement","splice","indexOf","toggleElement","localStorage","split","filter","Boolean","set","join","_iterator","_createForOfIteratorHelper2","_step","s","n","done","getLayout","sort","err","e","f","UIElement"],"sources":["NavigationMenuElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { default as localStorage } from \"store\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { UILayoutSorter } from \"@webiny/ui-composer/UILayout\";\n\nexport interface NavigationMenuElementConfig extends UIElementConfig {\n    label: React.ReactNode;\n    icon?: React.ReactElement;\n    path?: string;\n    onClick?: (value: any) => void;\n    testId?: string;\n    rel?: string;\n    target?: string;\n}\n\nconst LOCAL_STORAGE_KEY = \"webiny_apps_menu_sections\";\n\nexport enum TAGS {\n    UTILS = \"utils\",\n    APP = \"app\"\n}\n\nexport class NavigationMenuElement<\n    TConfig extends NavigationMenuElementConfig = NavigationMenuElementConfig\n> extends UIElement<TConfig> {\n    private _isExpanded = false;\n    private _sorters: UILayoutSorter<NavigationMenuElementConfig>[] = [];\n\n    public constructor(id: string, config: TConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n\n        const state = this.loadState();\n        this._isExpanded = state.includes(this.id);\n\n        this.addSorter((a, b) => {\n            if (a.hasTag(TAGS.APP) && b.hasTag(TAGS.UTILS)) {\n                return -1;\n            }\n\n            if (a.hasTag(TAGS.UTILS) && b.hasTag(TAGS.APP)) {\n                return 1;\n            }\n\n            return (a.config.label as string).localeCompare(b.config.label as string);\n        });\n\n        // Apply plugins\n        this.applyPlugins(NavigationMenuElement);\n    }\n\n    public override addElement<TElement extends UIElement = UIElement>(\n        element: TElement\n    ): TElement {\n        super.addElement(element);\n        this.runSorters();\n        return element;\n    }\n\n    public addSorter(sorter: UILayoutSorter<NavigationMenuElementConfig>): void {\n        this._sorters.push(sorter);\n    }\n\n    get isExpanded(): boolean {\n        return this._isExpanded;\n    }\n\n    public setIcon(icon: React.ReactElement): void {\n        this.config.icon = icon;\n    }\n\n    public setLabel(label: string): void {\n        this.config.label = label;\n    }\n\n    public setPath(path: string): void {\n        this.config.path = path;\n    }\n\n    public expandElement(): void {\n        this._isExpanded = true;\n        const state = this.loadState();\n        if (!state.includes(this.id)) {\n            state.push(this.id);\n        }\n        this.storeState(state);\n        this.getView().refresh();\n    }\n\n    public collapseElement(): void {\n        this._isExpanded = false;\n        const state = this.loadState();\n        if (state.includes(this.id)) {\n            state.splice(state.indexOf(this.id), 1);\n        }\n        this.storeState(state);\n        this.getView().refresh();\n    }\n\n    public toggleElement(): void {\n        if (this._isExpanded) {\n            this.collapseElement();\n            return;\n        }\n        this.expandElement();\n    }\n\n    private loadState(): string[] {\n        return (localStorage.get(LOCAL_STORAGE_KEY) || \"\").split(\",\").filter(Boolean);\n    }\n\n    private storeState(state: string[]): void {\n        localStorage.set(LOCAL_STORAGE_KEY, state.join(\",\"));\n    }\n\n    private runSorters(): void {\n        for (const sorter of this._sorters) {\n            this.getLayout().sort(sorter);\n        }\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_store","_interopRequireDefault","require","_UIElement2","LOCAL_STORAGE_KEY","TAGS","exports","NavigationMenuElement","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","_defineProperty2","useGrid","state","loadState","_isExpanded","includes","addSorter","a","b","hasTag","APP","UTILS","label","localeCompare","applyPlugins","_inherits2","_createClass2","key","value","addElement","element","_superPropGet2","runSorters","sorter","_sorters","push","get","setIcon","icon","setLabel","setPath","path","expandElement","storeState","getView","refresh","collapseElement","splice","indexOf","toggleElement","localStorage","split","filter","Boolean","set","join","_iterator","_createForOfIteratorHelper2","_step","s","n","done","getLayout","sort","err","e","f","UIElement"],"sources":["NavigationMenuElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { default as localStorage } from \"store\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { UILayoutSorter } from \"@webiny/ui-composer/UILayout\";\n\nexport interface NavigationMenuElementConfig extends UIElementConfig {\n    label: React.ReactNode;\n    icon?: React.ReactElement;\n    path?: string;\n    onClick?: (value: any) => void;\n    testId?: string;\n    rel?: string;\n    target?: string;\n}\n\nconst LOCAL_STORAGE_KEY = \"webiny_apps_menu_sections\";\n\nexport enum TAGS {\n    UTILS = \"utils\",\n    APP = \"app\"\n}\n\nexport class NavigationMenuElement<\n    TConfig extends NavigationMenuElementConfig = NavigationMenuElementConfig\n> extends UIElement<TConfig> {\n    private _isExpanded = false;\n    private _sorters: UILayoutSorter<NavigationMenuElementConfig>[] = [];\n\n    public constructor(id: string, config: TConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n\n        const state = this.loadState();\n        this._isExpanded = state.includes(this.id);\n\n        this.addSorter((a, b) => {\n            if (a.hasTag(TAGS.APP) && b.hasTag(TAGS.UTILS)) {\n                return -1;\n            }\n\n            if (a.hasTag(TAGS.UTILS) && b.hasTag(TAGS.APP)) {\n                return 1;\n            }\n\n            return (a.config.label as string).localeCompare(b.config.label as string);\n        });\n\n        // Apply plugins\n        this.applyPlugins(NavigationMenuElement);\n    }\n\n    public override addElement<TElement extends UIElement = UIElement>(\n        element: TElement\n    ): TElement {\n        super.addElement(element);\n        this.runSorters();\n        return element;\n    }\n\n    public addSorter(sorter: UILayoutSorter<NavigationMenuElementConfig>): void {\n        this._sorters.push(sorter);\n    }\n\n    get isExpanded(): boolean {\n        return this._isExpanded;\n    }\n\n    public setIcon(icon: React.ReactElement): void {\n        this.config.icon = icon;\n    }\n\n    public setLabel(label: string): void {\n        this.config.label = label;\n    }\n\n    public setPath(path: string): void {\n        this.config.path = path;\n    }\n\n    public expandElement(): void {\n        this._isExpanded = true;\n        const state = this.loadState();\n        if (!state.includes(this.id)) {\n            state.push(this.id);\n        }\n        this.storeState(state);\n        this.getView().refresh();\n    }\n\n    public collapseElement(): void {\n        this._isExpanded = false;\n        const state = this.loadState();\n        if (state.includes(this.id)) {\n            state.splice(state.indexOf(this.id), 1);\n        }\n        this.storeState(state);\n        this.getView().refresh();\n    }\n\n    public toggleElement(): void {\n        if (this._isExpanded) {\n            this.collapseElement();\n            return;\n        }\n        this.expandElement();\n    }\n\n    private loadState(): string[] {\n        return (localStorage.get(LOCAL_STORAGE_KEY) || \"\").split(\",\").filter(Boolean);\n    }\n\n    private storeState(state: string[]): void {\n        localStorage.set(LOCAL_STORAGE_KEY, state.join(\",\"));\n    }\n\n    private runSorters(): void {\n        for (const sorter of this._sorters) {\n            this.getLayout().sort(sorter);\n        }\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/ui/elements/PlaceholderElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_UIElement2","require","PlaceholderElement","exports","_UIElement","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","remove","UIElement"],"sources":["PlaceholderElement.tsx"],"sourcesContent":["import { UIElement } from \"../UIElement\";\n\nexport class PlaceholderElement extends UIElement {\n    public override render(): React.ReactNode {\n        return null;\n    }\n\n    public override remove(): void {\n        return;\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAyC,IAE5BC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,0BAAAE,UAAA;EAAA,SAAAF,mBAAA;IAAA,IAAAG,gBAAA,CAAAC,OAAA,QAAAJ,kBAAA;IAAA,WAAAK,WAAA,CAAAD,OAAA,QAAAJ,kBAAA,EAAAM,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAJ,kBAAA,EAAAE,UAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAJ,kBAAA;IAAAS,GAAA;IAAAC,KAAA,EAC3B,SAAAC,OAAA,EAA0C;MACtC,OAAO,IAAI;IACf;EAAC;IAAAF,GAAA;IAAAC,KAAA,EAED,SAAAE,OAAA,EAA+B;MAC3B;IACJ;EAAC;AAAA,EAPmCC,qBAAS","ignoreList":[]}
+{"version":3,"names":["_UIElement2","require","PlaceholderElement","exports","_UIElement","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","remove","UIElement"],"sources":["PlaceholderElement.tsx"],"sourcesContent":["import { UIElement } from \"../UIElement\";\n\nexport class PlaceholderElement extends UIElement {\n    public override render(): React.ReactNode {\n        return null;\n    }\n\n    public override remove(): void {\n        return;\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAyC,IAE5BC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,0BAAAE,UAAA;EAAA,SAAAF,mBAAA;IAAA,IAAAG,gBAAA,CAAAC,OAAA,QAAAJ,kBAAA;IAAA,WAAAK,WAAA,CAAAD,OAAA,QAAAJ,kBAAA,EAAAM,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAJ,kBAAA,EAAAE,UAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAJ,kBAAA;IAAAS,GAAA;IAAAC,KAAA,EAC3B,SAAgBC,MAAMA,CAAA,EAAoB;MACtC,OAAO,IAAI;IACf;EAAC;IAAAF,GAAA;IAAAC,KAAA,EAED,SAAgBE,MAAMA,CAAA,EAAS;MAC3B;IACJ;EAAC;AAAA,EAPmCC,qBAAS","ignoreList":[]}

package/ui/elements/SmallButtonElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Button","_ButtonElement2","BUTTONS","default","ButtonDefault","primary","ButtonPrimary","secondary","ButtonSecondary","SmallButtonElement","exports","_ButtonElement","id","config","_this","_classCallCheck2","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","render","props","Component","getType","onClick","getOnClick","createElement","small","getLabel","ButtonElement"],"sources":["SmallButtonElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { ButtonElement, ButtonElementConfig } from \"~/ui/elements/ButtonElement\";\nimport { UiElementRenderProps } from \"@webiny/ui-composer/UIElement\";\n\nconst BUTTONS = {\n    default: ButtonDefault,\n    primary: ButtonPrimary,\n    secondary: ButtonSecondary\n};\n\nexport class SmallButtonElement<\n    TRenderProps extends UiElementRenderProps = UiElementRenderProps\n> extends ButtonElement<TRenderProps> {\n    public constructor(id: string, config: ButtonElementConfig<TRenderProps>) {\n        super(id, config);\n\n        this.applyPlugins(SmallButtonElement);\n    }\n\n    public override render(props: TRenderProps): React.ReactElement {\n        const Component = BUTTONS[this.getType()];\n        const onClick = this.getOnClick();\n\n        return (\n            <Component small onClick={() => onClick(props)}>\n                {this.getLabel()}\n            </Component>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAGA,IAAMG,OAAO,GAAG;EACZC,OAAO,EAAEC,qBAAa;EACtBC,OAAO,EAAEC,qBAAa;EACtBC,SAAS,EAAEC;AACf,CAAC;AAAC,IAEWC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,0BAAAE,cAAA;EAG3B,SAAAF,mBAAmBG,EAAU,EAAEC,MAAyC,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAZ,OAAA,QAAAM,kBAAA;IACtEK,KAAA,OAAAE,WAAA,CAAAb,OAAA,QAAAM,kBAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKG,YAAY,CAACR,kBAAkB,CAAC;IAAC,OAAAK,KAAA;EAC1C;EAAC,IAAAI,UAAA,CAAAf,OAAA,EAAAM,kBAAA,EAAAE,cAAA;EAAA,WAAAQ,aAAA,CAAAhB,OAAA,EAAAM,kBAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAAmB,EAAsB;MAC5D,IAAMC,SAAS,GAAGtB,OAAO,CAAC,IAAI,CAACuB,OAAO,CAAC,CAAC,CAAC;MACzC,IAAMC,QAAO,GAAG,IAAI,CAACC,UAAU,CAAC,CAAC;MAEjC,oBACI9B,MAAA,CAAAM,OAAA,CAAAyB,aAAA,CAACJ,SAAS;QAACK,KAAK;QAACH,OAAO,EAAE,SAAAA,QAAA;UAAA,OAAMA,QAAO,CAACH,KAAK,CAAC;QAAA;MAAC,GAC1C,IAAI,CAACO,QAAQ,CAAC,CACR,CAAC;IAEpB;EAAC;AAAA,EAhBKC,6BAAa","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Button","_ButtonElement2","BUTTONS","default","ButtonDefault","primary","ButtonPrimary","secondary","ButtonSecondary","SmallButtonElement","exports","_ButtonElement","id","config","_this","_classCallCheck2","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","render","props","Component","getType","onClick","getOnClick","createElement","small","getLabel","ButtonElement"],"sources":["SmallButtonElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { ButtonElement, ButtonElementConfig } from \"~/ui/elements/ButtonElement\";\nimport { UiElementRenderProps } from \"@webiny/ui-composer/UIElement\";\n\nconst BUTTONS = {\n    default: ButtonDefault,\n    primary: ButtonPrimary,\n    secondary: ButtonSecondary\n};\n\nexport class SmallButtonElement<\n    TRenderProps extends UiElementRenderProps = UiElementRenderProps\n> extends ButtonElement<TRenderProps> {\n    public constructor(id: string, config: ButtonElementConfig<TRenderProps>) {\n        super(id, config);\n\n        this.applyPlugins(SmallButtonElement);\n    }\n\n    public override render(props: TRenderProps): React.ReactElement {\n        const Component = BUTTONS[this.getType()];\n        const onClick = this.getOnClick();\n\n        return (\n            <Component small onClick={() => onClick(props)}>\n                {this.getLabel()}\n            </Component>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAGA,IAAMG,OAAO,GAAG;EACZC,OAAO,EAAEC,qBAAa;EACtBC,OAAO,EAAEC,qBAAa;EACtBC,SAAS,EAAEC;AACf,CAAC;AAAC,IAEWC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,0BAAAE,cAAA;EAG3B,SAAAF,mBAAmBG,EAAU,EAAEC,MAAyC,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAZ,OAAA,QAAAM,kBAAA;IACtEK,KAAA,OAAAE,WAAA,CAAAb,OAAA,QAAAM,kBAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKG,YAAY,CAACR,kBAAkB,CAAC;IAAC,OAAAK,KAAA;EAC1C;EAAC,IAAAI,UAAA,CAAAf,OAAA,EAAAM,kBAAA,EAAAE,cAAA;EAAA,WAAAQ,aAAA,CAAAhB,OAAA,EAAAM,kBAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAACC,KAAmB,EAAsB;MAC5D,IAAMC,SAAS,GAAGtB,OAAO,CAAC,IAAI,CAACuB,OAAO,CAAC,CAAC,CAAC;MACzC,IAAMC,QAAO,GAAG,IAAI,CAACC,UAAU,CAAC,CAAC;MAEjC,oBACI9B,MAAA,CAAAM,OAAA,CAAAyB,aAAA,CAACJ,SAAS;QAACK,KAAK;QAACH,OAAO,EAAE,SAATA,OAAOA,CAAA;UAAA,OAAQA,QAAO,CAACH,KAAK,CAAC;QAAA;MAAC,GAC1C,IAAI,CAACO,QAAQ,CAAC,CACR,CAAC;IAEpB;EAAC;AAAA,EAhBKC,6BAAa","ignoreList":[]}

package/ui/elements/TypographyElement.js

@@ -8,8 +8,7 @@ exports.TypographyElement = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _UIElement2 = require("../UIElement");
@@ -39,7 +38,7 @@ var TypographyElement = exports.TypographyElement = /*#__PURE__*/function (_UIEl
     value: function render(props) {
       return /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
         use: this.getTypography()
-      }, (0, _get2.default)((0, _getPrototypeOf2.default)(TypographyElement.prototype), "render", this).call(this, props));
+      }, (0, _superPropGet2.default)(TypographyElement, "render", this, 3)([props]));
     }
   }]);
 }(_UIElement2.UIElement);

package/ui/elements/TypographyElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_Typography","TypographyElement","exports","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","useGrid","applyPlugins","_inherits2","_createClass2","key","value","getTypography","typography","setTypography","render","props","createElement","Typography","use","_get2","_getPrototypeOf2","prototype","call","UIElement"],"sources":["TypographyElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig } from \"../UIElement\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport type TypographyT =\n    | \"headline1\"\n    | \"headline2\"\n    | \"headline3\"\n    | \"headline4\"\n    | \"headline5\"\n    | \"headline6\"\n    | \"subtitle1\"\n    | \"subtitle2\"\n    | \"body1\"\n    | \"body2\"\n    | \"caption\"\n    | \"button\"\n    | \"overline\";\n\ninterface TypographyElementConfig extends UIElementConfig {\n    typography: TypographyT;\n}\n\nexport class TypographyElement extends UIElement<TypographyElementConfig> {\n    constructor(id: string, config: TypographyElementConfig) {\n        super(id, config);\n        this.useGrid(false);\n\n        this.applyPlugins(TypographyElement);\n    }\n\n    public getTypography(): TypographyT {\n        return this.config.typography;\n    }\n\n    public setTypography(typography: TypographyT): void {\n        this.config.typography = typography;\n    }\n\n    public override render(props: any): React.ReactNode {\n        return <Typography use={this.getTypography()}>{super.render(props)}</Typography>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAAmD,IAqBtCG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAAE,UAAA;EAC1B,SAAAF,kBAAYG,EAAU,EAAEC,MAA+B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,iBAAA;IACrDK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,iBAAA,GAAMG,EAAE,EAAEC,MAAM;IAChBC,KAAA,CAAKI,OAAO,CAAC,KAAK,CAAC;IAEnBJ,KAAA,CAAKK,YAAY,CAACV,iBAAiB,CAAC;IAAC,OAAAK,KAAA;EACzC;EAAC,IAAAM,UAAA,CAAAJ,OAAA,EAAAP,iBAAA,EAAAE,UAAA;EAAA,WAAAU,aAAA,CAAAL,OAAA,EAAAP,iBAAA;IAAAa,GAAA;IAAAC,KAAA,EAED,SAAAC,cAAA,EAAoC;MAChC,OAAO,IAAI,CAACX,MAAM,CAACY,UAAU;IACjC;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAG,cAAqBD,UAAuB,EAAQ;MAChD,IAAI,CAACZ,MAAM,CAACY,UAAU,GAAGA,UAAU;IACvC;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,OAAuBC,KAAU,EAAmB;MAChD,oBAAOxB,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACrB,WAAA,CAAAsB,UAAU;QAACC,GAAG,EAAE,IAAI,CAACP,aAAa,CAAC;MAAE,OAAAQ,KAAA,CAAAhB,OAAA,MAAAiB,gBAAA,CAAAjB,OAAA,EAAAP,iBAAA,CAAAyB,SAAA,mBAAAC,IAAA,OAAeP,KAAK,CAAc,CAAC;IACpF;EAAC;AAAA,EAlBkCQ,qBAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_Typography","TypographyElement","exports","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","useGrid","applyPlugins","_inherits2","_createClass2","key","value","getTypography","typography","setTypography","render","props","createElement","Typography","use","_superPropGet2","UIElement"],"sources":["TypographyElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig } from \"../UIElement\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport type TypographyT =\n    | \"headline1\"\n    | \"headline2\"\n    | \"headline3\"\n    | \"headline4\"\n    | \"headline5\"\n    | \"headline6\"\n    | \"subtitle1\"\n    | \"subtitle2\"\n    | \"body1\"\n    | \"body2\"\n    | \"caption\"\n    | \"button\"\n    | \"overline\";\n\ninterface TypographyElementConfig extends UIElementConfig {\n    typography: TypographyT;\n}\n\nexport class TypographyElement extends UIElement<TypographyElementConfig> {\n    constructor(id: string, config: TypographyElementConfig) {\n        super(id, config);\n        this.useGrid(false);\n\n        this.applyPlugins(TypographyElement);\n    }\n\n    public getTypography(): TypographyT {\n        return this.config.typography;\n    }\n\n    public setTypography(typography: TypographyT): void {\n        this.config.typography = typography;\n    }\n\n    public override render(props: any): React.ReactNode {\n        return <Typography use={this.getTypography()}>{super.render(props)}</Typography>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAAmD,IAqBtCG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAAE,UAAA;EAC1B,SAAAF,kBAAYG,EAAU,EAAEC,MAA+B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,iBAAA;IACrDK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,iBAAA,GAAMG,EAAE,EAAEC,MAAM;IAChBC,KAAA,CAAKI,OAAO,CAAC,KAAK,CAAC;IAEnBJ,KAAA,CAAKK,YAAY,CAACV,iBAAiB,CAAC;IAAC,OAAAK,KAAA;EACzC;EAAC,IAAAM,UAAA,CAAAJ,OAAA,EAAAP,iBAAA,EAAAE,UAAA;EAAA,WAAAU,aAAA,CAAAL,OAAA,EAAAP,iBAAA;IAAAa,GAAA;IAAAC,KAAA,EAED,SAAOC,aAAaA,CAAA,EAAgB;MAChC,OAAO,IAAI,CAACX,MAAM,CAACY,UAAU;IACjC;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAOG,aAAaA,CAACD,UAAuB,EAAQ;MAChD,IAAI,CAACZ,MAAM,CAACY,UAAU,GAAGA,UAAU;IACvC;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAgBI,MAAMA,CAACC,KAAU,EAAmB;MAChD,oBAAOxB,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACrB,WAAA,CAAAsB,UAAU;QAACC,GAAG,EAAE,IAAI,CAACP,aAAa,CAAC;MAAE,OAAAQ,cAAA,CAAAhB,OAAA,EAAAP,iBAAA,sBAAemB,KAAK,EAAc,CAAC;IACpF;EAAC;AAAA,EAlBkCK,qBAAS","ignoreList":[]}

package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js

@@ -8,8 +8,7 @@ exports.DynamicFieldsetRowElement = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _UIElement2 = require("../../../UIElement");
 // import styled from "@emotion/styled";
@@ -30,7 +29,7 @@ var DynamicFieldsetRowElement = exports.DynamicFieldsetRowElement = /*#__PURE__*
   return (0, _createClass2.default)(DynamicFieldsetRowElement, [{
     key: "render",
     value: function render(props) {
-      return (0, _get2.default)((0, _getPrototypeOf2.default)(DynamicFieldsetRowElement.prototype), "render", this).call(this, props);
+      return (0, _superPropGet2.default)(DynamicFieldsetRowElement, "render", this, 3)([props]);
       /**
        * TODO @ts-refactor @pavel
        * Why was this left here?

package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_UIElement2","require","DynamicFieldsetRowElement","exports","_UIElement","id","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","render","props","_get2","_getPrototypeOf2","prototype","call","UIElement"],"sources":["DynamicFieldsetRowElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\n// import styled from \"@emotion/styled\";\n\n// const DynamicFieldsetRow = styled(\"div\")({\n//     paddingBottom: 10\n// });\n\n// !GOOD FIRST ISSUE!\n// Extract rendering and styling into a DynamicFieldsetRowElementRenderer class.\n\nexport class DynamicFieldsetRowElement extends UIElement<any> {\n    public constructor(id: string) {\n        super(id);\n\n        this.applyPlugins(DynamicFieldsetRowElement);\n    }\n\n    public override render(props?: UiElementRenderProps): React.ReactNode {\n        return super.render(props);\n        /**\n         * TODO @ts-refactor @pavel\n         * Why was this left here?\n         */\n        // return <DynamicFieldsetRow>{}</DynamicFieldsetRow>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AACA,IAAAA,WAAA,GAAAC,OAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA,IAEaC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,0BAAAE,UAAA;EAClC,SAAAF,0BAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,yBAAA;IAC3BI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,yBAAA,GAAMG,EAAE;IAERC,KAAA,CAAKI,YAAY,CAACR,yBAAyB,CAAC;IAAC,OAAAI,KAAA;EACjD;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAN,yBAAA,EAAAE,UAAA;EAAA,WAAAQ,aAAA,CAAAJ,OAAA,EAAAN,yBAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA4B,EAAmB;MAClE,WAAAC,KAAA,CAAAT,OAAA,MAAAU,gBAAA,CAAAV,OAAA,EAAAN,yBAAA,CAAAiB,SAAA,mBAAAC,IAAA,OAAoBJ,KAAK;MACzB;AACR;AACA;AACA;MACQ;IACJ;EAAC;AAAA,EAd0CK,qBAAS","ignoreList":[]}
+{"version":3,"names":["_UIElement2","require","DynamicFieldsetRowElement","exports","_UIElement","id","_this","_classCallCheck2","default","_callSuper2","applyPlugins","_inherits2","_createClass2","key","value","render","props","_superPropGet2","UIElement"],"sources":["DynamicFieldsetRowElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\n// import styled from \"@emotion/styled\";\n\n// const DynamicFieldsetRow = styled(\"div\")({\n//     paddingBottom: 10\n// });\n\n// !GOOD FIRST ISSUE!\n// Extract rendering and styling into a DynamicFieldsetRowElementRenderer class.\n\nexport class DynamicFieldsetRowElement extends UIElement<any> {\n    public constructor(id: string) {\n        super(id);\n\n        this.applyPlugins(DynamicFieldsetRowElement);\n    }\n\n    public override render(props?: UiElementRenderProps): React.ReactNode {\n        return super.render(props);\n        /**\n         * TODO @ts-refactor @pavel\n         * Why was this left here?\n         */\n        // return <DynamicFieldsetRow>{}</DynamicFieldsetRow>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;AACA,IAAAA,WAAA,GAAAC,OAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA,IAEaC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,0BAAAE,UAAA;EAClC,SAAAF,0BAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,yBAAA;IAC3BI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,yBAAA,GAAMG,EAAE;IAERC,KAAA,CAAKI,YAAY,CAACR,yBAAyB,CAAC;IAAC,OAAAI,KAAA;EACjD;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAN,yBAAA,EAAAE,UAAA;EAAA,WAAAQ,aAAA,CAAAJ,OAAA,EAAAN,yBAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAACC,KAA4B,EAAmB;MAClE,WAAAC,cAAA,CAAAT,OAAA,EAAAN,yBAAA,sBAAoBc,KAAK;MACzB;AACR;AACA;AACA;MACQ;IACJ;EAAC;AAAA,EAd0CE,qBAAS","ignoreList":[]}

package/ui/elements/form/DynamicFieldsetElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_FormFieldElement2","_DynamicFieldset","_Grid","_DynamicFieldsetRowElement","DynamicFieldsetElement","exports","_FormFieldElement","id","config","_this","_classCallCheck2","default","_callSuper2","useGrid","applyPlugins","_inherits2","_createClass2","key","value","getCreateHeaderElement","createHeader","setHeaderElement","element","setCreateHeaderElement","cb","getCreateRowElement","createRow","setCreateRowElement","getCreateEmptyElement","createEmpty","setEmptyElement","setCreateEmptyElement","render","props","_this2","formProps","Error","Bind","createElement","name","getName","defaultValue","getDefaultValue","DynamicFieldset","_ref","actions","header","row","empty","Fragment","headerElement","setParent","_ref2","index","rowElement","DynamicFieldsetRowElement","concat","Grid","emptyElement","FormFieldElement"],"sources":["DynamicFieldsetElement.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    FormFieldElement,\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { DynamicFieldset } from \"@webiny/ui/DynamicFieldset\";\nimport { Grid } from \"@webiny/ui/Grid\";\nimport { DynamicFieldsetRowElement } from \"./DynamicFieldsetElement/DynamicFieldsetRowElement\";\n\ninterface DynamicFieldsetActions {\n    add: (index?: number) => () => void;\n    remove: (index: number) => () => void;\n}\n\ninterface CreateHeaderCallable {\n    (params: { actions: DynamicFieldsetActions }): UIElement;\n}\n\ninterface CreateRowCallable {\n    (params: {\n        actions: DynamicFieldsetActions;\n        index: number;\n        row: DynamicFieldsetRowElement;\n    }): UIElement;\n}\n\ninterface CreateEmptyCallable {\n    (params: { actions: DynamicFieldsetActions }): UIElement;\n}\n\nexport interface DynamicFieldsetElementConfig extends FormFieldElementConfig {\n    createHeader?: CreateHeaderCallable;\n    createRow?: CreateRowCallable;\n    createEmpty?: CreateEmptyCallable;\n}\n\nexport class DynamicFieldsetElement extends FormFieldElement<DynamicFieldsetElementConfig> {\n    public constructor(id: string, config: DynamicFieldsetElementConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n\n        this.applyPlugins(DynamicFieldsetElement);\n    }\n\n    public getCreateHeaderElement() {\n        return this.config.createHeader;\n    }\n\n    public setHeaderElement(element: UIElement): void {\n        this.config.createHeader = () => element;\n    }\n\n    public setCreateHeaderElement(cb: DynamicFieldsetElementConfig[\"createHeader\"]): void {\n        this.config.createHeader = cb;\n    }\n\n    public getCreateRowElement() {\n        return this.config.createRow;\n    }\n\n    public setCreateRowElement(cb: DynamicFieldsetElementConfig[\"createRow\"]): void {\n        this.config.createRow = cb;\n    }\n\n    public getCreateEmptyElement() {\n        return this.config.createEmpty;\n    }\n\n    public setEmptyElement(element: UIElement): void {\n        this.config.createEmpty = () => element;\n    }\n\n    public setCreateEmptyElement(cb: DynamicFieldsetElementConfig[\"createEmpty\"]): void {\n        this.config.createEmpty = cb;\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`DynamicFieldsetElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n        const createHeader = this.getCreateHeaderElement();\n        const createRow = this.getCreateRowElement();\n        const createEmpty = this.getCreateEmptyElement();\n\n        return (\n            <Bind name={this.getName()} defaultValue={this.getDefaultValue(props)}>\n                <DynamicFieldset>\n                    {({ actions, header, row, empty }) => (\n                        <React.Fragment>\n                            {header(() => {\n                                if (!createHeader) {\n                                    return null;\n                                }\n                                const headerElement = createHeader({\n                                    actions: actions as DynamicFieldsetActions\n                                });\n                                // This element is not created via `this.addElement()` API.\n                                // We need to manually give it a parent to enable proper grid rendering.\n                                headerElement && headerElement.setParent(this);\n\n                                return headerElement ? headerElement.render(props) : null;\n                            })}\n                            {row(({ index }) => {\n                                if (!createRow) {\n                                    return null;\n                                }\n                                const rowElement = createRow({\n                                    actions: actions as DynamicFieldsetActions,\n                                    index,\n                                    row: new DynamicFieldsetRowElement(`${this.id}.row.${index}`)\n                                });\n\n                                // This element is not created via `this.addElement()` API.\n                                // We need to manually give it a parent to enable proper grid rendering.\n                                rowElement && rowElement.setParent(this);\n\n                                return rowElement ? <Grid>{rowElement.render(props)}</Grid> : null;\n                            })}\n                            {empty(() => {\n                                if (!createEmpty) {\n                                    return null;\n                                }\n                                const emptyElement = createEmpty({\n                                    actions: actions as DynamicFieldsetActions\n                                });\n\n                                // This element is not created via `this.addElement()` API.\n                                // We need to manually give it a parent to enable proper grid rendering.\n                                emptyElement && emptyElement.setParent(this);\n\n                                return emptyElement ? emptyElement.render(props) : null;\n                            })}\n                        </React.Fragment>\n                    )}\n                </DynamicFieldset>\n            </Bind>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_FormFieldElement2","_DynamicFieldset","_Grid","_DynamicFieldsetRowElement","DynamicFieldsetElement","exports","_FormFieldElement","id","config","_this","_classCallCheck2","default","_callSuper2","useGrid","applyPlugins","_inherits2","_createClass2","key","value","getCreateHeaderElement","createHeader","setHeaderElement","element","setCreateHeaderElement","cb","getCreateRowElement","createRow","setCreateRowElement","getCreateEmptyElement","createEmpty","setEmptyElement","setCreateEmptyElement","render","props","_this2","formProps","Error","Bind","createElement","name","getName","defaultValue","getDefaultValue","DynamicFieldset","_ref","actions","header","row","empty","Fragment","headerElement","setParent","_ref2","index","rowElement","DynamicFieldsetRowElement","concat","Grid","emptyElement","FormFieldElement"],"sources":["DynamicFieldsetElement.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    FormFieldElement,\n    FormFieldElementConfig,\n    FormFieldElementRenderProps\n} from \"~/ui/elements/form/FormFieldElement\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { DynamicFieldset } from \"@webiny/ui/DynamicFieldset\";\nimport { Grid } from \"@webiny/ui/Grid\";\nimport { DynamicFieldsetRowElement } from \"./DynamicFieldsetElement/DynamicFieldsetRowElement\";\n\ninterface DynamicFieldsetActions {\n    add: (index?: number) => () => void;\n    remove: (index: number) => () => void;\n}\n\ninterface CreateHeaderCallable {\n    (params: { actions: DynamicFieldsetActions }): UIElement;\n}\n\ninterface CreateRowCallable {\n    (params: {\n        actions: DynamicFieldsetActions;\n        index: number;\n        row: DynamicFieldsetRowElement;\n    }): UIElement;\n}\n\ninterface CreateEmptyCallable {\n    (params: { actions: DynamicFieldsetActions }): UIElement;\n}\n\nexport interface DynamicFieldsetElementConfig extends FormFieldElementConfig {\n    createHeader?: CreateHeaderCallable;\n    createRow?: CreateRowCallable;\n    createEmpty?: CreateEmptyCallable;\n}\n\nexport class DynamicFieldsetElement extends FormFieldElement<DynamicFieldsetElementConfig> {\n    public constructor(id: string, config: DynamicFieldsetElementConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n\n        this.applyPlugins(DynamicFieldsetElement);\n    }\n\n    public getCreateHeaderElement() {\n        return this.config.createHeader;\n    }\n\n    public setHeaderElement(element: UIElement): void {\n        this.config.createHeader = () => element;\n    }\n\n    public setCreateHeaderElement(cb: DynamicFieldsetElementConfig[\"createHeader\"]): void {\n        this.config.createHeader = cb;\n    }\n\n    public getCreateRowElement() {\n        return this.config.createRow;\n    }\n\n    public setCreateRowElement(cb: DynamicFieldsetElementConfig[\"createRow\"]): void {\n        this.config.createRow = cb;\n    }\n\n    public getCreateEmptyElement() {\n        return this.config.createEmpty;\n    }\n\n    public setEmptyElement(element: UIElement): void {\n        this.config.createEmpty = () => element;\n    }\n\n    public setCreateEmptyElement(cb: DynamicFieldsetElementConfig[\"createEmpty\"]): void {\n        this.config.createEmpty = cb;\n    }\n\n    public override render(props: FormFieldElementRenderProps): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`DynamicFieldsetElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n        const createHeader = this.getCreateHeaderElement();\n        const createRow = this.getCreateRowElement();\n        const createEmpty = this.getCreateEmptyElement();\n\n        return (\n            <Bind name={this.getName()} defaultValue={this.getDefaultValue(props)}>\n                <DynamicFieldset>\n                    {({ actions, header, row, empty }) => (\n                        <React.Fragment>\n                            {header(() => {\n                                if (!createHeader) {\n                                    return null;\n                                }\n                                const headerElement = createHeader({\n                                    actions: actions as DynamicFieldsetActions\n                                });\n                                // This element is not created via `this.addElement()` API.\n                                // We need to manually give it a parent to enable proper grid rendering.\n                                headerElement && headerElement.setParent(this);\n\n                                return headerElement ? headerElement.render(props) : null;\n                            })}\n                            {row(({ index }) => {\n                                if (!createRow) {\n                                    return null;\n                                }\n                                const rowElement = createRow({\n                                    actions: actions as DynamicFieldsetActions,\n                                    index,\n                                    row: new DynamicFieldsetRowElement(`${this.id}.row.${index}`)\n                                });\n\n                                // This element is not created via `this.addElement()` API.\n                                // We need to manually give it a parent to enable proper grid rendering.\n                                rowElement && rowElement.setParent(this);\n\n                                return rowElement ? <Grid>{rowElement.render(props)}</Grid> : null;\n                            })}\n                            {empty(() => {\n                                if (!createEmpty) {\n                                    return null;\n                                }\n                                const emptyElement = createEmpty({\n                                    actions: actions as DynamicFieldsetActions\n                                });\n\n                                // This element is not created via `this.addElement()` API.\n                                // We need to manually give it a parent to enable proper grid rendering.\n                                emptyElement && emptyElement.setParent(this);\n\n                                return emptyElement ? emptyElement.render(props) : null;\n                            })}\n                        </React.Fragment>\n                    )}\n                </DynamicFieldset>\n            </Bind>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_UIRenderer2","Ui","_interopRequireWildcard","_components","_styled","_attach_file","_Typography","_close","EmptyStateElementRenderer","exports","_UIRenderer","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","props","accept","fileManagerElement","getAccept","acceptsOnlyImages","every","el","startsWith","createElement","Image","placeholder","renderImagePreview","renderImageProps","style","width","height","uploadImage","showFileManager","removeImage","onChange","FilePreviewWrapper","src","split","pop","RemoveImage","onClick","ReactComponent","AddImageWrapper","AddImageIconWrapper","Typography","use","UIRenderer"],"sources":["EmptyStateElementRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { EmptyStateElement } from \"./EmptyStateElement\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\nimport * as Ui from \"@webiny/ui/ImageUpload\";\nimport { Image } from \"@webiny/app/components\";\nimport { FileManagerElementRenderProps } from \"~/ui/elements/form/FileManagerElement/FileManagerElementRenderer\";\nimport { AddImageIconWrapper, AddImageWrapper, FilePreviewWrapper, RemoveImage } from \"./styled\";\nimport { ReactComponent as AddFileIcon } from \"@material-design-icons/svg/outlined/attach_file.svg\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ReactComponent as RemoveImageIcon } from \"@material-design-icons/svg/outlined/close.svg\";\n\nexport class EmptyStateElementRenderer extends UIRenderer<\n    EmptyStateElement,\n    FileManagerElementRenderProps\n> {\n    public override render({\n        props\n    }: UIRenderParams<EmptyStateElement, FileManagerElementRenderProps>): React.ReactNode {\n        const accept = props.fileManagerElement.getAccept();\n        const acceptsOnlyImages = !accept || accept.every(el => el.startsWith(\"image/\"));\n\n        if (acceptsOnlyImages) {\n            return (\n                <Ui.Image\n                    placeholder={\"Select an image\"}\n                    renderImagePreview={renderImageProps => <Image {...renderImageProps} />}\n                    style={{ width: \"100%\", height: \"auto\" }}\n                    value={props.value}\n                    uploadImage={props.showFileManager}\n                    removeImage={props.onChange}\n                />\n            );\n        }\n\n        if (props.value) {\n            return (\n                <FilePreviewWrapper>\n                    <span>\n                        Attached file: <strong>{props.value.src.split(\"/\").pop()}</strong>\n                    </span>\n\n                    <RemoveImage onClick={() => props.onChange(null)}>\n                        <RemoveImageIcon />\n                    </RemoveImage>\n\n                    <AddImageWrapper data-role={\"select-file\"} onClick={props.showFileManager}>\n                        <AddImageIconWrapper>\n                            <AddFileIcon />\n                            <Typography use={\"caption\"}>Select a file</Typography>\n                        </AddImageIconWrapper>\n                    </AddImageWrapper>\n                </FilePreviewWrapper>\n            );\n        }\n\n        return (\n            <AddImageWrapper data-role={\"select-file\"} onClick={props.showFileManager}>\n                <AddImageIconWrapper>\n                    <AddFileIcon />\n                    <Typography use={\"caption\"}>Select a file</Typography>\n                </AddImageIconWrapper>\n            </AddImageWrapper>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_UIRenderer2","Ui","_interopRequireWildcard","_components","_styled","_attach_file","_Typography","_close","EmptyStateElementRenderer","exports","_UIRenderer","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","props","accept","fileManagerElement","getAccept","acceptsOnlyImages","every","el","startsWith","createElement","Image","placeholder","renderImagePreview","renderImageProps","style","width","height","uploadImage","showFileManager","removeImage","onChange","FilePreviewWrapper","src","split","pop","RemoveImage","onClick","ReactComponent","AddImageWrapper","AddImageIconWrapper","Typography","use","UIRenderer"],"sources":["EmptyStateElementRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { EmptyStateElement } from \"./EmptyStateElement\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\nimport * as Ui from \"@webiny/ui/ImageUpload\";\nimport { Image } from \"@webiny/app/components\";\nimport { FileManagerElementRenderProps } from \"~/ui/elements/form/FileManagerElement/FileManagerElementRenderer\";\nimport { AddImageIconWrapper, AddImageWrapper, FilePreviewWrapper, RemoveImage } from \"./styled\";\nimport { ReactComponent as AddFileIcon } from \"@material-design-icons/svg/outlined/attach_file.svg\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ReactComponent as RemoveImageIcon } from \"@material-design-icons/svg/outlined/close.svg\";\n\nexport class EmptyStateElementRenderer extends UIRenderer<\n    EmptyStateElement,\n    FileManagerElementRenderProps\n> {\n    public override render({\n        props\n    }: UIRenderParams<EmptyStateElement, FileManagerElementRenderProps>): React.ReactNode {\n        const accept = props.fileManagerElement.getAccept();\n        const acceptsOnlyImages = !accept || accept.every(el => el.startsWith(\"image/\"));\n\n        if (acceptsOnlyImages) {\n            return (\n                <Ui.Image\n                    placeholder={\"Select an image\"}\n                    renderImagePreview={renderImageProps => <Image {...renderImageProps} />}\n                    style={{ width: \"100%\", height: \"auto\" }}\n                    value={props.value}\n                    uploadImage={props.showFileManager}\n                    removeImage={props.onChange}\n                />\n            );\n        }\n\n        if (props.value) {\n            return (\n                <FilePreviewWrapper>\n                    <span>\n                        Attached file: <strong>{props.value.src.split(\"/\").pop()}</strong>\n                    </span>\n\n                    <RemoveImage onClick={() => props.onChange(null)}>\n                        <RemoveImageIcon />\n                    </RemoveImage>\n\n                    <AddImageWrapper data-role={\"select-file\"} onClick={props.showFileManager}>\n                        <AddImageIconWrapper>\n                            <AddFileIcon />\n                            <Typography use={\"caption\"}>Select a file</Typography>\n                        </AddImageIconWrapper>\n                    </AddImageWrapper>\n                </FilePreviewWrapper>\n            );\n        }\n\n        return (\n            <AddImageWrapper data-role={\"select-file\"} onClick={props.showFileManager}>\n                <AddImageIconWrapper>\n                    <AddFileIcon />\n                    <Typography use={\"caption\"}>Select a file</Typography>\n                </AddImageIconWrapper>\n            </AddImageWrapper>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_UIRenderer2","_FormElementMessage","_FileManager","_EMOTION_STRINGIFIED_CSS_ERROR__","ImageUploadWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","FileManagerElementRenderer","exports","_UIRenderer","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","element","props","formProps","Error","Bind","accept","getAccept","getLabel","description","getDescription","createElement","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","cb","onBeforeChange","afterChange","form","onAfterChange","_ref2","onChange","validation","className","FileManager","id","src","images","maxSize","getMaxSize","_ref3","showFileManager","getEmptyStateElement","_objectSpread2","fileManagerElement","isValid","FormElementMessage","error","message","UIRenderer"],"sources":["FileManagerElementRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { FileManagerElement } from \"~/ui/elements/form/FileManagerElement\";\nimport { FileManager, FileManagerFileItem } from \"~/base/ui/FileManager\";\nimport { FormFieldElementRenderProps } from \"~/ui/elements/form/FormFieldElement\";\n\nconst ImageUploadWrapper = styled(\"div\")({\n    position: \"relative\",\n    \".disabled\": {\n        opacity: 0.75,\n        pointerEvents: \"none\"\n    },\n    \".mdc-floating-label--float-above\": {\n        transform: \"scale(0.75)\",\n        top: 10,\n        left: 10,\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    },\n    \".mdc-text-field-helper-text\": {\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    }\n});\n\nexport interface FileManagerElementRenderProps extends FormFieldElementRenderProps {\n    fileManagerElement: FileManagerElement;\n    value: any;\n    showFileManager: () => void;\n    onChange: (value: any) => void;\n}\n\nexport class FileManagerElementRenderer extends UIRenderer<\n    FileManagerElement,\n    FormFieldElementRenderProps\n> {\n    public override render({\n        element,\n        props\n    }: UIRenderParams<FileManagerElement, FormFieldElementRenderProps>): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`FileManagerElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        const accept = element.getAccept();\n        const label = element.getLabel(props);\n        const description = element.getDescription(props);\n\n        return (\n            <Bind\n                name={element.getName()}\n                validators={element.getValidators(props)}\n                defaultValue={element.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => element.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => element.onAfterChange(value, form)}\n            >\n                {({ value, onChange, validation }) => (\n                    <ImageUploadWrapper>\n                        {label && (\n                            <div className=\"mdc-floating-label mdc-floating-label--float-above\">\n                                {label}\n                            </div>\n                        )}\n\n                        <FileManager\n                            onChange={(value: FileManagerFileItem | null) =>\n                                onChange(value ? { id: value.id, src: value.src } : null)\n                            }\n                            accept={accept}\n                            images={!accept}\n                            maxSize={element.getMaxSize()}\n                            render={({ showFileManager }) =>\n                                element.getEmptyStateElement().render({\n                                    ...props,\n                                    fileManagerElement: element,\n                                    showFileManager,\n                                    value,\n                                    onChange: (value: FileManagerFileItem | null) =>\n                                        onChange(value ? { id: value.id, src: value.src } : null)\n                                })\n                            }\n                        />\n\n                        {validation.isValid === false && (\n                            <FormElementMessage error>{validation.message}</FormElementMessage>\n                        )}\n                        {validation.isValid !== false && description && (\n                            <FormElementMessage>{description}</FormElementMessage>\n                        )}\n                    </ImageUploadWrapper>\n                )}\n            </Bind>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_UIRenderer2","_FormElementMessage","_FileManager","_EMOTION_STRINGIFIED_CSS_ERROR__","ImageUploadWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","FileManagerElementRenderer","exports","_UIRenderer","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","element","props","formProps","Error","Bind","accept","getAccept","getLabel","description","getDescription","createElement","getName","validators","getValidators","defaultValue","getDefaultValue","beforeChange","cb","onBeforeChange","afterChange","form","onAfterChange","_ref2","onChange","validation","className","FileManager","id","src","images","maxSize","getMaxSize","_ref3","showFileManager","getEmptyStateElement","_objectSpread2","fileManagerElement","isValid","FormElementMessage","error","message","UIRenderer"],"sources":["FileManagerElementRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { FileManagerElement } from \"~/ui/elements/form/FileManagerElement\";\nimport { FileManager, FileManagerFileItem } from \"~/base/ui/FileManager\";\nimport { FormFieldElementRenderProps } from \"~/ui/elements/form/FormFieldElement\";\n\nconst ImageUploadWrapper = styled(\"div\")({\n    position: \"relative\",\n    \".disabled\": {\n        opacity: 0.75,\n        pointerEvents: \"none\"\n    },\n    \".mdc-floating-label--float-above\": {\n        transform: \"scale(0.75)\",\n        top: 10,\n        left: 10,\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    },\n    \".mdc-text-field-helper-text\": {\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    }\n});\n\nexport interface FileManagerElementRenderProps extends FormFieldElementRenderProps {\n    fileManagerElement: FileManagerElement;\n    value: any;\n    showFileManager: () => void;\n    onChange: (value: any) => void;\n}\n\nexport class FileManagerElementRenderer extends UIRenderer<\n    FileManagerElement,\n    FormFieldElementRenderProps\n> {\n    public override render({\n        element,\n        props\n    }: UIRenderParams<FileManagerElement, FormFieldElementRenderProps>): React.ReactNode {\n        if (!props.formProps) {\n            throw Error(`FileManagerElement must be placed inside of a FormElement.`);\n        }\n\n        const { Bind } = props.formProps;\n\n        const accept = element.getAccept();\n        const label = element.getLabel(props);\n        const description = element.getDescription(props);\n\n        return (\n            <Bind\n                name={element.getName()}\n                validators={element.getValidators(props)}\n                defaultValue={element.getDefaultValue(props)}\n                beforeChange={(value: string, cb) => element.onBeforeChange(value, cb)}\n                afterChange={(value: string, form) => element.onAfterChange(value, form)}\n            >\n                {({ value, onChange, validation }) => (\n                    <ImageUploadWrapper>\n                        {label && (\n                            <div className=\"mdc-floating-label mdc-floating-label--float-above\">\n                                {label}\n                            </div>\n                        )}\n\n                        <FileManager\n                            onChange={(value: FileManagerFileItem | null) =>\n                                onChange(value ? { id: value.id, src: value.src } : null)\n                            }\n                            accept={accept}\n                            images={!accept}\n                            maxSize={element.getMaxSize()}\n                            render={({ showFileManager }) =>\n                                element.getEmptyStateElement().render({\n                                    ...props,\n                                    fileManagerElement: element,\n                                    showFileManager,\n                                    value,\n                                    onChange: (value: FileManagerFileItem | null) =>\n                                        onChange(value ? { id: value.id, src: value.src } : null)\n                                })\n                            }\n                        />\n\n                        {validation.isValid === false && (\n                            <FormElementMessage error>{validation.message}</FormElementMessage>\n                        )}\n                        {validation.isValid !== false && description && (\n                            <FormElementMessage>{description}</FormElementMessage>\n                        )}\n                    </ImageUploadWrapper>\n                )}\n            </Bind>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/ui/elements/form/FileManagerElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_FormFieldElement2","require","_FileManagerElementRenderer","_EmptyStateElement","FileManagerElement","exports","_FormFieldElement","id","config","_this","_classCallCheck2","default","_callSuper2","addRenderer","FileManagerElementRenderer","_emptyStateElement","EmptyStateElement","applyPlugins","_inherits2","_createClass2","key","value","getEmptyStateElement","getAccept","accept","setAccept","getMaxSize","maxSize","setMaxSize","getMultipleMaxCount","multipleMaxCount","setMultipleMaxCount","getMultipleMaxSize","multipleMaxSize","setMultipleMaxSize","getOnChangePickAttributes","onChangePickAttributes","setOnChangePickAttributes","attributes","FormFieldElement"],"sources":["FileManagerElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\nimport { FormFieldElement, FormFieldElementConfig } from \"./FormFieldElement\";\nimport { FileManagerElementRenderer } from \"./FileManagerElement/FileManagerElementRenderer\";\nimport { EmptyStateElement } from \"./FileManagerElement/EmptyStateElement\";\n\nexport interface FileManagerElementConfig extends FormFieldElementConfig {\n    // Define mime types that will be shown and accepted by FileManager\n    accept?: string[];\n\n    // Define file's max allowed size (default is \"10mb\").\n    // Uses \"bytes\" (https://www.npmjs.com/package/bytes) library to convert string notation to actual number.\n    maxSize?: number | string;\n\n    // Max number of files in a single batch.\n    multipleMaxCount?: number;\n\n    // Max size of files in a single batch.\n    multipleMaxSize?: number | string;\n\n    // Define properties that are returned on file(s) selection.\n    onChangePickAttributes?: string[];\n\n    // Define whether multiple files can be selected1.\n    // TODO: multiple?: boolean; - create a new renderer for \"multiple=true\" to render multiple files\n    // It should work as in Headless CMS content entry form, see that for an example.\n}\n\nexport class FileManagerElement extends FormFieldElement<FileManagerElementConfig> {\n    private readonly _emptyStateElement: UIElement;\n\n    public constructor(id: string, config: FileManagerElementConfig) {\n        super(id, config);\n\n        this.addRenderer(new FileManagerElementRenderer());\n\n        this._emptyStateElement = new EmptyStateElement(\"emptyState\");\n\n        this.applyPlugins(FileManagerElement);\n    }\n\n    public getEmptyStateElement() {\n        return this._emptyStateElement;\n    }\n\n    public getAccept() {\n        return this.config.accept;\n    }\n\n    public setAccept(accept: string[]) {\n        this.config.accept = accept;\n    }\n\n    public getMaxSize() {\n        return this.config.maxSize;\n    }\n\n    public setMaxSize(maxSize: number | string) {\n        this.config.maxSize = maxSize;\n    }\n\n    public getMultipleMaxCount() {\n        return this.config.multipleMaxCount;\n    }\n\n    public setMultipleMaxCount(multipleMaxCount: number) {\n        this.config.multipleMaxCount = multipleMaxCount;\n    }\n\n    public getMultipleMaxSize() {\n        return this.config.multipleMaxSize;\n    }\n\n    public setMultipleMaxSize(multipleMaxSize: number | string) {\n        this.config.multipleMaxSize = multipleMaxSize;\n    }\n\n    public getOnChangePickAttributes() {\n        return this.config.onChangePickAttributes;\n    }\n\n    public setOnChangePickAttributes(attributes: string[]) {\n        this.config.onChangePickAttributes = attributes;\n    }\n}\n"],"mappings":";;;;;;;;;;;AACA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,2BAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAA2E,IAwB9DG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,0BAAAE,iBAAA;EAG3B,SAAAF,mBAAmBG,EAAU,EAAEC,MAAgC,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,kBAAA;IAC7DK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,kBAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,WAAW,CAAC,IAAIC,sDAA0B,CAAC,CAAC,CAAC;IAElDL,KAAA,CAAKM,kBAAkB,GAAG,IAAIC,oCAAiB,CAAC,YAAY,CAAC;IAE7DP,KAAA,CAAKQ,YAAY,CAACb,kBAAkB,CAAC;IAAC,OAAAK,KAAA;EAC1C;EAAC,IAAAS,UAAA,CAAAP,OAAA,EAAAP,kBAAA,EAAAE,iBAAA;EAAA,WAAAa,aAAA,CAAAR,OAAA,EAAAP,kBAAA;IAAAgB,GAAA;IAAAC,KAAA,EAED,SAAAC,qBAAA,EAA8B;MAC1B,OAAO,IAAI,CAACP,kBAAkB;IAClC;EAAC;IAAAK,GAAA;IAAAC,KAAA,EAED,SAAAE,UAAA,EAAmB;MACf,OAAO,IAAI,CAACf,MAAM,CAACgB,MAAM;IAC7B;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAAI,UAAiBD,MAAgB,EAAE;MAC/B,IAAI,CAAChB,MAAM,CAACgB,MAAM,GAAGA,MAAM;IAC/B;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAAK,WAAA,EAAoB;MAChB,OAAO,IAAI,CAAClB,MAAM,CAACmB,OAAO;IAC9B;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAAO,WAAkBD,OAAwB,EAAE;MACxC,IAAI,CAACnB,MAAM,CAACmB,OAAO,GAAGA,OAAO;IACjC;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAAQ,oBAAA,EAA6B;MACzB,OAAO,IAAI,CAACrB,MAAM,CAACsB,gBAAgB;IACvC;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,oBAA2BD,gBAAwB,EAAE;MACjD,IAAI,CAACtB,MAAM,CAACsB,gBAAgB,GAAGA,gBAAgB;IACnD;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAW,mBAAA,EAA4B;MACxB,OAAO,IAAI,CAACxB,MAAM,CAACyB,eAAe;IACtC;EAAC;IAAAb,GAAA;IAAAC,KAAA,EAED,SAAAa,mBAA0BD,eAAgC,EAAE;MACxD,IAAI,CAACzB,MAAM,CAACyB,eAAe,GAAGA,eAAe;IACjD;EAAC;IAAAb,GAAA;IAAAC,KAAA,EAED,SAAAc,0BAAA,EAAmC;MAC/B,OAAO,IAAI,CAAC3B,MAAM,CAAC4B,sBAAsB;IAC7C;EAAC;IAAAhB,GAAA;IAAAC,KAAA,EAED,SAAAgB,0BAAiCC,UAAoB,EAAE;MACnD,IAAI,CAAC9B,MAAM,CAAC4B,sBAAsB,GAAGE,UAAU;IACnD;EAAC;AAAA,EAvDmCC,mCAAgB","ignoreList":[]}
+{"version":3,"names":["_FormFieldElement2","require","_FileManagerElementRenderer","_EmptyStateElement","FileManagerElement","exports","_FormFieldElement","id","config","_this","_classCallCheck2","default","_callSuper2","addRenderer","FileManagerElementRenderer","_emptyStateElement","EmptyStateElement","applyPlugins","_inherits2","_createClass2","key","value","getEmptyStateElement","getAccept","accept","setAccept","getMaxSize","maxSize","setMaxSize","getMultipleMaxCount","multipleMaxCount","setMultipleMaxCount","getMultipleMaxSize","multipleMaxSize","setMultipleMaxSize","getOnChangePickAttributes","onChangePickAttributes","setOnChangePickAttributes","attributes","FormFieldElement"],"sources":["FileManagerElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\nimport { FormFieldElement, FormFieldElementConfig } from \"./FormFieldElement\";\nimport { FileManagerElementRenderer } from \"./FileManagerElement/FileManagerElementRenderer\";\nimport { EmptyStateElement } from \"./FileManagerElement/EmptyStateElement\";\n\nexport interface FileManagerElementConfig extends FormFieldElementConfig {\n    // Define mime types that will be shown and accepted by FileManager\n    accept?: string[];\n\n    // Define file's max allowed size (default is \"10mb\").\n    // Uses \"bytes\" (https://www.npmjs.com/package/bytes) library to convert string notation to actual number.\n    maxSize?: number | string;\n\n    // Max number of files in a single batch.\n    multipleMaxCount?: number;\n\n    // Max size of files in a single batch.\n    multipleMaxSize?: number | string;\n\n    // Define properties that are returned on file(s) selection.\n    onChangePickAttributes?: string[];\n\n    // Define whether multiple files can be selected1.\n    // TODO: multiple?: boolean; - create a new renderer for \"multiple=true\" to render multiple files\n    // It should work as in Headless CMS content entry form, see that for an example.\n}\n\nexport class FileManagerElement extends FormFieldElement<FileManagerElementConfig> {\n    private readonly _emptyStateElement: UIElement;\n\n    public constructor(id: string, config: FileManagerElementConfig) {\n        super(id, config);\n\n        this.addRenderer(new FileManagerElementRenderer());\n\n        this._emptyStateElement = new EmptyStateElement(\"emptyState\");\n\n        this.applyPlugins(FileManagerElement);\n    }\n\n    public getEmptyStateElement() {\n        return this._emptyStateElement;\n    }\n\n    public getAccept() {\n        return this.config.accept;\n    }\n\n    public setAccept(accept: string[]) {\n        this.config.accept = accept;\n    }\n\n    public getMaxSize() {\n        return this.config.maxSize;\n    }\n\n    public setMaxSize(maxSize: number | string) {\n        this.config.maxSize = maxSize;\n    }\n\n    public getMultipleMaxCount() {\n        return this.config.multipleMaxCount;\n    }\n\n    public setMultipleMaxCount(multipleMaxCount: number) {\n        this.config.multipleMaxCount = multipleMaxCount;\n    }\n\n    public getMultipleMaxSize() {\n        return this.config.multipleMaxSize;\n    }\n\n    public setMultipleMaxSize(multipleMaxSize: number | string) {\n        this.config.multipleMaxSize = multipleMaxSize;\n    }\n\n    public getOnChangePickAttributes() {\n        return this.config.onChangePickAttributes;\n    }\n\n    public setOnChangePickAttributes(attributes: string[]) {\n        this.config.onChangePickAttributes = attributes;\n    }\n}\n"],"mappings":";;;;;;;;;;;AACA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,2BAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAA2E,IAwB9DG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,0BAAAE,iBAAA;EAG3B,SAAAF,mBAAmBG,EAAU,EAAEC,MAAgC,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,kBAAA;IAC7DK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,kBAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,WAAW,CAAC,IAAIC,sDAA0B,CAAC,CAAC,CAAC;IAElDL,KAAA,CAAKM,kBAAkB,GAAG,IAAIC,oCAAiB,CAAC,YAAY,CAAC;IAE7DP,KAAA,CAAKQ,YAAY,CAACb,kBAAkB,CAAC;IAAC,OAAAK,KAAA;EAC1C;EAAC,IAAAS,UAAA,CAAAP,OAAA,EAAAP,kBAAA,EAAAE,iBAAA;EAAA,WAAAa,aAAA,CAAAR,OAAA,EAAAP,kBAAA;IAAAgB,GAAA;IAAAC,KAAA,EAED,SAAOC,oBAAoBA,CAAA,EAAG;MAC1B,OAAO,IAAI,CAACP,kBAAkB;IAClC;EAAC;IAAAK,GAAA;IAAAC,KAAA,EAED,SAAOE,SAASA,CAAA,EAAG;MACf,OAAO,IAAI,CAACf,MAAM,CAACgB,MAAM;IAC7B;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAOI,SAASA,CAACD,MAAgB,EAAE;MAC/B,IAAI,CAAChB,MAAM,CAACgB,MAAM,GAAGA,MAAM;IAC/B;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAOK,UAAUA,CAAA,EAAG;MAChB,OAAO,IAAI,CAAClB,MAAM,CAACmB,OAAO;IAC9B;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAOO,UAAUA,CAACD,OAAwB,EAAE;MACxC,IAAI,CAACnB,MAAM,CAACmB,OAAO,GAAGA,OAAO;IACjC;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAOQ,mBAAmBA,CAAA,EAAG;MACzB,OAAO,IAAI,CAACrB,MAAM,CAACsB,gBAAgB;IACvC;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAOU,mBAAmBA,CAACD,gBAAwB,EAAE;MACjD,IAAI,CAACtB,MAAM,CAACsB,gBAAgB,GAAGA,gBAAgB;IACnD;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAOW,kBAAkBA,CAAA,EAAG;MACxB,OAAO,IAAI,CAACxB,MAAM,CAACyB,eAAe;IACtC;EAAC;IAAAb,GAAA;IAAAC,KAAA,EAED,SAAOa,kBAAkBA,CAACD,eAAgC,EAAE;MACxD,IAAI,CAACzB,MAAM,CAACyB,eAAe,GAAGA,eAAe;IACjD;EAAC;IAAAb,GAAA;IAAAC,KAAA,EAED,SAAOc,yBAAyBA,CAAA,EAAG;MAC/B,OAAO,IAAI,CAAC3B,MAAM,CAAC4B,sBAAsB;IAC7C;EAAC;IAAAhB,GAAA;IAAAC,KAAA,EAED,SAAOgB,yBAAyBA,CAACC,UAAoB,EAAE;MACnD,IAAI,CAAC9B,MAAM,CAAC4B,sBAAsB,GAAGE,UAAU;IACnD;EAAC;AAAA,EAvDmCC,mCAAgB","ignoreList":[]}

package/ui/elements/form/FormElement.js

@@ -10,8 +10,7 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireWildcard(require("react"));
 var _form = require("@webiny/form");
@@ -33,9 +32,9 @@ var FormElement = exports.FormElement = /*#__PURE__*/function (_UIElement) {
         onSubmit: this.config.onSubmit,
         data: this.config.getData()
       }, function (formProps) {
-        return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, (0, _get2.default)((0, _getPrototypeOf2.default)(FormElement.prototype), "render", _this2).call(_this2, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+        return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, (0, _superPropGet2.default)(FormElement, "render", _this2, 3)([(0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
           formProps: formProps
-        })));
+        })]));
       });
     }
   }]);

package/ui/elements/form/FormElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_form","_UIElement2","FormElement","exports","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","_this2","createElement","Form","onSubmit","data","getData","formProps","Fragment","_get2","_getPrototypeOf2","prototype","call","_objectSpread2","UIElement"],"sources":["FormElement.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { Form, FormOnSubmit, FormRenderPropParams } from \"@webiny/form\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\n\ninterface FormElementConfig extends UIElementConfig {\n    onSubmit: FormOnSubmit;\n    getData(): Record<string, any>;\n    getInvalidFields?(): Record<string, any>;\n    isDisabled?(): boolean;\n    onChange?: FormOnSubmit;\n    onInvalid?: () => void;\n    submitOnEnter?: boolean;\n    validateOnFirstSubmit?: boolean;\n}\n\nexport interface FormElementRenderProps extends UiElementRenderProps {\n    formProps: FormRenderPropParams;\n}\n\nexport class FormElement extends UIElement<FormElementConfig> {\n    public constructor(id: string, config: FormElementConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: FormElementRenderProps): React.ReactNode {\n        return (\n            <Form onSubmit={this.config.onSubmit} data={this.config.getData()}>\n                {formProps => <Fragment>{super.render({ ...props, formProps })}</Fragment>}\n            </Form>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAAkF,IAiBrEG,WAAW,GAAAC,OAAA,CAAAD,WAAA,0BAAAE,UAAA;EACpB,SAAAF,YAAmBG,EAAU,EAAEC,MAAyB,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,WAAA;IACtDK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,WAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAJ,KAAA;EACxB;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,WAAA,EAAAE,UAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,WAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA6B,EAAmB;MAAA,IAAAC,MAAA;MACnE,oBACIrB,MAAA,CAAAY,OAAA,CAAAU,aAAA,CAACnB,KAAA,CAAAoB,IAAI;QAACC,QAAQ,EAAE,IAAI,CAACf,MAAM,CAACe,QAAS;QAACC,IAAI,EAAE,IAAI,CAAChB,MAAM,CAACiB,OAAO,CAAC;MAAE,GAC7D,UAAAC,SAAS;QAAA,oBAAI3B,MAAA,CAAAY,OAAA,CAAAU,aAAA,CAACtB,MAAA,CAAA4B,QAAQ,YAAAC,KAAA,CAAAjB,OAAA,MAAAkB,gBAAA,CAAAlB,OAAA,EAAAP,WAAA,CAAA0B,SAAA,aAAAV,MAAA,EAAAW,IAAA,CAAAX,MAAA,MAAAY,cAAA,CAAArB,OAAA,MAAAqB,cAAA,CAAArB,OAAA,MAAoBQ,KAAK;UAAEO,SAAS,EAATA;QAAS,GAAc,CAAC;MAAA,CACxE,CAAC;IAEf;EAAC;AAAA,EAb4BO,qBAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_form","_UIElement2","FormElement","exports","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","_this2","createElement","Form","onSubmit","data","getData","formProps","Fragment","_superPropGet2","_objectSpread2","UIElement"],"sources":["FormElement.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { Form, FormOnSubmit, FormRenderPropParams } from \"@webiny/form\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\n\ninterface FormElementConfig extends UIElementConfig {\n    onSubmit: FormOnSubmit;\n    getData(): Record<string, any>;\n    getInvalidFields?(): Record<string, any>;\n    isDisabled?(): boolean;\n    onChange?: FormOnSubmit;\n    onInvalid?: () => void;\n    submitOnEnter?: boolean;\n    validateOnFirstSubmit?: boolean;\n}\n\nexport interface FormElementRenderProps extends UiElementRenderProps {\n    formProps: FormRenderPropParams;\n}\n\nexport class FormElement extends UIElement<FormElementConfig> {\n    public constructor(id: string, config: FormElementConfig) {\n        super(id, config);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: FormElementRenderProps): React.ReactNode {\n        return (\n            <Form onSubmit={this.config.onSubmit} data={this.config.getData()}>\n                {formProps => <Fragment>{super.render({ ...props, formProps })}</Fragment>}\n            </Form>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAAkF,IAiBrEG,WAAW,GAAAC,OAAA,CAAAD,WAAA,0BAAAE,UAAA;EACpB,SAAAF,YAAmBG,EAAU,EAAEC,MAAyB,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,WAAA;IACtDK,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAP,WAAA,GAAMG,EAAE,EAAEC,MAAM;IAEhBC,KAAA,CAAKI,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAJ,KAAA;EACxB;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAP,WAAA,EAAAE,UAAA;EAAA,WAAAS,aAAA,CAAAJ,OAAA,EAAAP,WAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAACC,KAA6B,EAAmB;MAAA,IAAAC,MAAA;MACnE,oBACIrB,MAAA,CAAAY,OAAA,CAAAU,aAAA,CAACnB,KAAA,CAAAoB,IAAI;QAACC,QAAQ,EAAE,IAAI,CAACf,MAAM,CAACe,QAAS;QAACC,IAAI,EAAE,IAAI,CAAChB,MAAM,CAACiB,OAAO,CAAC;MAAE,GAC7D,UAAAC,SAAS;QAAA,oBAAI3B,MAAA,CAAAY,OAAA,CAAAU,aAAA,CAACtB,MAAA,CAAA4B,QAAQ,YAAAC,cAAA,CAAAjB,OAAA,EAAAP,WAAA,YAAAgB,MAAA,UAAAS,cAAA,CAAAlB,OAAA,MAAAkB,cAAA,CAAAlB,OAAA,MAAoBQ,KAAK;UAAEO,SAAS,EAATA;QAAS,IAAc,CAAC;MAAA,CACxE,CAAC;IAEf;EAAC;AAAA,EAb4BI,qBAAS","ignoreList":[]}