@servicetitan/navigation 12.0.2 → 13.0.0-canary.256.299dd08.0

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":"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"}
+{"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.2",
+    "version": "13.0.0-canary.256.299dd08.0",
     "description": "Navigation components",
     "repository": {
         "type": "git",
@@ -42,5 +42,5 @@
         "less": true,
         "webpack": false
     },
-    "gitHead": "037d391733c6dd61d96503860e6090881cface0b"
+    "gitHead": "299dd087e8e83bb8c0925bdec75c5df838740a92"
 }

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<{

package/src/components/profile-dropdown/interface.ts

@@ -0,0 +1,47 @@
+import { PopoverPropsStrict } from '@servicetitan/design-system';
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
+import { CounterTagData, CounterTagValue } from '../../utils/counter-tag';
+
+export type ProfileDropdownTriggerProps = {
+    info?: { title: string; text: string };
+    imageSrc?: string | null;
+    avatarBadge?: boolean | string;
+    badge?: { content?: number | string; className: string };
+} & Omit<ComponentPropsWithoutRef<'div'>, 'onClick'>;
+
+export type ProfileDropdownProps = {
+    direction?: PopoverPropsStrict['direction'];
+    trigger?: Omit<ProfileDropdownTriggerProps, 'onClick' | 'open' | 'hintArrow'>;
+    hintPopup?: {
+        className?: string;
+        content: FC<{ openProfile(): void }>;
+        width?: PopoverPropsStrict['width'];
+        onClose?: () => void;
+    };
+    portal?: boolean;
+    width?: PopoverPropsStrict['width'];
+    onClose?(): void;
+    onOpen?(): void;
+} & ComponentPropsWithoutRef<'div'>;
+
+export type ProfileItemContent =
+    | { children: string; text?: string }
+    | { children: ReactNode; text: string };
+
+export type ProfileDropdownSectionProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'> & {
+    children: ReactNode;
+    id: string;
+    tooltip?: string;
+    tag?: CounterTagData;
+    counter?: CounterTagValue;
+} & ProfileItemContent;
+
+export type ProfileDropdownLinkProps = Omit<ComponentPropsWithoutRef<'a'>, 'children'> & {
+    id: string;
+    children: ReactNode;
+    external?: boolean;
+    tooltip?: string;
+    to: string;
+    tag?: CounterTagData;
+    counter?: CounterTagValue;
+} & ProfileItemContent;

package/src/components/profile-dropdown/profile-dropdown-legacy.stories.tsx

@@ -0,0 +1,25 @@
+import { NavLinkMock, withAnvil, withMemoryRouter } from '../../test/data';
+import { TitanLayout } from '../titan-layout';
+import { DesktopProfileDropdown } from './profile-dropdown';
+
+const withLayout = (Story: any) => (
+    <TitanLayout navVariant="top" profile={<Story />} navigationComponent={NavLinkMock} />
+);
+
+export default {
+    title: 'Navigation/DesktopProfileDropdown/Legacy',
+    component: DesktopProfileDropdown,
+    parameters: {},
+    decorators: [withMemoryRouter, withAnvil, withLayout],
+};
+
+export {
+    ProfileDropdownDefault,
+    ProfileDropdownWithBothBadges,
+    ProfileDropdownWithCounter,
+    ProfileDropdownWithErrorLogo,
+    ProfileDropdownWithInfo,
+    ProfileDropdownWithHintAndInfoPopup,
+    ProfileDropdownWithHintPopup,
+    ProfileDropdownWithLogo,
+} from './profile-dropdown.stories';

package/src/components/profile-dropdown/profile-dropdown-stacked.stories.tsx

@@ -1,14 +1,22 @@
-import { withAnvil, withMemoryRouter } from '../../test/data';
-import { HeaderNavigationStacked } from '../header-navigation';
-import { ProfileDropdown } from './profile-dropdown';
+import { NavLinkMock, navItems, withAnvil, withMemoryRouter } from '../../test/data';
+import { TitanLayout } from '../titan-layout';
+import { DesktopProfileDropdown } from './profile-dropdown';
 
-const withHeaderNavigationStacked = (Story: any) => <HeaderNavigationStacked right={<Story />} />;
+const withStackedLayout = (Story: any) => (
+    <TitanLayout
+        navVariant="top"
+        top={<div />}
+        profile={<Story />}
+        navigationMainItems={[navItems.accounting]}
+        navigationComponent={NavLinkMock}
+    />
+);
 
 export default {
-    title: 'Navigation/ProfileDropdown/Stacked',
-    component: ProfileDropdown,
+    title: 'Navigation/DesktopProfileDropdown/Stacked',
+    component: DesktopProfileDropdown,
     parameters: {},
-    decorators: [withMemoryRouter, withAnvil, withHeaderNavigationStacked],
+    decorators: [withStackedLayout, withMemoryRouter, withAnvil],
 };
 
 export {

package/src/components/profile-dropdown/profile-dropdown.stories.tsx

@@ -1,58 +1,65 @@
 import { Button } from '@servicetitan/design-system';
-import { withAnvil, withMemoryRouter } from '../../test/data';
-import { HeaderNavigation } from '../header-navigation';
-import { ProfileDropdown } from './profile-dropdown';
+import { NavLinkMock, withAnvil, withMemoryRouter } from '../../test/data';
+import { TitanLayout } from '../titan-layout';
+import { DesktopProfileDropdown } from './profile-dropdown';
 
-const withHeaderNavigation = (Story: any) => (
-    <HeaderNavigation>
-        <Story />
-    </HeaderNavigation>
+const withLegacyLayout = (Story: any) => (
+    <TitanLayout navigationComponent={NavLinkMock} profile={<Story />} />
 );
 
 export default {
-    title: 'Navigation/ProfileDropdown/Legacy',
-    component: ProfileDropdown,
+    title: 'Navigation/DesktopProfileDropdown/Default',
+    component: DesktopProfileDropdown,
     parameters: {},
-    decorators: [withMemoryRouter, withAnvil, withHeaderNavigation],
+    decorators: [withLegacyLayout, withMemoryRouter, withAnvil],
 };
 
 export const ProfileDropdownDefault = () => (
-    <ProfileDropdown>
-        <ProfileDropdown.Link id="first" to="https://google.com">
+    <DesktopProfileDropdown>
+        <DesktopProfileDropdown.Link id="first" to="https://google.com" external>
             first link
-        </ProfileDropdown.Link>
-        <ProfileDropdown.Section id="second" onClick={() => alert('second click')}>
+        </DesktopProfileDropdown.Link>
+        <DesktopProfileDropdown.Section id="second" onClick={() => alert('second click')}>
             second link
-        </ProfileDropdown.Section>
-        <ProfileDropdown.Divider />
-        <ProfileDropdown.Section id="content">some content</ProfileDropdown.Section>
-        <ProfileDropdown.Divider />
-        <ProfileDropdown.Divider />
-        <ProfileDropdown.Divider />
-        <ProfileDropdown.Link id="third" to="third">
+        </DesktopProfileDropdown.Section>
+        <DesktopProfileDropdown.Divider />
+        <DesktopProfileDropdown.Section id="content">some content</DesktopProfileDropdown.Section>
+        <DesktopProfileDropdown.Divider />
+        <DesktopProfileDropdown.Divider />
+        <DesktopProfileDropdown.Divider />
+        <DesktopProfileDropdown.Link id="third" to="third">
             third link
-        </ProfileDropdown.Link>
-        <ProfileDropdown.Divider />
-    </ProfileDropdown>
+        </DesktopProfileDropdown.Link>
+        <DesktopProfileDropdown.Divider />
+        <DesktopProfileDropdown.Section
+            id="forth"
+            onClick={() => alert('forth click')}
+            text="Sign Out user"
+        >
+            Sign Out
+            <span className="c-neutral-60 m-l-1">user</span>
+        </DesktopProfileDropdown.Section>
+        <DesktopProfileDropdown.Divider />
+    </DesktopProfileDropdown>
 );
 
 export const ProfileDropdownWithLogo = () => (
-    <ProfileDropdown
+    <DesktopProfileDropdown
         trigger={{
             imageSrc: 'https://upload.wikimedia.org/wikipedia/en/1/11/Milhouse_Van_Houten.png',
         }}
     >
-        <ProfileDropdown.Link id="first" to="https://google.com">
+        <DesktopProfileDropdown.Link id="first" to="https://google.com">
             first link
-        </ProfileDropdown.Link>
-        <ProfileDropdown.Section id="second" onClick={() => alert('second click')}>
+        </DesktopProfileDropdown.Link>
+        <DesktopProfileDropdown.Section id="second" onClick={() => alert('second click')}>
             second link
-        </ProfileDropdown.Section>
-    </ProfileDropdown>
+        </DesktopProfileDropdown.Section>
+    </DesktopProfileDropdown>
 );
 
 export const ProfileDropdownWithErrorLogo = () => (
-    <ProfileDropdown
+    <DesktopProfileDropdown
         trigger={{
             imageSrc: 'https://some.incorrect.url/logo.png',
         }}
@@ -60,7 +67,7 @@ export const ProfileDropdownWithErrorLogo = () => (
 );
 
 export const ProfileDropdownWithInfo = () => (
-    <ProfileDropdown
+    <DesktopProfileDropdown
         trigger={{
             info: { text: 'first', title: 'tenant user' },
             avatarBadge: true,
@@ -69,7 +76,7 @@ export const ProfileDropdownWithInfo = () => (
 );
 
 export const ProfileDropdownWithCounter = () => (
-    <ProfileDropdown
+    <DesktopProfileDropdown
         trigger={{
             info: { text: 'first', title: 'tenant user' },
             avatarBadge: true,
@@ -79,7 +86,7 @@ export const ProfileDropdownWithCounter = () => (
 );
 
 export const ProfileDropdownWithBothBadges = () => (
-    <ProfileDropdown
+    <DesktopProfileDropdown
         trigger={{
             avatarBadge: 'yellow-500',
             badge: { className: 'bg-red-400' },
@@ -91,7 +98,7 @@ export const ProfileDropdownWithBothBadges = () => (
 const log = (text: string) => console.log(text);
 
 export const ProfileDropdownWithHintPopup = () => (
-    <ProfileDropdown
+    <DesktopProfileDropdown
         trigger={{
             avatarBadge: 'yellow-500',
             badge: { className: 'bg-red-400' },
@@ -112,19 +119,19 @@ export const ProfileDropdownWithHintPopup = () => (
         onOpen={() => log('open profile dropdown')}
         onClose={() => log('close profile dropdown')}
     >
-        <ProfileDropdown.Link id="first" to="https://google.com" counter={12}>
+        <DesktopProfileDropdown.Link id="first" to="https://google.com" counter={12}>
             first item
-        </ProfileDropdown.Link>
-        <ProfileDropdown.Divider />
-        <ProfileDropdown.Section id="second">second item</ProfileDropdown.Section>
-        <ProfileDropdown.Link id="third" to="https://google.com" tag={{ value: 1 }}>
+        </DesktopProfileDropdown.Link>
+        <DesktopProfileDropdown.Divider />
+        <DesktopProfileDropdown.Section id="second">second item</DesktopProfileDropdown.Section>
+        <DesktopProfileDropdown.Link id="third" to="https://google.com" tag={{ value: 1 }}>
             third item
-        </ProfileDropdown.Link>
-    </ProfileDropdown>
+        </DesktopProfileDropdown.Link>
+    </DesktopProfileDropdown>
 );
 
 export const ProfileDropdownWithHintAndInfoPopup = () => (
-    <ProfileDropdown
+    <DesktopProfileDropdown
         trigger={{
             avatarBadge: 'yellow-500',
             badge: { className: 'bg-red-400' },