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

package/_dist/layouts/AppLayout/AppLayout.d.ts

@@ -0,0 +1,56 @@
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import './app-layout.css';
+/**
+ * Prop types for AppLayout
+ */
+interface AppLayoutProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Children to render in the layout.
+     */
+    children: ReactNode;
+    /**
+     * Is the sidebar able to be collapsed and expanded by the user?
+     * If false or not provided, the sidebar will always be expanded.
+     */
+    hasSidebarToggle?: boolean;
+    /**
+     * Is the sidebar collapsed?
+     * This is only relevant if `hasSidebarToggle` is true.
+     */
+    isSidebarCollapsed?: boolean;
+    /**
+     * Labels for translatable strings.
+     */
+    labels?: {
+        collapseSidebar: string;
+        expandSidebar: string;
+    };
+    /**
+     * Callback function to handle sidebar toggle.
+     * If not provided, the sidebar will use an internal function to manage collapsed state.
+     */
+    onSidebarToggle?: () => void;
+    /**
+     * Width of the sidebar when collapsed in rems. This should not need to be modified.
+     */
+    sidebarCollapsedWidth?: number;
+    /**
+     * Width of the sidebar when expanded as a percentage.
+     * This is also the width of the sidebar when it is not collapsable (hasSidebarToggle is false).
+     */
+    sidebarExpandedWidth?: string;
+    /**
+     * Minimum width of the sidebar when expanded in rems.
+     * This is also the min-width of the sidebar when it is not collapsable (hasSidebarToggle is false).
+     */
+    sidebarExpandedWidthMin?: number;
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * AppLayout UI component
+ */
+export declare const AppLayout: ({ children, hasSidebarToggle, isSidebarCollapsed, labels, onSidebarToggle, sidebarCollapsedWidth, sidebarExpandedWidth, sidebarExpandedWidthMin, className, ...props }: AppLayoutProps) => React.JSX.Element;
+export {};

package/_dist/layouts/DocsLayout/DocsLayout.d.ts

@@ -8,6 +8,16 @@ interface DocsLayoutProps extends ComponentPropsWithoutRef<'div'> {
      * Children to render in the layout.
      */
     children: ReactNode;
+    /**
+     * Width of the sidebar when expanded as a percentage.
+     * This is also the width of the sidebar when it is not collapsable (hasSidebarToggle is false).
+     */
+    sidebarWidth?: string;
+    /**
+     * Minimum width of the sidebar when expanded in rems.
+     * This is also the min-width of the sidebar when it is not collapsable (hasSidebarToggle is false).
+     */
+    sidebarMinWidth?: number;
     /**
      * Additional class names
      */
@@ -16,5 +26,5 @@ interface DocsLayoutProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * DocsLayout UI component
  */
-export declare const DocsLayout: ({ children, className, ...props }: DocsLayoutProps) => React.JSX.Element;
+export declare const DocsLayout: ({ children, sidebarWidth, sidebarMinWidth, className, ...props }: DocsLayoutProps) => React.JSX.Element;
 export {};

package/_dist/mocks/data/navigation-items.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { SideNavGlobalItemProps } from '@components/navigation/SideNavGlobal/SideNavGlobalItem';
 export declare const dialogMsgBase = "Activated menu item => ";
 import { UserMenuItem } from '@components/navigation/UserMenu/UserMenu';
 export declare const buttonNavSampleMenuItems: ({
@@ -14,35 +15,8 @@ export declare const buttonNavSampleMenuItemsRR: {
 export declare const blogMenuItems: {
     linkContent: React.JSX.Element;
 }[];
-export declare const dashboardNavSampleMenuItems: ({
-    icon: string;
-    linkContent: React.JSX.Element;
-    links?: undefined;
-    isActive?: undefined;
-} | {
-    icon: string;
-    linkContent: string;
-    links: {
-        linkContent: React.JSX.Element;
-    }[];
-    isActive?: undefined;
-} | {
-    icon: string;
-    linkContent: React.JSX.Element;
-    isActive: boolean;
-    links?: undefined;
-})[];
-export declare const dashboardNavSampleMenuItemsRR: ({
-    icon: string;
-    linkContent: React.JSX.Element;
-    links?: undefined;
-} | {
-    icon: string;
-    linkContent: React.JSX.Element;
-    links: {
-        linkContent: React.JSX.Element;
-    }[];
-})[];
+export declare const dashboardNavSampleMenuItems: SideNavGlobalItemProps[];
+export declare const dashboardNavSampleMenuItemsRR: SideNavGlobalItemProps[];
 export declare const documentationMenuItems: ({
     label: string;
     links: {

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@pantheon-systems/pds-toolkit-react",
 	"technology": "React",
-	"version": "1.0.0-dev.265",
+	"version": "1.0.0-dev.267",
 	"description": "PDS toolkit built using the React framework",
 	"repository": {
 		"type": "git",

package/_dist/components/navigation/DashboardNav/dashboard-nav-utilities.d.ts

@@ -1,3 +0,0 @@
-import { PDSIcon } from '@components/icons/Icon/Icon';
-import { NavigationItem } from '@components/navigation/navigation-types';
-export declare const processDashboardNavLinkContent: (baseClass: string, linkContent: JSX.Element | string, links?: NavigationItem[], icon?: PDSIcon) => JSX.Element;