@sonic-equipment/ui 0.0.81 → 0.0.83
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +24 -30
- package/dist/index.js +785 -671
- package/dist/src/badges/badge/badge.d.ts +5 -0
- package/dist/src/badges/badge/badge.stories.d.ts +17 -0
- package/dist/src/badges/badge/icon-with-badge/icon-with-badge.d.ts +6 -0
- package/dist/src/badges/badge/icon-with-badge/icon-with-badge.stories.d.ts +14 -0
- package/dist/src/buttons/button/button.d.ts +3 -4
- package/dist/src/buttons/button/button.stories.d.ts +1 -1
- package/dist/src/buttons/icon-button/icon-button.d.ts +2 -2
- package/dist/src/buttons/icon-button/icon-button.stories.d.ts +1 -1
- package/dist/src/buttons/link/link.d.ts +4 -9
- package/dist/src/buttons/link/link.stories.d.ts +1 -1
- package/dist/src/cards/product-card/{connected-product-cart.d.ts → connected-product-card.d.ts} +1 -2
- package/dist/src/cards/product-card/product-card.d.ts +4 -5
- package/dist/src/carousel/carousel-navigation-button.d.ts +5 -3
- package/dist/src/carousel/pagination/pagination.d.ts +14 -0
- package/dist/src/carousel/pagination/pagination.stories.d.ts +14 -0
- package/dist/src/carousel/pagination/transitions.d.ts +34 -0
- package/dist/src/carousel/usp-carousel/product-usp-carousel.d.ts +12 -0
- package/dist/src/carousel/usp-carousel/product-usp-carousel.stories.d.ts +27 -0
- package/dist/src/carousel/usp-carousel/usp-carousel.d.ts +2 -2
- package/dist/src/intl/translation-id.d.ts +1 -1
- package/dist/src/lists/ul/list-item.stories.d.ts +14 -0
- package/dist/src/lists/ul/list.d.ts +10 -0
- package/dist/src/lists/ul/list.stories.d.ts +13 -0
- package/dist/src/media/image-lightbox/image-lightbox.d.ts +8 -0
- package/dist/src/media/image-lightbox/image-lightbox.stories.d.ts +13 -0
- package/dist/src/modals/dialog/dialog.d.ts +2 -1
- package/dist/src/modals/modal/modal.d.ts +3 -1
- package/dist/src/modals/modal/modal.stories.d.ts +11 -0
- package/dist/src/pages/product-details-page/components/product-details-images/product-detail-images.d.ts +6 -0
- package/dist/src/shared/hooks/use-resize-observer.d.ts +1 -1
- package/dist/src/shared/routing/route-link.d.ts +4 -2
- package/dist/styles.css +459 -185
- package/package.json +3 -3
- /package/dist/src/{usp/product-usp.d.ts → carousel/usp-carousel/product-usp-carousel-slide.d.ts} +0 -0
- /package/dist/src/pages/product-details-page/components/{product-details-panel.d.ts → product-details-panel/product-details-panel.d.ts} +0 -0
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as _tanstack_react_query from '@tanstack/react-query';
|
|
2
|
-
import { ReactElement, MutableRefObject, ReactNode,
|
|
2
|
+
import { ReactElement, MutableRefObject, ReactNode, AnchorHTMLAttributes, MouseEvent, FormEventHandler, KeyboardEvent, ComponentType } from 'react';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
-
import { LinkProps as LinkProps$2, PressEvent } from 'react-aria-components';
|
|
5
4
|
import { Hit } from '@algolia/client-search';
|
|
6
5
|
import * as algoliasearch from 'algoliasearch';
|
|
7
6
|
import { SearchClient } from 'algoliasearch';
|
|
@@ -3828,6 +3827,7 @@ type TranslationId$1 =
|
|
|
3828
3827
|
| 'Clear'
|
|
3829
3828
|
| 'Continue shopping'
|
|
3830
3829
|
| 'Create new list'
|
|
3830
|
+
| 'create account'
|
|
3831
3831
|
| 'Double check your spelling'
|
|
3832
3832
|
| 'Downloads'
|
|
3833
3833
|
| 'Excl. VAT'
|
|
@@ -3849,6 +3849,10 @@ type TranslationId$1 =
|
|
|
3849
3849
|
| 'Searching again using more general terms'
|
|
3850
3850
|
| 'See all results'
|
|
3851
3851
|
| 'Select a list'
|
|
3852
|
+
| 'Shop more efficiently and quicker with a favorites list'
|
|
3853
|
+
| 'Easily add your favorite products'
|
|
3854
|
+
| 'Your favorites are available on multiple devices'
|
|
3855
|
+
| 'Share your favorite list with others'
|
|
3852
3856
|
| 'Show all'
|
|
3853
3857
|
| 'Show filters'
|
|
3854
3858
|
| 'Show less'
|
|
@@ -3949,7 +3953,7 @@ interface UpdateCartLineParams {
|
|
|
3949
3953
|
}
|
|
3950
3954
|
declare function useUpdateCartLineById(): _tanstack_react_query.UseMutationResult<void, Error, UpdateCartLineParams, unknown>;
|
|
3951
3955
|
|
|
3952
|
-
type TranslationId = "'{0}' in all products" | "Try 'Search' and try to find the product you're looking for" | "Unfortnately, We found no articles for your search '{0}'" | ' to your account to manage your lists.' | 'Add to list' | 'An unexpected error occured' | 'Are you looking for information about our service? Please visit our customer support page' | 'Cancel' | 'Chosen filters' | 'Clear filters' | 'Clear' | 'Continue shopping' | 'Create new list' | 'Double check your spelling' | 'Downloads' | 'Excl. VAT' | 'Explore by categories' | 'Exploring our products by category' | 'Features' | 'Hide filters' | 'Incl. VAT' | 'Includes' | 'List name already exists' | 'New list name' | 'Please Sign In' | 'Popular searches' | 'Product Features' | 'Products' | 'Quick access' | 'Recent searches' | 'Recently viewed' | 'Searching again using more general terms' | 'See all results' | 'Select a list' | 'Show all' | 'Show filters' | 'Show less' | 'Show' | 'Sorry, there are no products found' | 'Sorry, we could not find matches for' | 'Sort by' | 'Specifications' | 'Submit' | 'Suggestions' | 'Try another search' | 'Use fewer keywords' | 'What are you searching for?' | 'You could try checking the spelling of your search query' | 'You could try exploring our products by category' | 'You could try' | 'You must ' | 'article' | 'articles' | 'facet.categories' | 'facet.height' | 'facet.weight' | 'of' | 'sign in' | 'sort.newest' | 'sort.price_asc' | 'sort.price_desc' | 'sort.relevance' | 'tag.limited' | 'tag.new';
|
|
3956
|
+
type TranslationId = "'{0}' in all products" | "Try 'Search' and try to find the product you're looking for" | "Unfortnately, We found no articles for your search '{0}'" | ' to your account to manage your lists.' | 'Add to list' | 'An unexpected error occured' | 'Are you looking for information about our service? Please visit our customer support page' | 'Cancel' | 'Chosen filters' | 'Clear filters' | 'Clear' | 'Continue shopping' | 'Create new list' | 'create account' | 'Double check your spelling' | 'Downloads' | 'Excl. VAT' | 'Explore by categories' | 'Exploring our products by category' | 'Features' | 'Hide filters' | 'Incl. VAT' | 'Includes' | 'List name already exists' | 'New list name' | 'Please Sign In' | 'Popular searches' | 'Product Features' | 'Products' | 'Quick access' | 'Recent searches' | 'Recently viewed' | 'Searching again using more general terms' | 'See all results' | 'Select a list' | 'Shop more efficiently and quicker with a favorites list' | 'Easily add your favorite products' | 'Your favorites are available on multiple devices' | 'Share your favorite list with others' | 'Show all' | 'Show filters' | 'Show less' | 'Show' | 'Sorry, there are no products found' | 'Sorry, we could not find matches for' | 'Sort by' | 'Specifications' | 'Submit' | 'Suggestions' | 'Try another search' | 'Use fewer keywords' | 'What are you searching for?' | 'You could try checking the spelling of your search query' | 'You could try exploring our products by category' | 'You could try' | 'You must ' | 'article' | 'articles' | 'facet.categories' | 'facet.height' | 'facet.weight' | 'of' | 'sign in' | 'sort.newest' | 'sort.price_asc' | 'sort.price_desc' | 'sort.relevance' | 'tag.limited' | 'tag.new';
|
|
3953
3957
|
|
|
3954
3958
|
type Translations = Record<TranslationId, string>;
|
|
3955
3959
|
type FormatMessageFunction = (id: string, ...replacementValues: readonly string[]) => string | undefined;
|
|
@@ -4117,24 +4121,19 @@ declare function RouteProvider({ children, navigate }: RouteProviderProps): reac
|
|
|
4117
4121
|
declare function useOnNavigate(callback?: NavigateFn): NavigateFn;
|
|
4118
4122
|
declare function useNavigate(): NavigateFn;
|
|
4119
4123
|
|
|
4120
|
-
interface LinkProps$1
|
|
4121
|
-
extends LinkProps$2,
|
|
4122
|
-
RefAttributes<HTMLAnchorElement> {
|
|
4124
|
+
interface LinkProps$1 extends AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
4123
4125
|
areaSelected?: boolean
|
|
4124
|
-
className?: string
|
|
4125
4126
|
color?: 'primary' | 'secondary'
|
|
4126
4127
|
hasUnderline?: boolean
|
|
4127
|
-
|
|
4128
|
-
onClick?(event: MouseEvent): void
|
|
4129
|
-
onMouseDown?(event: MouseEvent): void
|
|
4130
|
-
onMouseMove?(event: MouseEvent): void
|
|
4128
|
+
isDisabled?: boolean
|
|
4131
4129
|
role?: 'option'
|
|
4132
4130
|
}
|
|
4133
4131
|
|
|
4134
|
-
interface RouteLinkProps extends LinkProps$1 {
|
|
4132
|
+
interface RouteLinkProps extends Omit<LinkProps$1, 'onPress'> {
|
|
4133
|
+
onClick?: (e: MouseEvent<HTMLAnchorElement>) => void;
|
|
4135
4134
|
route?: NavigateOptions;
|
|
4136
4135
|
}
|
|
4137
|
-
declare function RouteLink({ children,
|
|
4136
|
+
declare function RouteLink({ children, ...props }: RouteLinkProps): react_jsx_runtime.JSX.Element;
|
|
4138
4137
|
|
|
4139
4138
|
interface ButtonProps$1 {
|
|
4140
4139
|
_pseudo?: 'none' | 'focus' | 'hover' | 'active'
|
|
@@ -4145,8 +4144,7 @@ interface ButtonProps$1 {
|
|
|
4145
4144
|
icon?: React.ReactNode
|
|
4146
4145
|
iconPosition?: 'left' | 'right'
|
|
4147
4146
|
isDisabled?: boolean
|
|
4148
|
-
onClick?: (event:
|
|
4149
|
-
onPress?: VoidFunction | ((...args: unknown[]) => void)
|
|
4147
|
+
onClick?: (event: MouseEvent<HTMLButtonElement>) => void
|
|
4150
4148
|
size?: 'sm' | 'md' | 'lg'
|
|
4151
4149
|
type?: 'button' | 'submit' | 'reset'
|
|
4152
4150
|
variant?: 'solid' | 'outline' | 'ghost'
|
|
@@ -4265,14 +4263,13 @@ interface ButtonProps {
|
|
|
4265
4263
|
icon?: React.ReactNode;
|
|
4266
4264
|
iconPosition?: 'left' | 'right';
|
|
4267
4265
|
isDisabled?: boolean;
|
|
4268
|
-
onClick?: (event:
|
|
4269
|
-
onPress?: VoidFunction | ((...args: unknown[]) => void);
|
|
4266
|
+
onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
4270
4267
|
size?: 'sm' | 'md' | 'lg';
|
|
4271
4268
|
type?: 'button' | 'submit' | 'reset';
|
|
4272
4269
|
variant?: 'solid' | 'outline' | 'ghost';
|
|
4273
4270
|
withArrow?: boolean;
|
|
4274
4271
|
}
|
|
4275
|
-
declare function Button({ _pseudo, children, className, color, condensed, icon, iconPosition, isDisabled, onClick: _onClick,
|
|
4272
|
+
declare function Button({ _pseudo, children, className, color, condensed, icon, iconPosition, isDisabled, onClick: _onClick, size, type, variant, withArrow, }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
4276
4273
|
|
|
4277
4274
|
interface FavoriteButtonProps {
|
|
4278
4275
|
isDisabled?: boolean;
|
|
@@ -4286,24 +4283,20 @@ interface IconButtonProps {
|
|
|
4286
4283
|
className?: string;
|
|
4287
4284
|
color?: 'primary' | 'secondary';
|
|
4288
4285
|
isDisabled?: boolean;
|
|
4289
|
-
|
|
4286
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
4290
4287
|
size?: 'md' | 'lg';
|
|
4291
4288
|
type?: 'button' | 'submit' | 'reset';
|
|
4292
4289
|
}
|
|
4293
|
-
declare function IconButton({ children, className, color, isDisabled,
|
|
4290
|
+
declare function IconButton({ children, className, color, isDisabled, onClick, size, type, }: IconButtonProps): react_jsx_runtime.JSX.Element;
|
|
4294
4291
|
|
|
4295
|
-
interface LinkProps extends
|
|
4292
|
+
interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
4296
4293
|
areaSelected?: boolean;
|
|
4297
|
-
className?: string;
|
|
4298
4294
|
color?: 'primary' | 'secondary';
|
|
4299
4295
|
hasUnderline?: boolean;
|
|
4300
|
-
|
|
4301
|
-
onClick?(event: MouseEvent): void;
|
|
4302
|
-
onMouseDown?(event: MouseEvent): void;
|
|
4303
|
-
onMouseMove?(event: MouseEvent): void;
|
|
4296
|
+
isDisabled?: boolean;
|
|
4304
4297
|
role?: 'option';
|
|
4305
4298
|
}
|
|
4306
|
-
declare function Link({ children, className, color, hasUnderline,
|
|
4299
|
+
declare function Link({ children, className, color, hasUnderline, isDisabled, onClick, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
|
|
4307
4300
|
|
|
4308
4301
|
type AddToCartState = 'initial' | 'spinner' | 'manual-input';
|
|
4309
4302
|
interface AddToCartButtonProps {
|
|
@@ -4326,18 +4319,19 @@ interface ProductPrice$1 {
|
|
|
4326
4319
|
price: number
|
|
4327
4320
|
}
|
|
4328
4321
|
|
|
4329
|
-
interface ProductCardProps
|
|
4322
|
+
interface ProductCardProps {
|
|
4330
4323
|
addToCartButton: ReactElement;
|
|
4331
4324
|
favoriteButton?: ReactElement;
|
|
4332
4325
|
href: string;
|
|
4326
|
+
id: string;
|
|
4333
4327
|
image: ImageSource;
|
|
4334
|
-
|
|
4328
|
+
onClick?: VoidFunction;
|
|
4335
4329
|
price: ProductPrice$1;
|
|
4336
4330
|
sku: string;
|
|
4337
4331
|
tags?: string[];
|
|
4338
4332
|
title: ReactNode;
|
|
4339
4333
|
}
|
|
4340
|
-
declare function ProductCard({ addToCartButton: AddToCartButton,
|
|
4334
|
+
declare function ProductCard({ addToCartButton: AddToCartButton, favoriteButton: FavoriteButton, href, id, image, onClick, price, sku, tags, title, }: ProductCardProps): react_jsx_runtime.JSX.Element;
|
|
4341
4335
|
|
|
4342
4336
|
interface CategoryCarouselProps {
|
|
4343
4337
|
categoryCards: ReactNode[];
|