@pantheon-systems/pds-toolkit-react 1.0.0-dev.264 → 1.0.0-dev.266

package/_dist/components/SiteDashboardHeading/SiteDashboardHeading.d.ts

@@ -1,4 +1,5 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { Popover } from '@components/Popover/Popover';
 import { SitePlanLevel, SiteType } from '@libs/types/custom-types';
 import './site-dashboard-heading.css';
 /**
@@ -21,8 +22,32 @@ export interface SiteDashboardHeadingProps extends ComponentPropsWithoutRef<'div
      * Additional class names
      */
     className?: string;
+    /**
+     * Function to handle popover content.
+     */
+    popoverContent?: ReactNode;
+    /**
+     * Title for the popover.
+     */
+    popoverTitle?: string;
+    /**
+     * Function to handle popover open state.
+     */
+    popoverIsOpen?: boolean;
+    /**
+     * Function to set popover open state.
+     */
+    setPopoverIsOpen?: (isOpen: boolean) => void;
+    /**
+     * Function to handle site plan level click.
+     */
+    handleSitePlanLevelClick?: () => void;
+    /**
+     * Additional props to pass to the trigger component.
+     */
+    triggerProps?: Omit<ComponentPropsWithoutRef<typeof Popover>, 'content' | 'title' | 'placement' | 'triggerIcon'>;
 }
 /**
  * SiteDashboardHeading UI component
  */
-export declare const SiteDashboardHeading: ({ siteName, sitePlanLevel, siteType, className, ...props }: SiteDashboardHeadingProps) => React.JSX.Element;
+export declare const SiteDashboardHeading: ({ siteName, sitePlanLevel, siteType, className, popoverContent, popoverTitle, popoverIsOpen, setPopoverIsOpen, triggerProps, ...props }: SiteDashboardHeadingProps) => React.JSX.Element;

package/_dist/components/footer/SiteFooter/SiteFooter.d.ts

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { ContainerWidth } from '@libs/types/custom-types';
 import './site-footer.css';
 interface SiteFooterProps extends ComponentPropsWithoutRef<'footer'> {
@@ -9,7 +9,11 @@ interface SiteFooterProps extends ComponentPropsWithoutRef<'footer'> {
     /**
      * Footer content.
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
+    /**
+     * Should the footer have a top border?
+     */
+    hasTopBorder?: boolean;
     /**
      * Legal policy links.
      */
@@ -22,5 +26,5 @@ interface SiteFooterProps extends ComponentPropsWithoutRef<'footer'> {
 /**
  * SiteFooter UI component
  */
-export declare const SiteFooter: ({ containerWidth, children, legalLinks, className, ...props }: SiteFooterProps) => React.JSX.Element;
+export declare const SiteFooter: ({ containerWidth, children, hasTopBorder, legalLinks, className, ...props }: SiteFooterProps) => React.JSX.Element;
 export {};

package/_dist/components/navigation/DashboardNav/DashboardNavItem.d.ts

@@ -10,7 +10,7 @@ export type DashboardNavItemProps = NavigationItem & {
     /**
      * Flag indicating whether the sidebar is expanded.
      */
-    isSidebarExpanded: boolean;
+    isSidebarExpanded?: boolean;
     /**
      * Labels for translatable strings.
      */

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

@@ -0,0 +1,50 @@
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { SideNavGlobalItemProps } from './SideNavGlobalItem';
+import './side-nav-global.css';
+/**
+ * Prop types for SideNavGlobal
+ */
+export interface SideNavGlobalProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Aria label for the navigation.
+     */
+    ariaLabel: string;
+    /**
+     * Should the Pantheon logo be displayed above the menu items?
+     * It will not be displayed in the mobile view regardless of this value.
+     */
+    hasLogo?: boolean;
+    /**
+     * Is the sidebar collapsed?
+     */
+    isSidebarCollapsed?: boolean;
+    /**
+     * Labels for translatable strings.
+     */
+    labels?: {
+        submenu: string;
+        toggle: string;
+    };
+    /**
+     * Where should the logo link to? A fully-formed link element.
+     * Only necessary if `hasLogo` is true.
+     * If the logo should not be a link, leave blank.
+     */
+    logoLinkContent?: ReactNode;
+    /**
+     * Menu items to render.
+     */
+    menuItems?: SideNavGlobalItemProps[];
+    /**
+     * Text to display in the mobile menu trigger button when no active link is found.
+     */
+    mobileMenuSelectTextFallback?: string;
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * SideNavGlobal UI component
+ */
+export declare const SideNavGlobal: ({ ariaLabel, hasLogo, isSidebarCollapsed, labels, logoLinkContent, menuItems, mobileMenuSelectTextFallback, className, ...props }: SideNavGlobalProps) => React.JSX.Element;

package/_dist/components/navigation/SideNavGlobal/SideNavGlobalItem.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { NavigationItem } from '@components/navigation/navigation-types';
+import { PDSIcon } from '@components/icons/Icon/Icon';
+import './side-nav-global.css';
+export type SideNavGlobalItemProps = NavigationItem & {
+    /**
+     * Icon to display next to the link content.
+     */
+    icon?: PDSIcon;
+    /**
+     * Flag indicating whether the sidebar is collapsed.
+     */
+    isSidebarCollapsed?: boolean;
+    /**
+     * Labels for translatable strings.
+     */
+    labels?: {
+        submenu: string;
+        toggle: string;
+    };
+};
+/**
+ * SideNavGlobalItem UI component
+ */
+export declare const SideNavGlobalItem: ({ icon, isActive, isSidebarCollapsed, labels, linkContent, links, }: SideNavGlobalItemProps) => React.JSX.Element;

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

@@ -1,6 +1,8 @@
+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;