@sonic-equipment/ui 0.0.32 → 0.0.34

package/dist/algolia/algolia-index-config.d.ts

@@ -1,3 +1,5 @@
+type Environment = string;
+type LanguageCode = string;
 export interface Indexes {
     default: string;
     sort: {
@@ -5,68 +7,6 @@ export interface Indexes {
         name: string;
     }[];
 }
-export declare const algoliaIndexesPerEnvironment: {
-    readonly production: {
-        readonly default: "prod_sonic_products_en";
-        readonly sort: [{
-            readonly index: "prod_sonic_products_en";
-            readonly name: "relevance";
-        }, {
-            readonly index: "prod_sonic_products_en_is-new_desc";
-            readonly name: "newest";
-        }, {
-            readonly index: "prod_sonic_products_en_price_asc";
-            readonly name: "price_asc";
-        }, {
-            readonly index: "prod_sonic_products_en_price_desc";
-            readonly name: "price_desc";
-        }];
-    };
-    readonly sandbox: {
-        readonly default: "dev_sonic_products_en";
-        readonly sort: [{
-            readonly index: "dev_sonic_products_en";
-            readonly name: "relevance";
-        }, {
-            readonly index: "dev_sonic_products_en_is-new_desc";
-            readonly name: "newest";
-        }, {
-            readonly index: "dev_sonic_products_en_price_asc";
-            readonly name: "price_asc";
-        }, {
-            readonly index: "dev_sonic_products_en_price_desc";
-            readonly name: "price_desc";
-        }];
-    };
-};
-export declare const currentIndexes: {
-    readonly default: "prod_sonic_products_en";
-    readonly sort: [{
-        readonly index: "prod_sonic_products_en";
-        readonly name: "relevance";
-    }, {
-        readonly index: "prod_sonic_products_en_is-new_desc";
-        readonly name: "newest";
-    }, {
-        readonly index: "prod_sonic_products_en_price_asc";
-        readonly name: "price_asc";
-    }, {
-        readonly index: "prod_sonic_products_en_price_desc";
-        readonly name: "price_desc";
-    }];
-} | {
-    readonly default: "dev_sonic_products_en";
-    readonly sort: [{
-        readonly index: "dev_sonic_products_en";
-        readonly name: "relevance";
-    }, {
-        readonly index: "dev_sonic_products_en_is-new_desc";
-        readonly name: "newest";
-    }, {
-        readonly index: "dev_sonic_products_en_price_asc";
-        readonly name: "price_asc";
-    }, {
-        readonly index: "dev_sonic_products_en_price_desc";
-        readonly name: "price_desc";
-    }];
-} | undefined;
+export declare const algoliaIndexesPerEnvironment: Record<Environment, Indexes>;
+export declare const getAlgoliaIndex: (environment: Environment, languageCode: LanguageCode) => Indexes;
+export {};

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

@@ -10,11 +10,12 @@ interface AlgoliaContextType {
 interface AlgoliaProviderProps {
     category: string[] | undefined;
     children: ReactNode;
+    languageCode: string;
     offlineSearchClient?: SearchClient;
     online?: boolean;
     routing?: boolean | RouterProps<UiState, UiState> | undefined;
     searchClient: SearchClient;
 }
-export declare function AlgoliaProvider({ category, children, offlineSearchClient, online: _online, routing, searchClient, }: AlgoliaProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function AlgoliaProvider({ category, children, languageCode, offlineSearchClient, online: _online, routing, searchClient, }: AlgoliaProviderProps): import("react/jsx-runtime").JSX.Element | null;
 export declare function useAlgolia(): AlgoliaContextType;
 export {};

package/dist/algolia/algolia-query-string-routing.d.ts

@@ -1,3 +1,4 @@
 import { RouterProps } from 'instantsearch.js/es/middlewares/createRouterMiddleware';
 import { UiState } from 'instantsearch.js/es/types';
-export declare const queryStringRouting: RouterProps<UiState, UiState>;
+import { Indexes } from './algolia-index-config';
+export declare function createQueryStringRouting(algoliaIndex: Indexes): RouterProps<UiState, UiState>;

package/dist/forms/select/select.d.ts

@@ -5,5 +5,6 @@ export interface SelectProps<T> {
     options: T;
     selectedOption?: keyof T;
     showLabel?: boolean;
+    size?: 'sm' | 'md';
 }
-export declare function Select<T extends object>({ isDisabled, label, onChange, options, selectedOption, showLabel, }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Select<T extends object>({ isDisabled, label, onChange, options, selectedOption, showLabel, size, }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/global-search/global-search-provider/global-search-container.d.ts

@@ -1,5 +1,7 @@
 export declare const GlobalSearchDisclosureContext: React.Context<{
+    close: VoidFunction;
     isOpen: boolean;
+    open: VoidFunction;
     toggle: VoidFunction;
 } | null>;
 export declare function GlobalSearchContainer({ children, }: {

package/dist/global-search/global-search-provider/use-search-disclosure.d.ts

@@ -1,4 +1,6 @@
 export declare const useGlobalSearchDisclosure: () => {
+    close: VoidFunction;
     isOpen: boolean;
+    open: VoidFunction;
     toggle: VoidFunction;
 };

package/dist/index.d.ts

@@ -437,8 +437,9 @@ interface SelectProps<T> {
     options: T;
     selectedOption?: keyof T;
     showLabel?: boolean;
+    size?: 'sm' | 'md';
 }
-declare function Select<T extends object>({ isDisabled, label, onChange, options, selectedOption, showLabel, }: SelectProps<T>): react_jsx_runtime.JSX.Element;
+declare function Select<T extends object>({ isDisabled, label, onChange, options, selectedOption, showLabel, size, }: SelectProps<T>): react_jsx_runtime.JSX.Element;
 
 interface TextFieldProps {
     autoFocus?: boolean;
@@ -485,7 +486,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' | 'Clear filters' | 'Excl. VAT' | 'Hide filters' | 'Incl. VAT' | 'Show' | 'Show all' | 'Show filters' | 'Show less' | 'Sort by' | 'Submit' | 'articles' | 'article' | 'of' | 'sort.relevance' | 'sort.newest' | 'sort.price_asc' | 'sort.price_desc';
+type TranslationId = 'Chosen filters' | 'Clear' | 'Clear filters' | 'Excl. VAT' | 'Hide filters' | 'Incl. VAT' | 'Show' | 'Show all' | 'Show filters' | 'Show less' | 'Sort by' | 'Submit' | 'articles' | 'article' | 'of' | 'sort.relevance' | 'sort.newest' | 'sort.price_asc' | 'sort.price_desc' | 'tag.new' | 'facet.weight' | 'facet.height';
 
 interface FormattedMessageProps {
     fallbackValue?: string;
@@ -500,15 +501,16 @@ type FormatMessageFunction = (id: string, ...replacementValues: readonly string[
 interface IntlProviderProps {
     children: React.ReactNode;
     formatMessage: FormatMessageFunction;
+    languageCode: string;
 }
-declare function IntlProvider({ children, formatMessage }: IntlProviderProps): react_jsx_runtime.JSX.Element;
+declare function IntlProvider({ children, formatMessage, languageCode: _languageCode, }: IntlProviderProps): react_jsx_runtime.JSX.Element;
 
 type FormattedMessageFunction = (id: TranslationId, options?: {
     fallbackValue?: string;
     optional?: boolean;
     replacementValues?: Record<string, string>;
 }) => string;
-declare const useFormattedMessage: () => FormattedMessageFunction;
+declare function useFormattedMessage(): FormattedMessageFunction;
 
 interface ProductOverviewGridProps {
     children?: ReactNode;
@@ -518,7 +520,7 @@ declare function ProductOverviewGrid({ children }: ProductOverviewGridProps): re
 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, }: {
+declare function PageContainer({ children, className, }: {
     children: ReactNode;
     className?: string;
 }): react_jsx_runtime.JSX.Element;
@@ -539,12 +541,12 @@ interface Filters {
         }[];
     };
 }
-type ProductListingPageProps = {
+interface ProductListingPageProps {
     bffUrl: string;
     pageUrl: string;
     searchClient?: SearchClient;
-};
-declare function ProductListingPage({ bffUrl, pageUrl, searchClient, }: ProductListingPageProps): react_jsx_runtime.JSX.Element;
+}
+declare function ProductListingPage({ bffUrl, pageUrl, searchClient, }: ProductListingPageProps): react_jsx_runtime.JSX.Element | null;
 
 interface SidebarProps {
     children: React.ReactNode;
@@ -554,6 +556,7 @@ declare function Sidebar({ children }: SidebarProps): react_jsx_runtime.JSX.Elem
 interface SidebarProviderProps {
     children: ReactElement;
 }
+declare function SidebarDetectBreakpoint(): react_jsx_runtime.JSX.Element | null;
 declare function SidebarProvider({ children }: SidebarProviderProps): react_jsx_runtime.JSX.Element;
 
 declare function AlgoliaCategories(): react_jsx_runtime.JSX.Element;
@@ -600,12 +603,13 @@ interface AlgoliaContextType {
 interface AlgoliaProviderProps {
     category: string[] | undefined;
     children: ReactNode;
+    languageCode: string;
     offlineSearchClient?: SearchClient;
     online?: boolean;
     routing?: boolean | RouterProps<UiState, UiState> | undefined;
     searchClient: SearchClient;
 }
-declare function AlgoliaProvider({ category, children, offlineSearchClient, online: _online, routing, searchClient, }: AlgoliaProviderProps): react_jsx_runtime.JSX.Element;
+declare function AlgoliaProvider({ category, children, languageCode, offlineSearchClient, online: _online, routing, searchClient, }: AlgoliaProviderProps): react_jsx_runtime.JSX.Element | null;
 declare function useAlgolia(): AlgoliaContextType;
 
 declare function AlgoliaResultsCount(): string | null;
@@ -627,7 +631,9 @@ interface GlobalSearchProps {
 declare function GlobalSearch({ children, searchClient }: GlobalSearchProps): react_jsx_runtime.JSX.Element;
 
 declare const GlobalSearchDisclosureContext: React.Context<{
+    close: VoidFunction;
     isOpen: boolean;
+    open: VoidFunction;
     toggle: VoidFunction;
 } | null>;
 declare function GlobalSearchContainer({ children, }: {
@@ -769,8 +775,10 @@ declare function useAlgoliaSearch(): {
 };
 
 declare const useGlobalSearchDisclosure: () => {
+    close: VoidFunction;
     isOpen: boolean;
+    open: VoidFunction;
     toggle: VoidFunction;
 };
 
-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, GlobalSearch, GlobalSearchContainer, GlobalSearchDisclosureContext, GlobalStateProvider, GlobalStateProviderContext, HashedOutlinedIcon, IconButton, type IconButtonProps, Image, IntlProvider, LeftArrowFilledIcon, LinkButton, type LinkButtonProps, MultiSelect, type MultiSelectProps, NumberField, type NumberFieldSize, Page, PageLayout, type PageProps, ProductCard, type ProductCardProps, type ProductHit$3 as ProductHit, 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, useAlgoliaSearch, useBreakpoint, useCart, useDebouncedCallback, useDisclosure, useFavorite, useFormattedMessage, useGlobalSearchDisclosure, useGlobalState, useProductCartLine, useScrollLock };
+export { Accordion, AddToCartButton, AlgoliaCategories, AlgoliaFilterPanel, type AlgoliaFilterPanelProps, AlgoliaFilterSection, AlgoliaMultiSelectFilterSection, AlgoliaPagination, AlgoliaProvider, AlgoliaResultsCount, AlgoliaSortBy, Breadcrumb, type BreadcrumbProps, type Breakpoint$1 as Breakpoint, 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, GlobalSearch, GlobalSearchContainer, GlobalSearchDisclosureContext, GlobalStateProvider, GlobalStateProviderContext, HashedOutlinedIcon, IconButton, type IconButtonProps, Image, IntlProvider, LeftArrowFilledIcon, LinkButton, type LinkButtonProps, MultiSelect, type MultiSelectProps, NumberField, type NumberFieldSize, Page, PageContainer, type PageProps, ProductCard, type ProductCardProps, type ProductHit$3 as ProductHit, ProductListingPage, type ProductListingPageProps, ProductOverviewGrid, type ProductOverviewGridProps, ProductPrice, type ProductPriceProps, ProductSku, type ProductSkuProps, type RefinementListItem, RightArrowFilledIcon, Select, type SelectProps, ShowAll, type ShowAllProps, Sidebar, SidebarDetectBreakpoint, type SidebarProps, SidebarProvider, TextAlignedArrowIcon, TextField, breakpoints, createSonicSearchClient, useAlgolia, useAlgoliaSearch, useBreakpoint, useCart, useDebouncedCallback, useDisclosure, useFavorite, useFormattedMessage, useGlobalSearchDisclosure, useGlobalState, useProductCartLine, useScrollLock };