npm - @servicetitan/navigation - Versions diffs - 11.0.0 → 11.1.1 - Mend

@servicetitan/navigation 11.0.0 → 11.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (179) hide show

package/dist/components/left-navigation/side-navigation.js CHANGED Viewed

@@ -4,8 +4,8 @@ import SvgCollapse from '@servicetitan/anvil2/assets/icons/st/gnav_menu_collapse
 import SvgExpand from '@servicetitan/anvil2/assets/icons/st/gnav_menu_expand.svg';
 import { Headline } from '@servicetitan/design-system';
 import classNames from 'classnames';
-import { Children, Fragment, isValidElement, useCallback, useContext, useEffect, useMemo, useRef, useState, } from 'react';
-import { NavigationComponentContext, NavigationLocationContext, } from '../../utils/navigation-context';
+import { Children, Fragment, isValidElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { NavigationComponentContext, NavigationLocationContext } from '../../utils/navigation-context';
 import { getCounterTag, getSubmenuGroupTag } from '../../utils/side-nav';
 import { BadgeTag } from '../badge-tag';
 import { SideNavigationContext } from './side-navigation-context';
@@ -16,20 +16,20 @@ const defaultContext = {
     styles: {
         popoverContent: {
             '--background-color-strong': '#24323C',
-            'color': 'var(--color-white)',
-        },
-    },
+            'color': 'var(--color-white)'
+        }
+    }
 };
-const useOutRef = (onOut) => {
+const useOutRef = (onOut)=>{
     const ref = useRef(null);
-    useEffect(() => {
+    useEffect(()=>{
         const elem = ref.current;
         if (elem) {
             let timeout = undefined;
-            const onMouseLeave = () => {
+            const onMouseLeave = ()=>{
                 timeout = setTimeout(onOut, 500);
             };
-            const onMouseEnter = () => {
+            const onMouseEnter = ()=>{
                 if (timeout) {
                     clearTimeout(timeout);
                     timeout = undefined;
@@ -37,67 +37,85 @@ const useOutRef = (onOut) => {
             };
             elem.addEventListener('mouseleave', onMouseLeave);
             elem.addEventListener('mouseenter', onMouseEnter);
-            return () => {
+            return ()=>{
                 elem.removeEventListener('mouseleave', onMouseLeave);
                 elem.removeEventListener('mouseenter', onMouseEnter);
             };
         }
-    }, [onOut]);
+    }, [
+        onOut
+    ]);
     return ref;
 };
-const isLinkActive = (location, link, matcher) => {
-    var _a;
+const isLinkActive = (location, link, matcher)=>{
     if (typeof link.isActive === 'boolean') {
         return link.isActive;
     }
     if (typeof link.isActive === 'function') {
         return link.isActive(location.pathname);
     }
-    return (_a = matcher === null || matcher === void 0 ? void 0 : matcher(location, link)) !== null && _a !== void 0 ? _a : false;
+    var _matcher;
+    return (_matcher = matcher === null || matcher === void 0 ? void 0 : matcher(location, link)) !== null && _matcher !== void 0 ? _matcher : false;
 };
-function SideNavigationElement({ className, children, expanded, id, items, appearance, onExpandedChange, }) {
+function SideNavigationElement({ className, children, expanded, id, items, appearance, onExpandedChange }) {
     const NavigationComponent = useContext(NavigationComponentContext);
     const locationInfo = useContext(NavigationLocationContext);
     const [submenuDrawerItemId, setSubmenuDrawerItemId] = useState();
     const isExperimental = appearance === 'v2';
     const isExperimentalExpanded = isExperimental && !(expanded === null || expanded === void 0 ? void 0 : expanded.collapsedBar);
-    const activeItem = useMemo(() => items === null || items === void 0 ? void 0 : items.find(item => isLinkActive(locationInfo.location, item, locationInfo.isLinkActive)), [locationInfo, items]);
+    const activeItem = useMemo(()=>items === null || items === void 0 ? void 0 : items.find((item)=>isLinkActive(locationInfo.location, item, locationInfo.isLinkActive)), [
+        locationInfo,
+        items
+    ]);
     const activeId = activeItem === null || activeItem === void 0 ? void 0 : activeItem.id;
-    const submenu = useMemo(() => {
+    const submenu = useMemo(()=>{
         if (!isExperimental) {
             return undefined;
         }
         if (isExperimentalExpanded) {
-            const item = activeId ? items === null || items === void 0 ? void 0 : items.find(item => item.id === activeId) : undefined;
-            return (item === null || item === void 0 ? void 0 : item.submenu) ? { item, bar: true, drawer: false } : undefined;
-        }
-        else if (submenuDrawerItemId) {
-            const item = items === null || items === void 0 ? void 0 : items.find(item => item.id === submenuDrawerItemId);
-            return (item === null || item === void 0 ? void 0 : item.submenu) ? { item, bar: false, drawer: true } : undefined;
+            const item = activeId ? items === null || items === void 0 ? void 0 : items.find((item)=>item.id === activeId) : undefined;
+            return (item === null || item === void 0 ? void 0 : item.submenu) ? {
+                item,
+                bar: true,
+                drawer: false
+            } : undefined;
+        } else if (submenuDrawerItemId) {
+            const item = items === null || items === void 0 ? void 0 : items.find((item)=>item.id === submenuDrawerItemId);
+            return (item === null || item === void 0 ? void 0 : item.submenu) ? {
+                item,
+                bar: false,
+                drawer: true
+            } : undefined;
         }
         return undefined;
-    }, [activeId, items, isExperimental, isExperimentalExpanded, submenuDrawerItemId]);
+    }, [
+        activeId,
+        items,
+        isExperimental,
+        isExperimentalExpanded,
+        submenuDrawerItemId
+    ]);
     const isExpanded = isExperimental ? isExperimentalExpanded && !!submenu : !!(expanded === null || expanded === void 0 ? void 0 : expanded.bar);
-    useEffect(() => {
+    useEffect(()=>{
         if (isExperimentalExpanded) {
             setSubmenuDrawerItemId(undefined);
         }
-    }, [isExperimentalExpanded]);
-    const { childTop } = useMemo(() => Children.toArray(children).reduce((out, item) => {
-        if (item &&
-            isValidElement(item) &&
-            item.type &&
-            typeof item.type !== 'string' &&
-            item.type.name === SideNavigationTop.name) {
-            out.childTop = item;
-        }
-        return out;
-    }, {}), [children]);
+    }, [
+        isExperimentalExpanded
+    ]);
+    const { childTop } = useMemo(()=>Children.toArray(children).reduce((out, item)=>{
+            if (item && /*#__PURE__*/ isValidElement(item) && item.type && typeof item.type !== 'string' && item.type.name === SideNavigationTop.name) {
+                out.childTop = item;
+            }
+            return out;
+        }, {}), [
+        children
+    ]);
     const canActivateSubmenuBarDrawer = isExperimental && !!(expanded === null || expanded === void 0 ? void 0 : expanded.collapsedBar);
-    const hideSubmenuBarDrawer = useCallback(() => {
+    const hideSubmenuBarDrawer = useCallback(()=>{
         setSubmenuDrawerItemId(undefined);
     }, []);
-    const openSubmenuBarDrawer = (e, item) => {
+    const openSubmenuBarDrawer = (e, item)=>{
         if (!isExperimental || !(expanded === null || expanded === void 0 ? void 0 : expanded.collapsedBar)) {
             return;
         }
@@ -109,74 +127,285 @@ function SideNavigationElement({ className, children, expanded, id, items, appea
             }
         }
     };
-    const handleExpandedChange = useCallback((value) => {
-        onExpandedChange === null || onExpandedChange === void 0 ? void 0 : onExpandedChange(isExperimental ? { bar: false, collapsedBar: !value } : { bar: value });
+    const handleExpandedChange = useCallback((value)=>{
+        onExpandedChange === null || onExpandedChange === void 0 ? void 0 : onExpandedChange(isExperimental ? {
+            bar: false,
+            collapsedBar: !value
+        } : {
+            bar: value
+        });
         setSubmenuDrawerItemId(undefined);
-    }, [isExperimental, onExpandedChange]);
-    return (_jsx(SideNavigationContext.Provider, { value: defaultContext, children: _jsxs("div", { className: classNames(Styles.sideNav, isExperimental ? Styles.sideNavV2 : Styles.sideNavV1, isExpanded ? Styles.sideNavExpanded : Styles.sideNavSlim, className), id: id, "data-cy": "side-navigation", children: [_jsxs(ThemeProvider, { mode: "dark", className: Styles.sideNavMain, children: [_jsxs("div", { className: Styles.sideNavNavigation, children: [isExperimental && !isExpanded && !!(activeItem === null || activeItem === void 0 ? void 0 : activeItem.submenu) && (_jsx(SideNavigationOptionsToggle, { appearance: "expand", onExpandedChange: handleExpandedChange })), childTop, _jsx("div", { className: Styles.sideNavContent, "data-cy": "navigation-items", children: items === null || items === void 0 ? void 0 : items.map(item => item.submenu && !isExperimental ? (_jsx(SideNavigationGroupItem, { expanded: expanded, isGroupActive: (activeItem === null || activeItem === void 0 ? void 0 : activeItem.id) === item.id, onExpandedChange: onExpandedChange, navigationComponent: NavigationComponent, ...item }, item.id)) : (_jsx("div", { onClickCapture: canActivateSubmenuBarDrawer
-                                            ? item.submenu
-                                                ? e => openSubmenuBarDrawer(e, item)
-                                                : hideSubmenuBarDrawer
-                                            : undefined, children: _jsx(InternalSideNavigationLink, { submenuExpanded: undefined, navigationComponent: NavigationComponent, ...item, tag: getSubmenuGroupTag(item.submenu, getCounterTag(item.counter, item.tag)) }) }, item.id))) })] }), !!submenu && (_jsx(SubmenuBar, { bar: submenu.bar, item: submenu.item, handleExpandedChange: handleExpandedChange, handleLeave: hideSubmenuBarDrawer, navigationComponent: NavigationComponent }))] }), !isExperimental && (_jsxs("div", { className: Styles.sideNavFooter, children: [_jsx("div", { className: Styles.divider }), _jsx("div", { className: Styles.sideNavBottom, children: _jsx(SideNavigationOptionsToggle, { appearance: isExpanded ? 'collapse-button' : 'expand', onExpandedChange: handleExpandedChange }) })] }))] }) }));
+    }, [
+        isExperimental,
+        onExpandedChange
+    ]);
+    return /*#__PURE__*/ _jsx(SideNavigationContext.Provider, {
+        value: defaultContext,
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: classNames(Styles.sideNav, isExperimental ? Styles.sideNavV2 : Styles.sideNavV1, isExpanded ? Styles.sideNavExpanded : Styles.sideNavSlim, className),
+            id: id,
+            "data-cy": "side-navigation",
+            children: [
+                /*#__PURE__*/ _jsxs(ThemeProvider, {
+                    mode: "dark",
+                    className: Styles.sideNavMain,
+                    children: [
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: Styles.sideNavNavigation,
+                            children: [
+                                isExperimental && !isExpanded && !!(activeItem === null || activeItem === void 0 ? void 0 : activeItem.submenu) && /*#__PURE__*/ _jsx(SideNavigationOptionsToggle, {
+                                    appearance: "expand",
+                                    onExpandedChange: handleExpandedChange
+                                }),
+                                childTop,
+                                /*#__PURE__*/ _jsx("div", {
+                                    className: Styles.sideNavContent,
+                                    "data-cy": "navigation-items",
+                                    children: items === null || items === void 0 ? void 0 : items.map((item)=>item.submenu && !isExperimental ? /*#__PURE__*/ _jsx(SideNavigationGroupItem, {
+                                            expanded: expanded,
+                                            isGroupActive: (activeItem === null || activeItem === void 0 ? void 0 : activeItem.id) === item.id,
+                                            onExpandedChange: onExpandedChange,
+                                            navigationComponent: NavigationComponent,
+                                            ...item
+                                        }, item.id) : /*#__PURE__*/ _jsx("div", {
+                                            onClickCapture: canActivateSubmenuBarDrawer ? item.submenu ? (e)=>openSubmenuBarDrawer(e, item) : hideSubmenuBarDrawer : undefined,
+                                            children: /*#__PURE__*/ _jsx(InternalSideNavigationLink, {
+                                                submenuExpanded: undefined,
+                                                navigationComponent: NavigationComponent,
+                                                ...item,
+                                                tag: getSubmenuGroupTag(item.submenu, getCounterTag(item.counter, item.tag))
+                                            })
+                                        }, item.id))
+                                })
+                            ]
+                        }),
+                        !!submenu && /*#__PURE__*/ _jsx(SubmenuBar, {
+                            bar: submenu.bar,
+                            item: submenu.item,
+                            handleExpandedChange: handleExpandedChange,
+                            handleLeave: hideSubmenuBarDrawer,
+                            navigationComponent: NavigationComponent
+                        })
+                    ]
+                }),
+                !isExperimental && /*#__PURE__*/ _jsxs("div", {
+                    className: Styles.sideNavFooter,
+                    children: [
+                        /*#__PURE__*/ _jsx("div", {
+                            className: Styles.divider
+                        }),
+                        /*#__PURE__*/ _jsx("div", {
+                            className: Styles.sideNavBottom,
+                            children: /*#__PURE__*/ _jsx(SideNavigationOptionsToggle, {
+                                appearance: isExpanded ? 'collapse-button' : 'expand',
+                                onExpandedChange: handleExpandedChange
+                            })
+                        })
+                    ]
+                })
+            ]
+        })
+    });
 }
-const SubmenuBar = ({ bar, item, navigationComponent: NavigationComponent, handleExpandedChange, handleLeave, }) => {
-    var _a, _b;
+const SubmenuBar = ({ bar, item, navigationComponent: NavigationComponent, handleExpandedChange, handleLeave })=>{
+    var _item_submenu;
     const outRef = useOutRef(handleLeave);
-    return (_jsxs("div", { className: bar ? Styles.sideNavSubmenuBar : Styles.sideNavSubmenuDrawer, ref: outRef, children: [_jsxs("div", { className: "d-f justify-content-between align-items-center m-t-2 m-l-3", children: [_jsx(Headline, { size: "small", className: "c-white m-b-0-i", children: item.title }), bar && (_jsx(SideNavigationOptionsToggle, { appearance: "collapse", onExpandedChange: handleExpandedChange }))] }), _jsx("div", { className: Styles.submenuBar, children: _jsx(SideNavigationGroupContent, { groups: (_b = (_a = item.submenu) === null || _a === void 0 ? void 0 : _a.groups) !== null && _b !== void 0 ? _b : [], navigationComponent: NavigationComponent }) })] }));
+    var _item_submenu_groups;
+    return /*#__PURE__*/ _jsxs("div", {
+        className: bar ? Styles.sideNavSubmenuBar : Styles.sideNavSubmenuDrawer,
+        ref: outRef,
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "d-f justify-content-between align-items-center m-t-2 m-l-3",
+                children: [
+                    /*#__PURE__*/ _jsx(Headline, {
+                        size: "small",
+                        className: "c-white m-b-0-i",
+                        children: item.title
+                    }),
+                    bar && /*#__PURE__*/ _jsx(SideNavigationOptionsToggle, {
+                        appearance: "collapse",
+                        onExpandedChange: handleExpandedChange
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: Styles.submenuBar,
+                children: /*#__PURE__*/ _jsx(SideNavigationGroupContent, {
+                    groups: (_item_submenu_groups = (_item_submenu = item.submenu) === null || _item_submenu === void 0 ? void 0 : _item_submenu.groups) !== null && _item_submenu_groups !== void 0 ? _item_submenu_groups : [],
+                    navigationComponent: NavigationComponent
+                })
+            })
+        ]
+    });
 };
 function SideNavigationTopElement({ children }) {
-    const list = Children.map(children, child => {
-        return child && isValidElement(child) ? child : null;
+    const list = Children.map(children, (child)=>{
+        return child && /*#__PURE__*/ isValidElement(child) ? child : null;
     });
-    return (list === null || list === void 0 ? void 0 : list.length) ? (_jsxs(Fragment, { children: [_jsx(ThemeProvider, { mode: "dark", className: Styles.sideNavTop, "data-cy": "navigation-items-top", children: list }), _jsx("div", { className: Styles.divider })] })) : null;
+    return (list === null || list === void 0 ? void 0 : list.length) ? /*#__PURE__*/ _jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(ThemeProvider, {
+                mode: "dark",
+                className: Styles.sideNavTop,
+                "data-cy": "navigation-items-top",
+                children: list
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: Styles.divider
+            })
+        ]
+    }) : null;
 }
 const SideNavigationTop = SideNavigationTopElement;
-/** Side Navigation menu item */
-const SideNavigationGroupItem = ({ onExpandedChange, isGroupActive, ...props }) => {
-    var _a, _b, _c, _d, _e, _f;
-    const isSubmenuExpanded = !!props.id && ((_a = props.expanded) === null || _a === void 0 ? void 0 : _a.expandedSubmenu) === props.id;
-    const onExpandToggle = useCallback((e) => {
+/** Side Navigation menu item */ const SideNavigationGroupItem = ({ onExpandedChange, isGroupActive, ...props })=>{
+    var _props_expanded, _props_expanded1, _props_submenu, _props_submenu1;
+    const isSubmenuExpanded = !!props.id && ((_props_expanded = props.expanded) === null || _props_expanded === void 0 ? void 0 : _props_expanded.expandedSubmenu) === props.id;
+    const onExpandToggle = useCallback((e)=>{
         e.preventDefault();
         e.stopPropagation();
         onExpandedChange === null || onExpandedChange === void 0 ? void 0 : onExpandedChange({
             bar: true,
-            expandedSubmenu: isSubmenuExpanded ? undefined : props.id,
+            expandedSubmenu: isSubmenuExpanded ? undefined : props.id
         });
-    }, [props.id, isSubmenuExpanded, onExpandedChange]);
+    }, [
+        props.id,
+        isSubmenuExpanded,
+        onExpandedChange
+    ]);
     const tag = getSubmenuGroupTag(props.submenu, getCounterTag(props.counter, props.tag));
     const context = useContext(SideNavigationContext);
-    return ((_b = props.expanded) === null || _b === void 0 ? void 0 : _b.bar) ? (_jsxs("div", { className: classNames(Styles.navigationGroupWrapper), children: [_jsx("div", { className: Styles.navigationGroupItem, children: _jsx(InternalSideNavigationLink, { ...props, submenuExpanded: isSubmenuExpanded, onExpandToggle: onExpandToggle, tag: tag }) }), _jsx("div", { className: classNames(Styles.submenuWrapper, {
-                    [Styles.submenuWrapperCollapsed]: !isSubmenuExpanded,
-                }), children: _jsx("div", { className: Styles.submenu, children: _jsx(SideNavigationGroupContent, { groups: (_d = (_c = props.submenu) === null || _c === void 0 ? void 0 : _c.groups) !== null && _d !== void 0 ? _d : [], navigationComponent: props.navigationComponent }) }) })] })) : (_jsxs(Popover, { placement: "right-start", openOnHover: true, delay: 500, children: [_jsx(Popover.Trigger, { children: (triggerProps) => (_jsx("div", { ...triggerProps, children: _jsx(InternalSideNavigationLink, { ...props, submenuExpanded: undefined, tag: tag }) })) }), _jsx(Popover.Content, { style: context.styles.popoverContent, className: "z-global-nav-i", children: _jsxs("div", { className: Styles.submenuPopover, children: [_jsx(Headline, { size: "small", className: "c-white m-b-half-i m-t-1", children: props.title }), _jsx(SideNavigationGroupContent, { groups: (_f = (_e = props.submenu) === null || _e === void 0 ? void 0 : _e.groups) !== null && _f !== void 0 ? _f : [], navigationComponent: props.navigationComponent })] }) })] }));
+    var _props_submenu_groups, _props_submenu_groups1;
+    return ((_props_expanded1 = props.expanded) === null || _props_expanded1 === void 0 ? void 0 : _props_expanded1.bar) ? /*#__PURE__*/ _jsxs("div", {
+        className: classNames(Styles.navigationGroupWrapper),
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: Styles.navigationGroupItem,
+                children: /*#__PURE__*/ _jsx(InternalSideNavigationLink, {
+                    ...props,
+                    submenuExpanded: isSubmenuExpanded,
+                    onExpandToggle: onExpandToggle,
+                    tag: tag
+                })
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: classNames(Styles.submenuWrapper, {
+                    [Styles.submenuWrapperCollapsed]: !isSubmenuExpanded
+                }),
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: Styles.submenu,
+                    children: /*#__PURE__*/ _jsx(SideNavigationGroupContent, {
+                        groups: (_props_submenu_groups = (_props_submenu = props.submenu) === null || _props_submenu === void 0 ? void 0 : _props_submenu.groups) !== null && _props_submenu_groups !== void 0 ? _props_submenu_groups : [],
+                        navigationComponent: props.navigationComponent
+                    })
+                })
+            })
+        ]
+    }) : /*#__PURE__*/ _jsxs(Popover, {
+        placement: "right-start",
+        openOnHover: true,
+        delay: 500,
+        children: [
+            /*#__PURE__*/ _jsx(Popover.Trigger, {
+                children: (triggerProps)=>/*#__PURE__*/ _jsx("div", {
+                        ...triggerProps,
+                        children: /*#__PURE__*/ _jsx(InternalSideNavigationLink, {
+                            ...props,
+                            submenuExpanded: undefined,
+                            tag: tag
+                        })
+                    })
+            }),
+            /*#__PURE__*/ _jsx(Popover.Content, {
+                style: context.styles.popoverContent,
+                className: "z-global-nav-i",
+                children: /*#__PURE__*/ _jsxs("div", {
+                    className: Styles.submenuPopover,
+                    children: [
+                        /*#__PURE__*/ _jsx(Headline, {
+                            size: "small",
+                            className: "c-white m-b-half-i m-t-1",
+                            children: props.title
+                        }),
+                        /*#__PURE__*/ _jsx(SideNavigationGroupContent, {
+                            groups: (_props_submenu_groups1 = (_props_submenu1 = props.submenu) === null || _props_submenu1 === void 0 ? void 0 : _props_submenu1.groups) !== null && _props_submenu_groups1 !== void 0 ? _props_submenu_groups1 : [],
+                            navigationComponent: props.navigationComponent
+                        })
+                    ]
+                })
+            })
+        ]
+    });
 };
-const SideNavigationGroupContent = ({ groups, navigationComponent, }) => {
-    return (_jsx(Fragment, { children: groups.reduce((out, group, index) => {
-            var _a, _b;
+const SideNavigationGroupContent = ({ groups, navigationComponent })=>{
+    return /*#__PURE__*/ _jsx(Fragment, {
+        children: groups.reduce((out, group, index)=>{
+            var _group_title;
             if (!group.links.length) {
                 return out;
             }
-            const title = (_b = (_a = group.title) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : '';
-            /* eslint-disable react/no-array-index-key */
-            out.push(_jsx(Text, { variant: "eyebrow", className: classNames(Styles.submenuGroupHeader, {
-                    [Styles.submenuGroupHeaderEmpty]: !title,
-                }), children: title }, `:group:${index}:title`));
-            out.push(...group.links.map((link, index) => (_jsx(SideNavigationGroupLink, { ...link, navigationComponent: navigationComponent }, `:${link.id}:${index}`))));
-            /* eslint-enable react/no-array-index-key */
-            return out;
-        }, []) }));
+            var _group_title_trim;
+            const title = (_group_title_trim = (_group_title = group.title) === null || _group_title === void 0 ? void 0 : _group_title.trim()) !== null && _group_title_trim !== void 0 ? _group_title_trim : '';
+            /* eslint-disable react/no-array-index-key */ out.push(/*#__PURE__*/ _jsx(Text, {
+                variant: "eyebrow",
+                className: classNames(Styles.submenuGroupHeader, {
+                    [Styles.submenuGroupHeaderEmpty]: !title
+                }),
+                children: title
+            }, `:group:${index}:title`));
+            out.push(...group.links.map((link, index)=>/*#__PURE__*/ _jsx(SideNavigationGroupLink, {
+                    ...link,
+                    navigationComponent: navigationComponent
+                }, `:${link.id}:${index}`)));
+            /* eslint-enable react/no-array-index-key */ return out;
+        }, [])
+    });
 };
-const SideNavigationGroupLink = ({ id, counter, tag, title, to, isActive, navigationComponent: NavigationComponent, }) => {
-    return (_jsxs(NavigationComponent, { "data-cy": `navigation-item-${id}`, "data-pendo": `navigation-item-${id}`, to: to, className: classNames(Styles.submenuLink, {
-            [Styles.submenuLinkActive]: isActive === true,
-        }), isActive: typeof isActive === 'function' ? isActive : undefined, activeClassName: Styles.submenuLinkActive, children: [_jsx("span", { children: title }), _jsx(BadgeTag, { data: getCounterTag(counter, tag), className: Styles.submenuLinkCounter })] }, id));
+const SideNavigationGroupLink = ({ id, counter, tag, title, to, isActive, navigationComponent: NavigationComponent })=>{
+    return /*#__PURE__*/ _jsxs(NavigationComponent, {
+        "data-cy": `navigation-item-${id}`,
+        "data-pendo": `navigation-item-${id}`,
+        to: to,
+        className: classNames(Styles.submenuLink, {
+            [Styles.submenuLinkActive]: isActive === true
+        }),
+        isActive: typeof isActive === 'function' ? isActive : undefined,
+        activeClassName: Styles.submenuLinkActive,
+        children: [
+            /*#__PURE__*/ _jsx("span", {
+                children: title
+            }),
+            /*#__PURE__*/ _jsx(BadgeTag, {
+                data: getCounterTag(counter, tag),
+                className: Styles.submenuLinkCounter
+            })
+        ]
+    }, id);
 };
-/** Side Navigation options toggle */
-const SideNavigationOptionsToggle = ({ appearance, onExpandedChange }) => withTooltip(_jsx("div", { "data-cy": "navigation-left-options", "data-pendo": "navigation-left-options", className: classNames(Styles.optionsItem), onClick: () => onExpandedChange === null || onExpandedChange === void 0 ? void 0 : onExpandedChange(appearance === 'expand'), children: _jsxs("div", { className: Styles.optionsItemContent, children: [_jsx("div", { className: Styles.optionsIconWrapper, children: _jsx(Icon, { className: Styles.optionsIcon, svg: appearance === 'expand' ? SvgExpand : SvgCollapse }) }), appearance === 'collapse-button' && (_jsx("span", { className: Styles.optionsItemText, children: "Collapse Menu" }))] }) }), appearance === 'expand'
-    ? 'Expand Menu'
-    : appearance === 'collapse'
-        ? 'Collapse Menu'
-        : undefined, 'right');
+/** Side Navigation options toggle */ const SideNavigationOptionsToggle = ({ appearance, onExpandedChange })=>withTooltip(/*#__PURE__*/ _jsx("div", {
+        "data-cy": "navigation-left-options",
+        "data-pendo": "navigation-left-options",
+        className: classNames(Styles.optionsItem),
+        onClick: ()=>onExpandedChange === null || onExpandedChange === void 0 ? void 0 : onExpandedChange(appearance === 'expand'),
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: Styles.optionsItemContent,
+            children: [
+                /*#__PURE__*/ _jsx("div", {
+                    className: Styles.optionsIconWrapper,
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        className: Styles.optionsIcon,
+                        svg: appearance === 'expand' ? SvgExpand : SvgCollapse
+                    })
+                }),
+                appearance === 'collapse-button' && /*#__PURE__*/ _jsx("span", {
+                    className: Styles.optionsItemText,
+                    children: "Collapse Menu"
+                })
+            ]
+        })
+    }), appearance === 'expand' ? 'Expand Menu' : appearance === 'collapse' ? 'Collapse Menu' : undefined, 'right');
 export const SideNavigation = Object.assign(SideNavigationElement, {
-    Top: SideNavigationTop,
+    Top: SideNavigationTop
 });
 //# sourceMappingURL=side-navigation.js.map

package/dist/components/left-navigation/side-navigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"side-navigation.js","sourceRoot":"","sources":["../../../src/components/left-navigation/side-navigation.tsx"],"names":[],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/components/left-navigation/side-navigation.tsx"],"sourcesContent":["import { Icon, Popover, Text, ThemeProvider } from '@servicetitan/anvil2';\nimport SvgCollapse from '@servicetitan/anvil2/assets/icons/st/gnav_menu_collapse.svg';\nimport SvgExpand from '@servicetitan/anvil2/assets/icons/st/gnav_menu_expand.svg';\nimport { Headline } from '@servicetitan/design-system';\n\nimport classNames from 'classnames';\nimport {\n CSSProperties,\n Children,\n FC,\n Fragment,\n MouseEvent,\n ReactElement,\n isValidElement,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport {\n NavigationItemData,\n NavigationLinkData,\n NavigationSubmenuData,\n NavigationSubmenuItemData,\n} from '../../utils/navigation';\nimport {\n NavLinkComponentProps,\n NavigationActiveLinkMatcher,\n NavigationComponentContext,\n NavigationLocationContext,\n NavigationLocationInfo,\n} from '../../utils/navigation-context';\nimport { getCounterTag, getSubmenuGroupTag } from '../../utils/side-nav';\nimport { BadgeTag } from '../badge-tag';\nimport {\n SideNavigationExpandedState,\n SideNavigationLinkProps,\n SideNavigationTriggerProps,\n} from './interface';\nimport { NavigationComponentProps, SideNavigationExpandedProps } from './interface-internal';\nimport { SideNavigationContext, SideNavigationContextType } from './side-navigation-context';\nimport { InternalSideNavigationLink } from './side-navigation-links-internal';\nimport * as Styles from './side-navigation.module.less';\nimport { withTooltip } from './with-tooltip';\n\ntype OptionalChildren<T> =\n \| (ReactElement<T> \| false \| undefined \| null)\n \| (ReactElement<T> \| false \| undefined \| null)[];\nexport interface SideNavigationProps {\n /** container class name /\n className?: string;\n /* container id /\n id?: string;\n /* main navigation items /\n items?: NavigationItemData[];\n /* additional components /\n children?: OptionalChildren<SideNavigationTopProps>;\n /* is menu expanded /\n expanded?: SideNavigationExpandedState;\n /* show submenu in separate bar /\n appearance?: 'v1' \| 'v2';\n /* expand change handler /\n onExpandedChange?(expanded: SideNavigationExpandedState): void;\n}\n\nconst defaultContext: SideNavigationContextType = {\n styles: {\n popoverContent: {\n '--background-color-strong': '#24323C',\n 'color': 'var(--color-white)',\n } as CSSProperties,\n },\n};\n\nconst useOutRef = (onOut: () => void) => {\n const ref = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const elem = ref.current;\n\n if (elem) {\n let timeout: ReturnType<typeof setTimeout> \| undefined = undefined;\n const onMouseLeave = () => {\n timeout = setTimeout(onOut, 500);\n };\n const onMouseEnter = () => {\n if (timeout) {\n clearTimeout(timeout);\n timeout = undefined;\n }\n };\n\n elem.addEventListener('mouseleave', onMouseLeave);\n elem.addEventListener('mouseenter', onMouseEnter);\n return () => {\n elem.removeEventListener('mouseleave', onMouseLeave);\n elem.removeEventListener('mouseenter', onMouseEnter);\n };\n }\n }, [onOut]);\n\n return ref;\n};\n\nconst isLinkActive = (\n location: NavigationLocationInfo,\n link: NavigationLinkData,\n matcher: NavigationActiveLinkMatcher\n) => {\n if (typeof link.isActive === 'boolean') {\n return link.isActive;\n }\n\n if (typeof link.isActive === 'function') {\n return link.isActive(location.pathname);\n }\n\n return matcher?.(location, link) ?? false;\n};\n\nfunction SideNavigationElement({\n className,\n children,\n expanded,\n id,\n items,\n appearance,\n onExpandedChange,\n}: SideNavigationProps) {\n const NavigationComponent = useContext(NavigationComponentContext);\n const locationInfo = useContext(NavigationLocationContext);\n const [submenuDrawerItemId, setSubmenuDrawerItemId] = useState<string>();\n const isExperimental = appearance === 'v2';\n const isExperimentalExpanded = isExperimental && !expanded?.collapsedBar;\n\n const activeItem = useMemo(\n () =>\n items?.find(item =>\n isLinkActive(locationInfo.location, item, locationInfo.isLinkActive)\n ),\n [locationInfo, items]\n );\n const activeId = activeItem?.id;\n\n const submenu = useMemo(() => {\n if (!isExperimental) {\n return undefined;\n }\n\n if (isExperimentalExpanded) {\n const item = activeId ? items?.find(item => item.id === activeId) : undefined;\n\n return item?.submenu ? { item, bar: true, drawer: false } : undefined;\n } else if (submenuDrawerItemId) {\n const item = items?.find(item => item.id === submenuDrawerItemId);\n\n return item?.submenu ? { item, bar: false, drawer: true } : undefined;\n }\n\n return undefined;\n }, [activeId, items, isExperimental, isExperimentalExpanded, submenuDrawerItemId]);\n const isExpanded = isExperimental ? isExperimentalExpanded && !!submenu : !!expanded?.bar;\n\n useEffect(() => {\n if (isExperimentalExpanded) {\n setSubmenuDrawerItemId(undefined);\n }\n }, [isExperimentalExpanded]);\n\n const { childTop } = useMemo(\n () =>\n Children.toArray(children).reduce(\n (out, item) => {\n if (\n item &&\n isValidElement(item) &&\n item.type &&\n typeof item.type !== 'string' &&\n item.type.name === SideNavigationTop.name\n ) {\n out.childTop = item;\n }\n return out;\n },\n {} as { childTop?: ReactElement }\n ),\n [children]\n );\n\n const canActivateSubmenuBarDrawer = isExperimental && !!expanded?.collapsedBar;\n const hideSubmenuBarDrawer = useCallback(() => {\n setSubmenuDrawerItemId(undefined);\n }, []);\n\n const openSubmenuBarDrawer = (e: MouseEvent<HTMLDivElement>, item: NavigationItemData) => {\n if (!isExperimental \|\| !expanded?.collapsedBar) {\n return;\n }\n\n if (item.submenu) {\n setSubmenuDrawerItemId(item.id);\n\n if (item.id === activeId) {\n e.preventDefault();\n e.stopPropagation();\n }\n }\n };\n\n const handleExpandedChange = useCallback(\n (value: boolean) => {\n onExpandedChange?.(\n isExperimental ? { bar: false, collapsedBar: !value } : { bar: value }\n );\n setSubmenuDrawerItemId(undefined);\n },\n [isExperimental, onExpandedChange]\n );\n\n return (\n <SideNavigationContext.Provider value={defaultContext}>\n <div\n className={classNames(\n Styles.sideNav,\n isExperimental ? Styles.sideNavV2 : Styles.sideNavV1,\n isExpanded ? Styles.sideNavExpanded : Styles.sideNavSlim,\n className\n )}\n id={id}\n data-cy=\"side-navigation\"\n >\n <ThemeProvider mode=\"dark\" className={Styles.sideNavMain}>\n <div className={Styles.sideNavNavigation}>\n {isExperimental && !isExpanded && !!activeItem?.submenu && (\n <SideNavigationOptionsToggle\n appearance=\"expand\"\n onExpandedChange={handleExpandedChange}\n />\n )}\n\n {childTop}\n <div className={Styles.sideNavContent} data-cy=\"navigation-items\">\n {items?.map(item =>\n item.submenu && !isExperimental ? (\n <SideNavigationGroupItem\n key={item.id}\n expanded={expanded}\n isGroupActive={activeItem?.id === item.id}\n onExpandedChange={onExpandedChange}\n navigationComponent={NavigationComponent}\n {...item}\n />\n ) : (\n <div\n key={item.id}\n onClickCapture={\n canActivateSubmenuBarDrawer\n ? item.submenu\n ? e => openSubmenuBarDrawer(e, item)\n : hideSubmenuBarDrawer\n : undefined\n }\n >\n <InternalSideNavigationLink\n submenuExpanded={undefined}\n navigationComponent={NavigationComponent}\n {...item}\n tag={getSubmenuGroupTag(\n item.submenu,\n getCounterTag(item.counter, item.tag)\n )}\n />\n </div>\n )\n )}\n </div>\n </div>\n\n {!!submenu && (\n <SubmenuBar\n bar={submenu.bar}\n item={submenu.item}\n handleExpandedChange={handleExpandedChange}\n handleLeave={hideSubmenuBarDrawer}\n navigationComponent={NavigationComponent}\n />\n )}\n </ThemeProvider>\n\n {!isExperimental && (\n <div className={Styles.sideNavFooter}>\n <div className={Styles.divider} />\n <div className={Styles.sideNavBottom}>\n <SideNavigationOptionsToggle\n appearance={isExpanded ? 'collapse-button' : 'expand'}\n onExpandedChange={handleExpandedChange}\n />\n </div>\n </div>\n )}\n </div>\n </SideNavigationContext.Provider>\n );\n}\n\nconst SubmenuBar: FC<{\n item: NavigationItemData;\n bar: boolean;\n navigationComponent: FC<NavLinkComponentProps>;\n handleExpandedChange(value: boolean): void;\n handleLeave(): void;\n}> = ({\n bar,\n item,\n navigationComponent: NavigationComponent,\n handleExpandedChange,\n handleLeave,\n}) => {\n const outRef = useOutRef(handleLeave);\n\n return (\n <div className={bar ? Styles.sideNavSubmenuBar : Styles.sideNavSubmenuDrawer} ref={outRef}>\n <div className=\"d-f justify-content-between align-items-center m-t-2 m-l-3\">\n <Headline size=\"small\" className=\"c-white m-b-0-i\">\n {item.title}\n </Headline>\n\n {bar && (\n <SideNavigationOptionsToggle\n appearance=\"collapse\"\n onExpandedChange={handleExpandedChange}\n />\n )}\n </div>\n\n <div className={Styles.submenuBar}>\n <SideNavigationGroupContent\n groups={item.submenu?.groups ?? []}\n navigationComponent={NavigationComponent}\n />\n </div>\n </div>\n );\n};\nexport interface SideNavigationTopProps {\n children: OptionalChildren<SideNavigationLinkProps \| SideNavigationTriggerProps>;\n}\nfunction SideNavigationTopElement({ children }: SideNavigationTopProps) {\n const list = Children.map(children, child => {\n return child && isValidElement(child) ? child : null;\n });\n return list?.length ? (\n <Fragment>\n <ThemeProvider mode=\"dark\" className={Styles.sideNavTop} data-cy=\"navigation-items-top\">\n {list}\n </ThemeProvider>\n <div className={Styles.divider} />\n </Fragment>\n ) : null;\n}\nconst SideNavigationTop: FC<SideNavigationTopProps> = SideNavigationTopElement;\n\n/* Side Navigation menu item /\nconst SideNavigationGroupItem: FC<\n NavigationItemData &\n SideNavigationExpandedProps &\n NavigationComponentProps & {\n isGroupActive: boolean;\n onExpandedChange: undefined \| ((expanded: SideNavigationExpandedState) => void);\n }\n> = ({ onExpandedChange, isGroupActive, ...props }) => {\n const isSubmenuExpanded = !!props.id && props.expanded?.expandedSubmenu === props.id;\n const onExpandToggle = useCallback(\n (e: MouseEvent<never>) => {\n e.preventDefault();\n e.stopPropagation();\n\n onExpandedChange?.({\n bar: true,\n expandedSubmenu: isSubmenuExpanded ? undefined : props.id,\n });\n },\n [props.id, isSubmenuExpanded, onExpandedChange]\n );\n\n const tag = getSubmenuGroupTag(props.submenu, getCounterTag(props.counter, props.tag));\n const context = useContext(SideNavigationContext);\n\n return props.expanded?.bar ? (\n <div className={classNames(Styles.navigationGroupWrapper)}>\n <div className={Styles.navigationGroupItem}>\n <InternalSideNavigationLink\n {...props}\n submenuExpanded={isSubmenuExpanded}\n onExpandToggle={onExpandToggle}\n tag={tag}\n />\n </div>\n <div\n className={classNames(Styles.submenuWrapper, {\n [Styles.submenuWrapperCollapsed]: !isSubmenuExpanded,\n })}\n >\n <div className={Styles.submenu}>\n <SideNavigationGroupContent\n groups={props.submenu?.groups ?? []}\n navigationComponent={props.navigationComponent}\n />\n </div>\n </div>\n </div>\n ) : (\n <Popover placement=\"right-start\" openOnHover delay={500}>\n <Popover.Trigger>\n {(triggerProps: any) => (\n <div {...triggerProps}>\n <InternalSideNavigationLink\n {...props}\n submenuExpanded={undefined}\n tag={tag}\n />\n </div>\n )}\n </Popover.Trigger>\n <Popover.Content style={context.styles.popoverContent} className=\"z-global-nav-i\">\n <div className={Styles.submenuPopover}>\n <Headline size=\"small\" className=\"c-white m-b-half-i m-t-1\">\n {props.title}\n </Headline>\n <SideNavigationGroupContent\n groups={props.submenu?.groups ?? []}\n navigationComponent={props.navigationComponent}\n />\n </div>\n </Popover.Content>\n </Popover>\n );\n};\nconst SideNavigationGroupContent: FC<NavigationSubmenuData & NavigationComponentProps> = ({\n groups,\n navigationComponent,\n}) => {\n return (\n <Fragment>\n {groups.reduce((out, group, index) => {\n if (!group.links.length) {\n return out;\n }\n\n const title = group.title?.trim() ?? '';\n / eslint-disable react/no-array-index-key /\n out.push(\n <Text\n key={`:group:${index}:title`}\n variant=\"eyebrow\"\n className={classNames(Styles.submenuGroupHeader, {\n [Styles.submenuGroupHeaderEmpty]: !title,\n })}\n >\n {title}\n </Text>\n );\n out.push(\n ...group.links.map((link, index) => (\n <SideNavigationGroupLink\n key={`:${link.id}:${index}`}\n {...link}\n navigationComponent={navigationComponent}\n />\n ))\n );\n / eslint-enable react/no-array-index-key /\n\n return out;\n }, [] as ReactElement[])}\n </Fragment>\n );\n};\nconst SideNavigationGroupLink: FC<NavigationSubmenuItemData & NavigationComponentProps> = ({\n id,\n counter,\n tag,\n title,\n to,\n isActive,\n navigationComponent: NavigationComponent,\n}) => {\n return (\n <NavigationComponent\n data-cy={`navigation-item-${id}`}\n data-pendo={`navigation-item-${id}`}\n key={id}\n to={to}\n className={classNames(Styles.submenuLink, {\n [Styles.submenuLinkActive]: isActive === true,\n })}\n isActive={typeof isActive === 'function' ? isActive : undefined}\n activeClassName={Styles.submenuLinkActive}\n >\n <span>{title}</span>\n <BadgeTag data={getCounterTag(counter, tag)} className={Styles.submenuLinkCounter} />\n </NavigationComponent>\n );\n};\n\n/* Side Navigation options toggle */\nconst SideNavigationOptionsToggle: FC<{\n appearance: 'expand' \| 'collapse' \| 'collapse-button';\n onExpandedChange?(expanded: boolean): void;\n}> = ({ appearance, onExpandedChange }) =>\n withTooltip(\n <div\n data-cy=\"navigation-left-options\"\n data-pendo=\"navigation-left-options\"\n className={classNames(Styles.optionsItem)}\n onClick={() => onExpandedChange?.(appearance === 'expand')}\n >\n <div className={Styles.optionsItemContent}>\n <div className={Styles.optionsIconWrapper}>\n <Icon\n className={Styles.optionsIcon}\n svg={appearance === 'expand' ? SvgExpand : SvgCollapse}\n />\n </div>\n\n {appearance === 'collapse-button' && (\n <span className={Styles.optionsItemText}>Collapse Menu</span>\n )}\n </div>\n </div>,\n appearance === 'expand'\n ? 'Expand Menu'\n : appearance === 'collapse'\n ? 'Collapse Menu'\n : undefined,\n 'right'\n );\n\nexport const SideNavigation = Object.assign(SideNavigationElement, {\n Top: SideNavigationTop,\n});\n"],"names":["Icon","Popover","Text","ThemeProvider","SvgCollapse","SvgExpand","Headline","classNames","Children","Fragment","isValidElement","useCallback","useContext","useEffect","useMemo","useRef","useState","NavigationComponentContext","NavigationLocationContext","getCounterTag","getSubmenuGroupTag","BadgeTag","SideNavigationContext","InternalSideNavigationLink","Styles","withTooltip","defaultContext","styles","popoverContent","useOutRef","onOut","ref","elem","current","timeout","undefined","onMouseLeave","setTimeout","onMouseEnter","clearTimeout","addEventListener","removeEventListener","isLinkActive","location","link","matcher","isActive","pathname","SideNavigationElement","className","children","expanded","id","items","appearance","onExpandedChange","NavigationComponent","locationInfo","submenuDrawerItemId","setSubmenuDrawerItemId","isExperimental","isExperimentalExpanded","collapsedBar","activeItem","find","item","activeId","submenu","bar","drawer","isExpanded","childTop","toArray","reduce","out","type","name","SideNavigationTop","canActivateSubmenuBarDrawer","hideSubmenuBarDrawer","openSubmenuBarDrawer","e","preventDefault","stopPropagation","handleExpandedChange","value","Provider","div","sideNav","sideNavV2","sideNavV1","sideNavExpanded","sideNavSlim","data-cy","mode","sideNavMain","sideNavNavigation","SideNavigationOptionsToggle","sideNavContent","map","SideNavigationGroupItem","isGroupActive","navigationComponent","onClickCapture","submenuExpanded","tag","counter","SubmenuBar","handleLeave","sideNavFooter","divider","sideNavBottom","outRef","sideNavSubmenuBar","sideNavSubmenuDrawer","size","title","submenuBar","SideNavigationGroupContent","groups","SideNavigationTopElement","list","child","length","sideNavTop","props","isSubmenuExpanded","expandedSubmenu","onExpandToggle","context","navigationGroupWrapper","navigationGroupItem","submenuWrapper","submenuWrapperCollapsed","placement","openOnHover","delay","Trigger","triggerProps","Content","style","submenuPopover","group","index","links","trim","push","variant","submenuGroupHeader","submenuGroupHeaderEmpty","SideNavigationGroupLink","to","data-pendo","submenuLink","submenuLinkActive","activeClassName","span","data","submenuLinkCounter","optionsItem","onClick","optionsItemContent","optionsIconWrapper","optionsIcon","svg","optionsItemText","SideNavigation","Object","assign","Top"],"mappings":"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"}