@envive-ai/react-widgets 0.1.3 → 0.3.0
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/SearchResults/SearchResults.cjs +8 -12
- package/dist/SearchResults/SearchResults.js +4 -8
- package/dist/SearchResults/SearchResultsWidget.cjs +1 -1
- package/dist/SearchResults/SearchResultsWidget.d.cts +2 -2
- package/dist/SearchResults/SearchResultsWidget.js +1 -1
- package/dist/SearchResults/withSearchResults.cjs +1 -1
- package/dist/SearchResults/withSearchResults.js +1 -1
- package/dist/SearchZeroState/SearchIcon.cjs +2 -3
- package/dist/SearchZeroState/SearchIcon.js +1 -2
- package/dist/SearchZeroState/SearchZeroState.cjs +10 -14
- package/dist/SearchZeroState/SearchZeroState.js +5 -9
- package/dist/SearchZeroState/SearchZeroStateWidget.cjs +1 -1
- package/dist/SearchZeroState/SearchZeroStateWidget.d.cts +2 -2
- package/dist/SearchZeroState/SearchZeroStateWidget.d.ts +2 -2
- package/dist/SearchZeroState/SearchZeroStateWidget.js +1 -1
- package/dist/SearchZeroState/components/RecommendedProducts.cjs +5 -7
- package/dist/SearchZeroState/components/RecommendedProducts.js +3 -5
- package/dist/SearchZeroState/index.d.cts +2 -1
- package/dist/SearchZeroState/index.d.ts +2 -1
- package/dist/SearchZeroState/types.d.cts +2 -2
- package/dist/SearchZeroState/types.d.ts +2 -2
- package/dist/SuggestionBar/SuggestionBar.cjs +1 -1
- package/dist/SuggestionBar/SuggestionBar.d.cts +1 -1
- package/dist/SuggestionBar/SuggestionBar.d.ts +3 -3
- package/dist/SuggestionBar/SuggestionBar.js +2 -2
- package/dist/SuggestionButtonContainer/SuggestionButtonContainer.cjs +6 -7
- package/dist/SuggestionButtonContainer/SuggestionButtonContainer.js +2 -3
- package/dist/SuggestionButtonContainer/types.d.cts +2 -2
- package/dist/SuggestionButtonContainer/types.d.ts +2 -2
- package/dist/hooks/dist/contexts/types.d.cts +52 -0
- package/dist/hooks/dist/types/test-types.d.cts +8 -0
- package/dist/packages/hooks/dist/contexts/types.d.ts +52 -0
- package/dist/packages/hooks/dist/types/test-types.d.ts +8 -0
- package/package.json +3 -1
- package/dist/node_modules/react-icons/lib/iconBase.cjs +0 -121
- package/dist/node_modules/react-icons/lib/iconBase.js +0 -119
- package/dist/node_modules/react-icons/lib/iconContext.cjs +0 -17
- package/dist/node_modules/react-icons/lib/iconContext.js +0 -14
- package/dist/node_modules/react-icons/md/index.cjs +0 -35
- package/dist/node_modules/react-icons/md/index.js +0 -35
- package/dist/packages/components/dist/components/Accordion/Accordion.cjs +0 -80
- package/dist/packages/components/dist/components/Accordion/Accordion.js +0 -78
- package/dist/packages/components/dist/components/Accordion/index.cjs +0 -1
- package/dist/packages/components/dist/components/Accordion/index.js +0 -1
- package/dist/packages/components/dist/components/AnimatedChevron/AnimatedChevron.cjs +0 -30
- package/dist/packages/components/dist/components/AnimatedChevron/AnimatedChevron.js +0 -29
- package/dist/packages/components/dist/components/ButtonBase/ButtonBase.cjs +0 -56
- package/dist/packages/components/dist/components/ButtonBase/ButtonBase.js +0 -54
- package/dist/packages/components/dist/components/ButtonBase/index.cjs +0 -2
- package/dist/packages/components/dist/components/ButtonBase/index.js +0 -2
- package/dist/packages/components/dist/components/ButtonBase/types.cjs +0 -11
- package/dist/packages/components/dist/components/ButtonBase/types.js +0 -10
- package/dist/packages/components/dist/components/FilterScrollbar/AppliedFiltersScrollbar.cjs +0 -45
- package/dist/packages/components/dist/components/FilterScrollbar/AppliedFiltersScrollbar.js +0 -42
- package/dist/packages/components/dist/components/FilterScrollbar/DynamicFiltersScrollbar.cjs +0 -33
- package/dist/packages/components/dist/components/FilterScrollbar/DynamicFiltersScrollbar.js +0 -30
- package/dist/packages/components/dist/components/ImageWithFallback/ImageWithFallback.cjs +0 -45
- package/dist/packages/components/dist/components/ImageWithFallback/ImageWithFallback.js +0 -42
- package/dist/packages/components/dist/components/ImageWithFallback/index.cjs +0 -1
- package/dist/packages/components/dist/components/ImageWithFallback/index.js +0 -1
- package/dist/packages/components/dist/components/ModalSheet/ModalSheet.cjs +0 -30
- package/dist/packages/components/dist/components/ModalSheet/ModalSheet.js +0 -29
- package/dist/packages/components/dist/components/ModalSheet/desktop/desktopHeader.cjs +0 -26
- package/dist/packages/components/dist/components/ModalSheet/desktop/desktopHeader.js +0 -24
- package/dist/packages/components/dist/components/ModalSheet/desktop/index.cjs +0 -122
- package/dist/packages/components/dist/components/ModalSheet/desktop/index.js +0 -120
- package/dist/packages/components/dist/components/ModalSheet/index.cjs +0 -1
- package/dist/packages/components/dist/components/ModalSheet/index.js +0 -1
- package/dist/packages/components/dist/components/ModalSheet/mobile/index.cjs +0 -116
- package/dist/packages/components/dist/components/ModalSheet/mobile/index.js +0 -114
- package/dist/packages/components/dist/components/ModalSheet/mobile/mobileHeader.cjs +0 -38
- package/dist/packages/components/dist/components/ModalSheet/mobile/mobileHeader.js +0 -36
- package/dist/packages/components/dist/components/ProductCard/ProductCard.cjs +0 -153
- package/dist/packages/components/dist/components/ProductCard/ProductCard.js +0 -149
- package/dist/packages/components/dist/components/ProductCard/ProductCardSkeleton.cjs +0 -33
- package/dist/packages/components/dist/components/ProductCard/ProductCardSkeleton.js +0 -31
- package/dist/packages/components/dist/components/ProductCard/index.cjs +0 -4
- package/dist/packages/components/dist/components/ProductCard/index.js +0 -4
- package/dist/packages/components/dist/components/ProductCard/productCardVariants.cjs +0 -49
- package/dist/packages/components/dist/components/ProductCard/productCardVariants.js +0 -45
- package/dist/packages/components/dist/components/ProductCard/types.cjs +0 -10
- package/dist/packages/components/dist/components/ProductCard/types.js +0 -9
- package/dist/packages/components/dist/components/ProductGrid/ProductGrid.cjs +0 -43
- package/dist/packages/components/dist/components/ProductGrid/ProductGrid.js +0 -41
- package/dist/packages/components/dist/components/ProductGrid/index.cjs +0 -2
- package/dist/packages/components/dist/components/ProductGrid/index.js +0 -2
- package/dist/packages/components/dist/components/ProductGrid/productGridVariants.cjs +0 -21
- package/dist/packages/components/dist/components/ProductGrid/productGridVariants.js +0 -20
- package/dist/packages/components/dist/components/RadioButton/RadioButton.cjs +0 -74
- package/dist/packages/components/dist/components/RadioButton/RadioButton.js +0 -72
- package/dist/packages/components/dist/components/RadioButton/index.cjs +0 -1
- package/dist/packages/components/dist/components/RadioButton/index.js +0 -1
- package/dist/packages/components/dist/components/RadioButtonGroup/RadioButtonGroup.cjs +0 -42
- package/dist/packages/components/dist/components/RadioButtonGroup/RadioButtonGroup.js +0 -39
- package/dist/packages/components/dist/components/RadioButtonGroup/index.cjs +0 -1
- package/dist/packages/components/dist/components/RadioButtonGroup/index.js +0 -1
- package/dist/packages/components/dist/components/RecommendedProducts/RecommendedProducts.cjs +0 -53
- package/dist/packages/components/dist/components/RecommendedProducts/RecommendedProducts.js +0 -51
- package/dist/packages/components/dist/components/RecommendedProducts/index.cjs +0 -3
- package/dist/packages/components/dist/components/RecommendedProducts/index.js +0 -3
- package/dist/packages/components/dist/components/SearchAutocomplete/SearchAutocomplete.cjs +0 -72
- package/dist/packages/components/dist/components/SearchAutocomplete/SearchAutocomplete.js +0 -69
- package/dist/packages/components/dist/components/SearchAutocomplete/index.cjs +0 -1
- package/dist/packages/components/dist/components/SearchAutocomplete/index.js +0 -1
- package/dist/packages/components/dist/components/SearchFilter/SearchFilter.cjs +0 -134
- package/dist/packages/components/dist/components/SearchFilter/SearchFilter.js +0 -132
- package/dist/packages/components/dist/components/SearchFilter/SearchFilterFooter.cjs +0 -48
- package/dist/packages/components/dist/components/SearchFilter/SearchFilterFooter.js +0 -46
- package/dist/packages/components/dist/components/SearchFilter/SearchFilterHeader.cjs +0 -42
- package/dist/packages/components/dist/components/SearchFilter/SearchFilterHeader.js +0 -40
- package/dist/packages/components/dist/components/SearchFilter/SearchFilterItem.cjs +0 -6
- package/dist/packages/components/dist/components/SearchFilter/SearchFilterItem.js +0 -4
- package/dist/packages/components/dist/components/SearchFilter/index.cjs +0 -5
- package/dist/packages/components/dist/components/SearchFilter/index.js +0 -5
- package/dist/packages/components/dist/components/SearchFilter/useHasFilterStateChanged.cjs +0 -27
- package/dist/packages/components/dist/components/SearchFilter/useHasFilterStateChanged.js +0 -26
- package/dist/packages/components/dist/components/SearchFilter/utils.cjs +0 -11
- package/dist/packages/components/dist/components/SearchFilter/utils.js +0 -9
- package/dist/packages/components/dist/components/SearchInput/SearchInput.cjs +0 -81
- package/dist/packages/components/dist/components/SearchInput/SearchInput.js +0 -78
- package/dist/packages/components/dist/components/SearchInput/index.cjs +0 -2
- package/dist/packages/components/dist/components/SearchInput/index.js +0 -2
- package/dist/packages/components/dist/components/SearchInput/searchInputVariants.cjs +0 -15
- package/dist/packages/components/dist/components/SearchInput/searchInputVariants.js +0 -15
- package/dist/packages/components/dist/components/SearchInputForm/SearchInputForm.cjs +0 -57
- package/dist/packages/components/dist/components/SearchInputForm/SearchInputForm.js +0 -55
- package/dist/packages/components/dist/components/SearchInputForm/index.cjs +0 -1
- package/dist/packages/components/dist/components/SearchInputForm/index.js +0 -1
- package/dist/packages/components/dist/components/SearchResultsContent/SearchResultsContent.cjs +0 -52
- package/dist/packages/components/dist/components/SearchResultsContent/SearchResultsContent.js +0 -50
- package/dist/packages/components/dist/components/SearchResultsContent/index.cjs +0 -1
- package/dist/packages/components/dist/components/SearchResultsContent/index.js +0 -1
- package/dist/packages/components/dist/components/SearchResultsFilterButton/SearchResultsFilterButton.cjs +0 -24
- package/dist/packages/components/dist/components/SearchResultsFilterButton/SearchResultsFilterButton.js +0 -23
- package/dist/packages/components/dist/components/SearchResultsFilterButton/index.cjs +0 -3
- package/dist/packages/components/dist/components/SearchResultsFilterButton/index.js +0 -3
- package/dist/packages/components/dist/components/SearchResultsFilterModal/SearchResultsFilterModal.cjs +0 -36
- package/dist/packages/components/dist/components/SearchResultsFilterModal/SearchResultsFilterModal.js +0 -35
- package/dist/packages/components/dist/components/SearchResultsFilterModal/index.cjs +0 -3
- package/dist/packages/components/dist/components/SearchResultsFilterModal/index.js +0 -3
- package/dist/packages/components/dist/components/SearchResultsFilterSidebar/SearchResultsFilter.cjs +0 -9
- package/dist/packages/components/dist/components/SearchResultsFilterSidebar/SearchResultsFilter.js +0 -9
- package/dist/packages/components/dist/components/SearchResultsFilterSidebar/index.cjs +0 -2
- package/dist/packages/components/dist/components/SearchResultsFilterSidebar/index.js +0 -2
- package/dist/packages/components/dist/components/SearchResultsFilterSidebar/searchFilterSidebarVariants.cjs +0 -34
- package/dist/packages/components/dist/components/SearchResultsFilterSidebar/searchFilterSidebarVariants.js +0 -34
- package/dist/packages/components/dist/components/SearchResultsStates/NoSearchResultsFound.cjs +0 -56
- package/dist/packages/components/dist/components/SearchResultsStates/NoSearchResultsFound.js +0 -54
- package/dist/packages/components/dist/components/SearchResultsStates/SearchResultsGrid.cjs +0 -53
- package/dist/packages/components/dist/components/SearchResultsStates/SearchResultsGrid.js +0 -51
- package/dist/packages/components/dist/components/SearchResultsStates/SearchResultsLoadingGrid.cjs +0 -52
- package/dist/packages/components/dist/components/SearchResultsStates/SearchResultsLoadingGrid.js +0 -51
- package/dist/packages/components/dist/components/SearchResultsStates/index.cjs +0 -3
- package/dist/packages/components/dist/components/SearchResultsStates/index.js +0 -3
- package/dist/packages/components/dist/components/SearchResultsToolbar/SearchResultsToolbar.cjs +0 -60
- package/dist/packages/components/dist/components/SearchResultsToolbar/SearchResultsToolbar.js +0 -57
- package/dist/packages/components/dist/components/SearchResultsToolbar/index.cjs +0 -3
- package/dist/packages/components/dist/components/SearchResultsToolbar/index.js +0 -3
- package/dist/packages/components/dist/components/SparkleAnimation/SparkleAnimation.cjs +0 -77
- package/dist/packages/components/dist/components/SparkleAnimation/SparkleAnimation.js +0 -75
- package/dist/packages/components/dist/components/SparkleAnimation/index.cjs +0 -2
- package/dist/packages/components/dist/components/SparkleAnimation/index.js +0 -2
- package/dist/packages/components/dist/components/SparkleAnimation/types.cjs +0 -12
- package/dist/packages/components/dist/components/SparkleAnimation/types.js +0 -11
- package/dist/packages/components/dist/components/Spinner/Spinner.cjs +0 -40
- package/dist/packages/components/dist/components/Spinner/Spinner.js +0 -38
- package/dist/packages/components/dist/components/Spinner/index.cjs +0 -1
- package/dist/packages/components/dist/components/Spinner/index.js +0 -1
- package/dist/packages/components/dist/components/SuggestionButton/SuggestionButton.cjs +0 -193
- package/dist/packages/components/dist/components/SuggestionButton/SuggestionButton.js +0 -188
- package/dist/packages/components/dist/components/SuggestionButton/index.cjs +0 -1
- package/dist/packages/components/dist/components/SuggestionButton/index.js +0 -1
- package/dist/packages/components/dist/components/TextInput/TextInput.cjs +0 -34
- package/dist/packages/components/dist/components/TextInput/TextInput.js +0 -31
- package/dist/packages/components/dist/components/TextInput/index.cjs +0 -1
- package/dist/packages/components/dist/components/TextInput/index.js +0 -1
- package/dist/packages/components/dist/components/ToggleButton/ToggleButton.cjs +0 -63
- package/dist/packages/components/dist/components/ToggleButton/ToggleButton.js +0 -61
- package/dist/packages/components/dist/components/ToggleButton/index.cjs +0 -1
- package/dist/packages/components/dist/components/ToggleButton/index.js +0 -1
- package/dist/packages/components/dist/components/Typography/Typography.cjs +0 -53
- package/dist/packages/components/dist/components/Typography/Typography.js +0 -50
- package/dist/packages/components/dist/components/Typography/index.cjs +0 -2
- package/dist/packages/components/dist/components/Typography/index.js +0 -2
- package/dist/packages/components/dist/components/Typography/typographyVariantClasses.cjs +0 -99
- package/dist/packages/components/dist/components/Typography/typographyVariantClasses.js +0 -96
- package/dist/packages/components/dist/components/Typography/util.cjs +0 -10
- package/dist/packages/components/dist/components/Typography/util.js +0 -10
- package/dist/packages/components/dist/logging/logger.cjs +0 -20
- package/dist/packages/components/dist/logging/logger.js +0 -19
- package/dist/packages/components/dist/models/colorsConfig.cjs +0 -28
- package/dist/packages/components/dist/models/colorsConfig.js +0 -26
- package/dist/packages/components/dist/util/formatPrice.cjs +0 -14
- package/dist/packages/components/dist/util/formatPrice.js +0 -13
- package/dist/packages/components/dist/util/index.cjs +0 -3
- package/dist/packages/components/dist/util/index.js +0 -3
- package/dist/packages/components/dist/util/useScrollDirection.cjs +0 -39
- package/dist/packages/components/dist/util/useScrollDirection.js +0 -38
- package/dist/packages/components/dist/util/useStickyVisibility.cjs +0 -38
- package/dist/packages/components/dist/util/useStickyVisibility.js +0 -37
- package/dist/packages/icons/dist/ChevronDown.cjs +0 -23
- package/dist/packages/icons/dist/ChevronDown.js +0 -23
- package/dist/packages/icons/dist/FourPointStar.cjs +0 -22
- package/dist/packages/icons/dist/FourPointStar.js +0 -22
- package/dist/packages/icons/dist/IconClose.cjs +0 -26
- package/dist/packages/icons/dist/IconClose.js +0 -26
- package/dist/packages/icons/dist/MagnifyingGlassStarVariant.cjs +0 -39
- package/dist/packages/icons/dist/MagnifyingGlassStarVariant.js +0 -39
- package/dist/packages/icons/dist/OutlinedStar.cjs +0 -22
- package/dist/packages/icons/dist/OutlinedStar.js +0 -22
- package/dist/packages/icons/dist/SettingsVariant.cjs +0 -72
- package/dist/packages/icons/dist/SettingsVariant.js +0 -72
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { TypographyVariantMap } from "./typographyVariantClasses.js";
|
|
2
|
-
import { getElementTypeFromVariant } from "./util.js";
|
|
3
|
-
import React, { useCallback, useMemo } from "react";
|
|
4
|
-
import classNames from "classnames";
|
|
5
|
-
|
|
6
|
-
//#region ../components/dist/components/Typography/Typography.js
|
|
7
|
-
const Typography = ({ children, className, style, noOfLines, testId, elementType, variant = "body3", id }) => {
|
|
8
|
-
const variantClassNames = variant ? TypographyVariantMap[variant] : {};
|
|
9
|
-
const isHeadline = useCallback(() => [
|
|
10
|
-
"t1",
|
|
11
|
-
"t2",
|
|
12
|
-
"t3",
|
|
13
|
-
"h1",
|
|
14
|
-
"h2",
|
|
15
|
-
"h3",
|
|
16
|
-
"h4"
|
|
17
|
-
].includes(variant), [variant]);
|
|
18
|
-
const renderedElementType = useMemo(() => {
|
|
19
|
-
if (elementType) return elementType;
|
|
20
|
-
if (!elementType) {
|
|
21
|
-
if (isHeadline()) return getElementTypeFromVariant(variant, isHeadline());
|
|
22
|
-
}
|
|
23
|
-
return "span";
|
|
24
|
-
}, [
|
|
25
|
-
isHeadline,
|
|
26
|
-
variant,
|
|
27
|
-
elementType
|
|
28
|
-
]);
|
|
29
|
-
const textClassNames = classNames(className, variantClassNames, {
|
|
30
|
-
"spiffy-tw-font-[Poppins,sans-serif]": isHeadline(),
|
|
31
|
-
"spiffy-tw-font-[\"Inter Variable,sans-serif\"]": !isHeadline(),
|
|
32
|
-
"spiffy-tw-line-clamp-1": noOfLines === 1,
|
|
33
|
-
"spiffy-tw-line-clamp-2": noOfLines === 2,
|
|
34
|
-
"spiffy-tw-line-clamp-3": noOfLines === 3,
|
|
35
|
-
"spiffy-tw-line-clamp-4": noOfLines === 4,
|
|
36
|
-
"spiffy-tw-line-clamp-5": noOfLines === 5,
|
|
37
|
-
"spiffy-tw-line-clamp-6": noOfLines === 6,
|
|
38
|
-
"spiffy-tw-line-clamp-7": noOfLines === 7
|
|
39
|
-
});
|
|
40
|
-
const renderElement = (elementTypeToRender) => React.createElement(elementTypeToRender, {
|
|
41
|
-
"data-testid": testId,
|
|
42
|
-
className: textClassNames,
|
|
43
|
-
style,
|
|
44
|
-
id
|
|
45
|
-
}, children);
|
|
46
|
-
return renderElement(renderedElementType);
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
//#endregion
|
|
50
|
-
export { Typography };
|
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
//#region ../components/dist/components/Typography/typographyVariantClasses.js
|
|
3
|
-
const TypographyDomVariantMap = {
|
|
4
|
-
["h1"]: {
|
|
5
|
-
"spiffy-headline": true,
|
|
6
|
-
"spiffy-headline-1": true,
|
|
7
|
-
"spiffy-tw-text-[20px]": true,
|
|
8
|
-
"spiffy-tw-font-normal": true,
|
|
9
|
-
"spiffy-tw-leading-[120%]": true
|
|
10
|
-
},
|
|
11
|
-
["h2"]: {
|
|
12
|
-
"spiffy-headline": true,
|
|
13
|
-
"spiffy-headline-2": true,
|
|
14
|
-
"spiffy-tw-text-[16px]": true,
|
|
15
|
-
"spiffy-tw-font-normal": true,
|
|
16
|
-
"spiffy-tw-leading-[124%]": true
|
|
17
|
-
},
|
|
18
|
-
["h3"]: {
|
|
19
|
-
"spiffy-headline": true,
|
|
20
|
-
"spiffy-headline-3": true,
|
|
21
|
-
"spiffy-tw-text-[15px]": true,
|
|
22
|
-
"spiffy-tw-font-medium": true,
|
|
23
|
-
"spiffy-tw-leading-[124%]": true
|
|
24
|
-
},
|
|
25
|
-
["h4"]: {
|
|
26
|
-
"spiffy-headline": true,
|
|
27
|
-
"spiffy-headline-4": true,
|
|
28
|
-
"spiffy-tw-text-[14px]": true,
|
|
29
|
-
"spiffy-tw-font-medium": true,
|
|
30
|
-
"spiffy-tw-leading-[124%]": true
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
const TypographyVariantMap = {
|
|
34
|
-
...TypographyDomVariantMap,
|
|
35
|
-
["t1"]: {
|
|
36
|
-
"spiffy-headline": true,
|
|
37
|
-
"spiffy-headline-1": true,
|
|
38
|
-
"spiffy-tw-text-[32px]": true,
|
|
39
|
-
"spiffy-tw-font-medium": true,
|
|
40
|
-
"spiffy-tw-leading-[124%]": true
|
|
41
|
-
},
|
|
42
|
-
["t2"]: {
|
|
43
|
-
"spiffy-headline": true,
|
|
44
|
-
"spiffy-headline-1": true,
|
|
45
|
-
"spiffy-tw-text-[16px]": true,
|
|
46
|
-
"spiffy-tw-font-medium": true,
|
|
47
|
-
"spiffy-tw-leading-[124%]": true
|
|
48
|
-
},
|
|
49
|
-
["t3"]: {
|
|
50
|
-
"spiffy-headline": true,
|
|
51
|
-
"spiffy-headline-1": true,
|
|
52
|
-
"spiffy-tw-text-[24px]": true,
|
|
53
|
-
"spiffy-tw-leading-[120%]": true
|
|
54
|
-
},
|
|
55
|
-
["body1"]: {
|
|
56
|
-
"spiffy-body-text": true,
|
|
57
|
-
"spiffy-body-1": true,
|
|
58
|
-
"spiffy-tw-text-[20px]": true,
|
|
59
|
-
"spiffy-tw-font-normal": true,
|
|
60
|
-
"spiffy-tw-line-height-[120%]": true
|
|
61
|
-
},
|
|
62
|
-
["body2"]: {
|
|
63
|
-
"spiffy-body-text": true,
|
|
64
|
-
"spiffy-body-2": true,
|
|
65
|
-
"spiffy-tw-text-[16px]": true,
|
|
66
|
-
"spiffy-tw-font-normal": true,
|
|
67
|
-
"spiffy-tw-line-height-[148%]": true
|
|
68
|
-
},
|
|
69
|
-
["body3"]: {
|
|
70
|
-
"spiffy-body-text": true,
|
|
71
|
-
"spiffy-body-3": true,
|
|
72
|
-
"spiffy-tw-text-sm": true,
|
|
73
|
-
"spiffy-tw-font-normal": true,
|
|
74
|
-
"spiffy-tw-leading-[140%]": true
|
|
75
|
-
},
|
|
76
|
-
["body4"]: {
|
|
77
|
-
"spiffy-body-text": true,
|
|
78
|
-
"spiffy-body-4": true,
|
|
79
|
-
"spiffy-tw-text-xs": true,
|
|
80
|
-
"spiffy-tw-font-medium": true,
|
|
81
|
-
"spiffy-tw-leading-[130%]": true
|
|
82
|
-
},
|
|
83
|
-
["body5"]: {
|
|
84
|
-
"spiffy-body-text": true,
|
|
85
|
-
"spiffy-body-5": true,
|
|
86
|
-
"spiffy-tw-text-[10px]": true,
|
|
87
|
-
"spiffy-tw-font-normal": true
|
|
88
|
-
}
|
|
89
|
-
};
|
|
90
|
-
const getVariantPlaceholderClassNames = (classes) => Object.keys(classes).reduce((acc, key) => {
|
|
91
|
-
if (key.includes("spiffy-tw")) acc[`placeholder:${key}`] = classes[key];
|
|
92
|
-
else acc[`${key}-placeholder`] = classes[key];
|
|
93
|
-
return acc;
|
|
94
|
-
}, {});
|
|
95
|
-
|
|
96
|
-
//#endregion
|
|
97
|
-
exports.TypographyDomVariantMap = TypographyDomVariantMap;
|
|
98
|
-
exports.TypographyVariantMap = TypographyVariantMap;
|
|
99
|
-
exports.getVariantPlaceholderClassNames = getVariantPlaceholderClassNames;
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
//#region ../components/dist/components/Typography/typographyVariantClasses.js
|
|
2
|
-
const TypographyDomVariantMap = {
|
|
3
|
-
["h1"]: {
|
|
4
|
-
"spiffy-headline": true,
|
|
5
|
-
"spiffy-headline-1": true,
|
|
6
|
-
"spiffy-tw-text-[20px]": true,
|
|
7
|
-
"spiffy-tw-font-normal": true,
|
|
8
|
-
"spiffy-tw-leading-[120%]": true
|
|
9
|
-
},
|
|
10
|
-
["h2"]: {
|
|
11
|
-
"spiffy-headline": true,
|
|
12
|
-
"spiffy-headline-2": true,
|
|
13
|
-
"spiffy-tw-text-[16px]": true,
|
|
14
|
-
"spiffy-tw-font-normal": true,
|
|
15
|
-
"spiffy-tw-leading-[124%]": true
|
|
16
|
-
},
|
|
17
|
-
["h3"]: {
|
|
18
|
-
"spiffy-headline": true,
|
|
19
|
-
"spiffy-headline-3": true,
|
|
20
|
-
"spiffy-tw-text-[15px]": true,
|
|
21
|
-
"spiffy-tw-font-medium": true,
|
|
22
|
-
"spiffy-tw-leading-[124%]": true
|
|
23
|
-
},
|
|
24
|
-
["h4"]: {
|
|
25
|
-
"spiffy-headline": true,
|
|
26
|
-
"spiffy-headline-4": true,
|
|
27
|
-
"spiffy-tw-text-[14px]": true,
|
|
28
|
-
"spiffy-tw-font-medium": true,
|
|
29
|
-
"spiffy-tw-leading-[124%]": true
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
const TypographyVariantMap = {
|
|
33
|
-
...TypographyDomVariantMap,
|
|
34
|
-
["t1"]: {
|
|
35
|
-
"spiffy-headline": true,
|
|
36
|
-
"spiffy-headline-1": true,
|
|
37
|
-
"spiffy-tw-text-[32px]": true,
|
|
38
|
-
"spiffy-tw-font-medium": true,
|
|
39
|
-
"spiffy-tw-leading-[124%]": true
|
|
40
|
-
},
|
|
41
|
-
["t2"]: {
|
|
42
|
-
"spiffy-headline": true,
|
|
43
|
-
"spiffy-headline-1": true,
|
|
44
|
-
"spiffy-tw-text-[16px]": true,
|
|
45
|
-
"spiffy-tw-font-medium": true,
|
|
46
|
-
"spiffy-tw-leading-[124%]": true
|
|
47
|
-
},
|
|
48
|
-
["t3"]: {
|
|
49
|
-
"spiffy-headline": true,
|
|
50
|
-
"spiffy-headline-1": true,
|
|
51
|
-
"spiffy-tw-text-[24px]": true,
|
|
52
|
-
"spiffy-tw-leading-[120%]": true
|
|
53
|
-
},
|
|
54
|
-
["body1"]: {
|
|
55
|
-
"spiffy-body-text": true,
|
|
56
|
-
"spiffy-body-1": true,
|
|
57
|
-
"spiffy-tw-text-[20px]": true,
|
|
58
|
-
"spiffy-tw-font-normal": true,
|
|
59
|
-
"spiffy-tw-line-height-[120%]": true
|
|
60
|
-
},
|
|
61
|
-
["body2"]: {
|
|
62
|
-
"spiffy-body-text": true,
|
|
63
|
-
"spiffy-body-2": true,
|
|
64
|
-
"spiffy-tw-text-[16px]": true,
|
|
65
|
-
"spiffy-tw-font-normal": true,
|
|
66
|
-
"spiffy-tw-line-height-[148%]": true
|
|
67
|
-
},
|
|
68
|
-
["body3"]: {
|
|
69
|
-
"spiffy-body-text": true,
|
|
70
|
-
"spiffy-body-3": true,
|
|
71
|
-
"spiffy-tw-text-sm": true,
|
|
72
|
-
"spiffy-tw-font-normal": true,
|
|
73
|
-
"spiffy-tw-leading-[140%]": true
|
|
74
|
-
},
|
|
75
|
-
["body4"]: {
|
|
76
|
-
"spiffy-body-text": true,
|
|
77
|
-
"spiffy-body-4": true,
|
|
78
|
-
"spiffy-tw-text-xs": true,
|
|
79
|
-
"spiffy-tw-font-medium": true,
|
|
80
|
-
"spiffy-tw-leading-[130%]": true
|
|
81
|
-
},
|
|
82
|
-
["body5"]: {
|
|
83
|
-
"spiffy-body-text": true,
|
|
84
|
-
"spiffy-body-5": true,
|
|
85
|
-
"spiffy-tw-text-[10px]": true,
|
|
86
|
-
"spiffy-tw-font-normal": true
|
|
87
|
-
}
|
|
88
|
-
};
|
|
89
|
-
const getVariantPlaceholderClassNames = (classes) => Object.keys(classes).reduce((acc, key) => {
|
|
90
|
-
if (key.includes("spiffy-tw")) acc[`placeholder:${key}`] = classes[key];
|
|
91
|
-
else acc[`${key}-placeholder`] = classes[key];
|
|
92
|
-
return acc;
|
|
93
|
-
}, {});
|
|
94
|
-
|
|
95
|
-
//#endregion
|
|
96
|
-
export { TypographyDomVariantMap, TypographyVariantMap, getVariantPlaceholderClassNames };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
const require_typographyVariantClasses = require('./typographyVariantClasses.cjs');
|
|
2
|
-
|
|
3
|
-
//#region ../components/dist/components/Typography/util.js
|
|
4
|
-
const getElementTypeFromVariant = (variant, isHeadline) => {
|
|
5
|
-
if (isHeadline) return (require_typographyVariantClasses.TypographyDomVariantMap[variant] ? variant : null) || "h3";
|
|
6
|
-
return "span";
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
//#endregion
|
|
10
|
-
exports.getElementTypeFromVariant = getElementTypeFromVariant;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { TypographyDomVariantMap } from "./typographyVariantClasses.js";
|
|
2
|
-
|
|
3
|
-
//#region ../components/dist/components/Typography/util.js
|
|
4
|
-
const getElementTypeFromVariant = (variant, isHeadline) => {
|
|
5
|
-
if (isHeadline) return (TypographyDomVariantMap[variant] ? variant : null) || "h3";
|
|
6
|
-
return "span";
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
//#endregion
|
|
10
|
-
export { getElementTypeFromVariant };
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
//#region ../components/dist/logging/logger.js
|
|
3
|
-
var Logger = class {
|
|
4
|
-
static logInfo(message, ...args) {
|
|
5
|
-
console.info(`INFO: ${message}`, ...args);
|
|
6
|
-
}
|
|
7
|
-
static logDebug(message, ...args) {
|
|
8
|
-
console.debug(`DEBUG: ${message}`, ...args);
|
|
9
|
-
}
|
|
10
|
-
static logError(message, error, ...args) {
|
|
11
|
-
console.error(`ERROR: ${message} error=${error}`, args);
|
|
12
|
-
}
|
|
13
|
-
static logWarn(message, error, ...args) {
|
|
14
|
-
console.warn(`WARN: ${message} error=${error}`, args);
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
var logger_default = Logger;
|
|
18
|
-
|
|
19
|
-
//#endregion
|
|
20
|
-
exports.logger_default = logger_default;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
//#region ../components/dist/logging/logger.js
|
|
2
|
-
var Logger = class {
|
|
3
|
-
static logInfo(message, ...args) {
|
|
4
|
-
console.info(`INFO: ${message}`, ...args);
|
|
5
|
-
}
|
|
6
|
-
static logDebug(message, ...args) {
|
|
7
|
-
console.debug(`DEBUG: ${message}`, ...args);
|
|
8
|
-
}
|
|
9
|
-
static logError(message, error, ...args) {
|
|
10
|
-
console.error(`ERROR: ${message} error=${error}`, args);
|
|
11
|
-
}
|
|
12
|
-
static logWarn(message, error, ...args) {
|
|
13
|
-
console.warn(`WARN: ${message} error=${error}`, args);
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
var logger_default = Logger;
|
|
17
|
-
|
|
18
|
-
//#endregion
|
|
19
|
-
export { logger_default };
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
//#region ../components/dist/models/colorsConfig.js
|
|
3
|
-
var ColorNames = /* @__PURE__ */ function(ColorNames$1) {
|
|
4
|
-
ColorNames$1["TextPrimary"] = "text-primary";
|
|
5
|
-
ColorNames$1["TextSecondary"] = "text-secondary";
|
|
6
|
-
ColorNames$1["TextAccent"] = "text-accent";
|
|
7
|
-
ColorNames$1["TextLink"] = "text-link";
|
|
8
|
-
ColorNames$1["TextLight"] = "text-light";
|
|
9
|
-
ColorNames$1["BackgroundPrimary"] = "background-primary";
|
|
10
|
-
ColorNames$1["BackgroundSecondary"] = "background-secondary";
|
|
11
|
-
ColorNames$1["BackgroundSecondaryDark"] = "background-secondary-dark";
|
|
12
|
-
ColorNames$1["BackgroundTertiary"] = "background-tertiary";
|
|
13
|
-
ColorNames$1["BackgroundDark"] = "background-dark";
|
|
14
|
-
ColorNames$1["BackgroundLight"] = "background-light";
|
|
15
|
-
ColorNames$1["BackgroundSaturated"] = "background-saturated";
|
|
16
|
-
ColorNames$1["BorderLight"] = "border-light";
|
|
17
|
-
ColorNames$1["BorderMedium"] = "border-medium";
|
|
18
|
-
ColorNames$1["BorderDark"] = "border-dark";
|
|
19
|
-
ColorNames$1["BorderOutline"] = "border-outline";
|
|
20
|
-
ColorNames$1["AccentPrimary"] = "accent-primary";
|
|
21
|
-
ColorNames$1["AccentSecondary"] = "accent-secondary";
|
|
22
|
-
return ColorNames$1;
|
|
23
|
-
}(ColorNames || {});
|
|
24
|
-
const colorVar = (color) => `var(--spiffy-colors-${color})`;
|
|
25
|
-
|
|
26
|
-
//#endregion
|
|
27
|
-
exports.ColorNames = ColorNames;
|
|
28
|
-
exports.colorVar = colorVar;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
//#region ../components/dist/models/colorsConfig.js
|
|
2
|
-
var ColorNames = /* @__PURE__ */ function(ColorNames$1) {
|
|
3
|
-
ColorNames$1["TextPrimary"] = "text-primary";
|
|
4
|
-
ColorNames$1["TextSecondary"] = "text-secondary";
|
|
5
|
-
ColorNames$1["TextAccent"] = "text-accent";
|
|
6
|
-
ColorNames$1["TextLink"] = "text-link";
|
|
7
|
-
ColorNames$1["TextLight"] = "text-light";
|
|
8
|
-
ColorNames$1["BackgroundPrimary"] = "background-primary";
|
|
9
|
-
ColorNames$1["BackgroundSecondary"] = "background-secondary";
|
|
10
|
-
ColorNames$1["BackgroundSecondaryDark"] = "background-secondary-dark";
|
|
11
|
-
ColorNames$1["BackgroundTertiary"] = "background-tertiary";
|
|
12
|
-
ColorNames$1["BackgroundDark"] = "background-dark";
|
|
13
|
-
ColorNames$1["BackgroundLight"] = "background-light";
|
|
14
|
-
ColorNames$1["BackgroundSaturated"] = "background-saturated";
|
|
15
|
-
ColorNames$1["BorderLight"] = "border-light";
|
|
16
|
-
ColorNames$1["BorderMedium"] = "border-medium";
|
|
17
|
-
ColorNames$1["BorderDark"] = "border-dark";
|
|
18
|
-
ColorNames$1["BorderOutline"] = "border-outline";
|
|
19
|
-
ColorNames$1["AccentPrimary"] = "accent-primary";
|
|
20
|
-
ColorNames$1["AccentSecondary"] = "accent-secondary";
|
|
21
|
-
return ColorNames$1;
|
|
22
|
-
}(ColorNames || {});
|
|
23
|
-
const colorVar = (color) => `var(--spiffy-colors-${color})`;
|
|
24
|
-
|
|
25
|
-
//#endregion
|
|
26
|
-
export { ColorNames, colorVar };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
//#region ../components/dist/util/formatPrice.js
|
|
3
|
-
const formatPrice = (price, currency = "$") => {
|
|
4
|
-
if (price == null) return "";
|
|
5
|
-
const options = {};
|
|
6
|
-
if (!Number.isInteger(price)) {
|
|
7
|
-
options.minimumFractionDigits = 2;
|
|
8
|
-
options.maximumFractionDigits = 2;
|
|
9
|
-
}
|
|
10
|
-
return `${currency}${price.toLocaleString("en-US", options)}`;
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
//#endregion
|
|
14
|
-
exports.formatPrice = formatPrice;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
//#region ../components/dist/util/formatPrice.js
|
|
2
|
-
const formatPrice = (price, currency = "$") => {
|
|
3
|
-
if (price == null) return "";
|
|
4
|
-
const options = {};
|
|
5
|
-
if (!Number.isInteger(price)) {
|
|
6
|
-
options.minimumFractionDigits = 2;
|
|
7
|
-
options.maximumFractionDigits = 2;
|
|
8
|
-
}
|
|
9
|
-
return `${currency}${price.toLocaleString("en-US", options)}`;
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
//#endregion
|
|
13
|
-
export { formatPrice };
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
|
|
2
|
-
let react = require("react");
|
|
3
|
-
|
|
4
|
-
//#region ../components/dist/util/useScrollDirection.js
|
|
5
|
-
const useScrollDirection = (scrollContainerRef) => {
|
|
6
|
-
const [scrollDirection, setScrollDirection] = (0, react.useState)(null);
|
|
7
|
-
const touchStartY = (0, react.useRef)(0);
|
|
8
|
-
(0, react.useEffect)(() => {
|
|
9
|
-
const container = scrollContainerRef?.current || window;
|
|
10
|
-
const touchTarget = scrollContainerRef?.current || document;
|
|
11
|
-
const handleWheel = (e) => {
|
|
12
|
-
if (e.deltaY > 0) setScrollDirection("down");
|
|
13
|
-
else setScrollDirection("up");
|
|
14
|
-
};
|
|
15
|
-
const handleTouchStart = (e) => {
|
|
16
|
-
touchStartY.current = e.touches[0].clientY;
|
|
17
|
-
};
|
|
18
|
-
const handleTouchMove = (e) => {
|
|
19
|
-
const currentTouchY = e.touches[0].clientY;
|
|
20
|
-
const deltaY = touchStartY.current - currentTouchY;
|
|
21
|
-
if (Math.abs(deltaY) < 10) return;
|
|
22
|
-
if (deltaY > 0) setScrollDirection("down");
|
|
23
|
-
else setScrollDirection("up");
|
|
24
|
-
touchStartY.current = currentTouchY;
|
|
25
|
-
};
|
|
26
|
-
container.addEventListener("wheel", handleWheel, { passive: true });
|
|
27
|
-
touchTarget.addEventListener("touchstart", handleTouchStart, { passive: true });
|
|
28
|
-
touchTarget.addEventListener("touchmove", handleTouchMove, { passive: true });
|
|
29
|
-
return () => {
|
|
30
|
-
container.removeEventListener("wheel", handleWheel);
|
|
31
|
-
touchTarget.removeEventListener("touchstart", handleTouchStart);
|
|
32
|
-
touchTarget.removeEventListener("touchmove", handleTouchMove);
|
|
33
|
-
};
|
|
34
|
-
}, [scrollContainerRef]);
|
|
35
|
-
return scrollDirection;
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
//#endregion
|
|
39
|
-
exports.useScrollDirection = useScrollDirection;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { useEffect, useRef, useState } from "react";
|
|
2
|
-
|
|
3
|
-
//#region ../components/dist/util/useScrollDirection.js
|
|
4
|
-
const useScrollDirection = (scrollContainerRef) => {
|
|
5
|
-
const [scrollDirection, setScrollDirection] = useState(null);
|
|
6
|
-
const touchStartY = useRef(0);
|
|
7
|
-
useEffect(() => {
|
|
8
|
-
const container = scrollContainerRef?.current || window;
|
|
9
|
-
const touchTarget = scrollContainerRef?.current || document;
|
|
10
|
-
const handleWheel = (e) => {
|
|
11
|
-
if (e.deltaY > 0) setScrollDirection("down");
|
|
12
|
-
else setScrollDirection("up");
|
|
13
|
-
};
|
|
14
|
-
const handleTouchStart = (e) => {
|
|
15
|
-
touchStartY.current = e.touches[0].clientY;
|
|
16
|
-
};
|
|
17
|
-
const handleTouchMove = (e) => {
|
|
18
|
-
const currentTouchY = e.touches[0].clientY;
|
|
19
|
-
const deltaY = touchStartY.current - currentTouchY;
|
|
20
|
-
if (Math.abs(deltaY) < 10) return;
|
|
21
|
-
if (deltaY > 0) setScrollDirection("down");
|
|
22
|
-
else setScrollDirection("up");
|
|
23
|
-
touchStartY.current = currentTouchY;
|
|
24
|
-
};
|
|
25
|
-
container.addEventListener("wheel", handleWheel, { passive: true });
|
|
26
|
-
touchTarget.addEventListener("touchstart", handleTouchStart, { passive: true });
|
|
27
|
-
touchTarget.addEventListener("touchmove", handleTouchMove, { passive: true });
|
|
28
|
-
return () => {
|
|
29
|
-
container.removeEventListener("wheel", handleWheel);
|
|
30
|
-
touchTarget.removeEventListener("touchstart", handleTouchStart);
|
|
31
|
-
touchTarget.removeEventListener("touchmove", handleTouchMove);
|
|
32
|
-
};
|
|
33
|
-
}, [scrollContainerRef]);
|
|
34
|
-
return scrollDirection;
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
//#endregion
|
|
38
|
-
export { useScrollDirection };
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
|
|
2
|
-
const require_useScrollDirection = require('./useScrollDirection.cjs');
|
|
3
|
-
let react = require("react");
|
|
4
|
-
|
|
5
|
-
//#region ../components/dist/util/useStickyVisibility.js
|
|
6
|
-
const useStickyVisibility = () => {
|
|
7
|
-
const [isVisible, setIsVisible] = (0, react.useState)(true);
|
|
8
|
-
const toolbarRef = (0, react.useRef)(null);
|
|
9
|
-
const [toolbarHeight, setToolbarHeight] = (0, react.useState)(0);
|
|
10
|
-
const [scrollY, setScrollY] = (0, react.useState)(0);
|
|
11
|
-
const scrollDirection = require_useScrollDirection.useScrollDirection();
|
|
12
|
-
(0, react.useEffect)(() => {
|
|
13
|
-
const handleScroll = () => {
|
|
14
|
-
setScrollY(window.scrollY);
|
|
15
|
-
};
|
|
16
|
-
window.addEventListener("scroll", handleScroll, { passive: true });
|
|
17
|
-
return () => window.removeEventListener("scroll", handleScroll);
|
|
18
|
-
}, []);
|
|
19
|
-
(0, react.useEffect)(() => {
|
|
20
|
-
if (toolbarRef.current) setToolbarHeight(toolbarRef.current.offsetHeight);
|
|
21
|
-
}, []);
|
|
22
|
-
(0, react.useEffect)(() => {
|
|
23
|
-
if (scrollDirection === "down" && scrollY > toolbarHeight && toolbarHeight > 0) setIsVisible(false);
|
|
24
|
-
else setIsVisible(true);
|
|
25
|
-
}, [
|
|
26
|
-
scrollDirection,
|
|
27
|
-
toolbarHeight,
|
|
28
|
-
scrollY
|
|
29
|
-
]);
|
|
30
|
-
return {
|
|
31
|
-
toolbarRef,
|
|
32
|
-
isVisible,
|
|
33
|
-
toolbarHeight
|
|
34
|
-
};
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
//#endregion
|
|
38
|
-
exports.useStickyVisibility = useStickyVisibility;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { useScrollDirection } from "./useScrollDirection.js";
|
|
2
|
-
import { useEffect, useRef, useState } from "react";
|
|
3
|
-
|
|
4
|
-
//#region ../components/dist/util/useStickyVisibility.js
|
|
5
|
-
const useStickyVisibility = () => {
|
|
6
|
-
const [isVisible, setIsVisible] = useState(true);
|
|
7
|
-
const toolbarRef = useRef(null);
|
|
8
|
-
const [toolbarHeight, setToolbarHeight] = useState(0);
|
|
9
|
-
const [scrollY, setScrollY] = useState(0);
|
|
10
|
-
const scrollDirection = useScrollDirection();
|
|
11
|
-
useEffect(() => {
|
|
12
|
-
const handleScroll = () => {
|
|
13
|
-
setScrollY(window.scrollY);
|
|
14
|
-
};
|
|
15
|
-
window.addEventListener("scroll", handleScroll, { passive: true });
|
|
16
|
-
return () => window.removeEventListener("scroll", handleScroll);
|
|
17
|
-
}, []);
|
|
18
|
-
useEffect(() => {
|
|
19
|
-
if (toolbarRef.current) setToolbarHeight(toolbarRef.current.offsetHeight);
|
|
20
|
-
}, []);
|
|
21
|
-
useEffect(() => {
|
|
22
|
-
if (scrollDirection === "down" && scrollY > toolbarHeight && toolbarHeight > 0) setIsVisible(false);
|
|
23
|
-
else setIsVisible(true);
|
|
24
|
-
}, [
|
|
25
|
-
scrollDirection,
|
|
26
|
-
toolbarHeight,
|
|
27
|
-
scrollY
|
|
28
|
-
]);
|
|
29
|
-
return {
|
|
30
|
-
toolbarRef,
|
|
31
|
-
isVisible,
|
|
32
|
-
toolbarHeight
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
//#endregion
|
|
37
|
-
export { useStickyVisibility };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
|
|
2
|
-
const require_jsx_runtime$1 = require('./node_modules/react/jsx-runtime.cjs');
|
|
3
|
-
|
|
4
|
-
//#region ../icons/dist/ChevronDown.js
|
|
5
|
-
var import_jsx_runtime = /* @__PURE__ */ require_rolldown_runtime.__toESM(require_jsx_runtime$1.require_jsx_runtime());
|
|
6
|
-
const SvgChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
|
|
7
|
-
width: 24,
|
|
8
|
-
height: 24,
|
|
9
|
-
viewBox: "0 0 24 24",
|
|
10
|
-
fill: "none",
|
|
11
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
12
|
-
...props,
|
|
13
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
|
|
14
|
-
fillRule: "evenodd",
|
|
15
|
-
clipRule: "evenodd",
|
|
16
|
-
d: "M5.46783 10.4697C5.76072 10.1768 6.2356 10.1768 6.52849 10.4697L11.655 15.5962L16.7815 10.4697C17.0744 10.1768 17.5493 10.1768 17.8422 10.4697C18.1351 10.7626 18.1351 11.2374 17.8422 11.5303L11.655 17.7175L5.46783 11.5303C5.17494 11.2374 5.17494 10.7626 5.46783 10.4697Z",
|
|
17
|
-
fill: "#222222"
|
|
18
|
-
})
|
|
19
|
-
});
|
|
20
|
-
var ChevronDown_default = SvgChevronDown;
|
|
21
|
-
|
|
22
|
-
//#endregion
|
|
23
|
-
exports.ChevronDown_default = ChevronDown_default;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { __toESM } from "./_virtual/rolldown_runtime.js";
|
|
2
|
-
import { require_jsx_runtime } from "./node_modules/react/jsx-runtime.js";
|
|
3
|
-
|
|
4
|
-
//#region ../icons/dist/ChevronDown.js
|
|
5
|
-
var import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime());
|
|
6
|
-
const SvgChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
|
|
7
|
-
width: 24,
|
|
8
|
-
height: 24,
|
|
9
|
-
viewBox: "0 0 24 24",
|
|
10
|
-
fill: "none",
|
|
11
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
12
|
-
...props,
|
|
13
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
|
|
14
|
-
fillRule: "evenodd",
|
|
15
|
-
clipRule: "evenodd",
|
|
16
|
-
d: "M5.46783 10.4697C5.76072 10.1768 6.2356 10.1768 6.52849 10.4697L11.655 15.5962L16.7815 10.4697C17.0744 10.1768 17.5493 10.1768 17.8422 10.4697C18.1351 10.7626 18.1351 11.2374 17.8422 11.5303L11.655 17.7175L5.46783 11.5303C5.17494 11.2374 5.17494 10.7626 5.46783 10.4697Z",
|
|
17
|
-
fill: "#222222"
|
|
18
|
-
})
|
|
19
|
-
});
|
|
20
|
-
var ChevronDown_default = SvgChevronDown;
|
|
21
|
-
|
|
22
|
-
//#endregion
|
|
23
|
-
export { ChevronDown_default };
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
|
|
2
|
-
const require_jsx_runtime$1 = require('./node_modules/react/jsx-runtime.cjs');
|
|
3
|
-
|
|
4
|
-
//#region ../icons/dist/FourPointStar.js
|
|
5
|
-
var import_jsx_runtime = /* @__PURE__ */ require_rolldown_runtime.__toESM(require_jsx_runtime$1.require_jsx_runtime());
|
|
6
|
-
const SvgFourPointStar = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
|
|
7
|
-
width: 13,
|
|
8
|
-
height: 12,
|
|
9
|
-
viewBox: "0 0 13 12",
|
|
10
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
-
...props,
|
|
12
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
|
|
13
|
-
d: "M6.45324 0.546875L7.50401 3.27887C7.67488 3.72314 7.76032 3.94528 7.89318 4.13213C8.01094 4.29774 8.15563 4.44242 8.32123 4.56018C8.50808 4.69304 8.73023 4.77848 9.1745 4.94935L11.9065 6.00012L9.1745 7.05089C8.73023 7.22176 8.50808 7.3072 8.32123 7.44006C8.15563 7.55782 8.01094 7.7025 7.89318 7.86811C7.76032 8.05496 7.67488 8.2771 7.50401 8.72138L6.45324 11.4534L5.40248 8.72138C5.2316 8.2771 5.14616 8.05496 5.0133 7.86811C4.89555 7.7025 4.75086 7.55782 4.58526 7.44006C4.3984 7.3072 4.17627 7.22176 3.73199 7.05089L1 6.00012L3.73199 4.94935C4.17627 4.77848 4.3984 4.69304 4.58526 4.56018C4.75086 4.44242 4.89555 4.29774 5.0133 4.13213C5.14616 3.94528 5.2316 3.72314 5.40248 3.27887L6.45324 0.546875Z",
|
|
14
|
-
strokeWidth: .908874,
|
|
15
|
-
strokeLinecap: "round",
|
|
16
|
-
strokeLinejoin: "round"
|
|
17
|
-
})
|
|
18
|
-
});
|
|
19
|
-
var FourPointStar_default = SvgFourPointStar;
|
|
20
|
-
|
|
21
|
-
//#endregion
|
|
22
|
-
exports.FourPointStar_default = FourPointStar_default;
|