@servicetitan/navigation 10.6.1 → 11.0.0-canary.237.0505ce7.0

package/dist/components/titan-layout/layout-header.module.less

@@ -0,0 +1,193 @@
+/* stylelint-disable no-descending-specificity */
+@import (reference) '@servicetitan/tokens/core/tokens.less';
+
+@size-links-tiny: 24px;
+
+.header {
+    --nav-top-content-height: 32px;
+    display: flex;
+    justify-content: space-between;
+
+    background-color: @color-white;
+    color: @color-black;
+    box-sizing: border-box;
+    outline: 1px solid @color-neutral-60;
+
+    & > * {
+        overflow-y: hidden;
+    }
+
+    .he-top-left {
+        display: flex;
+        align-items: center;
+    }
+
+    .he-top-center {
+        overflow: hidden;
+    }
+
+    .he-top-right {
+        & > * {
+            color: @color-black;
+        }
+
+        .he-top-right-text {
+            font-size: @typescale-2;
+            font-weight: @font-weight-bold;
+            font-family: @base-font-family;
+            margin-right: @spacing-1;
+        }
+    }
+
+    :global(.profile-dropdown-image) {
+        height: 24px;
+        width: 24px;
+    }
+
+    :global(.profile-dropdown-trigger) {
+        height: 32px;
+        font-size: @size-links-tiny;
+    }
+
+    .navigation-link {
+        border-radius: 12px;
+        font-size: @size-links-tiny;
+        color: inherit;
+
+        &.navigation-item-active:not(.navigation-item-overflow) {
+            background-color: @color-blue-100 !important;
+            color: @color-blue-500 !important;
+        }
+        &:hover:not(.navigation-item-active):not(.navigation-item-overflow) {
+            background-color: rgba(0, 0, 0, 0.12) !important;
+        }
+
+        &.navigation-item-icon-state.navigation-item-active {
+            .navigation-icon:not(.navigation-icon-active) {
+                display: none;
+            }
+
+            .navigation-icon.navigation-icon-active[data-anv][data-anv] {
+                display: block;
+            }
+        }
+    }
+
+    .navigation-icon[data-anv][data-anv] {
+        display: inline-block;
+        color: inherit;
+        height: 24px;
+        width: 24px;
+
+        > svg {
+            height: @size-links-tiny;
+            width: @size-links-tiny;
+        }
+
+        &.navigation-icon-active {
+            display: none;
+        }
+    }
+}
+
+.header-mobile {
+    padding: @spacing-2 @spacing-0;
+    height: var(--nav-offset-top);
+
+    --nav-top-content-height: 40px;
+
+    .navigation-link {
+        padding: 10px;
+    }
+
+    .he-top-center {
+        max-width: unset;
+        flex: 1;
+        margin-left: @spacing-3;
+        margin-right: @spacing-3;
+    }
+
+    .he-top-left {
+        margin-left: @spacing-half;
+    }
+
+    .he-top-right {
+        margin-right: @spacing-half;
+    }
+}
+
+// desktop
+.header-desktop {
+    height: var(--nav-offset-top);
+    .navigation-link {
+        margin: 6px 2px;
+        padding: 6px 6px;
+
+        .navigation-item-counter {
+            min-width: 12px !important;
+            height: 12px !important;
+        }
+    }
+
+    .he-top-left {
+        padding-left: @spacing-1;
+    }
+    .he-top-center {
+        flex: 1;
+        margin-left: @spacing-2;
+        margin-right: @spacing-2;
+        max-width: 400px;
+    }
+}
+
+// desktop wide
+@media only screen and (min-width: 1200px) {
+    .header-desktop {
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);
+        grid-template-rows: 48px;
+
+        .he-top-left,
+        .he-top-center,
+        .he-top-right {
+            grid-column: span 1;
+        }
+
+        .he-top-center {
+            max-width: unset;
+        }
+    }
+}
+
+.navigation-link {
+    // styles specific to extra nav links
+    color: @color-black;
+    position: relative;
+    display: flex;
+    align-items: center;
+    flex-wrap: nowrap;
+    text-wrap: nowrap;
+
+    .navigation-item-counter {
+        color: @color-white;
+        font-weight: @font-weight-semibold;
+        font-size: 8px !important;
+        min-width: 16px !important;
+        height: 16px !important;
+        position: absolute;
+        top: 4px;
+        right: -2px;
+    }
+
+    .navigation-item-label {
+        color: inherit;
+        font-size: @typescale-1;
+        font-family: @base-font-family;
+        font-weight: @font-weight-semibold;
+        margin-left: @spacing-half;
+    }
+
+    &.navigation-item-counter-long {
+        right: -8px;
+    }
+}

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

@@ -0,0 +1,12 @@
+import { FC, ReactNode } from 'react';
+import { WrapperProps } from '../logo/logo-titan-text';
+export interface TitanLayoutLogoProps {
+    /** container class name */
+    className?: string;
+    title?: string | boolean;
+    postfix?: ReactNode;
+    logoWrapper?: WrapperProps;
+    mantleFill?: string;
+}
+export declare const TitanLayoutLogo: FC<TitanLayoutLogoProps>;
+//# sourceMappingURL=layout-logo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout-logo.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-logo.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAA6B,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAGlF,MAAM,WAAW,oBAAoB;IACjC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEzB,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,WAAW,CAAC,EAAE,YAAY,CAAC;IAE3B,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAID,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA0CpD,CAAC"}

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Fragment } from 'react';
+import { LogoCompanyTitle } from '../logo/logo-company-title';
+import { LogoTitan, LogoTitanTitle } from '../logo/logo-titan-text';
+import { useTitanLayoutContext } from './layout-context';
+const EmptyWrapper = ({ children }) => children;
+export const TitanLayoutLogo = ({ className, mantleFill, postfix, title, logoWrapper = EmptyWrapper, }) => {
+    const { breakpoint: { isMobile }, } = useTitanLayoutContext();
+    const Wrapper = logoWrapper;
+    const logoSize = isMobile ? 44 : 56;
+    const logoCompanySize = 48;
+    const showCompanyTitle = title === true && !isMobile;
+    return (_jsxs("div", { className: classNames('d-f align-items-center', { 'p-t-half': showCompanyTitle }, className), children: [showCompanyTitle ? (_jsx(Wrapper, { children: _jsx(LogoCompanyTitle, { height: logoCompanySize }) })) : typeof title === 'string' ? (_jsxs(Fragment, { children: [_jsx(LogoTitan, { size: logoSize, mantleFill: mantleFill, logoWrapper: Wrapper }), !isMobile && (_jsx(LogoTitanTitle, { className: "c-inherit m-l-1", children: title }))] })) : (_jsx(LogoTitan, { size: logoSize, mantleFill: mantleFill, logoWrapper: Wrapper })), !isMobile && postfix] }));
+};
+//# sourceMappingURL=layout-logo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout-logo.js","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-logo.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAM,QAAQ,EAAa,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,cAAc,EAAgB,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAezD,MAAM,YAAY,GAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC;AAEzD,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EACtD,SAAS,EACT,UAAU,EACV,OAAO,EACP,KAAK,EACL,WAAW,GAAG,YAAY,GAC7B,EAAE,EAAE;IACD,MAAM,EACF,UAAU,EAAE,EAAE,QAAQ,EAAE,GAC3B,GAAG,qBAAqB,EAAE,CAAC;IAE5B,MAAM,OAAO,GAAG,WAAW,CAAC;IAC5B,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACpC,MAAM,eAAe,GAAG,EAAE,CAAC;IAC3B,MAAM,gBAAgB,GAAG,KAAK,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC;IAErD,OAAO,CACH,eACI,SAAS,EAAE,UAAU,CACjB,wBAAwB,EACxB,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAChC,SAAS,CACZ,aAEA,gBAAgB,CAAC,CAAC,CAAC,CAChB,KAAC,OAAO,cACJ,KAAC,gBAAgB,IAAC,MAAM,EAAE,eAAe,GAAI,GACvC,CACb,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC5B,MAAC,QAAQ,eACL,KAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,GAAI,EAC1E,CAAC,QAAQ,IAAI,CACV,KAAC,cAAc,IAAC,SAAS,EAAC,iBAAiB,YAAE,KAAK,GAAkB,CACvE,IACM,CACd,CAAC,CAAC,CAAC,CACA,KAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,GAAI,CAC9E,EAEA,CAAC,QAAQ,IAAI,OAAO,IACnB,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/titan-layout/layout-logo.stories.d.ts

@@ -0,0 +1,13 @@
+import { TitanLayoutLogoProps } from './layout-logo';
+declare const _default: {
+    title: string;
+    component: import("react").FC<TitanLayoutLogoProps>;
+    decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    parameters: {};
+};
+export default _default;
+export declare const LogoDefault: () => import("react/jsx-runtime").JSX.Element;
+export declare const LogoCompanyTitle: () => import("react/jsx-runtime").JSX.Element;
+export declare const LogoCommercial: () => import("react/jsx-runtime").JSX.Element;
+export declare const LogoWithPostfix: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=layout-logo.stories.d.ts.map

package/dist/components/titan-layout/layout-logo.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-logo.stories.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-logo.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAmB,oBAAoB,EAAE,MAAM,eAAe,CAAC;;;;;;;AAUtE,wBAKE;AAEF,eAAO,MAAM,WAAW,+CAAuC,CAAC;AAEhE,eAAO,MAAM,gBAAgB,+CAA6C,CAAC;AAE3E,eAAO,MAAM,cAAc,+CAE1B,CAAC;AAEF,eAAO,MAAM,eAAe,+CAE3B,CAAC"}

package/dist/components/titan-layout/layout-logo.stories.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Chip } from '@servicetitan/anvil2';
+import { withAnvil, withDefaultRedirects, withMemoryRouter } from '../../test/data';
+import { TitanLayoutLogo } from './layout-logo';
+import { TitanLayout } from './titan-layout';
+const withTitanLayout = (element) => () => (_jsxs(TitanLayout, { navigationMainItems: [], children: [element, _jsx(TitanLayout.Content, { children: "logo" })] }));
+export default {
+    title: 'Navigation/TitanLayoutLogo',
+    component: TitanLayoutLogo,
+    decorators: [withDefaultRedirects, withMemoryRouter, withAnvil],
+    parameters: {},
+};
+export const LogoDefault = withTitanLayout(_jsx(TitanLayoutLogo, {}));
+export const LogoCompanyTitle = withTitanLayout(_jsx(TitanLayoutLogo, { title: true }));
+export const LogoCommercial = withTitanLayout(_jsx(TitanLayoutLogo, { title: "Commercial", mantleFill: "#2270EE" }));
+export const LogoWithPostfix = withTitanLayout(_jsx(TitanLayoutLogo, { title: true, postfix: _jsx(Chip, { className: "m-l-2-i", label: "demo" }) }));
+//# sourceMappingURL=layout-logo.stories.js.map

package/dist/components/titan-layout/layout-logo.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-logo.stories.js","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-logo.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,eAAe,EAAwB,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,eAAe,GAAG,CAAC,OAA2C,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAC3E,MAAC,WAAW,IAAC,mBAAmB,EAAE,EAAE,aAC/B,OAAO,EACR,KAAC,WAAW,CAAC,OAAO,uBAA2B,IACrC,CACjB,CAAC;AAEF,eAAe;IACX,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE,CAAC,oBAAoB,EAAE,gBAAgB,EAAE,SAAS,CAAC;IAC/D,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC,KAAC,eAAe,KAAG,CAAC,CAAC;AAEhE,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC,KAAC,eAAe,IAAC,KAAK,SAAG,CAAC,CAAC;AAE3E,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CACzC,KAAC,eAAe,IAAC,KAAK,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,GAAG,CAC9D,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAC1C,KAAC,eAAe,IAAC,KAAK,QAAC,OAAO,EAAE,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,EAAC,KAAK,EAAC,MAAM,GAAG,GAAI,CAChF,CAAC"}

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { ProfileDropdownLinkProps, ProfileDropdownProps, ProfileDropdownSectionProps } from '../profile-dropdown/profile-dropdown';
+export type { ProfileDropdownProps, ProfileDropdownSectionProps, ProfileDropdownLinkProps, } from '../profile-dropdown/profile-dropdown';
+export declare const ProfileDropdown: FC<ProfileDropdownProps> & {
+    Divider: FC;
+    Link: FC<ProfileDropdownLinkProps>;
+    Section: FC<ProfileDropdownSectionProps>;
+};
+//# sourceMappingURL=layout-profile.d.ts.map

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

@@ -0,0 +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;AAoJ9C,eAAO,MAAM,eAAe;;;;CAI1B,CAAC"}

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

@@ -0,0 +1,72 @@
+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';
+import { useNotificationsContext, useNotificationsState } from './notifications-context';
+const ExternalNavComponent = ({ children, isActive, to, activeClassName, ...props }) => (_jsx("a", { ...props, href: to, children: children }));
+const ProfileDropdownContent = props => {
+    const { breakpoint, NavigationComponent } = useTitanLayoutContext();
+    return breakpoint.isMobile ? (_jsx(MobileProfileDropdown, { ...props, navigationComponent: NavigationComponent })) : (_jsx(NavigationComponentContext.Provider, { value: NavigationComponent, children: _jsx(DesktopProfileDropdown, { ...props }) }));
+};
+ProfileDropdownContent.displayName = 'ProfileDropdown';
+const MobileProfileDropdown = ({ children, ...props }) => {
+    const id = '__profile';
+    const [expanded, setExpanded] = useState(false);
+    const { hasNotifications, NotificationsContextProvider } = useNotificationsState();
+    const { onNotificationsUpdate } = useNotificationsContext();
+    const onExpandToggle = (e) => {
+        e.stopPropagation();
+        setExpanded(!expanded);
+    };
+    useEffect(() => {
+        onNotificationsUpdate(id, hasNotifications);
+    }, [hasNotifications, onNotificationsUpdate]);
+    return (_jsx(NotificationsContextProvider, { children: _jsx(InternalSideNavigationGroup, { id: id, to: undefined, title: "Profile", icon: SvgAccountInactive, iconActive: SvgAccountActive, isActive: expanded, ...props, submenuExpanded: expanded, onExpandToggle: onExpandToggle, onClick: onExpandToggle, tag: { value: hasNotifications }, children: children }) }));
+};
+const ProfileDropdownDivider = () => {
+    const { breakpoint } = useTitanLayoutContext();
+    return breakpoint.isMobile ? (_jsx(InternalSideNavigationGroupDivider, {})) : (_jsx(DesktopProfileDropdown.Divider, {}));
+};
+const getText = (children, text) => {
+    if (typeof children === 'string') {
+        return children;
+    }
+    if (typeof text === 'string') {
+        return text;
+    }
+    return undefined;
+};
+const getTag = (tag, counter) => {
+    return !!(tag === null || tag === void 0 ? void 0 : tag.value) || !!counter;
+};
+const ProfileDropdownSection = props => {
+    const { breakpoint } = useTitanLayoutContext();
+    return breakpoint.isMobile ? (_jsx(MobileProfileDropdownSection, { ...props })) : (_jsx(DesktopProfileDropdown.Section, { ...props }));
+};
+const MobileProfileDropdownSection = ({ children, text, tooltip, title, ...props }) => {
+    const sectionText = getText(children, text);
+    const { onNotificationsUpdate } = useNotificationsContext();
+    onNotificationsUpdate(props.id, getTag(props.tag, props.counter));
+    return sectionText ? (_jsx(InternalSideNavigationGroupTrigger, { ...props, title: sectionText })) : null;
+};
+const ProfileDropdownLink = props => {
+    const { breakpoint, NavigationComponent } = useTitanLayoutContext();
+    return breakpoint.isMobile ? (_jsx(MobileProfileDropdownLink, { ...props, navigationComponent: NavigationComponent })) : (_jsx(DesktopProfileDropdown.Link, { ...props }));
+};
+const MobileProfileDropdownLink = ({ external, to, tooltip, text, children, navigationComponent, ...props }) => {
+    const { onNotificationsUpdate } = useNotificationsContext();
+    const linkText = getText(children, text);
+    const isExternalLink = external !== null && external !== void 0 ? external : to === null || to === void 0 ? void 0 : to.startsWith('http');
+    onNotificationsUpdate(props.id, getTag(props.tag, props.counter));
+    return linkText ? (_jsx(InternalSideNavigationGroupLink, { ...props, to: to, title: linkText, navigationComponent: isExternalLink ? ExternalNavComponent : navigationComponent })) : null;
+};
+export const ProfileDropdown = Object.assign(ProfileDropdownContent, {
+    Divider: ProfileDropdownDivider,
+    Link: ProfileDropdownLink,
+    Section: ProfileDropdownSection,
+});
+//# sourceMappingURL=layout-profile.js.map

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

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

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

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./layout-profile").ProfileDropdownProps> & {
+        Divider: import("react").FC;
+        Link: import("react").FC<import("./layout-profile").ProfileDropdownLinkProps>;
+        Section: import("react").FC<import("./layout-profile").ProfileDropdownSectionProps>;
+    };
+    decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    parameters: {};
+};
+export default _default;
+export declare const ProfileDefault: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=layout-profile.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout-profile.stories.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-profile.stories.tsx"],"names":[],"mappings":";;;;;;;;;;AAWA,wBAKE;AAEF,eAAO,MAAM,cAAc,+CA2B1B,CAAC"}

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { withAnvil, withDefaultRedirects, withMemoryRouter } from '../../test/data';
+import { ProfileDropdown } from './layout-profile';
+import { TitanLayout } from './titan-layout';
+const withTitanLayout = (element) => () => (_jsx(TitanLayout, { navigationMainItems: [], profile: element, children: _jsx(TitanLayout.Content, { children: "profile" }) }));
+export default {
+    title: 'Navigation/TitanLayoutProfile',
+    component: ProfileDropdown,
+    decorators: [withDefaultRedirects, withMemoryRouter, withAnvil],
+    parameters: {},
+};
+export const ProfileDefault = withTitanLayout(_jsxs(ProfileDropdown, { children: [_jsx(ProfileDropdown.Link, { id: "first", to: "https://google.com", external: true, children: "first link" }), _jsx(ProfileDropdown.Section, { id: "second", onClick: () => alert('second click'), children: "second link" }), _jsx(ProfileDropdown.Divider, {}), _jsx(ProfileDropdown.Section, { id: "content", children: "some content" }), _jsx(ProfileDropdown.Divider, {}), _jsx(ProfileDropdown.Divider, {}), _jsx(ProfileDropdown.Divider, {}), _jsx(ProfileDropdown.Link, { id: "third", to: "third", children: "third link" }), _jsx(ProfileDropdown.Divider, {}), _jsxs(ProfileDropdown.Section, { id: "forth", onClick: () => alert('forth click'), text: "Sign Out user", children: ["Sign Out", _jsx("span", { className: "c-neutral-60 m-l-1", children: "user" })] }), _jsx(ProfileDropdown.Divider, {})] }));
+//# sourceMappingURL=layout-profile.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout-profile.stories.js","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-profile.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,eAAe,GAAG,CAAC,OAAqB,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CACrD,KAAC,WAAW,IAAC,mBAAmB,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,YAClD,KAAC,WAAW,CAAC,OAAO,0BAA8B,GACxC,CACjB,CAAC;AAEF,eAAe;IACX,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE,CAAC,oBAAoB,EAAE,gBAAgB,EAAE,SAAS,CAAC;IAC/D,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CACzC,MAAC,eAAe,eACZ,KAAC,eAAe,CAAC,IAAI,IAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,oBAAoB,EAAC,QAAQ,iCAE1C,EACvB,KAAC,eAAe,CAAC,OAAO,IAAC,EAAE,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,4BAE/C,EAC1B,KAAC,eAAe,CAAC,OAAO,KAAG,EAC3B,KAAC,eAAe,CAAC,OAAO,IAAC,EAAE,EAAC,SAAS,6BAAuC,EAC5E,KAAC,eAAe,CAAC,OAAO,KAAG,EAC3B,KAAC,eAAe,CAAC,OAAO,KAAG,EAC3B,KAAC,eAAe,CAAC,OAAO,KAAG,EAC3B,KAAC,eAAe,CAAC,IAAI,IAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,2BAEpB,EACvB,KAAC,eAAe,CAAC,OAAO,KAAG,EAC3B,MAAC,eAAe,CAAC,OAAO,IACpB,EAAE,EAAC,OAAO,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,EACnC,IAAI,EAAC,eAAe,yBAGpB,eAAM,SAAS,EAAC,oBAAoB,qBAAY,IAC1B,EAC1B,KAAC,eAAe,CAAC,OAAO,KAAG,IACb,CACrB,CAAC"}

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

@@ -0,0 +1,46 @@
+import { FC, MouseEvent, ReactNode } from 'react';
+import { NavigationItemData, NavigationSubmenuItemData } from '../../utils/navigation';
+import { BadgeTagProps } from '../badge-tag';
+import { TitanLayoutSidebarTriggerProps } from './interface';
+import { NavigationComponentProps } from './interface-internal';
+export interface InternalSideNavigationItemContentProps extends Omit<NavigationItemData, 'iconName' | 'to' | 'counter' | 'tag'> {
+    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 {
+    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;
+};
+/** Side Navigation menu item (for internal usage) */
+export declare const InternalSideNavigationLink: FC<InternalSideNavigationLinkProps>;
+/** Side Navigation menu trigger (for internal usage) */
+export declare const InternalSideNavigationTrigger: FC<Omit<InternalSideNavigationLinkProps, 'to' | 'navigationComponent'> & {
+    onClick?: (e: MouseEvent<never>) => void;
+}>;
+export declare const InternalSideNavigationGroupLink: FC<NavigationSubmenuItemData & NavigationComponentProps>;
+export declare const InternalSideNavigationGroupTrigger: FC<Omit<NavigationSubmenuItemData, 'to'> & {
+    onClick?: (e: MouseEvent<any>) => void;
+}>;
+export declare const InternalSideNavigationGroupDivider: () => import("react/jsx-runtime").JSX.Element;
+export declare const InternalSideNavigationGroup: FC<Omit<NavigationItemData, 'tag' | 'counter' | 'to'> & NavigationComponentProps & {
+    children: ReactNode;
+    submenuExpanded: boolean;
+    onExpandToggle?: (e: MouseEvent<never>) => void;
+    tag: BadgeTagProps | undefined;
+    to: NavigationItemData['to'] | undefined;
+    onClick?: (e: MouseEvent<never>) => void;
+}>;
+//# sourceMappingURL=layout-sidebar-links-internal.d.ts.map

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

@@ -0,0 +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,CAqExF,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,CA4BvD,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,CA8BR,CAAC"}

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

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@servicetitan/anvil2';
+import SvgGroupCollapse from '@servicetitan/anvil2/assets/icons/material/round/expand_less.svg';
+import SvgGroupExpand from '@servicetitan/anvil2/assets/icons/material/round/expand_more.svg';
+import classNames from 'classnames';
+import { Fragment } from 'react';
+import { getCounterTag } from '../../utils/side-nav';
+import { BadgeTag } from '../badge-tag';
+import * as Styles from './layout-sidebar.module.less';
+export const InternalSideNavigationItemContent = ({ icon, iconActive, iconClassName, iconComponent: IconComponent, tag, title, submenuExpanded, onExpandToggle, }) => (_jsxs(Fragment, { children: [_jsxs("div", { className: Styles.navItemIconWrapper, children: [IconComponent ? (_jsx("i", { className: classNames(Styles.navIcon, iconClassName), children: _jsx(IconComponent, {}) })) : (_jsxs(Fragment, { children: [icon && (_jsx(Icon, { svg: icon, className: classNames(Styles.navIcon, Styles.navIconInactive, iconClassName) })), iconActive && (_jsx(Icon, { svg: iconActive, className: classNames(Styles.navIcon, Styles.navIconActive, iconClassName) }))] })), _jsx("div", { className: Styles.navItemTextExpanded, children: title }), !!tag && (_jsx(BadgeTag, { data: tag, className: Styles.navItemCounter, longClassName: Styles.navItemCounterLong })), typeof submenuExpanded === 'boolean' && (_jsxs("div", { className: Styles.navItemGroupToggleWrapper, children: [_jsx(Icon, { svg: submenuExpanded ? SvgGroupCollapse : SvgGroupExpand, className: Styles.navItemGroupToggle, onClick: onExpandToggle }), _jsx("div", { className: Styles.navItemGroupToggleClick, onClick: onExpandToggle })] }))] }), _jsx("div", { className: classNames(Styles.navItemTextCollapsed, {
+                [Styles.navItemTextSmall]: !!title && title.length >= 10,
+            }), children: title })] }));
+export const internalNavigationContentContainerProps = ({ className, icon, iconActive, iconComponent, id, isActive, prefix, isLink, }) => ({
+    'data-cy': `${prefix}-${id}`,
+    'data-pendo': `${prefix}-${id}`,
+    'className': classNames(Styles.navItem, className, {
+        [Styles.navLink]: isLink,
+        [Styles.navItemActive]: isActive === true,
+        [Styles.navItemIconSwitch]: !!icon && !!iconActive && !iconComponent,
+    }),
+});
+/** Side Navigation menu item (for internal usage) */
+export const InternalSideNavigationLink = ({ to, className, dataPrefix, isActive, navigationComponent: NavigationComponent, submenuExpanded, onExpandToggle, ...props }) => {
+    return (_jsx(NavigationComponent, { ...internalNavigationContentContainerProps({
+            ...props,
+            prefix: dataPrefix !== null && dataPrefix !== void 0 ? dataPrefix : 'navigation-item',
+            className,
+            isActive,
+            isLink: true,
+        }), to: to, isActive: typeof isActive === 'function' ? isActive : undefined, activeClassName: Styles.navItemActive, children: _jsx(InternalSideNavigationItemContent, { submenuExpanded: submenuExpanded, onExpandToggle: onExpandToggle, ...props }) }));
+};
+/** Side Navigation menu trigger (for internal usage) */
+export const InternalSideNavigationTrigger = ({ className, dataPrefix, isActive, submenuExpanded, onExpandToggle, onClick, ...props }) => {
+    return (_jsx("div", { ...internalNavigationContentContainerProps({
+            ...props,
+            prefix: dataPrefix !== null && dataPrefix !== void 0 ? dataPrefix : 'navigation-item',
+            className,
+            isActive,
+            isLink: !!onClick,
+        }), onClick: onClick, children: _jsx(InternalSideNavigationItemContent, { submenuExpanded: submenuExpanded, onExpandToggle: onExpandToggle, ...props }) }));
+};
+export const InternalSideNavigationGroupLink = ({ id, counter, tag, title, to, isActive, navigationComponent: NavigationComponent, ...rest }) => {
+    return (_jsxs(NavigationComponent, { "data-cy": `navigation-item-${id}`, "data-pendo": `navigation-item-${id}`, ...rest, to: to, className: classNames(Styles.submenuItem, Styles.submenuLink, {
+            [Styles.submenuLinkActive]: isActive === true,
+        }), isActive: typeof isActive === 'function' ? isActive : undefined, activeClassName: Styles.submenuLinkActive, children: [_jsx("span", { children: title }), _jsx(BadgeTag, { data: getCounterTag(counter, tag), className: Styles.submenuLinkCounter })] }, id));
+};
+export const InternalSideNavigationGroupTrigger = ({ id, counter, onClick, tag, title, isActive, ...rest }) => {
+    return (_jsxs("div", { "data-cy": `navigation-item-${id}`, "data-pendo": `navigation-item-${id}`, ...rest, className: classNames(Styles.submenuItem, {
+            [Styles.submenuLink]: !!onClick,
+            [Styles.submenuLinkActive]: isActive === true,
+        }), onClick: onClick, children: [_jsx("span", { children: title }), _jsx(BadgeTag, { data: getCounterTag(counter, tag), className: Styles.submenuLinkCounter })] }, id));
+};
+export const InternalSideNavigationGroupDivider = () => {
+    return _jsx("div", { className: Styles.divider });
+};
+export const InternalSideNavigationGroup = ({ children, submenuExpanded, to, onExpandToggle, onClick, ...props }) => {
+    return (_jsxs("div", { className: classNames(Styles.navGroupWrapper), children: [_jsx("div", { className: Styles.navGroupItem, children: to ? (_jsx(InternalSideNavigationLink, { ...props, to: to, submenuExpanded: submenuExpanded, onExpandToggle: onExpandToggle })) : (_jsx(InternalSideNavigationTrigger, { ...props, submenuExpanded: submenuExpanded, onExpandToggle: onExpandToggle, onClick: onClick })) }), _jsx("div", { className: classNames(Styles.submenuWrapper, {
+                    [Styles.submenuWrapperCollapsed]: !submenuExpanded,
+                }), children: _jsx("div", { className: Styles.submenu, children: children }) })] }));
+};
+//# sourceMappingURL=layout-sidebar-links-internal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout-sidebar-links-internal.js","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar-links-internal.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+import { TitanLayoutSidebarLinkProps, TitanLayoutSidebarTriggerProps } from './interface';
+/** Side Navigation menu link */
+export declare function TitanLayoutSidebarLink({ wrapper, ...props }: TitanLayoutSidebarLinkProps): import("react/jsx-runtime").JSX.Element;
+/** Side Navigation menu trigger */
+export declare function TitanLayoutSidebarTrigger({ wrapper, onMobileClick, onClick, ...props }: TitanLayoutSidebarTriggerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=layout-sidebar-links.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout-sidebar-links.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar-links.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,2BAA2B,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAC;AAgB1F,gCAAgC;AAChC,wBAAgB,sBAAsB,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,2BAA2B,2CAqBxF;AAED,mCAAmC;AACnC,wBAAgB,yBAAyB,CAAC,EACtC,OAAO,EACP,aAAa,EACb,OAAO,EACP,GAAG,KAAK,EACX,EAAE,8BAA8B,2CAuBhC"}

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

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getCounterTag } from '../../utils/side-nav';
+import { useTitanLayoutContext } from './layout-context';
+import { InternalSideNavigationLink, InternalSideNavigationTrigger, } from './layout-sidebar-links-internal';
+import { useNotificationsContext } from './notifications-context';
+const WrappedLink = ({ children, wrapper: WrapperComponent }) => {
+    const { sidebar } = useTitanLayoutContext();
+    return _jsx(WrapperComponent, { context: sidebar, children: children });
+};
+/** Side Navigation menu link */
+export function TitanLayoutSidebarLink({ wrapper, ...props }) {
+    const { NavigationComponent, breakpoint: { isMobile }, } = useTitanLayoutContext();
+    const { onNotificationsUpdate } = useNotificationsContext();
+    const tag = getCounterTag(props.counter, props.tag);
+    onNotificationsUpdate(props.id, !!tag);
+    const element = (_jsx(InternalSideNavigationLink, { ...props, navigationComponent: NavigationComponent, submenuExpanded: undefined, dataPrefix: "navigation-link", tag: tag }));
+    return wrapper && !isMobile ? _jsx(WrappedLink, { wrapper: wrapper, children: element }) : element;
+}
+/** Side Navigation menu trigger */
+export function TitanLayoutSidebarTrigger({ wrapper, onMobileClick, onClick, ...props }) {
+    const { breakpoint: { isMobile }, } = useTitanLayoutContext();
+    const { onNotificationsUpdate } = useNotificationsContext();
+    const tag = getCounterTag(props.counter, props.tag);
+    onNotificationsUpdate(props.id, !!tag);
+    const element = (_jsx(InternalSideNavigationTrigger, { ...props, submenuExpanded: undefined, dataPrefix: "navigation-trigger", tag: tag, onClick: isMobile && !!onMobileClick ? onMobileClick : onClick }));
+    return wrapper && (!isMobile || !onMobileClick) ? (_jsx(WrappedLink, { wrapper: wrapper, children: element })) : (element);
+}
+//# sourceMappingURL=layout-sidebar-links.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout-sidebar-links.js","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar-links.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EACH,0BAA0B,EAC1B,6BAA6B,GAChC,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAElE,MAAM,WAAW,GAGZ,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAAE,EAAE;IAC7C,MAAM,EAAE,OAAO,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAC5C,OAAO,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,YAAG,QAAQ,GAAoB,CAAC;AAC7E,CAAC,CAAC;AAEF,gCAAgC;AAChC,MAAM,UAAU,sBAAsB,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAA+B;IACrF,MAAM,EACF,mBAAmB,EACnB,UAAU,EAAE,EAAE,QAAQ,EAAE,GAC3B,GAAG,qBAAqB,EAAE,CAAC;IAC5B,MAAM,EAAE,qBAAqB,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAC5D,MAAM,GAAG,GAAG,aAAa,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAEpD,qBAAqB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;IAEvC,MAAM,OAAO,GAAG,CACZ,KAAC,0BAA0B,OACnB,KAAK,EACT,mBAAmB,EAAE,mBAAmB,EACxC,eAAe,EAAE,SAAS,EAC1B,UAAU,EAAC,iBAAiB,EAC5B,GAAG,EAAE,GAAG,GACV,CACL,CAAC;IAEF,OAAO,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,YAAG,OAAO,GAAe,CAAC,CAAC,CAAC,OAAO,CAAC;AACnG,CAAC;AAED,mCAAmC;AACnC,MAAM,UAAU,yBAAyB,CAAC,EACtC,OAAO,EACP,aAAa,EACb,OAAO,EACP,GAAG,KAAK,EACqB;IAC7B,MAAM,EACF,UAAU,EAAE,EAAE,QAAQ,EAAE,GAC3B,GAAG,qBAAqB,EAAE,CAAC;IAC5B,MAAM,EAAE,qBAAqB,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAC5D,MAAM,GAAG,GAAG,aAAa,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAEpD,qBAAqB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;IAEvC,MAAM,OAAO,GAAG,CACZ,KAAC,6BAA6B,OACtB,KAAK,EACT,eAAe,EAAE,SAAS,EAC1B,UAAU,EAAC,oBAAoB,EAC/B,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,QAAQ,IAAI,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,GAChE,CACL,CAAC;IACF,OAAO,OAAO,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAC9C,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,YAAG,OAAO,GAAe,CACzD,CAAC,CAAC,CAAC,CACA,OAAO,CACV,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,19 @@
+import { FC, ReactElement } from 'react';
+import { NavigationItemData } from '../../utils/navigation';
+import { NavLinkComponentProps } from '../../utils/navigation-context';
+export interface LayoutSidebarProps {
+    className?: string;
+    top?: ReactElement[];
+    bottom?: ReactElement;
+    mainItems?: NavigationItemData[];
+    barExpanded: boolean;
+    submenuExpanded: string | undefined;
+    drawerOpened: boolean;
+    mobile: boolean;
+    navigationComponent: FC<NavLinkComponentProps>;
+    onBarExpandChange(expanded: boolean): void;
+    onDrawerOpenChange(expanded: boolean): void;
+    onSubmenuExpandChange(id: string, expanded: boolean): void;
+}
+export declare const LayoutSidebar: FC<LayoutSidebarProps>;
+//# sourceMappingURL=layout-sidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout-sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAEH,EAAE,EAGF,YAAY,EAGf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,kBAAkB,EAAyB,MAAM,wBAAwB,CAAC;AACnF,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAavE,MAAM,WAAW,kBAAkB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,YAAY,EAAE,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACjC,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,mBAAmB,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC;IAC/C,iBAAiB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3C,kBAAkB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5C,qBAAqB,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;CAC9D;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA4FhD,CAAC"}