@faststore/components 3.0.24 → 3.0.32-alpha.0

package/dist/hooks/useSlideVisibility.js

@@ -0,0 +1,29 @@
+import { useRef, useEffect } from 'react';
+function isSlideVisible({ itemsPerPage, currentSlide, slideIdx, totalItems, }) {
+    const isClonedSlide = currentSlide < 0 || currentSlide >= totalItems;
+    const isVisible = slideIdx >= currentSlide && slideIdx < currentSlide + itemsPerPage;
+    return isClonedSlide || isVisible;
+}
+export const useSlideVisibility = ({ currentSlide, itemsPerPage, totalItems, }) => {
+    /** Keeps track of slides that have been visualized before.
+     * We want to keep rendering them because the issue is mostly rendering
+     * slides that might never be viewed; On the other hand, hiding slides
+     * that were visible causes visual glitches */
+    const visitedSlides = useRef(new Set());
+    useEffect(() => {
+        for (let i = 0; i < itemsPerPage; i++) {
+            visitedSlides.current.add(currentSlide + i);
+        }
+    }, [currentSlide, itemsPerPage]);
+    const isItemVisible = (index) => isSlideVisible({
+        slideIdx: index,
+        currentSlide,
+        itemsPerPage,
+        totalItems,
+    });
+    const shouldRenderItem = (index) => {
+        return visitedSlides.current.has(index) || isItemVisible(index);
+    };
+    return { shouldRenderItem, isItemVisible };
+};
+//# sourceMappingURL=useSlideVisibility.js.map

package/dist/hooks/useSlideVisibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlideVisibility.js","sourceRoot":"","sources":["../../src/hooks/useSlideVisibility.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAezC,SAAS,cAAc,CAAC,EACtB,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,UAAU,GACS;IACnB,MAAM,aAAa,GAAG,YAAY,GAAG,CAAC,IAAI,YAAY,IAAI,UAAU,CAAA;IACpE,MAAM,SAAS,GACb,QAAQ,IAAI,YAAY,IAAI,QAAQ,GAAG,YAAY,GAAG,YAAY,CAAA;IAEpE,OAAO,aAAa,IAAI,SAAS,CAAA;AACnC,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,YAAY,EACZ,YAAY,EACZ,UAAU,GACa,EAAE,EAAE;IAC3B;;;kDAG8C;IAC9C,MAAM,aAAa,GAAG,MAAM,CAAc,IAAI,GAAG,EAAE,CAAC,CAAA;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,EAAE,CAAC,EAAE,EAAE;YACrC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,YAAY,GAAG,CAAC,CAAC,CAAA;SAC5C;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAA;IAEhC,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,EAAE,CACtC,cAAc,CAAC;QACb,QAAQ,EAAE,KAAK;QACf,YAAY;QACZ,YAAY;QACZ,UAAU;KACX,CAAC,CAAA;IAEJ,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,EAAE;QACzC,OAAO,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,aAAa,CAAC,KAAK,CAAC,CAAA;IACjE,CAAC,CAAA;IAED,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,CAAA;AAC5C,CAAC,CAAA"}

package/dist/hooks/useSlider.d.ts

@@ -0,0 +1,64 @@
+import type { Dispatch } from 'react';
+import type { SwipeableProps } from 'react-swipeable';
+export type SlideDirection = 'next' | 'previous';
+interface NextPageAction {
+    type: 'NEXT_PAGE';
+}
+interface PreviousPageAction {
+    type: 'PREVIOUS_PAGE';
+}
+interface GoToPageAction {
+    type: 'GO_TO_PAGE';
+    payload: {
+        pageIndex: number;
+        shouldSlide: boolean;
+    };
+}
+interface StopSlideAction {
+    type: 'STOP_SLIDE';
+}
+export type Action = NextPageAction | PreviousPageAction | StopSlideAction | GoToPageAction;
+export type SliderDispatch = Dispatch<Action>;
+export interface SliderState {
+    /**
+     * The `currentItem` in a Slider with multiple items in a single page is
+     * always **the one with the lowest index** in the current page.
+     */
+    currentItem: number;
+    /** Currently active page */
+    currentPage: number;
+    /**
+     * Whether or not the Slider is currently sliding. This is useful to
+     * manipulate the `transition` property in a component.
+     */
+    sliding: boolean;
+    /** The direction in which the Slider is sliding. */
+    slideDirection: SlideDirection;
+    /** The total number of unique items in the slider. */
+    totalItems: number;
+    /** The number of items in a single page. */
+    itemsPerPage: number;
+    /** The total number of pages in the slider. */
+    totalPages: number;
+    /** Whether or not the slider is infinite. */
+    infinite: boolean;
+}
+export declare const nextPage: (current: number, total: number) => number;
+export declare const previousPage: (current: number, total: number) => number;
+export interface UseSliderArgs extends SwipeableProps {
+    /** The total number of unique items in the slider. */
+    totalItems: number;
+    /** The number of items in a single slider page. */
+    itemsPerPage?: number;
+    /** Whether or not the slider is infinite. */
+    infiniteMode?: boolean;
+    /**  Whether or not slide after swiping left/right. */
+    shouldSlideOnSwipe?: boolean;
+}
+export declare const useSlider: ({ totalItems, itemsPerPage, infiniteMode, shouldSlideOnSwipe, ...swipeableConfigOverrides }: UseSliderArgs) => {
+    handlers: import("react-swipeable").SwipeableHandlers;
+    slide: (page: SlideDirection | number, dispatch: Dispatch<Action>) => void;
+    sliderState: SliderState;
+    sliderDispatch: Dispatch<Action>;
+};
+export {};

package/dist/hooks/useSlider.js

@@ -0,0 +1,103 @@
+import { useReducer } from 'react';
+import { useSwipeable } from 'react-swipeable';
+export const nextPage = (current, total) => (current + 1) % total;
+export const previousPage = (current, total) => (total - ((total - current + 1) % total)) % total;
+function reducer(state, action) {
+    switch (action.type) {
+        case 'NEXT_PAGE': {
+            // If `state.infinite` is true, we need to take into account an extra
+            // page in the calculation. This extra page is a clone of the first page.
+            const adjustedTotalPages = state.infinite
+                ? state.totalPages + 1
+                : state.totalPages;
+            const nextPageIndex = nextPage(state.currentPage, adjustedTotalPages);
+            const nextItemIndex = (nextPageIndex % adjustedTotalPages) * state.itemsPerPage;
+            return {
+                ...state,
+                sliding: true,
+                slideDirection: 'next',
+                currentItem: nextItemIndex,
+                currentPage: nextPageIndex,
+            };
+        }
+        case 'PREVIOUS_PAGE': {
+            // If `state.infinite` is true, we need to take into account an extra
+            // page in the calculation. This extra page is a clone of the first page.
+            const adjustedTotalPages = state.infinite
+                ? state.totalPages + 1
+                : state.totalPages;
+            // If `state.infinite` is true and we're currently on page 0, we need to
+            // let the slider go to page -1. This -1 page is a clone of the last page.
+            const shouldGoToClone = state.infinite && state.currentPage === 0;
+            const previousPageIndex = shouldGoToClone
+                ? -1
+                : previousPage(state.currentPage, state.totalPages);
+            return {
+                ...state,
+                sliding: true,
+                slideDirection: 'previous',
+                currentItem: (previousPageIndex % adjustedTotalPages) * state.itemsPerPage,
+                currentPage: previousPageIndex,
+            };
+        }
+        case 'GO_TO_PAGE': {
+            if (action.payload.pageIndex === state.currentPage) {
+                return state;
+            }
+            return {
+                ...state,
+                sliding: action.payload.shouldSlide,
+                slideDirection: action.payload.pageIndex > state.currentPage ? 'next' : 'previous',
+                currentItem: (action.payload.pageIndex % state.totalPages) * state.itemsPerPage,
+                currentPage: action.payload.pageIndex,
+            };
+        }
+        case 'STOP_SLIDE':
+            return { ...state, sliding: false };
+        default:
+            return state;
+    }
+}
+const defaultSliderState = (totalItems, itemsPerPage, infinite) => ({
+    currentItem: 0,
+    currentPage: 0,
+    sliding: false,
+    slideDirection: 'next',
+    totalItems,
+    itemsPerPage,
+    totalPages: Math.ceil(totalItems / itemsPerPage),
+    infinite,
+});
+const slide = (page, dispatch) => {
+    if (page === 'next') {
+        dispatch({ type: 'NEXT_PAGE' });
+    }
+    if (page === 'previous') {
+        dispatch({ type: 'PREVIOUS_PAGE' });
+    }
+    if (typeof page === 'number') {
+        dispatch({
+            type: 'GO_TO_PAGE',
+            payload: {
+                pageIndex: page,
+                shouldSlide: true,
+            },
+        });
+    }
+};
+export const useSlider = ({ totalItems, itemsPerPage = 1, infiniteMode = false, shouldSlideOnSwipe = true, ...swipeableConfigOverrides }) => {
+    const [sliderState, sliderDispatch] = useReducer(reducer, undefined, () => defaultSliderState(totalItems, itemsPerPage, infiniteMode));
+    const handlers = useSwipeable({
+        onSwipedRight: () => shouldSlideOnSwipe && slide('previous', sliderDispatch),
+        onSwipedLeft: () => shouldSlideOnSwipe && slide('next', sliderDispatch),
+        trackMouse: true,
+        ...swipeableConfigOverrides,
+    });
+    return {
+        handlers,
+        slide,
+        sliderState,
+        sliderDispatch,
+    };
+};
+//# sourceMappingURL=useSlider.js.map

package/dist/hooks/useSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlider.js","sourceRoot":"","sources":["../../src/hooks/useSlider.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useTrapFocus.d.ts

@@ -0,0 +1,8 @@
+import type { RefObject } from 'react';
+interface TrapFocusParams {
+    beforeElementRef: RefObject<HTMLElement>;
+    trapFocusRef: RefObject<HTMLElement>;
+    afterElementRef: RefObject<HTMLElement>;
+}
+export declare const useTrapFocus: ({ trapFocusRef, beforeElementRef, afterElementRef, }: TrapFocusParams) => void;
+export {};

package/dist/hooks/useTrapFocus.js

@@ -0,0 +1,75 @@
+import { useEffect, useRef } from 'react';
+import { tabbable } from 'tabbable';
+/*
+ * Element that will maintain the focus inside trapFocusRef, focus the first element,
+ * and focus back on the element that was in focus when useTrapFocus was triggered.
+ *
+ * Inspired by Reakit useTrapFocus https://github.com/reakit/reakit/blob/a211d94da9f3b683182568a56479b91afb1b85ae/packages/reakit/src/Dialog/__utils/useFocusTrap.ts
+ */
+export const useTrapFocus = ({ trapFocusRef, beforeElementRef, afterElementRef, }) => {
+    const tabbableNodesRef = useRef();
+    const nodeToRestoreRef = useRef(document.hasFocus() ? document.activeElement : null);
+    // Focus back on the element that was focused when useTrapFocus is triggered.
+    useEffect(() => {
+        const nodeToRestore = nodeToRestoreRef.current;
+        return () => {
+            nodeToRestore?.focus();
+        };
+    }, [nodeToRestoreRef]);
+    // Set focus on first tabbable element
+    useEffect(() => {
+        if (!trapFocusRef.current) {
+            return;
+        }
+        if (!tabbableNodesRef.current) {
+            tabbableNodesRef.current = tabbable(trapFocusRef.current);
+        }
+        const [firstTabbable] = tabbableNodesRef.current;
+        if (!firstTabbable) {
+            trapFocusRef.current.focus();
+            return;
+        }
+        firstTabbable.focus();
+    }, [trapFocusRef]);
+    // Handle loop focus. Set keydown and focusin event listeners
+    useEffect(() => {
+        if (!trapFocusRef.current ||
+            !beforeElementRef.current ||
+            !afterElementRef.current) {
+            return;
+        }
+        const beforeElement = beforeElementRef.current;
+        const afterElement = afterElementRef.current;
+        const trapFocus = trapFocusRef.current;
+        const handleLoopFocus = (nativeEvent) => {
+            if (!document.hasFocus()) {
+                return;
+            }
+            tabbableNodesRef.current = tabbable(trapFocusRef.current);
+            if (!tabbableNodesRef.current.length) {
+                trapFocus.focus();
+            }
+            /*
+             * Handle loop focus from beforeElementRef. This node can only be focused if the user press shift tab.
+             * It will focus the last element of the trapFocusRef.
+             */
+            if (nativeEvent.target === beforeElement) {
+                tabbableNodesRef.current[tabbableNodesRef.current.length - 1]?.focus();
+            }
+            /*
+             * Handle loop focus from afterElementRef. This node can only be focused if the user press tab.
+             * It will focus the first element of the trapFocusRef.
+             */
+            if (nativeEvent.target === afterElement) {
+                tabbableNodesRef.current[0]?.focus();
+            }
+        };
+        beforeElement?.addEventListener('focusin', handleLoopFocus);
+        afterElement?.addEventListener('focusin', handleLoopFocus);
+        return () => {
+            beforeElement?.removeEventListener('focusin', handleLoopFocus);
+            afterElement?.removeEventListener('focusin', handleLoopFocus);
+        };
+    }, [tabbableNodesRef, afterElementRef, beforeElementRef, trapFocusRef]);
+};
+//# sourceMappingURL=useTrapFocus.js.map

package/dist/hooks/useTrapFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTrapFocus.js","sourceRoot":"","sources":["../../src/hooks/useTrapFocus.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,141 @@
+export * from './hooks';
+export { default as Badge } from './atoms/Badge';
+export type { BadgeProps } from './atoms/Badge';
+export { default as Button } from './atoms/Button';
+export type { ButtonProps } from './atoms/Button';
+export { default as Checkbox } from './atoms/Checkbox';
+export type { CheckboxProps } from './atoms/Checkbox';
+export { default as Icon } from './atoms/Icon';
+export type { IconProps } from './atoms/Icon';
+export { default as Input } from './atoms/Input';
+export type { InputProps } from './atoms/Input';
+export { default as Label } from './atoms/Label';
+export type { LabelProps } from './atoms/Label';
+export { default as Link } from './atoms/Link';
+export type { LinkProps, LinkElementType } from './atoms/Link';
+export { default as Loader } from './atoms/Loader';
+export type { LoaderProps } from './atoms/Loader';
+export { default as List } from './atoms/List';
+export type { ListProps } from './atoms/List';
+export { default as Overlay } from './atoms/Overlay';
+export type { OverlayProps } from './atoms/Overlay';
+export { default as Price } from './atoms/Price';
+export type { PriceProps } from './atoms/Price';
+export { default as Radio } from './atoms/Radio';
+export type { RadioProps } from './atoms/Radio';
+export { default as Skeleton } from './atoms/Skeleton';
+export type { SkeletonProps } from './atoms/Skeleton';
+export { default as Select } from './atoms/Select';
+export type { SelectProps } from './atoms/Select';
+export { default as Slider } from './atoms/Slider';
+export type { SliderProps } from './atoms/Slider';
+export { default as SROnly } from './atoms/SROnly';
+export { default as Accordion, AccordionItem, AccordionButton, AccordionPanel, } from './molecules/Accordion';
+export type { AccordionProps, AccordionItemProps, AccordionButtonProps, AccordionPanelProps, } from './molecules/Accordion';
+export { default as Alert } from './molecules/Alert';
+export type { AlertProps } from './molecules/Alert';
+export { BreadcrumbPure, Breadcrumb } from './molecules/Breadcrumb';
+export type { BreadcrumbPureProps, BreadcrumbProps, } from './molecules/Breadcrumb';
+export { default as BuyButton } from './molecules/BuyButton';
+export { default as Carousel, CarouselItem, CarouselBullets, } from './molecules/Carousel';
+export type { CarouselProps, CarouselItemProps, CarouselBulletsProps, } from './molecules/Carousel';
+export { default as CartItem, CartItemImage, CartItemSummary, } from './molecules/CartItem';
+export type { CartItemProps, CartItemImageProps, CartItemSummaryProps, } from './molecules/CartItem';
+export { default as CheckboxField } from './molecules/CheckboxField';
+export type { CheckboxFieldProps } from './molecules/CheckboxField';
+export { default as IconButton } from './molecules/IconButton';
+export type { IconButtonProps } from './molecules/IconButton';
+export { default as DiscountBadge } from './molecules/DiscountBadge';
+export type { DiscountBadgeProps } from './molecules/DiscountBadge';
+export { default as Dropdown, DropdownButton, DropdownItem, DropdownMenu, } from './molecules/Dropdown';
+export type { DropdownProps, DropdownButtonProps, DropdownItemProps, DropdownMenuProps, } from './molecules/Dropdown';
+export { default as Gift, GiftContent, GiftImage } from './molecules/Gift';
+export type { GiftProps, GiftContentProps, GiftImageProps, } from './molecules/Gift';
+export { default as InputField } from './molecules/InputField';
+export type { InputFieldProps } from './molecules/InputField';
+export { default as LinkButton } from './molecules/LinkButton';
+export type { LinkButtonProps } from './molecules/LinkButton';
+export { default as Modal, ModalHeader, ModalBody } from './molecules/Modal';
+export type { ModalProps, ModalHeaderProps } from './molecules/Modal';
+export { default as NavbarLinks, NavbarLinksList, NavbarLinksListItem, } from './molecules/NavbarLinks';
+export type { NavbarLinksProps, NavbarLinksListProps, NavbarLinksListItemProps, } from './molecules/NavbarLinks';
+export { default as OrderSummary } from './molecules/OrderSummary';
+export type { OrderSummaryProps } from './molecules/OrderSummary';
+export { default as ProductCard, ProductCardImage, ProductCardContent, } from './molecules/ProductCard';
+export type { ProductCardProps, ProductCardImageProps, ProductCardContentProps, } from './molecules/ProductCard';
+export { default as ProductPrice } from './molecules/ProductPrice';
+export type { ProductPriceProps } from './molecules/ProductPrice';
+export { default as ProductTitle } from './molecules/ProductTitle';
+export type { ProductTitleProps } from './molecules/ProductTitle';
+export { default as RadioField } from './molecules/RadioField';
+export type { RadioFieldProps } from './molecules/RadioField';
+export { default as RadioGroup, RadioOption } from './molecules/RadioGroup';
+export type { RadioGroupProps, RadioOptionProps } from './molecules/RadioGroup';
+export { default as Rating } from './molecules/Rating';
+export type { RatingProps } from './molecules/Rating';
+export { default as RegionBar } from './molecules/RegionBar';
+export type { RegionBarProps } from './molecules/RegionBar';
+export { default as SearchProvider } from './molecules/SearchProvider';
+export type { SearchProviderContextValue } from './molecules/SearchProvider';
+export { default as SearchInputField } from './molecules/SearchInputField';
+export type { SearchInputFieldProps, SearchInputFieldRef, } from './molecules/SearchInputField';
+export { default as SearchAutoComplete, SearchAutoCompleteTerm, } from './molecules/SearchAutoComplete';
+export type { SearchAutoCompleteProps, SearchAutoCompleteTermProps, } from './molecules/SearchAutoComplete';
+export { default as SearchDropdown, SearchDropdownProps, } from './molecules/SearchDropdown';
+export { default as SearchHistory, SearchHistoryTerm, } from './molecules/SearchHistory';
+export type { SearchHistoryProps, SearchHistoryTermProps, } from './molecules/SearchHistory';
+export { default as SearchProducts, SearchProductItem, SearchProductItemImage, SearchProductItemContent, } from './molecules/SearchProducts';
+export type { SearchProductsProps, SearchProductItemProps, SearchProductItemImageProps, SearchProductItemContentProps, } from './molecules/SearchProducts';
+export { default as SearchTop, SearchTopTerm } from './molecules/SearchTop';
+export type { SearchTopProps, SearchTopTermProps } from './molecules/SearchTop';
+export { default as SelectField } from './molecules/SelectField';
+export type { SelectFieldProps } from './molecules/SelectField';
+export { default as SkuSelector } from './molecules/SkuSelector';
+export type { SkuSelectorProps, SkuOption } from './molecules/SkuSelector';
+export { Table, TableBody, TableCell, TableFooter, TableHead, TableRow, } from './molecules/Table';
+export type { TableProps, TableBodyProps, TableCellProps, TableFooterProps, TableHeadProps, TableRowProps, } from './molecules/Table';
+export { default as Tag } from './molecules/Tag';
+export type { TagProps } from './molecules/Tag';
+export { default as Toast } from './molecules/Toast';
+export { default as Toggle } from './molecules/Toggle';
+export type { ToggleProps } from './molecules/Toggle';
+export { default as ToggleField } from './molecules/ToggleField';
+export type { ToggleFieldProps } from './molecules/ToggleField';
+export { default as QuantitySelector } from './molecules/QuantitySelector';
+export type { QuantitySelectorProps } from './molecules/QuantitySelector';
+export { default as BannerText, BannerTextContent, } from './organisms/BannerText';
+export type { BannerTextProps, BannerTextContentProps, } from './organisms/BannerText';
+export { default as CartSidebar, CartSidebarList, CartSidebarFooter, } from './organisms/CartSidebar';
+export type { CartSidebarProps } from './organisms/CartSidebar';
+export { default as EmptyState } from './organisms/EmptyState';
+export type { EmptyStateProps } from './organisms/EmptyState';
+export { default as Filter, FilterFacetBoolean, FilterFacetBooleanItem, FilterFacetRange, FilterFacets, FilterSlider, } from './organisms/Filter';
+export type { FilterFacetBooleanItemProps, FilterFacetRangeProps, FilterFacetsProps, FilterProps, FilterSliderProps, } from './organisms/Filter';
+export { default as Hero, HeroImage, HeroHeader } from './organisms/Hero';
+export type { HeroProps, HeroImageProps, HeroHeaderProps, } from './organisms/Hero';
+export { default as ImageGallery, ImageGallerySelector, ImageGalleryViewer, } from './organisms/ImageGallery';
+export type { ImageElementData, ImageGalleryProps, ImageGallerySelectorProps, ImageGalleryViewerProps, } from './organisms/ImageGallery';
+export { default as Navbar, NavbarHeader, NavbarRow, NavbarButtons, } from './organisms/Navbar';
+export type { NavbarProps, NavbarHeaderProps, NavbarRowProps, NavbarButtonsProps, } from './organisms/Navbar';
+export { default as NavbarSlider, NavbarSliderHeader, NavbarSliderContent, NavbarSliderFooter, } from './organisms/NavbarSlider';
+export type { NavbarSliderProps, NavbarSliderHeaderProps, NavbarSliderContentProps, NavbarSliderFooterProps, } from './organisms/NavbarSlider';
+export { default as Newsletter, NewsletterAddendum, NewsletterContent, NewsletterForm, NewsletterHeader, } from './organisms/Newsletter';
+export type { NewsletterProps, NewsletterAddendumProps, NewsletterContentProps, NewsletterFormProps, NewsletterHeaderProps, } from './organisms/Newsletter';
+export { default as OutOfStock } from './organisms/OutOfStock';
+export type { OutOfStockProps } from './organisms/OutOfStock';
+export { default as PaymentMethods } from './organisms/PaymentMethods';
+export type { PaymentMethodsProps } from './organisms/PaymentMethods';
+export { default as PriceRange } from './organisms/PriceRange';
+export type { PriceRangeProps } from './organisms/PriceRange';
+export { default as ProductGrid, ProductGridItem, } from './organisms/ProductGrid';
+export type { ProductGridProps, ProductGridItemProps, } from './organisms/ProductGrid';
+export { default as ProductShelf, ProductShelfItems, ProductShelfItem, } from './organisms/ProductShelf';
+export type { ProductShelfProps, ProductShelfItemsProps, ProductShelfItemProps, } from './organisms/ProductShelf';
+export { default as RegionModal } from './organisms/RegionModal';
+export type { RegionModalProps } from './organisms/RegionModal';
+export { default as SearchInput } from './organisms/SearchInput';
+export type { SearchInputProps } from './organisms/SearchInput';
+export { default as ShippingSimulation } from './organisms/ShippingSimulation';
+export type { ShippingSimulationProps } from './organisms/ShippingSimulation';
+export { default as SlideOver, SlideOverHeader } from './organisms/SlideOver';
+export type { SlideOverProps, SlideOverHeaderProps, } from './organisms/SlideOver';

package/dist/index.js

@@ -0,0 +1,78 @@
+// Hooks
+export * from './hooks';
+// Atoms
+export { default as Badge } from './atoms/Badge';
+export { default as Button } from './atoms/Button';
+export { default as Checkbox } from './atoms/Checkbox';
+export { default as Icon } from './atoms/Icon';
+export { default as Input } from './atoms/Input';
+export { default as Label } from './atoms/Label';
+export { default as Link } from './atoms/Link';
+export { default as Loader } from './atoms/Loader';
+export { default as List } from './atoms/List';
+export { default as Overlay } from './atoms/Overlay';
+export { default as Price } from './atoms/Price';
+export { default as Radio } from './atoms/Radio';
+export { default as Skeleton } from './atoms/Skeleton';
+export { default as Select } from './atoms/Select';
+export { default as Slider } from './atoms/Slider';
+export { default as SROnly } from './atoms/SROnly';
+// Molecules
+export { default as Accordion, AccordionItem, AccordionButton, AccordionPanel, } from './molecules/Accordion';
+export { default as Alert } from './molecules/Alert';
+export { BreadcrumbPure, Breadcrumb } from './molecules/Breadcrumb';
+export { default as BuyButton } from './molecules/BuyButton';
+export { default as Carousel, CarouselItem, CarouselBullets, } from './molecules/Carousel';
+export { default as CartItem, CartItemImage, CartItemSummary, } from './molecules/CartItem';
+export { default as CheckboxField } from './molecules/CheckboxField';
+export { default as IconButton } from './molecules/IconButton';
+export { default as DiscountBadge } from './molecules/DiscountBadge';
+export { default as Dropdown, DropdownButton, DropdownItem, DropdownMenu, } from './molecules/Dropdown';
+export { default as Gift, GiftContent, GiftImage } from './molecules/Gift';
+export { default as InputField } from './molecules/InputField';
+export { default as LinkButton } from './molecules/LinkButton';
+export { default as Modal, ModalHeader, ModalBody } from './molecules/Modal';
+export { default as NavbarLinks, NavbarLinksList, NavbarLinksListItem, } from './molecules/NavbarLinks';
+export { default as OrderSummary } from './molecules/OrderSummary';
+export { default as ProductCard, ProductCardImage, ProductCardContent, } from './molecules/ProductCard';
+export { default as ProductPrice } from './molecules/ProductPrice';
+export { default as ProductTitle } from './molecules/ProductTitle';
+export { default as RadioField } from './molecules/RadioField';
+export { default as RadioGroup, RadioOption } from './molecules/RadioGroup';
+export { default as Rating } from './molecules/Rating';
+export { default as RegionBar } from './molecules/RegionBar';
+export { default as SearchProvider } from './molecules/SearchProvider';
+export { default as SearchInputField } from './molecules/SearchInputField';
+export { default as SearchAutoComplete, SearchAutoCompleteTerm, } from './molecules/SearchAutoComplete';
+export { default as SearchDropdown, } from './molecules/SearchDropdown';
+export { default as SearchHistory, SearchHistoryTerm, } from './molecules/SearchHistory';
+export { default as SearchProducts, SearchProductItem, SearchProductItemImage, SearchProductItemContent, } from './molecules/SearchProducts';
+export { default as SearchTop, SearchTopTerm } from './molecules/SearchTop';
+export { default as SelectField } from './molecules/SelectField';
+export { default as SkuSelector } from './molecules/SkuSelector';
+export { Table, TableBody, TableCell, TableFooter, TableHead, TableRow, } from './molecules/Table';
+export { default as Tag } from './molecules/Tag';
+export { default as Toast } from './molecules/Toast';
+export { default as Toggle } from './molecules/Toggle';
+export { default as ToggleField } from './molecules/ToggleField';
+export { default as QuantitySelector } from './molecules/QuantitySelector';
+// Organisms
+export { default as BannerText, BannerTextContent, } from './organisms/BannerText';
+export { default as CartSidebar, CartSidebarList, CartSidebarFooter, } from './organisms/CartSidebar';
+export { default as EmptyState } from './organisms/EmptyState';
+export { default as Filter, FilterFacetBoolean, FilterFacetBooleanItem, FilterFacetRange, FilterFacets, FilterSlider, } from './organisms/Filter';
+export { default as Hero, HeroImage, HeroHeader } from './organisms/Hero';
+export { default as ImageGallery, ImageGallerySelector, ImageGalleryViewer, } from './organisms/ImageGallery';
+export { default as Navbar, NavbarHeader, NavbarRow, NavbarButtons, } from './organisms/Navbar';
+export { default as NavbarSlider, NavbarSliderHeader, NavbarSliderContent, NavbarSliderFooter, } from './organisms/NavbarSlider';
+export { default as Newsletter, NewsletterAddendum, NewsletterContent, NewsletterForm, NewsletterHeader, } from './organisms/Newsletter';
+export { default as OutOfStock } from './organisms/OutOfStock';
+export { default as PaymentMethods } from './organisms/PaymentMethods';
+export { default as PriceRange } from './organisms/PriceRange';
+export { default as ProductGrid, ProductGridItem, } from './organisms/ProductGrid';
+export { default as ProductShelf, ProductShelfItems, ProductShelfItem, } from './organisms/ProductShelf';
+export { default as RegionModal } from './organisms/RegionModal';
+export { default as SearchInput } from './organisms/SearchInput';
+export { default as ShippingSimulation } from './organisms/ShippingSimulation';
+export { default as SlideOver, SlideOverHeader } from './organisms/SlideOver';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/molecules/Accordion/Accordion.d.ts

@@ -0,0 +1,26 @@
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+interface AccordionContext {
+    indices: Set<number>;
+    onChange: (index: number) => void;
+    numberOfItems: number;
+}
+declare const AccordionContext: React.Context<AccordionContext | undefined>;
+export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * Indices that indicate which accordion items are opened.
+     */
+    indices: Iterable<number>;
+    /**
+     * Function that is triggered when an accordion item is opened/closed.
+     */
+    onChange: (index: number) => void;
+}
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+export declare function useAccordion(): AccordionContext;
+export default Accordion;

package/dist/molecules/Accordion/Accordion.js

@@ -0,0 +1,21 @@
+import React, { useContext, cloneElement, forwardRef, createContext, } from 'react';
+const AccordionContext = createContext(undefined);
+const Accordion = forwardRef(function Accordion({ testId = 'fs-accordion', indices, onChange, children, ...otherProps }, ref) {
+    const childrenWithIndex = React.Children.map(children, (child, index) => cloneElement(child, { index: child.props.index ?? index }));
+    const context = {
+        indices: new Set(indices),
+        onChange,
+        numberOfItems: childrenWithIndex.length,
+    };
+    return (React.createElement(AccordionContext.Provider, { value: context },
+        React.createElement("div", { ref: ref, "data-fs-accordion": true, role: "region", "data-testid": testId, ...otherProps }, childrenWithIndex)));
+});
+export function useAccordion() {
+    const context = useContext(AccordionContext);
+    if (context === undefined) {
+        throw new Error('Do not use Accordion components outside the Accordion context.');
+    }
+    return context;
+}
+export default Accordion;
+//# sourceMappingURL=Accordion.js.map

package/dist/molecules/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/molecules/Accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,UAAU,EACV,YAAY,EACZ,UAAU,EACV,aAAa,GACd,MAAM,OAAO,CAAA;AAQd,MAAM,gBAAgB,GAAG,aAAa,CAA+B,SAAS,CAAC,CAAA;AAmB/E,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CAC7E,EAAE,MAAM,GAAG,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACvE,GAAG;IAEH,MAAM,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAC1C,QAAwB,EACxB,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,EAAE,CAAC,CAC7E,CAAA;IAED,MAAM,OAAO,GAAG;QACd,OAAO,EAAE,IAAI,GAAG,CAAC,OAAO,CAAC;QACzB,QAAQ;QACR,aAAa,EAAE,iBAAiB,CAAC,MAAM;KACxC,CAAA;IAED,OAAO,CACL,oBAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QACvC,6BACE,GAAG,EAAE,GAAG,6BAER,IAAI,EAAC,QAAQ,iBACA,MAAM,KACf,UAAU,IAEb,iBAAiB,CACd,CACoB,CAC7B,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,UAAU,YAAY;IAC1B,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAA;IAE5C,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CACb,gEAAgE,CACjE,CAAA;KACF;IAED,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,eAAe,SAAS,CAAA"}

package/dist/molecules/Accordion/AccordionButton.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { ButtonProps } from '../..';
+export interface AccordionButtonProps extends ButtonProps {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * A React component is rendered as an icon when the accordion is expanded.
+     */
+    expandedIcon?: ReactNode;
+    /**
+     * A React component is rendered as an icon when the accordion is collapsed.
+     */
+    collapsedIcon?: ReactNode;
+}
+declare const AccordionButton: React.ForwardRefExoticComponent<AccordionButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default AccordionButton;