@sonic-equipment/ui 0.0.19 → 0.0.21

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

@@ -1,5 +1 @@
-export interface Translations {
-    'Excl. VAT': string;
-    'Incl. VAT': string;
-}
-export type TranslationId = keyof Translations;
+export type TranslationId = 'Chosen filters' | 'Clear filters' | 'Excl. VAT' | 'Incl. VAT' | 'Show' | 'Show all' | 'Show filters' | 'Show less' | 'Sort' | 'articles' | 'article' | 'of';

package/dist/product-listing/product-listing.d.ts

@@ -1,4 +1,3 @@
-import { ComponentType } from 'react';
 export interface Filters {
     color: {
         options: {
@@ -8,28 +7,25 @@ export 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;
 export type ActiveFilters = {
     colors: string[];
 };
-export type Sort = {
-    by: string;
-    direction: string;
-};
 export type ProductListingProps = {
     activeFilters: ActiveFilters;
     filters: Filters;
     isLoading?: boolean;
     onFilterChange: (filters: ActiveFilters) => void;
-    onSortChange: (sort: Sort) => void;
-    productCard: ComponentType<any>;
-    products: {
-        id: string;
-        title: string;
-    }[];
-    sort: {
-        by: string;
-        direction: string;
-    };
+    onSortChange: (sort: SortKey) => void;
+    sort: SortKey;
     total: number;
 };
-export declare function ProductListing({ activeFilters, filters, isLoading, onFilterChange, onSortChange, productCard: ProductCard, products, }: ProductListingProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductListing({ isLoading }: ProductListingProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/product-listing/product-listing.stories.d.ts

@@ -1,16 +1,21 @@
+import { ComponentProps } from 'react';
 import { StoryObj } from '@storybook/react';
 import { ProductListing } from './product-listing';
 declare const meta: {
     args: {
         onFilterChange: import("@vitest/spy").Mock<[filters: import("./product-listing").ActiveFilters], void>;
-        onSortChange: import("@vitest/spy").Mock<[sort: import("./product-listing").Sort], void>;
+        onSortChange: import("@vitest/spy").Mock<[sort: "new" | "popular" | "price_asc" | "price_desc" | "recommended"], void>;
+        online: false;
     };
     component: typeof ProductListing;
     tags: string[];
     title: string;
 };
 export default meta;
-type Story = StoryObj<typeof ProductListing>;
+type StoryProps = ComponentProps<typeof ProductListing> & {
+    online: boolean;
+};
+type Story = StoryObj<StoryProps>;
 export declare const Default: Story;
 export declare const Loading: Story;
 export declare const WithActiveFilters: Story;

package/dist/shared/hooks/use-breakpoint.d.ts

@@ -0,0 +1,5 @@
+export declare const useBreakpoint: () => {
+    isDesktop: boolean;
+    isMobile: boolean;
+    isTablet: boolean;
+};

package/dist/shared/hooks/use-debounce-callback.d.ts

@@ -0,0 +1 @@
+export declare function useDebouncedCallback<T extends (...args: any[]) => any>(func: T, delay: number): (...args: Parameters<T>) => void;

package/dist/shared/hooks/use-disclosure.d.ts

@@ -0,0 +1,9 @@
+interface UseDisclosureReturnType {
+    close: () => void;
+    isClosed: boolean;
+    isOpen: boolean;
+    open: () => void;
+    toggle: () => void;
+}
+export declare const useDisclosure: () => UseDisclosureReturnType;
+export {};

package/dist/shared/hooks/use-scroll-lock.d.ts

@@ -0,0 +1 @@
+export declare const useScrollLock: (lock: boolean) => void;

package/dist/shared/providers/cart-provider.d.ts

@@ -0,0 +1,33 @@
+import { Cart, CartLine } from 'shared/types/cart';
+interface Props {
+    addToCart: (args: {
+        productId: string;
+        quantity: number;
+    }) => void;
+    currentCart: Cart;
+    isLoaded: boolean;
+    isLoading: boolean;
+    loadCurrentCart: VoidFunction;
+    removeCartLine: (args: {
+        cartLineId: string;
+    }) => void;
+    updateCartLine: (cartLine: CartLine) => void;
+}
+export declare function CartProvider(props: Props): null;
+export declare function useCart(): Props;
+export declare function useProductCartLine(productId: string): {
+    addToCart: (args: {
+        productId: string;
+        quantity: number;
+    }) => void;
+    cartLine: CartLine | undefined;
+    currentCart: Cart;
+    isLoaded: boolean;
+    isLoading: boolean;
+    loadCurrentCart: VoidFunction;
+    removeCartLine: (args: {
+        cartLineId: string;
+    }) => void;
+    updateCartLine: (cartLine: CartLine) => void;
+};
+export {};

package/dist/shared/providers/global-state-provider.d.ts

@@ -0,0 +1,23 @@
+import { MutableRefObject, ReactElement, ReactNode } from 'react';
+import { EventEmitter } from 'shared/utils/event-emitter';
+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;
+}
+export declare const GlobalStateProviderContext: React.Context<GlobalState>;
+interface GlobalStateProviderProps {
+    children: ReactNode;
+}
+export declare function GlobalStateProvider({ children, }: GlobalStateProviderProps): ReactElement | null;
+export declare function useGlobalState<T>(key: string | symbol): [T | undefined, (value: T) => void];
+export declare function useGlobalState<T>(key: string | symbol, initialState: T): [T, (value: T) => void];
+export {};

package/dist/shared/types/cart.d.ts

@@ -0,0 +1,8 @@
+export interface CartLine {
+    id: string;
+    productId: string;
+    qtyOrdered: number;
+}
+export interface Cart {
+    cartLines: CartLine[];
+}

package/dist/shared/utils/event-emitter.d.ts

@@ -0,0 +1,9 @@
+type EventCallback<T> = (data: T) => void;
+export declare class EventEmitter<T> {
+    private listeners;
+    constructor();
+    addEventListener(event: string, listener: EventCallback<T>): void;
+    removeEventListener(event: string, listener: EventCallback<T>): void;
+    trigger(event: string, data: T): void;
+}
+export {};

package/dist/sidebar/sidebar-context.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface SidebarContextType {
+    isOpen: boolean;
+    toggle: () => void;
+}
+export declare const SidebarContext: React.Context<SidebarContextType>;

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

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+interface SidebarProviderProps {
+    children: ReactElement;
+}
+export declare function SidebarProvider({ children }: SidebarProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/sidebar/sidebar.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface SidebarProps {
+    children: React.ReactNode;
+}
+export declare function Sidebar({ children }: SidebarProps): import("react/jsx-runtime").JSX.Element;

package/dist/sidebar/sidebar.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { SidebarProvider } from './sidebar-provider';
+declare const meta: Meta<typeof SidebarProvider>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SmallViewport: Story;
+export declare const MediumViewport: Story;
+export declare const LargeViewport: Story;

package/dist/sidebar/toggle-sidebar-button.d.ts

@@ -0,0 +1 @@
+export declare const ToggleSidebarButton: () => import("react/jsx-runtime").JSX.Element;

package/dist/sidebar/use-sidebar.d.ts

@@ -0,0 +1,2 @@
+import { SidebarContextType } from './sidebar-context';
+export declare const useSidebar: () => SidebarContextType;