oddsgate-ds 1.0.210 → 1.0.212

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

@@ -0,0 +1 @@
+export { default } from './CategoriesWrapper.component';

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

@@ -0,0 +1 @@
+export { default } from './CategoryIndex.component';

package/dist/esm/types/components/molecules/SearchBar/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SearchBar.component';

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

@@ -1,4 +1,19 @@
 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, {
+        title: string;
+        slug: string;
+    }[]>;
+    displayedCategories: string[];
+    placeholder?: string;
+    noResults?: boolean;
+    backToTopButton?: boolean;
+    noResultsText?: string;
+    tryAnotherLetterText?: string;
+};
 export declare const Glossary: React.FC<GlossaryProps>;
 export default Glossary;

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

@@ -18,18 +18,5 @@ export type GlossaryProps = {
         }[];
     }[];
     placeholder?: string;
-    searchTerm: string;
-    setSearchTerm: (term: string) => void;
-    selectedCategory: string | null;
-    setSelectedCategory: (cat: string | null) => void;
-    categoryData: Record<string, {
-        title: string;
-        slug: string;
-    }[]>;
-    displayedCategories: string[];
-    noResults?: boolean;
-    backToTopButton?: boolean;
-    noResultsText?: string;
-    tryAnotherLetterText?: string;
 };
 export {};

package/dist/esm/types/index.d.ts

@@ -25,6 +25,9 @@ export { default as LegalLinks } from './components/atoms/LegalLinks';
 export { default as Marquee } from './components/atoms/Marquee';
 export { default as CardMarquee } from './components/atoms/CardMarquee';
 export { default as AwardBadge } from './components/atoms/AwardBadge';
+export { default as SearchBar } from './components/molecules/SearchBar';
+export { default as CategoriesWrapper } from './components/molecules/CategoriesWrapper';
+export { default as CategoryIndex } from './components/molecules/CategoryIndex';
 export { default as PortalComponent } from './components/common/PortalComponent';
 export { Accordion as Accordion } from './components/molecules/Accordion';
 export { AccordionItem as AccordionItem } from './components/molecules/Accordion';

package/dist/types.d.ts

@@ -432,6 +432,32 @@ interface IAwardBadge {
  */
 declare const AwardBadge: ({ label, variant, }: IAwardBadge) => React__default.JSX.Element;
 
+interface SearchBarProps {
+    value: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+}
+
+declare const SearchBar: React__default.FC<SearchBarProps>;
+
+interface CategoriesWrapperProps {
+    category: string;
+    categoryItems: {
+        title: string;
+        slug: string;
+    }[];
+}
+
+declare const CategoriesWrapper: React__default.FC<CategoriesWrapperProps>;
+
+interface CategoryIndexProps {
+    categories: string[];
+    onChange: (category: string | null) => void;
+    selectedCategory: string | null;
+}
+
+declare const CategoryIndex: React__default.FC<CategoryIndexProps>;
+
 type PortalComponentProps = {
     wrapperId: string;
     children?: React.ReactNode;
@@ -720,26 +746,7 @@ 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;
-        }[];
-    }[];
-    placeholder?: string;
     searchTerm: string;
     setSearchTerm: (term: string) => void;
     selectedCategory: string | null;
@@ -749,12 +756,12 @@ type GlossaryProps = {
         slug: string;
     }[]>;
     displayedCategories: string[];
+    placeholder?: string;
     noResults?: boolean;
     backToTopButton?: boolean;
     noResultsText?: string;
     tryAnotherLetterText?: string;
 };
-
 declare const Glossary: React__default.FC<GlossaryProps>;
 
 declare const iconsList: string[];
@@ -769,4 +776,4 @@ declare function useMediaMatch(query?: string): boolean;
 
 declare const debounce: (callback: any, wait: number) => (...args: any) => void;
 
-export { Accordion, AccordionItem, AwardBadge, AwardCard, BlogCard, Button, CardMarquee, CareersCard, CheckRadioField, Chip, CircularSlider, CloseButton, Column, Counter, Cover, Dropdown, DropdownItem, EmptyState, EventsCard, Flex, FormField, GlobalStyles, Glossary, Heading, Icon, IconBox, IconTitle, ImageWrapper, LegalLinks, LicenseCard, Loader, LogosCard, Marquee, Modal, NewsCard, OffCanvas, PortalComponent, ProductCard, ProductsSlider, Quote, RichText, Row, ScrollingNav, Separator, ShareModal, Slider, SocialLinks, Spacer, Tabs, TeamCard, Video, VideoEmbed, clickOutSideToClose, debounce, iconsList, isTouchDevice, useMediaMatch, variables };
+export { Accordion, AccordionItem, AwardBadge, AwardCard, BlogCard, Button, CardMarquee, CareersCard, CategoriesWrapper, CategoryIndex, CheckRadioField, Chip, CircularSlider, CloseButton, Column, Counter, Cover, Dropdown, DropdownItem, EmptyState, EventsCard, Flex, FormField, GlobalStyles, Glossary, Heading, Icon, IconBox, IconTitle, ImageWrapper, LegalLinks, LicenseCard, Loader, LogosCard, Marquee, Modal, NewsCard, OffCanvas, PortalComponent, ProductCard, ProductsSlider, Quote, RichText, Row, ScrollingNav, SearchBar, Separator, ShareModal, Slider, SocialLinks, Spacer, Tabs, TeamCard, Video, VideoEmbed, clickOutSideToClose, debounce, iconsList, isTouchDevice, useMediaMatch, variables };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oddsgate-ds",
-  "version": "1.0.210",
+  "version": "1.0.212",
   "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,7 @@ const CategoriesWrapper: React.FC<CategoriesWrapperProps> = ({
           <StyledCategoryContent>
             {categoryItems.map((item, index) => (
               <StyledCategoryItem key={index}>
-                <Button as="a" href={item.slug} variant="text">
+                <Button href={item.slug} variant="text">
                   {item.title}
                 </Button>
               </StyledCategoryItem>

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

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

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

@@ -0,0 +1 @@
+export { default } from './CategoriesWrapper.component'

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

@@ -0,0 +1 @@
+export { default } from './CategoryIndex.component'

package/src/components/molecules/SearchBar/index.ts

@@ -0,0 +1 @@
+export { default } from './SearchBar.component'

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

@@ -13,8 +13,20 @@ import GlossaryCategoryIndex from '@/components/molecules/CategoryIndex/Category
 import CategoriesWrapper from '@/components/molecules/CategoriesWrapper/CategoriesWrapper.component'
 import Button from '@/components/atoms/Button'
 import Icon from '@/components/atoms/Icon'
-import { GlossaryProps } from './Glossary.interface'
 
+type GlossaryProps = {
+  searchTerm: string
+  setSearchTerm: (term: string) => void
+  selectedCategory: string | null
+  setSelectedCategory: (cat: string | null) => void
+  categoryData: Record<string, { title: string; slug: string }[]>
+  displayedCategories: string[]
+  placeholder?: string
+  noResults?: boolean
+  backToTopButton?: boolean
+  noResultsText?: string
+  tryAnotherLetterText?: string
+}
 
 export const Glossary: React.FC<GlossaryProps> = ({
   searchTerm,
@@ -22,7 +34,6 @@ export const Glossary: React.FC<GlossaryProps> = ({
   selectedCategory,
   setSelectedCategory,
   categoryData,
-  displayedCategories,
   placeholder,
   noResults,
   backToTopButton,
@@ -30,7 +41,7 @@ export const Glossary: React.FC<GlossaryProps> = ({
   tryAnotherLetterText
 }) => {
   const categoryNames = Object.keys(categoryData)
-
+  console.log("categoryData", categoryData)
   return (
     <StyledGlossary>
       <SearchBar
@@ -54,7 +65,7 @@ export const Glossary: React.FC<GlossaryProps> = ({
       ) : (
         <>
           <StyledGlossaryCategories>
-            {displayedCategories.map(category => (
+            {categoryNames.map(category => (
               <CategoriesWrapper
                 key={category}
                 category={category}

package/src/components/organisms/Glossary/Glossary.interface.ts

@@ -7,14 +7,4 @@ export type GlossaryProps = {
   items: GlossaryItem[]
   categories: { name: string; items: { slug: string; name: string }[] }[]
   placeholder?: string
-  searchTerm: string
-  setSearchTerm: (term: string) => void
-  selectedCategory: string | null
-  setSelectedCategory: (cat: string | null) => void
-  categoryData: Record<string, { title: string; slug: string }[]>
-  displayedCategories: string[]
-  noResults?: boolean
-  backToTopButton?: boolean
-  noResultsText?: string
-  tryAnotherLetterText?: string
 }

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
 }

package/src/index.ts

@@ -27,6 +27,9 @@ export { default as LegalLinks } from './components/atoms/LegalLinks'
 export { default as Marquee } from './components/atoms/Marquee'
 export { default as CardMarquee } from './components/atoms/CardMarquee'
 export { default as AwardBadge } from './components/atoms/AwardBadge'
+export { default as SearchBar } from './components/molecules/SearchBar'
+export { default as CategoriesWrapper } from './components/molecules/CategoriesWrapper'
+export { default as CategoryIndex } from './components/molecules/CategoryIndex'
 
 //common
 export { default as PortalComponent } from './components/common/PortalComponent'