@trafilea/afrodita-components 6.19.1 → 6.20.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/build/index.d.ts +133 -83
- package/build/index.esm.js +1632 -1278
- package/build/index.esm.js.map +1 -1
- package/build/index.js +1636 -1279
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.d.ts
CHANGED
|
@@ -92,8 +92,88 @@ declare type ImageProps = ImageStyleProps & {
|
|
|
92
92
|
};
|
|
93
93
|
declare const Image: React.FC<ImageProps>;
|
|
94
94
|
|
|
95
|
-
declare
|
|
96
|
-
|
|
95
|
+
declare enum CardSectionType {
|
|
96
|
+
Header = 0,
|
|
97
|
+
Footer = 1
|
|
98
|
+
}
|
|
99
|
+
declare enum ComponentSize {
|
|
100
|
+
Large = "large",
|
|
101
|
+
Medium = "medium",
|
|
102
|
+
Small = "small",
|
|
103
|
+
XSmall = "xsmall"
|
|
104
|
+
}
|
|
105
|
+
declare enum ComponentPosition {
|
|
106
|
+
Top = 0,
|
|
107
|
+
Bottom = 1,
|
|
108
|
+
Left = 2,
|
|
109
|
+
Right = 3
|
|
110
|
+
}
|
|
111
|
+
declare enum InputValidationType {
|
|
112
|
+
Error = 0,
|
|
113
|
+
Valid = 1,
|
|
114
|
+
Empty = 2
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
interface ClubOfferTagProps {
|
|
118
|
+
clubOfferText?: string;
|
|
119
|
+
className?: string;
|
|
120
|
+
disabled?: boolean;
|
|
121
|
+
backgroundColor?: string;
|
|
122
|
+
borderColor?: string;
|
|
123
|
+
textColor?: string;
|
|
124
|
+
size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
|
|
125
|
+
style?: React__default.CSSProperties;
|
|
126
|
+
}
|
|
127
|
+
declare const ClubOfferTag: ({ clubOfferText, className, disabled, backgroundColor, borderColor, textColor, size, style, }: ClubOfferTagProps) => JSX.Element;
|
|
128
|
+
|
|
129
|
+
interface DiscountTagProps {
|
|
130
|
+
discount: number;
|
|
131
|
+
offText: string;
|
|
132
|
+
savings?: string;
|
|
133
|
+
showSavings?: boolean;
|
|
134
|
+
disabled?: boolean;
|
|
135
|
+
backgroundColor?: string;
|
|
136
|
+
borderColor?: string;
|
|
137
|
+
textColor?: string;
|
|
138
|
+
size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
|
|
139
|
+
style?: React__default.CSSProperties;
|
|
140
|
+
bordersRounded?: boolean;
|
|
141
|
+
}
|
|
142
|
+
declare const DiscountTag: ({ discount, offText, savings, showSavings, disabled, backgroundColor, borderColor, textColor, size, style, bordersRounded, }: DiscountTagProps) => JSX.Element;
|
|
143
|
+
|
|
144
|
+
interface PriceLabelProps {
|
|
145
|
+
finalPrice: string | number;
|
|
146
|
+
originalPrice?: string | number;
|
|
147
|
+
color?: string;
|
|
148
|
+
size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
|
|
149
|
+
discount?: DiscountTagProps;
|
|
150
|
+
clubOffer?: ClubOfferTagProps;
|
|
151
|
+
finalPriceStyled?: boolean;
|
|
152
|
+
finalPriceStyle?: React__default.CSSProperties;
|
|
153
|
+
originalPriceStyled?: boolean;
|
|
154
|
+
originalPriceUnderlined?: boolean;
|
|
155
|
+
testId?: string;
|
|
156
|
+
clubStyle?: boolean;
|
|
157
|
+
bordersRounded?: boolean;
|
|
158
|
+
}
|
|
159
|
+
declare const PriceLabel: React__default.FC<PriceLabelProps>;
|
|
160
|
+
|
|
161
|
+
declare type Props$2 = PriceLabelProps & {
|
|
162
|
+
savingsDisplay?: boolean;
|
|
163
|
+
pricePerItem?: string;
|
|
164
|
+
hasRoundedSavings?: boolean;
|
|
165
|
+
};
|
|
166
|
+
declare const PriceLabelV2: React__default.FC<Props$2>;
|
|
167
|
+
|
|
168
|
+
declare type Props$1 = PriceLabelProps & {
|
|
169
|
+
savingsDisplay?: boolean;
|
|
170
|
+
itemsQuantity?: number;
|
|
171
|
+
packUnitPrice?: string;
|
|
172
|
+
};
|
|
173
|
+
declare const PriceLabelV3: React__default.FC<Props$1>;
|
|
174
|
+
|
|
175
|
+
declare type Props = Omit<IconProps$1, 'name'>;
|
|
176
|
+
declare type IconComponent = React__default.FC<Props>;
|
|
97
177
|
|
|
98
178
|
declare const Add: IconComponent;
|
|
99
179
|
|
|
@@ -1338,28 +1418,6 @@ declare const CartProductItem: {
|
|
|
1338
1418
|
CloseButton: ({ onClick, size }: CloseButtonProps) => JSX.Element;
|
|
1339
1419
|
};
|
|
1340
1420
|
|
|
1341
|
-
declare enum CardSectionType {
|
|
1342
|
-
Header = 0,
|
|
1343
|
-
Footer = 1
|
|
1344
|
-
}
|
|
1345
|
-
declare enum ComponentSize {
|
|
1346
|
-
Large = "large",
|
|
1347
|
-
Medium = "medium",
|
|
1348
|
-
Small = "small",
|
|
1349
|
-
XSmall = "xsmall"
|
|
1350
|
-
}
|
|
1351
|
-
declare enum ComponentPosition {
|
|
1352
|
-
Top = 0,
|
|
1353
|
-
Bottom = 1,
|
|
1354
|
-
Left = 2,
|
|
1355
|
-
Right = 3
|
|
1356
|
-
}
|
|
1357
|
-
declare enum InputValidationType {
|
|
1358
|
-
Error = 0,
|
|
1359
|
-
Valid = 1,
|
|
1360
|
-
Empty = 2
|
|
1361
|
-
}
|
|
1362
|
-
|
|
1363
1421
|
declare type Themes = 'Shapermint' | 'Truekind' | 'Revel' | 'TheSpaDr' | 'TheBodCon';
|
|
1364
1422
|
declare type Theme = {
|
|
1365
1423
|
name: Themes;
|
|
@@ -2225,64 +2283,6 @@ interface CheckboxProps {
|
|
|
2225
2283
|
}
|
|
2226
2284
|
declare const Checkbox: React__default.FC<CheckboxProps>;
|
|
2227
2285
|
|
|
2228
|
-
interface ClubOfferTagProps {
|
|
2229
|
-
clubOfferText?: string;
|
|
2230
|
-
className?: string;
|
|
2231
|
-
disabled?: boolean;
|
|
2232
|
-
backgroundColor?: string;
|
|
2233
|
-
borderColor?: string;
|
|
2234
|
-
textColor?: string;
|
|
2235
|
-
size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
|
|
2236
|
-
style?: React__default.CSSProperties;
|
|
2237
|
-
}
|
|
2238
|
-
declare const ClubOfferTag: ({ clubOfferText, className, disabled, backgroundColor, borderColor, textColor, size, style, }: ClubOfferTagProps) => JSX.Element;
|
|
2239
|
-
|
|
2240
|
-
interface DiscountTagProps {
|
|
2241
|
-
discount: number;
|
|
2242
|
-
offText: string;
|
|
2243
|
-
savings?: string;
|
|
2244
|
-
showSavings?: boolean;
|
|
2245
|
-
disabled?: boolean;
|
|
2246
|
-
backgroundColor?: string;
|
|
2247
|
-
borderColor?: string;
|
|
2248
|
-
textColor?: string;
|
|
2249
|
-
size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
|
|
2250
|
-
style?: React__default.CSSProperties;
|
|
2251
|
-
bordersRounded?: boolean;
|
|
2252
|
-
}
|
|
2253
|
-
declare const DiscountTag: ({ discount, offText, savings, showSavings, disabled, backgroundColor, borderColor, textColor, size, style, bordersRounded, }: DiscountTagProps) => JSX.Element;
|
|
2254
|
-
|
|
2255
|
-
interface PriceLabelProps {
|
|
2256
|
-
finalPrice: string | number;
|
|
2257
|
-
originalPrice?: string | number;
|
|
2258
|
-
color?: string;
|
|
2259
|
-
size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
|
|
2260
|
-
discount?: DiscountTagProps;
|
|
2261
|
-
clubOffer?: ClubOfferTagProps;
|
|
2262
|
-
finalPriceStyled?: boolean;
|
|
2263
|
-
finalPriceStyle?: React__default.CSSProperties;
|
|
2264
|
-
originalPriceStyled?: boolean;
|
|
2265
|
-
originalPriceUnderlined?: boolean;
|
|
2266
|
-
testId?: string;
|
|
2267
|
-
clubStyle?: boolean;
|
|
2268
|
-
bordersRounded?: boolean;
|
|
2269
|
-
}
|
|
2270
|
-
declare const PriceLabel: React__default.FC<PriceLabelProps>;
|
|
2271
|
-
|
|
2272
|
-
declare type Props$1 = PriceLabelProps & {
|
|
2273
|
-
savingsDisplay?: boolean;
|
|
2274
|
-
pricePerItem?: string;
|
|
2275
|
-
hasRoundedSavings?: boolean;
|
|
2276
|
-
};
|
|
2277
|
-
declare const PriceLabelV2: React__default.FC<Props$1>;
|
|
2278
|
-
|
|
2279
|
-
declare type Props = PriceLabelProps & {
|
|
2280
|
-
savingsDisplay?: boolean;
|
|
2281
|
-
itemsQuantity?: number;
|
|
2282
|
-
packUnitPrice?: string;
|
|
2283
|
-
};
|
|
2284
|
-
declare const PriceLabelV3: React__default.FC<Props>;
|
|
2285
|
-
|
|
2286
2286
|
interface RatingProps {
|
|
2287
2287
|
rating: number;
|
|
2288
2288
|
size?: ComponentSize;
|
|
@@ -3692,6 +3692,56 @@ interface TableProps {
|
|
|
3692
3692
|
|
|
3693
3693
|
declare const SizeChartTableV2: ({ headers, data: tableContent, newSizeTableCss }: TableProps) => JSX.Element;
|
|
3694
3694
|
|
|
3695
|
+
interface ProductCardProps extends ProductItemProps {
|
|
3696
|
+
size: ComponentSize.Medium | ComponentSize.Small | ComponentSize.Large;
|
|
3697
|
+
imageHover?: ImageProps;
|
|
3698
|
+
topTag?: JSX.Element;
|
|
3699
|
+
bottomTag?: JSX.Element;
|
|
3700
|
+
onClick?: () => void;
|
|
3701
|
+
priceLoading?: boolean;
|
|
3702
|
+
noFollow?: boolean;
|
|
3703
|
+
isRatingLoading?: boolean;
|
|
3704
|
+
discountTag?: string;
|
|
3705
|
+
}
|
|
3706
|
+
declare const ProductCard: FC<ProductCardProps>;
|
|
3707
|
+
|
|
3708
|
+
interface ProductCardV2Props extends ProductItemProps {
|
|
3709
|
+
size: ComponentSize.Medium | ComponentSize.Small | ComponentSize.Large;
|
|
3710
|
+
imageHover?: ImageProps;
|
|
3711
|
+
topTag?: JSX.Element;
|
|
3712
|
+
bottomTag?: JSX.Element;
|
|
3713
|
+
onClick?: () => void;
|
|
3714
|
+
onClickEye?: () => void;
|
|
3715
|
+
priceDisplayType?: 'default' | 'styled';
|
|
3716
|
+
priceAtBottom?: boolean;
|
|
3717
|
+
priceLoading?: boolean;
|
|
3718
|
+
noFollow?: boolean;
|
|
3719
|
+
showClubPriceLabel?: boolean;
|
|
3720
|
+
isRatingLoading?: boolean;
|
|
3721
|
+
colorsCopy?: string;
|
|
3722
|
+
discountTag?: string;
|
|
3723
|
+
sellingFast?: boolean;
|
|
3724
|
+
}
|
|
3725
|
+
declare const ProductCardV2: FC<ProductCardV2Props>;
|
|
3726
|
+
|
|
3727
|
+
interface ProductCardV3Props extends ProductItemProps {
|
|
3728
|
+
size: ComponentSize.Medium | ComponentSize.Small | ComponentSize.Large;
|
|
3729
|
+
imageHover?: ImageProps;
|
|
3730
|
+
topTag?: JSX.Element;
|
|
3731
|
+
bottomTag?: JSX.Element;
|
|
3732
|
+
onClick?: () => void;
|
|
3733
|
+
onClickEye?: () => void;
|
|
3734
|
+
priceDisplayType?: 'default' | 'styled';
|
|
3735
|
+
priceAtBottom?: boolean;
|
|
3736
|
+
priceLoading?: boolean;
|
|
3737
|
+
noFollow?: boolean;
|
|
3738
|
+
showClubPriceLabel?: boolean;
|
|
3739
|
+
isRatingLoading?: boolean;
|
|
3740
|
+
colorsCopy?: string;
|
|
3741
|
+
discountTag?: string;
|
|
3742
|
+
}
|
|
3743
|
+
declare const ProductCardV3: FC<ProductCardV3Props>;
|
|
3744
|
+
|
|
3695
3745
|
declare const useOnClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: (event: Event) => void) => void;
|
|
3696
3746
|
|
|
3697
3747
|
declare type UseWindowDimensions = (breakpoints?: ThemeBreakpoints, options?: {
|
|
@@ -3757,4 +3807,4 @@ declare type Partner = 'RevelBeauty' | 'TheSpaDr' | 'TheBodCon';
|
|
|
3757
3807
|
declare type PartnerContent = 'RevelBeauty-1' | 'RevelBeauty-2' | 'TheSpaDr-1' | 'TheSpaDr-2' | 'TheBodCon';
|
|
3758
3808
|
declare const CancellationFlowAccordionContentPerPartner: Record<Partner, JSX.Element[]>;
|
|
3759
3809
|
|
|
3760
|
-
export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipV2, BasicAccordion, BeforeAfterCard, BeforeAfterVariant, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, CancellationFlowAccordionContentPerPartner, _default as Card, CardSectionType, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferTag, ClubRadioGroupInput, Collection, ColorPickerOption, ComponentPosition, ComponentSize, ContentType, CouponCard, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, HurryUp, HurryUpProps, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageProps, Input, InputValidationType, Icon$1 as LibIcon, IconProps$1 as LibIconProps, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Partner, PartnerContent, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProductGalleryMobileV4, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, RadioPrimary, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeChartTableV2, SizeDropdown, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, SpinnerProps, StarList, StrengthBars, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeProviderProps, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, TrackingProgress, TrackingProgressV2, Video, VideoProps, WithTestId, buildImageUrl, componentSizeMapper, decimalFormat, formatPrice, getSrcSet, imageVideoProps, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sliceString, useDeviceType, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
|
|
3810
|
+
export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipV2, BasicAccordion, BeforeAfterCard, BeforeAfterVariant, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, CancellationFlowAccordionContentPerPartner, _default as Card, CardSectionType, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferTag, ClubRadioGroupInput, Collection, ColorPickerOption, ComponentPosition, ComponentSize, ContentType, CouponCard, index_d as CrossSell, DeliveryDetails, DeviceType, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, HurryUp, HurryUpProps, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageProps, Input, InputValidationType, Icon$1 as LibIcon, IconProps$1 as LibIconProps, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Partner, PartnerContent, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, ProductCard, ProductCardV2, ProductCardV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProductGalleryMobileV4, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, RadioPrimary, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeChartTableV2, SizeDropdown, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, SpinnerProps, StarList, StrengthBars, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeProviderProps, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, TrackingProgress, TrackingProgressV2, Video, VideoProps, WithTestId, buildImageUrl, componentSizeMapper, decimalFormat, formatPrice, getSrcSet, imageVideoProps, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sliceString, useDeviceType, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
|