@envive-ai/react-toolkit 0.1.5 → 0.1.6
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/Accordion/index.cjs +84 -0
- package/dist/Accordion/index.d.cts +13 -0
- package/dist/Accordion/index.d.ts +13 -0
- package/dist/Accordion/index.js +77 -0
- package/dist/ButtonBase/index.cjs +2 -1
- package/dist/ButtonBase/index.d.cts +2 -2
- package/dist/ButtonBase/index.d.ts +3 -3
- package/dist/ButtonBase/index.js +2 -1
- package/dist/{ButtonBase-CpmFsiUf.js → ButtonBase-BIAu5fIG.js} +1 -1
- package/dist/ButtonBase-BRfuPPzN.js +1 -0
- package/dist/ButtonBase-BleAVeo-.cjs +0 -0
- package/dist/{ButtonBase-Dlh3bpR3.cjs → ButtonBase-DcyxOe2v.cjs} +2 -2
- package/dist/FilterScrollbar/index.cjs +1 -1
- package/dist/FilterScrollbar/index.d.cts +3 -3
- package/dist/FilterScrollbar/index.d.ts +4 -4
- package/dist/FilterScrollbar/index.js +1 -1
- package/dist/Headline/index.cjs +1 -1
- package/dist/Headline/index.d.cts +2 -2
- package/dist/Headline/index.d.ts +2 -2
- package/dist/Headline/index.js +1 -1
- package/dist/ImageWithFallback/index.cjs +1 -1
- package/dist/ImageWithFallback/index.d.cts +2 -2
- package/dist/ImageWithFallback/index.d.ts +2 -2
- package/dist/ImageWithFallback/index.js +1 -1
- package/dist/{ImageWithFallback-By6QdlCR.cjs → ImageWithFallback-1LqhQK1q.cjs} +2 -2
- package/dist/{ImageWithFallback-DtUrq_bk.js → ImageWithFallback-Ckwsmd8P.js} +1 -1
- package/dist/ProductCard/index.cjs +7 -8
- package/dist/ProductCard/index.d.cts +2 -108
- package/dist/ProductCard/index.d.ts +2 -108
- package/dist/ProductCard/index.js +4 -5
- package/dist/{ProductCard-CvTRvhm7.cjs → ProductCard-DZZKutY-.cjs} +64 -5
- package/dist/{ProductCard-aJbQz6Q7.js → ProductCard-SF8-lXlT.js} +46 -6
- package/dist/ProductGrid/index.cjs +5 -5
- package/dist/ProductGrid/index.d.cts +6 -6
- package/dist/ProductGrid/index.d.ts +6 -6
- package/dist/ProductGrid/index.js +5 -5
- package/dist/{ProductGrid-CSIH2_G9.cjs → ProductGrid-BSSmPr7K.cjs} +48 -46
- package/dist/{ProductGrid-NOCayW9O.js → ProductGrid-DTUhH219.js} +48 -46
- package/dist/{SearchInputAutocomplete → SearchAutocomplete}/index.cjs +1 -1
- package/dist/{SearchInputAutocomplete → SearchAutocomplete}/index.d.cts +1 -1
- package/dist/{SearchInputAutocomplete → SearchAutocomplete}/index.d.ts +1 -1
- package/dist/SearchAutocomplete/index.js +3 -0
- package/dist/{SearchAutocomplete-DCu9-Yfk.js → SearchAutocomplete-BPjlo6qq.js} +4 -4
- package/dist/{SearchAutocomplete-CQxxe5Op.cjs → SearchAutocomplete-BzaEXmRQ.cjs} +8 -8
- package/dist/SearchFilter/index.cjs +5 -5
- package/dist/SearchFilter/index.d.cts +1 -34
- package/dist/SearchFilter/index.d.ts +1 -34
- package/dist/SearchFilter/index.js +2 -2
- package/dist/{SearchFilterHeader-qkRVfAB5.cjs → SearchFilter-B15tybnV.cjs} +1 -1
- package/dist/{SearchFilterHeader-BDEcDc_4.js → SearchFilter-D427M2UE.js} +1 -1
- package/dist/SearchInput/index.cjs +3 -3
- package/dist/SearchInput/index.d.cts +3 -3
- package/dist/SearchInput/index.d.ts +3 -3
- package/dist/SearchInput/index.js +3 -3
- package/dist/{SearchInput-DxGvYGZO.js → SearchInput-C0wB4hSV.js} +6 -6
- package/dist/{SearchInput-Cdpwswyv.cjs → SearchInput-D6UW79wT.cjs} +10 -10
- package/dist/SearchInputForm/index.cjs +6 -5
- package/dist/SearchInputForm/index.d.cts +1 -31
- package/dist/SearchInputForm/index.d.ts +1 -31
- package/dist/SearchInputForm/index.js +6 -5
- package/dist/SearchResultsFilterSidebar/index.cjs +10 -6
- package/dist/SearchResultsFilterSidebar/index.d.cts +3 -44
- package/dist/SearchResultsFilterSidebar/index.d.ts +3 -44
- package/dist/SearchResultsFilterSidebar/index.js +7 -4
- package/dist/SearchResultsStates/index.cjs +23 -24
- package/dist/SearchResultsStates/index.d.cts +13 -6
- package/dist/SearchResultsStates/index.d.ts +14 -7
- package/dist/SearchResultsStates/index.js +19 -21
- package/dist/SparkleAnimation/index.cjs +1 -1
- package/dist/SparkleAnimation/index.d.cts +2 -2
- package/dist/SparkleAnimation/index.d.ts +2 -2
- package/dist/SparkleAnimation/index.js +1 -1
- package/dist/{SparkleAnimation-DfMCtvAQ.js → SparkleAnimation-BdOjC8l-.js} +2 -2
- package/dist/{SparkleAnimation-j-mAMEZZ.cjs → SparkleAnimation-BhyeL26m.cjs} +4 -4
- package/dist/Spinner/index.cjs +1 -1
- package/dist/Spinner/index.d.cts +2 -2
- package/dist/Spinner/index.d.ts +2 -2
- package/dist/Spinner/index.js +1 -1
- package/dist/SuggestionButton/index.cjs +3 -3
- package/dist/SuggestionButton/index.d.cts +2 -2
- package/dist/SuggestionButton/index.d.ts +3 -3
- package/dist/SuggestionButton/index.js +2 -2
- package/dist/Text/index.cjs +2 -10
- package/dist/Text/index.d.cts +3 -3
- package/dist/Text/index.d.ts +3 -3
- package/dist/Text/index.js +1 -9
- package/dist/Text-CV9pv8ds.js +10 -0
- package/dist/Text-DDT3sqY1.cjs +16 -0
- package/dist/TextInput/index.cjs +1 -1
- package/dist/TextInput/index.d.cts +1 -1
- package/dist/TextInput/index.d.ts +1 -1
- package/dist/TextInput/index.js +1 -1
- package/dist/{TextInput-CObd_Wcw.cjs → TextInput-C6fF9cSB.cjs} +2 -2
- package/dist/{TextInput-ChPhL54o.js → TextInput-CRMqBW3X.js} +1 -1
- package/dist/index-B0oln9VD.d.ts +58 -0
- package/dist/index-B125udRj.d.cts +78 -0
- package/dist/index-BHNzU-Pc.d.ts +36 -0
- package/dist/index-BNCrvswP.d.cts +36 -0
- package/dist/index-CQlBDGTL.d.cts +58 -0
- package/dist/{types-B7hf-Lif.d.ts → index-CcnuEYQN.d.ts} +110 -3
- package/dist/index-DMXTg_9L.d.ts +78 -0
- package/dist/{types-Dvgr3ZeV.d.cts → index-wYn2mEDm.d.cts} +110 -3
- package/dist/{searchFilterSidebarVariants-C_UTEIpZ.js → searchFilterSidebarVariants-BWQyiKwS.js} +1 -1
- package/dist/{searchFilterSidebarVariants-DcQLi_TT.cjs → searchFilterSidebarVariants-D08jyA7U.cjs} +1 -1
- package/package.json +10 -5
- package/src/components/Accordion/Accordion.tsx +90 -0
- package/src/components/Accordion/index.ts +1 -0
- package/src/components/AppliedFiltersScrollbar/AppliedFiltersScrollbar.tsx +70 -0
- package/src/components/DynamicFiltersScrollbar/DynamicFiltersScrollbar.tsx +52 -0
- package/src/components/ProductCard/ProductCard.tsx +34 -17
- package/src/components/ProductCard/types.ts +1 -1
- package/src/components/ProductGrid/ProductGrid.tsx +33 -33
- package/src/components/{SearchInputAutocomplete → SearchAutocomplete}/SearchAutocomplete.tsx +1 -1
- package/src/components/SearchInput/SearchInput.tsx +6 -6
- package/src/components/SearchInput/searchInputVariants.ts +5 -5
- package/src/components/SearchInputForm/SearchInputForm.tsx +6 -4
- package/src/components/SearchResultsContent/SearchResultsContent.tsx +87 -0
- package/src/components/SearchResultsContent/utils.ts +28 -0
- package/src/components/SearchResultsFilterSidebar/SearchResultsFilter.tsx +5 -6
- package/src/components/SearchResultsFilterSidebar/types.ts +14 -1
- package/src/components/SearchResultsStates/NoSearchResultsFound.tsx +2 -2
- package/src/components/SearchResultsStates/SearchResultsGrid.tsx +14 -12
- package/src/components/SearchResultsStates/SearchResultsLoadingGrid.tsx +4 -5
- package/dist/ProductCardSkeleton-B6YetUCT.js +0 -43
- package/dist/ProductCardSkeleton-BzBK36m-.cjs +0 -63
- package/dist/SearchInputAutocomplete/index.js +0 -3
- package/dist/types-5luH4G-3.d.cts +0 -5
- package/dist/types-BCAU5OQD.d.cts +0 -46
- package/dist/types-BIPqyTOJ.d.ts +0 -5
- package/dist/types-BwPquD10.d.ts +0 -46
- package/dist/types-CosVh8Hj.d.cts +0 -4
- package/dist/types-nR3jHgIO.d.ts +0 -4
- package/src/types/external.ts +0 -24
- /package/dist/{DynamicFiltersScrollbar-D8Lms7Ox.cjs → DynamicFiltersScrollbar-BTopFhyl.cjs} +0 -0
- /package/dist/{DynamicFiltersScrollbar-t_JASmYC.js → DynamicFiltersScrollbar-BmPTqym5.js} +0 -0
- /package/dist/{Headline-COAnonc2.js → Headline-XpaAeTSR.js} +0 -0
- /package/dist/{Headline-CdddUGwy.cjs → Headline-iP_MckEO.cjs} +0 -0
- /package/dist/{Spinner-D9kkaM9d.js → Spinner-BgGihEfJ.js} +0 -0
- /package/dist/{Spinner-DX35Epv3.cjs → Spinner-DzdIkS6t.cjs} +0 -0
- /package/dist/{colorsConfig-CKiMYHO_.js → colorsConfig-BQlaCfxi.js} +0 -0
- /package/dist/{colorsConfig-DulwYRIk.cjs → colorsConfig-DCvy_dV4.cjs} +0 -0
- /package/dist/{textVariantClasses-DwnnFNBf.d.cts → textVariantClasses-C8OCWZAw.d.ts} +0 -0
- /package/dist/{textVariantClasses-sT9E8Uty.d.ts → textVariantClasses-Cdg-UUHi.d.cts} +0 -0
- /package/dist/{types-B19i3fxM.d.ts → types-Bm-qQyO3.d.ts} +0 -0
- /package/dist/{types-DpfHwTzY.d.ts → types-BruEHw-X.d.ts} +0 -0
- /package/src/components/{SearchInputAutocomplete → SearchAutocomplete}/index.ts +0 -0
package/dist/Text/index.js
CHANGED
|
@@ -1,13 +1,5 @@
|
|
|
1
1
|
import { HeadlineVariantMap, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames } from "../textVariantClasses-CnjwO2Fv.js";
|
|
2
2
|
import { Text } from "../Text-BMg3d10t.js";
|
|
3
|
+
import { ExpandableTextOverrides } from "../Text-CV9pv8ds.js";
|
|
3
4
|
|
|
4
|
-
//#region src/components/Text/types.ts
|
|
5
|
-
let ExpandableTextOverrides = /* @__PURE__ */ function(ExpandableTextOverrides$1) {
|
|
6
|
-
ExpandableTextOverrides$1["EXPANDABLE_TEXT_CONTAINER"] = "spiffy-expandable-text-container";
|
|
7
|
-
ExpandableTextOverrides$1["EXPANDABLE_TEXT"] = "spiffy-expandable-text";
|
|
8
|
-
ExpandableTextOverrides$1["EXPANDABLE_BUTTON"] = "spiffy-expandable-button";
|
|
9
|
-
return ExpandableTextOverrides$1;
|
|
10
|
-
}({});
|
|
11
|
-
|
|
12
|
-
//#endregion
|
|
13
5
|
export { ExpandableTextOverrides, HeadlineVariantMap, Text, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
//#region src/components/Text/types.ts
|
|
2
|
+
let ExpandableTextOverrides = /* @__PURE__ */ function(ExpandableTextOverrides$1) {
|
|
3
|
+
ExpandableTextOverrides$1["EXPANDABLE_TEXT_CONTAINER"] = "spiffy-expandable-text-container";
|
|
4
|
+
ExpandableTextOverrides$1["EXPANDABLE_TEXT"] = "spiffy-expandable-text";
|
|
5
|
+
ExpandableTextOverrides$1["EXPANDABLE_BUTTON"] = "spiffy-expandable-button";
|
|
6
|
+
return ExpandableTextOverrides$1;
|
|
7
|
+
}({});
|
|
8
|
+
|
|
9
|
+
//#endregion
|
|
10
|
+
export { ExpandableTextOverrides };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
|
|
2
|
+
//#region src/components/Text/types.ts
|
|
3
|
+
let ExpandableTextOverrides = /* @__PURE__ */ function(ExpandableTextOverrides$1) {
|
|
4
|
+
ExpandableTextOverrides$1["EXPANDABLE_TEXT_CONTAINER"] = "spiffy-expandable-text-container";
|
|
5
|
+
ExpandableTextOverrides$1["EXPANDABLE_TEXT"] = "spiffy-expandable-text";
|
|
6
|
+
ExpandableTextOverrides$1["EXPANDABLE_BUTTON"] = "spiffy-expandable-button";
|
|
7
|
+
return ExpandableTextOverrides$1;
|
|
8
|
+
}({});
|
|
9
|
+
|
|
10
|
+
//#endregion
|
|
11
|
+
Object.defineProperty(exports, 'ExpandableTextOverrides', {
|
|
12
|
+
enumerable: true,
|
|
13
|
+
get: function () {
|
|
14
|
+
return ExpandableTextOverrides;
|
|
15
|
+
}
|
|
16
|
+
});
|
package/dist/TextInput/index.cjs
CHANGED
package/dist/TextInput/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
const require_chunk = require('./chunk-CUT6urMc.cjs');
|
|
2
2
|
const require_textVariantClasses = require('./textVariantClasses-BnV4wXaw.cjs');
|
|
3
|
-
let classnames = require("classnames");
|
|
4
|
-
classnames = require_chunk.__toESM(classnames);
|
|
5
3
|
let react = require("react");
|
|
6
4
|
react = require_chunk.__toESM(react);
|
|
5
|
+
let classnames = require("classnames");
|
|
6
|
+
classnames = require_chunk.__toESM(classnames);
|
|
7
7
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
8
8
|
react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
|
|
9
9
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { TextStyleVariantMap, getVariantPlaceholderClassNames } from "./textVariantClasses-CnjwO2Fv.js";
|
|
2
|
-
import classNames from "classnames";
|
|
3
2
|
import React from "react";
|
|
3
|
+
import classNames from "classnames";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
5
|
|
|
6
6
|
//#region src/components/TextInput/TextInput.tsx
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { SelectFilterItem } from "./index-DMXTg_9L.js";
|
|
2
|
+
import * as react_jsx_runtime3 from "react/jsx-runtime";
|
|
3
|
+
|
|
4
|
+
//#region src/components/SearchResultsFilterSidebar/types.d.ts
|
|
5
|
+
type SearchFilterSidebarVariant = 'darkButton' | 'lightButton';
|
|
6
|
+
type CloseIconVariant = 'light' | 'tertiary' | 'dark';
|
|
7
|
+
type SearchFilter = {
|
|
8
|
+
id: string;
|
|
9
|
+
displayName: string;
|
|
10
|
+
items: SearchFilterItem[];
|
|
11
|
+
};
|
|
12
|
+
type SearchFilterItem = {
|
|
13
|
+
id: string;
|
|
14
|
+
displayName: string;
|
|
15
|
+
value: string;
|
|
16
|
+
isSelected: boolean;
|
|
17
|
+
};
|
|
18
|
+
//#endregion
|
|
19
|
+
//#region src/components/SearchResultsFilterSidebar/searchFilterSidebarVariants.d.ts
|
|
20
|
+
interface SearchFilterSidebarVariantClasses {
|
|
21
|
+
searchFilterHeaderClasses: string;
|
|
22
|
+
radioButtonFillColor: string;
|
|
23
|
+
radioButtonHoverColor: string;
|
|
24
|
+
radioButtonUncheckedBorderColor: string;
|
|
25
|
+
filterDefaultClasses: string;
|
|
26
|
+
filterActiveClasses: string;
|
|
27
|
+
filterHoverClasses: string;
|
|
28
|
+
appliedFilterBackgroundClasses: string;
|
|
29
|
+
applyFiltersUnchangedClasses: string;
|
|
30
|
+
applyFiltersChangedClasses: string;
|
|
31
|
+
filterCloseIconVariant: CloseIconVariant;
|
|
32
|
+
}
|
|
33
|
+
declare const searchFilterSidebarVariantClasses: Record<SearchFilterSidebarVariant, SearchFilterSidebarVariantClasses>;
|
|
34
|
+
//#endregion
|
|
35
|
+
//#region src/components/SearchResultsFilterSidebar/SearchResultsFilter.d.ts
|
|
36
|
+
type SearchResultsFilterProps = {
|
|
37
|
+
productCount: number;
|
|
38
|
+
isOpen: boolean;
|
|
39
|
+
setIsOpen: (isOpen: boolean) => void;
|
|
40
|
+
searchFilters: SearchFilter[];
|
|
41
|
+
searchFilterSidebarVariant: SearchFilterSidebarVariant;
|
|
42
|
+
searchText: string;
|
|
43
|
+
onSelectFilterItem: SelectFilterItem;
|
|
44
|
+
onClearAllFilters: () => void;
|
|
45
|
+
filterButtonText: string;
|
|
46
|
+
};
|
|
47
|
+
declare const SearchResultsFilter: ({
|
|
48
|
+
productCount,
|
|
49
|
+
isOpen,
|
|
50
|
+
setIsOpen,
|
|
51
|
+
searchFilters,
|
|
52
|
+
searchFilterSidebarVariant,
|
|
53
|
+
onSelectFilterItem,
|
|
54
|
+
onClearAllFilters,
|
|
55
|
+
filterButtonText
|
|
56
|
+
}: SearchResultsFilterProps) => react_jsx_runtime3.JSX.Element;
|
|
57
|
+
//#endregion
|
|
58
|
+
export { CloseIconVariant, SearchFilter, SearchFilterItem, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import * as react_jsx_runtime4 from "react/jsx-runtime";
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/components/SearchFilter/types.d.ts
|
|
5
|
+
type SearchFilterItem$1 = {
|
|
6
|
+
id: string;
|
|
7
|
+
displayName: string;
|
|
8
|
+
value: string;
|
|
9
|
+
isSelected: boolean;
|
|
10
|
+
};
|
|
11
|
+
type SearchFilter$1 = {
|
|
12
|
+
id: string;
|
|
13
|
+
displayName: string;
|
|
14
|
+
items: SearchFilterItem$1[];
|
|
15
|
+
};
|
|
16
|
+
type SelectFilterItem = (filterItem: SearchFilterItem$1) => void;
|
|
17
|
+
interface SearchFilterItemProps {
|
|
18
|
+
filterItem: SearchFilterItem$1;
|
|
19
|
+
onSelectFilterItem: SelectFilterItem;
|
|
20
|
+
radioButtonFillColor: string;
|
|
21
|
+
radioButtonHoverColor: string;
|
|
22
|
+
radioButtonUncheckedBorderColor: string;
|
|
23
|
+
}
|
|
24
|
+
interface SearchFilterHeaderProps {
|
|
25
|
+
closeModal: () => void;
|
|
26
|
+
productCount: number;
|
|
27
|
+
headerClassName: string;
|
|
28
|
+
filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
|
|
29
|
+
}
|
|
30
|
+
interface SearchFilterProps {
|
|
31
|
+
isOpen: boolean;
|
|
32
|
+
setIsOpen: (isOpen: boolean) => void;
|
|
33
|
+
filters: SearchFilter$1[];
|
|
34
|
+
productCount: number;
|
|
35
|
+
selectFilterItem: SelectFilterItem;
|
|
36
|
+
clearAllFilters: () => void;
|
|
37
|
+
applyFiltersUnchangedClasses: string;
|
|
38
|
+
applyFiltersChangedClasses: string;
|
|
39
|
+
filterButtonText: string;
|
|
40
|
+
radioButtonFillColor: string;
|
|
41
|
+
radioButtonHoverColor: string;
|
|
42
|
+
radioButtonUncheckedBorderColor: string;
|
|
43
|
+
filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
|
|
44
|
+
headerContent: ReactNode;
|
|
45
|
+
}
|
|
46
|
+
//#endregion
|
|
47
|
+
//#region src/components/SearchFilter/SearchFilter.d.ts
|
|
48
|
+
declare const SearchFilter: ({
|
|
49
|
+
isOpen,
|
|
50
|
+
setIsOpen,
|
|
51
|
+
filters,
|
|
52
|
+
selectFilterItem,
|
|
53
|
+
clearAllFilters,
|
|
54
|
+
filterButtonText,
|
|
55
|
+
radioButtonFillColor,
|
|
56
|
+
radioButtonHoverColor,
|
|
57
|
+
radioButtonUncheckedBorderColor,
|
|
58
|
+
headerContent
|
|
59
|
+
}: SearchFilterProps) => react_jsx_runtime4.JSX.Element;
|
|
60
|
+
//#endregion
|
|
61
|
+
//#region src/components/SearchFilter/SearchFilterHeader.d.ts
|
|
62
|
+
declare const SearchFilterHeader: ({
|
|
63
|
+
closeModal,
|
|
64
|
+
productCount,
|
|
65
|
+
headerClassName,
|
|
66
|
+
filterCloseIconVariant
|
|
67
|
+
}: SearchFilterHeaderProps) => react_jsx_runtime4.JSX.Element;
|
|
68
|
+
//#endregion
|
|
69
|
+
//#region src/components/SearchFilter/SearchFilterItem.d.ts
|
|
70
|
+
declare const SearchFilterItem: ({
|
|
71
|
+
filterItem,
|
|
72
|
+
onSelectFilterItem,
|
|
73
|
+
radioButtonFillColor,
|
|
74
|
+
radioButtonHoverColor,
|
|
75
|
+
radioButtonUncheckedBorderColor
|
|
76
|
+
}: SearchFilterItemProps) => react_jsx_runtime4.JSX.Element;
|
|
77
|
+
//#endregion
|
|
78
|
+
export { SearchFilter, SearchFilterHeader, SearchFilterHeaderProps, SearchFilterItem, SearchFilterItemProps, SearchFilterProps, SelectFilterItem };
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import * as react_jsx_runtime6 from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
//#region src/components/SearchInputForm/types.d.ts
|
|
4
|
+
type SearchInputVariant = 'standard';
|
|
5
|
+
//#endregion
|
|
6
|
+
//#region src/components/SearchInputForm/SearchInputForm.d.ts
|
|
7
|
+
interface SearchInputFormProps {
|
|
8
|
+
searchInputVariant: SearchInputVariant;
|
|
9
|
+
searchText: string;
|
|
10
|
+
autocompleteResults: string[];
|
|
11
|
+
searchBoxPlaceholder: string;
|
|
12
|
+
focusedOptionId: string | undefined;
|
|
13
|
+
isDirty: boolean;
|
|
14
|
+
focusedIndex: number;
|
|
15
|
+
onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
16
|
+
onAutocompleteSelect: (suggestion: string) => void;
|
|
17
|
+
onSearchInputChange: (value: string) => void;
|
|
18
|
+
onSearchSubmit: () => void;
|
|
19
|
+
searchInputDataTestId?: string;
|
|
20
|
+
}
|
|
21
|
+
declare const SearchInputForm: ({
|
|
22
|
+
searchInputVariant,
|
|
23
|
+
searchText,
|
|
24
|
+
autocompleteResults,
|
|
25
|
+
searchBoxPlaceholder,
|
|
26
|
+
focusedOptionId,
|
|
27
|
+
isDirty,
|
|
28
|
+
focusedIndex,
|
|
29
|
+
onKeyDown,
|
|
30
|
+
onAutocompleteSelect,
|
|
31
|
+
onSearchInputChange,
|
|
32
|
+
onSearchSubmit,
|
|
33
|
+
searchInputDataTestId
|
|
34
|
+
}: SearchInputFormProps) => react_jsx_runtime6.JSX.Element;
|
|
35
|
+
//#endregion
|
|
36
|
+
export { SearchInputForm, SearchInputVariant };
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import * as react_jsx_runtime2 from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
//#region src/components/SearchInputForm/types.d.ts
|
|
4
|
+
type SearchInputVariant = 'standard';
|
|
5
|
+
//#endregion
|
|
6
|
+
//#region src/components/SearchInputForm/SearchInputForm.d.ts
|
|
7
|
+
interface SearchInputFormProps {
|
|
8
|
+
searchInputVariant: SearchInputVariant;
|
|
9
|
+
searchText: string;
|
|
10
|
+
autocompleteResults: string[];
|
|
11
|
+
searchBoxPlaceholder: string;
|
|
12
|
+
focusedOptionId: string | undefined;
|
|
13
|
+
isDirty: boolean;
|
|
14
|
+
focusedIndex: number;
|
|
15
|
+
onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
16
|
+
onAutocompleteSelect: (suggestion: string) => void;
|
|
17
|
+
onSearchInputChange: (value: string) => void;
|
|
18
|
+
onSearchSubmit: () => void;
|
|
19
|
+
searchInputDataTestId?: string;
|
|
20
|
+
}
|
|
21
|
+
declare const SearchInputForm: ({
|
|
22
|
+
searchInputVariant,
|
|
23
|
+
searchText,
|
|
24
|
+
autocompleteResults,
|
|
25
|
+
searchBoxPlaceholder,
|
|
26
|
+
focusedOptionId,
|
|
27
|
+
isDirty,
|
|
28
|
+
focusedIndex,
|
|
29
|
+
onKeyDown,
|
|
30
|
+
onAutocompleteSelect,
|
|
31
|
+
onSearchInputChange,
|
|
32
|
+
onSearchSubmit,
|
|
33
|
+
searchInputDataTestId
|
|
34
|
+
}: SearchInputFormProps) => react_jsx_runtime2.JSX.Element;
|
|
35
|
+
//#endregion
|
|
36
|
+
export { SearchInputForm, SearchInputVariant };
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { SelectFilterItem } from "./index-B125udRj.cjs";
|
|
2
|
+
import * as react_jsx_runtime16 from "react/jsx-runtime";
|
|
3
|
+
|
|
4
|
+
//#region src/components/SearchResultsFilterSidebar/types.d.ts
|
|
5
|
+
type SearchFilterSidebarVariant = 'darkButton' | 'lightButton';
|
|
6
|
+
type CloseIconVariant = 'light' | 'tertiary' | 'dark';
|
|
7
|
+
type SearchFilter = {
|
|
8
|
+
id: string;
|
|
9
|
+
displayName: string;
|
|
10
|
+
items: SearchFilterItem[];
|
|
11
|
+
};
|
|
12
|
+
type SearchFilterItem = {
|
|
13
|
+
id: string;
|
|
14
|
+
displayName: string;
|
|
15
|
+
value: string;
|
|
16
|
+
isSelected: boolean;
|
|
17
|
+
};
|
|
18
|
+
//#endregion
|
|
19
|
+
//#region src/components/SearchResultsFilterSidebar/searchFilterSidebarVariants.d.ts
|
|
20
|
+
interface SearchFilterSidebarVariantClasses {
|
|
21
|
+
searchFilterHeaderClasses: string;
|
|
22
|
+
radioButtonFillColor: string;
|
|
23
|
+
radioButtonHoverColor: string;
|
|
24
|
+
radioButtonUncheckedBorderColor: string;
|
|
25
|
+
filterDefaultClasses: string;
|
|
26
|
+
filterActiveClasses: string;
|
|
27
|
+
filterHoverClasses: string;
|
|
28
|
+
appliedFilterBackgroundClasses: string;
|
|
29
|
+
applyFiltersUnchangedClasses: string;
|
|
30
|
+
applyFiltersChangedClasses: string;
|
|
31
|
+
filterCloseIconVariant: CloseIconVariant;
|
|
32
|
+
}
|
|
33
|
+
declare const searchFilterSidebarVariantClasses: Record<SearchFilterSidebarVariant, SearchFilterSidebarVariantClasses>;
|
|
34
|
+
//#endregion
|
|
35
|
+
//#region src/components/SearchResultsFilterSidebar/SearchResultsFilter.d.ts
|
|
36
|
+
type SearchResultsFilterProps = {
|
|
37
|
+
productCount: number;
|
|
38
|
+
isOpen: boolean;
|
|
39
|
+
setIsOpen: (isOpen: boolean) => void;
|
|
40
|
+
searchFilters: SearchFilter[];
|
|
41
|
+
searchFilterSidebarVariant: SearchFilterSidebarVariant;
|
|
42
|
+
searchText: string;
|
|
43
|
+
onSelectFilterItem: SelectFilterItem;
|
|
44
|
+
onClearAllFilters: () => void;
|
|
45
|
+
filterButtonText: string;
|
|
46
|
+
};
|
|
47
|
+
declare const SearchResultsFilter: ({
|
|
48
|
+
productCount,
|
|
49
|
+
isOpen,
|
|
50
|
+
setIsOpen,
|
|
51
|
+
searchFilters,
|
|
52
|
+
searchFilterSidebarVariant,
|
|
53
|
+
onSelectFilterItem,
|
|
54
|
+
onClearAllFilters,
|
|
55
|
+
filterButtonText
|
|
56
|
+
}: SearchResultsFilterProps) => react_jsx_runtime16.JSX.Element;
|
|
57
|
+
//#endregion
|
|
58
|
+
export { CloseIconVariant, SearchFilter, SearchFilterItem, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };
|
|
@@ -1,3 +1,30 @@
|
|
|
1
|
+
import { TestProps } from "./types-BruEHw-X.js";
|
|
2
|
+
import { FC } from "react";
|
|
3
|
+
import * as react_jsx_runtime17 from "react/jsx-runtime";
|
|
4
|
+
|
|
5
|
+
//#region src/config/chatElementDisplayLocation.d.ts
|
|
6
|
+
declare enum ChatElementDisplayLocation {
|
|
7
|
+
IN_CHAT = "in_chat",
|
|
8
|
+
CHAT_PREVIEW = "chat_preview",
|
|
9
|
+
FLOATING_BUTTON = "floating_button",
|
|
10
|
+
HELP_ME_CHOOSE = "help_me_choose",
|
|
11
|
+
PLP_IMAGE_BANNER = "plp_image_banner",
|
|
12
|
+
TOP_REVIEWS_SNIPPET = "top_reviews_snippet",
|
|
13
|
+
BOTTOM_REVIEWS_SNIPPET = "bottom_reviews_snippet",
|
|
14
|
+
BLOCK_BACK_BUTTON = "block_back_button",
|
|
15
|
+
SWITCH_TO_AGENT = "switch_to_agent",
|
|
16
|
+
CONVERSATIONAL_SEARCH = "conversational_search",
|
|
17
|
+
GLOBAL_SEARCH_ENTRYPOINT = "global_search_entrypoint",
|
|
18
|
+
SEARCH_NAV_ENTRYPOINT = "search_nav_entrypoint",
|
|
19
|
+
SEARCH_PROMPT = "search_prompt",
|
|
20
|
+
SEARCH_PROMPT_BUTTON = "search_prompt_button",
|
|
21
|
+
PRODUCT_GRID = "product_grid",
|
|
22
|
+
UNSPECIFIED = "unspecified",
|
|
23
|
+
FILTER_MODAL = "filter_modal",
|
|
24
|
+
PROMPT_CARD = "prompt_card",
|
|
25
|
+
WINDOW_API_CALL = "window_api_call",
|
|
26
|
+
}
|
|
27
|
+
//#endregion
|
|
1
28
|
//#region src/types/external.d.ts
|
|
2
29
|
declare enum ResponseCategory {
|
|
3
30
|
Product = "product",
|
|
@@ -12,7 +39,7 @@ interface SearchResponseProduct {
|
|
|
12
39
|
brand?: string;
|
|
13
40
|
category?: string;
|
|
14
41
|
availability?: string;
|
|
15
|
-
url
|
|
42
|
+
url: string;
|
|
16
43
|
responseId?: string;
|
|
17
44
|
originalPrice?: number;
|
|
18
45
|
salePrice?: number;
|
|
@@ -254,7 +281,7 @@ interface SearchResponseProductAttributes {
|
|
|
254
281
|
category: ResponseCategory.Product;
|
|
255
282
|
attributes: CamelCasedPropertiesDeep<SearchResponseProduct>;
|
|
256
283
|
}
|
|
257
|
-
interface ProductCardSkeletonProps {
|
|
284
|
+
interface ProductCardSkeletonProps$1 {
|
|
258
285
|
layoutVariant: ProductCardLayoutVariant;
|
|
259
286
|
aspectRatio: ProductCardImageAspectRatio;
|
|
260
287
|
growWithContainer?: boolean;
|
|
@@ -269,4 +296,84 @@ interface ProductGridProps {
|
|
|
269
296
|
cardsGrowWithContainer?: boolean;
|
|
270
297
|
}
|
|
271
298
|
//#endregion
|
|
272
|
-
|
|
299
|
+
//#region src/components/ProductCard/ProductCard.d.ts
|
|
300
|
+
interface RatingSummaryProps {
|
|
301
|
+
stars: number;
|
|
302
|
+
reviewCount: number;
|
|
303
|
+
className?: string;
|
|
304
|
+
}
|
|
305
|
+
declare const RatingSummary: ({
|
|
306
|
+
stars,
|
|
307
|
+
reviewCount,
|
|
308
|
+
className
|
|
309
|
+
}: RatingSummaryProps) => react_jsx_runtime17.JSX.Element;
|
|
310
|
+
interface PriceSectionProps {
|
|
311
|
+
originalPrice?: string;
|
|
312
|
+
salePrice?: string;
|
|
313
|
+
pricePrefix?: string;
|
|
314
|
+
}
|
|
315
|
+
declare const PriceSection: ({
|
|
316
|
+
originalPrice,
|
|
317
|
+
salePrice,
|
|
318
|
+
pricePrefix
|
|
319
|
+
}: PriceSectionProps) => react_jsx_runtime17.JSX.Element;
|
|
320
|
+
interface ProductCardProps extends TestProps {
|
|
321
|
+
productCardConfig?: ProductCardConfig;
|
|
322
|
+
merchantShortName: string;
|
|
323
|
+
title: string;
|
|
324
|
+
url: string;
|
|
325
|
+
searchResponseId?: string;
|
|
326
|
+
productResponseId?: string;
|
|
327
|
+
cardDisplayLocation: ChatElementDisplayLocation.IN_CHAT | ChatElementDisplayLocation.PRODUCT_GRID;
|
|
328
|
+
imageUrl?: string;
|
|
329
|
+
originalPrice?: number;
|
|
330
|
+
averageRating?: number;
|
|
331
|
+
numberReviews?: number;
|
|
332
|
+
salePrice?: number;
|
|
333
|
+
variant?: ProductCardVariant;
|
|
334
|
+
hoverVariant?: ProductCardHoverVariant;
|
|
335
|
+
layoutVariant?: ProductCardLayoutVariant;
|
|
336
|
+
zoomOnHover?: boolean;
|
|
337
|
+
aspectRatio?: '3:4' | 'square' | 'none';
|
|
338
|
+
clickPosition?: number | null;
|
|
339
|
+
growWithContainer?: boolean;
|
|
340
|
+
handleClick?: (clickedUrl: string) => void;
|
|
341
|
+
}
|
|
342
|
+
declare const ProductCard: ({
|
|
343
|
+
productCardConfig,
|
|
344
|
+
merchantShortName,
|
|
345
|
+
imageUrl,
|
|
346
|
+
title,
|
|
347
|
+
url,
|
|
348
|
+
originalPrice,
|
|
349
|
+
averageRating,
|
|
350
|
+
numberReviews,
|
|
351
|
+
salePrice,
|
|
352
|
+
variant,
|
|
353
|
+
hoverVariant,
|
|
354
|
+
dataTestId,
|
|
355
|
+
layoutVariant,
|
|
356
|
+
zoomOnHover,
|
|
357
|
+
aspectRatio,
|
|
358
|
+
growWithContainer,
|
|
359
|
+
handleClick
|
|
360
|
+
}: ProductCardProps) => react_jsx_runtime17.JSX.Element;
|
|
361
|
+
//#endregion
|
|
362
|
+
//#region src/components/ProductCard/ProductCardSkeleton.d.ts
|
|
363
|
+
interface ProductCardSkeletonProps {
|
|
364
|
+
layoutVariant: ProductCardLayoutVariant;
|
|
365
|
+
aspectRatio?: '3:4' | 'square' | 'none';
|
|
366
|
+
growWithContainer?: boolean;
|
|
367
|
+
}
|
|
368
|
+
declare const ProductCardSkeleton: FC<ProductCardSkeletonProps>;
|
|
369
|
+
//#endregion
|
|
370
|
+
//#region src/components/ProductCard/productCardVariants.d.ts
|
|
371
|
+
/**
|
|
372
|
+
* Shared variant mapping configurations for ProductCard components
|
|
373
|
+
*/
|
|
374
|
+
declare const variantClassMap: Map<ProductCardVariant, string[]>;
|
|
375
|
+
declare const variantHoverClassMap: Map<ProductCardHoverVariant, string[]>;
|
|
376
|
+
declare const variantTitleColorMap: Map<ProductCardVariant, string>;
|
|
377
|
+
declare const productCardLayoutVariantClasses: Record<ProductCardLayoutVariant, Record<string, string[]>>;
|
|
378
|
+
//#endregion
|
|
379
|
+
export { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps$1 as ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import * as react_jsx_runtime8 from "react/jsx-runtime";
|
|
3
|
+
|
|
4
|
+
//#region src/components/SearchFilter/types.d.ts
|
|
5
|
+
type SearchFilterItem$1 = {
|
|
6
|
+
id: string;
|
|
7
|
+
displayName: string;
|
|
8
|
+
value: string;
|
|
9
|
+
isSelected: boolean;
|
|
10
|
+
};
|
|
11
|
+
type SearchFilter$1 = {
|
|
12
|
+
id: string;
|
|
13
|
+
displayName: string;
|
|
14
|
+
items: SearchFilterItem$1[];
|
|
15
|
+
};
|
|
16
|
+
type SelectFilterItem = (filterItem: SearchFilterItem$1) => void;
|
|
17
|
+
interface SearchFilterItemProps {
|
|
18
|
+
filterItem: SearchFilterItem$1;
|
|
19
|
+
onSelectFilterItem: SelectFilterItem;
|
|
20
|
+
radioButtonFillColor: string;
|
|
21
|
+
radioButtonHoverColor: string;
|
|
22
|
+
radioButtonUncheckedBorderColor: string;
|
|
23
|
+
}
|
|
24
|
+
interface SearchFilterHeaderProps {
|
|
25
|
+
closeModal: () => void;
|
|
26
|
+
productCount: number;
|
|
27
|
+
headerClassName: string;
|
|
28
|
+
filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
|
|
29
|
+
}
|
|
30
|
+
interface SearchFilterProps {
|
|
31
|
+
isOpen: boolean;
|
|
32
|
+
setIsOpen: (isOpen: boolean) => void;
|
|
33
|
+
filters: SearchFilter$1[];
|
|
34
|
+
productCount: number;
|
|
35
|
+
selectFilterItem: SelectFilterItem;
|
|
36
|
+
clearAllFilters: () => void;
|
|
37
|
+
applyFiltersUnchangedClasses: string;
|
|
38
|
+
applyFiltersChangedClasses: string;
|
|
39
|
+
filterButtonText: string;
|
|
40
|
+
radioButtonFillColor: string;
|
|
41
|
+
radioButtonHoverColor: string;
|
|
42
|
+
radioButtonUncheckedBorderColor: string;
|
|
43
|
+
filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
|
|
44
|
+
headerContent: ReactNode;
|
|
45
|
+
}
|
|
46
|
+
//#endregion
|
|
47
|
+
//#region src/components/SearchFilter/SearchFilter.d.ts
|
|
48
|
+
declare const SearchFilter: ({
|
|
49
|
+
isOpen,
|
|
50
|
+
setIsOpen,
|
|
51
|
+
filters,
|
|
52
|
+
selectFilterItem,
|
|
53
|
+
clearAllFilters,
|
|
54
|
+
filterButtonText,
|
|
55
|
+
radioButtonFillColor,
|
|
56
|
+
radioButtonHoverColor,
|
|
57
|
+
radioButtonUncheckedBorderColor,
|
|
58
|
+
headerContent
|
|
59
|
+
}: SearchFilterProps) => react_jsx_runtime8.JSX.Element;
|
|
60
|
+
//#endregion
|
|
61
|
+
//#region src/components/SearchFilter/SearchFilterHeader.d.ts
|
|
62
|
+
declare const SearchFilterHeader: ({
|
|
63
|
+
closeModal,
|
|
64
|
+
productCount,
|
|
65
|
+
headerClassName,
|
|
66
|
+
filterCloseIconVariant
|
|
67
|
+
}: SearchFilterHeaderProps) => react_jsx_runtime8.JSX.Element;
|
|
68
|
+
//#endregion
|
|
69
|
+
//#region src/components/SearchFilter/SearchFilterItem.d.ts
|
|
70
|
+
declare const SearchFilterItem: ({
|
|
71
|
+
filterItem,
|
|
72
|
+
onSelectFilterItem,
|
|
73
|
+
radioButtonFillColor,
|
|
74
|
+
radioButtonHoverColor,
|
|
75
|
+
radioButtonUncheckedBorderColor
|
|
76
|
+
}: SearchFilterItemProps) => react_jsx_runtime8.JSX.Element;
|
|
77
|
+
//#endregion
|
|
78
|
+
export { SearchFilter, SearchFilterHeader, SearchFilterHeaderProps, SearchFilterItem, SearchFilterItemProps, SearchFilterProps, SelectFilterItem };
|