@pantheon-systems/pds-toolkit-react 1.0.0-dev.266 → 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

@@ -9172,7 +9172,14 @@ const ds = (C) => {
         onClick: G,
         type: "button"
       },
-      /* @__PURE__ */ e.createElement(U, { iconName: "caretDown", iconSize: "md" }),
+      /* @__PURE__ */ e.createElement(
+        U,
+        {
+          iconName: "caretDown",
+          iconSize: "md",
+          verticalAlign: "-0.0625rem"
+        }
+      ),
       /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${Se(S.linkContent)} ${a.submenu}`)
     ), St(S.linkContent, S.links)), /* @__PURE__ */ e.createElement(
       "ul",
@@ -12088,7 +12095,7 @@ const l4 = (o) => {
       return;
     }
     y(!_);
-  }, E = Oe(t), $ = E.__unslotted, H = E.sidebar, k = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("aside", { className: `${C}__sidebar` }, H), /* @__PURE__ */ e.createElement("div", { className: `${C}__content` }, $)), w = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("aside", { className: `${C}__sidebar`, style: m }, n && /* @__PURE__ */ e.createElement(
+  }, E = Oe(t), $ = E.__unslotted, H = E.sidebar, k = /* @__PURE__ */ e.createElement(e.Fragment, null, H && /* @__PURE__ */ e.createElement("aside", { className: `${C}__sidebar` }, H), /* @__PURE__ */ e.createElement("div", { className: `${C}__content` }, $)), w = /* @__PURE__ */ e.createElement(e.Fragment, null, H && /* @__PURE__ */ e.createElement("aside", { className: `${C}__sidebar`, style: m }, n && /* @__PURE__ */ e.createElement(
     "button",
     {
       className: `${C}__sidebar-toggle-button`,
@@ -12155,7 +12162,7 @@ const l4 = (o) => {
   const p = "pds-docs-layout", g = l ? `${p}--isMobile` : null, u = {
     width: n,
     minWidth: `${s}rem`
-  }, d = Oe(t), b = d.__unslotted || d.content, _ = d.sidebar, y = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("aside", { className: `${p}__sidebar` }, _), /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, b)), C = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("aside", { className: `${p}__sidebar`, style: u }, /* @__PURE__ */ e.createElement("div", { className: `${p}__sidebar-inner` }, _)), /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, b));
+  }, d = Oe(t), b = d.__unslotted || d.content, _ = d.sidebar, y = /* @__PURE__ */ e.createElement(e.Fragment, null, _ && /* @__PURE__ */ e.createElement("aside", { className: `${p}__sidebar` }, _), /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, b)), C = /* @__PURE__ */ e.createElement(e.Fragment, null, _ && /* @__PURE__ */ e.createElement("aside", { className: `${p}__sidebar`, style: u }, /* @__PURE__ */ e.createElement("div", { className: `${p}__sidebar-inner` }, _)), /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, b));
   return /* @__PURE__ */ e.createElement(
     "div",
     L({
@@ -12430,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,
@@ -12482,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,