oddsgate-ds 1.0.216 → 1.0.218

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

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 export interface SearchBarProps {
     value: string;
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     placeholder?: string;
+    onClick?: () => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
 }

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

@@ -1,17 +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;
-    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

@@ -434,8 +434,10 @@ declare const AwardBadge: ({ label, variant, }: IAwardBadge) => React__default.J
 
 interface SearchBarProps {
     value: string;
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     placeholder?: string;
+    onClick?: () => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
 }
 
 declare const SearchBar: React__default.FC<SearchBarProps>;
@@ -746,20 +748,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;
-    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.216",
+  "version": "1.0.218",
   "description": "Miew theme component library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

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

@@ -10,7 +10,9 @@ import { SearchBarProps } from './SearchBar.interface'
 const SearchBar: React.FC<SearchBarProps> = ({
   value,
   onChange,
-  placeholder
+  placeholder,
+  onClick,
+  onKeyDown
 }) => {
   return (
     <StyledGlossarySearch>
@@ -19,6 +21,8 @@ const SearchBar: React.FC<SearchBarProps> = ({
         placeholder={placeholder}
         value={value}
         onChange={onChange}
+        onClick={onClick}
+        onKeyDown={onKeyDown}
       />
       <SearchButton>
         <Icon icon="icon-search" />

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

@@ -1,5 +1,7 @@
 export interface SearchBarProps {
   value: string
-  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void
+  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void
   placeholder?: string
+  onClick?: () => void
+  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void
 }

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

@@ -7,24 +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
-  backToTopButton?: boolean
-  noResultsText?: string
-  tryAnotherLetterText?: string
-}
+import { GlossaryProps } from './Glossary.interface'
 
 export const Glossary: React.FC<GlossaryProps> = ({
   searchTerm,
@@ -37,7 +25,7 @@ export const Glossary: React.FC<GlossaryProps> = ({
   noResultsText,
   tryAnotherLetterText
 }) => {
-  
+
   const categoryNames = Object.keys(categoryData)
 
   const noResults = categoryNames.every(

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
 }