@neo4j-ndl/react 3.9.24 → 4.0.0-alpha.0.aeb5d94

package/lib/cjs/side-navigation/SideNavigation.js

@@ -1,3 +1,21 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SideNavigation = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -18,151 +36,240 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SideNavigation = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const defaultImports_1 = require("../_common/defaultImports");
+const react_1 = require("@floating-ui/react");
+const base_1 = require("@neo4j-ndl/base");
+const classnames_1 = __importDefault(require("classnames"));
+const react_2 = require("react");
+const IconIndicatorWrapper_1 = require("../_common/IconIndicatorWrapper");
+const clean_icon_button_1 = require("../clean-icon-button");
+const conditional_wrap_1 = require("../conditional-wrap");
 const divider_1 = require("../divider");
-const icon_button_1 = require("../icon-button");
 const icons_1 = require("../icons");
+const tooltip_1 = require("../tooltip");
 const typography_1 = require("../typography");
-const getExpandIconName = (position, isExpanded) => {
-    if (isExpanded) {
-        return position === 'left' ? ((0, jsx_runtime_1.jsx)(icons_1.CollapseExpandLeftIcon, { className: "n-size-full" })) : ((0, jsx_runtime_1.jsx)(icons_1.CollapseExpandRightIcon, { className: "n-size-full" }));
-    }
-    else {
-        return position === 'left' ? ((0, jsx_runtime_1.jsx)(icons_1.CollapseExpandRightIcon, { className: "n-size-full" })) : ((0, jsx_runtime_1.jsx)(icons_1.CollapseExpandLeftIcon, { className: "n-size-full" }));
-    }
-};
-const SideNavigationComponent = (0, react_1.forwardRef)(function SideNavigationComponent({ isExpanded, children, className, onExpandedChange, hasIconMenu = false, position = 'left', size: defaultSize = 'large', htmlAttributes, }, ref) {
-    // Typescript unable to infer the default value correctly in the parameter.
-    const size = defaultSize;
-    const setOnExpandedChange = (0, react_1.useCallback)(() => {
-        if (onExpandedChange !== undefined) {
-            onExpandedChange(!isExpanded);
-        }
-    }, [isExpanded, onExpandedChange]);
-    const classes = (0, defaultImports_1.classNames)('ndl-side-navigation', className, {
-        'ndl-expanded': isExpanded,
-        'ndl-side-navigation-minimized-small': !isExpanded && size === 'small',
-        [`ndl-${position}`]: position,
+const side_navigation_context_1 = require("./side-navigation-context");
+/**
+ * SideNav
+ */
+const SideNavComponent = ({ children, className, style, htmlAttributes, isExpanded = false, shouldExpandOnHover = true, ariaLabel, pinButtonCallback, expandedWidth, ref, }) => {
+    const [isHovered, setIsHovered] = (0, react_2.useState)(false);
+    const rootRef = (0, react_2.useRef)(null);
+    const isFloatingExpanded = shouldExpandOnHover && isHovered;
+    const classes = (0, classnames_1.default)('ndl-side-nav', 'ndl-side-nav-root', className, {
+        'ndl-side-nav-collapsed': isExpanded !== true && shouldExpandOnHover !== true,
+        'ndl-side-nav-expanded': isExpanded,
     });
-    const icon = getExpandIconName(position, isExpanded);
-    return ((0, jsx_runtime_1.jsx)(SideNavigationContext.Provider, { value: { isExpanded, hasIconMenu, size }, children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: classes, ref: ref }, (!isExpanded &&
-            !hasIconMenu && {
-            role: 'presentation',
-            onClick: setOnExpandedChange,
-        }), htmlAttributes, { children: [(0, jsx_runtime_1.jsx)("nav", { className: "ndl-side-navigation-nav", children: children }), onExpandedChange !== undefined && ((0, jsx_runtime_1.jsx)(icon_button_1.IconButton, { className: "ndl-side-navigation-drawer-button", onClick: setOnExpandedChange, ariaLabel: isExpanded ? 'collapse-navigation' : 'expand-navigation', size: size === 'small' ? 'medium' : 'large', isClean: true, htmlAttributes: {
-                        'data-testid': 'ndl-side-nav-expand-btn',
-                        title: `${isExpanded ? 'Collapse' : 'Expand'} side navigation`,
-                    }, children: icon }))] })) }));
-});
-SideNavigationComponent.displayName = 'SideNavigation';
-const SideNavigationContext = (0, react_1.createContext)(null);
-const useSideNavigationContext = () => (0, react_1.useContext)(SideNavigationContext);
-const SideNavigationListContext = (0, react_1.createContext)(null);
-const useSideNavigationListContext = () => (0, react_1.useContext)(SideNavigationListContext);
-const SideNavigationList = (0, react_1.forwardRef)(function SideNavigationList({ children, className, htmlAttributes }, ref) {
-    var _a, _b;
-    const classes = (0, defaultImports_1.classNames)('ndl-side-navigation-nav-list', className);
-    const { level } = (_a = useSideNavigationListContext()) !== null && _a !== void 0 ? _a : {
-        level: -1,
-    };
-    const { isExpanded, hasIconMenu, size } = (_b = useSideNavigationContext()) !== null && _b !== void 0 ? _b : {
-        isExpanded: true,
-        hasIconMenu: false,
-        size: 'small',
-    };
-    if (!isExpanded && !hasIconMenu)
-        return null;
-    return ((0, jsx_runtime_1.jsx)(SideNavigationListContext.Provider, { value: { level: level + 1, size }, children: (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: classes, ref: ref }, htmlAttributes, { children: children })) }));
-});
-SideNavigationList.displayName = 'SideNavigation.List';
-const SideNavigationItem = (0, react_1.forwardRef)(function SideNavigationItem(_a, ref) {
-    var _b, _c;
-    var { className, children, icon, as, isSelected = false, isSelectable = true, style = {}, htmlAttributes } = _a, restProps = __rest(_a, ["className", "children", "icon", "as", "isSelected", "isSelectable", "style", "htmlAttributes"]);
-    const Component = as || 'a';
-    const { level } = (_b = useSideNavigationListContext()) !== null && _b !== void 0 ? _b : { level: 0 };
-    const { isExpanded, hasIconMenu, size } = (_c = useSideNavigationContext()) !== null && _c !== void 0 ? _c : {
-        isExpanded: true,
-        hasIconMenu: false,
-        size: 'small',
-    };
-    const defaultPaddingLeft = level ? 0 : size === 'small' ? 8 : 12;
-    const paddingLeft = isExpanded ? defaultPaddingLeft + level * 32 : 0;
-    const itemClasses = (0, defaultImports_1.classNames)(className, {
-        'ndl-side-navigation-nav-item': size === 'large',
-        'ndl-side-navigation-nav-item-small': size === 'small',
-        'ndl-expanded': isExpanded,
+    const innerClasses = (0, classnames_1.default)('ndl-side-nav-inner', {
+        'ndl-side-nav-hover': shouldExpandOnHover === true &&
+            isFloatingExpanded === true &&
+            isExpanded !== true,
     });
-    const innerClasses = (0, defaultImports_1.classNames)('ndl-side-navigation-inner-item', {
-        'ndl-selected': isSelected,
-        'ndl-selectable': isSelectable,
+    const customStyle = Object.assign(Object.assign({}, style), (Boolean(expandedWidth) && {
+        '--side-nav-width-expanded': typeof expandedWidth === 'string'
+            ? expandedWidth
+            : `${expandedWidth}px`,
+    }));
+    const mergedRef = (0, react_1.useMergeRefs)([ref, rootRef]);
+    return ((0, jsx_runtime_1.jsx)(side_navigation_context_1.SideNavContext.Provider, { value: {
+            isExpanded,
+            isHovered: isFloatingExpanded, // needs refactoring
+            pinButtonCallback,
+            shouldExpandOnHover,
+        }, children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: classes, ref: mergedRef, style: customStyle, onMouseEnter: () => {
+                setIsHovered(true);
+            }, onMouseLeave: () => {
+                setIsHovered(false);
+            } }, htmlAttributes, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: innerClasses, style: customStyle }, htmlAttributes, { children: [(0, jsx_runtime_1.jsx)("nav", { className: "ndl-side-nav-nav", children: (0, jsx_runtime_1.jsx)(react_1.Composite, { as: "ul", "aria-label": ariaLabel, role: "menubar", orientation: "vertical", "aria-orientation": "vertical", className: "ndl-side-nav-list", loop: true, children: children }) }), shouldExpandOnHover === true && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-side-nav-footer", children: (0, jsx_runtime_1.jsx)(PinButton, {}) }))] })) })) }));
+};
+/**
+ * SideNavListItem
+ */
+const SideNavListItem = (_a) => {
+    var { children, className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["children", "className", "style", "htmlAttributes", "ref"]);
+    const classes = (0, classnames_1.default)('ndl-side-nav-list-item', className, {});
+    return ((0, jsx_runtime_1.jsxs)("li", Object.assign({ role: "none", className: classes, style: style, ref: ref }, htmlAttributes, restProps, { children: [(0, jsx_runtime_1.jsx)(SelectedIndicator, {}), children] })));
+};
+/**
+ * NavItem
+ */
+const NavItem = (_a) => {
+    var { icon, label, trailingElement, isActive, className, style, htmlAttributes, as, badge, ref } = _a, restProps = __rest(_a, ["icon", "label", "trailingElement", "isActive", "className", "style", "htmlAttributes", "as", "badge", "ref"]);
+    const { isExpanded, isHovered, shouldExpandOnHover } = (0, side_navigation_context_1.useSideNavContext)();
+    const categoryContext = (0, side_navigation_context_1.useSideNavCategoryContext)();
+    const isInCategory = categoryContext !== null;
+    const item = (0, react_1.useListItem)();
+    const mergedRef = (0, react_1.useMergeRefs)([item.ref, ref]);
+    const isActiveIndex = item.index === (categoryContext === null || categoryContext === void 0 ? void 0 : categoryContext.activeIndex);
+    const Component = as !== null && as !== void 0 ? as : 'button';
+    const classes = (0, classnames_1.default)('ndl-side-nav-nav-item', className, {
+        'ndl-active': isActive === true,
     });
-    if (hasIconMenu && !icon) {
-        throw new Error('SideNavigation is an IconMenu but icon is not defined! Set an icon on this SideNavigationItem or set `hasIconMenu` to false on SideNavigation');
-    }
-    else if (!hasIconMenu && icon) {
-        throw new Error('SideNavigation is not an IconMenu but icon is defined! Remove the icon or set `hasIconMenu` to true on SideNavigation to allow icons');
-    }
-    if (!isExpanded && !(icon && hasIconMenu))
-        return null;
-    return ((0, jsx_runtime_1.jsx)("li", { className: itemClasses, children: (0, jsx_runtime_1.jsxs)(Component, Object.assign({ className: innerClasses, style: Object.assign({ paddingLeft }, style), ref: ref }, restProps, htmlAttributes, { children: [hasIconMenu && icon && (0, jsx_runtime_1.jsx)("span", { className: "ndl-icon", children: icon }), isExpanded && children] })) }));
-});
-const SideNavigationItemBadge = (0, react_1.forwardRef)(function SideNavigationItemBadge(_a, ref) {
+    const Wrapper = isInCategory ? Component : react_1.CompositeItem;
+    const componentProps = Object.assign(Object.assign(Object.assign({ className: classes, ref: mergedRef, role: 'menuitem', style: style }, (isInCategory && Object.assign(Object.assign({}, categoryContext === null || categoryContext === void 0 ? void 0 : categoryContext.getItemProps()), { tabIndex: isActiveIndex ? 0 : -1 }))), restProps), htmlAttributes);
+    const wrapperProps = isInCategory
+        ? componentProps
+        : {
+            render: (0, jsx_runtime_1.jsx)(Component, Object.assign({}, componentProps)),
+        };
+    return ((0, jsx_runtime_1.jsx)(conditional_wrap_1.ConditionalWrap, { shouldWrap: isExpanded === false &&
+            (isHovered === false || !shouldExpandOnHover) &&
+            !isInCategory &&
+            Boolean(label), wrap: (children) => ((0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { type: "simple", placement: "right", hoverDelay: { close: 0, open: shouldExpandOnHover ? 100 : 0 }, children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Trigger, { hasButtonWrapper: true, children: children }), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Content, { children: label })] })), children: (0, jsx_runtime_1.jsx)(Wrapper, Object.assign({}, wrapperProps, { children: (0, jsx_runtime_1.jsxs)("div", { className: "ndl-side-nav-item-inner", children: [Boolean(icon) && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-side-nav-item-leading-element", children: (0, jsx_runtime_1.jsx)(conditional_wrap_1.ConditionalWrap, { shouldWrap: Boolean(badge) && !isHovered && !isExpanded, wrap: (children) => {
+                                var _a;
+                                return ((0, jsx_runtime_1.jsx)(IconIndicatorWrapper_1.IconIndicatorWrapper, { type: (_a = badge === null || badge === void 0 ? void 0 : badge.type) !== null && _a !== void 0 ? _a : 'info', children: children }));
+                            }, children: icon }) })), Boolean(label) && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "body-medium", as: "div", className: "ndl-side-nav-item-label", children: label })), (Boolean(trailingElement) || Boolean(badge)) && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-side-nav-item-trailing-element", children: [trailingElement, badge !== undefined && ((0, jsx_runtime_1.jsx)(ItemBadge, { type: badge.type, number: badge.number }))] }))] }) })) }));
+};
+/**
+ * CategoryItem
+ */
+const CategoryItem = (_a) => {
     var _b;
-    var { children, type = 'info' } = _a, restProps = __rest(_a, ["children", "type"]);
-    const { isExpanded } = (_b = useSideNavigationContext()) !== null && _b !== void 0 ? _b : {
-        isExpanded: true,
-    };
-    if (!isExpanded) {
-        return null;
-    }
-    const badgeClasses = (0, defaultImports_1.classNames)('ndl-badge', {
+    var { children, icon, label, isActive, className, style, htmlAttributes, badge, isMenuOpen = false, ref } = _a, restProps = __rest(_a, ["children", "icon", "label", "isActive", "className", "style", "htmlAttributes", "badge", "isMenuOpen", "ref"]);
+    const floatingId = (0, react_2.useId)();
+    const { isExpanded, isHovered } = (0, side_navigation_context_1.useSideNavContext)();
+    const anchorRef = (0, react_2.useRef)(null);
+    const [isOpen, setIsOpen] = (0, react_2.useState)(false);
+    const [activeIndex, setActiveIndex] = (0, react_2.useState)(null);
+    const elementsRef = (0, react_2.useRef)([]);
+    const classes = (0, classnames_1.default)('ndl-side-nav-category-item', className, {
+        'ndl-active': isActive === true,
+    });
+    // Floating UI setup
+    const { refs, context } = (0, react_1.useFloating)({
+        elements: {
+            reference: anchorRef.current,
+        },
+        middleware: [
+            (0, react_1.offset)(5),
+            (0, react_1.flip)({ crossAxis: true, fallbackAxisSideDirection: 'end', padding: 5 }),
+            (0, react_1.shift)({ padding: 5 }),
+        ],
+        onOpenChange: setIsOpen,
+        open: isOpen || isMenuOpen,
+        placement: 'right-start',
+        strategy: 'fixed',
+        whileElementsMounted: react_1.autoUpdate,
+    });
+    const dismiss = (0, react_1.useDismiss)(context, {
+        referencePress: false,
+    });
+    const hover = (0, react_1.useHover)(context, {
+        delay: { close: 130, open: 130 },
+        handleClose: (0, react_1.safePolygon)({
+            blockPointerEvents: false,
+            requireIntent: false,
+        }),
+    });
+    const focus = (0, react_1.useFocus)(context);
+    const listNavigation = (0, react_1.useListNavigation)(context, {
+        activeIndex: activeIndex,
+        focusItemOnHover: false,
+        focusItemOnOpen: false,
+        listRef: elementsRef,
+        loop: true,
+        nested: true,
+        onNavigate: setActiveIndex,
+        openOnArrowKeyDown: false,
+    });
+    // Separate interactions: reference (no listNavigation), floating (with listNavigation)
+    const refInteractions = (0, react_1.useInteractions)([dismiss, hover, focus]);
+    const floatInteractions = (0, react_1.useInteractions)([dismiss, hover, listNavigation]);
+    const { styles: transitionStyles } = (0, react_1.useTransitionStyles)(context, {
+        duration: (_b = Number.parseInt(base_1.tokens.motion.duration.quick)) !== null && _b !== void 0 ? _b : 0,
+    });
+    // Reset activeIndex when menu closes
+    (0, react_2.useEffect)(() => {
+        if (!context.open) {
+            setActiveIndex(null);
+        }
+    }, [context.open]);
+    const mergedRef = (0, react_1.useMergeRefs)([refs.setReference, ref]);
+    return ((0, jsx_runtime_1.jsx)(side_navigation_context_1.SideNavCategoryContext.Provider, { value: {
+            activeIndex,
+            getItemProps: floatInteractions.getItemProps,
+        }, children: (0, jsx_runtime_1.jsxs)(react_1.CompositeItem, { render: (0, jsx_runtime_1.jsx)("button", Object.assign({}, refInteractions.getReferenceProps({
+                className: classes,
+                ref: mergedRef,
+                style,
+            }), restProps, htmlAttributes, { role: "menuitem", "aria-haspopup": "menu", "aria-expanded": context.open, "aria-controls": floatingId, onKeyDown: (e) => {
+                    if (e.key === 'ArrowRight') {
+                        // open and move focus into submenu
+                        setIsOpen(true);
+                        setActiveIndex(0);
+                        // Defer focusing first item (if needed) to next tick
+                        requestAnimationFrame(() => {
+                            const el = elementsRef.current[0];
+                            el === null || el === void 0 ? void 0 : el.focus();
+                        });
+                        e.preventDefault();
+                    }
+                    // ArrowDown/ArrowUp: let Composite handle top-level roving focus.
+                } })), children: [(0, jsx_runtime_1.jsxs)("div", { className: "ndl-side-nav-item-inner", children: [Boolean(icon) && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-side-nav-item-leading-element", children: (0, jsx_runtime_1.jsx)(conditional_wrap_1.ConditionalWrap, { shouldWrap: Boolean(badge) && !isHovered && !isExpanded, wrap: (children) => {
+                                    var _a;
+                                    return ((0, jsx_runtime_1.jsx)(IconIndicatorWrapper_1.IconIndicatorWrapper, { type: (_a = badge === null || badge === void 0 ? void 0 : badge.type) !== null && _a !== void 0 ? _a : 'info', children: children }));
+                                }, children: icon }) })), Boolean(label) && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "body-medium", as: "div", className: "ndl-side-nav-item-label", children: label })), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-side-nav-item-trailing-element", children: [badge && (0, jsx_runtime_1.jsx)(ItemBadge, { type: badge.type, number: badge.number }), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIconOutline, { className: "n-size-4 n-text-neutral-icon" })] })] }), context.open && ((0, jsx_runtime_1.jsx)(react_1.FloatingList, { elementsRef: elementsRef, children: (0, jsx_runtime_1.jsx)(react_1.FloatingPortal, { children: (0, jsx_runtime_1.jsx)(react_1.FloatingFocusManager, { context: context, modal: false, initialFocus: -1, returnFocus: true, closeOnFocusOut: true, guards: true, children: (0, jsx_runtime_1.jsx)("ul", Object.assign({ id: floatingId, ref: refs.setFloating, className: "ndl-side-nav ndl-side-nav-popover ndl-side-nav-popover-list", style: Object.assign(Object.assign({}, context.floatingStyles), transitionStyles) }, floatInteractions.getFloatingProps(), { role: "menu", children: children })) }) }) }))] }) }));
+};
+/**
+ * CategoryHeader
+ */
+const CategoryHeader = (_a) => {
+    var { children, className, ref, style, htmlAttributes } = _a, restProps = __rest(_a, ["children", "className", "ref", "style", "htmlAttributes"]);
+    const { isExpanded, isHovered } = (0, side_navigation_context_1.useSideNavContext)();
+    const classes = (0, classnames_1.default)('ndl-side-nav-category-header', className, {
+        'ndl-side-nav-category-header-expanded': isExpanded || isHovered,
+    });
+    return ((0, jsx_runtime_1.jsx)(typography_1.Typography, Object.assign({ ref: ref, variant: "label", as: "li", className: classes, htmlAttributes: Object.assign(Object.assign({}, htmlAttributes), { role: 'separator' }), style: style }, restProps, { children: isExpanded || isHovered ? children : (0, jsx_runtime_1.jsx)(divider_1.Divider, {}) })));
+};
+/**
+ * SelectedIndicator
+ */
+const SelectedIndicator = () => {
+    return (0, jsx_runtime_1.jsx)("div", { className: 'ndl-side-nav-selected-indicator' });
+};
+/**
+ * SideNavDivider
+ */
+const SideNavDivider = () => {
+    return ((0, jsx_runtime_1.jsx)(divider_1.Divider, { orientation: "horizontal", className: "ndl-side-nav-divider", as: "li" }));
+};
+/**
+ * ItemBadge
+ */
+const ItemBadge = (_a) => {
+    var { number, type, ref, htmlAttributes, style, className } = _a, restProps = __rest(_a, ["number", "type", "ref", "htmlAttributes", "style", "className"]);
+    (0, side_navigation_context_1.useSideNavContext)();
+    const badgeClasses = (0, classnames_1.default)('ndl-side-nav-item-badge', className, {
+        'ndl-danger': type === 'danger',
         'ndl-info': type === 'info',
         'ndl-warning': type === 'warning',
-        'ndl-critical': type === 'critical',
-    });
-    return ((0, jsx_runtime_1.jsx)(typography_1.Typography, Object.assign({ as: "span", className: badgeClasses, variant: "subheading-small" }, restProps, { ref: ref, children: children })));
-});
-SideNavigationItemBadge.displayName = 'SideNavigation.ItemBadge';
-const SideNavigationGroupHeader = (0, react_1.forwardRef)(function SideNavigationGroupHeader({ children, className, as, style, htmlAttributes, }, ref) {
-    var _a;
-    const Component = as !== null && as !== void 0 ? as : 'li';
-    const { isExpanded, hasIconMenu, size } = (_a = useSideNavigationContext()) !== null && _a !== void 0 ? _a : {
-        isExpanded: true,
-        hasIconMenu: false,
-    };
-    const classes = (0, defaultImports_1.classNames)(className, {
-        'ndl-side-navigation-nav-item': size === 'large',
-        'ndl-side-navigation-nav-item-small': size === 'small',
     });
-    const paddingLeft = isExpanded ? (size === 'small' ? '8px' : '16px') : '0';
-    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, style: Object.assign({ paddingLeft }, style) }, htmlAttributes, { children: (0, jsx_runtime_1.jsxs)("div", { className: "ndl-side-navigation-inner-item ndl-side-navigation-group-header", ref: ref, children: [!isExpanded && hasIconMenu && (0, jsx_runtime_1.jsx)(divider_1.Divider, {}), isExpanded && children] }) })));
-});
-// Issue with TypeScript forwardRef and subcomponents: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907
+    return ((0, jsx_runtime_1.jsx)(typography_1.Typography, Object.assign({ as: "span", className: badgeClasses, variant: "subheading-small", htmlAttributes: Object.assign({ 'aria-label': `${number} notifications of type ${type}` }, htmlAttributes), style: style, ref: ref }, restProps, { children: number })));
+};
 /**
- * @deprecated Use new SideNavigation from @neo4j-ndl/react/next instead.
+ * PinButton
  */
-const SideNavigation = Object.assign(SideNavigationComponent, {
-    GroupHeader: SideNavigationGroupHeader,
-    Item: SideNavigationItem,
-    ItemBadge: SideNavigationItemBadge,
-    List: SideNavigationList,
+const PinButton = () => {
+    const { isExpanded, shouldExpandOnHover, pinButtonCallback } = (0, side_navigation_context_1.useSideNavContext)();
+    const classes = (0, classnames_1.default)('ndl-side-nav-pin-button');
+    if (!shouldExpandOnHover) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(clean_icon_button_1.CleanIconButton, { onClick: pinButtonCallback, className: classes, tooltip: "Pin", size: "medium", isActive: isExpanded, tooltipProps: {
+            root: {
+                autoUpdateOptions: {
+                    animationFrame: true,
+                },
+                placement: 'right',
+            },
+        }, children: (0, jsx_runtime_1.jsx)(icons_1.PinIcon, {}) }));
+};
+const SideNavigation = Object.assign(SideNavComponent, {
+    CategoryHeader: CategoryHeader,
+    CategoryItem: CategoryItem,
+    Divider: SideNavDivider,
+    ItemBadge: ItemBadge,
+    ListItem: SideNavListItem,
+    NavItem,
 });
 exports.SideNavigation = SideNavigation;
 //# sourceMappingURL=SideNavigation.js.map

package/lib/cjs/side-navigation/SideNavigation.js.map

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

package/lib/cjs/side-navigation/side-navigation-context.js

@@ -0,0 +1,39 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSideNavCategoryContext = exports.SideNavCategoryContext = exports.useSideNavContext = exports.SideNavContext = void 0;
+const react_1 = require("react");
+exports.SideNavContext = (0, react_1.createContext)(null);
+const useSideNavContext = () => {
+    const context = (0, react_1.useContext)(exports.SideNavContext);
+    if (!context) {
+        throw new Error('SideNavigation subcomponents must be wrapped in <SideNavigation /> component');
+    }
+    return context;
+};
+exports.useSideNavContext = useSideNavContext;
+exports.SideNavCategoryContext = (0, react_1.createContext)(null);
+const useSideNavCategoryContext = () => {
+    return (0, react_1.useContext)(exports.SideNavCategoryContext);
+};
+exports.useSideNavCategoryContext = useSideNavCategoryContext;
+//# sourceMappingURL=side-navigation-context.js.map

package/lib/cjs/side-navigation/side-navigation-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-navigation-context.js","sourceRoot":"","sources":["../../../src/side-navigation/side-navigation-context.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEH,iCAAkD;AASrC,QAAA,cAAc,GAAG,IAAA,qBAAa,EAA4B,IAAI,CAAC,CAAC;AAEtE,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,sBAAc,CAAC,CAAC;IAC3C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,8EAA8E,CAC/E,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,iBAAiB,qBAQ5B;AASW,QAAA,sBAAsB,GACjC,IAAA,qBAAa,EAAoC,IAAI,CAAC,CAAC;AAElD,MAAM,yBAAyB,GAAG,GAAG,EAAE;IAC5C,OAAO,IAAA,kBAAU,EAAC,8BAAsB,CAAC,CAAC;AAC5C,CAAC,CAAC;AAFW,QAAA,yBAAyB,6BAEpC"}

package/lib/cjs/side-navigation/side-navigation-types.js

@@ -0,0 +1,23 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=side-navigation-types.js.map

package/lib/cjs/side-navigation/side-navigation-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-navigation-types.js","sourceRoot":"","sources":["../../../src/side-navigation/side-navigation-types.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG"}

package/lib/cjs/side-navigation/stories/index.js

@@ -0,0 +1,44 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SideNavBadgesSrc = exports.SideNavSecondarySrc = exports.SideNavCompactSrc = exports.SideNavDefaultSrc = exports.SideNavBadges = exports.SideNavSecondary = exports.SideNavCompact = exports.SideNavDefault = void 0;
+var side_nav_default_story_1 = require("./side-nav-default.story");
+Object.defineProperty(exports, "SideNavDefault", { enumerable: true, get: function () { return __importDefault(side_nav_default_story_1).default; } });
+var side_nav_compact_story_1 = require("./side-nav-compact.story");
+Object.defineProperty(exports, "SideNavCompact", { enumerable: true, get: function () { return __importDefault(side_nav_compact_story_1).default; } });
+var side_nav_secondary_story_1 = require("./side-nav-secondary.story");
+Object.defineProperty(exports, "SideNavSecondary", { enumerable: true, get: function () { return __importDefault(side_nav_secondary_story_1).default; } });
+var side_nav_badges_story_1 = require("./side-nav-badges.story");
+Object.defineProperty(exports, "SideNavBadges", { enumerable: true, get: function () { return __importDefault(side_nav_badges_story_1).default; } });
+const export_stories_utils_1 = require("../../_common/export-stories-utils");
+const side_nav_badges_story_raw_1 = __importDefault(require("./side-nav-badges.story?raw"));
+const side_nav_compact_story_raw_1 = __importDefault(require("./side-nav-compact.story?raw"));
+const side_nav_default_story_raw_1 = __importDefault(require("./side-nav-default.story?raw"));
+const side_nav_secondary_story_raw_1 = __importDefault(require("./side-nav-secondary.story?raw"));
+exports.SideNavDefaultSrc = (0, export_stories_utils_1.removeLicenseHeader)(side_nav_default_story_raw_1.default);
+exports.SideNavCompactSrc = (0, export_stories_utils_1.removeLicenseHeader)(side_nav_compact_story_raw_1.default);
+exports.SideNavSecondarySrc = (0, export_stories_utils_1.removeLicenseHeader)(side_nav_secondary_story_raw_1.default);
+exports.SideNavBadgesSrc = (0, export_stories_utils_1.removeLicenseHeader)(side_nav_badges_story_raw_1.default);
+//# sourceMappingURL=index.js.map

package/lib/cjs/side-navigation/stories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/side-navigation/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,mEAAqE;AAA5D,yIAAA,OAAO,OAAkB;AAClC,mEAAqE;AAA5D,yIAAA,OAAO,OAAkB;AAClC,uEAAyE;AAAhE,6IAAA,OAAO,OAAoB;AACpC,iEAAmE;AAA1D,uIAAA,OAAO,OAAiB;AAEjC,6EAAyE;AACzE,4FAA8D;AAC9D,8FAAgE;AAChE,8FAAgE;AAChE,kGAAoE;AAEvD,QAAA,iBAAiB,GAAG,IAAA,0CAAmB,EAAC,oCAAoB,CAAC,CAAC;AAE9D,QAAA,iBAAiB,GAAG,IAAA,0CAAmB,EAAC,oCAAoB,CAAC,CAAC;AAE9D,QAAA,mBAAmB,GAAG,IAAA,0CAAmB,EAAC,sCAAsB,CAAC,CAAC;AAElE,QAAA,gBAAgB,GAAG,IAAA,0CAAmB,EAAC,mCAAmB,CAAC,CAAC"}

package/lib/cjs/side-navigation/stories/side-nav-badges.story.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const icons_1 = require("@neo4j-ndl/react/icons");
+const react_2 = require("react");
+const Component = () => {
+    const [active, setActive] = (0, react_2.useState)(null);
+    const [isExpanded, setIsExpanded] = (0, react_2.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-h-[calc(40vh-32px)] n-min-h-[700px] n-flex n-bg-neutral-bg-default", children: [(0, jsx_runtime_1.jsxs)(react_1.SideNavigation, { ariaLabel: "Main side navigation", isExpanded: isExpanded, shouldExpandOnHover: true, pinButtonCallback: () => setIsExpanded(!isExpanded), children: [(0, jsx_runtime_1.jsx)(react_1.SideNavigation.ListItem, { children: (0, jsx_runtime_1.jsx)(react_1.SideNavigation.NavItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.HomeIconOutline, {}), label: "Info Badge", isActive: active === 'nav-item-1', onClick: () => setActive('nav-item-1'), badge: {
+                                number: 1,
+                                type: 'info',
+                            } }) }), (0, jsx_runtime_1.jsx)(react_1.SideNavigation.ListItem, { children: (0, jsx_runtime_1.jsx)(react_1.SideNavigation.NavItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.CodeBracketIconOutline, {}), label: "Warning Badge", isActive: active === 'nav-item-2', onClick: () => setActive('nav-item-2'), badge: {
+                                number: 1,
+                                type: 'warning',
+                            } }) }), (0, jsx_runtime_1.jsx)(react_1.SideNavigation.ListItem, { children: (0, jsx_runtime_1.jsx)(react_1.SideNavigation.NavItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.ServerIconOutline, {}), label: "Critical Badge", isActive: active === 'nav-item-3', onClick: () => setActive('nav-item-3'), badge: {
+                                number: 1,
+                                type: 'danger',
+                            } }) }), (0, jsx_runtime_1.jsx)(react_1.SideNavigation.Divider, {}), (0, jsx_runtime_1.jsx)(react_1.SideNavigation.ListItem, { children: (0, jsx_runtime_1.jsxs)(react_1.SideNavigation.CategoryItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.WrenchScrewdriverIconOutline, {}), label: "Category Item", isActive: ['nav-item-4', 'nav-item-5', 'nav-item-6'].includes(active !== null && active !== void 0 ? active : ''), badge: {
+                                number: 3,
+                                type: 'danger',
+                            }, children: [(0, jsx_runtime_1.jsx)(react_1.SideNavigation.ListItem, { children: (0, jsx_runtime_1.jsx)(react_1.SideNavigation.NavItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.MagnifyingGlassIconOutline, {}), label: "Info Badge", isActive: active === 'nav-item-4', onClick: () => setActive('nav-item-4'), badge: {
+                                            number: 1,
+                                            type: 'info',
+                                        } }) }), (0, jsx_runtime_1.jsx)(react_1.SideNavigation.ListItem, { children: (0, jsx_runtime_1.jsx)(react_1.SideNavigation.NavItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.MagnifyingGlassIconOutline, {}), label: "Warning Badge", isActive: active === 'nav-item-5', onClick: () => setActive('nav-item-5'), badge: {
+                                            number: 1,
+                                            type: 'warning',
+                                        } }) }), (0, jsx_runtime_1.jsx)(react_1.SideNavigation.ListItem, { children: (0, jsx_runtime_1.jsx)(react_1.SideNavigation.NavItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.MagnifyingGlassIconOutline, {}), label: "Critical Badge", isActive: active === 'nav-item-6', onClick: () => setActive('nav-item-6'), badge: {
+                                            number: 1,
+                                            type: 'danger',
+                                        } }) })] }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "n-h-full n-w-full", children: (0, jsx_runtime_1.jsx)("div", { className: "n-flex n-flex-col n-p-8 n-w-full n-max-w-[1024px] n-mx-auto", children: (0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-col n-gap-token-8 n-bg-neutral-bg-weak n-p-token-32 n-rounded-lg n-items-center n-justify-center", children: [(0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "title-4", children: "Side Nav with Badges" }), (0, jsx_runtime_1.jsxs)(react_1.Typography, { variant: "body-medium", children: ["Badges can be used to indicate that there are actions that need attention from the user on the specific page. The badge can have three different types of severity:", (0, jsx_runtime_1.jsx)("b", { className: "n-text-primary-text", children: " info" }), ",", (0, jsx_runtime_1.jsx)("b", { className: "n-text-warning-text", children: " warning" }), " and", (0, jsx_runtime_1.jsx)("b", { className: "n-text-danger-text", children: " danger" }), ".", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), "The badge on a ", (0, jsx_runtime_1.jsx)("b", { children: "CategoryItem" }), " should be the type of the highest priority badge of the items in the category. The number should be the total number of badges in the category."] })] }) }) })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=side-nav-badges.story.js.map