oddsgate-ds 1.0.221 → 1.0.222

package/dist/esm/types/components/molecules/CategoryIndex/CategoryIndex.interface.d.ts

@@ -1,5 +1,8 @@
 export interface CategoryIndexProps {
-    categories: string[];
+    categories: {
+        name: string;
+        slug: string;
+    }[];
     onChange: (category: string | null) => void;
     selectedCategory: string | null;
 }

package/dist/types.d.ts

@@ -453,7 +453,10 @@ interface CategoriesWrapperProps {
 declare const CategoriesWrapper: React__default.FC<CategoriesWrapperProps>;
 
 interface CategoryIndexProps {
-    categories: string[];
+    categories: {
+        name: string;
+        slug: string;
+    }[];
     onChange: (category: string | null) => void;
     selectedCategory: string | null;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oddsgate-ds",
-  "version": "1.0.221",
+  "version": "1.0.222",
   "description": "Miew theme component library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/components/molecules/CategoryIndex/CategoryIndex.component.tsx

@@ -5,33 +5,21 @@ import {
 } from './CategoryIndex.theme'
 import { CategoryIndexProps } from './CategoryIndex.interface'
 
+// Expect categories as array of { name, slug }
 const CategoryIndex: React.FC<CategoryIndexProps> = ({
   categories,
   onChange,
   selectedCategory
 }) => {
-  // Find the numeric/symbol category - could be "0-9", "123", "#", etc.
-  const numericCategory = categories.find(
-    cat => /^[0-9#]/.test(cat) || cat === '0-9' || cat === '123'
-  )
-
   return (
     <StyledGlossaryCategoryIndex>
       {categories.map(category => (
         <StyledGlossaryCategoryIndexItem
-          onClick={() =>
-            onChange(
-              category === '#' && numericCategory ? numericCategory : category
-            )
-          }
-          isSelected={
-            category === '#'
-              ? !!numericCategory && selectedCategory === numericCategory
-              : selectedCategory === category
-          }
-          key={`category-${category}`}
+          onClick={() => onChange(category.slug)}
+          isSelected={selectedCategory === category.slug}
+          key={`category-${category.slug}`}
         >
-          {category}
+          {category.name}
         </StyledGlossaryCategoryIndexItem>
       ))}
     </StyledGlossaryCategoryIndex>

package/src/components/molecules/CategoryIndex/CategoryIndex.interface.ts

@@ -1,5 +1,5 @@
 export interface CategoryIndexProps {
-  categories: string[]
+  categories: { name: string; slug: string }[]
   onChange: (category: string | null) => void
   selectedCategory: string | null
 }

package/src/components/organisms/Glossary/Glossary.component.tsx

@@ -25,9 +25,8 @@ export const Glossary: React.FC<GlossaryProps> = ({
   noResultsText,
   tryAnotherLetterText
 }) => {
-
   const categoryNames = Object.keys(categoryData)
-
+  console.log('categoryNames:', categoryNames)
   const noResults = categoryNames.every(
     category => !categoryData[category] || categoryData[category].length === 0
   )
@@ -41,7 +40,10 @@ export const Glossary: React.FC<GlossaryProps> = ({
       />
 
       <GlossaryCategoryIndex
-        categories={categoryNames}
+        categories={categoryNames.map(name => {
+          const found = categoryData[name]
+          return found ? { name, slug: name } : { name, slug: name }
+        })}
         selectedCategory={selectedCategory}
         onChange={cat =>
           setSelectedCategory(cat === selectedCategory ? null : cat)
@@ -50,7 +52,9 @@ export const Glossary: React.FC<GlossaryProps> = ({
       {noResults ? (
         <StyledNoResultsContainer>
           <StyledNoResultsTitle>{noResultsText}</StyledNoResultsTitle>
-          <StyledNoResultsSubtitle>{tryAnotherLetterText}</StyledNoResultsSubtitle>
+          <StyledNoResultsSubtitle>
+            {tryAnotherLetterText}
+          </StyledNoResultsSubtitle>
         </StyledNoResultsContainer>
       ) : (
         <>