oddsgate-ds 1.0.215 → 1.0.217

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

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

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

@@ -1,22 +1,18 @@
-type GlossaryItem = {
+export type GlossaryItem = {
     title: string;
-    categories: {
-        name: string;
-        items: {
-            slug: string;
-            name: string;
-        }[];
-    }[];
+    slug: string;
+};
+export type GlossaryCategoryData = {
+    [category: string]: GlossaryItem[];
 };
 export 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: GlossaryCategoryData;
     placeholder?: string;
+    backToTopButton?: string;
+    noResultsText?: string;
+    tryAnotherLetterText?: string;
 };
-export {};

package/dist/types.d.ts

@@ -746,21 +746,25 @@ type IProductsSlider = {
 
 declare const ProductsSlider: ({ content, style, className, }: IProductsSlider) => React__default.JSX.Element;
 
+type GlossaryItem = {
+    title: string;
+    slug: string;
+};
+type GlossaryCategoryData = {
+    [category: string]: GlossaryItem[];
+};
 type GlossaryProps = {
     searchTerm: string;
     setSearchTerm: (term: string) => void;
     selectedCategory: string | null;
     setSelectedCategory: (cat: string | null) => void;
-    categoryData: Record<string, {
-        title: string;
-        slug: string;
-    }[]>;
+    categoryData: GlossaryCategoryData;
     placeholder?: string;
-    noResults?: boolean;
-    backToTopButton?: boolean;
+    backToTopButton?: string;
     noResultsText?: string;
     tryAnotherLetterText?: 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.215",
+  "version": "1.0.217",
   "description": "Miew theme component library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

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

@@ -7,25 +7,12 @@ import {
   StyledNoResultsSubtitle,
   StyledNoResultsTitle
 } 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 Button from '@/components/atoms/Button'
 import Icon from '@/components/atoms/Icon'
-
-type GlossaryProps = {
-  searchTerm: string
-  setSearchTerm: (term: string) => void
-  selectedCategory: string | null
-  setSelectedCategory: (cat: string | null) => void
-  categoryData: Record<string, { title: string; slug: string }[]>
-  placeholder?: string
-  noResults?: boolean
-  backToTopButton?: boolean
-  noResultsText?: string
-  tryAnotherLetterText?: string
-}
+import { GlossaryProps } from './Glossary.interface'
 
 export const Glossary: React.FC<GlossaryProps> = ({
   searchTerm,
@@ -34,12 +21,17 @@ export const Glossary: React.FC<GlossaryProps> = ({
   setSelectedCategory,
   categoryData,
   placeholder,
-  noResults,
   backToTopButton,
   noResultsText,
   tryAnotherLetterText
 }) => {
+
   const categoryNames = Object.keys(categoryData)
+
+  const noResults = categoryNames.every(
+    category => !categoryData[category] || categoryData[category].length === 0
+  )
+
   return (
     <StyledGlossary>
       <SearchBar

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

@@ -1,10 +1,20 @@
-type GlossaryItem = {
+export type GlossaryItem = {
   title: string
-  categories: { name: string; items: { slug: string; name: string }[] }[]
+  slug: string
+}
+
+export type GlossaryCategoryData = {
+  [category: string]: GlossaryItem[]
 }
 
 export 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: GlossaryCategoryData
   placeholder?: string
+  backToTopButton?: string
+  noResultsText?: string
+  tryAnotherLetterText?: string
 }

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

@@ -72,9 +72,6 @@ const Template = (args: any) => {
     })
   }
 
-  // Determine if there are no results
-  const noResults = Object.keys(filteredCategoryData).length === 0
-
   return (
     <Glossary
       {...args}
@@ -83,7 +80,6 @@ const Template = (args: any) => {
       selectedCategory={selectedCategory}
       setSelectedCategory={setSelectedCategory}
       categoryData={filteredCategoryData}
-      noResults={noResults}
     />
   )
 }
@@ -92,7 +88,6 @@ export const Default: StoryObj = {
   render: Template,
   args: {
     placeholder: 'Search glossary...',
-    noResults: false,
     backToTopButton: 'Back to top',
     noResultsText: 'No results found',
     tryAnotherLetterText: 'Try another letter'