oddsgate-ds 1.0.222 → 1.0.224

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

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

package/dist/types.d.ts

@@ -458,7 +458,7 @@ interface CategoryIndexProps {
         slug: string;
     }[];
     onChange: (category: string | null) => void;
-    selectedCategory: string | null;
+    selectedCategory: string | null | undefined;
 }
 
 declare const CategoryIndex: React__default.FC<CategoryIndexProps>;

package/package.json

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

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

@@ -5,18 +5,23 @@ import {
 } from './CategoryIndex.theme'
 import { CategoryIndexProps } from './CategoryIndex.interface'
 
-// Expect categories as array of { name, slug }
 const CategoryIndex: React.FC<CategoryIndexProps> = ({
   categories,
   onChange,
   selectedCategory
 }) => {
+
+  const isNumber = selectedCategory && !isNaN(Number(selectedCategory))
+  const selected = isNumber
+    ? categories.find(cat => cat.name === '#')?.slug
+    : selectedCategory
+
   return (
     <StyledGlossaryCategoryIndex>
       {categories.map(category => (
         <StyledGlossaryCategoryIndexItem
           onClick={() => onChange(category.slug)}
-          isSelected={selectedCategory === category.slug}
+          isSelected={selected === category.slug}
           key={`category-${category.slug}`}
         >
           {category.name}

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

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

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

@@ -26,7 +26,6 @@ export const Glossary: React.FC<GlossaryProps> = ({
   tryAnotherLetterText
 }) => {
   const categoryNames = Object.keys(categoryData)
-  console.log('categoryNames:', categoryNames)
   const noResults = categoryNames.every(
     category => !categoryData[category] || categoryData[category].length === 0
   )

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

@@ -5,6 +5,7 @@ import Glossary from './Glossary.component'
 const categories = [
   {
     name: '#',
+    slug: "86",
     items: [
       { name: '123', slug: '123' },
       { name: '321', slug: '321' }
@@ -12,6 +13,7 @@ const categories = [
   },
   {
     name: 'A',
+    slug: "a",
     items: [
       { name: 'Apple', slug: 'apple' },
       { name: 'Apricot', slug: 'apricot' }
@@ -19,6 +21,7 @@ const categories = [
   },
   {
     name: 'B',
+    slug: "b",
     items: [
       { name: 'Banana', slug: 'banana' },
       { name: 'Blueberry', slug: 'blueberry' }