@trafilea/afrodita-components 4.0.2-beta.14 → 4.0.2-beta.18

package/build/index.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
-import React, { ReactNode, FC, ElementType, CSSProperties, AriaAttributes, AnchorHTMLAttributes, LabelHTMLAttributes, RefObject } from 'react';
+import React, { FC, ReactNode, ElementType, CSSProperties, AriaAttributes, AnchorHTMLAttributes, LabelHTMLAttributes, RefObject } from 'react';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
+import * as _emotion_styled from '@emotion/styled';
+import * as _emotion_react from '@emotion/react';
 
 declare enum CardSectionType {
     Header = 0,
@@ -294,18 +296,26 @@ declare const User: ({ height, width, fill }: IconProps) => JSX.Element;
 
 declare const ShoppingBag: ({ height, width, fill }: IconProps) => JSX.Element;
 
+declare const ShoppingCart: FC<IconProps>;
+
 declare const MapMarker: ({ height, width, fill }: IconProps) => JSX.Element;
 
+declare const Hamburger: FC<IconProps>;
+
 declare const Navigation_Search: typeof Search;
 declare const Navigation_User: typeof User;
 declare const Navigation_ShoppingBag: typeof ShoppingBag;
+declare const Navigation_ShoppingCart: typeof ShoppingCart;
 declare const Navigation_MapMarker: typeof MapMarker;
+declare const Navigation_Hamburger: typeof Hamburger;
 declare namespace Navigation {
   export {
     Navigation_Search as Search,
     Navigation_User as User,
     Navigation_ShoppingBag as ShoppingBag,
+    Navigation_ShoppingCart as ShoppingCart,
     Navigation_MapMarker as MapMarker,
+    Navigation_Hamburger as Hamburger,
   };
 }
 
@@ -1231,13 +1241,14 @@ interface ProductOrderItemProps {
         src: string;
         alt: string;
     };
+    quantity?: number;
     price: Price;
     tag?: {
         text: string;
         backgroundColor: string;
     };
 }
-declare const SimpleOrderItem: ({ title, subtitle, image, price, tag }: ProductOrderItemProps) => JSX.Element;
+declare const SimpleOrderItem: ({ title, subtitle, image, price, tag, quantity, }: ProductOrderItemProps) => JSX.Element;
 
 interface ReviewProps {
     reviewerName: string;
@@ -1536,6 +1547,67 @@ declare type PortalProps = {
 };
 declare const Portal: FC<PortalProps>;
 
+declare type ModalProps = {
+    id: string;
+    dismissable?: boolean;
+};
+declare const Overlay: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
+    opened?: boolean | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const Modal: FC<ModalProps>;
+declare type ModalEventDetail = {
+    id: string;
+    type: 'open' | 'close';
+};
+declare const modalEvent: (id: string, detail: Omit<ModalEventDetail, 'id'>) => void;
+declare global {
+    interface WindowEventMap {
+        modal: CustomEvent<ModalEventDetail>;
+    }
+}
+
+interface CloseButtonProps {
+    onClick: () => void;
+}
+
+interface DescriptionProps {
+    text: string;
+}
+
+interface PromoProps {
+    text: string;
+}
+
+interface TitleProps {
+    title: string;
+}
+
+declare const CartProductItem: {
+    Title: ({ title }: TitleProps) => JSX.Element;
+    Tag: ({ discountAppliedText, backgroundColor }: OfferBannerProps) => JSX.Element;
+    Promo: ({ text }: PromoProps) => JSX.Element;
+    Description: ({ text }: DescriptionProps) => JSX.Element;
+    CloseButton: ({ onClick }: CloseButtonProps) => JSX.Element;
+};
+
+declare type QuantityPickerPropsOnChange = (value: number) => void;
+declare type QuantityPickerPropsControlled = {
+    value: number;
+    onChange: QuantityPickerPropsOnChange;
+};
+declare type QuantityPickerPropsUncontrolled = {
+    value?: never;
+    onChange?: QuantityPickerPropsOnChange;
+};
+declare type QuantityPickerProps = {
+    initialValue?: number;
+    maxValue?: number;
+} & (QuantityPickerPropsControlled | QuantityPickerPropsUncontrolled);
+declare const QuantityPicker: ({ initialValue, maxValue, value, onChange, }: QuantityPickerProps) => JSX.Element;
+
 declare const useOnClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: (event: Event) => void) => void;
 
 declare const useWindowDimensions: (breakpoints: ThemeBreakpoints) => {
@@ -1546,4 +1618,4 @@ declare const useWindowDimensions: (breakpoints: ThemeBreakpoints) => {
     };
 };
 
-export { Accordion, AmazonButton, AssetsProvider, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, CTAProps, _default as Card, CardSectionType, 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, MultiColorPicker, OfferBanner, OrderBar, Pagination, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, ProductGallery, ProductGalleryMobile, ProgressBar, 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, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
+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 };