@czi-sds/components 22.3.3 → 22.4.0

package/dist/index.esm.d.ts

@@ -1490,13 +1490,29 @@ interface FooterLinkProps {
     hasInvertedStyle?: boolean;
 }
 declare function NavigationFooter({ hasInvertedStyle, images, logo, logoUrl, logoComponent, logoLinkProps, navItems, navLinks, tag, tagColor, title, ...rest }: NavigationFooterProps): import("react/jsx-runtime").JSX.Element;
-interface NavigationHeaderPrimaryNavItem<T extends string> extends Record<string, unknown> {
+interface BaseNavigationHeaderPrimaryNavItem<T extends string> extends Record<string, unknown> {
     key: T;
     label: ReactNode;
+}
+interface TextNavigationHeaderPrimaryNavItem<T extends string> extends BaseNavigationHeaderPrimaryNavItem<T> {
+    itemType: "text";
     tag?: string;
     tagColor?: SdsTagColorType;
     onClick?: (e: React.SyntheticEvent) => void;
 }
+interface DropdownItem {
+    label: ReactNode;
+    onClick?: () => void;
+    component?: React.ElementType;
+    href?: string;
+    rel?: string;
+    target?: string;
+}
+interface DropdownNavigationHeaderPrimaryNavItem<T extends string> extends BaseNavigationHeaderPrimaryNavItem<T> {
+    itemType: "dropdown";
+    items: DropdownItem[];
+}
+type NavigationHeaderPrimaryNavItem<T extends string> = TextNavigationHeaderPrimaryNavItem<T> | DropdownNavigationHeaderPrimaryNavItem<T>;
 interface NavigationHeaderPrimaryNavProps<T extends string> {
     hasInvertedStyle?: boolean;
     isNarrow?: boolean;
@@ -1504,16 +1520,22 @@ interface NavigationHeaderPrimaryNavProps<T extends string> {
     onChange(value: T): void;
     value: T;
 }
-interface BaseHeaderSecondaryNavItem extends Partial<SdsMinimalButtonProps> {
+interface TextHeaderSecondaryNavItem extends Partial<SdsMinimalButtonProps> {
     label: string;
-}
-interface TextHeaderSecondaryNavItem extends BaseHeaderSecondaryNavItem {
-    onClick?(): void;
     itemType: "text";
 }
-interface DropdownHeaderSecondaryNavItem extends BaseHeaderSecondaryNavItem {
+interface DropdownItem$0 {
+    label: ReactNode;
+    onClick?: (event: React.MouseEvent) => void;
+    component?: React.ElementType;
+    href?: string;
+    rel?: string;
+    target?: string;
+}
+interface DropdownHeaderSecondaryNavItem extends Partial<SdsMinimalButtonProps> {
+    label: string;
     itemType: "dropdown";
-    items: Pick<TextHeaderSecondaryNavItem, "label" | "onClick" | "component" | "href" | "rel" | "target">[];
+    items: DropdownItem$0[];
 }
 type NavigationHeaderSecondaryNavItem = TextHeaderSecondaryNavItem | DropdownHeaderSecondaryNavItem;
 interface NavigationHeaderSecondaryNavProps {