@hazelcast/ui 1.3.3-next.11 → 1.3.3-next.12

package/lib/AppHeader/SelectCluster/SelectCluster.module.scss

@@ -3,6 +3,7 @@
 
 $selectContainer: ':global .hz-select-field';
 $selectControl: ':global .hz-select-field__control';
+$selectInputContainer: ':global .hz-select-field__input-container';
 $selectValueContainer: ':global .hz-select-field__value-container';
 $selectTrailingNote: ':global .hz-select-field__trailing-note';
 $selectValue: ':global .hz-select-field__single-value';
@@ -36,6 +37,7 @@ $selectFieldIndicators: ':global .hz-select-field__indicators';
     background: none;
     border-radius: unset;
 
+    #{$selectInputContainer},
     #{$selectValueContainer},
     #{$selectTrailingNote} {
       color: c.$colorNeutralLighter;

package/lib/AppSidebar/AppSidebar.d.ts

@@ -1,10 +1,12 @@
 import { ReactNode } from 'react';
-export interface AppSidebarProps {
+import { DataTestProp } from '@hazelcast/helpers';
+export interface AppSidebarProps extends DataTestProp {
     children?: ReactNode;
     className?: string;
     storageKey?: string;
     open?: boolean;
     initialOpen?: boolean;
     footer?: ReactNode;
+    onChangeState?: (state: Record<string, string>) => void;
 }
-export declare const AppSidebar: ({ children, className, storageKey, open: controlledOpen, initialOpen, footer, }: AppSidebarProps) => JSX.Element;
+export declare const AppSidebar: ({ children, className, storageKey, open: controlledOpen, initialOpen, footer, "data-test": dataTest, }: AppSidebarProps) => JSX.Element;

package/lib/AppSidebar/AppSidebar.js

@@ -5,7 +5,7 @@ import createPersistedState from 'use-persisted-state';
 import { IconButton } from '../IconButton';
 import { appSidebarContext } from './appSidebarContext';
 import styles from './AppSidebar.module.scss';
-export const AppSidebar = ({ children, className, storageKey = 'SideBarMenu', open: controlledOpen, initialOpen = true, footer, }) => {
+export const AppSidebar = ({ children, className, storageKey = 'SideBarMenu', open: controlledOpen, initialOpen = true, footer, 'data-test': dataTest, }) => {
     const usePersistedSidebarStorageState = createPersistedState(storageKey);
     const usePersistedFavoritesState = createPersistedState('sideBarFavorites');
     const [favorites, setFavorites] = usePersistedFavoritesState([]);
@@ -14,7 +14,7 @@ export const AppSidebar = ({ children, className, storageKey = 'SideBarMenu', op
     const open = useCallback(() => setIsOpen(true), [setIsOpen]);
     const close = useCallback(() => setIsOpen(false), [setIsOpen]);
     const isCollapsed = controlledOpen !== undefined ? !controlledOpen : !isOpen;
-    return (React.createElement("aside", { className: cn(styles.root, { [styles.collapsed]: isCollapsed }, className) },
+    return (React.createElement("aside", { "data-test": dataTest, className: cn(styles.root, { [styles.collapsed]: isCollapsed }, className) },
         React.createElement(IconButton, { size: "medium", icon: !isCollapsed ? ChevronsLeft : ChevronsRight, onClick: toggle, className: styles.toggle }),
         React.createElement(appSidebarContext.Provider, { value: {
                 open,
@@ -25,7 +25,7 @@ export const AppSidebar = ({ children, className, storageKey = 'SideBarMenu', op
                 setFavorites,
             } },
             React.createElement("div", { className: styles.wrapper },
-                React.createElement("div", { className: styles.content }, children),
-                footer && React.createElement("footer", { className: styles.footer }, footer)))));
+                React.createElement("div", { className: styles.content }, children)),
+            footer && React.createElement("footer", { className: styles.footer }, footer))));
 };
 //# sourceMappingURL=AppSidebar.js.map

package/lib/AppSidebar/AppSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidebar.js","sourceRoot":"","sources":["../../src/AppSidebar/AppSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,WAAW,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,oBAAoB,MAAM,qBAAqB,CAAA;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAW7C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,aAAa,EAC1B,IAAI,EAAE,cAAc,EACpB,WAAW,GAAG,IAAI,EAClB,MAAM,GACU,EAAE,EAAE;IACpB,MAAM,+BAA+B,GAAG,oBAAoB,CAAU,UAAU,CAAC,CAAA;IACjF,MAAM,0BAA0B,GAAG,oBAAoB,CAAW,kBAAkB,CAAC,CAAA;IAErF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,0BAA0B,CAAC,EAAE,CAAC,CAAA;IAChE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,+BAA+B,CAAC,WAAW,CAAC,CAAA;IAExE,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAC3E,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAC5D,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAC9D,MAAM,WAAW,GAAG,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;IAE5E,OAAO,CACL,+BAAO,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,EAAE,SAAS,CAAC;QAC/E,oBAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,GAAI;QAC1H,oBAAC,iBAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;gBACL,IAAI;gBACJ,KAAK;gBACL,MAAM,EAAE,CAAC,WAAW;gBACpB,MAAM;gBACN,SAAS;gBACT,YAAY;aACb;YAED,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO;gBAC5B,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO;gBAC/C,MAAM,IAAI,gCAAQ,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,MAAM,CAAU,CAC1D,CACqB,CACvB,CACT,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AppSidebar.js","sourceRoot":"","sources":["../../src/AppSidebar/AppSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,WAAW,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,oBAAoB,MAAM,qBAAqB,CAAA;AAGtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAY7C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,aAAa,EAC1B,IAAI,EAAE,cAAc,EACpB,WAAW,GAAG,IAAI,EAClB,MAAM,EACN,WAAW,EAAE,QAAQ,GACL,EAAE,EAAE;IACpB,MAAM,+BAA+B,GAAG,oBAAoB,CAAU,UAAU,CAAC,CAAA;IACjF,MAAM,0BAA0B,GAAG,oBAAoB,CAAW,kBAAkB,CAAC,CAAA;IAErF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,0BAA0B,CAAC,EAAE,CAAC,CAAA;IAChE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,+BAA+B,CAAC,WAAW,CAAC,CAAA;IAExE,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAC3E,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAC5D,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAC9D,MAAM,WAAW,GAAG,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;IAE5E,OAAO,CACL,4CAAkB,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,EAAE,SAAS,CAAC;QACpG,oBAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,GAAI;QAC1H,oBAAC,iBAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;gBACL,IAAI;gBACJ,KAAK;gBACL,MAAM,EAAE,CAAC,WAAW;gBACpB,MAAM;gBACN,SAAS;gBACT,YAAY;aACb;YAED,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO;gBAC5B,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CAC5C;YACL,MAAM,IAAI,gCAAQ,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,MAAM,CAAU,CACnC,CACvB,CACT,CAAA;AACH,CAAC,CAAA"}

package/lib/AppSidebar/AppSidebar.module.scss

@@ -8,7 +8,9 @@ $offset: c.$grid * 4;
   width: $width;
   height: 100%;
   flex-shrink: 0;
+  display: flex;
   position: relative;
+  flex-direction: column;
   box-sizing: border-box;
   color: c.$colorNeutralLighter;
   background: c.$brandSecondary;
@@ -36,7 +38,7 @@ $offset: c.$grid * 4;
   }
 
   .content {
-    width: 86%;
+    width: 90%;
     margin: 0 auto;
     padding: $offset 0;
   }

package/lib/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.scss

@@ -5,6 +5,7 @@
   flex-direction: column;
   gap: c.$grid;
   padding: c.$grid * 2 0;
+  font-size: c.$fontSizeBodySmall;
 }
 
 .placeholder {

package/lib/AppSidebar/AppSidebarItem/AppSidebarItem.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { Icon as FeatherIcon } from 'react-feather';
 import { DataTestProp } from '@hazelcast/helpers';
 import { ButtonColor } from '../../Button';
@@ -11,9 +11,6 @@ export type AppSidebarItemProps = {
     onClick?: () => void;
     available?: boolean;
     adornment?: ReactNode;
-    wrapper?: (props: {
-        children: ReactElement | string;
-    }) => ReactElement;
 } & DataTestProp & ({
     disabled?: never;
     disabledTooltip?: never;
@@ -27,4 +24,4 @@ export type AppSidebarItemProps = {
     icon: FeatherIcon;
     iconAriaLabel: string;
 });
-export declare const AppSidebarItem: ({ id, title, className, active, icon, iconAriaLabel, disabled, disabledTooltip, onClick, color, adornment, available, "data-test": dataTest, wrapper: Wrapper, }: AppSidebarItemProps) => JSX.Element;
+export declare const AppSidebarItem: ({ id, title, className, active, icon, iconAriaLabel, disabled, disabledTooltip, onClick, color, adornment, available, "data-test": dataTest, }: AppSidebarItemProps) => JSX.Element;

package/lib/AppSidebar/AppSidebarItem/AppSidebarItem.js

@@ -7,19 +7,17 @@ import { appSidebarContext } from '../appSidebarContext';
 import { AppSidebarFavoriteButton } from '../AppSidebarFavoriteButton';
 import { appSidebarSectionContext } from '../AppSidebarSection/appSidebarSectionContext';
 import styles from './AppSidebarItem.module.scss';
-const Component = ({ children }) => React.createElement(React.Fragment, null, children);
-export const AppSidebarItem = ({ id, title, className, active, icon, iconAriaLabel, disabled, disabledTooltip, onClick, color = 'light', adornment, available, 'data-test': dataTest, wrapper: Wrapper = Component, }) => {
+export const AppSidebarItem = ({ id, title, className, active, icon, iconAriaLabel, disabled, disabledTooltip, onClick, color = 'light', adornment, available, 'data-test': dataTest, }) => {
     const { isOpen } = useContext(appSidebarContext);
     const ctx = useContext(appSidebarSectionContext);
-    return (React.createElement("div", { className: cn(styles.root, { [styles.collapsed]: !isOpen, [styles.nested]: !!ctx }), "data-test": dataTest },
+    return (React.createElement(Tooltip, { arrow: false, placement: "right-start", color: "dark", visible: isOpen ? false : undefined, content: iconAriaLabel }, (ref) => (React.createElement("div", { ref: ref, className: cn(styles.root, { [styles.collapsed]: !isOpen, [styles.nested]: !!ctx }), "data-test": dataTest },
         id && ctx && React.createElement(AppSidebarFavoriteButton, { id: id, className: styles.favorite }),
-        React.createElement(Wrapper, null,
-            React.createElement(Button, { variant: "text", color: color, active: active, truncate: false, onClick: onClick, disabled: disabled, disabledTooltip: disabledTooltip, bodyClassName: styles.content, "data-test": "sidebar-menu-item-title", className: cn(styles.button, { [styles.active]: active }, className) },
-                React.createElement(React.Fragment, null,
-                    icon && (React.createElement(Tooltip, { arrow: false, placement: "right-start", color: "dark", visible: isOpen ? false : undefined, content: iconAriaLabel }, (ref) => React.createElement(Icon, { ref: ref, size: "medium", icon: icon, ariaLabel: iconAriaLabel, className: styles.icon }))),
-                    title,
-                    (adornment || available !== undefined) && (React.createElement("div", { className: styles.adornment },
-                        adornment,
-                        available !== undefined && React.createElement("span", { className: cn(styles.status, { [styles.available]: available }) }))))))));
+        React.createElement(Button, { variant: "text", color: color, active: active, truncate: false, onClick: onClick, outline: "inset", disabled: disabled, disabledTooltip: disabledTooltip, bodyClassName: styles.content, "data-test": "sidebar-menu-item-title", className: cn(styles.button, { [styles.active]: active }, className) },
+            React.createElement(React.Fragment, null,
+                icon && React.createElement(Icon, { size: "medium", icon: icon, ariaLabel: iconAriaLabel, className: styles.icon }),
+                title,
+                (adornment || available !== undefined) && (React.createElement("div", { className: styles.adornment },
+                    adornment,
+                    available !== undefined && React.createElement("span", { className: cn(styles.status, { [styles.available]: available }) })))))))));
 };
 //# sourceMappingURL=AppSidebarItem.js.map

package/lib/AppSidebar/AppSidebarItem/AppSidebarItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidebarItem.js","sourceRoot":"","sources":["../../../src/AppSidebar/AppSidebarItem/AppSidebarItem.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AppSidebarItem.js","sourceRoot":"","sources":["../../../src/AppSidebar/AppSidebarItem/AppSidebarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,MAAM,YAAY,CAAA;AAI3B,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,MAAM,EAAe,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+CAA+C,CAAA;AAExF,OAAO,MAAM,MAAM,8BAA8B,CAAA;AAejD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,EAAE,EACF,KAAK,EACL,SAAS,EACT,MAAM,EACN,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,eAAe,EACf,OAAO,EACP,KAAK,GAAG,OAAO,EACf,SAAS,EACT,SAAS,EACT,WAAW,EAAE,QAAQ,GACD,EAAE,EAAE;IACxB,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAChD,MAAM,GAAG,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAA;IAEhD,OAAO,CACL,oBAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,aAAa,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,IACpH,CAAC,GAAG,EAAE,EAAE,CAAC,CACR,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,eAAa,QAAQ;QACpH,EAAE,IAAI,GAAG,IAAI,oBAAC,wBAAwB,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,GAAI;QAC9E,oBAAC,MAAM,IACL,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,OAAO,EAChB,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,QAAmB,EAC7B,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,MAAM,CAAC,OAAO,eACnB,yBAAyB,EACnC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,SAAS,CAAC;YAEpE;gBACG,IAAI,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI;gBAC5F,KAAK;gBACL,CAAC,SAAS,IAAI,SAAS,KAAK,SAAS,CAAC,IAAI,CACzC,6BAAK,SAAS,EAAE,MAAM,CAAC,SAAS;oBAC7B,SAAS;oBACT,SAAS,KAAK,SAAS,IAAI,8BAAM,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC,GAAI,CACjG,CACP,CACA,CACI,CACL,CACP,CACO,CACX,CAAA;AACH,CAAC,CAAA"}

package/lib/AppSidebar/AppSidebarItem/AppSidebarItem.module.scss

@@ -7,7 +7,7 @@
   flex-direction: column;
 
   &.nested {
-    padding-left: c.$grid * 14;
+    padding-left: c.$grid * 10;
 
     .button {
       color: c.$colorNeutralLight;
@@ -85,5 +85,8 @@
 
   .adornment {
     margin-left: auto;
+    display: inline-flex;
+    align-items: center;
+    gap: c.$grid * 2;
   }
 }

package/lib/AppSidebar/AppSidebarSection/AppSidebarSection.module.scss

@@ -19,7 +19,7 @@ $sideBarMenuSectionTransitionMaxHeight: 1000px;
 }
 
 .collapsed {
-  border-color: c.$colorNeutralLighter;
+  border-color: c.$colorNeutralLight;
 
   h3 {
     display: none;

package/lib/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js

@@ -1,4 +1,4 @@
-import React, { useContext, useEffect } from 'react';
+import React, { useContext, useEffect, useRef } from 'react';
 import cn from 'classnames';
 import { ChevronDown, ChevronUp } from 'react-feather';
 import createPersistedState from 'use-persisted-state';
@@ -10,6 +10,8 @@ import { appSidebarSectionContext } from './appSidebarSectionContext';
 import styles from './AppSidebarSection.module.scss';
 const kebabCase = (str) => str.toLowerCase().split(' ').join('-');
 export const AppSidebarSectionExpandable = ({ id, active, icon, title, ariaLabel, children, 'data-test': dataTest = 'sidebar-menu-section-title', }) => {
+    const rootEl = useRef(null);
+    const clicked = useRef(false);
     const { isOpen, open: openSidebar } = useContext(appSidebarContext);
     const usePersistedMenuStorageState = createPersistedState(`isOpen::${title}`);
     const [open, setOpen] = usePersistedMenuStorageState(false);
@@ -23,9 +25,17 @@ export const AppSidebarSectionExpandable = ({ id, active, icon, title, ariaLabel
         if (!isOpen) {
             openSidebar();
             setOpen(true);
+            clicked.current = true;
         }
         else {
             setOpen(!open);
+            clicked.current = false;
+        }
+    };
+    const handleTransitionEnd = () => {
+        if (isOpen && active && rootEl.current && clicked.current) {
+            rootEl.current.scrollIntoView();
+            clicked.current = false;
         }
     };
     useEffect(() => {
@@ -34,10 +44,10 @@ export const AppSidebarSectionExpandable = ({ id, active, icon, title, ariaLabel
             setTimeout(() => cb(true));
         }
     }, [getIsActive, getSetOpen]);
-    return (React.createElement("section", { "data-test": `sidebar-menu-section-${kebabCase(id)}` },
+    return (React.createElement("section", { ref: rootEl, "data-test": `sidebar-menu-section-${kebabCase(id)}` },
         React.createElement(AppSidebarItem, { title: title, "aria-label": ariaLabel, icon: icon, iconAriaLabel: title, onClick: handleClick, active: active, className: styles.toggle, adornment: React.createElement(Icon, { "data-test": "sidebar-menu-section-chevron", size: "medium", containerClassName: styles.icon, ...chevronButtonProps }), "data-test": dataTest }),
         React.createElement(appSidebarSectionContext.Provider, { value: {} },
-            React.createElement("div", { className: cn(styles.content, {
+            React.createElement("div", { onTransitionEnd: handleTransitionEnd, className: cn(styles.content, {
                     [styles.transitionEnter]: isSectionOpen,
                     [styles.transitionLeave]: !isSectionOpen,
                 }) }, children))));

package/lib/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidebarSectionExpandable.js","sourceRoot":"","sources":["../../../src/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AppSidebarSectionExpandable.js","sourceRoot":"","sources":["../../../src/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.tsx"],"names":[],"mappings":"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"}

package/lib/hooks/useOnClickOutside.d.ts

@@ -1,5 +1,5 @@
 type RefElement = HTMLElement | null | undefined;
-export declare const containsElement: (target: RefElement, element: Node) => boolean | undefined;
+export declare const containsElement: (target: RefElement, element: EventTarget | HTMLElement | null | undefined) => boolean | undefined;
 export declare const useOnClickOutside: (active: boolean, opts: {
     target: RefElement;
     handler: (event: Event) => void;

package/lib/hooks/useOnClickOutside.js

@@ -1,6 +1,12 @@
 import { useCallback, useEffect } from 'react';
 import { useRefValue } from './useRefValue';
-export const containsElement = (target, element) => target === null || target === void 0 ? void 0 : target.contains(element);
+export const containsElement = (target, element) => {
+    if (isNode(element)) {
+        return target === null || target === void 0 ? void 0 : target.contains(element);
+    }
+    return false;
+};
+const isNode = (element) => element != null && 'nodeType' in element;
 export const useOnClickOutside = (active, opts) => {
     const { target, handler, excludeElement } = opts;
     const getOutsideClickHandler = useRefValue(handler);

package/lib/hooks/useOnClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOnClickOutside.js","sourceRoot":"","sources":["../../src/hooks/useOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAkB,EAAE,OAAa,EAAE,EAAE,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;AAE/F,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,MAAe,EACf,IAA0F,EAC1F,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,IAAI,CAAA;IAChD,MAAM,sBAAsB,GAAG,WAAW,CAAC,OAAO,CAAC,CAAA;IAEnD,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAY,EAAE,EAAE;QACf,MAAM,OAAO,GAAG,KAAK,CAAC,MAAc,CAAA;QAEpC,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE,OAAO,CAAC,EAAE;YAClF,sBAAsB,EAAE,CAAC,KAAK,CAAC,CAAA;SAChC;IACH,CAAC,EACD,CAAC,MAAM,EAAE,cAAc,EAAE,sBAAsB,CAAC,CACjD,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE;YACV,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;YAChD,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;SAClD;aAAM;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;YACnD,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;SACrD;QAED,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;YACnD,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAA;AACxB,CAAC,CAAA"}
+{"version":3,"file":"useOnClickOutside.js","sourceRoot":"","sources":["../../src/hooks/useOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAkB,EAAE,OAAqD,EAAE,EAAE;IAC3G,IAAI,MAAM,CAAC,OAAO,CAAC,EAAE;QACnB,OAAO,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;KACjC;IAED,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,CAAC,OAAuC,EAAmB,EAAE,CAAC,OAAO,IAAI,IAAI,IAAI,UAAU,IAAI,OAAO,CAAA;AAErH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,MAAe,EACf,IAA0F,EAC1F,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,IAAI,CAAA;IAChD,MAAM,sBAAsB,GAAG,WAAW,CAAC,OAAO,CAAC,CAAA;IAEnD,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAY,EAAE,EAAE;QACf,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAA;QAE5B,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE,OAAO,CAAC,EAAE;YAClF,sBAAsB,EAAE,CAAC,KAAK,CAAC,CAAA;SAChC;IACH,CAAC,EACD,CAAC,MAAM,EAAE,cAAc,EAAE,sBAAsB,CAAC,CACjD,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE;YACV,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;YAChD,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;SAClD;aAAM;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;YACnD,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;SACrD;QAED,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;YACnD,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAA;AACxB,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hazelcast/ui",
-  "version": "1.3.3-next.11+8a67893",
+  "version": "1.3.3-next.12+d317a97",
   "description": "Hazelcast design system components",
   "author": "",
   "homepage": "https://github.com/hazelcast/frontend-shared#readme",
@@ -121,5 +121,5 @@
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
-  "gitHead": "8a67893428936d41b8ad9794986c1157fb0e7cce"
+  "gitHead": "d317a97230fbf64286ccc3ff3a6a752cba5837f3"
 }