@gsa-tts/graymatter-ui 0.4.3 → 0.4.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gsa-tts/graymatter-ui",
-  "version": "0.4.3",
+  "version": "0.4.5",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -69,7 +69,6 @@
     "@fontsource-variable/archivo": "^5.2.6",
     "@fontsource/space-mono": "^5.2.8",
     "@uswds/uswds": "3.12.0",
-    "slugify": "^1.6.6",
     "unist-util-visit": "^5.0.0",
     "@gsa-tts/graymatter-style-tokens": "0.3.17"
   },

package/src/components/ApiDocSubNavMenu.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { createEventDispatcher, onMount } from 'svelte';
-  import { subNavReady } from '@gsa-tts/graymatter-ui/stores/subNavReadyStore';
+  import { subNavReady } from '../stores/subNavReadyStore';
   import type { SubNavData, SubNavItem } from '../types/subnav.ts';
   import ApiDocSubNavList from './ApiDocSubNavList.svelte';
 

package/src/components/MobileBottomNav.svelte

@@ -5,8 +5,6 @@
   import ChatIcon from './icons/ChatIcon.svelte';
   import ConsoleIcon from './icons/ConsoleIcon.svelte';
   import ApiIcon from './icons/ApiIcon.svelte';
-  import * as slugifyModule from 'slugify';
-  const slugify = slugifyModule.default || slugifyModule;
 
   let {
     onNavItemClick,
@@ -131,10 +129,10 @@
     {#each navItems as navItem}
       <a
         href={navItem.href}
-        class={`nav-item ${slugify(navItem.id)}-item`}
+        class={`nav-item ${navItem.id}-item`}
         class:active={$selectedItem === navItem.id}
         onclick={() => handleNavItemClick(navItem.id)}
-        part={`${slugify(navItem.id)}-item`}
+        part={`${navItem.id}-item`}
       >
         <div class="icon">
           <navItem.icon isSelected={$selectedItem === navItem.id} />

package/src/layouts/DocsLayout.astro

@@ -129,9 +129,24 @@ const subNavData = generateApiDocumentationNavData(apiDocsMetadata);
         .replace(/'/g, ''');
     }
     function linkify(input) {
+      // Handle array input - convert to paragraphs
+      if (Array.isArray(input)) {
+        return input
+          .map(paragraph => {
+            const processed = linkifySingle(String(paragraph));
+            return `<p>${processed}</p>`;
+          })
+          .join('');
+      }
+
+      // Handle string input
+      return linkifySingle(String(input));
+    }
+
+    function linkifySingle(input) {
       // Preserve markdown links [label](url) using placeholders
       const placeholders = [];
-      const withPlaceholders = String(input).replace(
+      const withPlaceholders = input.replace(
         /\[([^\]]+)\]\(((https?:\/\/|www\.)[^\s)]+)\)/gi,
         (m, label, href) => {
           const safeLabel = escapeHtml(label);

package/src/utils/setupMocks.ts

@@ -28,16 +28,6 @@ export function setupCommonMocks() {
     };
   });
 
-  vi.mock('slugify', () => {
-    const mockSlugify = (x: string) => x.toLowerCase().replace(/ /g, '-');
-    return {
-      __esModule: true,
-      default: mockSlugify,
-      // Support both named and default exports
-      slugify: mockSlugify,
-    };
-  });
-
   vi.stubGlobal(
     'window',
     Object.create(window, {