@servicetitan/navigation 13.0.0-canary.256.b43c6d7.0 → 13.0.0

package/dist/components/titan-layout/layout-profile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout-profile.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-profile.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAEH,wBAAwB,EACxB,oBAAoB,EACpB,2BAA2B,EAC9B,MAAM,sCAAsC,CAAC;AAW9C,YAAY,EACR,oBAAoB,EACpB,2BAA2B,EAC3B,wBAAwB,GAC3B,MAAM,sCAAsC,CAAC;AAmJ9C,eAAO,MAAM,eAAe;;;;CAI1B,CAAC"}
+{"version":3,"file":"layout-profile.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-profile.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAG5D,OAAO,EACH,wBAAwB,EACxB,oBAAoB,EACpB,2BAA2B,EAC9B,MAAM,+BAA+B,CAAC;AAYvC,YAAY,EACR,oBAAoB,EACpB,2BAA2B,EAC3B,wBAAwB,GAC3B,MAAM,+BAA+B,CAAC;AAcvC,iBAAS,wBAAwB,CAAC,KAAK,EAAE,oBAAoB,2CAO5D;AAsED,iBAAS,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CAOjE;AA6BD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAO3D;AAmCD,eAAO,MAAM,eAAe;;;;CAI1B,CAAC"}

package/dist/components/titan-layout/layout-profile.js

@@ -2,7 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import SvgAccountActive from '@servicetitan/anvil2/assets/icons/st/gnav_account_active.svg';
 import SvgAccountInactive from '@servicetitan/anvil2/assets/icons/st/gnav_account_inactive.svg';
 import { useEffect, useState } from 'react';
-import { ProfileDropdown as DesktopProfileDropdown } from '../profile-dropdown/profile-dropdown';
+import { getCounterTag } from '../../utils/side-nav';
+import { DesktopProfileDropdown } from '../profile-dropdown/profile-dropdown';
 import { useTitanLayoutContext } from './layout-context';
 import { InternalSideNavigationGroup, InternalSideNavigationGroupDivider, InternalSideNavigationGroupLink, InternalSideNavigationGroupTrigger } from './layout-sidebar-links-internal';
 import { useNotificationsContext, useNotificationsState } from './notifications-context';
@@ -11,7 +12,7 @@ const ExternalNavComponent = ({ children, isActive, to, activeClassName, ...prop
         href: to,
         children: children
     });
-const ProfileDropdownContent = (props)=>{
+function ProfileDropdownComponent(props) {
     const { breakpoint, NavigationComponent } = useTitanLayoutContext();
     return breakpoint.isMobile ? /*#__PURE__*/ _jsx(MobileProfileDropdown, {
         ...props,
@@ -19,10 +20,9 @@ const ProfileDropdownContent = (props)=>{
     }) : /*#__PURE__*/ _jsx(DesktopProfileDropdown, {
         ...props
     });
-};
-ProfileDropdownContent.displayName = 'ProfileDropdown';
+}
 const profileId = '--profile';
-const MobileProfileDropdown = ({ children, ...props })=>{
+const MobileProfileDropdown = ({ direction, trigger, hintPopup, portal, width, onClose, onOpen, className, children, ...rest })=>{
     const [expanded, setExpanded] = useState(false);
     const { hasNotifications, NotificationsContextProvider } = useNotificationsState();
     const { onNotificationsUpdate } = useNotificationsContext();
@@ -44,7 +44,8 @@ const MobileProfileDropdown = ({ children, ...props })=>{
             icon: SvgAccountInactive,
             iconActive: SvgAccountActive,
             isActive: expanded,
-            ...props,
+            className: className,
+            ...rest,
             submenuExpanded: expanded,
             onExpandToggle: onExpandToggle,
             onClick: onExpandToggle,
@@ -68,27 +69,29 @@ const getText = (children, text)=>{
     }
     return undefined;
 };
-const getTag = (tag, counter)=>{
-    return !!(tag === null || tag === void 0 ? void 0 : tag.value) || !!counter;
-};
-const ProfileDropdownSection = (props)=>{
+function ProfileDropdownSection(props) {
     const { breakpoint } = useTitanLayoutContext();
     return breakpoint.isMobile ? /*#__PURE__*/ _jsx(MobileProfileDropdownSection, {
         ...props
     }) : /*#__PURE__*/ _jsx(DesktopProfileDropdown.Section, {
         ...props
     });
-};
-const MobileProfileDropdownSection = ({ children, text, tooltip, title, ...props })=>{
+}
+const MobileProfileDropdownSection = ({ id, tooltip, tag, counter, className, children, text, ...rest })=>{
     const sectionText = getText(children, text);
     const { onNotificationsUpdate } = useNotificationsContext();
-    onNotificationsUpdate(props.id, getTag(props.tag, props.counter));
+    const tagData = getCounterTag(counter, tag);
+    onNotificationsUpdate(id, !!tagData);
     return sectionText ? /*#__PURE__*/ _jsx(InternalSideNavigationGroupTrigger, {
-        ...props,
-        title: sectionText
+        ...rest,
+        id: id,
+        title: sectionText,
+        isActive: undefined,
+        tag: tagData,
+        className: className
     }) : null;
 };
-const ProfileDropdownLink = (props)=>{
+function ProfileDropdownLink(props) {
     const { breakpoint, NavigationComponent } = useTitanLayoutContext();
     return breakpoint.isMobile ? /*#__PURE__*/ _jsx(MobileProfileDropdownLink, {
         ...props,
@@ -96,21 +99,26 @@ const ProfileDropdownLink = (props)=>{
     }) : /*#__PURE__*/ _jsx(DesktopProfileDropdown.Link, {
         ...props
     });
-};
-const MobileProfileDropdownLink = ({ external, to, tooltip, text, children, navigationComponent, ...props })=>{
+}
+const MobileProfileDropdownLink = ({ id, external, to, tooltip, text, children, className, navigationComponent, tag, counter, ...rest })=>{
     const { onNotificationsUpdate } = useNotificationsContext();
     const linkText = getText(children, text);
     const isExternalLink = external !== null && external !== void 0 ? external : to === null || to === void 0 ? void 0 : to.startsWith('http');
-    onNotificationsUpdate(props.id, getTag(props.tag, props.counter));
+    const tagData = getCounterTag(counter, tag);
+    onNotificationsUpdate(id, !!tagData);
     return linkText ? /*#__PURE__*/ _jsx(InternalSideNavigationGroupLink, {
-        ...props,
+        ...rest,
+        id: id,
         to: to,
         title: linkText,
+        isActive: undefined,
+        className: className,
+        tag: tagData,
         parentId: profileId,
         navigationComponent: isExternalLink ? ExternalNavComponent : navigationComponent
     }) : null;
 };
-export const ProfileDropdown = Object.assign(ProfileDropdownContent, {
+export const ProfileDropdown = Object.assign(ProfileDropdownComponent, {
     Divider: ProfileDropdownDivider,
     Link: ProfileDropdownLink,
     Section: ProfileDropdownSection

package/dist/components/titan-layout/layout-profile.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/titan-layout/layout-profile.tsx"],"sourcesContent":["import SvgAccountActive from '@servicetitan/anvil2/assets/icons/st/gnav_account_active.svg';\nimport SvgAccountInactive from '@servicetitan/anvil2/assets/icons/st/gnav_account_inactive.svg';\n\nimport { FC, MouseEvent, useEffect, useState } from 'react';\nimport { NavLinkComponentProps } from '../../utils/navigation-context';\nimport {\n    ProfileDropdown as DesktopProfileDropdown,\n    ProfileDropdownLinkProps,\n    ProfileDropdownProps,\n    ProfileDropdownSectionProps,\n} from '../profile-dropdown/profile-dropdown';\nimport { NavigationComponentProps } from './interface-internal';\nimport { useTitanLayoutContext } from './layout-context';\nimport {\n    InternalSideNavigationGroup,\n    InternalSideNavigationGroupDivider,\n    InternalSideNavigationGroupLink,\n    InternalSideNavigationGroupTrigger,\n} from './layout-sidebar-links-internal';\nimport { useNotificationsContext, useNotificationsState } from './notifications-context';\n\nexport type {\n    ProfileDropdownProps,\n    ProfileDropdownSectionProps,\n    ProfileDropdownLinkProps,\n} from '../profile-dropdown/profile-dropdown';\n\nconst ExternalNavComponent: FC<NavLinkComponentProps> = ({\n    children,\n    isActive,\n    to,\n    activeClassName,\n    ...props\n}) => (\n    <a {...props} href={to}>\n        {children}\n    </a>\n);\n\nconst ProfileDropdownContent: FC<ProfileDropdownProps> = props => {\n    const { breakpoint, NavigationComponent } = useTitanLayoutContext();\n    return breakpoint.isMobile ? (\n        <MobileProfileDropdown {...props} navigationComponent={NavigationComponent} />\n    ) : (\n        <DesktopProfileDropdown {...props} />\n    );\n};\nProfileDropdownContent.displayName = 'ProfileDropdown';\nconst profileId = '--profile';\n\nconst MobileProfileDropdown: FC<ProfileDropdownProps & NavigationComponentProps> = ({\n    children,\n    ...props\n}) => {\n    const [expanded, setExpanded] = useState(false);\n    const { hasNotifications, NotificationsContextProvider } = useNotificationsState();\n    const { onNotificationsUpdate } = useNotificationsContext();\n    const onExpandToggle = (e: MouseEvent<never>) => {\n        e.stopPropagation();\n        setExpanded(!expanded);\n    };\n\n    useEffect(() => {\n        onNotificationsUpdate(profileId, hasNotifications);\n    }, [hasNotifications, onNotificationsUpdate]);\n\n    return (\n        <NotificationsContextProvider>\n            <InternalSideNavigationGroup\n                id={profileId}\n                to={undefined}\n                title=\"Profile\"\n                icon={SvgAccountInactive}\n                iconActive={SvgAccountActive}\n                isActive={expanded}\n                {...props}\n                submenuExpanded={expanded}\n                onExpandToggle={onExpandToggle}\n                onClick={onExpandToggle}\n                tag={{ value: hasNotifications }}\n            >\n                {children}\n            </InternalSideNavigationGroup>\n        </NotificationsContextProvider>\n    );\n};\n\nconst ProfileDropdownDivider: FC = () => {\n    const { breakpoint } = useTitanLayoutContext();\n    return breakpoint.isMobile ? (\n        <InternalSideNavigationGroupDivider />\n    ) : (\n        <DesktopProfileDropdown.Divider />\n    );\n};\n\nconst getText = (children: any, text: any): string | undefined => {\n    if (typeof children === 'string') {\n        return children;\n    }\n\n    if (typeof text === 'string') {\n        return text;\n    }\n\n    return undefined;\n};\n\nconst getTag = (\n    tag: ProfileDropdownLinkProps['tag'],\n    counter: ProfileDropdownLinkProps['counter']\n): boolean => {\n    return !!tag?.value || !!counter;\n};\n\nconst ProfileDropdownSection: FC<ProfileDropdownSectionProps> = props => {\n    const { breakpoint } = useTitanLayoutContext();\n    return breakpoint.isMobile ? (\n        <MobileProfileDropdownSection {...props} />\n    ) : (\n        <DesktopProfileDropdown.Section {...props} />\n    );\n};\nconst MobileProfileDropdownSection: FC<ProfileDropdownSectionProps> = ({\n    children,\n    text,\n    tooltip,\n    title,\n    ...props\n}) => {\n    const sectionText = getText(children, text);\n    const { onNotificationsUpdate } = useNotificationsContext();\n    onNotificationsUpdate(props.id, getTag(props.tag, props.counter));\n\n    return sectionText ? (\n        <InternalSideNavigationGroupTrigger {...props} title={sectionText} />\n    ) : null;\n};\n\nconst ProfileDropdownLink: FC<ProfileDropdownLinkProps> = props => {\n    const { breakpoint, NavigationComponent } = useTitanLayoutContext();\n    return breakpoint.isMobile ? (\n        <MobileProfileDropdownLink {...props} navigationComponent={NavigationComponent} />\n    ) : (\n        <DesktopProfileDropdown.Link {...props} />\n    );\n};\nconst MobileProfileDropdownLink: FC<ProfileDropdownLinkProps & NavigationComponentProps> = ({\n    external,\n    to,\n    tooltip,\n    text,\n    children,\n    navigationComponent,\n    ...props\n}) => {\n    const { onNotificationsUpdate } = useNotificationsContext();\n    const linkText = getText(children, text);\n    const isExternalLink = external ?? to?.startsWith('http');\n    onNotificationsUpdate(props.id, getTag(props.tag, props.counter));\n\n    return linkText ? (\n        <InternalSideNavigationGroupLink\n            {...props}\n            to={to}\n            title={linkText}\n            parentId={profileId}\n            navigationComponent={isExternalLink ? ExternalNavComponent : navigationComponent}\n        />\n    ) : null;\n};\n\nexport const ProfileDropdown = Object.assign(ProfileDropdownContent, {\n    Divider: ProfileDropdownDivider,\n    Link: ProfileDropdownLink,\n    Section: ProfileDropdownSection,\n});\n"],"names":["SvgAccountActive","SvgAccountInactive","useEffect","useState","ProfileDropdown","DesktopProfileDropdown","useTitanLayoutContext","InternalSideNavigationGroup","InternalSideNavigationGroupDivider","InternalSideNavigationGroupLink","InternalSideNavigationGroupTrigger","useNotificationsContext","useNotificationsState","ExternalNavComponent","children","isActive","to","activeClassName","props","a","href","ProfileDropdownContent","breakpoint","NavigationComponent","isMobile","MobileProfileDropdown","navigationComponent","displayName","profileId","expanded","setExpanded","hasNotifications","NotificationsContextProvider","onNotificationsUpdate","onExpandToggle","e","stopPropagation","id","undefined","title","icon","iconActive","submenuExpanded","onClick","tag","value","ProfileDropdownDivider","Divider","getText","text","getTag","counter","ProfileDropdownSection","MobileProfileDropdownSection","Section","tooltip","sectionText","ProfileDropdownLink","MobileProfileDropdownLink","Link","external","linkText","isExternalLink","startsWith","parentId","Object","assign"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/titan-layout/layout-profile.tsx"],"sourcesContent":["import SvgAccountActive from '@servicetitan/anvil2/assets/icons/st/gnav_account_active.svg';\nimport SvgAccountInactive from '@servicetitan/anvil2/assets/icons/st/gnav_account_inactive.svg';\n\nimport { FC, MouseEvent, useEffect, useState } from 'react';\nimport { NavLinkComponentProps } from '../../utils/navigation-context';\nimport { getCounterTag } from '../../utils/side-nav';\nimport {\n    ProfileDropdownLinkProps,\n    ProfileDropdownProps,\n    ProfileDropdownSectionProps,\n} from '../profile-dropdown/interface';\nimport { DesktopProfileDropdown } from '../profile-dropdown/profile-dropdown';\nimport { NavigationComponentProps } from './interface-internal';\nimport { useTitanLayoutContext } from './layout-context';\nimport {\n    InternalSideNavigationGroup,\n    InternalSideNavigationGroupDivider,\n    InternalSideNavigationGroupLink,\n    InternalSideNavigationGroupTrigger,\n} from './layout-sidebar-links-internal';\nimport { useNotificationsContext, useNotificationsState } from './notifications-context';\n\nexport type {\n    ProfileDropdownProps,\n    ProfileDropdownSectionProps,\n    ProfileDropdownLinkProps,\n} from '../profile-dropdown/interface';\n\nconst ExternalNavComponent: FC<NavLinkComponentProps> = ({\n    children,\n    isActive,\n    to,\n    activeClassName,\n    ...props\n}) => (\n    <a {...props} href={to}>\n        {children}\n    </a>\n);\n\nfunction ProfileDropdownComponent(props: ProfileDropdownProps) {\n    const { breakpoint, NavigationComponent } = useTitanLayoutContext();\n    return breakpoint.isMobile ? (\n        <MobileProfileDropdown {...props} navigationComponent={NavigationComponent} />\n    ) : (\n        <DesktopProfileDropdown {...props} />\n    );\n}\nconst profileId = '--profile';\n\nconst MobileProfileDropdown: FC<ProfileDropdownProps & NavigationComponentProps> = ({\n    direction,\n    trigger,\n    hintPopup,\n    portal,\n    width,\n    onClose,\n    onOpen,\n    className,\n    children,\n    ...rest\n}) => {\n    const [expanded, setExpanded] = useState(false);\n    const { hasNotifications, NotificationsContextProvider } = useNotificationsState();\n    const { onNotificationsUpdate } = useNotificationsContext();\n    const onExpandToggle = (e: MouseEvent<never>) => {\n        e.stopPropagation();\n        setExpanded(!expanded);\n    };\n\n    useEffect(() => {\n        onNotificationsUpdate(profileId, hasNotifications);\n    }, [hasNotifications, onNotificationsUpdate]);\n\n    return (\n        <NotificationsContextProvider>\n            <InternalSideNavigationGroup\n                id={profileId}\n                to={undefined}\n                title=\"Profile\"\n                icon={SvgAccountInactive}\n                iconActive={SvgAccountActive}\n                isActive={expanded}\n                className={className}\n                {...rest}\n                submenuExpanded={expanded}\n                onExpandToggle={onExpandToggle}\n                onClick={onExpandToggle}\n                tag={{ value: hasNotifications }}\n            >\n                {children}\n            </InternalSideNavigationGroup>\n        </NotificationsContextProvider>\n    );\n};\n\nconst ProfileDropdownDivider: FC = () => {\n    const { breakpoint } = useTitanLayoutContext();\n    return breakpoint.isMobile ? (\n        <InternalSideNavigationGroupDivider />\n    ) : (\n        <DesktopProfileDropdown.Divider />\n    );\n};\n\nconst getText = (children: any, text: any): string | undefined => {\n    if (typeof children === 'string') {\n        return children;\n    }\n\n    if (typeof text === 'string') {\n        return text;\n    }\n\n    return undefined;\n};\n\nfunction ProfileDropdownSection(props: ProfileDropdownSectionProps) {\n    const { breakpoint } = useTitanLayoutContext();\n    return breakpoint.isMobile ? (\n        <MobileProfileDropdownSection {...props} />\n    ) : (\n        <DesktopProfileDropdown.Section {...props} />\n    );\n}\nconst MobileProfileDropdownSection: FC<ProfileDropdownSectionProps> = ({\n    id,\n    tooltip,\n    tag,\n    counter,\n\n    className,\n    children,\n    text,\n    ...rest\n}) => {\n    const sectionText = getText(children, text);\n    const { onNotificationsUpdate } = useNotificationsContext();\n    const tagData = getCounterTag(counter, tag);\n    onNotificationsUpdate(id, !!tagData);\n\n    return sectionText ? (\n        <InternalSideNavigationGroupTrigger\n            {...rest}\n            id={id}\n            title={sectionText}\n            isActive={undefined}\n            tag={tagData}\n            className={className}\n        />\n    ) : null;\n};\n\nfunction ProfileDropdownLink(props: ProfileDropdownLinkProps) {\n    const { breakpoint, NavigationComponent } = useTitanLayoutContext();\n    return breakpoint.isMobile ? (\n        <MobileProfileDropdownLink {...props} navigationComponent={NavigationComponent} />\n    ) : (\n        <DesktopProfileDropdown.Link {...props} />\n    );\n}\nconst MobileProfileDropdownLink: FC<ProfileDropdownLinkProps & NavigationComponentProps> = ({\n    id,\n    external,\n    to,\n    tooltip,\n    text,\n    children,\n    className,\n    navigationComponent,\n    tag,\n    counter,\n    ...rest\n}) => {\n    const { onNotificationsUpdate } = useNotificationsContext();\n    const linkText = getText(children, text);\n    const isExternalLink = external ?? to?.startsWith('http');\n    const tagData = getCounterTag(counter, tag);\n    onNotificationsUpdate(id, !!tagData);\n\n    return linkText ? (\n        <InternalSideNavigationGroupLink\n            {...rest}\n            id={id}\n            to={to}\n            title={linkText}\n            isActive={undefined}\n            className={className}\n            tag={tagData}\n            parentId={profileId}\n            navigationComponent={isExternalLink ? ExternalNavComponent : navigationComponent}\n        />\n    ) : null;\n};\n\nexport const ProfileDropdown = Object.assign(ProfileDropdownComponent, {\n    Divider: ProfileDropdownDivider,\n    Link: ProfileDropdownLink,\n    Section: ProfileDropdownSection,\n});\n"],"names":["SvgAccountActive","SvgAccountInactive","useEffect","useState","getCounterTag","DesktopProfileDropdown","useTitanLayoutContext","InternalSideNavigationGroup","InternalSideNavigationGroupDivider","InternalSideNavigationGroupLink","InternalSideNavigationGroupTrigger","useNotificationsContext","useNotificationsState","ExternalNavComponent","children","isActive","to","activeClassName","props","a","href","ProfileDropdownComponent","breakpoint","NavigationComponent","isMobile","MobileProfileDropdown","navigationComponent","profileId","direction","trigger","hintPopup","portal","width","onClose","onOpen","className","rest","expanded","setExpanded","hasNotifications","NotificationsContextProvider","onNotificationsUpdate","onExpandToggle","e","stopPropagation","id","undefined","title","icon","iconActive","submenuExpanded","onClick","tag","value","ProfileDropdownDivider","Divider","getText","text","ProfileDropdownSection","MobileProfileDropdownSection","Section","tooltip","counter","sectionText","tagData","ProfileDropdownLink","MobileProfileDropdownLink","Link","external","linkText","isExternalLink","startsWith","parentId","ProfileDropdown","Object","assign"],"mappings":"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"}

package/dist/components/titan-layout/layout-sidebar-links-internal.d.ts

@@ -1,41 +1,65 @@
-import { FC, MouseEvent, ReactNode } from 'react';
-import { NavigationItemData, NavigationSubmenuItemData } from '../../utils/navigation';
+import { IconProps } from '@servicetitan/anvil2';
+import { ComponentPropsWithoutRef, FC, MouseEvent, ReactNode } from 'react';
 import { BadgeTagProps } from '../badge-tag';
-import { TitanLayoutLinkProps, TitanLayoutTriggerProps } from './interface';
 import { NavigationComponentProps } from './interface-internal';
 export interface InternalSideNavigationItemContentProps {
-    icon: TitanLayoutLinkProps['icon'];
-    iconActive: TitanLayoutLinkProps['iconActive'];
-    title: TitanLayoutLinkProps['title'];
-    submenuExpanded: boolean | undefined;
+    icon: IconProps['svg'] | undefined;
+    iconActive: IconProps['svg'] | undefined;
+    title: string;
     tag: BadgeTagProps | undefined;
-    onExpandToggle?: (e: MouseEvent<never>) => void;
 }
-interface InternalLinkProps {
-    submenuExpanded: boolean | undefined;
-    tag: BadgeTagProps | undefined;
-    onExpandToggle?: (e: MouseEvent<never>) => void;
-}
-export type InternalSideNavigationLinkProps = Omit<TitanLayoutLinkProps, 'wrapper' | 'counter' | 'tag'> & NavigationComponentProps & InternalLinkProps;
 /** Side Navigation menu item (for internal usage) */
-export declare const InternalSideNavigationLink: FC<InternalSideNavigationLinkProps>;
-export type InternalSideNavigationTriggerProps = Omit<TitanLayoutTriggerProps, 'wrapper' | 'counter' | 'tag'> & InternalLinkProps;
+export declare const InternalSideNavigationLink: FC<NavigationComponentProps & {
+    id: string;
+    to: string;
+    title: string;
+    isActive: boolean | ((pathname: string) => boolean) | undefined;
+    icon: IconProps['svg'] | undefined;
+    iconActive: IconProps['svg'] | undefined;
+    className: string | undefined;
+    tag: BadgeTagProps | undefined;
+} & Omit<ComponentPropsWithoutRef<'a'>, 'children' | 'title'>>;
 /** Side Navigation menu trigger (for internal usage) */
-export declare const InternalSideNavigationTrigger: FC<InternalSideNavigationTriggerProps>;
-export declare const InternalSideNavigationGroupLink: FC<NavigationSubmenuItemData & NavigationComponentProps & {
+export declare const InternalSideNavigationTrigger: FC<{
+    id: string;
+    title: string;
+    isActive: boolean | undefined;
+    icon: IconProps['svg'] | undefined;
+    iconActive: IconProps['svg'] | undefined;
+    className: string | undefined;
+    tag: BadgeTagProps | undefined;
+    onClick?: (e: MouseEvent<never>) => void;
+} & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'title'>>;
+export declare const InternalSideNavigationGroupLink: FC<NavigationComponentProps & {
+    id: string;
+    to: string;
+    title: string;
+    isActive: boolean | ((pathname: string) => boolean) | undefined;
+    className: string | undefined;
+    tag: BadgeTagProps | undefined;
     parentId: string;
 }>;
-export declare const InternalSideNavigationGroupTrigger: FC<Omit<NavigationSubmenuItemData, 'to'> & {
+export declare const InternalSideNavigationGroupTrigger: FC<{
+    id: string;
+    title: string;
+    isActive: boolean | ((pathname: string) => boolean) | undefined;
+    className: string | undefined;
+    tag: BadgeTagProps | undefined;
     onClick?: (e: MouseEvent<any>) => void;
 }>;
 export declare const InternalSideNavigationGroupDivider: () => import("react/jsx-runtime").JSX.Element;
-export declare const InternalSideNavigationGroup: FC<Omit<NavigationItemData, 'tag' | 'counter' | 'to'> & NavigationComponentProps & {
+export declare const InternalSideNavigationGroup: FC<NavigationComponentProps & {
+    id: string;
+    to: string | undefined;
+    title: string;
+    isActive: boolean | ((pathname: string) => boolean) | undefined;
+    icon: IconProps['svg'] | undefined;
+    iconActive: IconProps['svg'] | undefined;
+    className: string | undefined;
+    tag: BadgeTagProps | undefined;
     children: ReactNode;
     submenuExpanded: boolean;
-    onExpandToggle?: (e: MouseEvent<never>) => void;
-    tag: BadgeTagProps | undefined;
-    to: NavigationItemData['to'] | undefined;
     onClick?: (e: MouseEvent<never>) => void;
+    onExpandToggle(e: MouseEvent<never>): void;
 }>;
-export {};
 //# sourceMappingURL=layout-sidebar-links-internal.d.ts.map

package/dist/components/titan-layout/layout-sidebar-links-internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout-sidebar-links-internal.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar-links-internal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,EAAE,EAAY,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAEvF,OAAO,EAAY,aAAa,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAC5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAGhE,MAAM,WAAW,sCAAsC;IACnD,IAAI,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;IACnC,UAAU,EAAE,oBAAoB,CAAC,YAAY,CAAC,CAAC;IAC/C,KAAK,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;IACrC,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,GAAG,EAAE,aAAa,GAAG,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CACnD;AA0DD,UAAU,iBAAiB;IACvB,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,GAAG,EAAE,aAAa,GAAG,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CACnD;AAED,MAAM,MAAM,+BAA+B,GAAG,IAAI,CAC9C,oBAAoB,EACpB,SAAS,GAAG,SAAS,GAAG,KAAK,CAChC,GACG,wBAAwB,GACxB,iBAAiB,CAAC;AAEtB,qDAAqD;AACrD,eAAO,MAAM,0BAA0B,EAAE,EAAE,CAAC,+BAA+B,CAqC1E,CAAC;AAEF,MAAM,MAAM,kCAAkC,GAAG,IAAI,CACjD,uBAAuB,EACvB,SAAS,GAAG,SAAS,GAAG,KAAK,CAChC,GACG,iBAAiB,CAAC;AAEtB,wDAAwD;AACxD,eAAO,MAAM,6BAA6B,EAAE,EAAE,CAAC,kCAAkC,CAmChF,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,EAAE,CAC5C,yBAAyB,GAAG,wBAAwB,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,CA6B9E,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE,EAAE,CAC/C,IAAI,CAAC,yBAAyB,EAAE,IAAI,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,KAAK,IAAI,CAAA;CAAE,CAkBrF,CAAC;AAEF,eAAO,MAAM,kCAAkC,+CAE9C,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,EAAE,CACxC,IAAI,CAAC,kBAAkB,EAAE,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC,GAC9C,wBAAwB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAChD,GAAG,EAAE,aAAa,GAAG,SAAS,CAAC;IAC/B,EAAE,EAAE,kBAAkB,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;IACzC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CAC5C,CAiCR,CAAC"}
+{"version":3,"file":"layout-sidebar-links-internal.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar-links-internal.tsx"],"names":[],"mappings":"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"}

package/dist/components/titan-layout/layout-sidebar-links-internal.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from '@servicetitan/anvil2';
+import { Button, Icon } from '@servicetitan/anvil2';
 import SvgGroupCollapse from '@servicetitan/anvil2/assets/icons/material/round/expand_less.svg';
 import SvgGroupExpand from '@servicetitan/anvil2/assets/icons/material/round/expand_more.svg';
 import classNames from 'classnames';
 import { Fragment } from 'react';
-import { getCounterTag } from '../../utils/side-nav';
 import { BadgeTag } from '../badge-tag';
 import * as Styles from './layout-sidebar.module.less';
-const InternalSideNavigationItemContent = ({ icon, iconActive, tag, title, submenuExpanded, onExpandToggle })=>/*#__PURE__*/ _jsxs(Fragment, {
+import { withTooltip } from './with-tooltip';
+const InternalSideNavigationItemContent = ({ icon, iconActive, tag, title })=>/*#__PURE__*/ _jsxs(Fragment, {
         children: [
             /*#__PURE__*/ _jsxs("div", {
                 className: Styles.navItemIconWrapper,
@@ -29,21 +29,6 @@ const InternalSideNavigationItemContent = ({ icon, iconActive, tag, title, subme
                         data: tag,
                         className: Styles.navItemCounter,
                         longClassName: Styles.navItemCounterLong
-                    }),
-                    typeof submenuExpanded === 'boolean' && /*#__PURE__*/ _jsxs("div", {
-                        className: Styles.navItemGroupToggleWrapper,
-                        children: [
-                            /*#__PURE__*/ _jsx(Icon, {
-                                svg: submenuExpanded ? SvgGroupCollapse : SvgGroupExpand,
-                                className: Styles.navItemGroupToggle,
-                                onClick: onExpandToggle
-                            }),
-                            /*#__PURE__*/ _jsx("div", {
-                                className: Styles.navItemGroupToggleClick,
-                                "data-cy": "nav-item-group-expand",
-                                onClick: onExpandToggle
-                            })
-                        ]
                     })
                 ]
             }),
@@ -56,11 +41,11 @@ const InternalSideNavigationItemContent = ({ icon, iconActive, tag, title, subme
             })
         ]
     });
-/** Side Navigation menu item (for internal usage) */ export const InternalSideNavigationLink = ({ id, to, className, icon, iconActive, isActive, navigationComponent: NavigationComponent, tag, title, submenuExpanded, onExpandToggle, ...props })=>{
+/** Side Navigation menu item (for internal usage) */ export const InternalSideNavigationLink = ({ id, to, title, isActive, icon, iconActive, className, tag, navigationComponent: NavigationComponent, ...rest })=>{
     return /*#__PURE__*/ _jsx(NavigationComponent, {
         "data-cy": `navigation-item-${id}`,
         "data-pendo": `navigation-item-${id}`,
-        ...props,
+        ...rest,
         className: classNames(Styles.navItem, Styles.navLink, className, {
             [Styles.navItemActive]: isActive === true,
             [Styles.navItemIconSwitch]: !!icon && !!iconActive
@@ -71,27 +56,22 @@ const InternalSideNavigationItemContent = ({ icon, iconActive, tag, title, subme
         children: /*#__PURE__*/ _jsx(InternalSideNavigationItemContent, {
             icon: icon,
             iconActive: iconActive,
-            submenuExpanded: submenuExpanded,
-            onExpandToggle: onExpandToggle,
             title: title,
             tag: tag
         })
     });
 };
-/** Side Navigation menu trigger (for internal usage) */ export const InternalSideNavigationTrigger = ({ className, icon, iconActive, id, isActive, submenuExpanded, onExpandToggle, onClick, title, tag, ...props })=>{
+/** Side Navigation menu trigger (for internal usage) */ export const InternalSideNavigationTrigger = ({ id, title, isActive, icon, iconActive, className, tag, ...rest })=>{
     return /*#__PURE__*/ _jsx("div", {
         "data-cy": `navigation-item-${id}`,
         "data-pendo": `navigation-item-${id}`,
-        ...props,
+        ...rest,
         className: classNames(Styles.navItem, className, {
-            [Styles.navLink]: !!onClick,
+            [Styles.navLink]: !!rest.onClick,
             [Styles.navItemActive]: isActive === true,
             [Styles.navItemIconSwitch]: !!icon && !!iconActive
         }),
-        onClick: onClick,
         children: /*#__PURE__*/ _jsx(InternalSideNavigationItemContent, {
-            submenuExpanded: submenuExpanded,
-            onExpandToggle: onExpandToggle,
             icon: icon,
             iconActive: iconActive,
             title: title,
@@ -99,13 +79,13 @@ const InternalSideNavigationItemContent = ({ icon, iconActive, tag, title, subme
         })
     });
 };
-export const InternalSideNavigationGroupLink = ({ id, counter, parentId, tag, title, to, isActive, navigationComponent: NavigationComponent, ...rest })=>{
+export const InternalSideNavigationGroupLink = ({ id, to, title, isActive, className, tag, parentId, navigationComponent: NavigationComponent, ...rest })=>{
     return /*#__PURE__*/ _jsxs(NavigationComponent, {
         "data-cy": `navigation-item-${parentId}--${id}`,
         "data-pendo": `navigation-item-${parentId}--${id}`,
         ...rest,
         to: to,
-        className: classNames(Styles.submenuItem, Styles.submenuLink, {
+        className: classNames(Styles.submenuItem, Styles.submenuLink, className, {
             [Styles.submenuLinkActive]: isActive === true
         }),
         isActive: typeof isActive === 'function' ? isActive : undefined,
@@ -115,28 +95,27 @@ export const InternalSideNavigationGroupLink = ({ id, counter, parentId, tag, ti
                 children: title
             }),
             /*#__PURE__*/ _jsx(BadgeTag, {
-                data: getCounterTag(counter, tag),
+                data: tag,
                 className: Styles.submenuLinkCounter
             })
         ]
     }, id);
 };
-export const InternalSideNavigationGroupTrigger = ({ id, counter, onClick, tag, title, isActive, ...rest })=>{
+export const InternalSideNavigationGroupTrigger = ({ id, title, isActive, className, tag, ...rest })=>{
     return /*#__PURE__*/ _jsxs("div", {
         "data-cy": `navigation-item-${id}`,
         "data-pendo": `navigation-item-${id}`,
         ...rest,
         className: classNames(Styles.submenuItem, {
-            [Styles.submenuLink]: !!onClick,
+            [Styles.submenuLink]: !!rest.onClick,
             [Styles.submenuLinkActive]: isActive === true
         }),
-        onClick: onClick,
         children: [
             /*#__PURE__*/ _jsx("span", {
                 children: title
             }),
             /*#__PURE__*/ _jsx(BadgeTag, {
-                data: getCounterTag(counter, tag),
+                data: tag,
                 className: Styles.submenuLinkCounter
             })
         ]
@@ -147,31 +126,63 @@ export const InternalSideNavigationGroupDivider = ()=>{
         className: Styles.divider
     });
 };
-export const InternalSideNavigationGroup = ({ children, submenuExpanded, to, onExpandToggle, onClick, isActive, ...props })=>{
+export const InternalSideNavigationGroup = ({ id, to, title, isActive, icon, iconActive, className, tag, children, submenuExpanded, onExpandToggle, onClick, navigationComponent, ...rest })=>{
+    const onRootClickCapture = (e)=>{
+        if (!submenuExpanded) {
+            onExpandToggle === null || onExpandToggle === void 0 ? void 0 : onExpandToggle(e);
+            e.preventDefault();
+            e.stopPropagation();
+        }
+    };
     return /*#__PURE__*/ _jsxs("div", {
         className: classNames(Styles.navGroupWrapper),
         children: [
-            /*#__PURE__*/ _jsx("div", {
+            /*#__PURE__*/ _jsxs("div", {
                 className: Styles.navGroupItem,
-                children: to ? /*#__PURE__*/ _jsx(InternalSideNavigationLink, {
-                    ...props,
-                    isActive: isActive,
-                    to: to,
-                    submenuExpanded: submenuExpanded,
-                    onExpandToggle: onExpandToggle
-                }) : /*#__PURE__*/ _jsx(InternalSideNavigationTrigger, {
-                    ...props,
-                    isActive: isActive === true || undefined,
-                    submenuExpanded: submenuExpanded,
-                    onExpandToggle: onExpandToggle,
-                    onClick: onClick
-                })
+                onClickCapture: onRootClickCapture,
+                children: [
+                    to ? /*#__PURE__*/ _jsx(InternalSideNavigationLink, {
+                        id: id,
+                        to: to,
+                        title: title,
+                        isActive: isActive,
+                        icon: icon,
+                        iconActive: iconActive,
+                        tag: tag,
+                        className: className,
+                        ...rest,
+                        navigationComponent: navigationComponent
+                    }) : /*#__PURE__*/ _jsx(InternalSideNavigationTrigger, {
+                        id: id,
+                        title: title,
+                        isActive: isActive === true || undefined,
+                        icon: icon,
+                        iconActive: iconActive,
+                        tag: tag,
+                        className: className,
+                        ...rest
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: Styles.navItemGroupToggleWrapper,
+                        children: withTooltip(/*#__PURE__*/ _jsx(Button, {
+                            appearance: "secondary",
+                            size: "small",
+                            icon: submenuExpanded ? SvgGroupCollapse : SvgGroupExpand,
+                            className: Styles.navItemGroupToggle,
+                            onClick: onExpandToggle,
+                            "aria-label": "Toggle submenu",
+                            "data-cy": "nav-item-group-expand"
+                        }), submenuExpanded ? 'Hide Submenu' : 'View Submenu', {
+                            placement: 'top-end'
+                        })
+                    })
+                ]
             }),
             /*#__PURE__*/ _jsx("div", {
                 className: classNames(Styles.submenuWrapper, {
                     [Styles.submenuWrapperCollapsed]: !submenuExpanded
                 }),
-                "data-cy": `navigation-submenu-${props.id}`,
+                "data-cy": `navigation-submenu-${id}`,
                 children: /*#__PURE__*/ _jsx("div", {
                     className: Styles.submenu,
                     children: children

package/dist/components/titan-layout/layout-sidebar-links-internal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/titan-layout/layout-sidebar-links-internal.tsx"],"sourcesContent":["import { Icon } from '@servicetitan/anvil2';\nimport SvgGroupCollapse from '@servicetitan/anvil2/assets/icons/material/round/expand_less.svg';\nimport SvgGroupExpand from '@servicetitan/anvil2/assets/icons/material/round/expand_more.svg';\n\nimport classNames from 'classnames';\nimport { FC, Fragment, MouseEvent, ReactNode } from 'react';\nimport { NavigationItemData, NavigationSubmenuItemData } from '../../utils/navigation';\nimport { getCounterTag } from '../../utils/side-nav';\nimport { BadgeTag, BadgeTagProps } from '../badge-tag';\nimport { TitanLayoutLinkProps, TitanLayoutTriggerProps } from './interface';\nimport { NavigationComponentProps } from './interface-internal';\nimport * as Styles from './layout-sidebar.module.less';\n\nexport interface InternalSideNavigationItemContentProps {\n    icon: TitanLayoutLinkProps['icon'];\n    iconActive: TitanLayoutLinkProps['iconActive'];\n    title: TitanLayoutLinkProps['title'];\n    submenuExpanded: boolean | undefined;\n    tag: BadgeTagProps | undefined;\n    onExpandToggle?: (e: MouseEvent<never>) => void;\n}\n\nconst InternalSideNavigationItemContent: FC<InternalSideNavigationItemContentProps> = ({\n    icon,\n    iconActive,\n    tag,\n    title,\n    submenuExpanded,\n    onExpandToggle,\n}) => (\n    <Fragment>\n        <div className={Styles.navItemIconWrapper}>\n            {icon && (\n                <Icon svg={icon} className={classNames(Styles.navIcon, Styles.navIconInactive)} />\n            )}\n            {iconActive && (\n                <Icon\n                    svg={iconActive}\n                    className={classNames(Styles.navIcon, Styles.navIconActive)}\n                />\n            )}\n\n            <div className={Styles.navItemTextExpanded} data-cy=\"nav-item-label\">\n                {title}\n            </div>\n            {!!tag && (\n                <BadgeTag\n                    data={tag}\n                    className={Styles.navItemCounter}\n                    longClassName={Styles.navItemCounterLong}\n                />\n            )}\n            {typeof submenuExpanded === 'boolean' && (\n                <div className={Styles.navItemGroupToggleWrapper}>\n                    <Icon\n                        svg={submenuExpanded ? SvgGroupCollapse : SvgGroupExpand}\n                        className={Styles.navItemGroupToggle}\n                        onClick={onExpandToggle}\n                    />\n                    <div\n                        className={Styles.navItemGroupToggleClick}\n                        data-cy=\"nav-item-group-expand\"\n                        onClick={onExpandToggle}\n                    />\n                </div>\n            )}\n        </div>\n\n        <div\n            className={classNames(Styles.navItemTextCollapsed, {\n                [Styles.navItemTextSmall]: !!title && title.length >= 10,\n            })}\n            data-cy=\"nav-item-label\"\n        >\n            {title}\n        </div>\n    </Fragment>\n);\ninterface InternalLinkProps {\n    submenuExpanded: boolean | undefined;\n    tag: BadgeTagProps | undefined;\n    onExpandToggle?: (e: MouseEvent<never>) => void;\n}\n\nexport type InternalSideNavigationLinkProps = Omit<\n    TitanLayoutLinkProps,\n    'wrapper' | 'counter' | 'tag'\n> &\n    NavigationComponentProps &\n    InternalLinkProps;\n\n/** Side Navigation menu item (for internal usage) */\nexport const InternalSideNavigationLink: FC<InternalSideNavigationLinkProps> = ({\n    id,\n    to,\n    className,\n    icon,\n    iconActive,\n    isActive,\n    navigationComponent: NavigationComponent,\n    tag,\n    title,\n    submenuExpanded,\n    onExpandToggle,\n    ...props\n}) => {\n    return (\n        <NavigationComponent\n            data-cy={`navigation-item-${id}`}\n            data-pendo={`navigation-item-${id}`}\n            {...props}\n            className={classNames(Styles.navItem, Styles.navLink, className, {\n                [Styles.navItemActive]: isActive === true,\n                [Styles.navItemIconSwitch]: !!icon && !!iconActive,\n            })}\n            to={to}\n            isActive={typeof isActive === 'function' ? isActive : undefined}\n            activeClassName={Styles.navItemActive}\n        >\n            <InternalSideNavigationItemContent\n                icon={icon}\n                iconActive={iconActive}\n                submenuExpanded={submenuExpanded}\n                onExpandToggle={onExpandToggle}\n                title={title}\n                tag={tag}\n            />\n        </NavigationComponent>\n    );\n};\n\nexport type InternalSideNavigationTriggerProps = Omit<\n    TitanLayoutTriggerProps,\n    'wrapper' | 'counter' | 'tag'\n> &\n    InternalLinkProps;\n\n/** Side Navigation menu trigger (for internal usage) */\nexport const InternalSideNavigationTrigger: FC<InternalSideNavigationTriggerProps> = ({\n    className,\n    icon,\n    iconActive,\n    id,\n    isActive,\n    submenuExpanded,\n    onExpandToggle,\n    onClick,\n    title,\n    tag,\n    ...props\n}) => {\n    return (\n        <div\n            data-cy={`navigation-item-${id}`}\n            data-pendo={`navigation-item-${id}`}\n            {...props}\n            className={classNames(Styles.navItem, className, {\n                [Styles.navLink]: !!onClick,\n                [Styles.navItemActive]: isActive === true,\n                [Styles.navItemIconSwitch]: !!icon && !!iconActive,\n            })}\n            onClick={onClick}\n        >\n            <InternalSideNavigationItemContent\n                submenuExpanded={submenuExpanded}\n                onExpandToggle={onExpandToggle}\n                icon={icon}\n                iconActive={iconActive}\n                title={title}\n                tag={tag}\n            />\n        </div>\n    );\n};\n\nexport const InternalSideNavigationGroupLink: FC<\n    NavigationSubmenuItemData & NavigationComponentProps & { parentId: string }\n> = ({\n    id,\n    counter,\n    parentId,\n    tag,\n    title,\n    to,\n    isActive,\n    navigationComponent: NavigationComponent,\n    ...rest\n}) => {\n    return (\n        <NavigationComponent\n            key={id}\n            data-cy={`navigation-item-${parentId}--${id}`}\n            data-pendo={`navigation-item-${parentId}--${id}`}\n            {...rest}\n            to={to}\n            className={classNames(Styles.submenuItem, 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\nexport const InternalSideNavigationGroupTrigger: FC<\n    Omit<NavigationSubmenuItemData, 'to'> & { onClick?: (e: MouseEvent<any>) => void }\n> = ({ id, counter, onClick, tag, title, isActive, ...rest }) => {\n    return (\n        <div\n            data-cy={`navigation-item-${id}`}\n            data-pendo={`navigation-item-${id}`}\n            key={id}\n            {...rest}\n            className={classNames(Styles.submenuItem, {\n                [Styles.submenuLink]: !!onClick,\n                [Styles.submenuLinkActive]: isActive === true,\n            })}\n            onClick={onClick}\n        >\n            <span>{title}</span>\n            <BadgeTag data={getCounterTag(counter, tag)} className={Styles.submenuLinkCounter} />\n        </div>\n    );\n};\n\nexport const InternalSideNavigationGroupDivider = () => {\n    return <div className={Styles.divider} />;\n};\n\nexport const InternalSideNavigationGroup: FC<\n    Omit<NavigationItemData, 'tag' | 'counter' | 'to'> &\n        NavigationComponentProps & {\n            children: ReactNode;\n            submenuExpanded: boolean;\n            onExpandToggle?: (e: MouseEvent<never>) => void;\n            tag: BadgeTagProps | undefined;\n            to: NavigationItemData['to'] | undefined;\n            onClick?: (e: MouseEvent<never>) => void;\n        }\n> = ({ children, submenuExpanded, to, onExpandToggle, onClick, isActive, ...props }) => {\n    return (\n        <div className={classNames(Styles.navGroupWrapper)}>\n            <div className={Styles.navGroupItem}>\n                {to ? (\n                    <InternalSideNavigationLink\n                        {...props}\n                        isActive={isActive}\n                        to={to}\n                        submenuExpanded={submenuExpanded}\n                        onExpandToggle={onExpandToggle}\n                    />\n                ) : (\n                    <InternalSideNavigationTrigger\n                        {...props}\n                        isActive={isActive === true || undefined}\n                        submenuExpanded={submenuExpanded}\n                        onExpandToggle={onExpandToggle}\n                        onClick={onClick}\n                    />\n                )}\n            </div>\n            <div\n                className={classNames(Styles.submenuWrapper, {\n                    [Styles.submenuWrapperCollapsed]: !submenuExpanded,\n                })}\n                data-cy={`navigation-submenu-${props.id}`}\n            >\n                <div className={Styles.submenu}>{children}</div>\n            </div>\n        </div>\n    );\n};\n"],"names":["Icon","SvgGroupCollapse","SvgGroupExpand","classNames","Fragment","getCounterTag","BadgeTag","Styles","InternalSideNavigationItemContent","icon","iconActive","tag","title","submenuExpanded","onExpandToggle","div","className","navItemIconWrapper","svg","navIcon","navIconInactive","navIconActive","navItemTextExpanded","data-cy","data","navItemCounter","longClassName","navItemCounterLong","navItemGroupToggleWrapper","navItemGroupToggle","onClick","navItemGroupToggleClick","navItemTextCollapsed","navItemTextSmall","length","InternalSideNavigationLink","id","to","isActive","navigationComponent","NavigationComponent","props","data-pendo","navItem","navLink","navItemActive","navItemIconSwitch","undefined","activeClassName","InternalSideNavigationTrigger","InternalSideNavigationGroupLink","counter","parentId","rest","submenuItem","submenuLink","submenuLinkActive","span","submenuLinkCounter","InternalSideNavigationGroupTrigger","InternalSideNavigationGroupDivider","divider","InternalSideNavigationGroup","children","navGroupWrapper","navGroupItem","submenuWrapper","submenuWrapperCollapsed","submenu"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/titan-layout/layout-sidebar-links-internal.tsx"],"sourcesContent":["import { Button, Icon, IconProps } from '@servicetitan/anvil2';\nimport SvgGroupCollapse from '@servicetitan/anvil2/assets/icons/material/round/expand_less.svg';\nimport SvgGroupExpand from '@servicetitan/anvil2/assets/icons/material/round/expand_more.svg';\nimport classNames from 'classnames';\nimport { ComponentPropsWithoutRef, FC, Fragment, MouseEvent, ReactNode } from 'react';\n\nimport { BadgeTag, BadgeTagProps } from '../badge-tag';\nimport { NavigationComponentProps } from './interface-internal';\nimport * as Styles from './layout-sidebar.module.less';\nimport { withTooltip } from './with-tooltip';\n\nexport interface InternalSideNavigationItemContentProps {\n    icon: IconProps['svg'] | undefined;\n    iconActive: IconProps['svg'] | undefined;\n    title: string;\n    tag: BadgeTagProps | undefined;\n}\n\nconst InternalSideNavigationItemContent: FC<InternalSideNavigationItemContentProps> = ({\n    icon,\n    iconActive,\n    tag,\n    title,\n}) => (\n    <Fragment>\n        <div className={Styles.navItemIconWrapper}>\n            {icon && (\n                <Icon svg={icon} className={classNames(Styles.navIcon, Styles.navIconInactive)} />\n            )}\n            {iconActive && (\n                <Icon\n                    svg={iconActive}\n                    className={classNames(Styles.navIcon, Styles.navIconActive)}\n                />\n            )}\n\n            <div className={Styles.navItemTextExpanded} data-cy=\"nav-item-label\">\n                {title}\n            </div>\n            {!!tag && (\n                <BadgeTag\n                    data={tag}\n                    className={Styles.navItemCounter}\n                    longClassName={Styles.navItemCounterLong}\n                />\n            )}\n        </div>\n\n        <div\n            className={classNames(Styles.navItemTextCollapsed, {\n                [Styles.navItemTextSmall]: !!title && title.length >= 10,\n            })}\n            data-cy=\"nav-item-label\"\n        >\n            {title}\n        </div>\n    </Fragment>\n);\n\n/** Side Navigation menu item (for internal usage) */\nexport const InternalSideNavigationLink: FC<\n    NavigationComponentProps & {\n        id: string;\n        to: string;\n        title: string;\n        isActive: boolean | ((pathname: string) => boolean) | undefined;\n        icon: IconProps['svg'] | undefined;\n        iconActive: IconProps['svg'] | undefined;\n        className: string | undefined;\n        tag: BadgeTagProps | undefined;\n    } & Omit<ComponentPropsWithoutRef<'a'>, 'children' | 'title'>\n> = ({\n    id,\n    to,\n    title,\n    isActive,\n    icon,\n    iconActive,\n    className,\n    tag,\n\n    navigationComponent: NavigationComponent,\n    ...rest\n}) => {\n    return (\n        <NavigationComponent\n            data-cy={`navigation-item-${id}`}\n            data-pendo={`navigation-item-${id}`}\n            {...rest}\n            className={classNames(Styles.navItem, Styles.navLink, className, {\n                [Styles.navItemActive]: isActive === true,\n                [Styles.navItemIconSwitch]: !!icon && !!iconActive,\n            })}\n            to={to}\n            isActive={typeof isActive === 'function' ? isActive : undefined}\n            activeClassName={Styles.navItemActive}\n        >\n            <InternalSideNavigationItemContent\n                icon={icon}\n                iconActive={iconActive}\n                title={title}\n                tag={tag}\n            />\n        </NavigationComponent>\n    );\n};\n\n/** Side Navigation menu trigger (for internal usage) */\nexport const InternalSideNavigationTrigger: FC<\n    {\n        id: string;\n        title: string;\n        isActive: boolean | undefined;\n        icon: IconProps['svg'] | undefined;\n        iconActive: IconProps['svg'] | undefined;\n        className: string | undefined;\n\n        tag: BadgeTagProps | undefined;\n        onClick?: (e: MouseEvent<never>) => void;\n    } & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'title'>\n> = ({\n    id,\n    title,\n    isActive,\n    icon,\n    iconActive,\n    className,\n\n    tag,\n    ...rest\n}) => {\n    return (\n        <div\n            data-cy={`navigation-item-${id}`}\n            data-pendo={`navigation-item-${id}`}\n            {...rest}\n            className={classNames(Styles.navItem, className, {\n                [Styles.navLink]: !!rest.onClick,\n                [Styles.navItemActive]: isActive === true,\n                [Styles.navItemIconSwitch]: !!icon && !!iconActive,\n            })}\n        >\n            <InternalSideNavigationItemContent\n                icon={icon}\n                iconActive={iconActive}\n                title={title}\n                tag={tag}\n            />\n        </div>\n    );\n};\n\nexport const InternalSideNavigationGroupLink: FC<\n    NavigationComponentProps & {\n        id: string;\n        to: string;\n        title: string;\n        isActive: boolean | ((pathname: string) => boolean) | undefined;\n        className: string | undefined;\n        tag: BadgeTagProps | undefined;\n\n        parentId: string;\n    }\n> = ({\n    id,\n    to,\n    title,\n    isActive,\n    className,\n    tag,\n\n    parentId,\n    navigationComponent: NavigationComponent,\n    ...rest\n}) => {\n    return (\n        <NavigationComponent\n            key={id}\n            data-cy={`navigation-item-${parentId}--${id}`}\n            data-pendo={`navigation-item-${parentId}--${id}`}\n            {...rest}\n            to={to}\n            className={classNames(Styles.submenuItem, Styles.submenuLink, className, {\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={tag} className={Styles.submenuLinkCounter} />\n        </NavigationComponent>\n    );\n};\n\nexport const InternalSideNavigationGroupTrigger: FC<{\n    id: string;\n    title: string;\n    isActive: boolean | ((pathname: string) => boolean) | undefined;\n    className: string | undefined;\n    tag: BadgeTagProps | undefined;\n\n    onClick?: (e: MouseEvent<any>) => void;\n}> = ({\n    id,\n    title,\n    isActive,\n    className,\n    tag,\n\n    ...rest\n}) => {\n    return (\n        <div\n            data-cy={`navigation-item-${id}`}\n            data-pendo={`navigation-item-${id}`}\n            key={id}\n            {...rest}\n            className={classNames(Styles.submenuItem, {\n                [Styles.submenuLink]: !!rest.onClick,\n                [Styles.submenuLinkActive]: isActive === true,\n            })}\n        >\n            <span>{title}</span>\n            <BadgeTag data={tag} className={Styles.submenuLinkCounter} />\n        </div>\n    );\n};\n\nexport const InternalSideNavigationGroupDivider = () => {\n    return <div className={Styles.divider} />;\n};\n\nexport const InternalSideNavigationGroup: FC<\n    NavigationComponentProps & {\n        id: string;\n        to: string | undefined;\n        title: string;\n        isActive: boolean | ((pathname: string) => boolean) | undefined;\n        icon: IconProps['svg'] | undefined;\n        iconActive: IconProps['svg'] | undefined;\n        className: string | undefined;\n        tag: BadgeTagProps | undefined;\n\n        children: ReactNode;\n        submenuExpanded: boolean;\n        onClick?: (e: MouseEvent<never>) => void;\n        onExpandToggle(e: MouseEvent<never>): void;\n    }\n> = ({\n    id,\n    to,\n    title,\n    isActive,\n    icon,\n    iconActive,\n    className,\n    tag,\n\n    children,\n    submenuExpanded,\n    onExpandToggle,\n    onClick,\n    navigationComponent,\n    ...rest\n}) => {\n    const onRootClickCapture = (e: MouseEvent<never>) => {\n        if (!submenuExpanded) {\n            onExpandToggle?.(e);\n            e.preventDefault();\n            e.stopPropagation();\n        }\n    };\n    return (\n        <div className={classNames(Styles.navGroupWrapper)}>\n            <div className={Styles.navGroupItem} onClickCapture={onRootClickCapture}>\n                {to ? (\n                    <InternalSideNavigationLink\n                        id={id}\n                        to={to}\n                        title={title}\n                        isActive={isActive}\n                        icon={icon}\n                        iconActive={iconActive}\n                        tag={tag}\n                        className={className}\n                        {...rest}\n                        navigationComponent={navigationComponent}\n                    />\n                ) : (\n                    <InternalSideNavigationTrigger\n                        id={id}\n                        title={title}\n                        isActive={isActive === true || undefined}\n                        icon={icon}\n                        iconActive={iconActive}\n                        tag={tag}\n                        className={className}\n                        {...rest}\n                    />\n                )}\n\n                <div className={Styles.navItemGroupToggleWrapper}>\n                    {withTooltip(\n                        <Button\n                            appearance=\"secondary\"\n                            size=\"small\"\n                            icon={submenuExpanded ? SvgGroupCollapse : SvgGroupExpand}\n                            className={Styles.navItemGroupToggle}\n                            onClick={onExpandToggle}\n                            aria-label=\"Toggle submenu\"\n                            data-cy=\"nav-item-group-expand\"\n                        />,\n                        submenuExpanded ? 'Hide Submenu' : 'View Submenu',\n                        { placement: 'top-end' }\n                    )}\n                </div>\n            </div>\n            <div\n                className={classNames(Styles.submenuWrapper, {\n                    [Styles.submenuWrapperCollapsed]: !submenuExpanded,\n                })}\n                data-cy={`navigation-submenu-${id}`}\n            >\n                <div className={Styles.submenu}>{children}</div>\n            </div>\n        </div>\n    );\n};\n"],"names":["Button","Icon","SvgGroupCollapse","SvgGroupExpand","classNames","Fragment","BadgeTag","Styles","withTooltip","InternalSideNavigationItemContent","icon","iconActive","tag","title","div","className","navItemIconWrapper","svg","navIcon","navIconInactive","navIconActive","navItemTextExpanded","data-cy","data","navItemCounter","longClassName","navItemCounterLong","navItemTextCollapsed","navItemTextSmall","length","InternalSideNavigationLink","id","to","isActive","navigationComponent","NavigationComponent","rest","data-pendo","navItem","navLink","navItemActive","navItemIconSwitch","undefined","activeClassName","InternalSideNavigationTrigger","onClick","InternalSideNavigationGroupLink","parentId","submenuItem","submenuLink","submenuLinkActive","span","submenuLinkCounter","InternalSideNavigationGroupTrigger","InternalSideNavigationGroupDivider","divider","InternalSideNavigationGroup","children","submenuExpanded","onExpandToggle","onRootClickCapture","e","preventDefault","stopPropagation","navGroupWrapper","navGroupItem","onClickCapture","navItemGroupToggleWrapper","appearance","size","navItemGroupToggle","aria-label","placement","submenuWrapper","submenuWrapperCollapsed","submenu"],"mappings":"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"}

package/dist/components/titan-layout/layout-sidebar-links.d.ts

@@ -1,6 +1,6 @@
 import { TitanLayoutLinkProps, TitanLayoutTriggerProps } from './interface';
 /** Side Navigation menu link */
-export declare function LayoutSidebarLink({ counter, tag, tooltip, wrapper, ...props }: TitanLayoutLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function LayoutSidebarLink({ id, to, title, isActive, icon, iconActive, counter, tag, className, tooltip, wrapper, extra, side, ...rest }: TitanLayoutLinkProps): import("react/jsx-runtime").JSX.Element;
 /** Side Navigation menu trigger */
-export declare function LayoutSidebarTrigger({ counter, tag, tooltip, wrapper, onClick, ...props }: TitanLayoutTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function LayoutSidebarTrigger({ id, title, isActive, icon, iconActive, counter, tag, className, tooltip, wrapper, extra, side, ...rest }: TitanLayoutTriggerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=layout-sidebar-links.d.ts.map

package/dist/components/titan-layout/layout-sidebar-links.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout-sidebar-links.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar-links.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAqB5E,gCAAgC;AAChC,wBAAgB,iBAAiB,CAAC,EAC9B,OAAO,EACP,GAAG,EACH,OAAO,EACP,OAAO,EACP,GAAG,KAAK,EACX,EAAE,oBAAoB,2CA0BtB;AAED,mCAAmC;AACnC,wBAAgB,oBAAoB,CAAC,EACjC,OAAO,EACP,GAAG,EACH,OAAO,EACP,OAAO,EACP,OAAO,EACP,GAAG,KAAK,EACX,EAAE,uBAAuB,2CAmBzB"}
+{"version":3,"file":"layout-sidebar-links.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar-links.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAqB5E,gCAAgC;AAChC,wBAAgB,iBAAiB,CAAC,EAC9B,EAAE,EACF,EAAE,EACF,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,OAAO,EACP,GAAG,EACH,SAAS,EAET,OAAO,EACP,OAAO,EACP,KAAK,EACL,IAAI,EACJ,GAAG,IAAI,EACV,EAAE,oBAAoB,2CAgCtB;AAED,mCAAmC;AACnC,wBAAgB,oBAAoB,CAAC,EACjC,EAAE,EACF,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,OAAO,EACP,GAAG,EACH,SAAS,EAET,OAAO,EACP,OAAO,EACP,KAAK,EACL,IAAI,EACJ,GAAG,IAAI,EACV,EAAE,uBAAuB,2CA4BzB"}