@sonic-equipment/ui 0.0.21 → 0.0.22

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

@@ -1,6 +1,6 @@
 import { SelectedFilter } from 'filters/active-filters/active-filters';
 import type { CurrentRefinementsConnectorParamsRefinement } from 'instantsearch.js/es/connectors/current-refinements/connectCurrentRefinements';
-export interface SelectedFilterCategory {
+export interface AlgoliaSelectedFilterCategory {
     filters: (SelectedFilter & CurrentRefinementsConnectorParamsRefinement)[];
     label: string;
 }

package/dist/icons/arrows/right-arrow-filled-icon.d.ts

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

package/dist/index.d.ts

@@ -1,14 +1,136 @@
 /// <reference types="react" />
+import { ReactElement, MutableRefObject, ReactNode, HTMLAttributeAnchorTarget, FormEventHandler, KeyboardEvent, ComponentType } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode, HTMLAttributeAnchorTarget, ReactElement, FormEventHandler, KeyboardEvent, ComponentType } from 'react';
 
-type AddToCartState = 'initial' | 'spinner' | 'manual-input';
-interface AddToCartButtonProps {
-    initialState?: AddToCartState;
-    onChange?: (quantity: number) => void;
-    quantity: number;
+declare const useBreakpoint: () => {
+    isDesktop: boolean;
+    isMobile: boolean;
+    isTablet: boolean;
+};
+
+declare function useDebouncedCallback<T extends (...args: any[]) => any>(func: T, delay: number): (...args: Parameters<T>) => void;
+
+interface UseDisclosureReturnType {
+    close: () => void;
+    isClosed: boolean;
+    isOpen: boolean;
+    open: () => void;
+    toggle: () => void;
+}
+declare const useDisclosure: () => UseDisclosureReturnType;
+
+declare const useScrollLock: (lock: boolean) => void;
+
+interface CartLine$1 {
+  id: string
+  productId: string | null
+  qtyOrdered: number | null
+}
+
+interface Cart$1<T extends CartLine$1 = CartLine$1> {
+  cartLines?: T[] | null
+}
+
+interface Props$1<TCartLine extends CartLine$1 = CartLine$1, TCart extends Cart$1<TCartLine> = Cart$1<TCartLine>> {
+    addToCart: (args: {
+        productId: string;
+        quantity: number;
+    }) => void;
+    currentCart: Readonly<TCart> | undefined;
+    isLoaded: boolean;
+    isLoading: boolean;
+    loadCurrentCart: VoidFunction;
+    removeCartLine: (args: {
+        cartLineId: string;
+    }) => void;
+    updateCartLine: (cartLine: TCartLine) => void;
+}
+declare function CartProvider<TCartLine extends CartLine$1 = CartLine$1, TCart extends Cart$1<TCartLine> = Cart$1<TCartLine>>(props: Props$1<TCartLine, TCart>): null;
+declare function useCart(): Props$1<CartLine$1, Cart$1<CartLine$1>>;
+declare function useProductCartLine(productId: string): {
+    addToCart: (args: {
+        productId: string;
+        quantity: number;
+    }) => void;
+    cartLine: CartLine$1 | undefined;
+    currentCart: Readonly<Cart$1<CartLine$1>> | undefined;
+    isLoaded: boolean;
+    isLoading: boolean;
+    loadCurrentCart: VoidFunction;
+    removeCartLine: (args: {
+        cartLineId: string;
+    }) => void;
+    updateCartLine: (cartLine: CartLine$1) => void;
+};
+
+type EventCallback<T> = (data: T) => void
+
+declare class EventEmitter<T> {
+  private listeners: Map<string, EventCallback<T>[]>
+
+  constructor() {
+    this.listeners = new Map()
+  }
+
+  addEventListener(event: string, listener: EventCallback<T>): void {
+    if (!this.listeners.has(event)) {
+      this.listeners.set(event, [])
+    }
+    this.listeners.get(event)!.push(listener)
+  }
+
+  removeEventListener(event: string, listener: EventCallback<T>): void {
+    const listeners = this.listeners.get(event)
+    if (!listeners) return
+
+    const index = listeners.indexOf(listener)
+    if (index !== -1) {
+      listeners.splice(index, 1)
+    }
+  }
+
+  trigger(event: string, data: T): void {
+    const listeners = this.listeners.get(event)
+    if (!listeners) return
+
+    listeners.forEach(listener => listener(data))
+  }
+}
+
+declare class State<T> extends EventEmitter<T | undefined> {
+    private _state;
+    constructor(state?: T);
+    get value(): T | undefined;
+    set value(newState: T | undefined);
+}
+declare class GlobalState {
+    private states;
+    constructor(states: MutableRefObject<Record<string | symbol, State<any>>>);
+    get<T>(key: string | symbol): State<T>;
+    get<T>(key: string | symbol, initialState: T | undefined): State<T>;
+    set<T>(key: string | symbol, state: State<T>): void;
+}
+declare const GlobalStateProviderContext: React.Context<GlobalState>;
+interface GlobalStateProviderProps {
+    children: ReactNode;
+}
+declare function GlobalStateProvider({ children, }: GlobalStateProviderProps): ReactElement | null;
+declare function useGlobalState<T>(key: string | symbol): [T | undefined, (value: T) => void];
+declare function useGlobalState<T>(key: string | symbol, initialState: T): [T, (value: T) => void];
+
+interface CartLine {
+    id: string;
+    productId: string | null;
+    qtyOrdered: number | null;
+}
+interface Cart<T extends CartLine = CartLine> {
+    cartLines?: T[] | null;
+}
+
+interface Product {
+    id: string;
+    title: string;
 }
-declare function AddToCartButton({ initialState, onChange, quantity, }: AddToCartButtonProps): react_jsx_runtime.JSX.Element;
 
 interface ButtonProps {
     _pseudo?: 'none' | 'focus' | 'hover' | 'active';
@@ -53,6 +175,19 @@ interface LinkButtonProps {
 }
 declare function LinkButton({ children, className, href, isDisabled, onPress, target, }: LinkButtonProps): react_jsx_runtime.JSX.Element;
 
+type AddToCartState = 'initial' | 'spinner' | 'manual-input';
+interface AddToCartButtonProps {
+    initialState?: AddToCartState;
+    onChange?: (quantity: number) => void;
+    quantity: number;
+}
+declare function AddToCartButton({ initialState, onChange, quantity, }: AddToCartButtonProps): react_jsx_runtime.JSX.Element;
+
+interface Props {
+    productId: string;
+}
+declare const ConnectedAddToCartButton: ({ productId }: Props) => react_jsx_runtime.JSX.Element;
+
 interface Source$1 {
   url: string
   width: number
@@ -316,25 +451,8 @@ interface Filters {
         }[];
     };
 }
-declare const sortOptions: {
-    readonly new: "New";
-    readonly popular: "Popular";
-    readonly price_asc: "Price: Low - High";
-    readonly price_desc: "Price: High - Low";
-    readonly recommended: "Recommended";
-};
-type SortKey = keyof typeof sortOptions;
-type ActiveFilters = {
-    colors: string[];
-};
 type ProductListingProps = {
-    activeFilters: ActiveFilters;
-    filters: Filters;
     isLoading?: boolean;
-    onFilterChange: (filters: ActiveFilters) => void;
-    onSortChange: (sort: SortKey) => void;
-    sort: SortKey;
-    total: number;
 };
 declare function ProductListing({ isLoading }: ProductListingProps): react_jsx_runtime.JSX.Element;
 
@@ -362,4 +480,36 @@ interface SidebarProps {
 }
 declare function Sidebar({ children }: SidebarProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, type ActiveFilters, AddToCartButton, Button, type ButtonProps, CartFilledIcon, CartOutlinedIcon, Checkbox, type CheckboxProps$1 as CheckboxProps, ColorCheckbox, type ColorCheckboxProps, DehashedOutlinedIcon, FavoriteButton, type FavoriteButtonProps, FavoriteFilledIcon, FavoriteOutlinedIcon, type FilterOption, type Filters, FormattedMessage, type FormattedMessageFunction, type FormattedMessageProps, HashedOutlinedIcon, IconButton, type IconButtonProps, Image, type ImageProps, IntlProvider, LinkButton, type LinkButtonProps, MultiSelect, type MultiSelectProps, NumberField, type NumberFieldSize, ProductCard, type ProductCardProps, ProductListing, type ProductListingProps, ProductOverviewGrid, type ProductOverviewGridProps, ProductPrice, type ProductPriceProps, ProductSku, type ProductSkuProps, RightArrowFilledIcon, Select, type SelectProps, ShowAll, type ShowAllProps, Sidebar, type SidebarProps, TextField, createProductListingSearchParams, parseProductListingSearchParams, useFormattedMessage };
+declare function AlgoliaCategories(): react_jsx_runtime.JSX.Element;
+
+interface AlgoliaFilterPanelProps {
+    onShowProducts: VoidFunction;
+}
+declare function AlgoliaFilterPanel({ onShowProducts, }: AlgoliaFilterPanelProps): react_jsx_runtime.JSX.Element;
+
+interface AlgoliaMultiSelectProps {
+    attribute: string;
+}
+declare function AlgoliaMultiSelect({ attribute }: AlgoliaMultiSelectProps): react_jsx_runtime.JSX.Element;
+
+declare function AlgoliaPagination(): react_jsx_runtime.JSX.Element;
+
+declare function AlgoliaProductList(): react_jsx_runtime.JSX.Element;
+
+interface AlgoliaContextType {
+    online: boolean;
+    setOnline: (online: boolean) => void;
+    toggleOnline: VoidFunction;
+}
+interface AlgoliaProviderProps {
+    children: React.ReactNode;
+    online?: boolean;
+}
+declare function AlgoliaProvider({ children, online: _online, }: AlgoliaProviderProps): react_jsx_runtime.JSX.Element;
+declare function useAlgolia(): AlgoliaContextType;
+
+declare function AlgoliaResultsCount(): string | null;
+
+declare function AlgoliaSortBy(): react_jsx_runtime.JSX.Element | null;
+
+export { Accordion, AddToCartButton, AlgoliaCategories, AlgoliaFilterPanel, type AlgoliaFilterPanelProps, AlgoliaMultiSelect, AlgoliaPagination, AlgoliaProductList, AlgoliaProvider, AlgoliaResultsCount, AlgoliaSortBy, Button, type ButtonProps, type Cart, CartFilledIcon, type CartLine, CartOutlinedIcon, CartProvider, Checkbox, type CheckboxProps$1 as CheckboxProps, ColorCheckbox, type ColorCheckboxProps, ConnectedAddToCartButton, DehashedOutlinedIcon, FavoriteButton, type FavoriteButtonProps, FavoriteFilledIcon, FavoriteOutlinedIcon, type FilterOption, type Filters, FormattedMessage, type FormattedMessageFunction, type FormattedMessageProps, GlobalStateProvider, GlobalStateProviderContext, HashedOutlinedIcon, IconButton, type IconButtonProps, Image, type ImageProps, IntlProvider, LinkButton, type LinkButtonProps, MultiSelect, type MultiSelectProps, NumberField, type NumberFieldSize, type Product, ProductCard, type ProductCardProps, ProductListing, type ProductListingProps, ProductOverviewGrid, type ProductOverviewGridProps, ProductPrice, type ProductPriceProps, ProductSku, type ProductSkuProps, RightArrowFilledIcon, Select, type SelectProps, ShowAll, type ShowAllProps, Sidebar, type SidebarProps, TextField, createProductListingSearchParams, parseProductListingSearchParams, useAlgolia, useBreakpoint, useCart, useDebouncedCallback, useDisclosure, useFormattedMessage, useGlobalState, useProductCartLine, useScrollLock };