@sonic-equipment/ui 0.0.49 → 0.0.51

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { AlgoliaInsightsProviderGlobalState } from './user-algolia-insights-provider-global-state';
+import { AlgoliaInsightsProviderGlobalState } from './use-algolia-insights-provider-global-state';
 export interface AlgoliaInsightsProviderState extends AlgoliaInsightsProviderGlobalState {
     objectId?: string | string[] | undefined;
     position?: number | number[] | undefined;

package/dist/algolia/algolia-multi-select-filter-section.d.ts

@@ -1,5 +1,5 @@
 interface AlgoliaMultiSelectFilterSectionProps {
     attribute: string;
 }
-export declare function AlgoliaMultiSelectFilterSection({ attribute, }: AlgoliaMultiSelectFilterSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function AlgoliaMultiSelectFilterSection({ attribute, }: AlgoliaMultiSelectFilterSectionProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/{shared/types/product.d.ts → algolia/algolia-product-hit-type.d.ts}

@@ -1,5 +1,5 @@
 import { Hit } from '@algolia/client-search';
-interface Product {
+interface AlgoliaProduct {
     [key: string]: any;
     alternativeNumber: string;
     categories: string[];
@@ -35,5 +35,5 @@ interface Product {
     weight: number;
     width: number;
 }
-export type ProductHit = Hit<Product>;
+export type AlgoliaProductHit = Hit<AlgoliaProduct>;
 export {};

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

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

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

@@ -0,0 +1,26 @@
+export interface RefinementListItem {
+    count: number;
+    highlighted?: string;
+    isRefined: boolean;
+    label: string;
+    value: string;
+}
+interface BaseFilterSectionProps {
+    children: React.ReactNode;
+    title: string;
+    variant: 'default' | 'collapsible' | 'with-action';
+}
+interface CollapsibleFilterSectionProps extends BaseFilterSectionProps {
+    initialIsOpen?: boolean;
+    variant: 'collapsible';
+}
+interface WithActionFilterSectionProps extends BaseFilterSectionProps {
+    button: React.ReactNode;
+    variant: 'with-action';
+}
+interface DefaultFilterSectionProps extends BaseFilterSectionProps {
+    variant: 'default';
+}
+type FilterSectionProps = CollapsibleFilterSectionProps | WithActionFilterSectionProps | DefaultFilterSectionProps;
+export declare function FilterSection({ ...props }: FilterSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,4 +1,4 @@
-import { AlgoliaInsightsProviderGlobalState } from './user-algolia-insights-provider-global-state';
+import { AlgoliaInsightsProviderGlobalState } from './use-algolia-insights-provider-global-state';
 export interface UseAlgoliaEventResult {
     context: Readonly<AlgoliaInsightsProviderGlobalState>;
     sendAddToCartFromProductListPageEvent({ objectId, }: {

package/dist/algolia/use-algolia-product-hits.d.ts

@@ -0,0 +1,2 @@
+import { ProductHit } from 'shared/model/product-hit';
+export declare function useProductHits(): ProductHit[];

package/dist/{global-search/global-search-provider → algolia}/use-algolia-search.d.ts

@@ -1,27 +1,37 @@
-import { AutocompleteCollection } from '@algolia/autocomplete-core';
+import { AutocompleteCollection, BaseItem, InternalAutocompleteSource } from '@algolia/autocomplete-core';
 import { CategoryHit } from 'global-search/plugins/categories-plugin';
 import { PopularCategoryHit } from 'global-search/plugins/popular-categories-plugin';
 import { PopularSearchHit } from 'global-search/plugins/popular-searches-plugin';
 import { QuerySuggestionHit } from 'global-search/plugins/query-suggestions-plugin';
 import { QuickAccessHit } from 'global-search/plugins/quick-access-plugin';
 import { RecentSearchHit } from 'global-search/plugins/recent-searches-plugin';
-import { ProductHit } from 'shared/types/product';
+import { AlgoliaProductHit } from './algolia-product-hit-type';
+interface ExtendedAutoCompleteCollection<T extends BaseItem> extends AutocompleteCollection<T> {
+    source: ExtendedInternalAutocompleteSource<T>;
+}
+interface ExtendedInternalAutocompleteSource<T extends BaseItem> extends InternalAutocompleteSource<T> {
+    onRemove: (id: string) => void;
+}
 export declare function useAlgoliaSearch(): {
     categories: AutocompleteCollection<CategoryHit> | undefined;
     hasResults: boolean;
     popularCategories: AutocompleteCollection<PopularCategoryHit> | undefined;
     popularSearches: AutocompleteCollection<PopularSearchHit> | undefined;
-    products: AutocompleteCollection<ProductHit> | undefined;
+    products: {
+        items: import("shared/model/product-hit").ProductHit[];
+        source: InternalAutocompleteSource<AlgoliaProductHit>;
+    } | undefined;
     querySuggestions: AutocompleteCollection<QuerySuggestionHit> | undefined;
     quickAccess: AutocompleteCollection<QuickAccessHit> | undefined;
-    recentSearches: AutocompleteCollection<RecentSearchHit> | undefined;
-    autocomplete: import("../types").Autocomplete;
+    recentSearches: ExtendedAutoCompleteCollection<RecentSearchHit> | undefined;
+    autocomplete: import("../global-search/types").Autocomplete;
     formRef: React.RefObject<HTMLFormElement>;
     inputRef: React.RefObject<HTMLInputElement>;
     panelRef: React.RefObject<HTMLDivElement>;
     productsIndexName: string;
     productsQuerySuggestionsIndexName: string;
     searchClient: import("algoliasearch").SearchClient;
-    setState: React.Dispatch<React.SetStateAction<import("../types").AutocompleteState>>;
-    state: import("../types").AutocompleteState;
+    setState: React.Dispatch<React.SetStateAction<import("../global-search/types").AutocompleteState>>;
+    state: import("../global-search/types").AutocompleteState;
 };
+export {};

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

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

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

@@ -1,8 +1,8 @@
-import { ReactElement } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { PressEvent } from 'react-aria-components';
+import type { ImageSource } from 'shared/model/image';
+import type { ProductPrice as ProductPriceType } from 'shared/model/price';
 import { AutocompleteProps } from 'shared/routing/route-link';
-import type { ImageSource } from 'shared/types/image';
-import type { ProductPrice as ProductPriceType } from 'shared/types/price';
 export interface ProductCardProps extends AutocompleteProps {
     addToCartButton: ReactElement;
     favoriteButton?: ReactElement;
@@ -12,6 +12,6 @@ export interface ProductCardProps extends AutocompleteProps {
     price: ProductPriceType;
     sku: string;
     tags?: string[];
-    title: string;
+    title: ReactNode;
 }
 export declare function ProductCard({ addToCartButton: AddToCartButton, areaSelected, favoriteButton: FavoriteButton, href, id, image, onClick, onMouseDown, onMouseMove, onPress, price, role, sku, tags, title, }: ProductCardProps): import("react/jsx-runtime").JSX.Element;

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

@@ -6,9 +6,13 @@ declare const meta: {
         favoriteButton: import("react/jsx-runtime").JSX.Element;
         href: string;
         image: {
-            alt: string;
             fit: "contain";
-            src: string;
+            image: {
+                1: string;
+                2: string;
+                3: string;
+                altText: string;
+            };
             title: string;
         };
         sku: string;

package/dist/config.d.ts

@@ -4,7 +4,6 @@ interface Config {
     ALGOLIA_APP_ID: string;
     ALGOLIA_HOST: string;
     ALGOLIA_PROXY_HOST: string;
-    BFF_API_URL: string;
     PROXY_API_URL: string;
     SHOP_API_URL: string;
 }

package/dist/global-search/categories-grid/categories-grid.d.ts

@@ -0,0 +1,5 @@
+import { Category } from 'shared/model/category';
+export interface CategoriesGridProps {
+    categories: Category[];
+}
+export declare function CategoriesGrid({ categories }: CategoriesGridProps): import("react/jsx-runtime").JSX.Element;

package/dist/global-search/plugins/products-plugin.d.ts

@@ -1,7 +1,7 @@
 import { AutocompletePlugin } from '@algolia/autocomplete-core';
+import { AlgoliaProductHit } from 'algolia/algolia-product-hit-type';
 import { SearchClient } from 'algoliasearch';
-import type { ProductHit } from 'shared/types/product';
 export declare const productsPlugin: ({ productsIndexName, searchClient, }: {
     productsIndexName: string;
     searchClient: SearchClient;
-}) => AutocompletePlugin<ProductHit, unknown>;
+}) => AutocompletePlugin<AlgoliaProductHit, unknown>;

package/dist/global-search/search-section/search-list-item.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+interface SearchListItemProps {
+    icon?: ReactNode;
+    isRemovable?: boolean;
+    onClick?: React.MouseEventHandler<HTMLLIElement>;
+    onRemove?: VoidFunction;
+    text: ReactNode;
+}
+export declare function SearchListItem({ icon, isRemovable, onClick, onRemove, text, }: SearchListItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/global-search/search-section/search-list.d.ts

@@ -0,0 +1,9 @@
+interface SearchListProps {
+    ariaLabelledby?: string;
+    children: React.ReactNode;
+    className?: string;
+    id?: string;
+    role?: string;
+}
+export declare function SearchList({ ariaLabelledby, children, className, id, }: SearchListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/global-search/search-section/search-section.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement, ReactNode } from 'react';
+interface SearchSectionProps {
+    button?: ReactElement;
+    children: ReactNode;
+    className?: string;
+    title?: string;
+}
+export declare function SearchSection({ button, children, className, title, }: SearchSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/global-search/types.d.ts

@@ -1,13 +1,13 @@
 import { AutocompleteApi, AutocompleteState as _AutocompleteState } from '@algolia/autocomplete-core';
+import { AlgoliaProductHit } from 'algolia/algolia-product-hit-type';
 import { SearchClient } from 'algoliasearch';
-import { ProductHit } from 'shared/types/product';
 import { CategoryHit } from './plugins/categories-plugin';
 import { PopularCategoryHit } from './plugins/popular-categories-plugin';
 import { PopularSearchHit } from './plugins/popular-searches-plugin';
 import { QuerySuggestionHit } from './plugins/query-suggestions-plugin';
 import { QuickAccessHit } from './plugins/quick-access-plugin';
 import { RecentSearchHit } from './plugins/recent-searches-plugin';
-export type AutocompleteItem = ProductHit | QuerySuggestionHit | PopularCategoryHit | QuickAccessHit | RecentSearchHit | CategoryHit | PopularSearchHit;
+export type AutocompleteItem = AlgoliaProductHit | QuerySuggestionHit | PopularCategoryHit | QuickAccessHit | RecentSearchHit | CategoryHit | PopularSearchHit;
 export type Autocomplete = AutocompleteApi<AutocompleteItem, React.BaseSyntheticEvent, React.MouseEvent, React.KeyboardEvent>;
 export type AutocompleteState = _AutocompleteState<AutocompleteItem>;
 export type GlobalSearchContextValue = {