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.
- package/dist/cjs/index.js +5 -5
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/index.d.ts +0 -4
- package/dist/esm/index.js +5 -5
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/index.d.ts +0 -4
- package/dist/types.d.ts +1 -53
- package/package.json +1 -1
- package/src/components/atoms/Button/Button.component.tsx +4 -0
- package/src/components/atoms/Button/Button.interface.ts +4 -0
- package/src/components/atoms/Button/Button.theme.ts +39 -30
- package/src/components/molecules/CategoriesWrapper/CategoriesWrapper.component.tsx +1 -1
- package/src/components/molecules/CategoriesWrapper/CategoriesWrapper.stories.tsx +8 -8
- package/src/components/molecules/CategoryIndex/CategoryIndex.component.tsx +0 -1
- package/src/components/molecules/CategoryIndex/CategoryIndex.interface.ts +1 -1
- package/src/components/molecules/CategoryIndex/CategoryIndex.stories.tsx +1 -1
- package/src/components/molecules/CategoryIndex/CategoryIndex.theme.ts +6 -1
- package/src/components/organisms/Glossary/Glossary.component.tsx +2 -2
- package/src/components/organisms/Glossary/Glossary.stories.tsx +3 -0
- package/src/components/organisms/Glossary/Glossary.themes.ts +1 -1
- package/dist/cjs/types/components/molecules/CategoriesWrapper/CategoriesWrapper.component.d.ts +0 -4
- package/dist/cjs/types/components/molecules/CategoriesWrapper/CategoriesWrapper.interface.d.ts +0 -7
- package/dist/cjs/types/components/molecules/CategoriesWrapper/CategoriesWrapper.theme.d.ts +0 -6
- package/dist/cjs/types/components/molecules/CategoriesWrapper/index.d.ts +0 -1
- package/dist/cjs/types/components/molecules/CategoryIndex/CategoryIndex.component.d.ts +0 -4
- package/dist/cjs/types/components/molecules/CategoryIndex/CategoryIndex.interface.d.ts +0 -8
- package/dist/cjs/types/components/molecules/CategoryIndex/CategoryIndex.theme.d.ts +0 -7
- package/dist/cjs/types/components/molecules/CategoryIndex/index.d.ts +0 -1
- package/dist/cjs/types/components/molecules/SearchBar/SearchBar.component.d.ts +0 -4
- package/dist/cjs/types/components/molecules/SearchBar/SearchBar.interface.d.ts +0 -8
- package/dist/cjs/types/components/molecules/SearchBar/SearchBar.theme.d.ts +0 -4
- package/dist/cjs/types/components/molecules/SearchBar/index.d.ts +0 -1
- package/dist/cjs/types/components/organisms/Glossary/Glossary.component.d.ts +0 -4
- package/dist/cjs/types/components/organisms/Glossary/Glossary.interface.d.ts +0 -18
- package/dist/cjs/types/components/organisms/Glossary/Glossary.themes.d.ts +0 -8
- package/dist/cjs/types/components/organisms/Glossary/index.d.ts +0 -1
- package/dist/esm/types/components/molecules/CategoriesWrapper/CategoriesWrapper.component.d.ts +0 -4
- package/dist/esm/types/components/molecules/CategoriesWrapper/CategoriesWrapper.interface.d.ts +0 -7
- package/dist/esm/types/components/molecules/CategoriesWrapper/CategoriesWrapper.theme.d.ts +0 -6
- package/dist/esm/types/components/molecules/CategoriesWrapper/index.d.ts +0 -1
- package/dist/esm/types/components/molecules/CategoryIndex/CategoryIndex.component.d.ts +0 -4
- package/dist/esm/types/components/molecules/CategoryIndex/CategoryIndex.interface.d.ts +0 -8
- package/dist/esm/types/components/molecules/CategoryIndex/CategoryIndex.theme.d.ts +0 -7
- package/dist/esm/types/components/molecules/CategoryIndex/index.d.ts +0 -1
- package/dist/esm/types/components/molecules/SearchBar/SearchBar.component.d.ts +0 -4
- package/dist/esm/types/components/molecules/SearchBar/SearchBar.interface.d.ts +0 -8
- package/dist/esm/types/components/molecules/SearchBar/SearchBar.theme.d.ts +0 -4
- package/dist/esm/types/components/molecules/SearchBar/index.d.ts +0 -1
- package/dist/esm/types/components/organisms/Glossary/Glossary.component.d.ts +0 -4
- package/dist/esm/types/components/organisms/Glossary/Glossary.interface.d.ts +0 -18
- package/dist/esm/types/components/organisms/Glossary/Glossary.themes.d.ts +0 -8
- 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,
|
|
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
|
@@ -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
|
-
|
|
37
|
-
|
|
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
|
-
|
|
58
|
-
|
|
59
|
+
color: ${colors.secondary50};
|
|
60
|
+
background-color: ${colors.third50};
|
|
59
61
|
`
|
|
60
62
|
: props.$mode === 'light'
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
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
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
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
|
-
|
|
180
|
-
|
|
188
|
+
color: ${colors.gray50} !important;
|
|
189
|
+
border: 1px solid transparent;
|
|
181
190
|
|
|
182
|
-
|
|
183
|
-
|
|
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
|
}
|
|
@@ -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}
|
|
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={{
|
|
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' }
|
|
@@ -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,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
|
-
/// <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,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,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,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
|
-
/// <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,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';
|