@envive-ai/react-toolkit 0.1.4 → 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 +7 -0
- package/dist/ButtonBase/index.d.cts +43 -0
- package/dist/ButtonBase/index.d.ts +43 -0
- package/dist/ButtonBase/index.js +6 -0
- package/dist/{ButtonBase-C1rsL9gO.js → ButtonBase-BIAu5fIG.js} +5 -5
- package/dist/ButtonBase-BRfuPPzN.js +1 -0
- package/dist/ButtonBase-BleAVeo-.cjs +0 -0
- package/dist/{ButtonBase-a8uj6c2f.cjs → ButtonBase-DcyxOe2v.cjs} +11 -5
- package/dist/{AppliedFiltersScrollbar-BlcyhZkZ.cjs → DynamicFiltersScrollbar-BTopFhyl.cjs} +34 -2
- package/dist/{AppliedFiltersScrollbar-DFGzRemu.js → DynamicFiltersScrollbar-BmPTqym5.js} +29 -3
- package/dist/FilterScrollbar/index.cjs +6 -0
- package/dist/FilterScrollbar/index.d.cts +47 -0
- package/dist/FilterScrollbar/index.d.ts +47 -0
- package/dist/FilterScrollbar/index.js +5 -0
- package/dist/Headline/index.cjs +4 -0
- package/dist/{common/Headline/Headline.d.cts → Headline/index.d.cts} +3 -3
- package/dist/{common/Headline/Headline.d.ts → Headline/index.d.ts} +3 -3
- package/dist/Headline/index.js +4 -0
- package/dist/{Headline-8on6ZB9e.js → Headline-XpaAeTSR.js} +2 -2
- package/dist/{Headline-CcWn0w-a.cjs → Headline-iP_MckEO.cjs} +2 -2
- package/dist/ImageWithFallback/index.cjs +3 -0
- package/dist/{common/ImageWithFallback/ImageWithFallback.d.ts → ImageWithFallback/index.d.cts} +3 -3
- package/dist/{common/ImageWithFallback/ImageWithFallback.d.cts → ImageWithFallback/index.d.ts} +2 -2
- package/dist/ImageWithFallback/index.js +3 -0
- package/dist/{ImageWithFallback-ioeMFrTf.cjs → ImageWithFallback-1LqhQK1q.cjs} +3 -3
- package/dist/{ImageWithFallback-gN5HDS9L.js → ImageWithFallback-Ckwsmd8P.js} +2 -2
- package/dist/ProductCard/index.cjs +17 -0
- package/dist/ProductCard/index.d.cts +3 -0
- package/dist/ProductCard/index.d.ts +3 -0
- package/dist/ProductCard/index.js +8 -0
- package/dist/{ProductCard-C7WUShhN.cjs → ProductCard-DZZKutY-.cjs} +138 -12
- package/dist/{ProductCard-B5wnOeR9.js → ProductCard-SF8-lXlT.js} +92 -9
- package/dist/ProductGrid/index.cjs +10 -0
- package/dist/ProductGrid/index.d.cts +36 -0
- package/dist/ProductGrid/index.d.ts +36 -0
- package/dist/ProductGrid/index.js +9 -0
- package/dist/{ProductGrid-DZgwGPSQ.cjs → ProductGrid-BSSmPr7K.cjs} +56 -30
- package/dist/{ProductGrid-wnSc9bXT.js → ProductGrid-DTUhH219.js} +50 -30
- package/dist/SearchAutocomplete/index.cjs +3 -0
- package/dist/{search/SearchInputAutocomplete/SearchAutocomplete.d.cts → SearchAutocomplete/index.d.cts} +1 -1
- package/dist/{search/SearchInputAutocomplete/SearchAutocomplete.d.ts → SearchAutocomplete/index.d.ts} +1 -1
- package/dist/SearchAutocomplete/index.js +3 -0
- package/dist/{SearchAutocomplete-B8mO03Rr.js → SearchAutocomplete-BPjlo6qq.js} +4 -4
- package/dist/{SearchAutocomplete-BrF2SMoZ.cjs → SearchAutocomplete-BzaEXmRQ.cjs} +8 -8
- package/dist/SearchFilter/index.cjs +8 -0
- package/dist/SearchFilter/index.d.cts +2 -0
- package/dist/SearchFilter/index.d.ts +2 -0
- package/dist/SearchFilter/index.js +6 -0
- package/dist/SearchFilter-B15tybnV.cjs +134 -0
- package/dist/SearchFilter-D427M2UE.js +114 -0
- package/dist/SearchInput/index.cjs +7 -0
- package/dist/SearchInput/index.d.cts +33 -0
- package/dist/SearchInput/index.d.ts +33 -0
- package/dist/SearchInput/index.js +6 -0
- package/dist/{SearchInput-CzVUsUSb.js → SearchInput-C0wB4hSV.js} +8 -8
- package/dist/{SearchInput-mLPisqFO.cjs → SearchInput-D6UW79wT.cjs} +12 -12
- package/dist/{search/SearchInputForm/SearchInputForm.cjs → SearchInputForm/index.cjs} +9 -8
- package/dist/SearchInputForm/index.d.cts +2 -0
- package/dist/SearchInputForm/index.d.ts +2 -0
- package/dist/{search/SearchInputForm/SearchInputForm.js → SearchInputForm/index.js} +8 -7
- package/dist/{search/SearchResultsFilterSidebar/SearchResultsFilter.cjs → SearchResultsFilterSidebar/index.cjs} +15 -12
- package/dist/SearchResultsFilterSidebar/index.d.cts +3 -0
- package/dist/SearchResultsFilterSidebar/index.d.ts +3 -0
- package/dist/{search/SearchResultsFilterSidebar/SearchResultsFilter.js → SearchResultsFilterSidebar/index.js} +11 -10
- package/dist/SearchResultsStates/index.cjs +126 -0
- package/dist/SearchResultsStates/index.d.cts +73 -0
- package/dist/SearchResultsStates/index.d.ts +73 -0
- package/dist/SearchResultsStates/index.js +118 -0
- package/dist/SparkleAnimation/index.cjs +4 -0
- package/dist/SparkleAnimation/index.d.cts +23 -0
- package/dist/SparkleAnimation/index.d.ts +23 -0
- package/dist/SparkleAnimation/index.js +3 -0
- package/dist/{SparkleAnimation-Qs17S1rn.js → SparkleAnimation-BdOjC8l-.js} +5 -5
- package/dist/{SparkleAnimation-Ba5G4MIQ.cjs → SparkleAnimation-BhyeL26m.cjs} +12 -6
- package/dist/Spinner/index.cjs +3 -0
- package/dist/Spinner/index.d.cts +11 -0
- package/dist/Spinner/index.d.ts +11 -0
- package/dist/Spinner/index.js +3 -0
- package/dist/{Spinner-BZ-kTOpm.js → Spinner-BgGihEfJ.js} +1 -1
- package/dist/{Spinner-CfQ85Ajl.cjs → Spinner-DzdIkS6t.cjs} +1 -1
- package/dist/{common/SuggestionButton/SuggestionButton.cjs → SuggestionButton/index.cjs} +5 -5
- package/dist/{common/SuggestionButton/SuggestionButton.d.cts → SuggestionButton/index.d.cts} +6 -6
- package/dist/{common/SuggestionButton/SuggestionButton.d.ts → SuggestionButton/index.d.ts} +6 -6
- package/dist/{common/SuggestionButton/SuggestionButton.js → SuggestionButton/index.js} +4 -4
- package/dist/Text/index.cjs +10 -0
- package/dist/Text/index.d.cts +42 -0
- package/dist/Text/index.d.ts +42 -0
- package/dist/Text/index.js +5 -0
- package/dist/{Text-Bdv7F5-u.js → Text-BMg3d10t.js} +2 -2
- package/dist/Text-CV9pv8ds.js +10 -0
- package/dist/{Text-C04c4Z93.cjs → Text-CgOYTs8D.cjs} +2 -2
- package/dist/Text-DDT3sqY1.cjs +16 -0
- package/dist/TextInput/index.cjs +4 -0
- package/dist/TextInput/index.d.cts +12 -0
- package/dist/TextInput/index.d.ts +12 -0
- package/dist/TextInput/index.js +4 -0
- package/dist/{TextInput-BO80ixsV.cjs → TextInput-C6fF9cSB.cjs} +4 -4
- package/dist/{TextInput-CEGWfdPC.js → TextInput-CRMqBW3X.js} +3 -3
- package/dist/{colorsConfig-BKBZfFq1.js → colorsConfig-BQlaCfxi.js} +1 -1
- package/dist/{colorsConfig-vunsVTFC.cjs → colorsConfig-DCvy_dV4.cjs} +1 -1
- package/dist/index-B0oln9VD.d.ts +58 -0
- package/dist/index-B125udRj.d.cts +78 -0
- package/dist/{search/SearchInputForm/SearchInputForm.d.cts → index-BHNzU-Pc.d.ts} +10 -6
- package/dist/{search/SearchInputForm/SearchInputForm.d.ts → index-BNCrvswP.d.cts} +10 -6
- package/dist/index-CQlBDGTL.d.cts +58 -0
- package/dist/index-CcnuEYQN.d.ts +379 -0
- package/dist/index-DMXTg_9L.d.ts +78 -0
- package/dist/index-wYn2mEDm.d.cts +379 -0
- package/dist/{searchFilterSidebarVariants-eoyfoWA8.js → searchFilterSidebarVariants-BWQyiKwS.js} +2 -2
- package/dist/{searchFilterSidebarVariants-L1rn5Ift.cjs → searchFilterSidebarVariants-D08jyA7U.cjs} +2 -2
- package/dist/{textVariantClasses-Bhf4VY5z.cjs → textVariantClasses-BnV4wXaw.cjs} +1 -1
- package/dist/textVariantClasses-C8OCWZAw.d.ts +174 -0
- package/dist/textVariantClasses-Cdg-UUHi.d.cts +174 -0
- package/dist/{textVariantClasses-5t3OricK.js → textVariantClasses-CnjwO2Fv.js} +1 -1
- package/dist/types-BQYpWDJ4.d.cts +6 -0
- package/dist/types-BruEHw-X.d.ts +6 -0
- package/package.json +62 -84
- 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/ButtonBase/index.ts +2 -0
- package/src/components/{common/ButtonBase → ButtonBase}/types.ts +1 -1
- package/src/components/{search/FilterScrollbar → DynamicFiltersScrollbar}/DynamicFiltersScrollbar.tsx +1 -1
- package/src/components/{search/FilterScrollbar → FilterScrollbar}/AppliedFiltersScrollbar.tsx +1 -1
- package/src/components/FilterScrollbar/DynamicFiltersScrollbar.tsx +52 -0
- package/src/components/FilterScrollbar/index.ts +2 -0
- package/src/components/Headline/index.ts +1 -0
- package/src/components/ImageWithFallback/index.ts +1 -0
- package/src/components/{common/ProductCard → ProductCard}/ProductCard.tsx +34 -17
- package/src/components/ProductCard/index.ts +4 -0
- package/src/components/{common/ProductCard → ProductCard}/types.ts +1 -1
- package/src/components/ProductGrid/ProductGrid.tsx +73 -0
- package/src/components/ProductGrid/index.ts +2 -0
- package/src/components/{search/SearchInputAutocomplete → SearchAutocomplete}/SearchAutocomplete.tsx +1 -1
- package/src/components/SearchAutocomplete/index.ts +1 -0
- package/src/components/{search/SearchFilter → SearchFilter}/SearchFilter.tsx +2 -2
- package/src/components/{search/SearchFilter → SearchFilter}/SearchFilterHeader.tsx +1 -1
- package/src/components/{search/SearchFilter → SearchFilter}/SearchFilterItem.tsx +1 -1
- package/src/components/SearchFilter/index.ts +4 -0
- package/src/components/{search/SearchInput → SearchInput}/SearchInput.tsx +6 -6
- package/src/components/SearchInput/index.ts +2 -0
- package/src/components/{search/SearchInput → SearchInput}/searchInputVariants.ts +5 -5
- package/src/components/{search/SearchInputForm → SearchInputForm}/SearchInputForm.tsx +6 -4
- package/src/components/SearchInputForm/index.ts +2 -0
- package/src/components/SearchResultsContent/SearchResultsContent.tsx +87 -0
- package/src/components/SearchResultsContent/utils.ts +28 -0
- package/src/components/{search/SearchResultsFilterSidebar → SearchResultsFilterSidebar}/SearchResultsFilter.tsx +5 -6
- package/src/components/SearchResultsFilterSidebar/index.ts +3 -0
- package/src/components/SearchResultsFilterSidebar/searchFilterSidebarVariants.ts +58 -0
- package/src/components/SearchResultsFilterSidebar/types.ts +15 -0
- package/src/components/{search/SearchResultsStates → SearchResultsStates}/NoSearchResultsFound.tsx +2 -2
- package/src/components/{search/SearchResultsStates → SearchResultsStates}/SearchResultsGrid.tsx +14 -12
- package/src/components/{search/SearchResultsStates → SearchResultsStates}/SearchResultsLoadingGrid.tsx +4 -5
- package/src/components/SearchResultsStates/index.ts +3 -0
- package/src/components/SparkleAnimation/index.ts +2 -0
- package/src/components/Spinner/index.ts +1 -0
- package/src/components/SuggestionButton/index.ts +2 -0
- package/src/components/Text/index.ts +3 -0
- package/src/components/TextInput/index.ts +1 -0
- package/dist/DynamicFiltersScrollbar-B2Rr1KnJ.cjs +0 -41
- package/dist/DynamicFiltersScrollbar-Dys6geP0.js +0 -32
- package/dist/ProductCardSkeleton-BPfp6IOp.js +0 -38
- package/dist/ProductCardSkeleton-BgvDlaty.cjs +0 -46
- package/dist/SearchFilter-D-2IdBKS.js +0 -62
- package/dist/SearchFilter-D0IzBlG5.cjs +0 -70
- package/dist/SearchFilterHeader-BQT0-ssS.js +0 -37
- package/dist/SearchFilterHeader-C3EklfoO.cjs +0 -45
- package/dist/SearchFilterItem-BodtWLoP.js +0 -26
- package/dist/SearchFilterItem-DmMkiqNC.cjs +0 -34
- package/dist/common/ButtonBase/ButtonBase.cjs +0 -5
- package/dist/common/ButtonBase/ButtonBase.d.cts +0 -35
- package/dist/common/ButtonBase/ButtonBase.d.ts +0 -35
- package/dist/common/ButtonBase/ButtonBase.js +0 -5
- package/dist/common/Headline/Headline.cjs +0 -4
- package/dist/common/Headline/Headline.js +0 -4
- package/dist/common/ImageWithFallback/ImageWithFallback.cjs +0 -3
- package/dist/common/ImageWithFallback/ImageWithFallback.js +0 -3
- package/dist/common/ProductCard/ProductCard.cjs +0 -11
- package/dist/common/ProductCard/ProductCard.d.cts +0 -91
- package/dist/common/ProductCard/ProductCard.d.ts +0 -91
- package/dist/common/ProductCard/ProductCard.js +0 -9
- package/dist/common/ProductCard/ProductCardSkeleton.cjs +0 -4
- package/dist/common/ProductCard/ProductCardSkeleton.d.cts +0 -12
- package/dist/common/ProductCard/ProductCardSkeleton.d.ts +0 -12
- package/dist/common/ProductCard/ProductCardSkeleton.js +0 -4
- package/dist/common/ProductGrid/ProductGrid.cjs +0 -11
- package/dist/common/ProductGrid/ProductGrid.d.cts +0 -26
- package/dist/common/ProductGrid/ProductGrid.d.ts +0 -26
- package/dist/common/ProductGrid/ProductGrid.js +0 -11
- package/dist/common/SparkleAnimation/SparkleAnimation.cjs +0 -3
- package/dist/common/SparkleAnimation/SparkleAnimation.d.cts +0 -15
- package/dist/common/SparkleAnimation/SparkleAnimation.d.ts +0 -15
- package/dist/common/SparkleAnimation/SparkleAnimation.js +0 -3
- package/dist/common/Spinner/Spinner.cjs +0 -3
- package/dist/common/Spinner/Spinner.d.cts +0 -11
- package/dist/common/Spinner/Spinner.d.ts +0 -11
- package/dist/common/Spinner/Spinner.js +0 -3
- package/dist/common/Text/Text.cjs +0 -4
- package/dist/common/Text/Text.d.cts +0 -28
- package/dist/common/Text/Text.d.ts +0 -28
- package/dist/common/Text/Text.js +0 -4
- package/dist/common/TextInput/TextInput.cjs +0 -4
- package/dist/common/TextInput/TextInput.d.cts +0 -98
- package/dist/common/TextInput/TextInput.d.ts +0 -98
- package/dist/common/TextInput/TextInput.js +0 -4
- package/dist/productCardVariants-C_QIZ-KF.js +0 -45
- package/dist/productCardVariants-Dd-wrJKP.cjs +0 -69
- package/dist/productGridVariants-BNX4YlRK.js +0 -20
- package/dist/productGridVariants-CsNV0ACt.cjs +0 -26
- package/dist/search/FilterScrollbar/AppliedFiltersScrollbar.cjs +0 -5
- package/dist/search/FilterScrollbar/AppliedFiltersScrollbar.d.cts +0 -22
- package/dist/search/FilterScrollbar/AppliedFiltersScrollbar.d.ts +0 -22
- package/dist/search/FilterScrollbar/AppliedFiltersScrollbar.js +0 -5
- package/dist/search/FilterScrollbar/DynamicFiltersScrollbar.cjs +0 -5
- package/dist/search/FilterScrollbar/DynamicFiltersScrollbar.d.cts +0 -28
- package/dist/search/FilterScrollbar/DynamicFiltersScrollbar.d.ts +0 -28
- package/dist/search/FilterScrollbar/DynamicFiltersScrollbar.js +0 -5
- package/dist/search/SearchFilter/SearchFilter.cjs +0 -7
- package/dist/search/SearchFilter/SearchFilter.d.cts +0 -18
- package/dist/search/SearchFilter/SearchFilter.d.ts +0 -18
- package/dist/search/SearchFilter/SearchFilter.js +0 -7
- package/dist/search/SearchFilter/SearchFilterHeader.cjs +0 -5
- package/dist/search/SearchFilter/SearchFilterHeader.d.cts +0 -12
- package/dist/search/SearchFilter/SearchFilterHeader.d.ts +0 -12
- package/dist/search/SearchFilter/SearchFilterHeader.js +0 -5
- package/dist/search/SearchFilter/SearchFilterItem.cjs +0 -5
- package/dist/search/SearchFilter/SearchFilterItem.d.cts +0 -13
- package/dist/search/SearchFilter/SearchFilterItem.d.ts +0 -13
- package/dist/search/SearchFilter/SearchFilterItem.js +0 -5
- package/dist/search/SearchInput/SearchInput.cjs +0 -6
- package/dist/search/SearchInput/SearchInput.d.cts +0 -20
- package/dist/search/SearchInput/SearchInput.d.ts +0 -20
- package/dist/search/SearchInput/SearchInput.js +0 -6
- package/dist/search/SearchInputAutocomplete/SearchAutocomplete.cjs +0 -3
- package/dist/search/SearchInputAutocomplete/SearchAutocomplete.js +0 -3
- package/dist/search/SearchResultsFilterSidebar/SearchResultsFilter.d.cts +0 -28
- package/dist/search/SearchResultsFilterSidebar/SearchResultsFilter.d.ts +0 -28
- package/dist/search/SearchResultsStates/NoSearchResultsFound.cjs +0 -30
- package/dist/search/SearchResultsStates/NoSearchResultsFound.d.cts +0 -17
- package/dist/search/SearchResultsStates/NoSearchResultsFound.d.ts +0 -17
- package/dist/search/SearchResultsStates/NoSearchResultsFound.js +0 -26
- package/dist/search/SearchResultsStates/SearchResultsGrid.cjs +0 -66
- package/dist/search/SearchResultsStates/SearchResultsGrid.d.cts +0 -41
- package/dist/search/SearchResultsStates/SearchResultsGrid.d.ts +0 -41
- package/dist/search/SearchResultsStates/SearchResultsGrid.js +0 -62
- package/dist/search/SearchResultsStates/SearchResultsLoadingGrid.cjs +0 -52
- package/dist/search/SearchResultsStates/SearchResultsLoadingGrid.d.cts +0 -15
- package/dist/search/SearchResultsStates/SearchResultsLoadingGrid.d.ts +0 -15
- package/dist/search/SearchResultsStates/SearchResultsLoadingGrid.js +0 -49
- package/dist/types-53zIialA.d.ts +0 -35
- package/dist/types-B4BGZSlV.d.cts +0 -4
- package/dist/types-BQNqA5xL.d.ts +0 -46
- package/dist/types-BRLWwGMI.d.ts +0 -4
- package/dist/types-CImLkcNh.d.cts +0 -46
- package/dist/types-Cph97xkm.d.ts +0 -6
- package/dist/types-CpiJO5UH.d.ts +0 -4
- package/dist/types-Dy4_w6Cf.d.cts +0 -4
- package/dist/types-TYhhwWZw.d.cts +0 -6
- package/dist/types-aa4flfRE.d.cts +0 -35
- package/src/components/common/ProductGrid/ProductGrid.tsx +0 -73
- package/src/components/search/SearchResultsFilterSidebar/searchFilterSidebarVariants.ts +0 -45
- package/src/components/search/SearchResultsFilterSidebar/types.ts +0 -2
- package/src/components/search/types.ts +0 -5
- package/src/types/external.ts +0 -24
- /package/dist/{types-DFetqNL2.d.ts → types-Bm-qQyO3.d.ts} +0 -0
- /package/dist/{types-DaSkJnT_.d.cts → types-C-Jrlw5Z.d.cts} +0 -0
- /package/src/components/{common/ButtonBase → ButtonBase}/ButtonBase.tsx +0 -0
- /package/src/components/{common/Headline → Headline}/Headline.tsx +0 -0
- /package/src/components/{common/ImageWithFallback → ImageWithFallback}/ImageWithFallback.tsx +0 -0
- /package/src/components/{common/ProductCard → ProductCard}/ProductCardSkeleton.tsx +0 -0
- /package/src/components/{common/ProductCard → ProductCard}/productCardVariants.ts +0 -0
- /package/src/components/{common/ProductGrid → ProductGrid}/productGridVariants.ts +0 -0
- /package/src/components/{search/SearchFilter → SearchFilter}/types.ts +0 -0
- /package/src/components/{search/SearchInputForm → SearchInputForm}/types.ts +0 -0
- /package/src/components/{common/SparkleAnimation → SparkleAnimation}/SparkleAnimation.tsx +0 -0
- /package/src/components/{common/SparkleAnimation → SparkleAnimation}/types.ts +0 -0
- /package/src/components/{common/Spinner → Spinner}/Spinner.tsx +0 -0
- /package/src/components/{common/SuggestionButton → SuggestionButton}/SuggestionButton.tsx +0 -0
- /package/src/components/{common/SuggestionButton → SuggestionButton}/types.ts +0 -0
- /package/src/components/{common/Text → Text}/Text.tsx +0 -0
- /package/src/components/{common/Text → Text}/textVariantClasses.ts +0 -0
- /package/src/components/{common/Text → Text}/types.ts +0 -0
- /package/src/components/{common/TextInput → TextInput}/TextInput.tsx +0 -0
- /package/src/{components/models → models}/colorsConfig.ts +0 -0
- /package/src/{components/test → test}/types.ts +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Spinner';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TextInput';
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
const require_chunk = require('./chunk-CUT6urMc.cjs');
|
|
2
|
-
const require_Text = require('./Text-C04c4Z93.cjs');
|
|
3
|
-
let classnames = require("classnames");
|
|
4
|
-
classnames = require_chunk.__toESM(classnames);
|
|
5
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
6
|
-
react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
|
|
7
|
-
let react_indiana_drag_scroll = require("react-indiana-drag-scroll");
|
|
8
|
-
react_indiana_drag_scroll = require_chunk.__toESM(react_indiana_drag_scroll);
|
|
9
|
-
|
|
10
|
-
//#region src/components/search/FilterScrollbar/DynamicFiltersScrollbar.tsx
|
|
11
|
-
const DynamicFiltersScrollbar = ({ availableDynamicFilters, filterBarClassNames, filterDefaultClasses, filterHoverClasses, onToggleDynamicFilter }) => {
|
|
12
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_indiana_drag_scroll.default, {
|
|
13
|
-
className: filterBarClassNames,
|
|
14
|
-
hideScrollbars: true,
|
|
15
|
-
children: availableDynamicFilters.map(({ name, displayName }) => {
|
|
16
|
-
const buttonClasses = (0, classnames.default)("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses);
|
|
17
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
|
|
18
|
-
type: "button",
|
|
19
|
-
className: buttonClasses,
|
|
20
|
-
onClick: () => {
|
|
21
|
-
onToggleDynamicFilter({
|
|
22
|
-
filter: name,
|
|
23
|
-
dynamicFilterDisplayName: displayName
|
|
24
|
-
});
|
|
25
|
-
},
|
|
26
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
|
|
27
|
-
variant: "body3",
|
|
28
|
-
children: displayName
|
|
29
|
-
})
|
|
30
|
-
}, name);
|
|
31
|
-
})
|
|
32
|
-
});
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
//#endregion
|
|
36
|
-
Object.defineProperty(exports, 'DynamicFiltersScrollbar', {
|
|
37
|
-
enumerable: true,
|
|
38
|
-
get: function () {
|
|
39
|
-
return DynamicFiltersScrollbar;
|
|
40
|
-
}
|
|
41
|
-
});
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { Text } from "./Text-Bdv7F5-u.js";
|
|
2
|
-
import classNames from "classnames";
|
|
3
|
-
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
import ScrollContainer from "react-indiana-drag-scroll";
|
|
5
|
-
|
|
6
|
-
//#region src/components/search/FilterScrollbar/DynamicFiltersScrollbar.tsx
|
|
7
|
-
const DynamicFiltersScrollbar = ({ availableDynamicFilters, filterBarClassNames, filterDefaultClasses, filterHoverClasses, onToggleDynamicFilter }) => {
|
|
8
|
-
return /* @__PURE__ */ jsx(ScrollContainer, {
|
|
9
|
-
className: filterBarClassNames,
|
|
10
|
-
hideScrollbars: true,
|
|
11
|
-
children: availableDynamicFilters.map(({ name, displayName }) => {
|
|
12
|
-
const buttonClasses = classNames("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses);
|
|
13
|
-
return /* @__PURE__ */ jsx("button", {
|
|
14
|
-
type: "button",
|
|
15
|
-
className: buttonClasses,
|
|
16
|
-
onClick: () => {
|
|
17
|
-
onToggleDynamicFilter({
|
|
18
|
-
filter: name,
|
|
19
|
-
dynamicFilterDisplayName: displayName
|
|
20
|
-
});
|
|
21
|
-
},
|
|
22
|
-
children: /* @__PURE__ */ jsx(Text, {
|
|
23
|
-
variant: "body3",
|
|
24
|
-
children: displayName
|
|
25
|
-
})
|
|
26
|
-
}, name);
|
|
27
|
-
})
|
|
28
|
-
});
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
//#endregion
|
|
32
|
-
export { DynamicFiltersScrollbar };
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { productCardLayoutVariantClasses } from "./productCardVariants-C_QIZ-KF.js";
|
|
2
|
-
import classNames from "classnames";
|
|
3
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
-
|
|
5
|
-
//#region src/components/common/ProductCard/types.ts
|
|
6
|
-
let ProductCardSkeletonOverrides = /* @__PURE__ */ function(ProductCardSkeletonOverrides$1) {
|
|
7
|
-
ProductCardSkeletonOverrides$1["PRODUCT_CARD_SKELETON_CONTAINER"] = "spiffy-product-card-skeleton-container";
|
|
8
|
-
ProductCardSkeletonOverrides$1["PRODUCT_CARD_SKELETON"] = "spiffy-product-card-skeleton";
|
|
9
|
-
return ProductCardSkeletonOverrides$1;
|
|
10
|
-
}({});
|
|
11
|
-
|
|
12
|
-
//#endregion
|
|
13
|
-
//#region src/components/common/ProductCard/ProductCardSkeleton.tsx
|
|
14
|
-
const ProductCardSkeleton = ({ layoutVariant, aspectRatio, growWithContainer = false }) => {
|
|
15
|
-
const layoutClasses = productCardLayoutVariantClasses[layoutVariant || "normal"];
|
|
16
|
-
const containerClasses = classNames(ProductCardSkeletonOverrides.PRODUCT_CARD_SKELETON_CONTAINER, "spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-gap-inherit", "spiffy-tw-bg-transparent", !growWithContainer ? layoutClasses.container : "");
|
|
17
|
-
const verticalContainerClasses = classNames("spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-overflow-hidden", "spiffy-tw-gap-inherit", !growWithContainer ? layoutClasses.verticalContainer : "");
|
|
18
|
-
const imageClipContainerClasses = classNames("spiffy-tw-w-full", aspectRatio === "3:4" ? "spiffy-tw-aspect-[3/4]" : "", aspectRatio === "square" ? "spiffy-tw-aspect-square" : "", "spiffy-tw-overflow-hidden");
|
|
19
|
-
const imageSkeletonClasses = classNames("spiffy-tw-bg-[#F4F4F6]", "spiffy-tw-animate-pulse", "spiffy-tw-opacity-70", "spiffy-tw-w-full", "spiffy-tw-h-full");
|
|
20
|
-
const contentContainerClasses = classNames("spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-gap-2", "spiffy-tw-w-full", "spiffy-tw-p-2");
|
|
21
|
-
const textSkeletonClasses = classNames(ProductCardSkeletonOverrides.PRODUCT_CARD_SKELETON, "spiffy-tw-h-[15px]", "spiffy-tw-block", "spiffy-tw-rounded-sm", "spiffy-tw-animate-pulse", "spiffy-tw-opacity-70", "spiffy-tw-bg-[#F4F4F6]");
|
|
22
|
-
return /* @__PURE__ */ jsx("div", {
|
|
23
|
-
className: containerClasses,
|
|
24
|
-
children: /* @__PURE__ */ jsxs("div", {
|
|
25
|
-
className: verticalContainerClasses,
|
|
26
|
-
children: [/* @__PURE__ */ jsx("div", {
|
|
27
|
-
className: imageClipContainerClasses,
|
|
28
|
-
children: /* @__PURE__ */ jsx("div", { className: imageSkeletonClasses })
|
|
29
|
-
}), /* @__PURE__ */ jsxs("div", {
|
|
30
|
-
className: contentContainerClasses,
|
|
31
|
-
children: [/* @__PURE__ */ jsx("div", { className: classNames(textSkeletonClasses, "spiffy-tw-w-full") }), /* @__PURE__ */ jsx("div", { className: classNames(textSkeletonClasses, "spiffy-tw-w-[60%]") })]
|
|
32
|
-
})]
|
|
33
|
-
})
|
|
34
|
-
});
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
//#endregion
|
|
38
|
-
export { ProductCardSkeleton };
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
const require_chunk = require('./chunk-CUT6urMc.cjs');
|
|
2
|
-
const require_productCardVariants = require('./productCardVariants-Dd-wrJKP.cjs');
|
|
3
|
-
let classnames = require("classnames");
|
|
4
|
-
classnames = require_chunk.__toESM(classnames);
|
|
5
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
6
|
-
react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
|
|
7
|
-
|
|
8
|
-
//#region src/components/common/ProductCard/types.ts
|
|
9
|
-
let ProductCardSkeletonOverrides = /* @__PURE__ */ function(ProductCardSkeletonOverrides$1) {
|
|
10
|
-
ProductCardSkeletonOverrides$1["PRODUCT_CARD_SKELETON_CONTAINER"] = "spiffy-product-card-skeleton-container";
|
|
11
|
-
ProductCardSkeletonOverrides$1["PRODUCT_CARD_SKELETON"] = "spiffy-product-card-skeleton";
|
|
12
|
-
return ProductCardSkeletonOverrides$1;
|
|
13
|
-
}({});
|
|
14
|
-
|
|
15
|
-
//#endregion
|
|
16
|
-
//#region src/components/common/ProductCard/ProductCardSkeleton.tsx
|
|
17
|
-
const ProductCardSkeleton = ({ layoutVariant, aspectRatio, growWithContainer = false }) => {
|
|
18
|
-
const layoutClasses = require_productCardVariants.productCardLayoutVariantClasses[layoutVariant || "normal"];
|
|
19
|
-
const containerClasses = (0, classnames.default)(ProductCardSkeletonOverrides.PRODUCT_CARD_SKELETON_CONTAINER, "spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-gap-inherit", "spiffy-tw-bg-transparent", !growWithContainer ? layoutClasses.container : "");
|
|
20
|
-
const verticalContainerClasses = (0, classnames.default)("spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-overflow-hidden", "spiffy-tw-gap-inherit", !growWithContainer ? layoutClasses.verticalContainer : "");
|
|
21
|
-
const imageClipContainerClasses = (0, classnames.default)("spiffy-tw-w-full", aspectRatio === "3:4" ? "spiffy-tw-aspect-[3/4]" : "", aspectRatio === "square" ? "spiffy-tw-aspect-square" : "", "spiffy-tw-overflow-hidden");
|
|
22
|
-
const imageSkeletonClasses = (0, classnames.default)("spiffy-tw-bg-[#F4F4F6]", "spiffy-tw-animate-pulse", "spiffy-tw-opacity-70", "spiffy-tw-w-full", "spiffy-tw-h-full");
|
|
23
|
-
const contentContainerClasses = (0, classnames.default)("spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-gap-2", "spiffy-tw-w-full", "spiffy-tw-p-2");
|
|
24
|
-
const textSkeletonClasses = (0, classnames.default)(ProductCardSkeletonOverrides.PRODUCT_CARD_SKELETON, "spiffy-tw-h-[15px]", "spiffy-tw-block", "spiffy-tw-rounded-sm", "spiffy-tw-animate-pulse", "spiffy-tw-opacity-70", "spiffy-tw-bg-[#F4F4F6]");
|
|
25
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
26
|
-
className: containerClasses,
|
|
27
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
28
|
-
className: verticalContainerClasses,
|
|
29
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
30
|
-
className: imageClipContainerClasses,
|
|
31
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: imageSkeletonClasses })
|
|
32
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
33
|
-
className: contentContainerClasses,
|
|
34
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: (0, classnames.default)(textSkeletonClasses, "spiffy-tw-w-full") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: (0, classnames.default)(textSkeletonClasses, "spiffy-tw-w-[60%]") })]
|
|
35
|
-
})]
|
|
36
|
-
})
|
|
37
|
-
});
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
//#endregion
|
|
41
|
-
Object.defineProperty(exports, 'ProductCardSkeleton', {
|
|
42
|
-
enumerable: true,
|
|
43
|
-
get: function () {
|
|
44
|
-
return ProductCardSkeleton;
|
|
45
|
-
}
|
|
46
|
-
});
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { ButtonBase } from "./ButtonBase-C1rsL9gO.js";
|
|
2
|
-
import { Text } from "./Text-Bdv7F5-u.js";
|
|
3
|
-
import { SearchFilterItem } from "./SearchFilterItem-BodtWLoP.js";
|
|
4
|
-
import classNames from "classnames";
|
|
5
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
-
|
|
7
|
-
//#region src/components/search/SearchFilter/SearchFilter.tsx
|
|
8
|
-
const SearchFilter = ({ isOpen, setIsOpen, filters, selectFilterItem, clearAllFilters, filterButtonText, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor, headerContent }) => {
|
|
9
|
-
const modalClasses = classNames("spiffy-tw-fixed spiffy-tw-inset-0 spiffy-tw-z-50 spiffy-tw-flex spiffy-tw-transform spiffy-tw-transition-all", {
|
|
10
|
-
"spiffy-tw-translate-x-full": !isOpen,
|
|
11
|
-
"spiffy-tw-translate-x-0": isOpen
|
|
12
|
-
});
|
|
13
|
-
const overlayClasses = classNames("spiffy-tw-absolute spiffy-tw-inset-0 spiffy-tw-bg-black spiffy-tw-bg-opacity-50", {
|
|
14
|
-
"spiffy-tw-opacity-0": !isOpen,
|
|
15
|
-
"spiffy-tw-opacity-100": isOpen
|
|
16
|
-
});
|
|
17
|
-
const sidebarClasses = classNames("spiffy-tw-relative spiffy-tw-ml-auto spiffy-tw-flex spiffy-tw-h-full spiffy-tw-w-full spiffy-tw-max-w-xs spiffy-tw-flex-col spiffy-tw-overflow-y-auto spiffy-tw-bg-[--spiffy-colors-background-light] spiffy-tw-py-4 spiffy-tw-shadow-xl");
|
|
18
|
-
return /* @__PURE__ */ jsxs("div", {
|
|
19
|
-
className: modalClasses,
|
|
20
|
-
children: [/* @__PURE__ */ jsx("div", {
|
|
21
|
-
className: overlayClasses,
|
|
22
|
-
onClick: () => setIsOpen(false)
|
|
23
|
-
}), /* @__PURE__ */ jsxs("div", {
|
|
24
|
-
className: sidebarClasses,
|
|
25
|
-
children: [
|
|
26
|
-
headerContent,
|
|
27
|
-
/* @__PURE__ */ jsx("div", {
|
|
28
|
-
className: "spiffy-tw-flex-1 spiffy-tw-px-4 spiffy-tw-py-6",
|
|
29
|
-
children: filters.map((filter) => /* @__PURE__ */ jsxs("div", {
|
|
30
|
-
className: "spiffy-tw-mb-6",
|
|
31
|
-
children: [/* @__PURE__ */ jsx(Text, {
|
|
32
|
-
variant: "body2",
|
|
33
|
-
className: "spiffy-tw-font-medium spiffy-tw-mb-3",
|
|
34
|
-
children: filter.displayName
|
|
35
|
-
}), /* @__PURE__ */ jsx("ul", { children: filter.items.map((item) => /* @__PURE__ */ jsx(SearchFilterItem, {
|
|
36
|
-
filterItem: item,
|
|
37
|
-
onSelectFilterItem: selectFilterItem,
|
|
38
|
-
radioButtonFillColor,
|
|
39
|
-
radioButtonHoverColor,
|
|
40
|
-
radioButtonUncheckedBorderColor
|
|
41
|
-
}, item.id)) })]
|
|
42
|
-
}, filter.id))
|
|
43
|
-
}),
|
|
44
|
-
/* @__PURE__ */ jsxs("div", {
|
|
45
|
-
className: "spiffy-tw-border-t spiffy-tw-border-[--spiffy-colors-border-light] spiffy-tw-px-4 spiffy-tw-py-3",
|
|
46
|
-
children: [/* @__PURE__ */ jsx(ButtonBase, {
|
|
47
|
-
onClick: clearAllFilters,
|
|
48
|
-
text: "Clear All",
|
|
49
|
-
buttonClass: "spiffy-tw-w-full spiffy-tw-mb-2"
|
|
50
|
-
}), /* @__PURE__ */ jsx(ButtonBase, {
|
|
51
|
-
onClick: () => setIsOpen(false),
|
|
52
|
-
text: filterButtonText,
|
|
53
|
-
buttonClass: "spiffy-tw-w-full"
|
|
54
|
-
})]
|
|
55
|
-
})
|
|
56
|
-
]
|
|
57
|
-
})]
|
|
58
|
-
});
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
//#endregion
|
|
62
|
-
export { SearchFilter };
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
const require_chunk = require('./chunk-CUT6urMc.cjs');
|
|
2
|
-
const require_ButtonBase = require('./ButtonBase-a8uj6c2f.cjs');
|
|
3
|
-
const require_Text = require('./Text-C04c4Z93.cjs');
|
|
4
|
-
const require_SearchFilterItem = require('./SearchFilterItem-DmMkiqNC.cjs');
|
|
5
|
-
let classnames = require("classnames");
|
|
6
|
-
classnames = require_chunk.__toESM(classnames);
|
|
7
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
8
|
-
react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
|
|
9
|
-
|
|
10
|
-
//#region src/components/search/SearchFilter/SearchFilter.tsx
|
|
11
|
-
const SearchFilter = ({ isOpen, setIsOpen, filters, selectFilterItem, clearAllFilters, filterButtonText, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor, headerContent }) => {
|
|
12
|
-
const modalClasses = (0, classnames.default)("spiffy-tw-fixed spiffy-tw-inset-0 spiffy-tw-z-50 spiffy-tw-flex spiffy-tw-transform spiffy-tw-transition-all", {
|
|
13
|
-
"spiffy-tw-translate-x-full": !isOpen,
|
|
14
|
-
"spiffy-tw-translate-x-0": isOpen
|
|
15
|
-
});
|
|
16
|
-
const overlayClasses = (0, classnames.default)("spiffy-tw-absolute spiffy-tw-inset-0 spiffy-tw-bg-black spiffy-tw-bg-opacity-50", {
|
|
17
|
-
"spiffy-tw-opacity-0": !isOpen,
|
|
18
|
-
"spiffy-tw-opacity-100": isOpen
|
|
19
|
-
});
|
|
20
|
-
const sidebarClasses = (0, classnames.default)("spiffy-tw-relative spiffy-tw-ml-auto spiffy-tw-flex spiffy-tw-h-full spiffy-tw-w-full spiffy-tw-max-w-xs spiffy-tw-flex-col spiffy-tw-overflow-y-auto spiffy-tw-bg-[--spiffy-colors-background-light] spiffy-tw-py-4 spiffy-tw-shadow-xl");
|
|
21
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
22
|
-
className: modalClasses,
|
|
23
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
24
|
-
className: overlayClasses,
|
|
25
|
-
onClick: () => setIsOpen(false)
|
|
26
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
27
|
-
className: sidebarClasses,
|
|
28
|
-
children: [
|
|
29
|
-
headerContent,
|
|
30
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
31
|
-
className: "spiffy-tw-flex-1 spiffy-tw-px-4 spiffy-tw-py-6",
|
|
32
|
-
children: filters.map((filter) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
33
|
-
className: "spiffy-tw-mb-6",
|
|
34
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
|
|
35
|
-
variant: "body2",
|
|
36
|
-
className: "spiffy-tw-font-medium spiffy-tw-mb-3",
|
|
37
|
-
children: filter.displayName
|
|
38
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", { children: filter.items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchFilterItem.SearchFilterItem, {
|
|
39
|
-
filterItem: item,
|
|
40
|
-
onSelectFilterItem: selectFilterItem,
|
|
41
|
-
radioButtonFillColor,
|
|
42
|
-
radioButtonHoverColor,
|
|
43
|
-
radioButtonUncheckedBorderColor
|
|
44
|
-
}, item.id)) })]
|
|
45
|
-
}, filter.id))
|
|
46
|
-
}),
|
|
47
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
48
|
-
className: "spiffy-tw-border-t spiffy-tw-border-[--spiffy-colors-border-light] spiffy-tw-px-4 spiffy-tw-py-3",
|
|
49
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ButtonBase.ButtonBase, {
|
|
50
|
-
onClick: clearAllFilters,
|
|
51
|
-
text: "Clear All",
|
|
52
|
-
buttonClass: "spiffy-tw-w-full spiffy-tw-mb-2"
|
|
53
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ButtonBase.ButtonBase, {
|
|
54
|
-
onClick: () => setIsOpen(false),
|
|
55
|
-
text: filterButtonText,
|
|
56
|
-
buttonClass: "spiffy-tw-w-full"
|
|
57
|
-
})]
|
|
58
|
-
})
|
|
59
|
-
]
|
|
60
|
-
})]
|
|
61
|
-
});
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
//#endregion
|
|
65
|
-
Object.defineProperty(exports, 'SearchFilter', {
|
|
66
|
-
enumerable: true,
|
|
67
|
-
get: function () {
|
|
68
|
-
return SearchFilter;
|
|
69
|
-
}
|
|
70
|
-
});
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { Text } from "./Text-Bdv7F5-u.js";
|
|
2
|
-
import classNames from "classnames";
|
|
3
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
-
|
|
5
|
-
//#region src/components/search/SearchFilter/SearchFilterHeader.tsx
|
|
6
|
-
const SearchFilterHeader = ({ closeModal, productCount, headerClassName, filterCloseIconVariant }) => {
|
|
7
|
-
const closeIconColor = filterCloseIconVariant === "dark" ? "var(--spiffy-colors-text-primary)" : "var(--spiffy-colors-text-light)";
|
|
8
|
-
return /* @__PURE__ */ jsxs("div", {
|
|
9
|
-
className: classNames("spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-px-4 spiffy-tw-py-3", headerClassName),
|
|
10
|
-
children: [/* @__PURE__ */ jsxs(Text, {
|
|
11
|
-
variant: "body2",
|
|
12
|
-
className: "spiffy-tw-font-medium",
|
|
13
|
-
children: [
|
|
14
|
-
"Filters (",
|
|
15
|
-
productCount,
|
|
16
|
-
")"
|
|
17
|
-
]
|
|
18
|
-
}), /* @__PURE__ */ jsx("button", {
|
|
19
|
-
onClick: closeModal,
|
|
20
|
-
className: "spiffy-tw-p-2",
|
|
21
|
-
children: /* @__PURE__ */ jsx("svg", {
|
|
22
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
23
|
-
width: "14",
|
|
24
|
-
height: "14",
|
|
25
|
-
viewBox: "0 0 14 14",
|
|
26
|
-
fill: "none",
|
|
27
|
-
children: /* @__PURE__ */ jsx("path", {
|
|
28
|
-
d: "M13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711Z",
|
|
29
|
-
fill: closeIconColor
|
|
30
|
-
})
|
|
31
|
-
})
|
|
32
|
-
})]
|
|
33
|
-
});
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
//#endregion
|
|
37
|
-
export { SearchFilterHeader };
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
const require_chunk = require('./chunk-CUT6urMc.cjs');
|
|
2
|
-
const require_Text = require('./Text-C04c4Z93.cjs');
|
|
3
|
-
let classnames = require("classnames");
|
|
4
|
-
classnames = require_chunk.__toESM(classnames);
|
|
5
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
6
|
-
react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
|
|
7
|
-
|
|
8
|
-
//#region src/components/search/SearchFilter/SearchFilterHeader.tsx
|
|
9
|
-
const SearchFilterHeader = ({ closeModal, productCount, headerClassName, filterCloseIconVariant }) => {
|
|
10
|
-
const closeIconColor = filterCloseIconVariant === "dark" ? "var(--spiffy-colors-text-primary)" : "var(--spiffy-colors-text-light)";
|
|
11
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
12
|
-
className: (0, classnames.default)("spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-px-4 spiffy-tw-py-3", headerClassName),
|
|
13
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Text.Text, {
|
|
14
|
-
variant: "body2",
|
|
15
|
-
className: "spiffy-tw-font-medium",
|
|
16
|
-
children: [
|
|
17
|
-
"Filters (",
|
|
18
|
-
productCount,
|
|
19
|
-
")"
|
|
20
|
-
]
|
|
21
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
|
|
22
|
-
onClick: closeModal,
|
|
23
|
-
className: "spiffy-tw-p-2",
|
|
24
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
|
|
25
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
26
|
-
width: "14",
|
|
27
|
-
height: "14",
|
|
28
|
-
viewBox: "0 0 14 14",
|
|
29
|
-
fill: "none",
|
|
30
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
31
|
-
d: "M13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711Z",
|
|
32
|
-
fill: closeIconColor
|
|
33
|
-
})
|
|
34
|
-
})
|
|
35
|
-
})]
|
|
36
|
-
});
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
//#endregion
|
|
40
|
-
Object.defineProperty(exports, 'SearchFilterHeader', {
|
|
41
|
-
enumerable: true,
|
|
42
|
-
get: function () {
|
|
43
|
-
return SearchFilterHeader;
|
|
44
|
-
}
|
|
45
|
-
});
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { Text } from "./Text-Bdv7F5-u.js";
|
|
2
|
-
import classNames from "classnames";
|
|
3
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
-
|
|
5
|
-
//#region src/components/search/SearchFilter/SearchFilterItem.tsx
|
|
6
|
-
const SearchFilterItem = ({ filterItem, onSelectFilterItem, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor }) => {
|
|
7
|
-
const { displayName, isSelected } = filterItem;
|
|
8
|
-
const radioClasses = classNames("spiffy-tw-w-4 spiffy-tw-h-4 spiffy-tw-rounded-full spiffy-tw-border-2", "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-center", radioButtonUncheckedBorderColor, radioButtonHoverColor, { [radioButtonFillColor]: isSelected });
|
|
9
|
-
return /* @__PURE__ */ jsxs("li", {
|
|
10
|
-
className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-py-2 spiffy-tw-cursor-pointer",
|
|
11
|
-
onClick: () => onSelectFilterItem(filterItem),
|
|
12
|
-
children: [/* @__PURE__ */ jsx(Text, {
|
|
13
|
-
variant: "body3",
|
|
14
|
-
children: displayName
|
|
15
|
-
}), /* @__PURE__ */ jsx("div", {
|
|
16
|
-
className: radioClasses,
|
|
17
|
-
children: isSelected && /* @__PURE__ */ jsx("div", { className: classNames("spiffy-tw-w-2 spiffy-tw-h-2 spiffy-tw-rounded-full", {
|
|
18
|
-
"spiffy-tw-bg-white": radioButtonFillColor.includes("spiffy-tw-bg-"),
|
|
19
|
-
"spiffy-tw-bg-black": radioButtonFillColor.includes("spiffy-tw-bg-white")
|
|
20
|
-
}) })
|
|
21
|
-
})]
|
|
22
|
-
});
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
//#endregion
|
|
26
|
-
export { SearchFilterItem };
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
const require_chunk = require('./chunk-CUT6urMc.cjs');
|
|
2
|
-
const require_Text = require('./Text-C04c4Z93.cjs');
|
|
3
|
-
let classnames = require("classnames");
|
|
4
|
-
classnames = require_chunk.__toESM(classnames);
|
|
5
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
6
|
-
react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
|
|
7
|
-
|
|
8
|
-
//#region src/components/search/SearchFilter/SearchFilterItem.tsx
|
|
9
|
-
const SearchFilterItem = ({ filterItem, onSelectFilterItem, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor }) => {
|
|
10
|
-
const { displayName, isSelected } = filterItem;
|
|
11
|
-
const radioClasses = (0, classnames.default)("spiffy-tw-w-4 spiffy-tw-h-4 spiffy-tw-rounded-full spiffy-tw-border-2", "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-center", radioButtonUncheckedBorderColor, radioButtonHoverColor, { [radioButtonFillColor]: isSelected });
|
|
12
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
|
|
13
|
-
className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-py-2 spiffy-tw-cursor-pointer",
|
|
14
|
-
onClick: () => onSelectFilterItem(filterItem),
|
|
15
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
|
|
16
|
-
variant: "body3",
|
|
17
|
-
children: displayName
|
|
18
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
19
|
-
className: radioClasses,
|
|
20
|
-
children: isSelected && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: (0, classnames.default)("spiffy-tw-w-2 spiffy-tw-h-2 spiffy-tw-rounded-full", {
|
|
21
|
-
"spiffy-tw-bg-white": radioButtonFillColor.includes("spiffy-tw-bg-"),
|
|
22
|
-
"spiffy-tw-bg-black": radioButtonFillColor.includes("spiffy-tw-bg-white")
|
|
23
|
-
}) })
|
|
24
|
-
})]
|
|
25
|
-
});
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
//#endregion
|
|
29
|
-
Object.defineProperty(exports, 'SearchFilterItem', {
|
|
30
|
-
enumerable: true,
|
|
31
|
-
get: function () {
|
|
32
|
-
return SearchFilterItem;
|
|
33
|
-
}
|
|
34
|
-
});
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { TestProps } from "../../types-TYhhwWZw.cjs";
|
|
2
|
-
import * as react_jsx_runtime3 from "react/jsx-runtime";
|
|
3
|
-
import { ButtonHTMLAttributes } from "react";
|
|
4
|
-
|
|
5
|
-
//#region src/components/common/ButtonBase/types.d.ts
|
|
6
|
-
|
|
7
|
-
interface ButtonBaseProps extends TestProps {
|
|
8
|
-
type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
|
|
9
|
-
isDisabled?: boolean;
|
|
10
|
-
dataAttributes?: Record<string, string>;
|
|
11
|
-
buttonClass?: string;
|
|
12
|
-
text: string;
|
|
13
|
-
textClass?: string;
|
|
14
|
-
icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
|
|
15
|
-
iconClass?: string;
|
|
16
|
-
onClick?: () => void;
|
|
17
|
-
disablePadding?: boolean;
|
|
18
|
-
}
|
|
19
|
-
//#endregion
|
|
20
|
-
//#region src/components/common/ButtonBase/ButtonBase.d.ts
|
|
21
|
-
declare const ButtonBase: ({
|
|
22
|
-
type,
|
|
23
|
-
isDisabled,
|
|
24
|
-
dataAttributes,
|
|
25
|
-
buttonClass,
|
|
26
|
-
text,
|
|
27
|
-
textClass,
|
|
28
|
-
icon,
|
|
29
|
-
iconClass,
|
|
30
|
-
dataTestId,
|
|
31
|
-
onClick,
|
|
32
|
-
disablePadding
|
|
33
|
-
}: ButtonBaseProps) => react_jsx_runtime3.JSX.Element;
|
|
34
|
-
//#endregion
|
|
35
|
-
export { ButtonBase };
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { TestProps } from "../../types-Cph97xkm.js";
|
|
2
|
-
import { ButtonHTMLAttributes } from "react";
|
|
3
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
4
|
-
|
|
5
|
-
//#region src/components/common/ButtonBase/types.d.ts
|
|
6
|
-
|
|
7
|
-
interface ButtonBaseProps extends TestProps {
|
|
8
|
-
type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
|
|
9
|
-
isDisabled?: boolean;
|
|
10
|
-
dataAttributes?: Record<string, string>;
|
|
11
|
-
buttonClass?: string;
|
|
12
|
-
text: string;
|
|
13
|
-
textClass?: string;
|
|
14
|
-
icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
|
|
15
|
-
iconClass?: string;
|
|
16
|
-
onClick?: () => void;
|
|
17
|
-
disablePadding?: boolean;
|
|
18
|
-
}
|
|
19
|
-
//#endregion
|
|
20
|
-
//#region src/components/common/ButtonBase/ButtonBase.d.ts
|
|
21
|
-
declare const ButtonBase: ({
|
|
22
|
-
type,
|
|
23
|
-
isDisabled,
|
|
24
|
-
dataAttributes,
|
|
25
|
-
buttonClass,
|
|
26
|
-
text,
|
|
27
|
-
textClass,
|
|
28
|
-
icon,
|
|
29
|
-
iconClass,
|
|
30
|
-
dataTestId,
|
|
31
|
-
onClick,
|
|
32
|
-
disablePadding
|
|
33
|
-
}: ButtonBaseProps) => react_jsx_runtime0.JSX.Element;
|
|
34
|
-
//#endregion
|
|
35
|
-
export { ButtonBase };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
require('../../textVariantClasses-Bhf4VY5z.cjs');
|
|
2
|
-
require('../../Text-C04c4Z93.cjs');
|
|
3
|
-
require('../../ImageWithFallback-ioeMFrTf.cjs');
|
|
4
|
-
require('../../Headline-CcWn0w-a.cjs');
|
|
5
|
-
require('../../productCardVariants-Dd-wrJKP.cjs');
|
|
6
|
-
const require_ProductCard = require('../../ProductCard-C7WUShhN.cjs');
|
|
7
|
-
require('../../Spinner-CfQ85Ajl.cjs');
|
|
8
|
-
|
|
9
|
-
exports.PriceSection = require_ProductCard.PriceSection;
|
|
10
|
-
exports.ProductCard = require_ProductCard.ProductCard;
|
|
11
|
-
exports.RatingSummary = require_ProductCard.RatingSummary;
|