@sonic-equipment/ui 0.0.20 → 0.0.21

package/dist/algolia/algolia-active-filters.d.ts

@@ -1 +1,7 @@
+import { SelectedFilter } from 'filters/active-filters/active-filters';
+import type { CurrentRefinementsConnectorParamsRefinement } from 'instantsearch.js/es/connectors/current-refinements/connectCurrentRefinements';
+export interface SelectedFilterCategory {
+    filters: (SelectedFilter & CurrentRefinementsConnectorParamsRefinement)[];
+    label: string;
+}
 export declare function AlgoliaActiveFilters(): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/algolia/algolia-filter-panel.d.ts

@@ -1 +1,4 @@
-export declare function AlgoliaFilterPanel(): import("react/jsx-runtime").JSX.Element;
+export interface AlgoliaFilterPanelProps {
+    onShowProducts: VoidFunction;
+}
+export declare function AlgoliaFilterPanel({ onShowProducts, }: AlgoliaFilterPanelProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface AlgoliaContextType {
+    online: boolean;
+    setOnline: (online: boolean) => void;
+    toggleOnline: VoidFunction;
+}
+interface AlgoliaProviderProps {
+    children: React.ReactNode;
+    online?: boolean;
+}
+export declare function AlgoliaProvider({ children, online: _online, }: AlgoliaProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useAlgolia(): AlgoliaContextType;
+export {};

package/dist/algolia/algolia-sort-by.d.ts

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

package/dist/algolia/algolia.stories.d.ts

@@ -1,5 +1,5 @@
 import { StoryObj } from '@storybook/react';
-interface Props {
+interface StoryProps {
     online: boolean;
 }
 declare const meta: {
@@ -14,4 +14,4 @@ declare const meta: {
     title: string;
 };
 export default meta;
-export declare const Default: StoryObj<Props>;
+export declare const Default: StoryObj<StoryProps>;

package/dist/buttons/add-to-cart-button/add-to-cart-button.stories.d.ts

@@ -15,3 +15,4 @@ export declare const InitialState: Story;
 export declare const SpinnerState: Story;
 export declare const ManualInputState: Story;
 export declare const RightAligned: Story;
+export declare const Connected: Story;

package/dist/buttons/add-to-cart-button/connected-add-to-cart-button.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    productId: string;
+}
+export declare const ConnectedAddToCartButton: ({ productId }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -3,7 +3,8 @@ export interface IconButtonProps {
     children: React.ReactNode;
     className?: string;
     color?: 'primary' | 'secondary';
+    isDisabled?: boolean;
     onPress?: VoidFunction;
     size?: 'md' | 'lg';
 }
-export declare function IconButton({ children, className, color, onPress, size, }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function IconButton({ children, className, color, isDisabled, onPress, size, }: IconButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { ProductCardProps } from './product-card';
+interface ConnectedProductCartProps extends Omit<ProductCardProps, 'addToCartButton'> {
+    productId: string;
+}
+export declare function ConnectedProductCart({ productId, ...props }: ConnectedProductCartProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -37,3 +37,4 @@ export declare const Small: Story;
 export declare const LargeLongText: Story;
 export declare const MediumLongText: Story;
 export declare const SmallLongText: Story;
+export declare const Connected: Story;

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

@@ -2,10 +2,11 @@ import { ReactNode } from 'react';
 export interface AccordionItemProps {
     _pseudo?: 'none' | 'focus' | 'hover' | 'active';
     children: ReactNode;
+    className?: string;
     id: string;
     isDisabled?: boolean;
     isOpen?: boolean;
     size?: 'md' | 'lg';
     title: string;
 }
-export declare function AccordionItem({ _pseudo, children, id, isDisabled, isOpen: isOpenProp, size, title, }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccordionItem({ _pseudo, children, className, id, isDisabled, isOpen: isOpenProp, size, title, }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;

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

@@ -4,7 +4,8 @@ interface AccordionProps {
     children?: ReactElement<AccordionItemProps> | ReactElement<AccordionItemProps>[];
     color?: 'white' | 'black';
     hasLineSeparator?: boolean;
+    indented?: boolean;
     size?: 'md' | 'lg';
 }
-export declare function Accordion({ children, color, hasLineSeparator, size, }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+export declare function Accordion({ children, color, hasLineSeparator, indented, size, }: AccordionProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -11,6 +11,7 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const Indented: Story;
 export declare const Disabled: Story;
 export declare const Focus: Story;
 export declare const Large: Story;

package/dist/filters/active-filters/active-filters.d.ts

@@ -1,13 +1,14 @@
+export interface SelectedFilter {
+    label: string;
+    value: string | number;
+}
 export interface SelectedFilterCategory {
-    filters: {
-        label: string;
-        value: string;
-    }[];
-    name: string;
+    filters: SelectedFilter[];
+    label: string;
 }
 export interface ActiveFiltersProps {
     onClearAllFilters: () => void;
-    onClearFilter: (category: string, filter: string) => void;
-    selectedFilters: SelectedFilterCategory[];
+    onClearFilter: (categoryLabel: string, filter: SelectedFilter) => void;
+    selectedFilterCategories: SelectedFilterCategory[];
 }
-export declare const ActiveFilters: ({ onClearAllFilters, onClearFilter, selectedFilters, }: ActiveFiltersProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ActiveFilters: ({ onClearAllFilters, onClearFilter, selectedFilterCategories, }: ActiveFiltersProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/filters/active-filters/active-filters.stories.d.ts

@@ -2,9 +2,9 @@ import type { StoryObj } from '@storybook/react';
 declare const meta: {
     args: {
         onClearAllFilters: import("@vitest/spy").Mock<[], void>;
-        onClearFilter: import("@vitest/spy").Mock<[category: string, filter: string], void>;
+        onClearFilter: import("@vitest/spy").Mock<[categoryLabel: string, filter: import("./active-filters").SelectedFilter], void>;
     };
-    component: ({ onClearAllFilters, onClearFilter, selectedFilters, }: import("./active-filters").ActiveFiltersProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ onClearAllFilters, onClearFilter, selectedFilterCategories, }: import("./active-filters").ActiveFiltersProps) => import("react/jsx-runtime").JSX.Element | null;
     parameters: {
         layout: string;
     };

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

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

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

@@ -0,0 +1,18 @@
+import type { StoryObj } from '@storybook/react';
+import { Pagination } from './pagination';
+declare const meta: {
+    args: {
+        currentPage: number;
+        onChange: import("@vitest/spy").Mock<[pageNumber: number], void>;
+        totalPages: number;
+    };
+    component: typeof Pagination;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof Pagination>;
+export declare const Default: Story;

package/dist/icons/chevrons/chevron-left-filled-icon.d.ts

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

package/dist/icons/chevrons/chevron-right-filled-icon.d.ts

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

package/dist/index.d.ts

@@ -37,10 +37,11 @@ interface IconButtonProps {
     children: React.ReactNode;
     className?: string;
     color?: 'primary' | 'secondary';
+    isDisabled?: boolean;
     onPress?: VoidFunction;
     size?: 'md' | 'lg';
 }
-declare function IconButton({ children, className, color, onPress, size, }: IconButtonProps): react_jsx_runtime.JSX.Element;
+declare function IconButton({ children, className, color, isDisabled, onPress, size, }: IconButtonProps): react_jsx_runtime.JSX.Element;
 
 interface LinkButtonProps {
     children?: React.ReactNode | string;
@@ -96,6 +97,7 @@ declare function ProductCard({ addToCartButton: AddToCartButton, favoriteButton:
 interface AccordionItemProps {
     _pseudo?: 'none' | 'focus' | 'hover' | 'active';
     children: ReactNode;
+    className?: string;
     id: string;
     isDisabled?: boolean;
     isOpen?: boolean;
@@ -107,9 +109,10 @@ interface AccordionProps {
     children?: ReactElement<AccordionItemProps> | ReactElement<AccordionItemProps>[];
     color?: 'white' | 'black';
     hasLineSeparator?: boolean;
+    indented?: boolean;
     size?: 'md' | 'lg';
 }
-declare function Accordion({ children, color, hasLineSeparator, size, }: AccordionProps): react_jsx_runtime.JSX.Element;
+declare function Accordion({ children, color, hasLineSeparator, indented, size, }: AccordionProps): react_jsx_runtime.JSX.Element;
 
 interface ShowAllProps {
     children?: ReactElement | ReactElement[];
@@ -259,7 +262,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' | 'Incl. VAT' | 'Show all' | 'Show filters' | 'Show less' | 'Sort' | 'articles' | 'article';
+type TranslationId = 'Chosen filters' | 'Clear filters' | 'Excl. VAT' | 'Incl. VAT' | 'Show' | 'Show all' | 'Show filters' | 'Show less' | 'Sort' | 'articles' | 'article' | 'of';
 
 interface FormattedMessageProps {
     id: TranslationId;
@@ -330,15 +333,10 @@ type ProductListingProps = {
     isLoading?: boolean;
     onFilterChange: (filters: ActiveFilters) => void;
     onSortChange: (sort: SortKey) => void;
-    productCard: ComponentType;
-    products: {
-        id: string;
-        title: string;
-    }[];
     sort: SortKey;
     total: number;
 };
-declare function ProductListing({ activeFilters, filters, isLoading, onFilterChange, onSortChange, productCard: ProductCard, products, }: ProductListingProps): react_jsx_runtime.JSX.Element;
+declare function ProductListing({ isLoading }: ProductListingProps): react_jsx_runtime.JSX.Element;
 
 declare function createProductListingSearchParams(state: {
     filters: {