@pantheon-systems/pds-toolkit-react 2.0.0-alpha.16 → 2.0.0-alpha.17

package/dist/index.source.d.ts

@@ -43,6 +43,7 @@ export * from './components/footer/SiteFooter/SiteFooter';
 export * from './components/icons/Icon/Icon';
 export * from './components/icons/PaymentIcon/PaymentIcon';
 export * from './components/icons/PlatformIcon/PlatformIcon';
+export * from './components/IdentityBlock/IdentityBlock';
 export * from './components/inputs/Checkbox/Checkbox';
 export * from './components/inputs/CheckboxFieldset/CheckboxFieldset';
 export * from './components/inputs/CheckboxGroup/CheckboxGroup';

package/dist/layouts/AppLayout/AppLayout.d.ts

@@ -1,9 +1,10 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { DrawerProps } from '../../components/Drawer/Drawer';
 import './app-layout.css';
 /**
  * Prop types for AppLayout
  */
-interface AppLayoutProps extends ComponentPropsWithoutRef<'div'> {
+export interface AppLayoutProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Children to render in the layout.
      */
@@ -12,21 +13,44 @@ interface AppLayoutProps extends ComponentPropsWithoutRef<'div'> {
      * Additional class names
      */
     className?: string;
+    /**
+     * Content for the left-side Drawer (e.g., workspace switcher).
+     * Only rendered when `hasDrawerToggle` is true.
+     */
+    drawerContent?: ReactNode;
+    /**
+     * Pass-through props for the Drawer component.
+     */
+    drawerProps?: Partial<DrawerProps>;
+    /**
+     * Show a toggle button in the sidebar header that opens a Drawer overlay.
+     */
+    hasDrawerToggle?: boolean;
     /**
      * 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;
+    /**
+     * Controlled open state for the drawer.
+     */
+    isDrawerOpen?: boolean;
     /**
      * Is the sidebar collapsed?
      * This is only relevant if `hasSidebarToggle` is true.
      */
     isSidebarCollapsed?: boolean;
+    /**
+     * Enable keyboard shortcuts to toggle the sidebar.
+     * `[` collapses, `]` expands. Only active when `hasSidebarToggle` is true.
+     */
+    keyboardShortcuts?: boolean;
     /**
      * Labels for translatable strings.
      */
     labels?: {
         collapseSidebar: string;
+        drawerToggle: string;
         expandSidebar: string;
     };
     /**
@@ -42,6 +66,10 @@ interface AppLayoutProps extends ComponentPropsWithoutRef<'div'> {
      * Additional props for the main content element.
      */
     mainContentProps?: ComponentPropsWithoutRef<'div'> | ComponentPropsWithoutRef<'main'>;
+    /**
+     * Callback when the drawer toggle button is clicked.
+     */
+    onDrawerToggle?: () => void;
     /**
      * Callback function to handle sidebar toggle.
      * If not provided, the sidebar will use an internal function to manage collapsed state.
@@ -65,6 +93,11 @@ interface AppLayoutProps extends ComponentPropsWithoutRef<'div'> {
      * This is also the width of the sidebar when it is not collapsable (hasSidebarToggle is false).
      */
     sidebarExpandedWidth?: string;
+    /**
+     * Maximum width of the sidebar when expanded in rems.
+     * Prevents the sidebar from growing too wide on large screens.
+     */
+    sidebarExpandedWidthMax?: number;
     /**
      * 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).
@@ -78,5 +111,4 @@ interface AppLayoutProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * AppLayout UI component
  */
-export declare const AppLayout: ({ children, className, hasSidebarToggle, isSidebarCollapsed, labels, mainBackground, mainContentElement, mainContentProps, onSidebarToggle, scrollableContent, sidebarBackground, sidebarCollapsedWidth, sidebarExpandedWidth, sidebarExpandedWidthMin, sidebarProps, ...props }: AppLayoutProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const AppLayout: ({ children, className, drawerContent, drawerProps, hasDrawerToggle, hasSidebarToggle, isDrawerOpen, isSidebarCollapsed, keyboardShortcuts, labels, mainBackground, mainContentElement, mainContentProps, onDrawerToggle, onSidebarToggle, scrollableContent, sidebarBackground, sidebarCollapsedWidth, sidebarExpandedWidth, sidebarExpandedWidthMax, sidebarExpandedWidthMin, sidebarProps, ...props }: AppLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/svg/landmark.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
+  <path d="M242.9 11.9c8-5.2 18.3-5.2 26.3 0l232 152c8.9 5.8 12.9 16.8 9.8 26.9S498.6 208 488 208l-40 0 0 160 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L56 416c-13.3 0-24-10.7-24-24s10.7-24 24-24l8 0 0-160-40 0c-10.6 0-20-7-23-17.1s1-21.1 9.8-26.9l232-152zM112 368l64 0 0-160-64 0 0 160zm112 0l64 0 0-160-64 0 0 160zm112 0l64 0 0-160-64 0 0 160zM104.4 160L407.6 160 256 60.7 104.4 160zM24 464l464 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L24 512c-13.3 0-24-10.7-24-24s10.7-24 24-24z"/>
+</svg>

package/dist/svg/sidebar.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
+  <path d="M0 128C0 92.7 28.7 64 64 64l384 0c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 448c-35.3 0-64-28.7-64-64L0 128zM176 240c0-13.3-10.7-24-24-24l-80 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24zm0 88c0-13.3-10.7-24-24-24l-80 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24zm48 72l224 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-224 0 0 288zM176 152c0-13.3-10.7-24-24-24l-80 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24z"/>
+</svg>

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@pantheon-systems/pds-toolkit-react",
 	"technology": "React",
-	"version": "2.0.0-alpha.16",
+	"version": "2.0.0-alpha.17",
 	"description": "PDS toolkit built using the React framework",
 	"publishConfig": {
 		"access": "public",