oddsgate-ds 1.0.209 → 1.0.211

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

@@ -1,5 +1,7 @@
-/// <reference types="react" />
 export interface CategoriesWrapperProps {
     category: string;
-    categoryItems: React.ReactNode[];
+    categoryItems: {
+        title: string;
+        slug: string;
+    }[];
 }

package/dist/esm/types/components/organisms/Glossary/Glossary.component.d.ts

@@ -4,7 +4,10 @@ type GlossaryProps = {
     setSearchTerm: (term: string) => void;
     selectedCategory: string | null;
     setSelectedCategory: (cat: string | null) => void;
-    categoryData: Record<string, string[]>;
+    categoryData: Record<string, {
+        title: string;
+        slug: string;
+    }[]>;
     displayedCategories: string[];
     placeholder?: string;
     noResults?: boolean;

package/dist/types.d.ts

@@ -725,7 +725,10 @@ type GlossaryProps = {
     setSearchTerm: (term: string) => void;
     selectedCategory: string | null;
     setSelectedCategory: (cat: string | null) => void;
-    categoryData: Record<string, string[]>;
+    categoryData: Record<string, {
+        title: string;
+        slug: string;
+    }[]>;
     displayedCategories: string[];
     placeholder?: string;
     noResults?: boolean;

package/package.json

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

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

@@ -24,7 +24,9 @@ const CategoriesWrapper: React.FC<CategoriesWrapperProps> = ({
           <StyledCategoryContent>
             {categoryItems.map((item, index) => (
               <StyledCategoryItem key={index}>
-                <Button variant="text">{item}</Button>
+                <Button href={item.slug} variant="text">
+                  {item.title}
+                </Button>
               </StyledCategoryItem>
             ))}
           </StyledCategoryContent>
@@ -34,4 +36,4 @@ const CategoriesWrapper: React.FC<CategoriesWrapperProps> = ({
   )
 }
 
-export default CategoriesWrapper;
+export default CategoriesWrapper

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

@@ -1,4 +1,4 @@
 export interface CategoriesWrapperProps {
   category: string
-  categoryItems: React.ReactNode[]
+  categoryItems: { title: string; slug: string }[]
 }

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

@@ -19,7 +19,7 @@ type GlossaryProps = {
   setSearchTerm: (term: string) => void
   selectedCategory: string | null
   setSelectedCategory: (cat: string | null) => void
-  categoryData: Record<string, string[]>
+  categoryData: Record<string, { title: string; slug: string }[]>
   displayedCategories: string[]
   placeholder?: string
   noResults?: boolean

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

@@ -144,8 +144,13 @@ interface BuildCategoryDataCategory {
     items: BuildCategoryDataItem[]
 }
 
+interface CategoryDataItem {
+    title: string
+    slug: string
+}
+
 interface CategoryData {
-    [categoryName: string]: string[]
+    [categoryName: string]: CategoryDataItem[]
 }
 
 function buildCategoryData(
@@ -154,7 +159,10 @@ function buildCategoryData(
 ): CategoryData {
     const data: CategoryData = {}
     categories.forEach((cat: BuildCategoryDataCategory) => {
-        data[cat.name] = cat.items.map((item: BuildCategoryDataItem) => item.name)
+        data[cat.name] = cat.items.map((item: BuildCategoryDataItem) => ({
+            title: item.name,
+            slug: item.slug
+        }))
     })
     return data
 }