@trafilea/afrodita-components 2.2.0 → 2.3.3

package/build/dts/components/collection/index.d.ts

@@ -0,0 +1,5 @@
+import withProductGrid from './grid/WithProductGrid';
+export declare const Collection: {
+    ProductItemMobile: ({ title, image, price, rating, size, tags, alignName, }: import("./product/mobile/ProductItemMobile").ProductItemSmallMobileProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    withProductGrid: typeof withProductGrid;
+};

package/build/dts/components/collection/product/mobile/ProductItemMobile.d.ts

@@ -3,5 +3,5 @@ import { ProductItemProps } from '../types';
 export interface ProductItemSmallMobileProps extends ProductItemProps {
     size: ComponentSize.Medium | ComponentSize.Small;
 }
-declare const ProductItemMobile: ({ title, image, price, rating, size, tags, }: ProductItemSmallMobileProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ProductItemMobile: ({ title, image, price, rating, size, tags, alignName, }: ProductItemSmallMobileProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ProductItemMobile;

package/build/dts/components/collection/product/mobile/ProductItemMobile.stories.d.ts

@@ -3,7 +3,7 @@ import { ProductItemSmallMobileProps } from './ProductItemMobile';
 import { ComponentSize } from '../../../../types/enums';
 declare const _default: {
     title: string;
-    component: ({ title, image, price, rating, size, tags, }: ProductItemSmallMobileProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    component: ({ title, image, price, rating, size, tags, alignName, }: ProductItemSmallMobileProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     argTypes: {
         size: {
             options: ComponentSize[];

package/build/dts/components/collection/product/types.d.ts

@@ -10,4 +10,5 @@ export interface ProductItemProps {
         categoryTagText: string;
         seasonOfferTagText: string;
     };
+    alignName?: 'left' | 'center';
 }

package/build/dts/components/color/selector/PatternSelector.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface PatternSelectorProps {
+    url: string;
+    selected: boolean;
+    dataTestId?: string;
+}
+export declare const PatternSelector: ({ url, selected, dataTestId }: PatternSelectorProps) => JSX.Element;
+export {};

package/build/dts/components/color/selector/PatternSelector.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/dts/components/filtering/Accordion.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface AccordionProps {
+    children: React.ReactNode;
+    title: string;
+    isOpenByDefault?: boolean;
+}
+export declare const Accordion: ({ title, children, isOpenByDefault }: AccordionProps) => JSX.Element;
+export {};

package/build/dts/components/filtering/Filters.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Filter, FilterChange } from '../../types/types';
+export interface FiltersProps {
+    filters: Filter[];
+    onChange: (update: FilterChange) => void;
+    tagsColor?: string;
+    filterByText: string;
+    clearAllText: string;
+    filtersSelectText: string;
+    isMobile: boolean;
+    applyText: string;
+    mobileBackArrowClick: () => void;
+    mobileApplyButtonClick: () => void;
+}
+export declare const Filters: ({ filters, onChange, tagsColor, filterByText, clearAllText, isMobile, filtersSelectText, applyText, mobileApplyButtonClick, mobileBackArrowClick, }: FiltersProps) => JSX.Element;

package/build/dts/components/filtering/Filters.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { FiltersProps } from './Filters';
+declare const _default: {
+    title: string;
+    component: ({ filters, onChange, tagsColor, filterByText, clearAllText, isMobile, filtersSelectText, applyText, mobileApplyButtonClick, mobileBackArrowClick, }: FiltersProps) => JSX.Element;
+};
+export default _default;
+export declare const Base: Story<FiltersProps>;

package/build/dts/components/filtering/Filters.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/dts/components/filtering/FiltersStyled.d.ts

@@ -0,0 +1,59 @@
+/// <reference types="react" />
+interface SectionContentProps {
+    cols: number;
+}
+export declare const SectionContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & SectionContentProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Header: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MobileHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MobileIconsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface H4Props {
+    color: string;
+}
+export declare const H4: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & H4Props, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+interface ClearAllProps {
+    color: string;
+}
+export declare const ClearAll: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ClearAllProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const UL: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+interface LIProps {
+    color: string;
+    backgroundColor: string;
+}
+export declare const LI: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & LIProps, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const CloseIconContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MobileFooter: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MobileClearContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/build/dts/components/icons/Actions/Close.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Close: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/Actions/Trash.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Trash: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/Actions/index.d.ts

@@ -3,3 +3,5 @@ export * from './ClearLight';
 export * from './LightExclamation';
 export * from './LightCheck';
 export * from './Question';
+export * from './Close';
+export * from './Trash';

package/build/dts/components/icons/Arrows/ChevronRightVariant.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const ChevronRightVariant: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/Arrows/index.d.ts

@@ -1,6 +1,7 @@
 export * from './ChevronDown';
 export * from './ChevronLeft';
 export * from './ChevronRight';
+export * from './ChevronRightVariant';
 export * from './ChevronUp';
 export * from './ChevronUpSolid';
 export * from './CircleUp';

package/build/dts/components/index.d.ts

@@ -38,4 +38,6 @@ import { DropdownListIcons } from './dropdown-list-icons/DropdownListIcons';
 import Image from './shared/image/Image';
 import * as AmazonAndPaypalButtons from './icon-button/amazonAndPaypal/AmazonPaypalButtons';
 import * as CrossSell from './cross-sell';
-export { ThemeProvider, Icon, Card, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, SimpleDropdown, SizeSelector, SizeFitGuide, TextButton, DiscountTag, PriceLabel, SingleColorPicker, MultiColorPicker, ProductGallery, Rating, FitPredictor, ProgressBar, IconButton, Tooltip, Accordion, AccordionBox, AccordionIcon, Checkbox, RadioGroupInput, Bundle, CategoryTag, SeasonOfferTag, Timer, Input, PaymentMethod, OfferBanner, Totals, DeliveryDetails, ScrollToTop, OrderBar, SizeTable, SimpleOrderItem, Review, SliderNavigation, DropdownListIcons, Image, AmazonAndPaypalButtons, CrossSell, };
+import { Collection } from './collection/index';
+import { StarList } from './rating/starList/StarList';
+export { ThemeProvider, Icon, Card, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, SimpleDropdown, SizeSelector, SizeFitGuide, TextButton, DiscountTag, PriceLabel, SingleColorPicker, MultiColorPicker, ProductGallery, Rating, FitPredictor, ProgressBar, IconButton, Tooltip, Accordion, AccordionBox, AccordionIcon, Checkbox, RadioGroupInput, Bundle, CategoryTag, SeasonOfferTag, Timer, Input, PaymentMethod, OfferBanner, Totals, DeliveryDetails, ScrollToTop, OrderBar, SizeTable, SimpleOrderItem, Review, SliderNavigation, DropdownListIcons, Image, AmazonAndPaypalButtons, CrossSell, Collection, StarList, };

package/build/dts/components/slider/StyledSlider.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
-import Slider from 'react-slick';
-import 'slick-carousel/slick/slick.css';
-import 'slick-carousel/slick/slick-theme.css';
+import Slider from '@ant-design/react-slick';
+import './slick.css';
+import './slick-theme.css';
 interface StyledSliderProps {
     arrowPadding?: number;
     dotListMarginTop: number;
     dotsSpacing: number;
     arrowPaddingOffset: number;
 }
-declare const StyledSlider: import("@emotion/styled").StyledComponent<import("react-slick").Settings & {
+declare const StyledSlider: import("@emotion/styled").StyledComponent<import("@ant-design/react-slick").Settings & {
     theme?: import("@emotion/react").Theme | undefined;
 } & StyledSliderProps, {}, {
     ref?: import("react").Ref<Slider> | undefined;

package/build/dts/types/types.d.ts

@@ -75,9 +75,13 @@ export declare type Color = {
     secondaryColor?: string;
     tertiaryColor?: string;
 };
+export declare type Pattern = {
+    url: string;
+};
 export declare type ColorPickerOption = {
     label: string;
-    color: Color;
+    color?: Color;
+    pattern?: Pattern;
 };
 export declare type RadioGroupOption = {
     value: string;
@@ -102,3 +106,14 @@ export declare type DropdownListIconsSubItem = {
     description: string;
     callback: () => void;
 };
+export declare type Filter = {
+    title: string;
+    columns: number;
+    isOpenByDefault?: boolean;
+    items: Array<string>;
+};
+export declare type FilterChange = {
+    sectionIndex: number;
+    itemIndex: number;
+    checked?: boolean;
+};

package/build/dts/utils/index.d.ts

@@ -1,2 +1,3 @@
 export * from './decimalParser/decimalParser';
 export * from './validations/validations';
+export * from './simulateClick/simulateClick';

package/build/dts/utils/simulateClick/simulateClick.d.ts

@@ -0,0 +1 @@
+export declare const simulateMouseClick: (element: HTMLElement) => void;

package/build/dts/utils/simulateClick/simulateClick.test.d.ts

@@ -0,0 +1 @@
+export {};