oddsgate-ds 1.0.203 → 1.0.204

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

@@ -1,4 +1,12 @@
 import React from 'react';
-import { GlossaryProps } from './Glossary.interface';
+type GlossaryProps = {
+    searchTerm: string;
+    setSearchTerm: (term: string) => void;
+    selectedCategory: string | null;
+    setSelectedCategory: (cat: string | null) => void;
+    categoryData: Record<string, string[]>;
+    displayedCategories: string[];
+    placeholder?: string;
+};
 export declare const Glossary: React.FC<GlossaryProps>;
 export default Glossary;

package/dist/types.d.ts

@@ -720,28 +720,15 @@ type IProductsSlider = {
 
 declare const ProductsSlider: ({ content, style, className, }: IProductsSlider) => React__default.JSX.Element;
 
-type GlossaryItem = {
-    title: string;
-    categories: {
-        name: string;
-        items: {
-            slug: string;
-            name: string;
-        }[];
-    }[];
-};
 type GlossaryProps = {
-    items: GlossaryItem[];
-    categories: {
-        name: string;
-        items: {
-            slug: string;
-            name: string;
-        }[];
-    }[];
+    searchTerm: string;
+    setSearchTerm: (term: string) => void;
+    selectedCategory: string | null;
+    setSelectedCategory: (cat: string | null) => void;
+    categoryData: Record<string, string[]>;
+    displayedCategories: string[];
     placeholder?: string;
 };
-
 declare const Glossary: React__default.FC<GlossaryProps>;
 
 declare const iconsList: string[];

package/package.json

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

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

@@ -1,37 +1,31 @@
-import React, { useState } from 'react'
+import React from 'react'
 import { StyledGlossary, StyledGlossaryCategories } from './Glossary.themes'
 
 import SearchBar from '@/components/molecules/SearchBar/SearchBar.component'
 import GlossaryCategoryIndex from '@/components/molecules/CategoryIndex/CategoryIndex.component'
 import CategoriesWrapper from '@/components/molecules/CategoriesWrapper/CategoriesWrapper.component'
-import { GlossaryProps } from './Glossary.interface'
+
+type GlossaryProps = {
+  searchTerm: string
+  setSearchTerm: (term: string) => void
+  selectedCategory: string | null
+  setSelectedCategory: (cat: string | null) => void
+  categoryData: Record<string, string[]>
+  displayedCategories: string[]
+  placeholder?: string
+}
 
 export const Glossary: React.FC<GlossaryProps> = ({
-  items,
-  categories,
+  searchTerm,
+  setSearchTerm,
+  selectedCategory,
+  setSelectedCategory,
+  categoryData,
+  displayedCategories,
   placeholder
 }) => {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [selectedCategory, setSelectedCategory] = useState<string | null>(null)
-
-  const categoryData: Record<string, string[]> = {}
-  categories[0].items.forEach(cat => {
-    categoryData[cat.name] = []
-  })
-  items.forEach(item => {
-    item.categories[0].items.forEach(cat => {
-      if (categoryData[cat.name]) {
-        categoryData[cat.name].push(item.title)
-      }
-    })
-  })
-
   const categoryNames = Object.keys(categoryData)
 
-  const displayedCategories = selectedCategory
-    ? [selectedCategory]
-    : categoryNames
-
   return (
     <StyledGlossary>
       <SearchBar