@gooddata/sdk-ui-kit 10.38.0-alpha.2 → 10.39.0-alpha.1

package/esm/List/MultiSelectListItem.js

@@ -1,38 +1,34 @@
 // (C) 2007-2025 GoodData Corporation
-import React, { PureComponent } from "react";
+import React, { memo, useCallback, useMemo } from "react";
 import { FormattedMessage } from "react-intl";
 import cx from "classnames";
 import { stringUtils } from "@gooddata/util";
 /**
  * @internal
  */
-export class MultiSelectListItem extends PureComponent {
-    render() {
-        const { title, onClick, onMouseOver, onMouseOut, isSelected } = this.props;
-        return (React.createElement("div", { className: this.getClassNames(), onClick: onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut },
-            React.createElement("label", { className: "input-checkbox-label" },
-                React.createElement("input", { type: "checkbox", className: "input-checkbox", readOnly: true, checked: isSelected }),
-                React.createElement("span", { className: "input-label-text" }, title)),
-            this.renderOnly()));
-    }
-    getClassNames = () => {
-        const { title, isSelected } = this.props;
+export const MultiSelectListItem = memo(function MultiSelectListItem({ title, onClick, onMouseOver, onMouseOut, isSelected, onOnly, }) {
+    const classNames = useMemo(() => {
         return cx({
             "gd-list-item": true,
             [`s-${stringUtils.simplifyText(title)}`]: true,
             "has-only-visible": true,
             "is-selected": isSelected,
         });
-    };
-    renderOnly = () => {
-        const { onOnly } = this.props;
-        return (React.createElement("span", { className: "gd-list-item-only", onClick: (e) => {
-                e.stopPropagation();
-                if (onOnly) {
-                    onOnly();
-                }
-            } },
+    }, [title, isSelected]);
+    const handleOnlyClick = useCallback((e) => {
+        e.stopPropagation();
+        if (onOnly) {
+            onOnly();
+        }
+    }, [onOnly]);
+    const renderOnly = useCallback(() => {
+        return (React.createElement("span", { className: "gd-list-item-only", onClick: handleOnlyClick },
             React.createElement(FormattedMessage, { id: "gs.list.only" })));
-    };
-}
+    }, [handleOnlyClick]);
+    return (React.createElement("div", { className: classNames, onClick: onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut },
+        React.createElement("label", { className: "input-checkbox-label" },
+            React.createElement("input", { type: "checkbox", className: "input-checkbox", readOnly: true, checked: isSelected }),
+            React.createElement("span", { className: "input-label-text" }, title)),
+        renderOnly()));
+});
 //# sourceMappingURL=MultiSelectListItem.js.map

package/esm/List/MultiSelectListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectListItem.js","sourceRoot":"","sources":["../../src/List/MultiSelectListItem.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAgB,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAc7C;;GAEG;AACH,MAAM,OAAO,mBAAoB,SAAQ,aAAwC;IACtE,MAAM;QACT,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE3E,OAAO,CACH,6BACI,SAAS,EAAE,IAAI,CAAC,aAAa,EAAE,EAC/B,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU;YAEtB,+BAAO,SAAS,EAAC,sBAAsB;gBACnC,+BAAO,IAAI,EAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,EAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,GAAI;gBACzF,8BAAM,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAQ,CAC7C;YACP,IAAI,CAAC,UAAU,EAAE,CAChB,CACT,CAAC;IACN,CAAC;IAEO,aAAa,GAAG,GAAG,EAAE;QACzB,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACzC,OAAO,EAAE,CAAC;YACN,cAAc,EAAE,IAAI;YACpB,CAAC,KAAK,WAAW,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,IAAI;YAC9C,kBAAkB,EAAE,IAAI;YACxB,aAAa,EAAE,UAAU;SAC5B,CAAC,CAAC;IACP,CAAC,CAAC;IAEM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC9B,OAAO,CACH,8BACI,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACX,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,IAAI,MAAM,EAAE,CAAC;oBACT,MAAM,EAAE,CAAC;gBACb,CAAC;YACL,CAAC;YAED,oBAAC,gBAAgB,IAAC,EAAE,EAAC,cAAc,GAAG,CACnC,CACV,CAAC;IACN,CAAC,CAAC;CACL"}
+{"version":3,"file":"MultiSelectListItem.js","sourceRoot":"","sources":["../../src/List/MultiSelectListItem.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAc7C;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,IAAI,CAAC,SAAS,mBAAmB,CAAC,EACjE,KAAK,EACL,OAAO,EACP,WAAW,EACX,UAAU,EACV,UAAU,EACV,MAAM,GACkB;IACxB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,EAAE,CAAC;YACN,cAAc,EAAE,IAAI;YACpB,CAAC,KAAK,WAAW,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,IAAI;YAC9C,kBAAkB,EAAE,IAAI;YACxB,aAAa,EAAE,UAAU;SAC5B,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IAExB,MAAM,eAAe,GAAG,WAAW,CAC/B,CAAC,CAAmB,EAAE,EAAE;QACpB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,MAAM,EAAE,CAAC;YACT,MAAM,EAAE,CAAC;QACb,CAAC;IACL,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,OAAO,CACH,8BAAM,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,eAAe;YACxD,oBAAC,gBAAgB,IAAC,EAAE,EAAC,cAAc,GAAG,CACnC,CACV,CAAC;IACN,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACH,6BAAK,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU;QAC1F,+BAAO,SAAS,EAAC,sBAAsB;YACnC,+BAAO,IAAI,EAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,EAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,GAAI;YACzF,8BAAM,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAQ,CAC7C;QACP,UAAU,EAAE,CACX,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/esm/Menu/ControlledMenu.d.ts

@@ -10,13 +10,5 @@ export interface IControlledMenuProps extends Partial<IMenuPositionConfig> {
     togglerWrapperClassName?: string;
     children: React.ReactNode;
 }
-export declare class ControlledMenu extends React.Component<IControlledMenuProps> {
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: IControlledMenuProps): void;
-    render(): React.JSX.Element;
-    private closeMenu;
-    private addScrollListeners;
-    private removeScrollListeners;
-}
+export declare function ControlledMenu({ opened, openAction, closeOnScroll, portalTarget, onOpenedChange, toggler, togglerWrapperClassName, children, alignment, spacing, offset, }: IControlledMenuProps): React.JSX.Element;
 //# sourceMappingURL=ControlledMenu.d.ts.map

package/esm/Menu/ControlledMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ControlledMenu.d.ts","sourceRoot":"","sources":["../../src/Menu/ControlledMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGvF,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,mBAAmB,CAAC;IACtE,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,cAAc,EAAE,cAAc,CAAC;IAC/B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC;IAC9D,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,kBAAkB,CAAC,SAAS,EAAE,oBAAoB,GAAG,IAAI;IAUzD,MAAM;IAmBb,OAAO,CAAC,SAAS,CAEf;IAEF,OAAO,CAAC,kBAAkB,CAExB;IAEF,OAAO,CAAC,qBAAqB,CAE3B;CACL"}
+{"version":3,"file":"ControlledMenu.d.ts","sourceRoot":"","sources":["../../src/Menu/ControlledMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGvF,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,mBAAmB,CAAC;IACtE,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,cAAc,EAAE,cAAc,CAAC;IAC/B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,wBAAgB,cAAc,CAAC,EAC3B,MAAM,EACN,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,OAAO,EACP,uBAAuB,EACvB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,MAAM,GACT,EAAE,oBAAoB,qBAyCtB"}

package/esm/Menu/ControlledMenu.js

@@ -1,38 +1,26 @@
-// (C) 2007-2022 GoodData Corporation
-import React from "react";
+// (C) 2007-2025 GoodData Corporation
+import React, { useEffect, useCallback } from "react";
 import { MenuOpener } from "./menuOpener/MenuOpener.js";
-export class ControlledMenu extends React.Component {
-    componentDidMount() {
-        if (this.props.closeOnScroll) {
-            this.addScrollListeners();
+export function ControlledMenu({ opened, openAction, closeOnScroll, portalTarget, onOpenedChange, toggler, togglerWrapperClassName, children, alignment, spacing, offset, }) {
+    const closeMenu = useCallback(() => {
+        onOpenedChange({ opened: false, source: "SCROLL" });
+    }, [onOpenedChange]);
+    const addScrollListeners = useCallback(() => {
+        window.addEventListener("scroll", closeMenu, true);
+    }, [closeMenu]);
+    const removeScrollListeners = useCallback(() => {
+        window.removeEventListener("scroll", closeMenu, true);
+    }, [closeMenu]);
+    useEffect(() => {
+        if (closeOnScroll) {
+            addScrollListeners();
         }
-    }
-    componentWillUnmount() {
-        if (this.props.closeOnScroll) {
-            this.removeScrollListeners();
-        }
-    }
-    componentDidUpdate(prevProps) {
-        if (prevProps.closeOnScroll !== this.props.closeOnScroll) {
-            if (this.props.closeOnScroll) {
-                this.addScrollListeners();
-            }
-            else {
-                this.removeScrollListeners();
+        return () => {
+            if (closeOnScroll) {
+                removeScrollListeners();
             }
-        }
-    }
-    render() {
-        return (React.createElement(MenuOpener, { opened: this.props.opened, onOpenedChange: this.props.onOpenedChange, openAction: this.props.openAction, alignment: this.props.alignment, spacing: this.props.spacing, offset: this.props.offset, portalTarget: this.props.portalTarget, toggler: this.props.toggler, togglerWrapperClassName: this.props.togglerWrapperClassName, topLevelMenu: true }, this.props.children));
-    }
-    closeMenu = () => {
-        this.props.onOpenedChange({ opened: false, source: "SCROLL" });
-    };
-    addScrollListeners = () => {
-        window.addEventListener("scroll", this.closeMenu, true);
-    };
-    removeScrollListeners = () => {
-        window.removeEventListener("scroll", this.closeMenu, true);
-    };
+        };
+    }, [closeOnScroll, addScrollListeners, removeScrollListeners]);
+    return (React.createElement(MenuOpener, { opened: opened, onOpenedChange: onOpenedChange, openAction: openAction, alignment: alignment, spacing: spacing, offset: offset, portalTarget: portalTarget, toggler: toggler, togglerWrapperClassName: togglerWrapperClassName, topLevelMenu: true }, children));
 }
 //# sourceMappingURL=ControlledMenu.js.map

package/esm/Menu/ControlledMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ControlledMenu.js","sourceRoot":"","sources":["../../src/Menu/ControlledMenu.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAaxD,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAA+B;IAC9D,iBAAiB;QACpB,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;YAC3B,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC9B,CAAC;IACL,CAAC;IAEM,oBAAoB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;YAC3B,IAAI,CAAC,qBAAqB,EAAE,CAAC;QACjC,CAAC;IACL,CAAC;IAEM,kBAAkB,CAAC,SAA+B;QACrD,IAAI,SAAS,CAAC,aAAa,KAAK,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;YACvD,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;gBAC3B,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC9B,CAAC;iBAAM,CAAC;gBACJ,IAAI,CAAC,qBAAqB,EAAE,CAAC;YACjC,CAAC;QACL,CAAC;IACL,CAAC;IAEM,MAAM;QACT,OAAO,CACH,oBAAC,UAAU,IACP,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EACzC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,uBAAuB,EAAE,IAAI,CAAC,KAAK,CAAC,uBAAuB,EAC3D,YAAY,EAAE,IAAI,IAEjB,IAAI,CAAC,KAAK,CAAC,QAAQ,CACX,CAChB,CAAC;IACN,CAAC;IAEO,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;IACnE,CAAC,CAAC;IAEM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAC5D,CAAC,CAAC;IAEM,qBAAqB,GAAG,GAAG,EAAE;QACjC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAC/D,CAAC,CAAC;CACL"}
+{"version":3,"file":"ControlledMenu.js","sourceRoot":"","sources":["../../src/Menu/ControlledMenu.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAaxD,MAAM,UAAU,cAAc,CAAC,EAC3B,MAAM,EACN,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,OAAO,EACP,uBAAuB,EACvB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,MAAM,GACa;IACnB,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,cAAc,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;IACxD,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;IACvD,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,qBAAqB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;IAC1D,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,aAAa,EAAE,CAAC;YAChB,kBAAkB,EAAE,CAAC;QACzB,CAAC;QAED,OAAO,GAAG,EAAE;YACR,IAAI,aAAa,EAAE,CAAC;gBAChB,qBAAqB,EAAE,CAAC;YAC5B,CAAC;QACL,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,aAAa,EAAE,kBAAkB,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE/D,OAAO,CACH,oBAAC,UAAU,IACP,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,uBAAuB,EAAE,uBAAuB,EAChD,YAAY,EAAE,IAAI,IAEjB,QAAQ,CACA,CAChB,CAAC;AACN,CAAC"}

package/esm/Menu/MenuState.d.ts

@@ -20,13 +20,5 @@ export interface IMenuStateProps extends IMenuStateConfig {
 export interface IMenuStateState {
     opened?: boolean;
 }
-export declare class MenuState extends React.Component<IMenuStateProps, IMenuStateState> {
-    static defaultProps: {
-        defaultOpened: boolean;
-    };
-    constructor(props: IMenuStateProps);
-    render(): React.ReactNode;
-    private isControlled;
-    private onOpenedChange;
-}
+export declare function MenuState({ opened, defaultOpened, onOpenedChange, children }: IMenuStateProps): React.ReactNode;
 //# sourceMappingURL=MenuState.d.ts.map

package/esm/Menu/MenuState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuState.d.ts","sourceRoot":"","sources":["../../src/Menu/MenuState.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAyB,MAAM,sBAAsB,CAAC;AAE7E;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,cAAc,CAAC;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACrD,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,cAAc,EAAE,cAAc,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;CAC7F;AAED,MAAM,WAAW,eAAe;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC5E,OAAc,YAAY;;MAExB;gBAEU,KAAK,EAAE,eAAe;IAQ3B,MAAM;IAOb,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,cAAc,CAMpB;CACL"}
+{"version":3,"file":"MenuState.d.ts","sourceRoot":"","sources":["../../src/Menu/MenuState.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAyB,MAAM,sBAAsB,CAAC;AAE7E;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,cAAc,CAAC;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACrD,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,cAAc,EAAE,cAAc,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;CAC7F;AAED,MAAM,WAAW,eAAe;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,aAAqB,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,eAAe,mBAuBrG"}

package/esm/Menu/MenuState.js

@@ -1,30 +1,21 @@
-// (C) 2007-2022 GoodData Corporation
-import React from "react";
-export class MenuState extends React.Component {
-    static defaultProps = {
-        defaultOpened: false,
-    };
-    constructor(props) {
-        super(props);
-        this.state = {
-            opened: this.isControlled() ? this.props.opened : this.props.defaultOpened,
-        };
-    }
-    render() {
-        return this.props.children({
-            opened: (this.isControlled() ? this.props.opened : this.state.opened) ?? false,
-            onOpenedChange: this.onOpenedChange,
-        });
-    }
-    isControlled = () => {
-        return typeof this.props.opened === "boolean";
-    };
-    onOpenedChange = (openedChangeParams) => {
-        this.setState({ opened: openedChangeParams.opened }, () => {
-            if (this.props.onOpenedChange) {
-                this.props.onOpenedChange(openedChangeParams);
-            }
-        });
-    };
+// (C) 2007-2025 GoodData Corporation
+import { useState, useCallback, useMemo } from "react";
+export function MenuState({ opened, defaultOpened = false, onOpenedChange, children }) {
+    const isControlled = useMemo(() => {
+        return typeof opened === "boolean";
+    }, [opened]);
+    const [internalOpened, setInternalOpened] = useState(() => {
+        return typeof opened === "boolean" ? opened : defaultOpened;
+    });
+    const handleOpenedChange = useCallback((openedChangeParams) => {
+        setInternalOpened(openedChangeParams.opened);
+        if (onOpenedChange) {
+            onOpenedChange(openedChangeParams);
+        }
+    }, [onOpenedChange]);
+    return children({
+        opened: (isControlled ? opened : internalOpened) ?? false,
+        onOpenedChange: handleOpenedChange,
+    });
 }
 //# sourceMappingURL=MenuState.js.map

package/esm/Menu/MenuState.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuState.js","sourceRoot":"","sources":["../../src/Menu/MenuState.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAwB1B,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAA2C;IACrE,MAAM,CAAC,YAAY,GAAG;QACzB,aAAa,EAAE,KAAK;KACvB,CAAC;IAEF,YAAY,KAAsB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,CAAC,KAAK,GAAG;YACT,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,aAAc;SAC9E,CAAC;IACN,CAAC;IAEM,MAAM;QACT,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;YACvB,MAAM,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK;YAC9E,cAAc,EAAE,IAAI,CAAC,cAAc;SACtC,CAAC,CAAC;IACP,CAAC;IAEO,YAAY,GAAG,GAAY,EAAE;QACjC,OAAO,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC;IAClD,CAAC,CAAC;IAEM,cAAc,GAAG,CAAC,kBAAyC,EAAE,EAAE;QACnE,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,kBAAkB,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE;YACtD,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;gBAC5B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;YAClD,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC,CAAC"}
+{"version":3,"file":"MenuState.js","sourceRoot":"","sources":["../../src/Menu/MenuState.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAwB9D,MAAM,UAAU,SAAS,CAAC,EAAE,MAAM,EAAE,aAAa,GAAG,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAmB;IAClG,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,OAAO,MAAM,KAAK,SAAS,CAAC;IACvC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAsB,GAAG,EAAE;QAC3E,OAAO,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,WAAW,CAClC,CAAC,kBAAyC,EAAE,EAAE;QAC1C,iBAAiB,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;QAC7C,IAAI,cAAc,EAAE,CAAC;YACjB,cAAc,CAAC,kBAAkB,CAAC,CAAC;QACvC,CAAC;IACL,CAAC,EACD,CAAC,cAAc,CAAC,CACnB,CAAC;IAEF,OAAO,QAAQ,CAAC;QACZ,MAAM,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,KAAK;QACzD,cAAc,EAAE,kBAAkB;KACrC,CAAC,CAAC;AACP,CAAC"}

package/esm/Menu/menuOpener/MenuOpenedByClick.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuOpenedByClick.d.ts","sourceRoot":"","sources":["../../../src/Menu/menuOpener/MenuOpenedByClick.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,YAAY,EAAU,MAAM,OAAO,CAAC;AAKpD,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAExE,eAAO,MAAM,iBAAiB,GAAI,OAAO,wBAAwB,KAAG,YAwCnE,CAAC"}
+{"version":3,"file":"MenuOpenedByClick.d.ts","sourceRoot":"","sources":["../../../src/Menu/menuOpener/MenuOpenedByClick.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,YAAY,EAAuB,MAAM,OAAO,CAAC;AAKjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAExE,eAAO,MAAM,iBAAiB,GAAI,OAAO,wBAAwB,KAAG,YAiDnE,CAAC"}

package/esm/Menu/menuOpener/MenuOpenedByClick.js

@@ -1,12 +1,13 @@
 // (C) 2007-2025 GoodData Corporation
-import React, { useRef } from "react";
+import React, { useRef, useCallback } from "react";
 import { OutsideClickHandler } from "../utils/OutsideClickHandler.js";
 import { MenuPosition } from "../positioning/MenuPosition.js";
 export const MenuOpenedByClick = (props) => {
-    const outsideClick = () => props.onOpenedChange({ opened: false, source: "OUTSIDE_CLICK" });
-    const togglerWrapperClick = () => props.onOpenedChange({ opened: !props.opened, source: "TOGGLER_BUTTON_CLICK" });
+    const { onOpenedChange, opened } = props;
+    const outsideClick = useCallback(() => onOpenedChange({ opened: false, source: "OUTSIDE_CLICK" }), [onOpenedChange]);
+    const togglerWrapperClick = useCallback(() => onOpenedChange({ opened: !opened, source: "TOGGLER_BUTTON_CLICK" }), [onOpenedChange, opened]);
     const togglerRef = useRef(null);
-    const OutsideClickHandlerWrapped = (props) => (
+    const OutsideClickHandlerWrapped = useCallback((wrapperProps) => (
     // If UseCapture is set to false (default event bubbling), the disadvantage is that we will not
     // get notified of click events with preventDefault or stopPropagation methods called on them. On the
     // other hand it greatly simplifies event handling with toggler elements, for example if we have
@@ -14,7 +15,7 @@ export const MenuOpenedByClick = (props) => {
     // would get notified, he would set opened state from true to false, and then toggler element click
     // handler would get notified, that would toggle it back to true, so menu would stay opened. This
     // is be solved by OutsideClickHandler ignoring clicks that are inside of togglerWrapped.
-    React.createElement(OutsideClickHandler, { onOutsideClick: outsideClick, useCapture: true, toggler: togglerRef.current }, props.children));
+    React.createElement(OutsideClickHandler, { onOutsideClick: outsideClick, useCapture: true, toggler: togglerRef.current }, wrapperProps.children)), [outsideClick, togglerRef]);
     const togglerWrapped = (React.createElement("div", { onClick: togglerWrapperClick, className: "gd-menuOpenedByClick-togglerWrapped", ref: togglerRef }, props.toggler));
     return (React.createElement(MenuPosition, { opened: props.opened, toggler: togglerWrapped, togglerWrapperClassName: props.togglerWrapperClassName, contentWrapper: OutsideClickHandlerWrapped, topLevelMenu: props.topLevelMenu, portalTarget: props.portalTarget, alignment: props.alignment, spacing: props.spacing, offset: props.offset }, props.children));
 };

package/esm/Menu/menuOpener/MenuOpenedByClick.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuOpenedByClick.js","sourceRoot":"","sources":["../../../src/Menu/menuOpener/MenuOpenedByClick.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAgB,MAAM,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAI9D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA+B,EAAgB,EAAE;IAC/E,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC,CAAC;IAC5F,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAC7B,KAAK,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,sBAAsB,EAAE,CAAC,CAAC;IACpF,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD,MAAM,0BAA0B,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC;IACzE,+FAA+F;IAC/F,qGAAqG;IACrG,gGAAgG;IAChG,qGAAqG;IACrG,mGAAmG;IACnG,iGAAiG;IACjG,yFAAyF;IACzF,oBAAC,mBAAmB,IAAC,cAAc,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,CAAC,OAAO,IAC3F,KAAK,CAAC,QAAQ,CACG,CACzB,CAAC;IAEF,MAAM,cAAc,GAAG,CACnB,6BAAK,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAC,qCAAqC,EAAC,GAAG,EAAE,UAAU,IAC7F,KAAK,CAAC,OAAO,CACZ,CACT,CAAC;IAEF,OAAO,CACH,oBAAC,YAAY,IACT,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,cAAc,EACvB,uBAAuB,EAAE,KAAK,CAAC,uBAAuB,EACtD,cAAc,EAAE,0BAA0B,EAC1C,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,MAAM,EAAE,KAAK,CAAC,MAAM,IAEnB,KAAK,CAAC,QAAQ,CACJ,CAClB,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"MenuOpenedByClick.js","sourceRoot":"","sources":["../../../src/Menu/menuOpener/MenuOpenedByClick.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAgB,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAI9D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA+B,EAAgB,EAAE;IAC/E,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzC,MAAM,YAAY,GAAG,WAAW,CAC5B,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC,EAChE,CAAC,cAAc,CAAC,CACnB,CAAC;IACF,MAAM,mBAAmB,GAAG,WAAW,CACnC,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,sBAAsB,EAAE,CAAC,EACzE,CAAC,cAAc,EAAE,MAAM,CAAC,CAC3B,CAAC;IACF,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD,MAAM,0BAA0B,GAAG,WAAW,CAC1C,CAAC,YAA2C,EAAE,EAAE,CAAC;IAC7C,+FAA+F;IAC/F,qGAAqG;IACrG,gGAAgG;IAChG,qGAAqG;IACrG,mGAAmG;IACnG,iGAAiG;IACjG,yFAAyF;IACzF,oBAAC,mBAAmB,IAAC,cAAc,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,CAAC,OAAO,IAC3F,YAAY,CAAC,QAAQ,CACJ,CACzB,EACD,CAAC,YAAY,EAAE,UAAU,CAAC,CAC7B,CAAC;IAEF,MAAM,cAAc,GAAG,CACnB,6BAAK,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAC,qCAAqC,EAAC,GAAG,EAAE,UAAU,IAC7F,KAAK,CAAC,OAAO,CACZ,CACT,CAAC;IAEF,OAAO,CACH,oBAAC,YAAY,IACT,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,cAAc,EACvB,uBAAuB,EAAE,KAAK,CAAC,uBAAuB,EACtD,cAAc,EAAE,0BAA0B,EAC1C,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,MAAM,EAAE,KAAK,CAAC,MAAM,IAEnB,KAAK,CAAC,QAAQ,CACJ,CAClB,CAAC;AACN,CAAC,CAAC"}

package/esm/Menu/menuOpener/MenuOpenedByHover.d.ts

@@ -1,12 +1,4 @@
 import React from "react";
 import { IMenuOpenedBySharedProps } from "./MenuOpenedBySharedProps.js";
-export declare class MenuOpenedByHover extends React.Component<IMenuOpenedBySharedProps> {
-    private static openCloseDelayMs;
-    private timerCloseDelay;
-    componentWillUnmount(): void;
-    render(): React.JSX.Element;
-    private clearCloseDelayTimer;
-    private hoverStart;
-    private hoverEnd;
-}
+export declare function MenuOpenedByHover({ onOpenedChange, toggler, togglerWrapperClassName, opened, topLevelMenu, alignment, spacing, offset, portalTarget, children, }: IMenuOpenedBySharedProps): React.JSX.Element;
 //# sourceMappingURL=MenuOpenedByHover.d.ts.map

package/esm/Menu/menuOpener/MenuOpenedByHover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuOpenedByHover.d.ts","sourceRoot":"","sources":["../../../src/Menu/menuOpener/MenuOpenedByHover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAExE,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,wBAAwB,CAAC;IAC5E,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAO;IAEtC,OAAO,CAAC,eAAe,CAAuB;IAEvC,oBAAoB,IAAI,IAAI;IAI5B,MAAM;IAuBb,OAAO,CAAC,oBAAoB,CAI1B;IAEF,OAAO,CAAC,UAAU,CAKhB;IAEF,OAAO,CAAC,QAAQ,CAKd;CACL"}
+{"version":3,"file":"MenuOpenedByHover.d.ts","sourceRoot":"","sources":["../../../src/Menu/menuOpener/MenuOpenedByHover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAI9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAExE,wBAAgB,iBAAiB,CAAC,EAC9B,cAAc,EACd,OAAO,EACP,uBAAuB,EACvB,MAAM,EACN,YAAY,EACZ,SAAS,EACT,OAAO,EACP,MAAM,EACN,YAAY,EACZ,QAAQ,GACX,EAAE,wBAAwB,qBAmD1B"}

package/esm/Menu/menuOpener/MenuOpenedByHover.js

@@ -1,32 +1,32 @@
-// (C) 2007-2022 GoodData Corporation
-import React from "react";
+// (C) 2007-2025 GoodData Corporation
+import React, { useEffect, useRef, useCallback } from "react";
 import { MenuPosition } from "../positioning/MenuPosition.js";
-export class MenuOpenedByHover extends React.Component {
-    static openCloseDelayMs = 200;
-    timerCloseDelay = null;
-    componentWillUnmount() {
-        this.clearCloseDelayTimer();
-    }
-    render() {
-        return (React.createElement(MenuPosition, { toggler: React.createElement("div", { onMouseEnter: this.hoverStart, onMouseLeave: this.hoverEnd }, this.props.toggler), togglerWrapperClassName: this.props.togglerWrapperClassName, opened: this.props.opened, topLevelMenu: this.props.topLevelMenu, alignment: this.props.alignment, spacing: this.props.spacing, offset: this.props.offset, portalTarget: this.props.portalTarget },
-            React.createElement("div", { onMouseEnter: this.hoverStart, onMouseLeave: this.hoverEnd }, this.props.children)));
-    }
-    clearCloseDelayTimer = () => {
-        if (this.timerCloseDelay) {
-            window.clearTimeout(this.timerCloseDelay);
+export function MenuOpenedByHover({ onOpenedChange, toggler, togglerWrapperClassName, opened, topLevelMenu, alignment, spacing, offset, portalTarget, children, }) {
+    const openCloseDelayMs = 200;
+    const timerCloseDelay = useRef(null);
+    const clearCloseDelayTimer = useCallback(() => {
+        if (timerCloseDelay.current) {
+            window.clearTimeout(timerCloseDelay.current);
         }
-    };
-    hoverStart = () => {
-        this.clearCloseDelayTimer();
-        this.timerCloseDelay = window.setTimeout(() => {
-            this.props.onOpenedChange({ opened: true, source: "HOVER_TIMEOUT" });
-        }, MenuOpenedByHover.openCloseDelayMs);
-    };
-    hoverEnd = () => {
-        this.clearCloseDelayTimer();
-        this.timerCloseDelay = window.setTimeout(() => {
-            this.props.onOpenedChange({ opened: false, source: "HOVER_TIMEOUT" });
-        }, MenuOpenedByHover.openCloseDelayMs);
-    };
+    }, []);
+    useEffect(() => {
+        return () => {
+            clearCloseDelayTimer();
+        };
+    }, [clearCloseDelayTimer]);
+    const hoverStart = useCallback(() => {
+        clearCloseDelayTimer();
+        timerCloseDelay.current = window.setTimeout(() => {
+            onOpenedChange({ opened: true, source: "HOVER_TIMEOUT" });
+        }, openCloseDelayMs);
+    }, [clearCloseDelayTimer, onOpenedChange]);
+    const hoverEnd = useCallback(() => {
+        clearCloseDelayTimer();
+        timerCloseDelay.current = window.setTimeout(() => {
+            onOpenedChange({ opened: false, source: "HOVER_TIMEOUT" });
+        }, openCloseDelayMs);
+    }, [clearCloseDelayTimer, onOpenedChange]);
+    return (React.createElement(MenuPosition, { toggler: React.createElement("div", { onMouseEnter: hoverStart, onMouseLeave: hoverEnd }, toggler), togglerWrapperClassName: togglerWrapperClassName, opened: opened, topLevelMenu: topLevelMenu, alignment: alignment, spacing: spacing, offset: offset, portalTarget: portalTarget },
+        React.createElement("div", { onMouseEnter: hoverStart, onMouseLeave: hoverEnd }, children)));
 }
 //# sourceMappingURL=MenuOpenedByHover.js.map

package/esm/Menu/menuOpener/MenuOpenedByHover.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuOpenedByHover.js","sourceRoot":"","sources":["../../../src/Menu/menuOpener/MenuOpenedByHover.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAI9D,MAAM,OAAO,iBAAkB,SAAQ,KAAK,CAAC,SAAmC;IACpE,MAAM,CAAC,gBAAgB,GAAG,GAAG,CAAC;IAE9B,eAAe,GAAkB,IAAI,CAAC;IAEvC,oBAAoB;QACvB,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAChC,CAAC;IAEM,MAAM;QACT,OAAO,CACH,oBAAC,YAAY,IACT,OAAO,EACH,6BAAK,YAAY,EAAE,IAAI,CAAC,UAAU,EAAE,YAAY,EAAE,IAAI,CAAC,QAAQ,IAC1D,IAAI,CAAC,KAAK,CAAC,OAAO,CACjB,EAEV,uBAAuB,EAAE,IAAI,CAAC,KAAK,CAAC,uBAAuB,EAC3D,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;YAErC,6BAAK,YAAY,EAAE,IAAI,CAAC,UAAU,EAAE,YAAY,EAAE,IAAI,CAAC,QAAQ,IAC1D,IAAI,CAAC,KAAK,CAAC,QAAQ,CAClB,CACK,CAClB,CAAC;IACN,CAAC;IAEO,oBAAoB,GAAG,GAAS,EAAE;QACtC,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAC9C,CAAC;IACL,CAAC,CAAC;IAEM,UAAU,GAAG,GAAS,EAAE;QAC5B,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YAC1C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC,CAAC;QACzE,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEM,QAAQ,GAAG,GAAS,EAAE;QAC1B,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YAC1C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC,CAAC;QAC1E,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC3C,CAAC,CAAC"}
+{"version":3,"file":"MenuOpenedByHover.js","sourceRoot":"","sources":["../../../src/Menu/menuOpener/MenuOpenedByHover.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAI9D,MAAM,UAAU,iBAAiB,CAAC,EAC9B,cAAc,EACd,OAAO,EACP,uBAAuB,EACvB,MAAM,EACN,YAAY,EACZ,SAAS,EACT,OAAO,EACP,MAAM,EACN,YAAY,EACZ,QAAQ,GACe;IACvB,MAAM,gBAAgB,GAAG,GAAG,CAAC;IAE7B,MAAM,eAAe,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAEpD,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAS,EAAE;QAChD,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YAC1B,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QACjD,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,GAAG,EAAE;YACR,oBAAoB,EAAE,CAAC;QAC3B,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,MAAM,UAAU,GAAG,WAAW,CAAC,GAAS,EAAE;QACtC,oBAAoB,EAAE,CAAC;QACvB,eAAe,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YAC7C,cAAc,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC,CAAC;QAC9D,CAAC,EAAE,gBAAgB,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,oBAAoB,EAAE,cAAc,CAAC,CAAC,CAAC;IAE3C,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAS,EAAE;QACpC,oBAAoB,EAAE,CAAC;QACvB,eAAe,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YAC7C,cAAc,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC,CAAC;QAC/D,CAAC,EAAE,gBAAgB,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,oBAAoB,EAAE,cAAc,CAAC,CAAC,CAAC;IAE3C,OAAO,CACH,oBAAC,YAAY,IACT,OAAO,EACH,6BAAK,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,IAChD,OAAO,CACN,EAEV,uBAAuB,EAAE,uBAAuB,EAChD,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY;QAE1B,6BAAK,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,IAChD,QAAQ,CACP,CACK,CAClB,CAAC;AACN,CAAC"}

package/esm/Menu/menuOpener/MenuOpener.d.ts

@@ -10,9 +10,5 @@ export interface IMenuOpenerProps extends Partial<IMenuPositionConfig> {
     togglerWrapperClassName?: string;
     children: React.ReactNode;
 }
-export declare class MenuOpener extends React.Component<IMenuOpenerProps> {
-    static defaultProps: Pick<IMenuOpenerProps, "openAction" | "alignment" | "spacing" | "offset" | "portalTarget">;
-    render(): React.JSX.Element;
-    private getComponentByOpenAction;
-}
+export declare function MenuOpener(props: IMenuOpenerProps): React.JSX.Element;
 //# sourceMappingURL=MenuOpener.d.ts.map

package/esm/Menu/menuOpener/MenuOpener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuOpener.d.ts","sourceRoot":"","sources":["../../../src/Menu/menuOpener/MenuOpener.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAKxF,MAAM,WAAW,gBAAiB,SAAQ,OAAO,CAAC,mBAAmB,CAAC;IAClE,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE,cAAc,CAAC;IAC/B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IAC7D,OAAc,YAAY,EAAE,IAAI,CAC5B,gBAAgB,EAChB,YAAY,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,cAAc,CACrE,CAQC;IAEK,MAAM;IAoBb,OAAO,CAAC,wBAAwB,CAO9B;CACL"}
+{"version":3,"file":"MenuOpener.d.ts","sourceRoot":"","sources":["../../../src/Menu/menuOpener/MenuOpener.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAKxF,MAAM,WAAW,gBAAiB,SAAQ,OAAO,CAAC,mBAAmB,CAAC;IAClE,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE,cAAc,CAAC;IAC/B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAeD,wBAAgB,UAAU,CAAC,KAAK,EAAE,gBAAgB,qBAuCjD"}

package/esm/Menu/menuOpener/MenuOpener.js

@@ -1,27 +1,36 @@
 // (C) 2007-2025 GoodData Corporation
-import React from "react";
+import React, { useMemo } from "react";
 import { MenuOpenedByClick } from "./MenuOpenedByClick.js";
 import { MenuOpenedByHover } from "./MenuOpenedByHover.js";
-export class MenuOpener extends React.Component {
-    static defaultProps = {
-        openAction: "hover",
-        alignment: ["right", "bottom"],
-        spacing: 0,
-        offset: 0,
-        portalTarget: typeof document !== "undefined" ? document.querySelector("body") : null,
-    };
-    render() {
-        const Component = this.getComponentByOpenAction();
-        return (React.createElement(Component, { opened: this.props.opened, onOpenedChange: this.props.onOpenedChange, topLevelMenu: this.props.topLevelMenu, alignment: this.props.alignment, spacing: this.props.spacing, offset: this.props.offset, toggler: this.props.toggler, togglerWrapperClassName: this.props.togglerWrapperClassName, portalTarget: this.props.portalTarget },
-            React.createElement("div", { className: "gd-menuOpener" }, this.props.children)));
-    }
-    getComponentByOpenAction = () => {
-        switch (this.props.openAction) {
+const defaultProps = {
+    openAction: "hover",
+    alignment: ["right", "bottom"],
+    spacing: 0,
+    offset: 0,
+    portalTarget: typeof document !== "undefined" ? document.querySelector("body") : null,
+};
+export function MenuOpener(props) {
+    // Filter out undefined values from props to avoid overriding defaults
+    const definedProps = useMemo(() => {
+        return Object.entries(props).reduce((acc, [key, value]) => {
+            if (value !== undefined) {
+                acc[key] = value;
+            }
+            return acc;
+        }, {});
+    }, [props]);
+    const propsWithDefaults = useMemo(() => {
+        return { ...defaultProps, ...definedProps };
+    }, [definedProps]);
+    const Component = useMemo(() => {
+        switch (propsWithDefaults.openAction) {
             case "click":
                 return MenuOpenedByClick;
             case "hover":
                 return MenuOpenedByHover;
         }
-    };
+    }, [propsWithDefaults.openAction]);
+    return (React.createElement(Component, { opened: propsWithDefaults.opened, onOpenedChange: propsWithDefaults.onOpenedChange, topLevelMenu: propsWithDefaults.topLevelMenu, alignment: propsWithDefaults.alignment, spacing: propsWithDefaults.spacing, offset: propsWithDefaults.offset, toggler: propsWithDefaults.toggler, togglerWrapperClassName: propsWithDefaults.togglerWrapperClassName, portalTarget: propsWithDefaults.portalTarget },
+        React.createElement("div", { className: "gd-menuOpener" }, propsWithDefaults.children)));
 }
 //# sourceMappingURL=MenuOpener.js.map

package/esm/Menu/menuOpener/MenuOpener.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuOpener.js","sourceRoot":"","sources":["../../../src/Menu/menuOpener/MenuOpener.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAa3D,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA2B;IACtD,MAAM,CAAC,YAAY,GAGtB;QACA,UAAU,EAAE,OAAO;QAEnB,SAAS,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;QAC9B,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,CAAC;QAET,YAAY,EAAE,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;KACxF,CAAC;IAEK,MAAM;QACT,MAAM,SAAS,GAAG,IAAI,CAAC,wBAAwB,EAAuB,CAAC;QAEvE,OAAO,CACH,oBAAC,SAAS,IACN,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EACzC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,uBAAuB,EAAE,IAAI,CAAC,KAAK,CAAC,uBAAuB,EAC3D,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;YAErC,6BAAK,SAAS,EAAC,eAAe,IAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CAClD,CACf,CAAC;IACN,CAAC;IAEO,wBAAwB,GAAG,GAAG,EAAE;QACpC,QAAQ,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;YAC5B,KAAK,OAAO;gBACR,OAAO,iBAAiB,CAAC;YAC7B,KAAK,OAAO;gBACR,OAAO,iBAAiB,CAAC;QACjC,CAAC;IACL,CAAC,CAAC"}
+{"version":3,"file":"MenuOpener.js","sourceRoot":"","sources":["../../../src/Menu/menuOpener/MenuOpener.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAa3D,MAAM,YAAY,GAGd;IACA,UAAU,EAAE,OAAO;IAEnB,SAAS,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;IAC9B,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;IAET,YAAY,EAAE,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;CACxF,CAAC;AAEF,MAAM,UAAU,UAAU,CAAC,KAAuB;IAC9C,sEAAsE;IACtE,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACtD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;gBACrB,GAAW,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;YAC9B,CAAC;YACD,OAAO,GAAG,CAAC;QACf,CAAC,EAAE,EAA+B,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,OAAO,EAAE,GAAG,YAAY,EAAE,GAAG,YAAY,EAA4C,CAAC;IAC1F,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,QAAQ,iBAAiB,CAAC,UAAU,EAAE,CAAC;YACnC,KAAK,OAAO;gBACR,OAAO,iBAAiB,CAAC;YAC7B,KAAK,OAAO;gBACR,OAAO,iBAAiB,CAAC;QACjC,CAAC;IACL,CAAC,EAAE,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAsB,CAAC;IAExD,OAAO,CACH,oBAAC,SAAS,IACN,MAAM,EAAE,iBAAiB,CAAC,MAAM,EAChC,cAAc,EAAE,iBAAiB,CAAC,cAAc,EAChD,YAAY,EAAE,iBAAiB,CAAC,YAAY,EAC5C,SAAS,EAAE,iBAAiB,CAAC,SAAS,EACtC,OAAO,EAAE,iBAAiB,CAAC,OAAO,EAClC,MAAM,EAAE,iBAAiB,CAAC,MAAM,EAChC,OAAO,EAAE,iBAAiB,CAAC,OAAO,EAClC,uBAAuB,EAAE,iBAAiB,CAAC,uBAAuB,EAClE,YAAY,EAAE,iBAAiB,CAAC,YAAY;QAE5C,6BAAK,SAAS,EAAC,eAAe,IAAE,iBAAiB,CAAC,QAAQ,CAAO,CACzD,CACf,CAAC;AACN,CAAC"}

package/esm/Menu/positioning/MenuPosition.d.ts

@@ -15,17 +15,5 @@ export interface IMenuPositionProps extends IMenuPositionConfig {
 export interface IMenuPositionState {
     togglerElInitialized: boolean;
 }
-export declare class MenuPosition extends React.Component<IMenuPositionProps, IMenuPositionState> {
-    static defaultProps: {
-        contentWrapper: React.ExoticComponent<{
-            children?: React.ReactNode | undefined;
-        }>;
-    };
-    state: {
-        togglerElInitialized: boolean;
-    };
-    private togglerEl;
-    render(): React.JSX.Element;
-    private setTogglerEl;
-}
+export declare function MenuPosition(props: IMenuPositionProps): React.JSX.Element;
 //# sourceMappingURL=MenuPosition.d.ts.map

package/esm/Menu/positioning/MenuPosition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuPosition.d.ts","sourceRoot":"","sources":["../../../src/Menu/positioning/MenuPosition.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC3D,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,KAAK,YAAY,CAAC;IACxE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IAC/B,oBAAoB,EAAE,OAAO,CAAC;CACjC;AAqBD,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IACrF,OAAc,YAAY;;;;MAExB;IAEK,KAAK;;MAEV;IAEF,OAAO,CAAC,SAAS,CAA4B;IAOtC,MAAM;IA4Cb,OAAO,CAAC,YAAY,CAKlB;CACL"}
+{"version":3,"file":"MenuPosition.d.ts","sourceRoot":"","sources":["../../../src/Menu/positioning/MenuPosition.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,YAAY,EAA0C,MAAM,OAAO,CAAC;AAEpF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC3D,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,KAAK,YAAY,CAAC;IACxE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IAC/B,oBAAoB,EAAE,OAAO,CAAC;CACjC;AAqBD,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,qBAwDrD"}

package/esm/Menu/positioning/MenuPosition.js

@@ -1,37 +1,28 @@
 // (C) 2007-2025 GoodData Corporation
-import React from "react";
+import React, { useState, useRef, useCallback, useMemo } from "react";
 import { PositionedMenuContent } from "./PositionedMenuContent.js";
 import { RenderChildrenInPortal } from "../utils/RenderChildrenInPortal.js";
 const Wrapper = ({ children }) => (React.createElement("div", { className: "gd-menuPosition-wrapper" }, children));
 const PortalIfTopLevelMenu = ({ topLevelMenu, children, portalTarget, }) => topLevelMenu ? (React.createElement(RenderChildrenInPortal, { targetElement: portalTarget }, children)) : (React.createElement(React.Fragment, null, children));
-export class MenuPosition extends React.Component {
-    static defaultProps = {
-        contentWrapper: React.Fragment,
-    };
-    state = {
-        togglerElInitialized: false,
-    };
-    togglerEl = null;
+export function MenuPosition(props) {
+    const { portalTarget, topLevelMenu, contentWrapper: ContentWrapper = React.Fragment, toggler, opened, alignment, spacing, offset, togglerWrapperClassName, children, } = props;
+    const [togglerElInitialized, setTogglerElInitialized] = useState(false);
+    const togglerEl = useRef(null);
     // React Measure is not used because it cannot detect the left/top coordinate
     // changes of absolute positioned blocks. This caused problems where left/top
     // positions from React Measure were outdated. To solve this we do the
     // measurements manually in PositionedMenuContent at the correct time.
-    render() {
-        const { portalTarget, topLevelMenu, contentWrapper: ContentWrapper, toggler, opened, alignment, spacing, offset, togglerWrapperClassName, children, } = this.props;
-        // Top level menu uses React portals to be rendered in body element (or
-        // any element specified in targetElement prop). Any submenus are rendered
-        // inside of previous menu, so they do not need any portals.
-        const MaybeWrapper = topLevelMenu ? React.Fragment : Wrapper;
-        return (React.createElement(MaybeWrapper, null,
-            React.createElement("div", { className: topLevelMenu ? togglerWrapperClassName : undefined, ref: this.setTogglerEl }, toggler),
-            React.createElement(PortalIfTopLevelMenu, { portalTarget: portalTarget, topLevelMenu: topLevelMenu }, opened && this.state.togglerElInitialized ? (React.createElement(ContentWrapper, null,
-                React.createElement(PositionedMenuContent, { alignment: alignment, spacing: spacing, offset: offset, topLevelMenu: topLevelMenu, togglerEl: this.togglerEl }, children))) : null)));
-    }
-    setTogglerEl = (el) => {
-        this.togglerEl = el;
-        this.setState({
-            togglerElInitialized: true,
-        });
-    };
+    const setTogglerEl = useCallback((el) => {
+        togglerEl.current = el;
+        setTogglerElInitialized(true);
+    }, []);
+    // Top level menu uses React portals to be rendered in body element (or
+    // any element specified in targetElement prop). Any submenus are rendered
+    // inside of previous menu, so they do not need any portals.
+    const MaybeWrapper = useMemo(() => (topLevelMenu ? React.Fragment : Wrapper), [topLevelMenu]);
+    return (React.createElement(MaybeWrapper, null,
+        React.createElement("div", { className: topLevelMenu ? togglerWrapperClassName : undefined, ref: setTogglerEl }, toggler),
+        React.createElement(PortalIfTopLevelMenu, { portalTarget: portalTarget, topLevelMenu: topLevelMenu }, opened && togglerElInitialized ? (React.createElement(ContentWrapper, null,
+            React.createElement(PositionedMenuContent, { alignment: alignment, spacing: spacing, offset: offset, topLevelMenu: topLevelMenu, togglerEl: togglerEl.current }, children))) : null)));
 }
 //# sourceMappingURL=MenuPosition.js.map

package/esm/Menu/positioning/MenuPosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuPosition.js","sourceRoot":"","sources":["../../../src/Menu/positioning/MenuPosition.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAiB5E,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE,CAAC,CAC7D,6BAAK,SAAS,EAAC,yBAAyB,IAAE,QAAQ,CAAO,CAC5D,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,EAC1B,YAAY,EACZ,QAAQ,EACR,YAAY,GAKf,EAAE,EAAE,CACD,YAAY,CAAC,CAAC,CAAC,CACX,oBAAC,sBAAsB,IAAC,aAAa,EAAE,YAAY,IAAG,QAAQ,CAA0B,CAC3F,CAAC,CAAC,CAAC,CACA,oBAAC,KAAK,CAAC,QAAQ,QAAE,QAAQ,CAAkB,CAC9C,CAAC;AAEN,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAiD;IAC9E,MAAM,CAAC,YAAY,GAAG;QACzB,cAAc,EAAE,KAAK,CAAC,QAAQ;KACjC,CAAC;IAEK,KAAK,GAAG;QACX,oBAAoB,EAAE,KAAK;KAC9B,CAAC;IAEM,SAAS,GAAuB,IAAI,CAAC;IAE7C,6EAA6E;IAC7E,6EAA6E;IAC7E,sEAAsE;IACtE,sEAAsE;IAE/D,MAAM;QACT,MAAM,EACF,YAAY,EACZ,YAAY,EACZ,cAAc,EAAE,cAAc,EAC9B,OAAO,EACP,MAAM,EACN,SAAS,EACT,OAAO,EACP,MAAM,EACN,uBAAuB,EACvB,QAAQ,GACX,GAAG,IAAI,CAAC,KAAK,CAAC;QACf,uEAAuE;QACvE,0EAA0E;QAC1E,4DAA4D;QAE5D,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;QAE7D,OAAO,CACH,oBAAC,YAAY;YACT,6BAAK,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,YAAY,IACrF,OAAO,CACN;YAEN,oBAAC,oBAAoB,IAAC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,IACvE,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,CACzC,oBAAC,cAAc;gBACX,oBAAC,qBAAqB,IAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,IAAI,CAAC,SAAS,IAExB,QAAQ,CACW,CACX,CACpB,CAAC,CAAC,CAAC,IAAI,CACW,CACZ,CAClB,CAAC;IACN,CAAC;IAEO,YAAY,GAAG,CAAC,EAAsB,EAAE,EAAE;QAC9C,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,QAAQ,CAAC;YACV,oBAAoB,EAAE,IAAI;SAC7B,CAAC,CAAC;IACP,CAAC,CAAC"}
+{"version":3,"file":"MenuPosition.js","sourceRoot":"","sources":["../../../src/Menu/positioning/MenuPosition.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAgB,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAiB5E,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE,CAAC,CAC7D,6BAAK,SAAS,EAAC,yBAAyB,IAAE,QAAQ,CAAO,CAC5D,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,EAC1B,YAAY,EACZ,QAAQ,EACR,YAAY,GAKf,EAAE,EAAE,CACD,YAAY,CAAC,CAAC,CAAC,CACX,oBAAC,sBAAsB,IAAC,aAAa,EAAE,YAAY,IAAG,QAAQ,CAA0B,CAC3F,CAAC,CAAC,CAAC,CACA,oBAAC,KAAK,CAAC,QAAQ,QAAE,QAAQ,CAAkB,CAC9C,CAAC;AAEN,MAAM,UAAU,YAAY,CAAC,KAAyB;IAClD,MAAM,EACF,YAAY,EACZ,YAAY,EACZ,cAAc,EAAE,cAAc,GAAG,KAAK,CAAC,QAAQ,EAC/C,OAAO,EACP,MAAM,EACN,SAAS,EACT,OAAO,EACP,MAAM,EACN,uBAAuB,EACvB,QAAQ,GACX,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxE,MAAM,SAAS,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAEnD,6EAA6E;IAC7E,6EAA6E;IAC7E,sEAAsE;IACtE,sEAAsE;IAEtE,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,EAAsB,EAAE,EAAE;QACxD,SAAS,CAAC,OAAO,GAAG,EAAE,CAAC;QACvB,uBAAuB,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,uEAAuE;IACvE,0EAA0E;IAC1E,4DAA4D;IAE5D,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAE9F,OAAO,CACH,oBAAC,YAAY;QACT,6BAAK,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,YAAY,IAChF,OAAO,CACN;QAEN,oBAAC,oBAAoB,IAAC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,IACvE,MAAM,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAC9B,oBAAC,cAAc;YACX,oBAAC,qBAAqB,IAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,CAAC,OAAO,IAE3B,QAAQ,CACW,CACX,CACpB,CAAC,CAAC,CAAC,IAAI,CACW,CACZ,CAClB,CAAC;AACN,CAAC"}