@gsa-tts/graymatter-ui 0.3.7 → 0.3.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gsa-tts/graymatter-ui",
-  "version": "0.3.7",
+  "version": "0.3.9",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -55,9 +55,9 @@
     "typescript": "5.7.3",
     "vite": "^6.3.5",
     "vitest": "^3.0.7",
-    "@gsa-tts/graymatter-eslint": "0.0.2",
+    "@gsa-tts/graymatter-vitest-config": "0.0.1",
     "@gsa-tts/graymatter-typescript-config": "0.0.2",
-    "@gsa-tts/graymatter-vitest-config": "0.0.1"
+    "@gsa-tts/graymatter-eslint": "0.0.2"
   },
   "dependencies": {
     "@fontsource-variable/archivo": "^5.2.6",

package/src/component-options/componentOptions.ts

@@ -21,6 +21,8 @@ export interface ComponentOptions {
   consoleSubpage?: WebsiteComponentOptions;
   partnershipsSubpage?: WebsiteComponentOptions;
   website?: WebsiteComponentOptions;
+  privacyPolicy?: WebsiteComponentOptions;
+  rulesOfBehavior?: WebsiteComponentOptions;
 }
 
 export const componentOptions: ComponentOptions = {
@@ -50,4 +52,12 @@ export const componentOptions: ComponentOptions = {
     usaBanner: { theme: 'inverse' },
     header: { theme: 'inverse' },
   },
+  privacyPolicy: {
+    usaBanner: { theme: 'inverse' },
+    header: { theme: 'inverse' },
+  },
+  rulesOfBehavior: {
+    usaBanner: { theme: 'inverse' },
+    header: { theme: 'inverse' },
+  },
 };

package/src/components/DesktopSideNav.svelte

@@ -28,6 +28,7 @@
     onNavItemClick = undefined,
     children,
     showAppIcons = true,
+    hideDiscover = true,
     profileMenuData,
     apiUrl,
     chatUrl,
@@ -330,29 +331,31 @@
 
       {#if showAppIcons}
         <div class="nav-items" part="nav-items">
-          <a
-            href={discoverUrl || urls.discover}
-            class="nav-item discover-item"
-            class:selected={isNavSelected('discover')}
-            class:hovered={isNavHovered('discover')}
-            onclick={() => handleNavItemClick('discover')}
-            onkeydown={e => {
-              handleKeyDown(e, 'discover');
-              handleNavKeyDown(e, 0);
-            }}
-            onmouseenter={() => (hoveredItem = 'discover')}
-            onmouseleave={() => (hoveredItem = null)}
-            aria-current={isNavSelected('discover') ? 'page' : undefined}
-            part="discover-item"
-            bind:this={discoverNavRef}
-          >
-            <div class="icon-container" part="discover-icon-container">
-              <div class="icon-wrapper">
-                <DiscoverIcon isSelected={isNavSelected('discover')} />
+          {#if !hideDiscover}
+            <a
+              href={discoverUrl || urls.discover}
+              class="nav-item discover-item"
+              class:selected={isNavSelected('discover')}
+              class:hovered={isNavHovered('discover')}
+              onclick={() => handleNavItemClick('discover')}
+              onkeydown={e => {
+                handleKeyDown(e, 'discover');
+                handleNavKeyDown(e, 0);
+              }}
+              onmouseenter={() => (hoveredItem = 'discover')}
+              onmouseleave={() => (hoveredItem = null)}
+              aria-current={isNavSelected('discover') ? 'page' : undefined}
+              part="discover-item"
+              bind:this={discoverNavRef}
+            >
+              <div class="icon-container" part="discover-icon-container">
+                <div class="icon-wrapper">
+                  <DiscoverIcon isSelected={isNavSelected('discover')} />
+                </div>
               </div>
-            </div>
-            <span class="nav-text">Discover</span>
-          </a>
+              <span class="nav-text">Discover</span>
+            </a>
+          {/if}
           <a
             href={chatUrl || urls.chat}
             class="nav-item chat-item"

package/src/components/DesktopSideNav.webcomponent.svelte

@@ -13,6 +13,7 @@
     onNavToggle,
     onNavItemClick,
     showAppIcons = true,
+    hideDiscover = true,
     profileMenuData,
     apiUrl,
     chatUrl,
@@ -27,6 +28,7 @@
   {onNavToggle}
   {onNavItemClick}
   {showAppIcons}
+  {hideDiscover}
   {profileMenuData}
   {apiUrl}
   {chatUrl}

package/src/components/MobileBottomNav.svelte

@@ -11,6 +11,7 @@
   let {
     onNavItemClick,
     showAppIcons = true,
+    hideDiscover = true,
     apiUrl,
     chatUrl,
     consoleUrl,
@@ -21,6 +22,7 @@
       expanded: boolean;
     }) => void;
     showAppIcons: boolean;
+    hideDiscover: boolean;
     apiUrl?: string;
     chatUrl?: string;
     consoleUrl?: string;
@@ -33,7 +35,7 @@
       ? { api: '#', chat: '#', console: '#', discover: '#' }
       : getAppUrls();
 
-  const navItems = [
+  const allNavItems = [
     {
       id: 'discover',
       label: 'Discover',
@@ -50,6 +52,11 @@
     { id: 'api', label: 'API', icon: ApiIcon, href: apiUrl || urls.api },
   ] as const;
 
+  // Filter out discover item if hideDiscover is true
+  const navItems = hideDiscover
+    ? allNavItems.filter(item => item.id !== 'discover')
+    : allNavItems;
+
   function handleNavItemClick(item: NavigationItem) {
     // Set navigation flag immediately to prevent header restoration
     if (item !== 'discover' && typeof window !== 'undefined') {

package/src/components/MobileBottomNav.webcomponent.svelte

@@ -11,6 +11,7 @@
   let {
     onNavItemClick,
     showAppIcons = true,
+    hideDiscover = true,
     apiUrl,
     chatUrl,
     consoleUrl,
@@ -21,6 +22,7 @@
 <MobileBottomNav
   {onNavItemClick}
   {showAppIcons}
+  {hideDiscover}
   {apiUrl}
   {chatUrl}
   {consoleUrl}

package/src/utils/index.ts

@@ -1 +1,2 @@
 export * from './getAppUrls.js';
+export * from './navigationControl.js';