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

package/dist/components/profile-dropdown/{profile-dropdown-tiny.stories.d.ts → profile-dropdown-legacy.stories.d.ts}

@@ -6,4 +6,4 @@ declare const _default: {
 };
 export default _default;
 export { ProfileDropdownDefault, ProfileDropdownWithBothBadges, ProfileDropdownWithCounter, ProfileDropdownWithErrorLogo, ProfileDropdownWithInfo, ProfileDropdownWithHintAndInfoPopup, ProfileDropdownWithHintPopup, ProfileDropdownWithLogo, } from './profile-dropdown.stories';
-//# sourceMappingURL=profile-dropdown-tiny.stories.d.ts.map
+//# sourceMappingURL=profile-dropdown-legacy.stories.d.ts.map

package/dist/components/profile-dropdown/profile-dropdown-legacy.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-dropdown-legacy.stories.d.ts","sourceRoot":"","sources":["../../../src/components/profile-dropdown/profile-dropdown-legacy.stories.tsx"],"names":[],"mappings":";;;;;;AAQA,wBAKE;AAEF,OAAO,EACH,sBAAsB,EACtB,6BAA6B,EAC7B,0BAA0B,EAC1B,4BAA4B,EAC5B,uBAAuB,EACvB,mCAAmC,EACnC,4BAA4B,EAC5B,uBAAuB,GAC1B,MAAM,4BAA4B,CAAC"}

package/dist/components/profile-dropdown/profile-dropdown-stacked.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"profile-dropdown-stacked.stories.d.ts","sourceRoot":"","sources":["../../../src/components/profile-dropdown/profile-dropdown-stacked.stories.tsx"],"names":[],"mappings":";;;;;;AAMA,wBAKE;AAEF,OAAO,EACH,sBAAsB,EACtB,6BAA6B,EAC7B,0BAA0B,EAC1B,4BAA4B,EAC5B,uBAAuB,EACvB,mCAAmC,EACnC,4BAA4B,EAC5B,uBAAuB,GAC1B,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"profile-dropdown-stacked.stories.d.ts","sourceRoot":"","sources":["../../../src/components/profile-dropdown/profile-dropdown-stacked.stories.tsx"],"names":[],"mappings":";;;;;;AAcA,wBAKE;AAEF,OAAO,EACH,sBAAsB,EACtB,6BAA6B,EAC7B,0BAA0B,EAC1B,4BAA4B,EAC5B,uBAAuB,EACvB,mCAAmC,EACnC,4BAA4B,EAC5B,uBAAuB,GAC1B,MAAM,4BAA4B,CAAC"}

package/dist/components/profile-dropdown/profile-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"profile-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/profile-dropdown/profile-dropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"profile-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/profile-dropdown/profile-dropdown.tsx"],"names":[],"mappings":"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"}

package/dist/components/profile-dropdown/profile-dropdown.js

@@ -6,17 +6,15 @@ import SvgAccountActive from '@servicetitan/anvil2/assets/icons/st/gnav_account_
 import SvgAccountInactive from '@servicetitan/anvil2/assets/icons/st/gnav_account_inactive.svg';
 import { BodyText, Popover } from '@servicetitan/design-system';
 import classNames from 'classnames';
-import { useCallback, useContext, useEffect, useMemo, useState } from 'react';
-import { NavigationComponentContext, NavigationLegacyContext } from '../../utils/navigation-context';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import { getCounterTag } from '../../utils/side-nav';
 import { CounterTag } from '../counter-tag';
+import { useTitanLayoutContext } from '../titan-layout';
 import { withTooltip } from '../titan-layout/with-tooltip';
 import * as Styles from './profile-dropdown.module.less';
-import { ProfileLogo } from './profile-icon';
 const ProfileDropdownTrigger = ({ avatarBadge, badge, className, hintArrow, imageSrc, info, onClick, open })=>{
     const [avatarSource, setAvatarSource] = useState(imageSrc !== null && imageSrc !== void 0 ? imageSrc : '');
     const [avatarSourceError, setAvatarSourceError] = useState(false);
-    const isLegacy = useContext(NavigationLegacyContext);
     useEffect(()=>{
         const src = imageSrc !== null && imageSrc !== void 0 ? imageSrc : '';
         if (src === avatarSource) {
@@ -33,8 +31,7 @@ const ProfileDropdownTrigger = ({ avatarBadge, badge, className, hintArrow, imag
     }, []);
     return /*#__PURE__*/ _jsxs("div", {
         className: classNames('d-f align-items-center cursor-pointer position-relative p-x-1 p-y-half', 'profile-dropdown-trigger', Styles.triggerContainer, {
-            [Styles.triggerContainerHintArrow]: hintArrow,
-            [Styles.triggerContainerLegacy]: isLegacy
+            [Styles.triggerContainerHintArrow]: hintArrow
         }, className),
         onClick: onClick,
         "data-cy": "profile-dropdown-trigger",
@@ -45,7 +42,7 @@ const ProfileDropdownTrigger = ({ avatarBadge, badge, className, hintArrow, imag
                 className: classNames(Styles.profileImage, 'profile-dropdown-image'),
                 onError: onAvatarError,
                 alt: "user dropdown menu"
-            }) : isLegacy ? /*#__PURE__*/ _jsx(ProfileLogo, {}) : /*#__PURE__*/ _jsx(Icon, {
+            }) : /*#__PURE__*/ _jsx(Icon, {
                 className: "c-inherit-i",
                 size: "large",
                 svg: open ? SvgAccountActive : SvgAccountInactive
@@ -121,7 +118,7 @@ export const ProfileDropdownSection = ({ children, className, counter, id, tag,
 };
 export const ProfileDropdownDivider = Popover.Divider;
 export const ProfileDropdownLink = ({ children, className, external, id, counter, tag, target, text, to, tooltip, onClick, ...rest })=>{
-    const NavigationComponent = useContext(NavigationComponentContext);
+    const { NavigationComponent } = useTitanLayoutContext();
     const isExternalLink = external !== null && external !== void 0 ? external : to === null || to === void 0 ? void 0 : to.startsWith('http');
     const tagElement = useTag(counter, tag);
     return withTooltip(isExternalLink ? /*#__PURE__*/ _jsxs("a", {

package/dist/components/profile-dropdown/profile-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/profile-dropdown/profile-dropdown.tsx"],"sourcesContent":["import { Icon } from '@servicetitan/anvil2';\nimport SvgExpandLess from '@servicetitan/anvil2/assets/icons/material/round/expand_less.svg';\nimport SvgExpandMore from '@servicetitan/anvil2/assets/icons/material/round/expand_more.svg';\nimport SvgAccountActive from '@servicetitan/anvil2/assets/icons/st/gnav_account_active.svg';\nimport SvgAccountInactive from '@servicetitan/anvil2/assets/icons/st/gnav_account_inactive.svg';\nimport { BodyText, Popover, PopoverPropsStrict } from '@servicetitan/design-system';\nimport classNames from 'classnames';\nimport {\n    ComponentPropsWithoutRef,\n    FC,\n    HTMLAttributeAnchorTarget,\n    MouseEvent,\n    MouseEventHandler,\n    ReactNode,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useState,\n} from 'react';\n\nimport { CounterTagData, CounterTagValue } from '../../utils/counter-tag';\nimport {\n    NavigationComponentContext,\n    NavigationLegacyContext,\n} from '../../utils/navigation-context';\nimport { getCounterTag } from '../../utils/side-nav';\nimport { CounterTag } from '../counter-tag';\nimport { withTooltip } from '../titan-layout/with-tooltip';\nimport * as Styles from './profile-dropdown.module.less';\nimport { ProfileLogo } from './profile-icon';\n\nexport interface ProfileDropdownTriggerProps {\n    className?: string;\n    info?: { title: string; text: string };\n    imageSrc?: string | null;\n    avatarBadge?: boolean | string;\n    badge?: { content?: number | string; className: string };\n    hintArrow?: boolean;\n    open: boolean;\n    onClick?(e: MouseEvent): void;\n}\n\nconst ProfileDropdownTrigger: FC<ProfileDropdownTriggerProps> = ({\n    avatarBadge,\n    badge,\n    className,\n    hintArrow,\n    imageSrc,\n    info,\n    onClick,\n    open,\n}) => {\n    const [avatarSource, setAvatarSource] = useState(imageSrc ?? '');\n    const [avatarSourceError, setAvatarSourceError] = useState(false);\n    const isLegacy = useContext(NavigationLegacyContext);\n\n    useEffect(() => {\n        const src = imageSrc ?? '';\n\n        if (src === avatarSource) {\n            return;\n        }\n\n        setAvatarSource(src);\n        setAvatarSourceError(false);\n    }, [imageSrc, avatarSource]);\n\n    const onAvatarError = useCallback(() => {\n        setAvatarSourceError(true);\n    }, []);\n\n    return (\n        <div\n            className={classNames(\n                'd-f align-items-center cursor-pointer position-relative p-x-1 p-y-half',\n                'profile-dropdown-trigger',\n                Styles.triggerContainer,\n                {\n                    [Styles.triggerContainerHintArrow]: hintArrow,\n                    [Styles.triggerContainerLegacy]: isLegacy,\n                },\n                className\n            )}\n            onClick={onClick}\n            data-cy=\"profile-dropdown-trigger\"\n            data-pendo=\"profile-dropdown-trigger\"\n        >\n            {avatarSource && !avatarSourceError ? (\n                <img\n                    src={avatarSource}\n                    className={classNames(Styles.profileImage, 'profile-dropdown-image')}\n                    onError={onAvatarError}\n                    alt=\"user dropdown menu\"\n                />\n            ) : isLegacy ? (\n                <ProfileLogo />\n            ) : (\n                <Icon\n                    className=\"c-inherit-i\"\n                    size=\"large\"\n                    svg={open ? SvgAccountActive : SvgAccountInactive}\n                />\n            )}\n\n            {!!info && (\n                <div className={Styles.info}>\n                    <BodyText\n                        bold\n                        title={info.title}\n                        className=\"t-truncate c-inherit\"\n                        size=\"xsmall\"\n                    >\n                        {info.title}\n                    </BodyText>\n                    <BodyText\n                        title={info.text}\n                        className=\"t-truncate c-neutral-70 tt-uppercase\"\n                        size=\"xsmall\"\n                    >\n                        {info.text}\n                    </BodyText>\n                </div>\n            )}\n\n            <Icon\n                svg={open ? SvgExpandLess : SvgExpandMore}\n                className={classNames(Styles.expandIcon, 'c-inherit-i')}\n                size=\"small\"\n            />\n\n            {!!avatarBadge && (\n                <div\n                    className={classNames(\n                        Styles.avatarBadge,\n                        avatarBadge === true ? 'bg-blue-500' : `bg-${avatarBadge}`\n                    )}\n                />\n            )}\n            {!!badge && (\n                <span\n                    className={classNames(\n                        Styles.badge,\n                        badge.content ? Styles.badgeWithContent : Styles.badgeNoContent,\n                        badge.className\n                    )}\n                >\n                    {badge.content}\n                </span>\n            )}\n        </div>\n    );\n};\n\nconst useTag = (counter?: CounterTagValue, tag?: CounterTagData) =>\n    useMemo(() => {\n        const data = getCounterTag(counter, tag);\n\n        return data ? (\n            <div className={Styles.counterWrapper}>\n                <CounterTag className={Styles.counter} data={data} />\n            </div>\n        ) : undefined;\n    }, [counter, tag]);\n\nexport type ProfileItemContent =\n    | { children: string; text?: string }\n    | { children: ReactNode; text: string };\n\nexport interface ProfileDropdownSectionPropsStrict {\n    children: ReactNode;\n    id: string;\n    tooltip?: string;\n    className?: string;\n    tag?: CounterTagData;\n    counter?: CounterTagValue;\n    onClick?(e: MouseEvent): void;\n}\n\nexport type ProfileDropdownSectionProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'> &\n    ProfileDropdownSectionPropsStrict &\n    ProfileItemContent;\n\nexport const ProfileDropdownSection: FC<ProfileDropdownSectionProps> = ({\n    children,\n    className,\n    counter,\n    id,\n    tag,\n    text,\n    tooltip,\n    onClick,\n    ...rest\n}) => {\n    const clickHandler: MouseEventHandler<never> = e => {\n        if (onClick) {\n            onClick(e);\n        } else {\n            e.stopPropagation();\n        }\n    };\n\n    const tagElement = useTag(counter, tag);\n\n    return withTooltip(\n        <div\n            className={classNames(\n                Styles.dropdownSection,\n                tagElement && Styles.dropdownSectionWithCounter,\n                !!onClick && Styles.dropdownLink,\n                className\n            )}\n            onClick={clickHandler}\n            data-cy={`profile-dropdown-section-${id}`}\n            data-pendo={`profile-dropdown-section-${id}`}\n            {...rest}\n        >\n            {children}\n            {tagElement}\n        </div>,\n        tooltip,\n        { placement: 'left' }\n    );\n};\n\nexport const ProfileDropdownDivider: FC = Popover.Divider;\n\nexport interface ProfileDropdownLinkPropsStrict {\n    id: string;\n    children: ReactNode;\n    className?: string;\n    external?: boolean;\n    target?: HTMLAttributeAnchorTarget;\n    tooltip?: string;\n    to: string;\n    tag?: CounterTagData;\n    counter?: CounterTagValue;\n}\n\nexport type ProfileDropdownLinkProps = Omit<ComponentPropsWithoutRef<'a'>, 'children'> &\n    ProfileDropdownLinkPropsStrict &\n    ProfileItemContent;\n\nexport const ProfileDropdownLink: FC<ProfileDropdownLinkProps> = ({\n    children,\n    className,\n    external,\n    id,\n    counter,\n    tag,\n    target,\n    text,\n    to,\n    tooltip,\n    onClick,\n    ...rest\n}: ProfileDropdownLinkProps) => {\n    const NavigationComponent = useContext(NavigationComponentContext);\n\n    const isExternalLink = external ?? to?.startsWith('http');\n\n    const tagElement = useTag(counter, tag);\n\n    return withTooltip(\n        isExternalLink ? (\n            <a\n                className={classNames(\n                    Styles.dropdownSection,\n                    tagElement && Styles.dropdownSectionWithCounter,\n                    Styles.dropdownLink,\n                    className\n                )}\n                href={to}\n                target={target}\n                data-cy={`profile-dropdown-link-${id}`}\n                data-pendo={`profile-dropdown-link-${id}`}\n                {...rest}\n            >\n                {children}\n                {tagElement}\n            </a>\n        ) : (\n            <NavigationComponent\n                className={classNames(\n                    Styles.dropdownSection,\n                    Styles.dropdownLink,\n                    { [Styles.dropdownSectionWithCounter]: !!tagElement },\n                    className\n                )}\n                target={target}\n                to={to}\n                data-cy={`profile-dropdown-link-${id}`}\n                data-pendo={`profile-dropdown-link-${id}`}\n                {...rest}\n            >\n                {children}\n                {tagElement}\n            </NavigationComponent>\n        ),\n        tooltip,\n        { placement: 'left' }\n    );\n};\n\nexport interface ProfileDropdownPropsStrict {\n    children?: ReactNode;\n    className?: string;\n    direction?: PopoverPropsStrict['direction'];\n    trigger?: Omit<ProfileDropdownTriggerProps, 'onClick' | 'open' | 'hintArrow'>;\n    hintPopup?: {\n        className?: string;\n        content: FC<{ openProfile(): void }>;\n        width?: PopoverPropsStrict['width'];\n        onClose?: () => void;\n    };\n    portal?: boolean;\n    width?: PopoverPropsStrict['width'];\n    onClose?(): void;\n    onOpen?(): void;\n}\n\nexport interface ProfileDropdownProps extends ProfileDropdownPropsStrict {\n    [key: string]: any;\n}\n\nexport interface ProfileDropdownType extends FC<ProfileDropdownProps> {\n    Divider: typeof ProfileDropdownDivider;\n    Link: typeof ProfileDropdownLink;\n    Trigger: typeof ProfileDropdownTrigger;\n    Section: typeof ProfileDropdownSection;\n}\n\nexport const ProfileDropdown: ProfileDropdownType = (({\n    children,\n    className,\n    direction,\n    hintPopup,\n    onClose,\n    onOpen,\n    portal,\n    trigger,\n    width,\n}) => {\n    const [open, setOpen] = useState(false);\n    const handleClose = useCallback(() => {\n        setOpen(false);\n        onClose?.();\n    }, [onClose]);\n    const handleOpen = useCallback(() => {\n        setOpen(true);\n        onOpen?.();\n    }, [onOpen]);\n    const onTriggerClick = useCallback(\n        (e: MouseEvent) => {\n            e.stopPropagation();\n            setOpen(!open);\n\n            if (open) {\n                onClose?.();\n            } else {\n                onOpen?.();\n            }\n        },\n        [open, onOpen, onClose]\n    );\n    const hintShown = !!hintPopup && !open;\n    const HintComponent = hintPopup?.content;\n\n    const triggerElement = (\n        <ProfileDropdownTrigger\n            {...trigger}\n            onClick={children ? onTriggerClick : undefined}\n            hintArrow={hintShown}\n            open={open}\n        />\n    );\n\n    return (\n        <div className={className} data-cy=\"profile-dropdown\">\n            {!!hintPopup && hintShown && HintComponent ? (\n                <Popover\n                    direction={direction ?? 'bl'}\n                    width={hintPopup.width ?? 'xs'}\n                    trigger={triggerElement}\n                    popoverContentClassName={Styles.hint}\n                    onClickOutside={hintPopup?.onClose}\n                    open\n                >\n                    <div className={classNames(Styles.hintContent, hintPopup.className)}>\n                        <HintComponent openProfile={handleOpen} />\n                    </div>\n                </Popover>\n            ) : (\n                <Popover\n                    direction={direction ?? 'bl'}\n                    width={width ?? 'xs'}\n                    trigger={triggerElement}\n                    open={open}\n                    portal={portal}\n                    onClickOutside={handleClose}\n                    className={Styles.dropdown}\n                    popoverContentClassName={classNames(\n                        Styles.dropdownContent,\n                        Styles.dropdownContentBottomLeft\n                    )}\n                >\n                    <div\n                        className={Styles.dropdownContentWrapper}\n                        onClick={handleClose}\n                        data-cy=\"profile-dropdown-content\"\n                    >\n                        {children}\n                    </div>\n                </Popover>\n            )}\n        </div>\n    );\n}) as ProfileDropdownType;\n\nProfileDropdown.Divider = ProfileDropdownDivider;\nProfileDropdown.Link = ProfileDropdownLink;\nProfileDropdown.Section = ProfileDropdownSection;\n"],"names":["Icon","SvgExpandLess","SvgExpandMore","SvgAccountActive","SvgAccountInactive","BodyText","Popover","classNames","useCallback","useContext","useEffect","useMemo","useState","NavigationComponentContext","NavigationLegacyContext","getCounterTag","CounterTag","withTooltip","Styles","ProfileLogo","ProfileDropdownTrigger","avatarBadge","badge","className","hintArrow","imageSrc","info","onClick","open","avatarSource","setAvatarSource","avatarSourceError","setAvatarSourceError","isLegacy","src","onAvatarError","div","triggerContainer","triggerContainerHintArrow","triggerContainerLegacy","data-cy","data-pendo","img","profileImage","onError","alt","size","svg","bold","title","text","expandIcon","span","content","badgeWithContent","badgeNoContent","useTag","counter","tag","data","counterWrapper","undefined","ProfileDropdownSection","children","id","tooltip","rest","clickHandler","e","stopPropagation","tagElement","dropdownSection","dropdownSectionWithCounter","dropdownLink","placement","ProfileDropdownDivider","Divider","ProfileDropdownLink","external","target","to","NavigationComponent","isExternalLink","startsWith","a","href","ProfileDropdown","direction","hintPopup","onClose","onOpen","portal","trigger","width","setOpen","handleClose","handleOpen","onTriggerClick","hintShown","HintComponent","triggerElement","popoverContentClassName","hint","onClickOutside","hintContent","openProfile","dropdown","dropdownContent","dropdownContentBottomLeft","dropdownContentWrapper","Link","Section"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/profile-dropdown/profile-dropdown.tsx"],"sourcesContent":["import { Icon } from '@servicetitan/anvil2';\nimport SvgExpandLess from '@servicetitan/anvil2/assets/icons/material/round/expand_less.svg';\nimport SvgExpandMore from '@servicetitan/anvil2/assets/icons/material/round/expand_more.svg';\nimport SvgAccountActive from '@servicetitan/anvil2/assets/icons/st/gnav_account_active.svg';\nimport SvgAccountInactive from '@servicetitan/anvil2/assets/icons/st/gnav_account_inactive.svg';\nimport { BodyText, Popover, PopoverPropsStrict } from '@servicetitan/design-system';\nimport classNames from 'classnames';\nimport {\n    ComponentPropsWithoutRef,\n    FC,\n    HTMLAttributeAnchorTarget,\n    MouseEvent,\n    MouseEventHandler,\n    ReactNode,\n    useCallback,\n    useEffect,\n    useMemo,\n    useState,\n} from 'react';\n\nimport { CounterTagData, CounterTagValue } from '../../utils/counter-tag';\nimport { getCounterTag } from '../../utils/side-nav';\nimport { CounterTag } from '../counter-tag';\nimport { useTitanLayoutContext } from '../titan-layout';\nimport { withTooltip } from '../titan-layout/with-tooltip';\nimport * as Styles from './profile-dropdown.module.less';\n\nexport interface ProfileDropdownTriggerProps {\n    className?: string;\n    info?: { title: string; text: string };\n    imageSrc?: string | null;\n    avatarBadge?: boolean | string;\n    badge?: { content?: number | string; className: string };\n    hintArrow?: boolean;\n    open: boolean;\n    onClick?(e: MouseEvent): void;\n}\n\nconst ProfileDropdownTrigger: FC<ProfileDropdownTriggerProps> = ({\n    avatarBadge,\n    badge,\n    className,\n    hintArrow,\n    imageSrc,\n    info,\n    onClick,\n    open,\n}) => {\n    const [avatarSource, setAvatarSource] = useState(imageSrc ?? '');\n    const [avatarSourceError, setAvatarSourceError] = useState(false);\n\n    useEffect(() => {\n        const src = imageSrc ?? '';\n\n        if (src === avatarSource) {\n            return;\n        }\n\n        setAvatarSource(src);\n        setAvatarSourceError(false);\n    }, [imageSrc, avatarSource]);\n\n    const onAvatarError = useCallback(() => {\n        setAvatarSourceError(true);\n    }, []);\n\n    return (\n        <div\n            className={classNames(\n                'd-f align-items-center cursor-pointer position-relative p-x-1 p-y-half',\n                'profile-dropdown-trigger',\n                Styles.triggerContainer,\n                {\n                    [Styles.triggerContainerHintArrow]: hintArrow,\n                },\n                className\n            )}\n            onClick={onClick}\n            data-cy=\"profile-dropdown-trigger\"\n            data-pendo=\"profile-dropdown-trigger\"\n        >\n            {avatarSource && !avatarSourceError ? (\n                <img\n                    src={avatarSource}\n                    className={classNames(Styles.profileImage, 'profile-dropdown-image')}\n                    onError={onAvatarError}\n                    alt=\"user dropdown menu\"\n                />\n            ) : (\n                <Icon\n                    className=\"c-inherit-i\"\n                    size=\"large\"\n                    svg={open ? SvgAccountActive : SvgAccountInactive}\n                />\n            )}\n\n            {!!info && (\n                <div className={Styles.info}>\n                    <BodyText\n                        bold\n                        title={info.title}\n                        className=\"t-truncate c-inherit\"\n                        size=\"xsmall\"\n                    >\n                        {info.title}\n                    </BodyText>\n                    <BodyText\n                        title={info.text}\n                        className=\"t-truncate c-neutral-70 tt-uppercase\"\n                        size=\"xsmall\"\n                    >\n                        {info.text}\n                    </BodyText>\n                </div>\n            )}\n\n            <Icon\n                svg={open ? SvgExpandLess : SvgExpandMore}\n                className={classNames(Styles.expandIcon, 'c-inherit-i')}\n                size=\"small\"\n            />\n\n            {!!avatarBadge && (\n                <div\n                    className={classNames(\n                        Styles.avatarBadge,\n                        avatarBadge === true ? 'bg-blue-500' : `bg-${avatarBadge}`\n                    )}\n                />\n            )}\n            {!!badge && (\n                <span\n                    className={classNames(\n                        Styles.badge,\n                        badge.content ? Styles.badgeWithContent : Styles.badgeNoContent,\n                        badge.className\n                    )}\n                >\n                    {badge.content}\n                </span>\n            )}\n        </div>\n    );\n};\n\nconst useTag = (counter?: CounterTagValue, tag?: CounterTagData) =>\n    useMemo(() => {\n        const data = getCounterTag(counter, tag);\n\n        return data ? (\n            <div className={Styles.counterWrapper}>\n                <CounterTag className={Styles.counter} data={data} />\n            </div>\n        ) : undefined;\n    }, [counter, tag]);\n\nexport type ProfileItemContent =\n    | { children: string; text?: string }\n    | { children: ReactNode; text: string };\n\nexport interface ProfileDropdownSectionPropsStrict {\n    children: ReactNode;\n    id: string;\n    tooltip?: string;\n    className?: string;\n    tag?: CounterTagData;\n    counter?: CounterTagValue;\n    onClick?(e: MouseEvent): void;\n}\n\nexport type ProfileDropdownSectionProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'> &\n    ProfileDropdownSectionPropsStrict &\n    ProfileItemContent;\n\nexport const ProfileDropdownSection: FC<ProfileDropdownSectionProps> = ({\n    children,\n    className,\n    counter,\n    id,\n    tag,\n    text,\n    tooltip,\n    onClick,\n    ...rest\n}) => {\n    const clickHandler: MouseEventHandler<never> = e => {\n        if (onClick) {\n            onClick(e);\n        } else {\n            e.stopPropagation();\n        }\n    };\n\n    const tagElement = useTag(counter, tag);\n\n    return withTooltip(\n        <div\n            className={classNames(\n                Styles.dropdownSection,\n                tagElement && Styles.dropdownSectionWithCounter,\n                !!onClick && Styles.dropdownLink,\n                className\n            )}\n            onClick={clickHandler}\n            data-cy={`profile-dropdown-section-${id}`}\n            data-pendo={`profile-dropdown-section-${id}`}\n            {...rest}\n        >\n            {children}\n            {tagElement}\n        </div>,\n        tooltip,\n        { placement: 'left' }\n    );\n};\n\nexport const ProfileDropdownDivider: FC = Popover.Divider;\n\nexport interface ProfileDropdownLinkPropsStrict {\n    id: string;\n    children: ReactNode;\n    className?: string;\n    external?: boolean;\n    target?: HTMLAttributeAnchorTarget;\n    tooltip?: string;\n    to: string;\n    tag?: CounterTagData;\n    counter?: CounterTagValue;\n}\n\nexport type ProfileDropdownLinkProps = Omit<ComponentPropsWithoutRef<'a'>, 'children'> &\n    ProfileDropdownLinkPropsStrict &\n    ProfileItemContent;\n\nexport const ProfileDropdownLink: FC<ProfileDropdownLinkProps> = ({\n    children,\n    className,\n    external,\n    id,\n    counter,\n    tag,\n    target,\n    text,\n    to,\n    tooltip,\n    onClick,\n    ...rest\n}: ProfileDropdownLinkProps) => {\n    const { NavigationComponent } = useTitanLayoutContext();\n\n    const isExternalLink = external ?? to?.startsWith('http');\n\n    const tagElement = useTag(counter, tag);\n\n    return withTooltip(\n        isExternalLink ? (\n            <a\n                className={classNames(\n                    Styles.dropdownSection,\n                    tagElement && Styles.dropdownSectionWithCounter,\n                    Styles.dropdownLink,\n                    className\n                )}\n                href={to}\n                target={target}\n                data-cy={`profile-dropdown-link-${id}`}\n                data-pendo={`profile-dropdown-link-${id}`}\n                {...rest}\n            >\n                {children}\n                {tagElement}\n            </a>\n        ) : (\n            <NavigationComponent\n                className={classNames(\n                    Styles.dropdownSection,\n                    Styles.dropdownLink,\n                    { [Styles.dropdownSectionWithCounter]: !!tagElement },\n                    className\n                )}\n                target={target}\n                to={to}\n                data-cy={`profile-dropdown-link-${id}`}\n                data-pendo={`profile-dropdown-link-${id}`}\n                {...rest}\n            >\n                {children}\n                {tagElement}\n            </NavigationComponent>\n        ),\n        tooltip,\n        { placement: 'left' }\n    );\n};\n\nexport interface ProfileDropdownPropsStrict {\n    children?: ReactNode;\n    className?: string;\n    direction?: PopoverPropsStrict['direction'];\n    trigger?: Omit<ProfileDropdownTriggerProps, 'onClick' | 'open' | 'hintArrow'>;\n    hintPopup?: {\n        className?: string;\n        content: FC<{ openProfile(): void }>;\n        width?: PopoverPropsStrict['width'];\n        onClose?: () => void;\n    };\n    portal?: boolean;\n    width?: PopoverPropsStrict['width'];\n    onClose?(): void;\n    onOpen?(): void;\n}\n\nexport interface ProfileDropdownProps extends ProfileDropdownPropsStrict {\n    [key: string]: any;\n}\n\nexport interface ProfileDropdownType extends FC<ProfileDropdownProps> {\n    Divider: typeof ProfileDropdownDivider;\n    Link: typeof ProfileDropdownLink;\n    Trigger: typeof ProfileDropdownTrigger;\n    Section: typeof ProfileDropdownSection;\n}\n\nexport const ProfileDropdown: ProfileDropdownType = (({\n    children,\n    className,\n    direction,\n    hintPopup,\n    onClose,\n    onOpen,\n    portal,\n    trigger,\n    width,\n}) => {\n    const [open, setOpen] = useState(false);\n    const handleClose = useCallback(() => {\n        setOpen(false);\n        onClose?.();\n    }, [onClose]);\n    const handleOpen = useCallback(() => {\n        setOpen(true);\n        onOpen?.();\n    }, [onOpen]);\n    const onTriggerClick = useCallback(\n        (e: MouseEvent) => {\n            e.stopPropagation();\n            setOpen(!open);\n\n            if (open) {\n                onClose?.();\n            } else {\n                onOpen?.();\n            }\n        },\n        [open, onOpen, onClose]\n    );\n    const hintShown = !!hintPopup && !open;\n    const HintComponent = hintPopup?.content;\n\n    const triggerElement = (\n        <ProfileDropdownTrigger\n            {...trigger}\n            onClick={children ? onTriggerClick : undefined}\n            hintArrow={hintShown}\n            open={open}\n        />\n    );\n\n    return (\n        <div className={className} data-cy=\"profile-dropdown\">\n            {!!hintPopup && hintShown && HintComponent ? (\n                <Popover\n                    direction={direction ?? 'bl'}\n                    width={hintPopup.width ?? 'xs'}\n                    trigger={triggerElement}\n                    popoverContentClassName={Styles.hint}\n                    onClickOutside={hintPopup?.onClose}\n                    open\n                >\n                    <div className={classNames(Styles.hintContent, hintPopup.className)}>\n                        <HintComponent openProfile={handleOpen} />\n                    </div>\n                </Popover>\n            ) : (\n                <Popover\n                    direction={direction ?? 'bl'}\n                    width={width ?? 'xs'}\n                    trigger={triggerElement}\n                    open={open}\n                    portal={portal}\n                    onClickOutside={handleClose}\n                    className={Styles.dropdown}\n                    popoverContentClassName={classNames(\n                        Styles.dropdownContent,\n                        Styles.dropdownContentBottomLeft\n                    )}\n                >\n                    <div\n                        className={Styles.dropdownContentWrapper}\n                        onClick={handleClose}\n                        data-cy=\"profile-dropdown-content\"\n                    >\n                        {children}\n                    </div>\n                </Popover>\n            )}\n        </div>\n    );\n}) as ProfileDropdownType;\n\nProfileDropdown.Divider = ProfileDropdownDivider;\nProfileDropdown.Link = ProfileDropdownLink;\nProfileDropdown.Section = ProfileDropdownSection;\n"],"names":["Icon","SvgExpandLess","SvgExpandMore","SvgAccountActive","SvgAccountInactive","BodyText","Popover","classNames","useCallback","useEffect","useMemo","useState","getCounterTag","CounterTag","useTitanLayoutContext","withTooltip","Styles","ProfileDropdownTrigger","avatarBadge","badge","className","hintArrow","imageSrc","info","onClick","open","avatarSource","setAvatarSource","avatarSourceError","setAvatarSourceError","src","onAvatarError","div","triggerContainer","triggerContainerHintArrow","data-cy","data-pendo","img","profileImage","onError","alt","size","svg","bold","title","text","expandIcon","span","content","badgeWithContent","badgeNoContent","useTag","counter","tag","data","counterWrapper","undefined","ProfileDropdownSection","children","id","tooltip","rest","clickHandler","e","stopPropagation","tagElement","dropdownSection","dropdownSectionWithCounter","dropdownLink","placement","ProfileDropdownDivider","Divider","ProfileDropdownLink","external","target","to","NavigationComponent","isExternalLink","startsWith","a","href","ProfileDropdown","direction","hintPopup","onClose","onOpen","portal","trigger","width","setOpen","handleClose","handleOpen","onTriggerClick","hintShown","HintComponent","triggerElement","popoverContentClassName","hint","onClickOutside","hintContent","openProfile","dropdown","dropdownContent","dropdownContentBottomLeft","dropdownContentWrapper","Link","Section"],"mappings":";AAAA,SAASA,IAAI,QAAQ,uBAAuB;AAC5C,OAAOC,mBAAmB,mEAAmE;AAC7F,OAAOC,mBAAmB,mEAAmE;AAC7F,OAAOC,sBAAsB,+DAA+D;AAC5F,OAAOC,wBAAwB,iEAAiE;AAChG,SAASC,QAAQ,EAAEC,OAAO,QAA4B,8BAA8B;AACpF,OAAOC,gBAAgB,aAAa;AACpC,SAOIC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,QAAQ,QACL,QAAQ;AAGf,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,qBAAqB,QAAQ,kBAAkB;AACxD,SAASC,WAAW,QAAQ,+BAA+B;AAC3D,YAAYC,YAAY,iCAAiC;AAazD,MAAMC,yBAA0D,CAAC,EAC7DC,WAAW,EACXC,KAAK,EACLC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACRC,IAAI,EACJC,OAAO,EACPC,IAAI,EACP;IACG,MAAM,CAACC,cAAcC,gBAAgB,GAAGhB,SAASW,qBAAAA,sBAAAA,WAAY;IAC7D,MAAM,CAACM,mBAAmBC,qBAAqB,GAAGlB,SAAS;IAE3DF,UAAU;QACN,MAAMqB,MAAMR,qBAAAA,sBAAAA,WAAY;QAExB,IAAIQ,QAAQJ,cAAc;YACtB;QACJ;QAEAC,gBAAgBG;QAChBD,qBAAqB;IACzB,GAAG;QAACP;QAAUI;KAAa;IAE3B,MAAMK,gBAAgBvB,YAAY;QAC9BqB,qBAAqB;IACzB,GAAG,EAAE;IAEL,qBACI,MAACG;QACGZ,WAAWb,WACP,0EACA,4BACAS,OAAOiB,gBAAgB,EACvB;YACI,CAACjB,OAAOkB,yBAAyB,CAAC,EAAEb;QACxC,GACAD;QAEJI,SAASA;QACTW,WAAQ;QACRC,cAAW;;YAEVV,gBAAgB,CAACE,kCACd,KAACS;gBACGP,KAAKJ;gBACLN,WAAWb,WAAWS,OAAOsB,YAAY,EAAE;gBAC3CC,SAASR;gBACTS,KAAI;+BAGR,KAACxC;gBACGoB,WAAU;gBACVqB,MAAK;gBACLC,KAAKjB,OAAOtB,mBAAmBC;;YAItC,CAAC,CAACmB,sBACC,MAACS;gBAAIZ,WAAWJ,OAAOO,IAAI;;kCACvB,KAAClB;wBACGsC,IAAI;wBACJC,OAAOrB,KAAKqB,KAAK;wBACjBxB,WAAU;wBACVqB,MAAK;kCAEJlB,KAAKqB,KAAK;;kCAEf,KAACvC;wBACGuC,OAAOrB,KAAKsB,IAAI;wBAChBzB,WAAU;wBACVqB,MAAK;kCAEJlB,KAAKsB,IAAI;;;;0BAKtB,KAAC7C;gBACG0C,KAAKjB,OAAOxB,gBAAgBC;gBAC5BkB,WAAWb,WAAWS,OAAO8B,UAAU,EAAE;gBACzCL,MAAK;;YAGR,CAAC,CAACvB,6BACC,KAACc;gBACGZ,WAAWb,WACPS,OAAOE,WAAW,EAClBA,gBAAgB,OAAO,gBAAgB,CAAC,GAAG,EAAEA,aAAa;;YAIrE,CAAC,CAACC,uBACC,KAAC4B;gBACG3B,WAAWb,WACPS,OAAOG,KAAK,EACZA,MAAM6B,OAAO,GAAGhC,OAAOiC,gBAAgB,GAAGjC,OAAOkC,cAAc,EAC/D/B,MAAMC,SAAS;0BAGlBD,MAAM6B,OAAO;;;;AAKlC;AAEA,MAAMG,SAAS,CAACC,SAA2BC,MACvC3C,QAAQ;QACJ,MAAM4C,OAAO1C,cAAcwC,SAASC;QAEpC,OAAOC,qBACH,KAACtB;YAAIZ,WAAWJ,OAAOuC,cAAc;sBACjC,cAAA,KAAC1C;gBAAWO,WAAWJ,OAAOoC,OAAO;gBAAEE,MAAMA;;aAEjDE;IACR,GAAG;QAACJ;QAASC;KAAI;AAoBrB,OAAO,MAAMI,yBAA0D,CAAC,EACpEC,QAAQ,EACRtC,SAAS,EACTgC,OAAO,EACPO,EAAE,EACFN,GAAG,EACHR,IAAI,EACJe,OAAO,EACPpC,OAAO,EACP,GAAGqC,MACN;IACG,MAAMC,eAAyCC,CAAAA;QAC3C,IAAIvC,SAAS;YACTA,QAAQuC;QACZ,OAAO;YACHA,EAAEC,eAAe;QACrB;IACJ;IAEA,MAAMC,aAAad,OAAOC,SAASC;IAEnC,OAAOtC,0BACH,MAACiB;QACGZ,WAAWb,WACPS,OAAOkD,eAAe,EACtBD,cAAcjD,OAAOmD,0BAA0B,EAC/C,CAAC,CAAC3C,WAAWR,OAAOoD,YAAY,EAChChD;QAEJI,SAASsC;QACT3B,WAAS,CAAC,yBAAyB,EAAEwB,IAAI;QACzCvB,cAAY,CAAC,yBAAyB,EAAEuB,IAAI;QAC3C,GAAGE,IAAI;;YAEPH;YACAO;;QAELL,SACA;QAAES,WAAW;IAAO;AAE5B,EAAE;AAEF,OAAO,MAAMC,yBAA6BhE,QAAQiE,OAAO,CAAC;AAkB1D,OAAO,MAAMC,sBAAoD,CAAC,EAC9Dd,QAAQ,EACRtC,SAAS,EACTqD,QAAQ,EACRd,EAAE,EACFP,OAAO,EACPC,GAAG,EACHqB,MAAM,EACN7B,IAAI,EACJ8B,EAAE,EACFf,OAAO,EACPpC,OAAO,EACP,GAAGqC,MACoB;IACvB,MAAM,EAAEe,mBAAmB,EAAE,GAAG9D;IAEhC,MAAM+D,iBAAiBJ,qBAAAA,sBAAAA,WAAYE,eAAAA,yBAAAA,GAAIG,UAAU,CAAC;IAElD,MAAMb,aAAad,OAAOC,SAASC;IAEnC,OAAOtC,YACH8D,+BACI,MAACE;QACG3D,WAAWb,WACPS,OAAOkD,eAAe,EACtBD,cAAcjD,OAAOmD,0BAA0B,EAC/CnD,OAAOoD,YAAY,EACnBhD;QAEJ4D,MAAML;QACND,QAAQA;QACRvC,WAAS,CAAC,sBAAsB,EAAEwB,IAAI;QACtCvB,cAAY,CAAC,sBAAsB,EAAEuB,IAAI;QACxC,GAAGE,IAAI;;YAEPH;YACAO;;uBAGL,MAACW;QACGxD,WAAWb,WACPS,OAAOkD,eAAe,EACtBlD,OAAOoD,YAAY,EACnB;YAAE,CAACpD,OAAOmD,0BAA0B,CAAC,EAAE,CAAC,CAACF;QAAW,GACpD7C;QAEJsD,QAAQA;QACRC,IAAIA;QACJxC,WAAS,CAAC,sBAAsB,EAAEwB,IAAI;QACtCvB,cAAY,CAAC,sBAAsB,EAAEuB,IAAI;QACxC,GAAGE,IAAI;;YAEPH;YACAO;;QAGTL,SACA;QAAES,WAAW;IAAO;AAE5B,EAAE;AA8BF,OAAO,MAAMY,kBAAwC,CAAC,EAClDvB,QAAQ,EACRtC,SAAS,EACT8D,SAAS,EACTC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,MAAM,EACNC,OAAO,EACPC,KAAK,EACR;IACG,MAAM,CAAC/D,MAAMgE,QAAQ,GAAG9E,SAAS;IACjC,MAAM+E,cAAclF,YAAY;QAC5BiF,QAAQ;QACRL,oBAAAA,8BAAAA;IACJ,GAAG;QAACA;KAAQ;IACZ,MAAMO,aAAanF,YAAY;QAC3BiF,QAAQ;QACRJ,mBAAAA,6BAAAA;IACJ,GAAG;QAACA;KAAO;IACX,MAAMO,iBAAiBpF,YACnB,CAACuD;QACGA,EAAEC,eAAe;QACjByB,QAAQ,CAAChE;QAET,IAAIA,MAAM;YACN2D,oBAAAA,8BAAAA;QACJ,OAAO;YACHC,mBAAAA,6BAAAA;QACJ;IACJ,GACA;QAAC5D;QAAM4D;QAAQD;KAAQ;IAE3B,MAAMS,YAAY,CAAC,CAACV,aAAa,CAAC1D;IAClC,MAAMqE,gBAAgBX,sBAAAA,gCAAAA,UAAWnC,OAAO;IAExC,MAAM+C,+BACF,KAAC9E;QACI,GAAGsE,OAAO;QACX/D,SAASkC,WAAWkC,iBAAiBpC;QACrCnC,WAAWwE;QACXpE,MAAMA;;QASS0D;IALvB,qBACI,KAACnD;QAAIZ,WAAWA;QAAWe,WAAQ;kBAC9B,CAAC,CAACgD,aAAaU,aAAaC,8BACzB,KAACxF;YACG4E,WAAWA,sBAAAA,uBAAAA,YAAa;YACxBM,OAAOL,CAAAA,mBAAAA,UAAUK,KAAK,cAAfL,8BAAAA,mBAAmB;YAC1BI,SAASQ;YACTC,yBAAyBhF,OAAOiF,IAAI;YACpCC,cAAc,EAAEf,sBAAAA,gCAAAA,UAAWC,OAAO;YAClC3D,IAAI;sBAEJ,cAAA,KAACO;gBAAIZ,WAAWb,WAAWS,OAAOmF,WAAW,EAAEhB,UAAU/D,SAAS;0BAC9D,cAAA,KAAC0E;oBAAcM,aAAaT;;;2BAIpC,KAACrF;YACG4E,WAAWA,sBAAAA,uBAAAA,YAAa;YACxBM,OAAOA,kBAAAA,mBAAAA,QAAS;YAChBD,SAASQ;YACTtE,MAAMA;YACN6D,QAAQA;YACRY,gBAAgBR;YAChBtE,WAAWJ,OAAOqF,QAAQ;YAC1BL,yBAAyBzF,WACrBS,OAAOsF,eAAe,EACtBtF,OAAOuF,yBAAyB;sBAGpC,cAAA,KAACvE;gBACGZ,WAAWJ,OAAOwF,sBAAsB;gBACxChF,SAASkE;gBACTvD,WAAQ;0BAEPuB;;;;AAMzB,EAA0B;AAE1BuB,gBAAgBV,OAAO,GAAGD;AAC1BW,gBAAgBwB,IAAI,GAAGjC;AACvBS,gBAAgByB,OAAO,GAAGjD"}

package/dist/components/profile-dropdown/profile-dropdown.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"profile-dropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/profile-dropdown/profile-dropdown.stories.tsx"],"names":[],"mappings":";;;;;;AAWA,wBAKE;AAEF,eAAO,MAAM,sBAAsB,+CAkBlC,CAAC;AAEF,eAAO,MAAM,uBAAuB,+CAanC,CAAC;AAEF,eAAO,MAAM,4BAA4B,+CAMxC,CAAC;AAEF,eAAO,MAAM,uBAAuB,+CAOnC,CAAC;AAEF,eAAO,MAAM,0BAA0B,+CAQtC,CAAC;AAEF,eAAO,MAAM,6BAA6B,+CAOzC,CAAC;AAKF,eAAO,MAAM,4BAA4B,+CA+BxC,CAAC;AAEF,eAAO,MAAM,mCAAmC,+CAW/C,CAAC"}
+{"version":3,"file":"profile-dropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/profile-dropdown/profile-dropdown.stories.tsx"],"names":[],"mappings":";;;;;;AASA,wBAKE;AAEF,eAAO,MAAM,sBAAsB,+CA2BlC,CAAC;AAEF,eAAO,MAAM,uBAAuB,+CAanC,CAAC;AAEF,eAAO,MAAM,4BAA4B,+CAMxC,CAAC;AAEF,eAAO,MAAM,uBAAuB,+CAOnC,CAAC;AAEF,eAAO,MAAM,0BAA0B,+CAQtC,CAAC;AAEF,eAAO,MAAM,6BAA6B,+CAOzC,CAAC;AAKF,eAAO,MAAM,4BAA4B,+CA+BxC,CAAC;AAEF,eAAO,MAAM,mCAAmC,+CAW/C,CAAC"}

package/dist/components/titan-layout/interface.d.ts

@@ -1,21 +1,23 @@
-import { FC, ReactElement } from 'react';
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
 import { NavigationItemData } from '../../utils/navigation';
 import { TitanLayoutSidebarContextType } from './layout-context';
-export interface TitanLayoutSidebarLinkWrapperProps {
-    children: ReactElement<TitanLayoutSidebarLinkProps> | ReactElement<TitanLayoutSidebarTriggerProps>;
+export interface TitanLayoutLinkWrapperProps {
+    children: ReactNode;
     context: TitanLayoutSidebarContextType;
+    isMobile: boolean;
 }
-export interface TitanLayoutSidebarLinkProps extends Omit<NavigationItemData, 'submenu'> {
-    wrapper?: FC<TitanLayoutSidebarLinkWrapperProps>;
-}
-export interface TitanLayoutSidebarTriggerProps extends Omit<TitanLayoutSidebarLinkProps, 'to' | 'isActive'> {
-    isActive?: boolean;
-    wrapper?: FC<TitanLayoutSidebarLinkWrapperProps>;
-    onClick?: () => void;
-    onMobileClick?: () => void;
-}
+export type TitanLayoutLinkWrapper = FC<TitanLayoutLinkWrapperProps>;
 export interface TitanLayoutState {
     navCollapsed: boolean;
     submenuExpanded?: string;
 }
+export type TitanLayoutLinkProps = Omit<NavigationItemData, 'submenu' | 'isHidden'> & {
+    tooltip?: string;
+    wrapper?: TitanLayoutLinkWrapper;
+} & Omit<ComponentPropsWithoutRef<'a'>, 'children' | 'title'>;
+export type TitanLayoutTriggerProps = Omit<NavigationItemData, 'to' | 'isActive' | 'isHidden' | 'submenu'> & {
+    isActive?: boolean;
+    tooltip?: string;
+    wrapper?: TitanLayoutLinkWrapper;
+} & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'title'>;
 //# sourceMappingURL=interface.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,6BAA6B,EAAE,MAAM,kBAAkB,CAAC;AAEjE,MAAM,WAAW,kCAAkC;IAC/C,QAAQ,EACF,YAAY,CAAC,2BAA2B,CAAC,GACzC,YAAY,CAAC,8BAA8B,CAAC,CAAC;IACnD,OAAO,EAAE,6BAA6B,CAAC;CAC1C;AAED,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC;IACpF,OAAO,CAAC,EAAE,EAAE,CAAC,kCAAkC,CAAC,CAAC;CACpD;AACD,MAAM,WAAW,8BACb,SAAQ,IAAI,CAAC,2BAA2B,EAAE,IAAI,GAAG,UAAU,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,EAAE,CAAC,kCAAkC,CAAC,CAAC;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,gBAAgB;IAC7B,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B"}
+{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,6BAA6B,EAAE,MAAM,kBAAkB,CAAC;AAEjE,MAAM,WAAW,2BAA2B;IACxC,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,6BAA6B,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,sBAAsB,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAErE,MAAM,WAAW,gBAAgB;IAC7B,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,kBAAkB,EAAE,SAAS,GAAG,UAAU,CAAC,GAAG;IAClF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,sBAAsB,CAAC;CACpC,GAAG,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;AAE9D,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACtC,kBAAkB,EAClB,IAAI,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAC7C,GAAG;IACA,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,sBAAsB,CAAC;CACpC,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/titan-layout/interface.ts"],"sourcesContent":["import { FC, ReactElement } from 'react';\nimport { NavigationItemData } from '../../utils/navigation';\nimport { TitanLayoutSidebarContextType } from './layout-context';\n\nexport interface TitanLayoutSidebarLinkWrapperProps {\n    children:\n        | ReactElement<TitanLayoutSidebarLinkProps>\n        | ReactElement<TitanLayoutSidebarTriggerProps>;\n    context: TitanLayoutSidebarContextType;\n}\n\nexport interface TitanLayoutSidebarLinkProps extends Omit<NavigationItemData, 'submenu'> {\n    wrapper?: FC<TitanLayoutSidebarLinkWrapperProps>;\n}\nexport interface TitanLayoutSidebarTriggerProps\n    extends Omit<TitanLayoutSidebarLinkProps, 'to' | 'isActive'> {\n    isActive?: boolean;\n    wrapper?: FC<TitanLayoutSidebarLinkWrapperProps>;\n    onClick?: () => void;\n    onMobileClick?: () => void;\n}\n\nexport interface TitanLayoutState {\n    navCollapsed: boolean;\n    submenuExpanded?: string;\n}\n"],"names":[],"mappings":"AAsBA,WAGC"}
+{"version":3,"sources":["../../../src/components/titan-layout/interface.ts"],"sourcesContent":["import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';\nimport { NavigationItemData } from '../../utils/navigation';\nimport { TitanLayoutSidebarContextType } from './layout-context';\n\nexport interface TitanLayoutLinkWrapperProps {\n    children: ReactNode;\n    context: TitanLayoutSidebarContextType;\n    isMobile: boolean;\n}\n\nexport type TitanLayoutLinkWrapper = FC<TitanLayoutLinkWrapperProps>;\n\nexport interface TitanLayoutState {\n    navCollapsed: boolean;\n    submenuExpanded?: string;\n}\n\nexport type TitanLayoutLinkProps = Omit<NavigationItemData, 'submenu' | 'isHidden'> & {\n    tooltip?: string;\n    wrapper?: TitanLayoutLinkWrapper;\n} & Omit<ComponentPropsWithoutRef<'a'>, 'children' | 'title'>;\n\nexport type TitanLayoutTriggerProps = Omit<\n    NavigationItemData,\n    'to' | 'isActive' | 'isHidden' | 'submenu'\n> & {\n    isActive?: boolean;\n    tooltip?: string;\n    wrapper?: TitanLayoutLinkWrapper;\n} & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'title'>;\n"],"names":[],"mappings":"AAsBA,WAOgE"}

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

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { HeaderNavigationLinkProps, HeaderNavigationTriggerProps } from '../../utils/navigation-legacy';
+import { TitanLayoutLinkProps, TitanLayoutTriggerProps } from './interface';
 /** Navigation extra item with link */
-export declare const LayoutHeaderNavigationLink: FC<HeaderNavigationLinkProps>;
+export declare const LayoutHeaderNavigationLink: FC<TitanLayoutLinkProps>;
 /** Navigation extra item with icon button */
-export declare const LayoutHeaderNavigationTrigger: FC<HeaderNavigationTriggerProps>;
+export declare const LayoutHeaderNavigationTrigger: FC<TitanLayoutTriggerProps>;
 //# sourceMappingURL=layout-header-links.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"layout-header-links.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-header-links.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EACH,yBAAyB,EACzB,4BAA4B,EAC/B,MAAM,+BAA+B,CAAC;AAQvC,sCAAsC;AACtC,eAAO,MAAM,0BAA0B,EAAE,EAAE,CAAC,yBAAyB,CAOpE,CAAC;AAEF,6CAA6C;AAC7C,eAAO,MAAM,6BAA6B,EAAE,EAAE,CAAC,4BAA4B,CAK1E,CAAC"}
+{"version":3,"file":"layout-header-links.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-header-links.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAQ5E,sCAAsC;AACtC,eAAO,MAAM,0BAA0B,EAAE,EAAE,CAAC,oBAAoB,CAO/D,CAAC;AAEF,6CAA6C;AAC7C,eAAO,MAAM,6BAA6B,EAAE,EAAE,CAAC,uBAAuB,CAKrE,CAAC"}

package/dist/components/titan-layout/layout-header-links.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/titan-layout/layout-header-links.tsx"],"sourcesContent":["import { FC } from 'react';\nimport {\n    HeaderNavigationLinkProps,\n    HeaderNavigationTriggerProps,\n} from '../../utils/navigation-legacy';\nimport { useTitanLayoutContext } from './layout-context';\nimport {\n    InternalLayoutHeaderNavigationLink,\n    InternalLayoutHeaderNavigationTrigger,\n} from './layout-header-links-internal';\nimport { withTooltip } from './with-tooltip';\n\n/** Navigation extra item with link */\nexport const LayoutHeaderNavigationLink: FC<HeaderNavigationLinkProps> = ({ tooltip, ...rest }) => {\n    const { NavigationComponent } = useTitanLayoutContext();\n\n    return withTooltip(\n        <InternalLayoutHeaderNavigationLink {...rest} navigationComponent={NavigationComponent} />,\n        tooltip\n    );\n};\n\n/** Navigation extra item with icon button */\nexport const LayoutHeaderNavigationTrigger: FC<HeaderNavigationTriggerProps> = ({\n    tooltip,\n    ...rest\n}) => {\n    return withTooltip(<InternalLayoutHeaderNavigationTrigger {...rest} />, tooltip);\n};\n"],"names":["useTitanLayoutContext","InternalLayoutHeaderNavigationLink","InternalLayoutHeaderNavigationTrigger","withTooltip","LayoutHeaderNavigationLink","tooltip","rest","NavigationComponent","navigationComponent","LayoutHeaderNavigationTrigger"],"mappings":";AAKA,SAASA,qBAAqB,QAAQ,mBAAmB;AACzD,SACIC,kCAAkC,EAClCC,qCAAqC,QAClC,iCAAiC;AACxC,SAASC,WAAW,QAAQ,iBAAiB;AAE7C,oCAAoC,GACpC,OAAO,MAAMC,6BAA4D,CAAC,EAAEC,OAAO,EAAE,GAAGC,MAAM;IAC1F,MAAM,EAAEC,mBAAmB,EAAE,GAAGP;IAEhC,OAAOG,0BACH,KAACF;QAAoC,GAAGK,IAAI;QAAEE,qBAAqBD;QACnEF;AAER,EAAE;AAEF,2CAA2C,GAC3C,OAAO,MAAMI,gCAAkE,CAAC,EAC5EJ,OAAO,EACP,GAAGC,MACN;IACG,OAAOH,0BAAY,KAACD;QAAuC,GAAGI,IAAI;QAAMD;AAC5E,EAAE"}
+{"version":3,"sources":["../../../src/components/titan-layout/layout-header-links.tsx"],"sourcesContent":["import { FC } from 'react';\nimport { TitanLayoutLinkProps, TitanLayoutTriggerProps } from './interface';\nimport { useTitanLayoutContext } from './layout-context';\nimport {\n    InternalLayoutHeaderNavigationLink,\n    InternalLayoutHeaderNavigationTrigger,\n} from './layout-header-links-internal';\nimport { withTooltip } from './with-tooltip';\n\n/** Navigation extra item with link */\nexport const LayoutHeaderNavigationLink: FC<TitanLayoutLinkProps> = ({ tooltip, ...rest }) => {\n    const { NavigationComponent } = useTitanLayoutContext();\n\n    return withTooltip(\n        <InternalLayoutHeaderNavigationLink {...rest} navigationComponent={NavigationComponent} />,\n        tooltip\n    );\n};\n\n/** Navigation extra item with icon button */\nexport const LayoutHeaderNavigationTrigger: FC<TitanLayoutTriggerProps> = ({\n    tooltip,\n    ...rest\n}) => {\n    return withTooltip(<InternalLayoutHeaderNavigationTrigger {...rest} />, tooltip);\n};\n"],"names":["useTitanLayoutContext","InternalLayoutHeaderNavigationLink","InternalLayoutHeaderNavigationTrigger","withTooltip","LayoutHeaderNavigationLink","tooltip","rest","NavigationComponent","navigationComponent","LayoutHeaderNavigationTrigger"],"mappings":";AAEA,SAASA,qBAAqB,QAAQ,mBAAmB;AACzD,SACIC,kCAAkC,EAClCC,qCAAqC,QAClC,iCAAiC;AACxC,SAASC,WAAW,QAAQ,iBAAiB;AAE7C,oCAAoC,GACpC,OAAO,MAAMC,6BAAuD,CAAC,EAAEC,OAAO,EAAE,GAAGC,MAAM;IACrF,MAAM,EAAEC,mBAAmB,EAAE,GAAGP;IAEhC,OAAOG,0BACH,KAACF;QAAoC,GAAGK,IAAI;QAAEE,qBAAqBD;QACnEF;AAER,EAAE;AAEF,2CAA2C,GAC3C,OAAO,MAAMI,gCAA6D,CAAC,EACvEJ,OAAO,EACP,GAAGC,MACN;IACG,OAAOH,0BAAY,KAACD;QAAuC,GAAGI,IAAI;QAAMD;AAC5E,EAAE"}

package/dist/components/titan-layout/layout-header.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, FC, ReactElement, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, FC, MouseEvent, ReactElement, ReactNode } from 'react';
 import { TitanLayoutLogoProps } from './layout-logo';
 export type LayoutHeaderProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'> & {
     right?: ReactNode;
@@ -12,7 +12,7 @@ export type LayoutHeaderProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'
     isMobile: boolean;
     variant: 'light' | 'dark';
     hasNotifications: boolean;
-    onBurgerClick?: (e: MouseEvent) => void;
+    onBurgerClick?: (e: MouseEvent<never>) => void;
 };
 export declare const LayoutHeader: FC<LayoutHeaderProps>;
 //# sourceMappingURL=layout-header.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"layout-header.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-header.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9E,OAAO,EAAc,oBAAoB,EAAgB,MAAM,eAAe,CAAC;AAE/E,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAChF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAsE9C,CAAC"}
+{"version":3,"file":"layout-header.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-header.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI1F,OAAO,EAAc,oBAAoB,EAAgB,MAAM,eAAe,CAAC;AAE/E,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAChF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAsE9C,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/titan-layout/layout-header.tsx"],"sourcesContent":["import SvgBurgerMenu from '@servicetitan/anvil2/assets/icons/material/round/menu.svg';\nimport classNames from 'classnames';\nimport { ComponentPropsWithoutRef, FC, ReactElement, ReactNode } from 'react';\nimport { LayoutPlacementContext } from './layout-context';\nimport { LayoutHeaderNavigationTrigger } from './layout-header-links';\nimport * as Styles from './layout-header.module.less';\nimport { LayoutLogo, TitanLayoutLogoProps, isLogoCustom } from './layout-logo';\n\nexport type LayoutHeaderProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'> & {\n    right?: ReactNode;\n    rightText?: string;\n    rightClassName?: string;\n\n    id?: string;\n\n    center?: ReactElement;\n    centerClassName?: string;\n\n    logo?: TitanLayoutLogoProps;\n    profile?: ReactElement;\n\n    isMobile: boolean;\n    variant: 'light' | 'dark';\n    hasNotifications: boolean;\n    onBurgerClick?: (e: MouseEvent) => void;\n};\n\nexport const LayoutHeader: FC<LayoutHeaderProps> = ({\n    className,\n    right,\n    rightText,\n    rightClassName,\n    center,\n    centerClassName,\n    isMobile,\n    hasNotifications,\n    logo,\n    profile,\n    variant,\n    onBurgerClick,\n    ...rest\n}) => {\n    return (\n        <LayoutPlacementContext.Provider value=\"top\">\n            <div\n                className={classNames(\n                    Styles.header,\n                    variant === 'light' ? Styles.headerLight : Styles.headerDark,\n                    isMobile ? Styles.headerMobile : Styles.headerDesktop,\n                    isLogoCustom(logo, isMobile) && Styles.headerLogoCustom,\n                    className\n                )}\n                data-cy=\"header-navigation\"\n                {...rest}\n            >\n                {isMobile && (\n                    <div className={Styles.burger}>\n                        <LayoutHeaderNavigationTrigger\n                            id=\"burger\"\n                            title=\"\"\n                            icon={SvgBurgerMenu}\n                            iconActive={undefined}\n                            onClick={onBurgerClick}\n                            tag={{ value: hasNotifications }}\n                        />\n                    </div>\n                )}\n                <LayoutLogo {...logo} />\n                <div\n                    className={classNames(\n                        Styles.heTopCenter,\n                        'd-f align-items-center justify-content-center',\n                        centerClassName\n                    )}\n                    data-cy=\"navigation-center\"\n                >\n                    {center}\n                </div>\n                <div\n                    className={classNames(\n                        'd-f flex-row justify-content-end align-items-center',\n                        Styles.heTopRight,\n                        rightClassName\n                    )}\n                    data-cy=\"navigation-right\"\n                >\n                    {!!rightText && (\n                        <div className={Styles.heTopRightText} data-cy=\"navigation-right-text\">\n                            {rightText}\n                        </div>\n                    )}\n                    {right}\n                    {profile}\n                </div>\n            </div>\n        </LayoutPlacementContext.Provider>\n    );\n};\n"],"names":["SvgBurgerMenu","classNames","LayoutPlacementContext","LayoutHeaderNavigationTrigger","Styles","LayoutLogo","isLogoCustom","LayoutHeader","className","right","rightText","rightClassName","center","centerClassName","isMobile","hasNotifications","logo","profile","variant","onBurgerClick","rest","Provider","value","div","header","headerLight","headerDark","headerMobile","headerDesktop","headerLogoCustom","data-cy","burger","id","title","icon","iconActive","undefined","onClick","tag","heTopCenter","heTopRight","heTopRightText"],"mappings":";AAAA,OAAOA,mBAAmB,4DAA4D;AACtF,OAAOC,gBAAgB,aAAa;AAEpC,SAASC,sBAAsB,QAAQ,mBAAmB;AAC1D,SAASC,6BAA6B,QAAQ,wBAAwB;AACtE,YAAYC,YAAY,8BAA8B;AACtD,SAASC,UAAU,EAAwBC,YAAY,QAAQ,gBAAgB;AAqB/E,OAAO,MAAMC,eAAsC,CAAC,EAChDC,SAAS,EACTC,KAAK,EACLC,SAAS,EACTC,cAAc,EACdC,MAAM,EACNC,eAAe,EACfC,QAAQ,EACRC,gBAAgB,EAChBC,IAAI,EACJC,OAAO,EACPC,OAAO,EACPC,aAAa,EACb,GAAGC,MACN;IACG,qBACI,KAAClB,uBAAuBmB,QAAQ;QAACC,OAAM;kBACnC,cAAA,MAACC;YACGf,WAAWP,WACPG,OAAOoB,MAAM,EACbN,YAAY,UAAUd,OAAOqB,WAAW,GAAGrB,OAAOsB,UAAU,EAC5DZ,WAAWV,OAAOuB,YAAY,GAAGvB,OAAOwB,aAAa,EACrDtB,aAAaU,MAAMF,aAAaV,OAAOyB,gBAAgB,EACvDrB;YAEJsB,WAAQ;YACP,GAAGV,IAAI;;gBAEPN,0BACG,KAACS;oBAAIf,WAAWJ,OAAO2B,MAAM;8BACzB,cAAA,KAAC5B;wBACG6B,IAAG;wBACHC,OAAM;wBACNC,MAAMlC;wBACNmC,YAAYC;wBACZC,SAASlB;wBACTmB,KAAK;4BAAEhB,OAAOP;wBAAiB;;;8BAI3C,KAACV;oBAAY,GAAGW,IAAI;;8BACpB,KAACO;oBACGf,WAAWP,WACPG,OAAOmC,WAAW,EAClB,iDACA1B;oBAEJiB,WAAQ;8BAEPlB;;8BAEL,MAACW;oBACGf,WAAWP,WACP,uDACAG,OAAOoC,UAAU,EACjB7B;oBAEJmB,WAAQ;;wBAEP,CAAC,CAACpB,2BACC,KAACa;4BAAIf,WAAWJ,OAAOqC,cAAc;4BAAEX,WAAQ;sCAC1CpB;;wBAGRD;wBACAQ;;;;;;AAKrB,EAAE"}
+{"version":3,"sources":["../../../src/components/titan-layout/layout-header.tsx"],"sourcesContent":["import SvgBurgerMenu from '@servicetitan/anvil2/assets/icons/material/round/menu.svg';\nimport classNames from 'classnames';\nimport { ComponentPropsWithoutRef, FC, MouseEvent, ReactElement, ReactNode } from 'react';\nimport { LayoutPlacementContext } from './layout-context';\nimport { LayoutHeaderNavigationTrigger } from './layout-header-links';\nimport * as Styles from './layout-header.module.less';\nimport { LayoutLogo, TitanLayoutLogoProps, isLogoCustom } from './layout-logo';\n\nexport type LayoutHeaderProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'> & {\n    right?: ReactNode;\n    rightText?: string;\n    rightClassName?: string;\n\n    id?: string;\n\n    center?: ReactElement;\n    centerClassName?: string;\n\n    logo?: TitanLayoutLogoProps;\n    profile?: ReactElement;\n\n    isMobile: boolean;\n    variant: 'light' | 'dark';\n    hasNotifications: boolean;\n    onBurgerClick?: (e: MouseEvent<never>) => void;\n};\n\nexport const LayoutHeader: FC<LayoutHeaderProps> = ({\n    className,\n    right,\n    rightText,\n    rightClassName,\n    center,\n    centerClassName,\n    isMobile,\n    hasNotifications,\n    logo,\n    profile,\n    variant,\n    onBurgerClick,\n    ...rest\n}) => {\n    return (\n        <LayoutPlacementContext.Provider value=\"top\">\n            <div\n                className={classNames(\n                    Styles.header,\n                    variant === 'light' ? Styles.headerLight : Styles.headerDark,\n                    isMobile ? Styles.headerMobile : Styles.headerDesktop,\n                    isLogoCustom(logo, isMobile) && Styles.headerLogoCustom,\n                    className\n                )}\n                data-cy=\"header-navigation\"\n                {...rest}\n            >\n                {isMobile && (\n                    <div className={Styles.burger}>\n                        <LayoutHeaderNavigationTrigger\n                            id=\"burger\"\n                            title=\"\"\n                            icon={SvgBurgerMenu}\n                            iconActive={undefined}\n                            onClick={onBurgerClick}\n                            tag={{ value: hasNotifications }}\n                        />\n                    </div>\n                )}\n                <LayoutLogo {...logo} />\n                <div\n                    className={classNames(\n                        Styles.heTopCenter,\n                        'd-f align-items-center justify-content-center',\n                        centerClassName\n                    )}\n                    data-cy=\"navigation-center\"\n                >\n                    {center}\n                </div>\n                <div\n                    className={classNames(\n                        'd-f flex-row justify-content-end align-items-center',\n                        Styles.heTopRight,\n                        rightClassName\n                    )}\n                    data-cy=\"navigation-right\"\n                >\n                    {!!rightText && (\n                        <div className={Styles.heTopRightText} data-cy=\"navigation-right-text\">\n                            {rightText}\n                        </div>\n                    )}\n                    {right}\n                    {profile}\n                </div>\n            </div>\n        </LayoutPlacementContext.Provider>\n    );\n};\n"],"names":["SvgBurgerMenu","classNames","LayoutPlacementContext","LayoutHeaderNavigationTrigger","Styles","LayoutLogo","isLogoCustom","LayoutHeader","className","right","rightText","rightClassName","center","centerClassName","isMobile","hasNotifications","logo","profile","variant","onBurgerClick","rest","Provider","value","div","header","headerLight","headerDark","headerMobile","headerDesktop","headerLogoCustom","data-cy","burger","id","title","icon","iconActive","undefined","onClick","tag","heTopCenter","heTopRight","heTopRightText"],"mappings":";AAAA,OAAOA,mBAAmB,4DAA4D;AACtF,OAAOC,gBAAgB,aAAa;AAEpC,SAASC,sBAAsB,QAAQ,mBAAmB;AAC1D,SAASC,6BAA6B,QAAQ,wBAAwB;AACtE,YAAYC,YAAY,8BAA8B;AACtD,SAASC,UAAU,EAAwBC,YAAY,QAAQ,gBAAgB;AAqB/E,OAAO,MAAMC,eAAsC,CAAC,EAChDC,SAAS,EACTC,KAAK,EACLC,SAAS,EACTC,cAAc,EACdC,MAAM,EACNC,eAAe,EACfC,QAAQ,EACRC,gBAAgB,EAChBC,IAAI,EACJC,OAAO,EACPC,OAAO,EACPC,aAAa,EACb,GAAGC,MACN;IACG,qBACI,KAAClB,uBAAuBmB,QAAQ;QAACC,OAAM;kBACnC,cAAA,MAACC;YACGf,WAAWP,WACPG,OAAOoB,MAAM,EACbN,YAAY,UAAUd,OAAOqB,WAAW,GAAGrB,OAAOsB,UAAU,EAC5DZ,WAAWV,OAAOuB,YAAY,GAAGvB,OAAOwB,aAAa,EACrDtB,aAAaU,MAAMF,aAAaV,OAAOyB,gBAAgB,EACvDrB;YAEJsB,WAAQ;YACP,GAAGV,IAAI;;gBAEPN,0BACG,KAACS;oBAAIf,WAAWJ,OAAO2B,MAAM;8BACzB,cAAA,KAAC5B;wBACG6B,IAAG;wBACHC,OAAM;wBACNC,MAAMlC;wBACNmC,YAAYC;wBACZC,SAASlB;wBACTmB,KAAK;4BAAEhB,OAAOP;wBAAiB;;;8BAI3C,KAACV;oBAAY,GAAGW,IAAI;;8BACpB,KAACO;oBACGf,WAAWP,WACPG,OAAOmC,WAAW,EAClB,iDACA1B;oBAEJiB,WAAQ;8BAEPlB;;8BAEL,MAACW;oBACGf,WAAWP,WACP,uDACAG,OAAOoC,UAAU,EACjB7B;oBAEJmB,WAAQ;;wBAEP,CAAC,CAACpB,2BACC,KAACa;4BAAIf,WAAWJ,OAAOqC,cAAc;4BAAEX,WAAQ;sCAC1CpB;;wBAGRD;wBACAQ;;;;;;AAKrB,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"layout-profile.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-profile.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAEH,wBAAwB,EACxB,oBAAoB,EACpB,2BAA2B,EAC9B,MAAM,sCAAsC,CAAC;AAW9C,YAAY,EACR,oBAAoB,EACpB,2BAA2B,EAC3B,wBAAwB,GAC3B,MAAM,sCAAsC,CAAC;AAuJ9C,eAAO,MAAM,eAAe;;;;CAI1B,CAAC"}
+{"version":3,"file":"layout-profile.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-profile.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAEH,wBAAwB,EACxB,oBAAoB,EACpB,2BAA2B,EAC9B,MAAM,sCAAsC,CAAC;AAW9C,YAAY,EACR,oBAAoB,EACpB,2BAA2B,EAC3B,wBAAwB,GAC3B,MAAM,sCAAsC,CAAC;AAmJ9C,eAAO,MAAM,eAAe;;;;CAI1B,CAAC"}

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

@@ -2,7 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import SvgAccountActive from '@servicetitan/anvil2/assets/icons/st/gnav_account_active.svg';
 import SvgAccountInactive from '@servicetitan/anvil2/assets/icons/st/gnav_account_inactive.svg';
 import { useEffect, useState } from 'react';
-import { NavigationComponentContext } from '../../utils/navigation-context';
 import { ProfileDropdown as DesktopProfileDropdown } from '../profile-dropdown/profile-dropdown';
 import { useTitanLayoutContext } from './layout-context';
 import { InternalSideNavigationGroup, InternalSideNavigationGroupDivider, InternalSideNavigationGroupLink, InternalSideNavigationGroupTrigger } from './layout-sidebar-links-internal';
@@ -13,15 +12,10 @@ const ExternalNavComponent = ({ children, isActive, to, activeClassName, ...prop
         children: children
     });
 const ProfileDropdownContent = (props)=>{
-    const { isTitanLayout, breakpoint, NavigationComponent } = useTitanLayoutContext();
+    const { breakpoint, NavigationComponent } = useTitanLayoutContext();
     return breakpoint.isMobile ? /*#__PURE__*/ _jsx(MobileProfileDropdown, {
         ...props,
         navigationComponent: NavigationComponent
-    }) : isTitanLayout ? /*#__PURE__*/ _jsx(NavigationComponentContext.Provider, {
-        value: NavigationComponent,
-        children: /*#__PURE__*/ _jsx(DesktopProfileDropdown, {
-            ...props
-        })
     }) : /*#__PURE__*/ _jsx(DesktopProfileDropdown, {
         ...props
     });

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

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

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

@@ -1,35 +1,27 @@
 import { FC, MouseEvent, ReactNode } from 'react';
 import { NavigationItemData, NavigationSubmenuItemData } from '../../utils/navigation';
 import { BadgeTagProps } from '../badge-tag';
-import { TitanLayoutSidebarTriggerProps } from './interface';
+import { TitanLayoutLinkProps, TitanLayoutTriggerProps } from './interface';
 import { NavigationComponentProps } from './interface-internal';
-export interface InternalSideNavigationItemContentProps extends Omit<NavigationItemData, 'iconName' | 'to' | 'counter' | 'tag'> {
+export interface InternalSideNavigationItemContentProps {
+    icon: TitanLayoutLinkProps['icon'];
+    iconActive: TitanLayoutLinkProps['iconActive'];
+    title: TitanLayoutLinkProps['title'];
     submenuExpanded: boolean | undefined;
     tag: BadgeTagProps | undefined;
     onExpandToggle?: (e: MouseEvent<never>) => void;
 }
-export declare const InternalSideNavigationItemContent: FC<InternalSideNavigationItemContentProps>;
-export interface InternalSideNavigationLinkProps extends Omit<NavigationItemData, 'iconName' | 'counter' | 'tag'>, NavigationComponentProps {
+interface InternalLinkProps {
     submenuExpanded: boolean | undefined;
-    dataPrefix?: string;
     tag: BadgeTagProps | undefined;
     onExpandToggle?: (e: MouseEvent<never>) => void;
 }
-export declare const internalNavigationContentContainerProps: ({ className, icon, iconActive, iconComponent, id, isActive, prefix, isLink, }: Omit<TitanLayoutSidebarTriggerProps, "isActive" | "tag"> & {
-    prefix: string;
-    isActive?: any;
-    isLink: boolean;
-}) => {
-    'data-cy': string;
-    'data-pendo': string;
-    className: string;
-};
+export type InternalSideNavigationLinkProps = Omit<TitanLayoutLinkProps, 'wrapper' | 'counter' | 'tag'> & NavigationComponentProps & InternalLinkProps;
 /** Side Navigation menu item (for internal usage) */
 export declare const InternalSideNavigationLink: FC<InternalSideNavigationLinkProps>;
+export type InternalSideNavigationTriggerProps = Omit<TitanLayoutTriggerProps, 'wrapper' | 'counter' | 'tag'> & InternalLinkProps;
 /** Side Navigation menu trigger (for internal usage) */
-export declare const InternalSideNavigationTrigger: FC<Omit<InternalSideNavigationLinkProps, 'to' | 'navigationComponent'> & {
-    onClick?: (e: MouseEvent<never>) => void;
-}>;
+export declare const InternalSideNavigationTrigger: FC<InternalSideNavigationTriggerProps>;
 export declare const InternalSideNavigationGroupLink: FC<NavigationSubmenuItemData & NavigationComponentProps & {
     parentId: string;
 }>;
@@ -45,4 +37,5 @@ export declare const InternalSideNavigationGroup: FC<Omit<NavigationItemData, 't
     to: NavigationItemData['to'] | undefined;
     onClick?: (e: MouseEvent<never>) => void;
 }>;
+export {};
 //# sourceMappingURL=layout-sidebar-links-internal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"layout-sidebar-links-internal.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar-links-internal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,EAAE,EAAY,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAEvF,OAAO,EAAY,aAAa,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAGhE,MAAM,WAAW,sCACb,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,CAAC;IACvE,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,GAAG,EAAE,aAAa,GAAG,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,iCAAiC,EAAE,EAAE,CAAC,sCAAsC,CA4ExF,CAAC;AAEF,MAAM,WAAW,+BACb,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,SAAS,GAAG,KAAK,CAAC,EAC5D,wBAAwB;IAC5B,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,aAAa,GAAG,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,uCAAuC,GAAI,+EASrD,IAAI,CAAC,8BAA8B,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG;IAC1D,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;CACnB;;;;CAQC,CAAC;AAEH,qDAAqD;AACrD,eAAO,MAAM,0BAA0B,EAAE,EAAE,CAAC,+BAA+B,CA8B1E,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,6BAA6B,EAAE,EAAE,CAC1C,IAAI,CAAC,+BAA+B,EAAE,IAAI,GAAG,qBAAqB,CAAC,GAAG;IAClE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CAC5C,CAoBJ,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,EAAE,CAC5C,yBAAyB,GAAG,wBAAwB,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,CA6B9E,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE,EAAE,CAC/C,IAAI,CAAC,yBAAyB,EAAE,IAAI,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,KAAK,IAAI,CAAA;CAAE,CAkBrF,CAAC;AAEF,eAAO,MAAM,kCAAkC,+CAE9C,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,EAAE,CACxC,IAAI,CAAC,kBAAkB,EAAE,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC,GAC9C,wBAAwB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAChD,GAAG,EAAE,aAAa,GAAG,SAAS,CAAC;IAC/B,EAAE,EAAE,kBAAkB,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;IACzC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CAC5C,CA+BR,CAAC"}
+{"version":3,"file":"layout-sidebar-links-internal.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar-links-internal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,EAAE,EAAY,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAEvF,OAAO,EAAY,aAAa,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAC5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAGhE,MAAM,WAAW,sCAAsC;IACnD,IAAI,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;IACnC,UAAU,EAAE,oBAAoB,CAAC,YAAY,CAAC,CAAC;IAC/C,KAAK,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;IACrC,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,GAAG,EAAE,aAAa,GAAG,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CACnD;AA0DD,UAAU,iBAAiB;IACvB,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,GAAG,EAAE,aAAa,GAAG,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CACnD;AAED,MAAM,MAAM,+BAA+B,GAAG,IAAI,CAC9C,oBAAoB,EACpB,SAAS,GAAG,SAAS,GAAG,KAAK,CAChC,GACG,wBAAwB,GACxB,iBAAiB,CAAC;AAEtB,qDAAqD;AACrD,eAAO,MAAM,0BAA0B,EAAE,EAAE,CAAC,+BAA+B,CAqC1E,CAAC;AAEF,MAAM,MAAM,kCAAkC,GAAG,IAAI,CACjD,uBAAuB,EACvB,SAAS,GAAG,SAAS,GAAG,KAAK,CAChC,GACG,iBAAiB,CAAC;AAEtB,wDAAwD;AACxD,eAAO,MAAM,6BAA6B,EAAE,EAAE,CAAC,kCAAkC,CAmChF,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,EAAE,CAC5C,yBAAyB,GAAG,wBAAwB,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,CA6B9E,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE,EAAE,CAC/C,IAAI,CAAC,yBAAyB,EAAE,IAAI,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,KAAK,IAAI,CAAA;CAAE,CAkBrF,CAAC;AAEF,eAAO,MAAM,kCAAkC,+CAE9C,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,EAAE,CACxC,IAAI,CAAC,kBAAkB,EAAE,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC,GAC9C,wBAAwB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAChD,GAAG,EAAE,aAAa,GAAG,SAAS,CAAC;IAC/B,EAAE,EAAE,kBAAkB,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;IACzC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CAC5C,CAiCR,CAAC"}