@sonic-equipment/ui 0.0.26 → 0.0.28

package/dist/algolia/algolia-pagination.d.ts

@@ -1 +1,5 @@
-export declare function AlgoliaPagination(): import("react/jsx-runtime").JSX.Element;
+interface AlgoliaPaginationProps {
+    onChange: (pageNumber: number) => void;
+}
+export declare function AlgoliaPagination({ onChange }: AlgoliaPaginationProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/algolia/algolia-provider.d.ts

@@ -8,7 +8,7 @@ interface AlgoliaContextType {
     toggleOnline: VoidFunction;
 }
 interface AlgoliaProviderProps {
-    category: string[];
+    category: string[] | undefined;
     children: ReactNode;
     offlineSearchClient?: SearchClient;
     online?: boolean;

package/dist/algolia/algolia-sonic-searchclient.d.ts

@@ -0,0 +1,2 @@
+import { SearchClient } from 'algoliasearch/lite';
+export declare const createSonicSearchClient: (url: string) => SearchClient;

package/dist/breadcrumbs/breadcrumb.stories.d.ts

@@ -1,5 +1,5 @@
 import type { StoryObj } from '@storybook/react';
-import { Link } from 'shared/providers/breadcrumb-provider';
+import { ProductListingPageData } from 'pages/product-listing-page/product-listing-page-data-types';
 import { Breadcrumb } from './breadcrumb';
 declare const meta: {
     component: typeof Breadcrumb;
@@ -15,5 +15,5 @@ export declare const FourLevelsMobile: Story;
 export declare const TwoLevels: Story;
 export declare const TwoLevelsMobile: Story;
 export declare const Connected: StoryObj<{
-    links: Link[];
+    data: ProductListingPageData;
 }>;

package/dist/breadcrumbs/connected-breadcrumb.d.ts

@@ -1 +1 @@
-export declare function ConnectedBreadcrumb(): import("react/jsx-runtime").JSX.Element;
+export declare function ConnectedBreadcrumb(): import("react/jsx-runtime").JSX.Element | null;

package/dist/buttons/icon-button/icon-button.d.ts

@@ -6,5 +6,6 @@ export interface IconButtonProps {
     isDisabled?: boolean;
     onPress?: VoidFunction;
     size?: 'md' | 'lg';
+    type?: 'button' | 'submit' | 'reset';
 }
-export declare function IconButton({ children, className, color, isDisabled, onPress, size, }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function IconButton({ children, className, color, isDisabled, onPress, size, type, }: IconButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/cards/category-card/category-card.d.ts

@@ -1,8 +1,5 @@
-import { type ImageProps } from 'media/image/image';
-export interface CategoryCardProps {
-    href: string;
-    image: ImageProps;
+import { Category } from 'shared/types/category';
+export interface CategoryCardProps extends Category {
     isSelected?: boolean;
-    title: string;
 }
 export declare function CategoryCard({ href, image, isSelected, title, }: CategoryCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/cards/product-card/product-card.d.ts

@@ -1,16 +1,18 @@
-import { ReactElement } from 'react';
+import { MouseEvent, ReactElement } from 'react';
 import { PressEvent } from 'react-aria-components';
-import { ImageProps } from 'media/image/image';
+import type { ImageSource } from 'shared/types/image';
 import type { ProductPrice as ProductPriceType } from 'shared/types/price';
 export interface ProductCardProps {
     addToCartButton: ReactElement;
     favoriteButton?: ReactElement;
     href: string;
-    image: ImageProps;
-    onClick?: (e: PressEvent) => void;
+    image: ImageSource;
+    /** @deprecated Use `onPress` instead */
+    onClick?: (e: MouseEvent) => void;
+    onPress?: (e: PressEvent) => void;
     price: ProductPriceType;
     sku: string;
     tag?: 'new' | 'sale';
     title: string;
 }
-export declare function ProductCard({ addToCartButton: AddToCartButton, favoriteButton: FavoriteButton, href, image: { alt, fit, src, title: imageTitle }, onClick, price, sku, tag, title, }: ProductCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductCard({ addToCartButton: AddToCartButton, favoriteButton: FavoriteButton, href, image: { alt, fit, src, title: imageTitle }, onClick, onPress, price, sku, tag, title, }: ProductCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/cards/product-card/product-card.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { StoryObj } from '@storybook/react';
 import { ProductCard } from './product-card';
 declare const meta: {
@@ -11,7 +12,7 @@ declare const meta: {
             src: string;
             title: string;
         };
-        onClick: import("@vitest/spy").Mock<[e: import("react-aria").PressEvent], void>;
+        onClick: import("@vitest/spy").Mock<[e: React.MouseEvent<Element, MouseEvent>], void>;
         sku: string;
         tag: "new";
     };

package/dist/carousel/category-carousel/connected-category-carousel.d.ts

@@ -0,0 +1 @@
+export declare function ConnectedCategoryCarousel(): import("react/jsx-runtime").JSX.Element | null;

package/dist/filters/pagination/pagination.d.ts

@@ -1,6 +1,6 @@
-export interface Props {
+export interface PaginationProps {
     currentPage: number;
     onChange: (pageNumber: number) => void;
     totalPages: number;
 }
-export declare function Pagination({ currentPage, onChange, totalPages }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function Pagination({ currentPage, onChange, totalPages, }: PaginationProps): import("react/jsx-runtime").JSX.Element;

package/dist/icons/arrows/text-aligned-arrow-icon.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function TextAlignedArrowIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/icons/magnifying-glass/magnifying-glass-icon.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function MagnifyingGlassIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/icons/math/minus-filled-icon.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function MinusFilledIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/icons/math/plus-filled-icon.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function PlusFilledIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/icons/reset/reset-icon.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function ResetIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/icons/trash/trash-outlined-icon.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function TrashOutlinedIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ReactElement, MutableRefObject, ReactNode, HTMLAttributeAnchorTarget, FormEventHandler, KeyboardEvent, ComponentType } from 'react';
+import { ReactElement, MutableRefObject, ReactNode, HTMLAttributeAnchorTarget, MouseEvent, FormEventHandler, KeyboardEvent, ComponentType } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { PressEvent } from 'react-aria-components';
 import { SearchClient } from 'algoliasearch/lite';
@@ -13,9 +13,9 @@ declare const breakpoints: {
     readonly xl: 1024;
     readonly xxl: 1440;
 };
-type Breakpoint$2 = keyof typeof breakpoints;
-interface UseBreakpointReturnType extends Record<Breakpoint$2, boolean> {
-    current: Breakpoint$2;
+type Breakpoint$1 = keyof typeof breakpoints;
+interface UseBreakpointReturnType extends Record<Breakpoint$1, boolean> {
+    current: Breakpoint$1;
 }
 declare const useBreakpoint: () => UseBreakpointReturnType;
 
@@ -32,17 +32,6 @@ declare const useDisclosure: (initialState?: boolean) => UseDisclosureReturnType
 
 declare const useScrollLock: (lock: boolean) => void;
 
-interface Link$1 {
-    href: string;
-    label: string;
-}
-interface Props$3 {
-    links: Link$1[];
-    updateLinks: (links: Link$1[]) => void;
-}
-declare function BreadcrumbProvider(props: Props$3): null;
-declare function useBreadcrumb(): Props$3;
-
 interface CartLine$1 {
   id: string
   productId: string | null
@@ -173,7 +162,7 @@ interface BreadcrumbProps {
 }
 declare function Breadcrumb({ links }: BreadcrumbProps): react_jsx_runtime.JSX.Element | null;
 
-declare function ConnectedBreadcrumb(): react_jsx_runtime.JSX.Element;
+declare function ConnectedBreadcrumb(): react_jsx_runtime.JSX.Element | null;
 
 interface ButtonProps {
     _pseudo?: 'none' | 'focus' | 'hover' | 'active';
@@ -205,8 +194,9 @@ interface IconButtonProps {
     isDisabled?: boolean;
     onPress?: VoidFunction;
     size?: 'md' | 'lg';
+    type?: 'button' | 'submit' | 'reset';
 }
-declare function IconButton({ children, className, color, isDisabled, onPress, size, }: IconButtonProps): react_jsx_runtime.JSX.Element;
+declare function IconButton({ children, className, color, isDisabled, onPress, size, type, }: IconButtonProps): react_jsx_runtime.JSX.Element;
 
 interface LinkButtonProps {
     children?: React.ReactNode | string;
@@ -231,25 +221,25 @@ interface Props {
 }
 declare const ConnectedAddToCartButton: ({ productId }: Props) => react_jsx_runtime.JSX.Element;
 
-interface Source$1 {
+type Breakpoint = 'lg' | 'md' | 'sm'
+
+type Sizes = Record<Breakpoint, number>
+
+interface Source {
   url: string
   width: number
 }
 
-type Breakpoint$1 = 'lg' | 'md' | 'sm'
-
-type Sizes$1 = Record<Breakpoint$1, number>
-
-interface ImageProps$1 {
+interface ImageSource {
   alt: string
   className?: string
   fallbackSrc?: string
   fit?: 'contain' | 'cover'
   height?: number
   loading?: 'lazy' | 'eager'
-  sizes?: Sizes$1
+  sizes?: Sizes
   src: string
-  srcSet?: Source$1[]
+  srcSet?: Source[]
   title: string
   width?: number
 }
@@ -264,22 +254,27 @@ interface ProductCardProps {
     addToCartButton: ReactElement;
     favoriteButton?: ReactElement;
     href: string;
-    image: ImageProps$1;
-    onClick?: (e: PressEvent) => void;
+    image: ImageSource;
+    /** @deprecated Use `onPress` instead */
+    onClick?: (e: MouseEvent) => void;
+    onPress?: (e: PressEvent) => void;
     price: ProductPrice$1;
     sku: string;
     tag?: 'new' | 'sale';
     title: string;
 }
-declare function ProductCard({ addToCartButton: AddToCartButton, favoriteButton: FavoriteButton, href, image: { alt, fit, src, title: imageTitle }, onClick, price, sku, tag, title, }: ProductCardProps): react_jsx_runtime.JSX.Element;
+declare function ProductCard({ addToCartButton: AddToCartButton, favoriteButton: FavoriteButton, href, image: { alt, fit, src, title: imageTitle }, onClick, onPress, price, sku, tag, title, }: ProductCardProps): react_jsx_runtime.JSX.Element;
 
-interface CategoryCardProps {
+interface Category {
   href: string
-  image: ImageProps$1
-  isSelected?: boolean
+  image: ImageSource
   title: string
 }
 
+interface CategoryCardProps extends Category {
+  isSelected?: boolean
+}
+
 interface CategoryCarouselProps {
     categories: CategoryCardProps[];
 }
@@ -437,6 +432,10 @@ interface TextFieldProps {
  */
 declare function TextField({ autoFocus, autoGrow, defaultValue, isDisabled, isInvalid, isMultiline, isReadOnly, isRequired, label, maxLength, onChange, onInput, onKeyUp, placeholder, rows, showLabel, size, value, }: TextFieldProps): react_jsx_runtime.JSX.Element;
 
+declare function LeftArrowFilledIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function TextAlignedArrowIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
 declare function RightArrowFilledIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
 declare function CartFilledIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
@@ -451,7 +450,7 @@ declare function FavoriteOutlinedIcon(props: React.SVGProps<SVGSVGElement>): rea
 
 declare function HashedOutlinedIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
-type TranslationId = 'Chosen filters' | 'Clear filters' | 'Excl. VAT' | 'Hide filters' | 'Incl. VAT' | 'Show' | 'Show all' | 'Show filters' | 'Show less' | 'Sort' | 'articles' | 'article' | 'of';
+type TranslationId = 'Chosen filters' | 'Clear' | 'Clear filters' | 'Excl. VAT' | 'Hide filters' | 'Incl. VAT' | 'Show' | 'Show all' | 'Show filters' | 'Show less' | 'Sort' | 'Submit' | 'articles' | 'article' | 'of';
 
 interface FormattedMessageProps {
     fallbackValue?: string;
@@ -481,25 +480,7 @@ interface ProductOverviewGridProps {
 }
 declare function ProductOverviewGrid({ children }: ProductOverviewGridProps): react_jsx_runtime.JSX.Element;
 
-interface Source {
-    url: string;
-    width: number;
-}
-type Breakpoint = 'lg' | 'md' | 'sm';
-type Sizes = Record<Breakpoint, number>;
-interface ImageProps {
-    alt: string;
-    className?: string;
-    fallbackSrc?: string;
-    fit?: 'contain' | 'cover';
-    height?: number;
-    loading?: 'lazy' | 'eager';
-    sizes?: Sizes;
-    src: string;
-    srcSet?: Source[];
-    title: string;
-    width?: number;
-}
+type ImageProps = ImageSource;
 declare function Image({ alt, className, fallbackSrc, fit, height, loading, sizes: sizesProp, src, srcSet: srcSetProp, title, width, }: ImageProps): react_jsx_runtime.JSX.Element;
 
 declare function PageLayout({ children, className, }: {
@@ -524,10 +505,11 @@ interface Filters {
     };
 }
 type ProductListingPageProps = {
-    category: string[];
-    isLoading?: boolean;
+    bffUrl: string;
+    pageUrl: string;
+    searchClient?: SearchClient;
 };
-declare function ProductListingPage({ category, isLoading, }: ProductListingPageProps): react_jsx_runtime.JSX.Element;
+declare function ProductListingPage({ bffUrl, pageUrl, searchClient, }: ProductListingPageProps): react_jsx_runtime.JSX.Element;
 
 interface SidebarProps {
     children: React.ReactNode;
@@ -568,7 +550,12 @@ interface AlgoliaMultiSelectFilterSectionProps {
 }
 declare function AlgoliaMultiSelectFilterSection({ attribute, }: AlgoliaMultiSelectFilterSectionProps): react_jsx_runtime.JSX.Element;
 
-declare function AlgoliaPagination(): react_jsx_runtime.JSX.Element;
+interface AlgoliaPaginationProps {
+    onChange: (pageNumber: number) => void;
+}
+declare function AlgoliaPagination({ onChange }: AlgoliaPaginationProps): react_jsx_runtime.JSX.Element;
+
+declare const createSonicSearchClient: (url: string) => SearchClient;
 
 interface AlgoliaContextType {
     online: boolean;
@@ -576,7 +563,7 @@ interface AlgoliaContextType {
     toggleOnline: VoidFunction;
 }
 interface AlgoliaProviderProps {
-    category: string[];
+    category: string[] | undefined;
     children: ReactNode;
     offlineSearchClient?: SearchClient;
     online?: boolean;
@@ -590,4 +577,4 @@ declare function AlgoliaResultsCount(): string | null;
 
 declare function AlgoliaSortBy(): react_jsx_runtime.JSX.Element | null;
 
-export { Accordion, AddToCartButton, AlgoliaCategories, AlgoliaFilterPanel, type AlgoliaFilterPanelProps, AlgoliaFilterSection, AlgoliaMultiSelectFilterSection, AlgoliaPagination, AlgoliaProvider, AlgoliaResultsCount, AlgoliaSortBy, Breadcrumb, type BreadcrumbProps, BreadcrumbProvider, Button, type ButtonProps, type Cart, CartFilledIcon, type CartLine, CartOutlinedIcon, CartProvider, CategoryCarousel, type CategoryCarouselProps, Checkbox, type CheckboxProps$1 as CheckboxProps, ColorCheckbox, type ColorCheckboxProps, ConnectedAddToCartButton, ConnectedBreadcrumb, DehashedOutlinedIcon, FavoriteButton, type FavoriteButtonProps, FavoriteFilledIcon, FavoriteOutlinedIcon, FavoriteProvider, type FilterOption, type Filters, FormattedMessage, type FormattedMessageFunction, type FormattedMessageProps, GlobalStateProvider, GlobalStateProviderContext, HashedOutlinedIcon, IconButton, type IconButtonProps, Image, type ImageProps, IntlProvider, type Link$1 as Link, LinkButton, type LinkButtonProps, MultiSelect, type MultiSelectProps, NumberField, type NumberFieldSize, Page, PageLayout, type PageProps, type Product, ProductCard, type ProductCardProps, ProductListingPage, type ProductListingPageProps, ProductOverviewGrid, type ProductOverviewGridProps, ProductPrice, type ProductPriceProps, ProductSku, type ProductSkuProps, type RefinementListItem, RightArrowFilledIcon, Select, type SelectProps, ShowAll, type ShowAllProps, Sidebar, type SidebarProps, SidebarProvider, TextField, useAlgolia, useBreadcrumb, useBreakpoint, useCart, useDebouncedCallback, useDisclosure, useFavorite, useFormattedMessage, useGlobalState, useProductCartLine, useScrollLock };
+export { Accordion, AddToCartButton, AlgoliaCategories, AlgoliaFilterPanel, type AlgoliaFilterPanelProps, AlgoliaFilterSection, AlgoliaMultiSelectFilterSection, AlgoliaPagination, AlgoliaProvider, AlgoliaResultsCount, AlgoliaSortBy, Breadcrumb, type BreadcrumbProps, Button, type ButtonProps, type Cart, CartFilledIcon, type CartLine, CartOutlinedIcon, CartProvider, CategoryCarousel, type CategoryCarouselProps, Checkbox, type CheckboxProps$1 as CheckboxProps, ColorCheckbox, type ColorCheckboxProps, ConnectedAddToCartButton, ConnectedBreadcrumb, DehashedOutlinedIcon, FavoriteButton, type FavoriteButtonProps, FavoriteFilledIcon, FavoriteOutlinedIcon, FavoriteProvider, type FilterOption, type Filters, FormattedMessage, type FormattedMessageFunction, type FormattedMessageProps, GlobalStateProvider, GlobalStateProviderContext, HashedOutlinedIcon, IconButton, type IconButtonProps, Image, IntlProvider, LeftArrowFilledIcon, LinkButton, type LinkButtonProps, MultiSelect, type MultiSelectProps, NumberField, type NumberFieldSize, Page, PageLayout, type PageProps, type Product, ProductCard, type ProductCardProps, ProductListingPage, type ProductListingPageProps, ProductOverviewGrid, type ProductOverviewGridProps, ProductPrice, type ProductPriceProps, ProductSku, type ProductSkuProps, type RefinementListItem, RightArrowFilledIcon, Select, type SelectProps, ShowAll, type ShowAllProps, Sidebar, type SidebarProps, SidebarProvider, TextAlignedArrowIcon, TextField, createSonicSearchClient, useAlgolia, useBreakpoint, useCart, useDebouncedCallback, useDisclosure, useFavorite, useFormattedMessage, useGlobalState, useProductCartLine, useScrollLock };