oddsgate-ds 1.0.220 → 1.0.221

package/package.json

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

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

@@ -10,14 +10,23 @@ const CategoryIndex: React.FC<CategoryIndexProps> = ({
   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)}
+          onClick={() =>
+            onChange(
+              category === '#' && numericCategory ? numericCategory : category
+            )
+          }
           isSelected={
             category === '#'
-              ? selectedCategory === categories[0]
+              ? !!numericCategory && selectedCategory === numericCategory
               : selectedCategory === category
           }
           key={`category-${category}`}

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

@@ -3,6 +3,13 @@ import { Meta, StoryObj } from '@storybook/react'
 import Glossary from './Glossary.component'
 
 const categories = [
+  {
+    name: '#',
+    items: [
+      { name: '123', slug: '123' },
+      { name: '321', slug: '321' }
+    ]
+  },
   {
     name: 'A',
     items: [
@@ -16,7 +23,7 @@ const categories = [
       { name: 'Banana', slug: 'banana' },
       { name: 'Blueberry', slug: 'blueberry' }
     ]
-  }
+  },
 ]
 
 // Helper to build categoryData from categories