oddsgate-ds 1.0.223 → 1.0.225

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/dist/cjs/index.js +5 -5
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/index.d.ts +0 -4
  4. package/dist/esm/index.js +5 -5
  5. package/dist/esm/index.js.map +1 -1
  6. package/dist/esm/types/index.d.ts +0 -4
  7. package/dist/types.d.ts +1 -53
  8. package/package.json +1 -1
  9. package/src/components/atoms/Button/Button.component.tsx +4 -0
  10. package/src/components/atoms/Button/Button.interface.ts +4 -0
  11. package/src/components/atoms/Button/Button.theme.ts +39 -30
  12. package/src/components/molecules/CategoriesWrapper/CategoriesWrapper.component.tsx +1 -1
  13. package/src/components/molecules/CategoriesWrapper/CategoriesWrapper.stories.tsx +8 -8
  14. package/src/components/molecules/CategoryIndex/CategoryIndex.component.tsx +0 -1
  15. package/src/components/molecules/CategoryIndex/CategoryIndex.interface.ts +1 -1
  16. package/src/components/molecules/CategoryIndex/CategoryIndex.stories.tsx +1 -1
  17. package/src/components/molecules/CategoryIndex/CategoryIndex.theme.ts +6 -1
  18. package/src/components/organisms/Glossary/Glossary.component.tsx +2 -2
  19. package/src/components/organisms/Glossary/Glossary.stories.tsx +3 -0
  20. package/src/components/organisms/Glossary/Glossary.themes.ts +1 -1
  21. package/dist/cjs/types/components/molecules/CategoriesWrapper/CategoriesWrapper.component.d.ts +0 -4
  22. package/dist/cjs/types/components/molecules/CategoriesWrapper/CategoriesWrapper.interface.d.ts +0 -7
  23. package/dist/cjs/types/components/molecules/CategoriesWrapper/CategoriesWrapper.theme.d.ts +0 -6
  24. package/dist/cjs/types/components/molecules/CategoriesWrapper/index.d.ts +0 -1
  25. package/dist/cjs/types/components/molecules/CategoryIndex/CategoryIndex.component.d.ts +0 -4
  26. package/dist/cjs/types/components/molecules/CategoryIndex/CategoryIndex.interface.d.ts +0 -8
  27. package/dist/cjs/types/components/molecules/CategoryIndex/CategoryIndex.theme.d.ts +0 -7
  28. package/dist/cjs/types/components/molecules/CategoryIndex/index.d.ts +0 -1
  29. package/dist/cjs/types/components/molecules/SearchBar/SearchBar.component.d.ts +0 -4
  30. package/dist/cjs/types/components/molecules/SearchBar/SearchBar.interface.d.ts +0 -8
  31. package/dist/cjs/types/components/molecules/SearchBar/SearchBar.theme.d.ts +0 -4
  32. package/dist/cjs/types/components/molecules/SearchBar/index.d.ts +0 -1
  33. package/dist/cjs/types/components/organisms/Glossary/Glossary.component.d.ts +0 -4
  34. package/dist/cjs/types/components/organisms/Glossary/Glossary.interface.d.ts +0 -18
  35. package/dist/cjs/types/components/organisms/Glossary/Glossary.themes.d.ts +0 -8
  36. package/dist/cjs/types/components/organisms/Glossary/index.d.ts +0 -1
  37. package/dist/esm/types/components/molecules/CategoriesWrapper/CategoriesWrapper.component.d.ts +0 -4
  38. package/dist/esm/types/components/molecules/CategoriesWrapper/CategoriesWrapper.interface.d.ts +0 -7
  39. package/dist/esm/types/components/molecules/CategoriesWrapper/CategoriesWrapper.theme.d.ts +0 -6
  40. package/dist/esm/types/components/molecules/CategoriesWrapper/index.d.ts +0 -1
  41. package/dist/esm/types/components/molecules/CategoryIndex/CategoryIndex.component.d.ts +0 -4
  42. package/dist/esm/types/components/molecules/CategoryIndex/CategoryIndex.interface.d.ts +0 -8
  43. package/dist/esm/types/components/molecules/CategoryIndex/CategoryIndex.theme.d.ts +0 -7
  44. package/dist/esm/types/components/molecules/CategoryIndex/index.d.ts +0 -1
  45. package/dist/esm/types/components/molecules/SearchBar/SearchBar.component.d.ts +0 -4
  46. package/dist/esm/types/components/molecules/SearchBar/SearchBar.interface.d.ts +0 -8
  47. package/dist/esm/types/components/molecules/SearchBar/SearchBar.theme.d.ts +0 -4
  48. package/dist/esm/types/components/molecules/SearchBar/index.d.ts +0 -1
  49. package/dist/esm/types/components/organisms/Glossary/Glossary.component.d.ts +0 -4
  50. package/dist/esm/types/components/organisms/Glossary/Glossary.interface.d.ts +0 -18
  51. package/dist/esm/types/components/organisms/Glossary/Glossary.themes.d.ts +0 -8
  52. package/dist/esm/types/components/organisms/Glossary/index.d.ts +0 -1
@@ -25,9 +25,6 @@ export { default as LegalLinks } from './components/atoms/LegalLinks';
25
25
  export { default as Marquee } from './components/atoms/Marquee';
26
26
  export { default as CardMarquee } from './components/atoms/CardMarquee';
27
27
  export { default as AwardBadge } from './components/atoms/AwardBadge';
28
- export { default as SearchBar } from './components/molecules/SearchBar';
29
- export { default as CategoriesWrapper } from './components/molecules/CategoriesWrapper';
30
- export { default as CategoryIndex } from './components/molecules/CategoryIndex';
31
28
  export { default as PortalComponent } from './components/common/PortalComponent';
32
29
  export { Accordion as Accordion } from './components/molecules/Accordion';
33
30
  export { AccordionItem as AccordionItem } from './components/molecules/Accordion';
@@ -52,7 +49,6 @@ export { default as Cover } from './components/organisms/Cover';
52
49
  export { default as Tabs } from './components/organisms/Tabs';
53
50
  export { default as CircularSlider } from './components/organisms/CircularSlider';
54
51
  export { default as ProductsSlider } from './components/organisms/ProductsSlider';
55
- export { default as Glossary } from './components/organisms/Glossary';
56
52
  export { iconsList } from './helpers/getIcons';
57
53
  export { default as GlobalStyles } from './styles/Global';
58
54
  export { default as clickOutSideToClose } from './helpers/clickOutsideToClose';
package/dist/types.d.ts CHANGED
@@ -432,37 +432,6 @@ interface IAwardBadge {
432
432
  */
433
433
  declare const AwardBadge: ({ label, variant, }: IAwardBadge) => React__default.JSX.Element;
434
434
 
435
- interface SearchBarProps {
436
- value: string;
437
- onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
438
- placeholder?: string;
439
- onClick?: () => void;
440
- onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
441
- }
442
-
443
- declare const SearchBar: React__default.FC<SearchBarProps>;
444
-
445
- interface CategoriesWrapperProps {
446
- category: string;
447
- categoryItems: {
448
- title: string;
449
- slug: string;
450
- }[];
451
- }
452
-
453
- declare const CategoriesWrapper: React__default.FC<CategoriesWrapperProps>;
454
-
455
- interface CategoryIndexProps {
456
- categories: {
457
- name: string;
458
- slug: string;
459
- }[];
460
- onChange: (category: string | null) => void;
461
- selectedCategory: string | null;
462
- }
463
-
464
- declare const CategoryIndex: React__default.FC<CategoryIndexProps>;
465
-
466
435
  type PortalComponentProps = {
467
436
  wrapperId: string;
468
437
  children?: React.ReactNode;
@@ -751,27 +720,6 @@ type IProductsSlider = {
751
720
 
752
721
  declare const ProductsSlider: ({ content, style, className, }: IProductsSlider) => React__default.JSX.Element;
753
722
 
754
- type GlossaryItem = {
755
- title: string;
756
- slug: string;
757
- };
758
- type GlossaryCategoryData = {
759
- [category: string]: GlossaryItem[];
760
- };
761
- type GlossaryProps = {
762
- searchTerm: string;
763
- setSearchTerm: (term: string) => void;
764
- selectedCategory: string | null;
765
- setSelectedCategory: (cat: string | null) => void;
766
- categoryData: GlossaryCategoryData;
767
- placeholder?: string;
768
- backToTopButton?: string;
769
- noResultsText?: string;
770
- tryAnotherLetterText?: string;
771
- };
772
-
773
- declare const Glossary: React__default.FC<GlossaryProps>;
774
-
775
723
  declare const iconsList: string[];
776
724
 
777
725
  declare const GlobalStyles: React$1.NamedExoticComponent<styled_components.ExecutionProps & object>;
@@ -784,4 +732,4 @@ declare function useMediaMatch(query?: string): boolean;
784
732
 
785
733
  declare const debounce: (callback: any, wait: number) => (...args: any) => void;
786
734
 
787
- 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 };
735
+ export { Accordion, AccordionItem, AwardBadge, AwardCard, BlogCard, Button, CardMarquee, CareersCard, CheckRadioField, Chip, CircularSlider, CloseButton, Column, Counter, Cover, Dropdown, DropdownItem, EmptyState, EventsCard, Flex, FormField, GlobalStyles, 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 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oddsgate-ds",
3
- "version": "1.0.223",
3
+ "version": "1.0.225",
4
4
  "description": "Miew theme component library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -20,6 +20,8 @@ const Button = ({
20
20
  target,
21
21
  disabled,
22
22
  type,
23
+ iconAnimation=true,
24
+ hideIconOnMobile=true,
23
25
  ...props
24
26
  }: IButton) => {
25
27
  return (
@@ -37,6 +39,8 @@ const Button = ({
37
39
  rel={href ? rel : undefined}
38
40
  aria-label={href ? ariaLabel : undefined}
39
41
  className={className}
42
+ $iconAnimation={iconAnimation}
43
+ $hideIconOnMobile={hideIconOnMobile}
40
44
  {...props}
41
45
  >
42
46
  {variant === 'primary' || variant === 'secondary' ? (
@@ -21,9 +21,13 @@ interface IButtonBase {
21
21
  export interface IButtonSC extends IButtonBase {
22
22
  $variant?: string;
23
23
  $mode?: string;
24
+ $iconAnimation?: boolean;
25
+ $hideIconOnMobile?: boolean;
24
26
  }
25
27
  export interface IButton extends IButtonBase {
26
28
  variant?: string;
27
29
  mode?: string;
30
+ iconAnimation?: boolean;
31
+ hideIconOnMobile?: boolean;
28
32
  }
29
33
 
@@ -33,9 +33,11 @@ export const StyledButton = styled.a<IButtonSC>`
33
33
  }
34
34
 
35
35
  @media only screen and (max-width: ${responsiveMedia}) {
36
- & i {
37
- display: none !important;
38
- }
36
+ ${props => props.$hideIconOnMobile && css`
37
+ & i {
38
+ display: none !important;
39
+ }
40
+ `}
39
41
  span {
40
42
  transform: unset !important;
41
43
  }
@@ -54,38 +56,45 @@ export const StyledButton = styled.a<IButtonSC>`
54
56
 
55
57
  ${props.$mode === 'darkNewsletter'
56
58
  ? css`
57
- color: ${colors.secondary50};
58
- background-color: ${colors.third50};
59
+ color: ${colors.secondary50};
60
+ background-color: ${colors.third50};
59
61
  `
60
62
  : props.$mode === 'light'
61
- ? css`
62
- color: ${colors.primary50};
63
- background-color: ${colors.secondary50};
64
- `
65
- : css`
66
- color: ${colors.secondary50};
67
- background-color: ${colors.primary50};
68
- `}
63
+ ? css`
64
+ color: ${colors.primary50};
65
+ background-color: ${colors.secondary50};
66
+ `
67
+ : css`
68
+ color: ${colors.secondary50};
69
+ background-color: ${colors.primary50};
70
+ `}
69
71
 
70
72
  & span {
71
73
  transition: all 0.3s ease;
72
74
  }
73
75
  & i {
74
- position: absolute;
75
76
  top: 50%;
76
77
  right: 1.8rem;
77
- opacity: 0;
78
- transform: scale(0) translateX(-4px) translateY(-50%);
79
- }
80
-
81
- &:hover {
82
- & span {
83
- transform: translateX(-1rem);
84
- }
85
- & i {
86
- opacity: 1;
87
- transform: scale(1) translateX(0) translateY(-50%);
78
+ ${props.$iconAnimation &&
79
+ css`
80
+ position: absolute;
81
+ opacity: 0;
82
+ transform: scale(0) translateX(-4px) translateY(-50%);
83
+ `}
88
84
  }
85
+
86
+ ${props.$iconAnimation &&
87
+ css`
88
+ &:hover {
89
+ & span {
90
+ transform: translateX(-1rem);
91
+ }
92
+ & i {
93
+ opacity: 1;
94
+ transform: scale(1) translateX(0) translateY(-50%);
95
+ }
96
+ }
97
+ `}
89
98
  }
90
99
 
91
100
  @media only screen and (min-width: ${responsiveMedia}) {
@@ -176,10 +185,10 @@ export const StyledButton = styled.a<IButtonSC>`
176
185
  ${({ disabled }) =>
177
186
  disabled &&
178
187
  css`
179
- color: ${colors.gray50} !important;
180
- border: 1px solid transparent;
188
+ color: ${colors.gray50} !important;
189
+ border: 1px solid transparent;
181
190
 
182
- pointer-events: none;
183
- user-select: none;
184
- `}
191
+ pointer-events: none;
192
+ user-select: none;
193
+ `}
185
194
  `
@@ -25,7 +25,7 @@ const CategoriesWrapper: React.FC<CategoriesWrapperProps> = ({
25
25
  {categoryItems.map((item, index) => (
26
26
  <StyledCategoryItem key={index}>
27
27
  <a href={item.slug}>
28
- <Button variant="text">{item.title}</Button>
28
+ <Button variant="text" iconAnimation={false}>{item.title}</Button>
29
29
  </a>
30
30
  </StyledCategoryItem>
31
31
  ))}
@@ -14,14 +14,14 @@ export const Default: Story = {
14
14
  args: {
15
15
  category: 'A',
16
16
  categoryItems: [
17
- 'Ace',
18
- 'Admin',
19
- 'AFK',
20
- 'Anti-eco',
21
- 'Aimbot',
22
- 'All-in',
23
- 'Armor',
24
- 'APM'
17
+ { title: 'Ace', slug: 'ace' },
18
+ { title: 'Admin', slug: 'admin' },
19
+ { title: 'AFK', slug: 'afk' },
20
+ { title: 'Anti-eco', slug: 'anti-eco' },
21
+ { title: 'Aimbot', slug: 'aimbot' },
22
+ { title: 'All-in', slug: 'all-in' },
23
+ { title: 'Armor', slug: 'armor' },
24
+ { title: 'APM', slug: 'apm' }
25
25
  ]
26
26
  }
27
27
  }
@@ -5,7 +5,6 @@ import {
5
5
  } from './CategoryIndex.theme'
6
6
  import { CategoryIndexProps } from './CategoryIndex.interface'
7
7
 
8
- // Expect categories as array of { name, slug }
9
8
  const CategoryIndex: React.FC<CategoryIndexProps> = ({
10
9
  categories,
11
10
  onChange,
@@ -1,5 +1,5 @@
1
1
  export interface CategoryIndexProps {
2
2
  categories: { name: string; slug: string }[]
3
3
  onChange: (category: string | null) => void
4
- selectedCategory: string | null
4
+ selectedCategory: string | null | undefined
5
5
  }
@@ -15,7 +15,7 @@ export const Default = () => {
15
15
 
16
16
  return (
17
17
  <CategoryIndex
18
- categories={[...categories]}
18
+ categories={categories.map(cat => ({ name: cat, slug: cat }))}
19
19
  selectedCategory={selected}
20
20
  onChange={setSelected}
21
21
  />
@@ -14,7 +14,7 @@ export const StyledGlossaryCategoryIndexItem = styled.div<ItemProps>`
14
14
  cursor: pointer;
15
15
  border-radius: 100%;
16
16
  background-color: ${({ isSelected }) =>
17
- isSelected ? `${colors.primary50}66` : ''};
17
+ isSelected ? `${colors.primary50}` : ''};
18
18
  display: flex;
19
19
  align-items: center;
20
20
  justify-content: center;
@@ -27,4 +27,9 @@ export const StyledGlossaryCategoryIndexItem = styled.div<ItemProps>`
27
27
  @media (max-width: ${responsiveMedia}) {
28
28
  font-size: 20px;
29
29
  }
30
+ &:hover {
31
+ background-color: ${({ isSelected }) =>
32
+ !isSelected ? `${colors.primary50}66` : ''};
33
+ }
34
+
30
35
  `
@@ -26,7 +26,6 @@ export const Glossary: React.FC<GlossaryProps> = ({
26
26
  tryAnotherLetterText
27
27
  }) => {
28
28
  const categoryNames = Object.keys(categoryData)
29
- console.log('categoryNames:', categoryNames)
30
29
  const noResults = categoryNames.every(
31
30
  category => !categoryData[category] || categoryData[category].length === 0
32
31
  )
@@ -77,9 +76,10 @@ export const Glossary: React.FC<GlossaryProps> = ({
77
76
  <Icon
78
77
  icon="icon-arrowDown"
79
78
  className="ml-12"
80
- style={{ width: '14px' }}
79
+ style={{ fontSize: '12px' }}
81
80
  />
82
81
  }
82
+ iconAnimation={false}
83
83
  >
84
84
  {backToTopButton}
85
85
  </Button>
@@ -5,6 +5,7 @@ import Glossary from './Glossary.component'
5
5
  const categories = [
6
6
  {
7
7
  name: '#',
8
+ slug: "86",
8
9
  items: [
9
10
  { name: '123', slug: '123' },
10
11
  { name: '321', slug: '321' }
@@ -12,6 +13,7 @@ const categories = [
12
13
  },
13
14
  {
14
15
  name: 'A',
16
+ slug: "a",
15
17
  items: [
16
18
  { name: 'Apple', slug: 'apple' },
17
19
  { name: 'Apricot', slug: 'apricot' }
@@ -19,6 +21,7 @@ const categories = [
19
21
  },
20
22
  {
21
23
  name: 'B',
24
+ slug: "b",
22
25
  items: [
23
26
  { name: 'Banana', slug: 'banana' },
24
27
  { name: 'Blueberry', slug: 'blueberry' }
@@ -23,7 +23,7 @@ export const StyledNoResultsContainer = styled.div`
23
23
  margin-top: 96px;
24
24
  margin-bottom: 120px;
25
25
  @media (max-width: ${responsiveMedia}) {
26
- margin-top: 64x;
26
+ margin-top: 64px;
27
27
  margin-bottom: 80px;
28
28
  }
29
29
  `
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { CategoriesWrapperProps } from './CategoriesWrapper.interface';
3
- declare const CategoriesWrapper: React.FC<CategoriesWrapperProps>;
4
- export default CategoriesWrapper;
@@ -1,7 +0,0 @@
1
- export interface CategoriesWrapperProps {
2
- category: string;
3
- categoryItems: {
4
- title: string;
5
- slug: string;
6
- }[];
7
- }
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledCategoryWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
- export declare const StyledCategorySeparator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
4
- export declare const StyledCategorySeparatorLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
5
- export declare const StyledCategoryContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
6
- export declare const StyledCategoryItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1 +0,0 @@
1
- export { default } from './CategoriesWrapper.component';
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { CategoryIndexProps } from './CategoryIndex.interface';
3
- declare const CategoryIndex: React.FC<CategoryIndexProps>;
4
- export default CategoryIndex;
@@ -1,8 +0,0 @@
1
- export interface CategoryIndexProps {
2
- categories: {
3
- name: string;
4
- slug: string;
5
- }[];
6
- onChange: (category: string | null) => void;
7
- selectedCategory: string | null;
8
- }
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- type ItemProps = {
3
- isSelected?: boolean;
4
- };
5
- export declare const StyledGlossaryCategoryIndex: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
6
- export declare const StyledGlossaryCategoryIndexItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ItemProps>> & string;
7
- export {};
@@ -1 +0,0 @@
1
- export { default } from './CategoryIndex.component';
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { SearchBarProps } from './SearchBar.interface';
3
- declare const SearchBar: React.FC<SearchBarProps>;
4
- export default SearchBar;
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- export interface SearchBarProps {
3
- value: string;
4
- onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
5
- placeholder?: string;
6
- onClick?: () => void;
7
- onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
8
- }
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledGlossarySearch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
- export declare const SearchInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
4
- export declare const SearchButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
@@ -1 +0,0 @@
1
- export { default } from './SearchBar.component';
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { GlossaryProps } from './Glossary.interface';
3
- export declare const Glossary: React.FC<GlossaryProps>;
4
- export default Glossary;
@@ -1,18 +0,0 @@
1
- export type GlossaryItem = {
2
- title: string;
3
- slug: string;
4
- };
5
- export type GlossaryCategoryData = {
6
- [category: string]: GlossaryItem[];
7
- };
8
- export type GlossaryProps = {
9
- searchTerm: string;
10
- setSearchTerm: (term: string) => void;
11
- selectedCategory: string | null;
12
- setSelectedCategory: (cat: string | null) => void;
13
- categoryData: GlossaryCategoryData;
14
- placeholder?: string;
15
- backToTopButton?: string;
16
- noResultsText?: string;
17
- tryAnotherLetterText?: string;
18
- };
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledGlossary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
- export declare const StyledGlossaryTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
4
- export declare const StyledGlossaryCategories: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
5
- export declare const StyledNoResultsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
6
- export declare const StyledNoResultsTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
7
- export declare const StyledNoResultsSubtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
8
- export declare const StyledBackButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1 +0,0 @@
1
- export { default } from './Glossary.component';
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { CategoriesWrapperProps } from './CategoriesWrapper.interface';
3
- declare const CategoriesWrapper: React.FC<CategoriesWrapperProps>;
4
- export default CategoriesWrapper;
@@ -1,7 +0,0 @@
1
- export interface CategoriesWrapperProps {
2
- category: string;
3
- categoryItems: {
4
- title: string;
5
- slug: string;
6
- }[];
7
- }
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledCategoryWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
- export declare const StyledCategorySeparator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
4
- export declare const StyledCategorySeparatorLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
5
- export declare const StyledCategoryContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
6
- export declare const StyledCategoryItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1 +0,0 @@
1
- export { default } from './CategoriesWrapper.component';
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { CategoryIndexProps } from './CategoryIndex.interface';
3
- declare const CategoryIndex: React.FC<CategoryIndexProps>;
4
- export default CategoryIndex;
@@ -1,8 +0,0 @@
1
- export interface CategoryIndexProps {
2
- categories: {
3
- name: string;
4
- slug: string;
5
- }[];
6
- onChange: (category: string | null) => void;
7
- selectedCategory: string | null;
8
- }
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- type ItemProps = {
3
- isSelected?: boolean;
4
- };
5
- export declare const StyledGlossaryCategoryIndex: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
6
- export declare const StyledGlossaryCategoryIndexItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ItemProps>> & string;
7
- export {};
@@ -1 +0,0 @@
1
- export { default } from './CategoryIndex.component';
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { SearchBarProps } from './SearchBar.interface';
3
- declare const SearchBar: React.FC<SearchBarProps>;
4
- export default SearchBar;
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- export interface SearchBarProps {
3
- value: string;
4
- onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
5
- placeholder?: string;
6
- onClick?: () => void;
7
- onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
8
- }
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledGlossarySearch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
- export declare const SearchInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
4
- export declare const SearchButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
@@ -1 +0,0 @@
1
- export { default } from './SearchBar.component';
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { GlossaryProps } from './Glossary.interface';
3
- export declare const Glossary: React.FC<GlossaryProps>;
4
- export default Glossary;
@@ -1,18 +0,0 @@
1
- export type GlossaryItem = {
2
- title: string;
3
- slug: string;
4
- };
5
- export type GlossaryCategoryData = {
6
- [category: string]: GlossaryItem[];
7
- };
8
- export type GlossaryProps = {
9
- searchTerm: string;
10
- setSearchTerm: (term: string) => void;
11
- selectedCategory: string | null;
12
- setSelectedCategory: (cat: string | null) => void;
13
- categoryData: GlossaryCategoryData;
14
- placeholder?: string;
15
- backToTopButton?: string;
16
- noResultsText?: string;
17
- tryAnotherLetterText?: string;
18
- };
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledGlossary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
- export declare const StyledGlossaryTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
4
- export declare const StyledGlossaryCategories: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
5
- export declare const StyledNoResultsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
6
- export declare const StyledNoResultsTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
7
- export declare const StyledNoResultsSubtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
8
- export declare const StyledBackButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1 +0,0 @@
1
- export { default } from './Glossary.component';