@pantheon-systems/pds-toolkit-react 1.0.0-dev.267 → 1.0.0-dev.268

package/_dist/components/navigation/DropdownMenu/DropdownMenu.d.ts

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import React, { ComponentPropsWithoutRef, ReactElement } from 'react';
 import { NavigationItem } from '@components/navigation/navigation-types';
 import './dropdown-menu.css';
 /**
@@ -8,7 +8,7 @@ export interface DropdownMenuProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Heading text. If a string is passed, it will be rendered as a heading. If a link is passed, it will be rendered as a link.
      */
-    headingText?: string | JSX.Element;
+    headingText?: string | ReactElement;
     /**
      * Menu items to render.
      */

package/_dist/components/navigation/SideNav/SideNav.d.ts

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import React, { ComponentPropsWithoutRef, ReactElement } from 'react';
 import { NavigationItem } from '@components/navigation/navigation-types';
 import './side-nav.css';
 /**
@@ -16,7 +16,7 @@ export interface SideNavProps extends ComponentPropsWithoutRef<'nav'> {
     /**
      * Heading text. If a link is passed, it will be rendered as a link.
      */
-    headingText?: string | JSX.Element;
+    headingText?: string | ReactElement;
     /**
      * Labels for translatable strings.
      */

package/_dist/components/navigation/SideNavCompact/SideNavCompact.d.ts

@@ -1,6 +1,12 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import React, { ComponentPropsWithoutRef, ReactElement } from 'react';
 import { NavigationItem } from '@components/navigation/navigation-types';
 import './side-nav-compact.css';
+export type SideNavCompactItem = NavigationItem & {
+    /**
+     * A boolean indicating whether the item is a submenu.
+     */
+    path?: string;
+};
 /**
  * Prop types for SideNavCompact
  */
@@ -16,7 +22,7 @@ export interface SideNavCompactProps extends ComponentPropsWithoutRef<'nav'> {
     /**
      * Heading text. If a link is passed, it will be rendered as a link.
      */
-    headingText?: string | JSX.Element;
+    headingText?: string | ReactElement;
     /**
      * Labels for translatable strings.
      */
@@ -27,7 +33,7 @@ export interface SideNavCompactProps extends ComponentPropsWithoutRef<'nav'> {
     /**
      * Menu items to render.
      */
-    menuItems: NavigationItem[];
+    menuItems: SideNavCompactItem[];
     /**
      *  Mobile menu will be enabled when viewport is at or below this number in pixels.
      */

package/_dist/components/navigation/navigation-types.d.ts

@@ -1,3 +1,4 @@
+import type { ReactElement } from 'react';
 export type NavigationItem = {
     /**
      * A boolean indicating whether the item is the active item.
@@ -6,15 +7,11 @@ export type NavigationItem = {
     /**
      * Link content — a fully-formed link element using the router of your choice. If a string is provided instead, the item will be rendered as a link that navigates to the first child item.
      */
-    linkContent: JSX.Element | string;
+    linkContent: ReactElement | string;
     /**
      * Submenu items.
      */
     links?: NavigationItem[];
-    /**
-     * A boolean indicating whether the item is a submenu.
-     */
-    path?: string;
 };
 export type FlattenedNavigationItem = {
     /**
@@ -24,7 +21,7 @@ export type FlattenedNavigationItem = {
     /**
      * Link content — a fully-formed link element using the router of your choice.
      */
-    linkContent: JSX.Element;
+    linkContent: ReactElement;
     /**
      * Nesting level of the item.
      */

package/_dist/components/navigation/navigation-utilities.d.ts

@@ -1,8 +1,9 @@
+import React, { ReactElement } from 'react';
 import { PDSIcon } from '@components/icons/Icon/Icon';
 import { NavigationItem } from '@components/navigation/navigation-types';
 export declare const isActiveItem: (item: NavigationItem) => boolean;
 export declare const isActiveTrail: (item: NavigationItem) => boolean;
-export declare const getActiveLink: (items: NavigationItem[]) => JSX.Element | null;
-export declare const getLinkContentString: (linkContent: JSX.Element | string) => string;
-export declare const processNavLinkContent: (linkContent: JSX.Element | string, links?: NavigationItem[]) => JSX.Element | string;
-export declare const processSideNavGlobalLinkContent: (baseClass: string, linkContent: JSX.Element | string, links?: NavigationItem[], icon?: PDSIcon) => JSX.Element;
+export declare const getActiveLink: (items: NavigationItem[]) => ReactElement | null;
+export declare const getLinkContentString: (linkContent: ReactElement | string) => string;
+export declare const processNavLinkContent: (linkContent: ReactElement | string, links?: NavigationItem[]) => ReactElement | string;
+export declare const processSideNavGlobalLinkContent: (baseClass: string, linkContent: ReactElement | string, links?: NavigationItem[], icon?: PDSIcon) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/_dist/index.d.ts

@@ -58,6 +58,7 @@ export * from './components/Modal/Modal';
 export * from './components/navigation/Breadcrumb/Breadcrumb';
 export * from './components/navigation/ButtonNav/ButtonNav';
 export * from './components/navigation/DashboardNav/DashboardNav';
+export * from './components/navigation/DashboardNav/DashboardNavItem';
 export * from './components/navigation/DashboardSearch/DashboardSearch';
 export * from './components/navigation/DropdownMenu/DropdownMenu';
 export * from './components/navigation/Navbar/Navbar';
@@ -65,6 +66,7 @@ export * from './components/navigation/NavMenu/NavMenu';
 export * from './components/navigation/SideNav/SideNav';
 export * from './components/navigation/SideNavCompact/SideNavCompact';
 export * from './components/navigation/SideNavGlobal/SideNavGlobal';
+export * from './components/navigation/SideNavGlobal/SideNavGlobalItem';
 export * from './components/navigation/TabMenu/TabMenu';
 export * from './components/navigation/UserMenu/UserMenu';
 export * from './components/navigation/WorkspaceSelector/WorkspaceSelector';
@@ -113,6 +115,7 @@ export * from './layouts/SidebarLayout/SidebarLayout';
 export * from './layouts/StepperLayout/StepperLayout';
 export * from './layouts/ThreeItemLayout/ThreeItemLayout';
 export * from './layouts/TwoItemLayout/TwoItemLayout';
+export * from './components/navigation/navigation-types';
 export * from './libs/types/custom-types';
 export { ResponsiveContext } from './utilities/context-providers/ResponsiveContext/ResponsiveContext';
 export { useClipboard } from './utilities/hooks/useClipboard';

package/_dist/index.js

@@ -12437,6 +12437,7 @@ export {
   Vs as DashboardGlobal,
   C4 as DashboardInner,
   Ss as DashboardNav,
+  En as DashboardNavItem,
   As as DashboardSearch,
   us as DashboardStat,
   _4 as DocsLayout,
@@ -12489,6 +12490,7 @@ export {
   Rs as SideNav,
   Os as SideNavCompact,
   Fs as SideNavGlobal,
+  Ln as SideNavGlobalItem,
   b4 as SidebarLayout,
   is as SiteCard,
   a4 as SiteDashboardHeading,