@servicetitan/navigation 13.0.0-canary.256.b93dc10.0 → 13.0.1

package/src/components/titan-layout/titan-layout.tsx

@@ -57,16 +57,48 @@ export type TitanLayoutProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'
     /** logo props */
     logo?: TitanLayoutLogoProps;
 
+    /** layout state */
     state?: TitanLayoutState;
+    /** layout state change handler */
     onStateChange?: (state: TitanLayoutState) => void;
 
+    /** content header content */
     header?: ReactElement;
+
+    /** layout header content (center) */
     top?: ReactElement;
+
+    /** top links for side navigation */
     sideTop?: ReactElement[];
+
+    /**
+     * profile element for layout
+     * @see ProfileDropdown
+     */
     profile?: ReactElement;
+
+    /**
+     * extra links for layout header
+     * shown in side nav footer on mobile
+     */
     extraLinks?: ReactElement;
+
+    /**
+     * fixed extra links for layout header
+     * shown in header on mobile as well
+     */
     extraLinksTop?: ReactElement;
+
+    /**
+     * text shown in layout's header
+     * shown in side nav footer on mobile
+     */
     extraText?: string;
+
+    /**
+     * minimal width set for content area
+     * used for pages that aren't adopted to mobile
+     */
     minContentWidth?: number;
 };
 
@@ -173,11 +205,11 @@ function TitanLayoutComponent({
         [onStateChange, isMobile]
     );
     const onSubmenuExpandChange = useCallback(
-        (id: string, expanded: boolean) => {
+        (id: string, expanded: boolean, force: boolean) => {
             onStateChange?.({
                 navCollapsed: state?.navCollapsed ?? false,
                 submenusExpanded: [
-                    ...(state?.submenusExpanded ?? []).filter(i => i !== id),
+                    ...(force ? [] : (state?.submenusExpanded ?? []).filter(i => i !== id)),
                     ...(expanded ? [id] : []),
                 ],
             });

package/src/utils/navigation.ts

@@ -17,9 +17,6 @@ export interface NavigationItemData extends NavigationLinkData {
 
     /** optional submenu of link item */
     submenu?: NavigationSubmenuData;
-
-    iconClassName?: never;
-    iconComponent?: never;
 }
 
 export interface NavigationLinkData {
@@ -44,6 +41,7 @@ export interface NavigationSubmenuData {
 export interface NavigationSubmenuItemData extends NavigationLinkData {
     /** item tag (optional) value. shown if it is set and true or greater than 0 */
     counter?: CounterTagValue;
+    /** item tag (optional) value. shown if value is true or greater than 0 */
     tag?: CounterTagData;
 }