@trafilea/afrodita-components 4.1.0 → 4.3.1-beta.1

package/build/index.d.ts

@@ -42,6 +42,8 @@ interface CTAProps {
     text: string;
     type?: ButtonType;
     className?: string;
+    testId?: string;
+    inline?: boolean;
 }
 declare type DropdownOption<T> = {
     key: string;
@@ -80,7 +82,7 @@ interface IconWithOpacityProps extends IconProps {
     opacity?: number;
 }
 interface WithTestId {
-    dataTestId?: string;
+    testId?: string;
 }
 declare type DropdownListIconsItem = {
     Icon: IconType;
@@ -397,7 +399,7 @@ declare namespace Payment {
   };
 }
 
-declare const SlideDot: ({ height, width, fill, opacity, dataTestId, }: IconWithOpacityProps & WithTestId) => JSX.Element;
+declare const SlideDot: ({ height, width, fill, opacity, testId, }: IconWithOpacityProps & WithTestId) => JSX.Element;
 
 declare const SlideDots_SlideDot: typeof SlideDot;
 declare namespace SlideDots {
@@ -446,11 +448,11 @@ declare const _default: (({ children, backgroundColor, widthAuto, border, flex }
     Body: ({ children }: CardBodyProps) => JSX.Element;
 };
 
-declare const ButtonPrimary: ({ text, onClick, disabled, wide, size, type }: CTAProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const ButtonPrimary: ({ testId, ...props }: CTAProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-declare const ButtonSecondary: ({ text, onClick, disabled, wide, size, className }: CTAProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const ButtonSecondary: (props: CTAProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-declare const ButtonSecondaryOutline: ({ text, onClick, disabled, wide, size, className, }: CTAProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const ButtonSecondaryOutline: (props: CTAProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 declare type Value<T> = DropdownOption<T>;
 declare type OnChange<T> = (option: Value<T>) => void;
@@ -462,6 +464,7 @@ declare type CommonProps<T> = {
     sort?: boolean;
     initialValue?: Value<T>;
     placeHolder: string;
+    testId?: string;
 };
 declare type ControlledProps<T> = {
     value: Value<T>;
@@ -472,7 +475,7 @@ declare type UncontrolledProps<T> = {
     onChange?: OnChange<T>;
 } & CommonProps<T>;
 declare type SimpleDropdownProps<T> = UncontrolledProps<T> | ControlledProps<T>;
-declare function SimpleDropdown<T>({ options, disabled, initialValue, placeHolder, label, wide, sort, onChange, value, }: SimpleDropdownProps<T>): JSX.Element;
+declare function SimpleDropdown<T>({ options, disabled, initialValue, placeHolder, label, wide, sort, onChange, value, testId, }: SimpleDropdownProps<T>): JSX.Element;
 
 interface SizeSelectorProps {
     label: string;
@@ -500,6 +503,7 @@ interface BaseButtonProps {
     onClick: () => void;
     className?: string;
     inline?: boolean;
+    testId?: string;
 }
 
 declare type BaseProps = Pick<BaseButtonProps, 'disabled' | 'type' | 'onClick'>;
@@ -1121,6 +1125,7 @@ interface BaseCTAProps {
     size?: ComponentSize;
     text: string;
     type?: ButtonType;
+    testId?: string;
 }
 
 declare type ButtonProps = {
@@ -1338,10 +1343,11 @@ interface ProductItemProps {
         seasonOfferTagText: string;
     };
     alignName?: 'left' | 'center';
+    url?: string;
 }
 
 interface ProductItemSmallMobileProps extends ProductItemProps {
-    size: ComponentSize.Medium | ComponentSize.Small;
+    size: ComponentSize.Medium | ComponentSize.Small | ComponentSize.Large;
 }
 
 declare function withProductGrid<P extends ProductItemProps>(ProductItemComponent: React.FC<P>, data: ProductItemProps[]): {
@@ -1350,7 +1356,7 @@ declare function withProductGrid<P extends ProductItemProps>(ProductItemComponen
 };
 
 declare const Collection: {
-    ProductItemMobile: ({ title, image, price, rating, size, tags, alignName, }: ProductItemSmallMobileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+    ProductItemMobile: ({ title, image, price, rating, size, tags, alignName, url, }: ProductItemSmallMobileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
     withProductGrid: typeof withProductGrid;
 };
 
@@ -1608,6 +1614,13 @@ declare type QuantityPickerProps = {
 } & (QuantityPickerPropsControlled | QuantityPickerPropsUncontrolled);
 declare const QuantityPicker: ({ initialValue, maxValue, value, onChange, }: QuantityPickerProps) => JSX.Element;
 
+declare type SpacingProps = {
+    size: number;
+    type?: 'block' | 'inline';
+    style?: CSSProperties;
+};
+declare const Spacing: FC<SpacingProps>;
+
 declare const useOnClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: (event: Event) => void) => void;
 
 declare const useWindowDimensions: (breakpoints: ThemeBreakpoints) => {
@@ -1618,4 +1631,24 @@ declare const useWindowDimensions: (breakpoints: ThemeBreakpoints) => {
     };
 };
 
-export { Accordion, AmazonButton, AssetsProvider, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, CTAProps, _default as Card, CardSectionType, CartProductItem, CategoryTag, Checkbox, Collection, Color, ColorPickerOption, ComponentPosition, ComponentSize, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, FitPredictor, Icon, IconButton, IconProps, IconWithOpacityProps, Image, ImageType, Input, InputValidationType, Modal, MultiColorPicker, OfferBanner, OrderBar, Overlay, Pagination, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, ProductGallery, ProductGalleryMobile, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, Rating, Review, ScrollToTop, SearchBar, SearchBarOptionItem, SeasonOfferTag, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spinner, StarList, Text, TextButton, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, WithTestId, modalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
+/**
+ * @returns number formatted with "," and 2 decimals as string
+ */
+declare const decimalFormat: (number: number) => string;
+
+declare const isEmpty: (value: string) => boolean;
+declare const isEmail: (value: string) => boolean;
+declare const isNumber: (value: string) => boolean;
+declare const isPhoneNumber: (value: string) => boolean;
+declare const isValidDate: (value: string) => boolean;
+
+declare const simulateMouseClick: (element: HTMLElement) => void;
+
+declare const sliceString: (str: string, maxLength: number) => string;
+
+declare const formatPrice: (value: number, { locale, currency }?: {
+    locale?: string | undefined;
+    currency?: string | undefined;
+}) => string;
+
+export { Accordion, AmazonButton, AssetsProvider, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, CTAProps, _default as Card, CardSectionType, CartProductItem, CategoryTag, Checkbox, Collection, Color, ColorPickerOption, ComponentPosition, ComponentSize, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, FitPredictor, Icon, IconButton, IconProps, IconWithOpacityProps, Image, ImageType, Input, InputValidationType, Modal, MultiColorPicker, OfferBanner, OrderBar, Overlay, Pagination, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, ProductGallery, ProductGalleryMobile, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, Rating, Review, ScrollToTop, SearchBar, SearchBarOptionItem, SeasonOfferTag, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, Text, TextButton, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, WithTestId, decimalFormat, formatPrice, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, modalEvent, simulateMouseClick, sliceString, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };