@trafilea/afrodita-components 6.19.1 → 6.21.0

package/build/index.d.ts

@@ -92,8 +92,88 @@ declare type ImageProps = ImageStyleProps & {
 };
 declare const Image: React.FC<ImageProps>;
 
-declare type Props$2 = Omit<IconProps$1, 'name'>;
-declare type IconComponent = React__default.FC<Props$2>;
+declare enum CardSectionType {
+    Header = 0,
+    Footer = 1
+}
+declare enum ComponentSize {
+    Large = "large",
+    Medium = "medium",
+    Small = "small",
+    XSmall = "xsmall"
+}
+declare enum ComponentPosition {
+    Top = 0,
+    Bottom = 1,
+    Left = 2,
+    Right = 3
+}
+declare enum InputValidationType {
+    Error = 0,
+    Valid = 1,
+    Empty = 2
+}
+
+interface ClubOfferTagProps {
+    clubOfferText?: string;
+    className?: string;
+    disabled?: boolean;
+    backgroundColor?: string;
+    borderColor?: string;
+    textColor?: string;
+    size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
+    style?: React__default.CSSProperties;
+}
+declare const ClubOfferTag: ({ clubOfferText, className, disabled, backgroundColor, borderColor, textColor, size, style, }: ClubOfferTagProps) => JSX.Element;
+
+interface DiscountTagProps {
+    discount: number;
+    offText: string;
+    savings?: string;
+    showSavings?: boolean;
+    disabled?: boolean;
+    backgroundColor?: string;
+    borderColor?: string;
+    textColor?: string;
+    size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
+    style?: React__default.CSSProperties;
+    bordersRounded?: boolean;
+}
+declare const DiscountTag: ({ discount, offText, savings, showSavings, disabled, backgroundColor, borderColor, textColor, size, style, bordersRounded, }: DiscountTagProps) => JSX.Element;
+
+interface PriceLabelProps {
+    finalPrice: string | number;
+    originalPrice?: string | number;
+    color?: string;
+    size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
+    discount?: DiscountTagProps;
+    clubOffer?: ClubOfferTagProps;
+    finalPriceStyled?: boolean;
+    finalPriceStyle?: React__default.CSSProperties;
+    originalPriceStyled?: boolean;
+    originalPriceUnderlined?: boolean;
+    testId?: string;
+    clubStyle?: boolean;
+    bordersRounded?: boolean;
+}
+declare const PriceLabel: React__default.FC<PriceLabelProps>;
+
+declare type Props$2 = PriceLabelProps & {
+    savingsDisplay?: boolean;
+    pricePerItem?: string;
+    hasRoundedSavings?: boolean;
+};
+declare const PriceLabelV2: React__default.FC<Props$2>;
+
+declare type Props$1 = PriceLabelProps & {
+    savingsDisplay?: boolean;
+    itemsQuantity?: number;
+    packUnitPrice?: string;
+};
+declare const PriceLabelV3: React__default.FC<Props$1>;
+
+declare type Props = Omit<IconProps$1, 'name'>;
+declare type IconComponent = React__default.FC<Props>;
 
 declare const Add: IconComponent;
 
@@ -1338,28 +1418,6 @@ declare const CartProductItem: {
     CloseButton: ({ onClick, size }: CloseButtonProps) => JSX.Element;
 };
 
-declare enum CardSectionType {
-    Header = 0,
-    Footer = 1
-}
-declare enum ComponentSize {
-    Large = "large",
-    Medium = "medium",
-    Small = "small",
-    XSmall = "xsmall"
-}
-declare enum ComponentPosition {
-    Top = 0,
-    Bottom = 1,
-    Left = 2,
-    Right = 3
-}
-declare enum InputValidationType {
-    Error = 0,
-    Valid = 1,
-    Empty = 2
-}
-
 declare type Themes = 'Shapermint' | 'Truekind' | 'Revel' | 'TheSpaDr' | 'TheBodCon';
 declare type Theme = {
     name: Themes;
@@ -2225,64 +2283,6 @@ interface CheckboxProps {
 }
 declare const Checkbox: React__default.FC<CheckboxProps>;
 
-interface ClubOfferTagProps {
-    clubOfferText?: string;
-    className?: string;
-    disabled?: boolean;
-    backgroundColor?: string;
-    borderColor?: string;
-    textColor?: string;
-    size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
-    style?: React__default.CSSProperties;
-}
-declare const ClubOfferTag: ({ clubOfferText, className, disabled, backgroundColor, borderColor, textColor, size, style, }: ClubOfferTagProps) => JSX.Element;
-
-interface DiscountTagProps {
-    discount: number;
-    offText: string;
-    savings?: string;
-    showSavings?: boolean;
-    disabled?: boolean;
-    backgroundColor?: string;
-    borderColor?: string;
-    textColor?: string;
-    size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
-    style?: React__default.CSSProperties;
-    bordersRounded?: boolean;
-}
-declare const DiscountTag: ({ discount, offText, savings, showSavings, disabled, backgroundColor, borderColor, textColor, size, style, bordersRounded, }: DiscountTagProps) => JSX.Element;
-
-interface PriceLabelProps {
-    finalPrice: string | number;
-    originalPrice?: string | number;
-    color?: string;
-    size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
-    discount?: DiscountTagProps;
-    clubOffer?: ClubOfferTagProps;
-    finalPriceStyled?: boolean;
-    finalPriceStyle?: React__default.CSSProperties;
-    originalPriceStyled?: boolean;
-    originalPriceUnderlined?: boolean;
-    testId?: string;
-    clubStyle?: boolean;
-    bordersRounded?: boolean;
-}
-declare const PriceLabel: React__default.FC<PriceLabelProps>;
-
-declare type Props$1 = PriceLabelProps & {
-    savingsDisplay?: boolean;
-    pricePerItem?: string;
-    hasRoundedSavings?: boolean;
-};
-declare const PriceLabelV2: React__default.FC<Props$1>;
-
-declare type Props = PriceLabelProps & {
-    savingsDisplay?: boolean;
-    itemsQuantity?: number;
-    packUnitPrice?: string;
-};
-declare const PriceLabelV3: React__default.FC<Props>;
-
 interface RatingProps {
     rating: number;
     size?: ComponentSize;
@@ -3676,11 +3676,38 @@ declare type VideoProps = {
 } & DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>;
 declare const Video: React.FC<VideoProps>;
 
+declare type ImagesSliderConfig = {
+    width: string;
+    height: string;
+    borderRadius: string;
+    spacesBetweenImages: string;
+};
+declare type ThumbnailSettings = {
+    swipeToSlide: boolean;
+    focusOnSelect: boolean;
+    infinite: boolean;
+    centerPadding: string;
+    slidesToShow: number;
+    speed: number;
+    arrows: boolean;
+    responsive: Responsive[];
+};
+declare type Responsive = {
+    breakpoint: number;
+    settings: {
+        slidesToShow: number;
+        slidesToScroll?: number;
+        centerMode?: boolean;
+    };
+};
+
 declare type ProductGalleryMobileProps = {
     images: ContentType[];
     topTag?: JSX.Element;
     bottomTag?: JSX.Element;
     productImageDataTestId?: string;
+    imagesSliderConfig?: ImagesSliderConfig;
+    thumbnailSettings?: ThumbnailSettings;
 };
 declare const ProductGalleryMobileV4: React__default.FC<ProductGalleryMobileProps>;
 
@@ -3692,6 +3719,56 @@ interface TableProps {
 
 declare const SizeChartTableV2: ({ headers, data: tableContent, newSizeTableCss }: TableProps) => JSX.Element;
 
+interface ProductCardProps extends ProductItemProps {
+    size: ComponentSize.Medium | ComponentSize.Small | ComponentSize.Large;
+    imageHover?: ImageProps;
+    topTag?: JSX.Element;
+    bottomTag?: JSX.Element;
+    onClick?: () => void;
+    priceLoading?: boolean;
+    noFollow?: boolean;
+    isRatingLoading?: boolean;
+    discountTag?: string;
+}
+declare const ProductCard: FC<ProductCardProps>;
+
+interface ProductCardV2Props extends ProductItemProps {
+    size: ComponentSize.Medium | ComponentSize.Small | ComponentSize.Large;
+    imageHover?: ImageProps;
+    topTag?: JSX.Element;
+    bottomTag?: JSX.Element;
+    onClick?: () => void;
+    onClickEye?: () => void;
+    priceDisplayType?: 'default' | 'styled';
+    priceAtBottom?: boolean;
+    priceLoading?: boolean;
+    noFollow?: boolean;
+    showClubPriceLabel?: boolean;
+    isRatingLoading?: boolean;
+    colorsCopy?: string;
+    discountTag?: string;
+    sellingFast?: boolean;
+}
+declare const ProductCardV2: FC<ProductCardV2Props>;
+
+interface ProductCardV3Props extends ProductItemProps {
+    size: ComponentSize.Medium | ComponentSize.Small | ComponentSize.Large;
+    imageHover?: ImageProps;
+    topTag?: JSX.Element;
+    bottomTag?: JSX.Element;
+    onClick?: () => void;
+    onClickEye?: () => void;
+    priceDisplayType?: 'default' | 'styled';
+    priceAtBottom?: boolean;
+    priceLoading?: boolean;
+    noFollow?: boolean;
+    showClubPriceLabel?: boolean;
+    isRatingLoading?: boolean;
+    colorsCopy?: string;
+    discountTag?: string;
+}
+declare const ProductCardV3: FC<ProductCardV3Props>;
+
 declare const useOnClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: (event: Event) => void) => void;
 
 declare type UseWindowDimensions = (breakpoints?: ThemeBreakpoints, options?: {
@@ -3757,4 +3834,4 @@ declare type Partner = 'RevelBeauty' | 'TheSpaDr' | 'TheBodCon';
 declare type PartnerContent = 'RevelBeauty-1' | 'RevelBeauty-2' | 'TheSpaDr-1' | 'TheSpaDr-2' | 'TheBodCon';
 declare const CancellationFlowAccordionContentPerPartner: Record<Partner, JSX.Element[]>;
 
-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 };
+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 };