@sonic-equipment/ui 0.0.73 → 0.0.75

package/dist/src/algolia/use-algolia-insights.d.ts

@@ -28,8 +28,7 @@ export interface UseAlgoliaEventResult {
         objectId: string;
         position: number;
     }): void;
-    sendProductClickFromSearchEvent({ index, objectId, position, queryId, }: {
-        index: string;
+    sendProductClickFromSearchEvent({ objectId, position, queryId, }: {
         objectId: string | string[] | undefined;
         position: number | number[];
         queryId: string;

package/dist/src/buttons/favorite/connected-favorite-button.d.ts

@@ -1,4 +1,5 @@
-export declare function ConnectedFavoriteButton({ onFavorite: _onFavorite, productId, }: {
-    onFavorite?: VoidFunction;
+export declare function ConnectedFavoriteButton({ onFavorited: _onFavorited, onFavoriting: _onFavoriting, productId, }: {
+    onFavorited?: VoidFunction;
+    onFavoriting?: VoidFunction;
     productId: string;
 }): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/cards/product-card/connected-product-cart.d.ts

@@ -1,7 +1,8 @@
 import { ProductCardProps } from './product-card';
 export interface ConnectedProductCartProps extends Omit<ProductCardProps, 'addToCartButton' | 'favoriteButton'> {
     onAddToCart?: VoidFunction;
-    onFavorite?: VoidFunction;
+    onFavorited?: VoidFunction;
+    onFavoriting?: VoidFunction;
     productId: string;
 }
-export declare function ConnectedProductCard({ onAddToCart, onFavorite, productId, ...props }: ConnectedProductCartProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConnectedProductCard({ onAddToCart, onFavorited, onFavoriting, productId, ...props }: ConnectedProductCartProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/carousel/carousel.d.ts

@@ -1,15 +1,19 @@
 import { ReactNode } from 'react';
+import { Breakpoint } from 'shared/utils/breakpoints';
 import { SwiperOptions } from 'swiper/types';
 import 'swiper/css';
+type SlidesPerViewBreakpoints = Partial<Record<Breakpoint, number | 'auto'>>;
+type SwiperBreakpoints = SwiperOptions['breakpoints'];
 export interface CarouselProps {
-    breakpoints?: SwiperOptions['breakpoints'];
+    breakpoints?: SwiperBreakpoints;
     className?: string;
     hasNavigation?: boolean;
     hasOverflow?: boolean;
     navigationButtonsPosition?: 'top' | 'center';
     slideClasses?: string;
     slides: ReactNode[];
-    slidesPerView?: number | 'auto';
+    slidesPerView?: number | 'auto' | SlidesPerViewBreakpoints;
     spaceBetween?: number;
 }
-export declare function Carousel({ breakpoints, className, hasNavigation, hasOverflow, navigationButtonsPosition, slideClasses, slides, slidesPerView, spaceBetween, }: CarouselProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Carousel({ breakpoints: _breakpoints, className, hasNavigation, hasOverflow, navigationButtonsPosition, slideClasses, slides, slidesPerView: _slidesPerView, spaceBetween, }: CarouselProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/src/carousel/product-carousel/product-carousel.d.ts

@@ -1,6 +1,10 @@
 import { ReactNode } from 'react';
+import { CarouselProps } from 'carousel/carousel';
 export interface ProductCarouselProps {
+    allowExpandToGrid?: boolean;
+    cardWidth?: 'normal' | 'narrow' | 'auto';
     hasOverflow?: boolean;
     productCards: ReactNode[];
+    productsPerView?: CarouselProps['slidesPerView'];
 }
-export declare function ProductCarousel({ hasOverflow, productCards, }: ProductCarouselProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductCarousel({ allowExpandToGrid, cardWidth, hasOverflow, productCards, productsPerView, }: ProductCarouselProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/carousel/product-carousel/product-carousel.stories.d.ts

@@ -16,4 +16,5 @@ type Story = StoryObj<typeof meta>;
 export declare const Small: Story;
 export declare const Medium: Story;
 export declare const Large: Story;
+export declare const Narrow: Story;
 export declare const Hover: Story;

package/dist/src/collapsables/accordion/accordion-item.d.ts

@@ -1,6 +1,8 @@
 import { ReactNode } from 'react';
+export type BorderType = 'top' | 'middle' | 'middle-accentuated' | 'bottom';
 export interface AccordionItemProps {
     _pseudo?: 'none' | 'focus' | 'hover' | 'active';
+    borderType?: BorderType | BorderType[];
     children: ReactNode;
     className?: string;
     id: string;
@@ -9,4 +11,4 @@ export interface AccordionItemProps {
     size?: 'md' | 'lg';
     title: ReactNode;
 }
-export declare function AccordionItem({ _pseudo, children, className, id, initialIsOpen, isDisabled, size, title, }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccordionItem({ _pseudo, borderType, children, className, id, initialIsOpen, isDisabled, size, title, }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/collapsables/accordion/accordion.d.ts

@@ -1,12 +1,12 @@
 import { ReactElement } from 'react';
-import { AccordionItemProps } from './accordion-item';
+import { AccordionItemProps, BorderType } from './accordion-item';
 interface AccordionProps {
-    borderPosition?: 'top' | 'bottom';
-    children?: ReactElement<AccordionItemProps> | ReactElement<AccordionItemProps>[];
+    borderType?: BorderType | BorderType[];
+    children?: ReactElement<AccordionItemProps> | ReactElement<AccordionItemProps>[] | false | undefined | null | (false | undefined | null | ReactElement<AccordionItemProps>)[];
     color?: 'white' | 'black';
     hasLineSeparator?: boolean;
     indented?: boolean;
     size?: 'md' | 'lg';
 }
-export declare function Accordion({ borderPosition, children, color, hasLineSeparator, indented, size, }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+export declare function Accordion({ borderType, children, color, hasLineSeparator, indented, size, }: AccordionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/collapsables/accordion/accordion.stories.d.ts

@@ -15,3 +15,6 @@ export declare const Indented: Story;
 export declare const Disabled: Story;
 export declare const Focus: Story;
 export declare const Large: Story;
+export declare const BorderLineTop: Story;
+export declare const BorderLineMiddle: Story;
+export declare const BorderLineBottom: Story;

package/dist/src/collapsables/show-all/show-all.d.ts

@@ -1,9 +1,16 @@
-import { type ReactElement } from 'react';
-export interface ShowAllProps {
-    children?: ReactElement | ReactElement[];
+import { type ReactElement, ReactNode } from 'react';
+interface ShowAllProps {
+    children: ReactElement | ReactElement[];
     hasTransparency?: boolean;
     initialHeight?: number;
-    isOpen?: boolean;
+}
+export interface ShowAllPropsControlled extends ShowAllProps {
+    isOpen: boolean;
     onToggle: (isOpen: boolean) => void;
 }
-export declare const ShowAll: ({ children, hasTransparency, initialHeight, isOpen, onToggle, }: ShowAllProps) => import("react/jsx-runtime").JSX.Element;
+export interface ShowAllPropsUncontrolled extends ShowAllProps {
+    initialIsOpen?: boolean;
+}
+export declare function ShowAll({ children, hasTransparency, initialHeight, isOpen, onToggle, }: ShowAllPropsControlled): ReactNode;
+export declare function ShowAll({ children, hasTransparency, initialHeight, initialIsOpen, }: ShowAllPropsUncontrolled): ReactNode;
+export {};

package/dist/src/collapsables/show-all/show-all.stories.d.ts

@@ -1,10 +1,10 @@
-import { StoryObj } from '@storybook/react';
-import { ShowAllProps } from './show-all';
+import { Meta, StoryObj } from '@storybook/react';
+import { ShowAll, ShowAllPropsControlled, ShowAllPropsUncontrolled } from './show-all';
 declare const meta: {
     args: {
         onToggle: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
-    component: ({ children, hasTransparency, initialHeight, isOpen, onToggle, }: ShowAllProps) => import("react/jsx-runtime").JSX.Element;
+    component: typeof ShowAll;
     parameters: {
         layout: string;
     };
@@ -12,6 +12,8 @@ declare const meta: {
     title: string;
 };
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<Meta<ShowAllPropsControlled>>;
 export declare const Text: Story;
 export declare const Checkboxes: Story;
+export declare const Uncontrolled: StoryObj<Meta<ShowAllPropsUncontrolled>>;
+export declare const ShortText: StoryObj<Meta<ShowAllPropsUncontrolled>>;

package/dist/src/intl/translation-id.d.ts

@@ -1 +1 @@
-export type TranslationId = "'{0}' in all products" | ' to your account to manage your lists.' | 'Add to list' | 'An unexpected error occured' | 'Cancel' | 'Create new list' | 'Chosen filters' | 'Clear filters' | 'Clear' | 'Double check your spelling' | 'Excl. VAT' | 'Explore by categories' | 'Exploring our products by category' | 'Hide filters' | 'Incl. VAT' | 'List name already exists' | 'New list name' | 'Please Sign In' | 'Popular searches' | 'Products' | 'Quick access' | 'Recent searches' | 'Searching again using more general terms' | 'See all results' | 'Select a list' | 'Show all' | 'Show filters' | 'Show less' | 'Show' | 'Sorry, we could not find matches for' | 'Sort by' | 'Submit' | 'Suggestions' | 'Use fewer keywords' | 'You could try' | 'You must ' | 'article' | 'articles' | 'facet.categories' | 'facet.height' | 'facet.weight' | 'of' | 'sign in' | 'sort.newest' | 'sort.price_asc' | 'sort.price_desc' | 'sort.relevance' | 'tag.limited' | 'tag.new' | 'What are you searching for?' | 'You could try exploring our products by category' | "Try 'Search' and try to find the product you're looking for" | 'Sorry, there are no products found' | 'Continue shopping' | "Unfortnately, We found no articles for your search '{0}'" | 'You could try checking the spelling of your search query' | 'Try another search' | 'Are you looking for information about our service? Please visit our customer support page';
+export type TranslationId = "'{0}' in all products" | "Try 'Search' and try to find the product you're looking for" | "Unfortnately, We found no articles for your search '{0}'" | ' to your account to manage your lists.' | 'Add to list' | 'An unexpected error occured' | 'Are you looking for information about our service? Please visit our customer support page' | 'Cancel' | 'Chosen filters' | 'Clear filters' | 'Clear' | 'Continue shopping' | 'Create new list' | 'Double check your spelling' | 'Downloads' | 'Excl. VAT' | 'Explore by categories' | 'Exploring our products by category' | 'Features' | 'Hide filters' | 'Incl. VAT' | 'Includes' | 'List name already exists' | 'New list name' | 'Please Sign In' | 'Popular searches' | 'Product Features' | 'Products' | 'Quick access' | 'Recent searches' | 'Recently viewed' | 'Searching again using more general terms' | 'See all results' | 'Select a list' | 'Show all' | 'Show filters' | 'Show less' | 'Show' | 'Sorry, there are no products found' | 'Sorry, we could not find matches for' | 'Sort by' | 'Specifications' | 'Submit' | 'Suggestions' | 'Try another search' | 'Use fewer keywords' | 'What are you searching for?' | 'You could try checking the spelling of your search query' | 'You could try exploring our products by category' | 'You could try' | 'You must ' | 'article' | 'articles' | 'facet.categories' | 'facet.height' | 'facet.weight' | 'of' | 'sign in' | 'sort.newest' | 'sort.price_asc' | 'sort.price_desc' | 'sort.relevance' | 'tag.limited' | 'tag.new';

package/dist/src/lists/download-document-list/document-download-list.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from '@storybook/react';
+import { DownloadDocumentList } from './download-document-list';
+declare const meta: {
+    args: {};
+    component: typeof DownloadDocumentList;
+    parameters: {
+        layout: string;
+    };
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/lists/download-document-list/download-document-list.d.ts

@@ -0,0 +1,11 @@
+interface Document {
+    href: string;
+    id: string;
+    name: string;
+}
+interface DownloadDocumentListProps {
+    className?: string;
+    documents: Document[];
+}
+export declare function DownloadDocumentList({ className, documents, }: DownloadDocumentListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/lists/feature-list/feature-list.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+type FeatureKey = string | ReactNode;
+type FeatureValue = string | boolean | ReactNode;
+interface FeatureListKey {
+    label: FeatureKey;
+}
+interface FeatureListValue {
+    value: FeatureValue;
+}
+interface KeyValue {
+    id: string;
+    key?: FeatureListKey;
+    value: FeatureValue | FeatureValue[];
+}
+interface FeatureListProps {
+    className?: string;
+    features: KeyValue[];
+    style?: {
+        keyAlignment?: 'left' | 'right';
+        valueAlignment?: 'left' | 'right';
+    };
+}
+declare function FeatureKey({ label }: FeatureListKey): FeatureKey;
+declare function FeatureValue({ value }: FeatureListValue): import("react/jsx-runtime").JSX.Element;
+export declare function FeatureList({ className, features, style }: FeatureListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/lists/feature-list/feature-list.stories.d.ts

@@ -0,0 +1,16 @@
+import type { StoryObj } from '@storybook/react';
+import { FeatureList } from './feature-list';
+declare const meta: {
+    args: {};
+    component: typeof FeatureList;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Alignment: Story;
+export declare const LongLabels: Story;

package/dist/src/pages/product-details-page/components/product-details-panel.d.ts

@@ -0,0 +1,4 @@
+import { ProductDetails } from 'shared/api/bff/model/bff.model';
+export declare function ProductDetailsPanel({ product }: {
+    product: ProductDetails;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/shared/api/bff/model/bff.model.d.ts

@@ -66,7 +66,7 @@ interface ProductSummary {
     tags?: string[];
     title: string;
 }
-interface ProductDetails {
+export interface ProductDetails {
     attributeTypes: Array<{
         attributeValues: Array<{
             id: string;
@@ -127,8 +127,8 @@ export interface ProductDetailsPageDataResponse {
 }
 export interface ProductListingPageDataResponse {
     breadCrumb: Array<{
-        text: string;
-        url: string;
+        href: string;
+        label: string;
     }>;
     categories: Category | null;
     categoryPages: string;

package/dist/src/shared/hooks/use-resize-observer.d.ts

@@ -0,0 +1,4 @@
+export declare function useResizeObserver(resizeCallback: (size: DOMRectReadOnly) => void): {
+    ref: <T extends HTMLElement>(el: T | null) => void;
+    size: DOMRectReadOnly | undefined;
+};

package/dist/src/shared/utils/merge.d.ts

@@ -0,0 +1,12 @@
+export default main;
+export declare function main(clone: boolean, ...items: any[]): any;
+export declare function main(...items: any[]): any;
+export declare namespace main {
+    var clone: typeof import("./merge").clone;
+    var isPlainObject: typeof import("./merge").isPlainObject;
+    var deepMerge: typeof import("./merge").deepMerge;
+}
+export declare function merge<T = any>(...items: T[]): T;
+export declare function deepMerge<T = any>(...items: T[]): T;
+export declare function clone<T>(input: T): T;
+export declare function isPlainObject(input: unknown): input is NonNullable<unknown>;