@servicetitan/navigation 12.0.3 → 13.0.0-canary.256.44cf055.0

package/dist/test/data.d.ts

@@ -1,7 +1,10 @@
 import { FC } from 'react';
-import { NavLinkComponentProps } from '../utils/navigation-context';
-import { HeaderNavigationItemData } from '../utils/navigation-legacy';
-export declare const NavLinkMock: import("react").ForwardRefExoticComponent<Omit<NavLinkComponentProps, "ref"> & import("react").RefAttributes<any>>;
+import { NavigationItemData } from '../utils/navigation';
+export declare const NavLinkMock: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    to: string;
+    activeClassName?: string;
+    isActive?: (pathname: string) => boolean;
+} & import("react").RefAttributes<any>>;
 export declare const LocationInfo: FC<{
     className?: string;
 }>;
@@ -9,26 +12,26 @@ export declare const withMemoryRouter: (Story: any) => import("react/jsx-runtime
 export declare const withAnvil: (Story: any) => import("react/jsx-runtime").JSX.Element;
 export declare const InventoryIcon: () => import("react/jsx-runtime").JSX.Element;
 export declare const SearchIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const items: {
-    calendar: HeaderNavigationItemData;
-    schedule: HeaderNavigationItemData;
-    calls: HeaderNavigationItemData;
-    dashboard: HeaderNavigationItemData;
-    dispatch: HeaderNavigationItemData;
-    fleet: HeaderNavigationItemData;
-    followUps: HeaderNavigationItemData;
-    followUpsWithSubmenu: HeaderNavigationItemData;
-    inventory: HeaderNavigationItemData;
-    purchasing: HeaderNavigationItemData;
-    purchasingWithSubmenu: HeaderNavigationItemData;
-    accounting: HeaderNavigationItemData;
-    accountingWithSubmenu: HeaderNavigationItemData;
-    marketing: HeaderNavigationItemData;
-    priceBook: HeaderNavigationItemData;
-    pointOfSale: HeaderNavigationItemData;
-    projects: HeaderNavigationItemData;
-    reports: HeaderNavigationItemData;
-    tasks: HeaderNavigationItemData;
+export declare const navItems: {
+    calendar: NavigationItemData;
+    schedule: NavigationItemData;
+    calls: NavigationItemData;
+    dashboard: NavigationItemData;
+    dispatch: NavigationItemData;
+    fleet: NavigationItemData;
+    followUps: NavigationItemData;
+    followUpsWithSubmenu: NavigationItemData;
+    inventory: NavigationItemData;
+    purchasing: NavigationItemData;
+    purchasingWithSubmenu: NavigationItemData;
+    accounting: NavigationItemData;
+    accountingWithSubmenu: NavigationItemData;
+    marketing: NavigationItemData;
+    priceBook: NavigationItemData;
+    pointOfSale: NavigationItemData;
+    projects: NavigationItemData;
+    reports: NavigationItemData;
+    tasks: NavigationItemData;
 };
 export declare const CallsNavigationTrigger: () => import("react/jsx-runtime").JSX.Element;
 export declare const withDefaultRedirects: (Story: any) => import("react/jsx-runtime").JSX.Element;

package/dist/test/data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../src/test/data.tsx"],"names":[],"mappings":"AAmCA,OAAO,EAAE,EAAE,EAA2C,MAAM,OAAO,CAAC;AAapE,OAAO,EACH,qBAAqB,EAIxB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAGtE,eAAO,MAAM,WAAW,oHAwBvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAInD,CAAC;AAkBF,eAAO,MAAM,gBAAgB,GAAI,OAAO,GAAG,4CAQ1C,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,GAAG,4CAInC,CAAC;AAEF,eAAO,MAAM,aAAa,+CAKzB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAetB,CAAC;AA6CF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;CAyIjB,CAAC;AAEF,eAAO,MAAM,sBAAsB,+CAwBlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,OAAO,GAAG,4CAS9C,CAAC"}
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../src/test/data.tsx"],"names":[],"mappings":"AAmCA,OAAO,EAAE,EAAE,EAAkC,MAAM,OAAO,CAAC;AAK3D,OAAO,EACH,kBAAkB,EAGrB,MAAM,qBAAqB,CAAC;AAI7B,eAAO,MAAM,WAAW;;;;uCAwBvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAInD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,OAAO,GAAG,4CAI1C,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,GAAG,4CAInC,CAAC;AAEF,eAAO,MAAM,aAAa,+CAKzB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAetB,CAAC;AAyCF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;CAuHpB,CAAC;AAEF,eAAO,MAAM,sBAAsB,+CAuBlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,OAAO,GAAG,4CAS9C,CAAC"}

package/dist/test/data.js

@@ -32,12 +32,11 @@ import SvgTasksActive from '@servicetitan/anvil2/assets/icons/st/gnav_tasks_acti
 import SvgTasks from '@servicetitan/anvil2/assets/icons/st/gnav_tasks_inactive.svg';
 import { BodyText, Popover } from '@servicetitan/design-system';
 import classNames from 'classnames';
-import { Fragment, forwardRef, useMemo, useState } from 'react';
+import { Fragment, forwardRef, useState } from 'react';
 // needed only for storybook and added in root dependencies
 // eslint-disable-next-line import/no-extraneous-dependencies
-import { MemoryRouter, Redirect, Switch, matchPath, useHistory, useLocation } from 'react-router-dom';
-import { HeaderNavigationTrigger } from '../components/links';
-import { NavigationComponentContext, NavigationLocationContext } from '../utils/navigation-context';
+import { MemoryRouter, Redirect, Switch, useHistory, useLocation } from 'react-router-dom';
+import { TitanLayout } from '../components/titan-layout';
 import * as Styles from './data-stories.module.less';
 export const NavLinkMock = /*#__PURE__*/ forwardRef(({ to, children, activeClassName, className, isActive, ...rest }, ref)=>{
     const history = useHistory();
@@ -67,28 +66,8 @@ export const LocationInfo = ({ className })=>{
         ]
     });
 };
-const LocationProvider = ({ children })=>{
-    const location = useLocation();
-    const context = useMemo(()=>({
-            location: {
-                pathname: location.pathname
-            },
-            isLinkActive: (location, item)=>!!matchPath(location.pathname, item.to)
-        }), [
-        location.pathname
-    ]);
-    return /*#__PURE__*/ _jsx(NavigationLocationContext.Provider, {
-        value: context,
-        children: children
-    });
-};
 export const withMemoryRouter = (Story)=>/*#__PURE__*/ _jsx(MemoryRouter, {
-        children: /*#__PURE__*/ _jsx(NavigationComponentContext.Provider, {
-            value: NavLinkMock,
-            children: /*#__PURE__*/ _jsx(LocationProvider, {
-                children: /*#__PURE__*/ _jsx(Story, {})
-            })
-        })
+        children: /*#__PURE__*/ _jsx(Story, {})
     });
 export const withAnvil = (Story)=>/*#__PURE__*/ _jsx(AnvilProvider, {
         className: Styles.fixIcons,
@@ -122,11 +101,10 @@ export const SearchIcon = ()=>/*#__PURE__*/ _jsx("svg", {
             })
         })
     });
-const getItem = (id, data)=>({
+const getNavItem = (id, data)=>({
         id,
         to: '/' + id,
         title: id[0].toUpperCase() + id.substring(1),
-        hint: id,
         icon: undefined,
         iconActive: undefined,
         ...data,
@@ -151,50 +129,42 @@ const getGroup = (title, links)=>({
         title,
         links
     });
-export const items = {
-    calendar: getItem('calendar', {
-        iconName: 'event',
+export const navItems = {
+    calendar: getNavItem('calendar', {
         icon: SvgSchedule,
         iconActive: SvgScheduleActive
     }),
-    schedule: getItem('schedule', {
-        iconName: 'event',
+    schedule: getNavItem('schedule', {
         icon: SvgSchedule,
         iconActive: SvgScheduleActive
     }),
-    calls: getItem('calls', {
-        iconName: 'local_phone',
+    calls: getNavItem('calls', {
         icon: SvgCalls,
         iconActive: SvgCallsActive,
         counter: 1234
     }),
-    dashboard: getItem('dashboard', {
-        iconName: 'odometer',
+    dashboard: getNavItem('dashboard', {
         icon: SvgDashboard,
         iconActive: SvgDashboardActive
     }),
-    dispatch: getItem('dispatch', {
-        iconName: 'location_disabled',
+    dispatch: getNavItem('dispatch', {
         icon: SvgDispatch,
         iconActive: SvgDispatchActive,
         tag: {
             value: 3
         }
     }),
-    fleet: getItem('fleet', {
-        iconName: 'fleet-pro',
+    fleet: getNavItem('fleet', {
         icon: SvgFleetPro,
         iconActive: SvgFleetProActive,
         title: 'Fleet Pro'
     }),
-    followUps: getItem('followUps', {
-        iconName: 'flag',
+    followUps: getNavItem('followUps', {
         icon: SvgFollowUp,
         iconActive: SvgFollowUpActive,
         title: 'Follow Up'
     }),
-    followUpsWithSubmenu: getItem('followUps', {
-        iconName: 'flag',
+    followUpsWithSubmenu: getNavItem('followUps', {
         icon: SvgFollowUp,
         iconActive: SvgFollowUpActive,
         title: 'Follow Up',
@@ -214,16 +184,12 @@ export const items = {
             ]
         }
     }),
-    inventory: getItem('inventory', {
-        iconName: 'toys',
+    inventory: getNavItem('inventory', {
         icon: SvgInventory,
         iconActive: SvgInventoryActive
     }),
-    purchasing: getItem('purchasing', {
-        iconComponent: InventoryIcon
-    }),
-    purchasingWithSubmenu: getItem('purchasing', {
-        iconName: 'toys',
+    purchasing: getNavItem('purchasing', {}),
+    purchasingWithSubmenu: getNavItem('purchasing', {
         icon: SvgInventory,
         iconActive: SvgInventoryActive,
         counter: true,
@@ -246,14 +212,12 @@ export const items = {
             ]
         }
     }),
-    accounting: getItem('accounting', {
-        iconName: 'assignment',
+    accounting: getNavItem('accounting', {
         icon: SvgAccounting,
         iconActive: SvgAccountingActive,
         counter: true
     }),
-    accountingWithSubmenu: getItem('accounting', {
-        iconName: 'assignment',
+    accountingWithSubmenu: getNavItem('accounting', {
         icon: SvgAccounting,
         iconActive: SvgAccountingActive,
         counter: 1,
@@ -297,34 +261,28 @@ export const items = {
             ]
         }
     }),
-    marketing: getItem('marketing', {
-        iconName: 'bullhorn',
+    marketing: getNavItem('marketing', {
         icon: SvgMarketing,
         iconActive: SvgMarketingActive
     }),
-    priceBook: getItem('pricebook', {
-        iconName: 'book',
+    priceBook: getNavItem('pricebook', {
         icon: SvgPriceBook,
         iconActive: SvgPriceBookActive
     }),
-    pointOfSale: getItem('pointOfSale', {
-        iconName: 'cash-register',
+    pointOfSale: getNavItem('pointOfSale', {
         icon: SvgPos,
         iconActive: SvgPosActive,
         title: 'Point Of Sale'
     }),
-    projects: getItem('projects', {
-        iconName: 'folder_special',
+    projects: getNavItem('projects', {
         icon: SvgProjects,
         iconActive: SvgProjectsActive
     }),
-    reports: getItem('reports', {
-        iconName: 'folder_special',
+    reports: getNavItem('reports', {
         icon: SvgReports,
         iconActive: SvgReportsActive
     }),
-    tasks: getItem('tasks', {
-        iconName: 'format_list_bulleted',
+    tasks: getNavItem('tasks', {
         icon: SvgTasks,
         iconActive: SvgTasksActive
     })
@@ -335,9 +293,8 @@ export const CallsNavigationTrigger = ()=>{
         open: open,
         onClickOutside: ()=>setOpen(false),
         direction: "bl",
-        trigger: /*#__PURE__*/ _jsx(HeaderNavigationTrigger, {
+        trigger: /*#__PURE__*/ _jsx(TitanLayout.Trigger, {
             id: "dialpad",
-            iconName: "phone",
             counter: 2,
             title: "Calls",
             icon: SvgPhone,

package/dist/test/data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/test/data.tsx"],"sourcesContent":["import { AnvilProvider } from '@servicetitan/anvil2';\nimport SvgPhone from '@servicetitan/anvil2/assets/icons/material/round/phone_disabled.svg';\nimport SvgPhoneActive from '@servicetitan/anvil2/assets/icons/material/round/phone_enabled.svg';\nimport SvgAccountingActive from '@servicetitan/anvil2/assets/icons/st/gnav_accounting_active.svg';\nimport SvgAccounting from '@servicetitan/anvil2/assets/icons/st/gnav_accounting_inactive.svg';\nimport SvgCallsActive from '@servicetitan/anvil2/assets/icons/st/gnav_calls_active.svg';\nimport SvgCalls from '@servicetitan/anvil2/assets/icons/st/gnav_calls_inactive.svg';\nimport SvgDashboardActive from '@servicetitan/anvil2/assets/icons/st/gnav_dashboard_active.svg';\nimport SvgDashboard from '@servicetitan/anvil2/assets/icons/st/gnav_dashboard_inactive.svg';\nimport SvgDispatchActive from '@servicetitan/anvil2/assets/icons/st/gnav_dispatch_active.svg';\nimport SvgDispatch from '@servicetitan/anvil2/assets/icons/st/gnav_dispatch_inactive.svg';\nimport SvgFleetProActive from '@servicetitan/anvil2/assets/icons/st/gnav_fleet_pro_active.svg';\nimport SvgFleetPro from '@servicetitan/anvil2/assets/icons/st/gnav_fleet_pro_inactive.svg';\nimport SvgFollowUpActive from '@servicetitan/anvil2/assets/icons/st/gnav_follow_up_active.svg';\nimport SvgFollowUp from '@servicetitan/anvil2/assets/icons/st/gnav_follow_up_inactive.svg';\nimport SvgInventoryActive from '@servicetitan/anvil2/assets/icons/st/gnav_inventory_active.svg';\nimport SvgInventory from '@servicetitan/anvil2/assets/icons/st/gnav_inventory_inactive.svg';\nimport SvgMarketingActive from '@servicetitan/anvil2/assets/icons/st/gnav_marketing_active.svg';\nimport SvgMarketing from '@servicetitan/anvil2/assets/icons/st/gnav_marketing_inactive.svg';\nimport SvgPosActive from '@servicetitan/anvil2/assets/icons/st/gnav_pos_active.svg';\nimport SvgPos from '@servicetitan/anvil2/assets/icons/st/gnav_pos_inactive.svg';\nimport SvgPriceBookActive from '@servicetitan/anvil2/assets/icons/st/gnav_pricebook_active.svg';\nimport SvgPriceBook from '@servicetitan/anvil2/assets/icons/st/gnav_pricebook_inactive.svg';\nimport SvgProjectsActive from '@servicetitan/anvil2/assets/icons/st/gnav_projects_active.svg';\nimport SvgProjects from '@servicetitan/anvil2/assets/icons/st/gnav_projects_inactive.svg';\nimport SvgReportsActive from '@servicetitan/anvil2/assets/icons/st/gnav_reports_active.svg';\nimport SvgReports from '@servicetitan/anvil2/assets/icons/st/gnav_reports_inactive.svg';\nimport SvgScheduleActive from '@servicetitan/anvil2/assets/icons/st/gnav_schedule_active.svg';\nimport SvgSchedule from '@servicetitan/anvil2/assets/icons/st/gnav_schedule_inactive.svg';\nimport SvgTasksActive from '@servicetitan/anvil2/assets/icons/st/gnav_tasks_active.svg';\nimport SvgTasks from '@servicetitan/anvil2/assets/icons/st/gnav_tasks_inactive.svg';\n\nimport { BodyText, Popover } from '@servicetitan/design-system';\n\nimport classNames from 'classnames';\nimport { FC, Fragment, forwardRef, useMemo, useState } from 'react';\n// needed only for storybook and added in root dependencies\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport {\n    MemoryRouter,\n    Redirect,\n    Switch,\n    matchPath,\n    useHistory,\n    useLocation,\n} from 'react-router-dom';\nimport { HeaderNavigationTrigger } from '../components/links';\nimport { NavigationSubmenuGroupData, NavigationSubmenuItemData } from '../utils/navigation';\nimport {\n    NavLinkComponentProps,\n    NavigationComponentContext,\n    NavigationLocationContext,\n    NavigationLocationContextType,\n} from '../utils/navigation-context';\nimport { HeaderNavigationItemData } from '../utils/navigation-legacy';\nimport * as Styles from './data-stories.module.less';\n\nexport const NavLinkMock = forwardRef<any, NavLinkComponentProps>(\n    ({ to, children, activeClassName, className, isActive, ...rest }, ref) => {\n        const history = useHistory();\n        const location = useLocation();\n        const linkActive = location.pathname.startsWith(to);\n\n        return (\n            <a\n                {...rest}\n                onClick={e => {\n                    e.preventDefault();\n\n                    if (!to.startsWith('http')) {\n                        history.replace(to);\n                    }\n                }}\n                className={classNames(className, linkActive ? activeClassName : '')}\n                href={to}\n                ref={ref}\n            >\n                {children}\n            </a>\n        );\n    }\n);\n\nexport const LocationInfo: FC<{ className?: string }> = ({ className }) => {\n    const location = useLocation();\n\n    return <BodyText className={className}>current location - {location.pathname}</BodyText>;\n};\n\nconst LocationProvider: FC<{ children: any }> = ({ children }) => {\n    const location = useLocation();\n    const context: NavigationLocationContextType = useMemo(\n        () => ({\n            location: { pathname: location.pathname },\n            isLinkActive: (location, item) => !!matchPath(location.pathname, item.to),\n        }),\n        [location.pathname]\n    );\n\n    return (\n        <NavigationLocationContext.Provider value={context}>\n            {children}\n        </NavigationLocationContext.Provider>\n    );\n};\nexport const withMemoryRouter = (Story: any) => (\n    <MemoryRouter>\n        <NavigationComponentContext.Provider value={NavLinkMock}>\n            <LocationProvider>\n                <Story />\n            </LocationProvider>\n        </NavigationComponentContext.Provider>\n    </MemoryRouter>\n);\n\nexport const withAnvil = (Story: any) => (\n    <AnvilProvider className={Styles.fixIcons}>\n        <Story />\n    </AnvilProvider>\n);\n\nexport const InventoryIcon = () => (\n    <svg width=\"20\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"-293 385 24 24\" fill=\"currentColor\">\n        <polyline points=\"-288,400.9 -282,404.3 -282,397.6 -288,394.2 -288,400.9 \" />\n        <path d=\"M-272,401.5c0,0.4-0.2,0.7-0.5,0.9l-7.9,4.4c-0.2,0.1-0.4,0.2-0.6,0.2s-0.4-0.1-0.6-0.2l-7.9-4.4c-0.3-0.2-0.5-0.5-0.5-0.9v-9c0-0.4,0.2-0.7,0.5-0.9l7.9-4.4c0.2-0.1,0.4-0.2,0.6-0.2s0.4,0.1,0.6,0.2l7.9,4.4c0.3,0.2,0.5,0.5,0.5,0.9V401.5 M-287,392.5 l6,3.4l5.9-3.3l-5.9-3.4L-287,392.5 M-274,400.9v-6.7l-6,3.4v6.7L-274,400.9z\" />\n    </svg>\n);\n\nexport const SearchIcon = () => (\n    <svg\n        width=\"1em\"\n        height=\"1em\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <g transform=\"translate(0,4)\">\n            <path\n                d=\"M0 15.7992V13.9992H12V15.7992H0ZM0 9.49922V7.69922H6V9.49922H0ZM0 3.19922V1.39922H6V3.19922H0ZM22.74 15.7992L17.94 10.9992C17.42 11.3992 16.86 11.6992 16.26 11.8992C15.66 12.0992 15.04 12.1992 14.4 12.1992C12.74 12.1992 11.325 11.6142 10.155 10.4442C8.985 9.27422 8.4 7.85922 8.4 6.19922C8.4 4.53922 8.985 3.12422 10.155 1.95422C11.325 0.784219 12.74 0.199219 14.4 0.199219C16.06 0.199219 17.475 0.784219 18.645 1.95422C19.815 3.12422 20.4 4.53922 20.4 6.19922C20.4 6.83922 20.3 7.45922 20.1 8.05922C19.9 8.65922 19.6 9.21922 19.2 9.73922L24 14.5392L22.74 15.7992ZM14.393 10.3992C15.5577 10.3992 16.55 9.99157 17.37 9.17627C18.19 8.36099 18.6 7.37099 18.6 6.20627C18.6 5.04157 18.1923 4.04922 17.377 3.22922C16.5618 2.40922 15.5718 1.99922 14.407 1.99922C13.2423 1.99922 12.25 2.40687 11.43 3.22217C10.61 4.03745 10.2 5.02745 10.2 6.19217C10.2 7.35687 10.6077 8.34922 11.423 9.16922C12.2382 9.98922 13.2282 10.3992 14.393 10.3992Z\"\n                fill=\"white\"\n            />\n        </g>\n    </svg>\n);\n\nconst getItem = (\n    id: string,\n    data: Partial<HeaderNavigationItemData>\n): HeaderNavigationItemData => ({\n    id,\n    to: '/' + id,\n    title: id[0].toUpperCase() + id.substring(1),\n    hint: id,\n    icon: undefined,\n    iconActive: undefined,\n    ...data,\n    submenu: data.submenu\n        ? {\n              ...data.submenu,\n              groups: data.submenu.groups.map(group => ({\n                  ...group,\n                  links: group.links.map(link => ({\n                      ...link,\n                      to: `/${id}/${link.to}`,\n                  })),\n              })),\n          }\n        : undefined,\n});\n\nconst getSubItem = (\n    id: string,\n    data: Partial<NavigationSubmenuItemData>\n): NavigationSubmenuItemData => ({\n    id,\n    to: id,\n    title: id[0].toUpperCase() + id.substring(1),\n    ...data,\n});\n\nconst getGroup = (\n    title: string,\n    links: NavigationSubmenuItemData[]\n): NavigationSubmenuGroupData => ({\n    title,\n    links,\n});\n\nexport const items = {\n    calendar: getItem('calendar', {\n        iconName: 'event',\n        icon: SvgSchedule,\n        iconActive: SvgScheduleActive,\n    }),\n    schedule: getItem('schedule', {\n        iconName: 'event',\n        icon: SvgSchedule,\n        iconActive: SvgScheduleActive,\n    }),\n    calls: getItem('calls', {\n        iconName: 'local_phone',\n        icon: SvgCalls,\n        iconActive: SvgCallsActive,\n        counter: 1234,\n    }),\n    dashboard: getItem('dashboard', {\n        iconName: 'odometer',\n        icon: SvgDashboard,\n        iconActive: SvgDashboardActive,\n    }),\n    dispatch: getItem('dispatch', {\n        iconName: 'location_disabled',\n        icon: SvgDispatch,\n        iconActive: SvgDispatchActive,\n        tag: { value: 3 },\n    }),\n    fleet: getItem('fleet', {\n        iconName: 'fleet-pro',\n        icon: SvgFleetPro,\n        iconActive: SvgFleetProActive,\n        title: 'Fleet Pro',\n    }),\n    followUps: getItem('followUps', {\n        iconName: 'flag',\n        icon: SvgFollowUp,\n        iconActive: SvgFollowUpActive,\n        title: 'Follow Up',\n    }),\n    followUpsWithSubmenu: getItem('followUps', {\n        iconName: 'flag',\n        icon: SvgFollowUp,\n        iconActive: SvgFollowUpActive,\n        title: 'Follow Up',\n        submenu: {\n            groups: [\n                getGroup('', [\n                    getSubItem('estimates', { title: 'Unsold Estimates' }),\n                    getSubItem('sold', { title: 'Sold Estimates' }),\n                    getSubItem('surveys', { title: 'Surveys' }),\n                ]),\n            ],\n        },\n    }),\n    inventory: getItem('inventory', {\n        iconName: 'toys',\n        icon: SvgInventory,\n        iconActive: SvgInventoryActive,\n    }),\n    purchasing: getItem('purchasing', { iconComponent: InventoryIcon }),\n    purchasingWithSubmenu: getItem('purchasing', {\n        iconName: 'toys',\n        icon: SvgInventory,\n        iconActive: SvgInventoryActive,\n        counter: true,\n        submenu: {\n            groups: [\n                getGroup('Purchase', [\n                    getSubItem('repl', { title: 'Replenishment' }),\n                    getSubItem('orders', { title: 'Purchase Orders' }),\n                    getSubItem('receipts', { title: 'Receipts' }),\n                    getSubItem('returns', { title: 'Returns' }),\n                ]),\n            ],\n        },\n    }),\n    accounting: getItem('accounting', {\n        iconName: 'assignment',\n        icon: SvgAccounting,\n        iconActive: SvgAccountingActive,\n        counter: true,\n    }),\n    accountingWithSubmenu: getItem('accounting', {\n        iconName: 'assignment',\n        icon: SvgAccounting,\n        iconActive: SvgAccountingActive,\n        counter: 1,\n        submenu: {\n            groups: [\n                getGroup('Accounts Receivable', [\n                    getSubItem('export', {\n                        title: 'Batch/Export Transactions',\n                        counter: true,\n                    }),\n                    getSubItem('ar', { title: 'AR Management' }),\n                    getSubItem('invoices', { title: 'Invoices', counter: 3 }),\n                    getSubItem('payments', { title: 'Customer Payments', counter: 2 }),\n                    getSubItem('deposits', { title: 'Bank Deposits' }),\n                ]),\n                getGroup('Accounts Payable', [getSubItem('bills', { title: 'Bills' })]),\n                getGroup('Financing', [getSubItem('dashboard', { title: 'Dashboard' })]),\n                getGroup('Others', [getSubItem('at', { title: 'Accounting Audit Trail' })]),\n            ],\n        },\n    }),\n    marketing: getItem('marketing', {\n        iconName: 'bullhorn',\n        icon: SvgMarketing,\n        iconActive: SvgMarketingActive,\n    }),\n    priceBook: getItem('pricebook', {\n        iconName: 'book',\n        icon: SvgPriceBook,\n        iconActive: SvgPriceBookActive,\n    }),\n    pointOfSale: getItem('pointOfSale', {\n        iconName: 'cash-register',\n        icon: SvgPos,\n        iconActive: SvgPosActive,\n        title: 'Point Of Sale',\n    }),\n    projects: getItem('projects', {\n        iconName: 'folder_special',\n        icon: SvgProjects,\n        iconActive: SvgProjectsActive,\n    }),\n    reports: getItem('reports', {\n        iconName: 'folder_special',\n        icon: SvgReports,\n        iconActive: SvgReportsActive,\n    }),\n    tasks: getItem('tasks', {\n        iconName: 'format_list_bulleted',\n        icon: SvgTasks,\n        iconActive: SvgTasksActive,\n    }),\n};\n\nexport const CallsNavigationTrigger = () => {\n    const [open, setOpen] = useState(false);\n\n    return (\n        <Popover\n            open={open}\n            onClickOutside={() => setOpen(false)}\n            direction=\"bl\"\n            trigger={\n                <HeaderNavigationTrigger\n                    id=\"dialpad\"\n                    iconName=\"phone\"\n                    counter={2}\n                    title=\"Calls\"\n                    icon={SvgPhone}\n                    iconActive={SvgPhoneActive}\n                    onClick={() => setOpen(!open)}\n                    isActive={open}\n                />\n            }\n        >\n            calls content\n        </Popover>\n    );\n};\n\nexport const withDefaultRedirects = (Story: any) => (\n    <Fragment>\n        <Switch>\n            <Redirect from=\"/accounting\" exact to=\"/accounting/export\" />\n            <Redirect from=\"/purchasing\" exact to=\"/purchasing/repl\" />\n            <Redirect from=\"/followUps\" exact to=\"/followUps/sold\" />\n        </Switch>\n        <Story />\n    </Fragment>\n);\n"],"names":["AnvilProvider","SvgPhone","SvgPhoneActive","SvgAccountingActive","SvgAccounting","SvgCallsActive","SvgCalls","SvgDashboardActive","SvgDashboard","SvgDispatchActive","SvgDispatch","SvgFleetProActive","SvgFleetPro","SvgFollowUpActive","SvgFollowUp","SvgInventoryActive","SvgInventory","SvgMarketingActive","SvgMarketing","SvgPosActive","SvgPos","SvgPriceBookActive","SvgPriceBook","SvgProjectsActive","SvgProjects","SvgReportsActive","SvgReports","SvgScheduleActive","SvgSchedule","SvgTasksActive","SvgTasks","BodyText","Popover","classNames","Fragment","forwardRef","useMemo","useState","MemoryRouter","Redirect","Switch","matchPath","useHistory","useLocation","HeaderNavigationTrigger","NavigationComponentContext","NavigationLocationContext","Styles","NavLinkMock","to","children","activeClassName","className","isActive","rest","ref","history","location","linkActive","pathname","startsWith","a","onClick","e","preventDefault","replace","href","LocationInfo","LocationProvider","context","isLinkActive","item","Provider","value","withMemoryRouter","Story","withAnvil","fixIcons","InventoryIcon","svg","width","xmlns","viewBox","fill","polyline","points","path","d","SearchIcon","height","g","transform","getItem","id","data","title","toUpperCase","substring","hint","icon","undefined","iconActive","submenu","groups","map","group","links","link","getSubItem","getGroup","items","calendar","iconName","schedule","calls","counter","dashboard","dispatch","tag","fleet","followUps","followUpsWithSubmenu","inventory","purchasing","iconComponent","purchasingWithSubmenu","accounting","accountingWithSubmenu","marketing","priceBook","pointOfSale","projects","reports","tasks","CallsNavigationTrigger","open","setOpen","onClickOutside","direction","trigger","withDefaultRedirects","from","exact"],"mappings":";AAAA,SAASA,aAAa,QAAQ,uBAAuB;AACrD,OAAOC,cAAc,sEAAsE;AAC3F,OAAOC,oBAAoB,qEAAqE;AAChG,OAAOC,yBAAyB,kEAAkE;AAClG,OAAOC,mBAAmB,oEAAoE;AAC9F,OAAOC,oBAAoB,6DAA6D;AACxF,OAAOC,cAAc,+DAA+D;AACpF,OAAOC,wBAAwB,iEAAiE;AAChG,OAAOC,kBAAkB,mEAAmE;AAC5F,OAAOC,uBAAuB,gEAAgE;AAC9F,OAAOC,iBAAiB,kEAAkE;AAC1F,OAAOC,uBAAuB,iEAAiE;AAC/F,OAAOC,iBAAiB,mEAAmE;AAC3F,OAAOC,uBAAuB,iEAAiE;AAC/F,OAAOC,iBAAiB,mEAAmE;AAC3F,OAAOC,wBAAwB,iEAAiE;AAChG,OAAOC,kBAAkB,mEAAmE;AAC5F,OAAOC,wBAAwB,iEAAiE;AAChG,OAAOC,kBAAkB,mEAAmE;AAC5F,OAAOC,kBAAkB,2DAA2D;AACpF,OAAOC,YAAY,6DAA6D;AAChF,OAAOC,wBAAwB,iEAAiE;AAChG,OAAOC,kBAAkB,mEAAmE;AAC5F,OAAOC,uBAAuB,gEAAgE;AAC9F,OAAOC,iBAAiB,kEAAkE;AAC1F,OAAOC,sBAAsB,+DAA+D;AAC5F,OAAOC,gBAAgB,iEAAiE;AACxF,OAAOC,uBAAuB,gEAAgE;AAC9F,OAAOC,iBAAiB,kEAAkE;AAC1F,OAAOC,oBAAoB,6DAA6D;AACxF,OAAOC,cAAc,+DAA+D;AAEpF,SAASC,QAAQ,EAAEC,OAAO,QAAQ,8BAA8B;AAEhE,OAAOC,gBAAgB,aAAa;AACpC,SAAaC,QAAQ,EAAEC,UAAU,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAQ;AACpE,2DAA2D;AAC3D,6DAA6D;AAC7D,SACIC,YAAY,EACZC,QAAQ,EACRC,MAAM,EACNC,SAAS,EACTC,UAAU,EACVC,WAAW,QACR,mBAAmB;AAC1B,SAASC,uBAAuB,QAAQ,sBAAsB;AAE9D,SAEIC,0BAA0B,EAC1BC,yBAAyB,QAEtB,8BAA8B;AAErC,YAAYC,YAAY,6BAA6B;AAErD,OAAO,MAAMC,4BAAcb,WACvB,CAAC,EAAEc,EAAE,EAAEC,QAAQ,EAAEC,eAAe,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,EAAEC;IAC9D,MAAMC,UAAUd;IAChB,MAAMe,WAAWd;IACjB,MAAMe,aAAaD,SAASE,QAAQ,CAACC,UAAU,CAACX;IAEhD,qBACI,KAACY;QACI,GAAGP,IAAI;QACRQ,SAASC,CAAAA;YACLA,EAAEC,cAAc;YAEhB,IAAI,CAACf,GAAGW,UAAU,CAAC,SAAS;gBACxBJ,QAAQS,OAAO,CAAChB;YACpB;QACJ;QACAG,WAAWnB,WAAWmB,WAAWM,aAAaP,kBAAkB;QAChEe,MAAMjB;QACNM,KAAKA;kBAEJL;;AAGb,GACF;AAEF,OAAO,MAAMiB,eAA2C,CAAC,EAAEf,SAAS,EAAE;IAClE,MAAMK,WAAWd;IAEjB,qBAAO,MAACZ;QAASqB,WAAWA;;YAAW;YAAoBK,SAASE,QAAQ;;;AAChF,EAAE;AAEF,MAAMS,mBAA0C,CAAC,EAAElB,QAAQ,EAAE;IACzD,MAAMO,WAAWd;IACjB,MAAM0B,UAAyCjC,QAC3C,IAAO,CAAA;YACHqB,UAAU;gBAAEE,UAAUF,SAASE,QAAQ;YAAC;YACxCW,cAAc,CAACb,UAAUc,OAAS,CAAC,CAAC9B,UAAUgB,SAASE,QAAQ,EAAEY,KAAKtB,EAAE;QAC5E,CAAA,GACA;QAACQ,SAASE,QAAQ;KAAC;IAGvB,qBACI,KAACb,0BAA0B0B,QAAQ;QAACC,OAAOJ;kBACtCnB;;AAGb;AACA,OAAO,MAAMwB,mBAAmB,CAACC,sBAC7B,KAACrC;kBACG,cAAA,KAACO,2BAA2B2B,QAAQ;YAACC,OAAOzB;sBACxC,cAAA,KAACoB;0BACG,cAAA,KAACO;;;OAIf;AAEF,OAAO,MAAMC,YAAY,CAACD,sBACtB,KAAC3E;QAAcoD,WAAWL,OAAO8B,QAAQ;kBACrC,cAAA,KAACF;OAEP;AAEF,OAAO,MAAMG,gBAAgB,kBACzB,MAACC;QAAIC,OAAM;QAAKC,OAAM;QAA6BC,SAAQ;QAAiBC,MAAK;;0BAC7E,KAACC;gBAASC,QAAO;;0BACjB,KAACC;gBAAKC,GAAE;;;OAEd;AAEF,OAAO,MAAMC,aAAa,kBACtB,KAACT;QACGC,OAAM;QACNS,QAAO;QACPP,SAAQ;QACRC,MAAK;QACLF,OAAM;kBAEN,cAAA,KAACS;YAAEC,WAAU;sBACT,cAAA,KAACL;gBACGC,GAAE;gBACFJ,MAAK;;;OAInB;AAEF,MAAMS,UAAU,CACZC,IACAC,OAC4B,CAAA;QAC5BD;QACA5C,IAAI,MAAM4C;QACVE,OAAOF,EAAE,CAAC,EAAE,CAACG,WAAW,KAAKH,GAAGI,SAAS,CAAC;QAC1CC,MAAML;QACNM,MAAMC;QACNC,YAAYD;QACZ,GAAGN,IAAI;QACPQ,SAASR,KAAKQ,OAAO,GACf;YACI,GAAGR,KAAKQ,OAAO;YACfC,QAAQT,KAAKQ,OAAO,CAACC,MAAM,CAACC,GAAG,CAACC,CAAAA,QAAU,CAAA;oBACtC,GAAGA,KAAK;oBACRC,OAAOD,MAAMC,KAAK,CAACF,GAAG,CAACG,CAAAA,OAAS,CAAA;4BAC5B,GAAGA,IAAI;4BACP1D,IAAI,CAAC,CAAC,EAAE4C,GAAG,CAAC,EAAEc,KAAK1D,EAAE,EAAE;wBAC3B,CAAA;gBACJ,CAAA;QACJ,IACAmD;IACV,CAAA;AAEA,MAAMQ,aAAa,CACff,IACAC,OAC6B,CAAA;QAC7BD;QACA5C,IAAI4C;QACJE,OAAOF,EAAE,CAAC,EAAE,CAACG,WAAW,KAAKH,GAAGI,SAAS,CAAC;QAC1C,GAAGH,IAAI;IACX,CAAA;AAEA,MAAMe,WAAW,CACbd,OACAW,QAC8B,CAAA;QAC9BX;QACAW;IACJ,CAAA;AAEA,OAAO,MAAMI,QAAQ;IACjBC,UAAUnB,QAAQ,YAAY;QAC1BoB,UAAU;QACVb,MAAMvE;QACNyE,YAAY1E;IAChB;IACAsF,UAAUrB,QAAQ,YAAY;QAC1BoB,UAAU;QACVb,MAAMvE;QACNyE,YAAY1E;IAChB;IACAuF,OAAOtB,QAAQ,SAAS;QACpBoB,UAAU;QACVb,MAAM7F;QACN+F,YAAYhG;QACZ8G,SAAS;IACb;IACAC,WAAWxB,QAAQ,aAAa;QAC5BoB,UAAU;QACVb,MAAM3F;QACN6F,YAAY9F;IAChB;IACA8G,UAAUzB,QAAQ,YAAY;QAC1BoB,UAAU;QACVb,MAAMzF;QACN2F,YAAY5F;QACZ6G,KAAK;YAAE7C,OAAO;QAAE;IACpB;IACA8C,OAAO3B,QAAQ,SAAS;QACpBoB,UAAU;QACVb,MAAMvF;QACNyF,YAAY1F;QACZoF,OAAO;IACX;IACAyB,WAAW5B,QAAQ,aAAa;QAC5BoB,UAAU;QACVb,MAAMrF;QACNuF,YAAYxF;QACZkF,OAAO;IACX;IACA0B,sBAAsB7B,QAAQ,aAAa;QACvCoB,UAAU;QACVb,MAAMrF;QACNuF,YAAYxF;QACZkF,OAAO;QACPO,SAAS;YACLC,QAAQ;gBACJM,SAAS,IAAI;oBACTD,WAAW,aAAa;wBAAEb,OAAO;oBAAmB;oBACpDa,WAAW,QAAQ;wBAAEb,OAAO;oBAAiB;oBAC7Ca,WAAW,WAAW;wBAAEb,OAAO;oBAAU;iBAC5C;aACJ;QACL;IACJ;IACA2B,WAAW9B,QAAQ,aAAa;QAC5BoB,UAAU;QACVb,MAAMnF;QACNqF,YAAYtF;IAChB;IACA4G,YAAY/B,QAAQ,cAAc;QAAEgC,eAAe9C;IAAc;IACjE+C,uBAAuBjC,QAAQ,cAAc;QACzCoB,UAAU;QACVb,MAAMnF;QACNqF,YAAYtF;QACZoG,SAAS;QACTb,SAAS;YACLC,QAAQ;gBACJM,SAAS,YAAY;oBACjBD,WAAW,QAAQ;wBAAEb,OAAO;oBAAgB;oBAC5Ca,WAAW,UAAU;wBAAEb,OAAO;oBAAkB;oBAChDa,WAAW,YAAY;wBAAEb,OAAO;oBAAW;oBAC3Ca,WAAW,WAAW;wBAAEb,OAAO;oBAAU;iBAC5C;aACJ;QACL;IACJ;IACA+B,YAAYlC,QAAQ,cAAc;QAC9BoB,UAAU;QACVb,MAAM/F;QACNiG,YAAYlG;QACZgH,SAAS;IACb;IACAY,uBAAuBnC,QAAQ,cAAc;QACzCoB,UAAU;QACVb,MAAM/F;QACNiG,YAAYlG;QACZgH,SAAS;QACTb,SAAS;YACLC,QAAQ;gBACJM,SAAS,uBAAuB;oBAC5BD,WAAW,UAAU;wBACjBb,OAAO;wBACPoB,SAAS;oBACb;oBACAP,WAAW,MAAM;wBAAEb,OAAO;oBAAgB;oBAC1Ca,WAAW,YAAY;wBAAEb,OAAO;wBAAYoB,SAAS;oBAAE;oBACvDP,WAAW,YAAY;wBAAEb,OAAO;wBAAqBoB,SAAS;oBAAE;oBAChEP,WAAW,YAAY;wBAAEb,OAAO;oBAAgB;iBACnD;gBACDc,SAAS,oBAAoB;oBAACD,WAAW,SAAS;wBAAEb,OAAO;oBAAQ;iBAAG;gBACtEc,SAAS,aAAa;oBAACD,WAAW,aAAa;wBAAEb,OAAO;oBAAY;iBAAG;gBACvEc,SAAS,UAAU;oBAACD,WAAW,MAAM;wBAAEb,OAAO;oBAAyB;iBAAG;aAC7E;QACL;IACJ;IACAiC,WAAWpC,QAAQ,aAAa;QAC5BoB,UAAU;QACVb,MAAMjF;QACNmF,YAAYpF;IAChB;IACAgH,WAAWrC,QAAQ,aAAa;QAC5BoB,UAAU;QACVb,MAAM7E;QACN+E,YAAYhF;IAChB;IACA6G,aAAatC,QAAQ,eAAe;QAChCoB,UAAU;QACVb,MAAM/E;QACNiF,YAAYlF;QACZ4E,OAAO;IACX;IACAoC,UAAUvC,QAAQ,YAAY;QAC1BoB,UAAU;QACVb,MAAM3E;QACN6E,YAAY9E;IAChB;IACA6G,SAASxC,QAAQ,WAAW;QACxBoB,UAAU;QACVb,MAAMzE;QACN2E,YAAY5E;IAChB;IACA4G,OAAOzC,QAAQ,SAAS;QACpBoB,UAAU;QACVb,MAAMrE;QACNuE,YAAYxE;IAChB;AACJ,EAAE;AAEF,OAAO,MAAMyG,yBAAyB;IAClC,MAAM,CAACC,MAAMC,QAAQ,GAAGnG,SAAS;IAEjC,qBACI,KAACL;QACGuG,MAAMA;QACNE,gBAAgB,IAAMD,QAAQ;QAC9BE,WAAU;QACVC,uBACI,KAAC/F;YACGiD,IAAG;YACHmB,UAAS;YACTG,SAAS;YACTpB,OAAM;YACNI,MAAMlG;YACNoG,YAAYnG;YACZ4D,SAAS,IAAM0E,QAAQ,CAACD;YACxBlF,UAAUkF;;kBAGrB;;AAIT,EAAE;AAEF,OAAO,MAAMK,uBAAuB,CAACjE,sBACjC,MAACzC;;0BACG,MAACM;;kCACG,KAACD;wBAASsG,MAAK;wBAAcC,KAAK;wBAAC7F,IAAG;;kCACtC,KAACV;wBAASsG,MAAK;wBAAcC,KAAK;wBAAC7F,IAAG;;kCACtC,KAACV;wBAASsG,MAAK;wBAAaC,KAAK;wBAAC7F,IAAG;;;;0BAEzC,KAAC0B;;OAEP"}
+{"version":3,"sources":["../../src/test/data.tsx"],"sourcesContent":["import { AnvilProvider } from '@servicetitan/anvil2';\nimport SvgPhone from '@servicetitan/anvil2/assets/icons/material/round/phone_disabled.svg';\nimport SvgPhoneActive from '@servicetitan/anvil2/assets/icons/material/round/phone_enabled.svg';\nimport SvgAccountingActive from '@servicetitan/anvil2/assets/icons/st/gnav_accounting_active.svg';\nimport SvgAccounting from '@servicetitan/anvil2/assets/icons/st/gnav_accounting_inactive.svg';\nimport SvgCallsActive from '@servicetitan/anvil2/assets/icons/st/gnav_calls_active.svg';\nimport SvgCalls from '@servicetitan/anvil2/assets/icons/st/gnav_calls_inactive.svg';\nimport SvgDashboardActive from '@servicetitan/anvil2/assets/icons/st/gnav_dashboard_active.svg';\nimport SvgDashboard from '@servicetitan/anvil2/assets/icons/st/gnav_dashboard_inactive.svg';\nimport SvgDispatchActive from '@servicetitan/anvil2/assets/icons/st/gnav_dispatch_active.svg';\nimport SvgDispatch from '@servicetitan/anvil2/assets/icons/st/gnav_dispatch_inactive.svg';\nimport SvgFleetProActive from '@servicetitan/anvil2/assets/icons/st/gnav_fleet_pro_active.svg';\nimport SvgFleetPro from '@servicetitan/anvil2/assets/icons/st/gnav_fleet_pro_inactive.svg';\nimport SvgFollowUpActive from '@servicetitan/anvil2/assets/icons/st/gnav_follow_up_active.svg';\nimport SvgFollowUp from '@servicetitan/anvil2/assets/icons/st/gnav_follow_up_inactive.svg';\nimport SvgInventoryActive from '@servicetitan/anvil2/assets/icons/st/gnav_inventory_active.svg';\nimport SvgInventory from '@servicetitan/anvil2/assets/icons/st/gnav_inventory_inactive.svg';\nimport SvgMarketingActive from '@servicetitan/anvil2/assets/icons/st/gnav_marketing_active.svg';\nimport SvgMarketing from '@servicetitan/anvil2/assets/icons/st/gnav_marketing_inactive.svg';\nimport SvgPosActive from '@servicetitan/anvil2/assets/icons/st/gnav_pos_active.svg';\nimport SvgPos from '@servicetitan/anvil2/assets/icons/st/gnav_pos_inactive.svg';\nimport SvgPriceBookActive from '@servicetitan/anvil2/assets/icons/st/gnav_pricebook_active.svg';\nimport SvgPriceBook from '@servicetitan/anvil2/assets/icons/st/gnav_pricebook_inactive.svg';\nimport SvgProjectsActive from '@servicetitan/anvil2/assets/icons/st/gnav_projects_active.svg';\nimport SvgProjects from '@servicetitan/anvil2/assets/icons/st/gnav_projects_inactive.svg';\nimport SvgReportsActive from '@servicetitan/anvil2/assets/icons/st/gnav_reports_active.svg';\nimport SvgReports from '@servicetitan/anvil2/assets/icons/st/gnav_reports_inactive.svg';\nimport SvgScheduleActive from '@servicetitan/anvil2/assets/icons/st/gnav_schedule_active.svg';\nimport SvgSchedule from '@servicetitan/anvil2/assets/icons/st/gnav_schedule_inactive.svg';\nimport SvgTasksActive from '@servicetitan/anvil2/assets/icons/st/gnav_tasks_active.svg';\nimport SvgTasks from '@servicetitan/anvil2/assets/icons/st/gnav_tasks_inactive.svg';\n\nimport { BodyText, Popover } from '@servicetitan/design-system';\n\nimport classNames from 'classnames';\nimport { FC, Fragment, forwardRef, useState } from 'react';\n// needed only for storybook and added in root dependencies\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { MemoryRouter, Redirect, Switch, useHistory, useLocation } from 'react-router-dom';\nimport { TitanLayout } from '../components/titan-layout';\nimport {\n    NavigationItemData,\n    NavigationSubmenuGroupData,\n    NavigationSubmenuItemData,\n} from '../utils/navigation';\nimport { NavLinkComponentProps } from '../utils/navigation-context';\nimport * as Styles from './data-stories.module.less';\n\nexport const NavLinkMock = forwardRef<any, NavLinkComponentProps>(\n    ({ to, children, activeClassName, className, isActive, ...rest }, ref) => {\n        const history = useHistory();\n        const location = useLocation();\n        const linkActive = location.pathname.startsWith(to);\n\n        return (\n            <a\n                {...rest}\n                onClick={e => {\n                    e.preventDefault();\n\n                    if (!to.startsWith('http')) {\n                        history.replace(to);\n                    }\n                }}\n                className={classNames(className, linkActive ? activeClassName : '')}\n                href={to}\n                ref={ref}\n            >\n                {children}\n            </a>\n        );\n    }\n);\n\nexport const LocationInfo: FC<{ className?: string }> = ({ className }) => {\n    const location = useLocation();\n\n    return <BodyText className={className}>current location - {location.pathname}</BodyText>;\n};\n\nexport const withMemoryRouter = (Story: any) => (\n    <MemoryRouter>\n        <Story />\n    </MemoryRouter>\n);\n\nexport const withAnvil = (Story: any) => (\n    <AnvilProvider className={Styles.fixIcons}>\n        <Story />\n    </AnvilProvider>\n);\n\nexport const InventoryIcon = () => (\n    <svg width=\"20\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"-293 385 24 24\" fill=\"currentColor\">\n        <polyline points=\"-288,400.9 -282,404.3 -282,397.6 -288,394.2 -288,400.9 \" />\n        <path d=\"M-272,401.5c0,0.4-0.2,0.7-0.5,0.9l-7.9,4.4c-0.2,0.1-0.4,0.2-0.6,0.2s-0.4-0.1-0.6-0.2l-7.9-4.4c-0.3-0.2-0.5-0.5-0.5-0.9v-9c0-0.4,0.2-0.7,0.5-0.9l7.9-4.4c0.2-0.1,0.4-0.2,0.6-0.2s0.4,0.1,0.6,0.2l7.9,4.4c0.3,0.2,0.5,0.5,0.5,0.9V401.5 M-287,392.5 l6,3.4l5.9-3.3l-5.9-3.4L-287,392.5 M-274,400.9v-6.7l-6,3.4v6.7L-274,400.9z\" />\n    </svg>\n);\n\nexport const SearchIcon = () => (\n    <svg\n        width=\"1em\"\n        height=\"1em\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <g transform=\"translate(0,4)\">\n            <path\n                d=\"M0 15.7992V13.9992H12V15.7992H0ZM0 9.49922V7.69922H6V9.49922H0ZM0 3.19922V1.39922H6V3.19922H0ZM22.74 15.7992L17.94 10.9992C17.42 11.3992 16.86 11.6992 16.26 11.8992C15.66 12.0992 15.04 12.1992 14.4 12.1992C12.74 12.1992 11.325 11.6142 10.155 10.4442C8.985 9.27422 8.4 7.85922 8.4 6.19922C8.4 4.53922 8.985 3.12422 10.155 1.95422C11.325 0.784219 12.74 0.199219 14.4 0.199219C16.06 0.199219 17.475 0.784219 18.645 1.95422C19.815 3.12422 20.4 4.53922 20.4 6.19922C20.4 6.83922 20.3 7.45922 20.1 8.05922C19.9 8.65922 19.6 9.21922 19.2 9.73922L24 14.5392L22.74 15.7992ZM14.393 10.3992C15.5577 10.3992 16.55 9.99157 17.37 9.17627C18.19 8.36099 18.6 7.37099 18.6 6.20627C18.6 5.04157 18.1923 4.04922 17.377 3.22922C16.5618 2.40922 15.5718 1.99922 14.407 1.99922C13.2423 1.99922 12.25 2.40687 11.43 3.22217C10.61 4.03745 10.2 5.02745 10.2 6.19217C10.2 7.35687 10.6077 8.34922 11.423 9.16922C12.2382 9.98922 13.2282 10.3992 14.393 10.3992Z\"\n                fill=\"white\"\n            />\n        </g>\n    </svg>\n);\n\nconst getNavItem = (id: string, data: Partial<NavigationItemData>): NavigationItemData => ({\n    id,\n    to: '/' + id,\n    title: id[0].toUpperCase() + id.substring(1),\n    icon: undefined,\n    iconActive: undefined,\n    ...data,\n    submenu: data.submenu\n        ? {\n              ...data.submenu,\n              groups: data.submenu.groups.map(group => ({\n                  ...group,\n                  links: group.links.map(link => ({\n                      ...link,\n                      to: `/${id}/${link.to}`,\n                  })),\n              })),\n          }\n        : undefined,\n});\n\nconst getSubItem = (\n    id: string,\n    data: Partial<NavigationSubmenuItemData>\n): NavigationSubmenuItemData => ({\n    id,\n    to: id,\n    title: id[0].toUpperCase() + id.substring(1),\n    ...data,\n});\n\nconst getGroup = (\n    title: string,\n    links: NavigationSubmenuItemData[]\n): NavigationSubmenuGroupData => ({\n    title,\n    links,\n});\n\nexport const navItems = {\n    calendar: getNavItem('calendar', {\n        icon: SvgSchedule,\n        iconActive: SvgScheduleActive,\n    }),\n    schedule: getNavItem('schedule', {\n        icon: SvgSchedule,\n        iconActive: SvgScheduleActive,\n    }),\n    calls: getNavItem('calls', {\n        icon: SvgCalls,\n        iconActive: SvgCallsActive,\n        counter: 1234,\n    }),\n    dashboard: getNavItem('dashboard', {\n        icon: SvgDashboard,\n        iconActive: SvgDashboardActive,\n    }),\n    dispatch: getNavItem('dispatch', {\n        icon: SvgDispatch,\n        iconActive: SvgDispatchActive,\n        tag: { value: 3 },\n    }),\n    fleet: getNavItem('fleet', {\n        icon: SvgFleetPro,\n        iconActive: SvgFleetProActive,\n        title: 'Fleet Pro',\n    }),\n    followUps: getNavItem('followUps', {\n        icon: SvgFollowUp,\n        iconActive: SvgFollowUpActive,\n        title: 'Follow Up',\n    }),\n    followUpsWithSubmenu: getNavItem('followUps', {\n        icon: SvgFollowUp,\n        iconActive: SvgFollowUpActive,\n        title: 'Follow Up',\n        submenu: {\n            groups: [\n                getGroup('', [\n                    getSubItem('estimates', { title: 'Unsold Estimates' }),\n                    getSubItem('sold', { title: 'Sold Estimates' }),\n                    getSubItem('surveys', { title: 'Surveys' }),\n                ]),\n            ],\n        },\n    }),\n    inventory: getNavItem('inventory', {\n        icon: SvgInventory,\n        iconActive: SvgInventoryActive,\n    }),\n    purchasing: getNavItem('purchasing', {}),\n    purchasingWithSubmenu: getNavItem('purchasing', {\n        icon: SvgInventory,\n        iconActive: SvgInventoryActive,\n        counter: true,\n        submenu: {\n            groups: [\n                getGroup('Purchase', [\n                    getSubItem('repl', { title: 'Replenishment' }),\n                    getSubItem('orders', { title: 'Purchase Orders' }),\n                    getSubItem('receipts', { title: 'Receipts' }),\n                    getSubItem('returns', { title: 'Returns' }),\n                ]),\n            ],\n        },\n    }),\n    accounting: getNavItem('accounting', {\n        icon: SvgAccounting,\n        iconActive: SvgAccountingActive,\n        counter: true,\n    }),\n    accountingWithSubmenu: getNavItem('accounting', {\n        icon: SvgAccounting,\n        iconActive: SvgAccountingActive,\n        counter: 1,\n        submenu: {\n            groups: [\n                getGroup('Accounts Receivable', [\n                    getSubItem('export', {\n                        title: 'Batch/Export Transactions',\n                        counter: true,\n                    }),\n                    getSubItem('ar', { title: 'AR Management' }),\n                    getSubItem('invoices', { title: 'Invoices', counter: 3 }),\n                    getSubItem('payments', { title: 'Customer Payments', counter: 2 }),\n                    getSubItem('deposits', { title: 'Bank Deposits' }),\n                ]),\n                getGroup('Accounts Payable', [getSubItem('bills', { title: 'Bills' })]),\n                getGroup('Financing', [getSubItem('dashboard', { title: 'Dashboard' })]),\n                getGroup('Others', [getSubItem('at', { title: 'Accounting Audit Trail' })]),\n            ],\n        },\n    }),\n    marketing: getNavItem('marketing', {\n        icon: SvgMarketing,\n        iconActive: SvgMarketingActive,\n    }),\n    priceBook: getNavItem('pricebook', {\n        icon: SvgPriceBook,\n        iconActive: SvgPriceBookActive,\n    }),\n    pointOfSale: getNavItem('pointOfSale', {\n        icon: SvgPos,\n        iconActive: SvgPosActive,\n        title: 'Point Of Sale',\n    }),\n    projects: getNavItem('projects', {\n        icon: SvgProjects,\n        iconActive: SvgProjectsActive,\n    }),\n    reports: getNavItem('reports', {\n        icon: SvgReports,\n        iconActive: SvgReportsActive,\n    }),\n    tasks: getNavItem('tasks', {\n        icon: SvgTasks,\n        iconActive: SvgTasksActive,\n    }),\n};\n\nexport const CallsNavigationTrigger = () => {\n    const [open, setOpen] = useState(false);\n\n    return (\n        <Popover\n            open={open}\n            onClickOutside={() => setOpen(false)}\n            direction=\"bl\"\n            trigger={\n                <TitanLayout.Trigger\n                    id=\"dialpad\"\n                    counter={2}\n                    title=\"Calls\"\n                    icon={SvgPhone}\n                    iconActive={SvgPhoneActive}\n                    onClick={() => setOpen(!open)}\n                    isActive={open}\n                />\n            }\n        >\n            calls content\n        </Popover>\n    );\n};\n\nexport const withDefaultRedirects = (Story: any) => (\n    <Fragment>\n        <Switch>\n            <Redirect from=\"/accounting\" exact to=\"/accounting/export\" />\n            <Redirect from=\"/purchasing\" exact to=\"/purchasing/repl\" />\n            <Redirect from=\"/followUps\" exact to=\"/followUps/sold\" />\n        </Switch>\n        <Story />\n    </Fragment>\n);\n"],"names":["AnvilProvider","SvgPhone","SvgPhoneActive","SvgAccountingActive","SvgAccounting","SvgCallsActive","SvgCalls","SvgDashboardActive","SvgDashboard","SvgDispatchActive","SvgDispatch","SvgFleetProActive","SvgFleetPro","SvgFollowUpActive","SvgFollowUp","SvgInventoryActive","SvgInventory","SvgMarketingActive","SvgMarketing","SvgPosActive","SvgPos","SvgPriceBookActive","SvgPriceBook","SvgProjectsActive","SvgProjects","SvgReportsActive","SvgReports","SvgScheduleActive","SvgSchedule","SvgTasksActive","SvgTasks","BodyText","Popover","classNames","Fragment","forwardRef","useState","MemoryRouter","Redirect","Switch","useHistory","useLocation","TitanLayout","Styles","NavLinkMock","to","children","activeClassName","className","isActive","rest","ref","history","location","linkActive","pathname","startsWith","a","onClick","e","preventDefault","replace","href","LocationInfo","withMemoryRouter","Story","withAnvil","fixIcons","InventoryIcon","svg","width","xmlns","viewBox","fill","polyline","points","path","d","SearchIcon","height","g","transform","getNavItem","id","data","title","toUpperCase","substring","icon","undefined","iconActive","submenu","groups","map","group","links","link","getSubItem","getGroup","navItems","calendar","schedule","calls","counter","dashboard","dispatch","tag","value","fleet","followUps","followUpsWithSubmenu","inventory","purchasing","purchasingWithSubmenu","accounting","accountingWithSubmenu","marketing","priceBook","pointOfSale","projects","reports","tasks","CallsNavigationTrigger","open","setOpen","onClickOutside","direction","trigger","Trigger","withDefaultRedirects","from","exact"],"mappings":"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"}

package/dist/test/titan-layout.d.ts

@@ -0,0 +1,16 @@
+import { TitanLayoutProps } from '../components/titan-layout';
+export interface LayoutContentArgs {
+    header: boolean;
+    sideTop: boolean;
+    extraText: boolean;
+    search: boolean;
+    longContent: boolean;
+    wideContent: boolean;
+    minWidth: boolean;
+    emptyNav: boolean;
+    overflowItems: boolean;
+}
+export declare const getDefaultArgs: () => LayoutContentArgs;
+export declare const withDefaultLayoutProps: (props: Partial<TitanLayoutProps>) => (Story: any) => import("react/jsx-runtime").JSX.Element;
+export declare const useDefaultLayoutProps: () => Partial<TitanLayoutProps>;
+//# sourceMappingURL=titan-layout.d.ts.map

package/dist/test/titan-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"titan-layout.d.ts","sourceRoot":"","sources":["../../src/test/titan-layout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,MAAM,WAAW,iBAAiB;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,cAAc,QAAO,iBAUhC,CAAC;AAGH,eAAO,MAAM,sBAAsB,GAAI,OAAO,OAAO,CAAC,gBAAgB,CAAC,MAAM,OAAO,GAAG,4CAItF,CAAC;AACF,eAAO,MAAM,qBAAqB,iCAAwC,CAAC"}

package/dist/test/titan-layout.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+export const getDefaultArgs = ()=>({
+        header: true,
+        sideTop: true,
+        extraText: true,
+        search: true,
+        longContent: true,
+        wideContent: false,
+        minWidth: false,
+        emptyNav: false,
+        overflowItems: true
+    });
+const DefaultPropsContext = /*#__PURE__*/ createContext({});
+export const withDefaultLayoutProps = (props)=>(Story)=>/*#__PURE__*/ _jsx(DefaultPropsContext.Provider, {
+            value: props,
+            children: /*#__PURE__*/ _jsx(Story, {})
+        });
+export const useDefaultLayoutProps = ()=>useContext(DefaultPropsContext);
+
+//# sourceMappingURL=titan-layout.js.map

package/dist/test/titan-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/test/titan-layout.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { TitanLayoutProps } from '../components/titan-layout';\n\nexport interface LayoutContentArgs {\n    header: boolean;\n    sideTop: boolean;\n    extraText: boolean;\n    search: boolean;\n    longContent: boolean;\n    wideContent: boolean;\n    minWidth: boolean;\n    emptyNav: boolean;\n    overflowItems: boolean;\n}\n\nexport const getDefaultArgs = (): LayoutContentArgs => ({\n    header: true,\n    sideTop: true,\n    extraText: true,\n    search: true,\n    longContent: true,\n    wideContent: false,\n    minWidth: false,\n    emptyNav: false,\n    overflowItems: true,\n});\n\nconst DefaultPropsContext = createContext<Partial<TitanLayoutProps>>({});\nexport const withDefaultLayoutProps = (props: Partial<TitanLayoutProps>) => (Story: any) => (\n    <DefaultPropsContext.Provider value={props}>\n        <Story />\n    </DefaultPropsContext.Provider>\n);\nexport const useDefaultLayoutProps = () => useContext(DefaultPropsContext);\n"],"names":["createContext","useContext","getDefaultArgs","header","sideTop","extraText","search","longContent","wideContent","minWidth","emptyNav","overflowItems","DefaultPropsContext","withDefaultLayoutProps","props","Story","Provider","value","useDefaultLayoutProps"],"mappings":";AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,QAAQ;AAelD,OAAO,MAAMC,iBAAiB,IAA0B,CAAA;QACpDC,QAAQ;QACRC,SAAS;QACTC,WAAW;QACXC,QAAQ;QACRC,aAAa;QACbC,aAAa;QACbC,UAAU;QACVC,UAAU;QACVC,eAAe;IACnB,CAAA,EAAG;AAEH,MAAMC,oCAAsBZ,cAAyC,CAAC;AACtE,OAAO,MAAMa,yBAAyB,CAACC,QAAqC,CAACC,sBACzE,KAACH,oBAAoBI,QAAQ;YAACC,OAAOH;sBACjC,cAAA,KAACC;WAEP;AACF,OAAO,MAAMG,wBAAwB,IAAMjB,WAAWW,qBAAqB"}

package/dist/utils/navigation-context.d.ts

@@ -1,27 +1,8 @@
-import { FC, HTMLAttributeAnchorTarget, ReactNode } from 'react';
-import { NavigationLinkData } from './navigation';
-export interface NavLinkComponentPropsStrict {
+import { ComponentPropsWithoutRef, FC } from 'react';
+export type NavLinkComponentProps = ComponentPropsWithoutRef<'a'> & {
     to: string;
-    title?: string;
-    className?: string;
     activeClassName?: string;
-    children: ReactNode;
     isActive?: (pathname: string) => boolean;
-    target?: HTMLAttributeAnchorTarget;
-}
-export interface NavLinkComponentProps extends NavLinkComponentPropsStrict {
-    [key: string]: any;
-}
+};
 export declare const DefaultNavLinkComponent: FC<NavLinkComponentProps>;
-export interface NavigationLocationInfo {
-    pathname: string;
-}
-export type NavigationActiveLinkMatcher = (location: NavigationLocationInfo, link: NavigationLinkData) => boolean;
-export interface NavigationLocationContextType {
-    location: NavigationLocationInfo;
-    isLinkActive: NavigationActiveLinkMatcher;
-}
-export declare const NavigationComponentContext: import("react").Context<FC<NavLinkComponentProps>>;
-export declare const NavigationLegacyContext: import("react").Context<boolean>;
-export declare const NavigationLocationContext: import("react").Context<NavigationLocationContextType>;
 //# sourceMappingURL=navigation-context.d.ts.map

package/dist/utils/navigation-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-context.d.ts","sourceRoot":"","sources":["../../src/utils/navigation-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,yBAAyB,EAAE,SAAS,EAAiB,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,MAAM,WAAW,2BAA2B;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;IACzC,MAAM,CAAC,EAAE,yBAAyB,CAAC;CACtC;AAED,MAAM,WAAW,qBAAsB,SAAQ,2BAA2B;IACtE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,qBAAqB,CAK5B,CAAC;AAEnC,MAAM,WAAW,sBAAsB;IACnC,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,2BAA2B,GAAG,CACtC,QAAQ,EAAE,sBAAsB,EAChC,IAAI,EAAE,kBAAkB,KACvB,OAAO,CAAC;AAEb,MAAM,WAAW,6BAA6B;IAC1C,QAAQ,EAAE,sBAAsB,CAAC;IACjC,YAAY,EAAE,2BAA2B,CAAC;CAC7C;AAED,eAAO,MAAM,0BAA0B,oDAC8B,CAAC;AACtE,eAAO,MAAM,uBAAuB,kCAAuB,CAAC;AAC5D,eAAO,MAAM,yBAAyB,wDAGpC,CAAC"}
+{"version":3,"file":"navigation-context.d.ts","sourceRoot":"","sources":["../../src/utils/navigation-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAErD,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,GAAG,CAAC,GAAG;IAChE,EAAE,EAAE,MAAM,CAAC;IACX,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,qBAAqB,CAU7D,CAAC"}

package/dist/utils/navigation-context.js

@@ -1,16 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext } from 'react';
-export const DefaultNavLinkComponent = ({ children, activeClassName, isActive, ...props })=>/*#__PURE__*/ _jsx("a", {
+export const DefaultNavLinkComponent = ({ children, to, activeClassName, isActive, ...props })=>/*#__PURE__*/ _jsx("a", {
+        href: to,
         ...props,
         children: children
     });
-export const NavigationComponentContext = /*#__PURE__*/ createContext(DefaultNavLinkComponent);
-export const NavigationLegacyContext = /*#__PURE__*/ createContext(false);
-export const NavigationLocationContext = /*#__PURE__*/ createContext({
-    location: {
-        pathname: ''
-    },
-    isLinkActive: ()=>false
-});
 
 //# sourceMappingURL=navigation-context.js.map

package/dist/utils/navigation-context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/navigation-context.tsx"],"sourcesContent":["import { FC, HTMLAttributeAnchorTarget, ReactNode, createContext } from 'react';\nimport { NavigationLinkData } from './navigation';\n\nexport interface NavLinkComponentPropsStrict {\n    to: string;\n    title?: string;\n    className?: string;\n    activeClassName?: string;\n    children: ReactNode;\n    isActive?: (pathname: string) => boolean;\n    target?: HTMLAttributeAnchorTarget;\n}\n\nexport interface NavLinkComponentProps extends NavLinkComponentPropsStrict {\n    [key: string]: any;\n}\n\nexport const DefaultNavLinkComponent: FC<NavLinkComponentProps> = ({\n    children,\n    activeClassName,\n    isActive,\n    ...props\n}) => <a {...props}>{children}</a>;\n\nexport interface NavigationLocationInfo {\n    pathname: string;\n}\n\nexport type NavigationActiveLinkMatcher = (\n    location: NavigationLocationInfo,\n    link: NavigationLinkData\n) => boolean;\n\nexport interface NavigationLocationContextType {\n    location: NavigationLocationInfo;\n    isLinkActive: NavigationActiveLinkMatcher;\n}\n\nexport const NavigationComponentContext =\n    createContext<FC<NavLinkComponentProps>>(DefaultNavLinkComponent);\nexport const NavigationLegacyContext = createContext(false);\nexport const NavigationLocationContext = createContext<NavigationLocationContextType>({\n    location: { pathname: '' },\n    isLinkActive: () => false,\n});\n"],"names":["createContext","DefaultNavLinkComponent","children","activeClassName","isActive","props","a","NavigationComponentContext","NavigationLegacyContext","NavigationLocationContext","location","pathname","isLinkActive"],"mappings":";AAAA,SAAmDA,aAAa,QAAQ,QAAQ;AAiBhF,OAAO,MAAMC,0BAAqD,CAAC,EAC/DC,QAAQ,EACRC,eAAe,EACfC,QAAQ,EACR,GAAGC,OACN,iBAAK,KAACC;QAAG,GAAGD,KAAK;kBAAGH;OAAc;AAgBnC,OAAO,MAAMK,2CACTP,cAAyCC,yBAAyB;AACtE,OAAO,MAAMO,wCAA0BR,cAAc,OAAO;AAC5D,OAAO,MAAMS,0CAA4BT,cAA6C;IAClFU,UAAU;QAAEC,UAAU;IAAG;IACzBC,cAAc,IAAM;AACxB,GAAG"}
+{"version":3,"sources":["../../src/utils/navigation-context.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, FC } from 'react';\n\nexport type NavLinkComponentProps = ComponentPropsWithoutRef<'a'> & {\n    to: string;\n    activeClassName?: string;\n    isActive?: (pathname: string) => boolean;\n};\n\nexport const DefaultNavLinkComponent: FC<NavLinkComponentProps> = ({\n    children,\n    to,\n    activeClassName,\n    isActive,\n    ...props\n}) => (\n    <a href={to} {...props}>\n        {children}\n    </a>\n);\n"],"names":["DefaultNavLinkComponent","children","to","activeClassName","isActive","props","a","href"],"mappings":";AAQA,OAAO,MAAMA,0BAAqD,CAAC,EAC/DC,QAAQ,EACRC,EAAE,EACFC,eAAe,EACfC,QAAQ,EACR,GAAGC,OACN,iBACG,KAACC;QAAEC,MAAML;QAAK,GAAGG,KAAK;kBACjBJ;OAEP"}

package/dist/utils/navigation.d.ts

@@ -1,17 +1,10 @@
 import { IconProps } from '@servicetitan/anvil2';
-import { FC } from 'react';
 import { CounterTagData, CounterTagValue } from './counter-tag';
 export interface NavigationItemData extends NavigationLinkData {
-    /** flag if the link is not shown (based on FG and/or user permissions) */
-    isHidden?: boolean;
-    /** custom className (can be used for mdi icons) */
-    iconClassName?: string;
     /** svg icon (anvil2) of inactive item */
     icon: IconProps['svg'] | undefined;
     /** svg icon (anvil2) of active item */
     iconActive: IconProps['svg'] | undefined;
-    /** icon component of item (<svg />) */
-    iconComponent?: FC;
     /** item tag (optional). shown if it is set and true or greater than 0 */
     counter?: CounterTagValue;
     tag?: CounterTagData;
@@ -19,6 +12,8 @@ export interface NavigationItemData extends NavigationLinkData {
     className?: string;
     /** optional submenu of link item */
     submenu?: NavigationSubmenuData;
+    iconClassName?: never;
+    iconComponent?: never;
 }
 export interface NavigationLinkData {
     /** link id */

package/dist/utils/navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/utils/navigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhE,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC1D,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,yCAAyC;IACzC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IAEnC,uCAAuC;IACvC,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IAEzC,uCAAuC;IACvC,aAAa,CAAC,EAAE,EAAE,CAAC;IAEnB,yEAAyE;IACzE,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,GAAG,CAAC,EAAE,cAAc,CAAC;IAErB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oCAAoC;IACpC,OAAO,CAAC,EAAE,qBAAqB,CAAC;CACnC;AAED,MAAM,WAAW,kBAAkB;IAC/B,cAAc;IACd,EAAE,EAAE,MAAM,CAAC;IAEX,gBAAgB;IAChB,EAAE,EAAE,MAAM,CAAC;IAEX,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IAEd,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC;CACxD;AAED,MAAM,WAAW,qBAAqB;IAClC,qBAAqB;IACrB,MAAM,EAAE,0BAA0B,EAAE,CAAC;CACxC;AAED,MAAM,WAAW,yBAA0B,SAAQ,kBAAkB;IACjE,+EAA+E;IAC/E,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,GAAG,CAAC,EAAE,cAAc,CAAC;CACxB;AAED,MAAM,WAAW,0BAA0B;IACvC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IAEd,0BAA0B;IAC1B,KAAK,EAAE,yBAAyB,EAAE,CAAC;CACtC"}
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/utils/navigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhE,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC1D,yCAAyC;IACzC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IAEnC,uCAAuC;IACvC,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IAEzC,yEAAyE;IACzE,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,GAAG,CAAC,EAAE,cAAc,CAAC;IAErB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oCAAoC;IACpC,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAEhC,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,aAAa,CAAC,EAAE,KAAK,CAAC;CACzB;AAED,MAAM,WAAW,kBAAkB;IAC/B,cAAc;IACd,EAAE,EAAE,MAAM,CAAC;IAEX,gBAAgB;IAChB,EAAE,EAAE,MAAM,CAAC;IAEX,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IAEd,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC;CACxD;AAED,MAAM,WAAW,qBAAqB;IAClC,qBAAqB;IACrB,MAAM,EAAE,0BAA0B,EAAE,CAAC;CACxC;AAED,MAAM,WAAW,yBAA0B,SAAQ,kBAAkB;IACjE,+EAA+E;IAC/E,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,GAAG,CAAC,EAAE,cAAc,CAAC;CACxB;AAED,MAAM,WAAW,0BAA0B;IACvC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IAEd,0BAA0B;IAC1B,KAAK,EAAE,yBAAyB,EAAE,CAAC;CACtC"}

package/dist/utils/navigation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/navigation.ts"],"sourcesContent":["import { IconProps } from '@servicetitan/anvil2';\nimport { FC } from 'react';\nimport { CounterTagData, CounterTagValue } from './counter-tag';\n\nexport interface NavigationItemData extends NavigationLinkData {\n    /** flag if the link is not shown (based on FG and/or user permissions) */\n    isHidden?: boolean;\n\n    /** custom className (can be used for mdi icons) */\n    iconClassName?: string;\n\n    /** svg icon (anvil2) of inactive item */\n    icon: IconProps['svg'] | undefined;\n\n    /** svg icon (anvil2) of active item */\n    iconActive: IconProps['svg'] | undefined;\n\n    /** icon component of item (<svg />) */\n    iconComponent?: FC;\n\n    /** item tag (optional). shown if it is set and true or greater than 0 */\n    counter?: CounterTagValue;\n    tag?: CounterTagData;\n\n    /** class name of link item */\n    className?: string;\n\n    /** optional submenu of link item */\n    submenu?: NavigationSubmenuData;\n}\n\nexport interface NavigationLinkData {\n    /** link id */\n    id: string;\n\n    /** link href */\n    to: string;\n\n    /** link title */\n    title: string;\n\n    /** callback to return active state. By default, it compares link href with current pathname */\n    isActive?: boolean | ((pathname: string) => boolean);\n}\n\nexport interface NavigationSubmenuData {\n    /** submenu groups */\n    groups: NavigationSubmenuGroupData[];\n}\n\nexport interface NavigationSubmenuItemData extends NavigationLinkData {\n    /** item tag (optional) value. shown if it is set and true or greater than 0 */\n    counter?: CounterTagValue;\n    tag?: CounterTagData;\n}\n\nexport interface NavigationSubmenuGroupData {\n    /** submenu group title */\n    title: string;\n\n    /** submenu group links */\n    links: NavigationSubmenuItemData[];\n}\n"],"names":[],"mappings":"AAwDA,WAMC"}
+{"version":3,"sources":["../../src/utils/navigation.ts"],"sourcesContent":["import { IconProps } from '@servicetitan/anvil2';\nimport { CounterTagData, CounterTagValue } from './counter-tag';\n\nexport interface NavigationItemData extends NavigationLinkData {\n    /** svg icon (anvil2) of inactive item */\n    icon: IconProps['svg'] | undefined;\n\n    /** svg icon (anvil2) of active item */\n    iconActive: IconProps['svg'] | undefined;\n\n    /** item tag (optional). shown if it is set and true or greater than 0 */\n    counter?: CounterTagValue;\n    tag?: CounterTagData;\n\n    /** class name of link item */\n    className?: string;\n\n    /** optional submenu of link item */\n    submenu?: NavigationSubmenuData;\n\n    iconClassName?: never;\n    iconComponent?: never;\n}\n\nexport interface NavigationLinkData {\n    /** link id */\n    id: string;\n\n    /** link href */\n    to: string;\n\n    /** link title */\n    title: string;\n\n    /** callback to return active state. By default, it compares link href with current pathname */\n    isActive?: boolean | ((pathname: string) => boolean);\n}\n\nexport interface NavigationSubmenuData {\n    /** submenu groups */\n    groups: NavigationSubmenuGroupData[];\n}\n\nexport interface NavigationSubmenuItemData extends NavigationLinkData {\n    /** item tag (optional) value. shown if it is set and true or greater than 0 */\n    counter?: CounterTagValue;\n    tag?: CounterTagData;\n}\n\nexport interface NavigationSubmenuGroupData {\n    /** submenu group title */\n    title: string;\n\n    /** submenu group links */\n    links: NavigationSubmenuItemData[];\n}\n"],"names":[],"mappings":"AAiDA,WAMC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/navigation",
-    "version": "12.0.3",
+    "version": "13.0.0-canary.256.44cf055.0",
     "description": "Navigation components",
     "repository": {
         "type": "git",
@@ -26,9 +26,9 @@
         "react": ">=18.0.0"
     },
     "devDependencies": {
-        "@servicetitan/anvil2": "~1.49.2",
+        "@servicetitan/anvil2": "~1.49.7",
         "@servicetitan/design-system": "~14.5.1",
-        "@servicetitan/react-ioc": "^32.6.0",
+        "@servicetitan/react-ioc": "^33.1.0",
         "@servicetitan/tokens": ">=12.1.11",
         "@testing-library/react": "^16.2.0",
         "mobx": "~6.10.2",
@@ -42,5 +42,5 @@
         "less": true,
         "webpack": false
     },
-    "gitHead": "c4d3e8b44fbf7d1fc7849c475ddeb32547bcac8b"
+    "gitHead": "44cf055b57761ec6c8f62037680f1e7296c2a526"
 }

package/src/components/counter-tag.tsx

@@ -5,7 +5,7 @@ import { CounterTagData } from '../utils/counter-tag';
 
 export interface CounterTagProps extends CounterTagData {
     [key: string]: any;
-    className: string;
+    className?: string;
 }
 
 export const CounterTag: FC<{