@sonic-equipment/ui 0.0.23 → 0.0.25
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/algolia/algolia-filter-section.d.ts +18 -0
- package/dist/algolia/algolia-multi-select-filter-section.d.ts +5 -0
- package/dist/algolia/algolia-provider.d.ts +5 -1
- package/dist/algolia/algolia-query-string-routing.d.ts +3 -0
- package/dist/badges/tag/tag.d.ts +2 -1
- package/dist/breadcrumbs/breadcrumb.d.ts +9 -0
- package/dist/breadcrumbs/breadcrumb.stories.d.ts +19 -0
- package/dist/breadcrumbs/connected-breadcrumb.d.ts +1 -0
- package/dist/buttons/favorite/connected-favorite-button.d.ts +3 -0
- package/dist/cards/category-card/category-card.d.ts +8 -0
- package/dist/cards/category-card/category-card.stories.d.ts +15 -0
- package/dist/cards/product-card/product-card.d.ts +4 -2
- package/dist/cards/product-card/product-card.stories.d.ts +2 -2
- package/dist/carousel/carousel-navigation-button.d.ts +6 -0
- package/dist/carousel/carousel.d.ts +13 -0
- package/dist/carousel/category-carousel/category-carousel.d.ts +5 -0
- package/dist/carousel/category-carousel/category-carousel.stories.d.ts +15 -0
- package/dist/collapsables/accordion/accordion-item.d.ts +2 -2
- package/dist/filters/multi-select/multi-select.d.ts +1 -3
- package/dist/filters/multi-select/multi-select.stories.d.ts +0 -1
- package/dist/icons/arrows/left-arrow-filled-icon.d.ts +2 -0
- package/dist/icons/home/home-filled-icon.d.ts +2 -0
- package/dist/index.d.ts +106 -44
- package/dist/index.js +5553 -271
- package/dist/intl/formatted-message.d.ts +1 -0
- package/dist/intl/translation-id.d.ts +1 -1
- package/dist/intl/types.d.ts +1 -1
- package/dist/intl/use-format-message.d.ts +1 -0
- package/dist/pages/page/page.d.ts +7 -0
- package/dist/pages/page/page.stories.d.ts +19 -0
- package/dist/pages/page-layout/page-layout.d.ts +5 -0
- package/dist/pages/page-layout/page-layout.stories.d.ts +22 -0
- package/dist/pages/product-listing-page/product-listing-page.d.ts +14 -0
- package/dist/{product-listing/product-listing.stories.d.ts → pages/product-listing-page/product-listing-page.stories.d.ts} +7 -3
- package/dist/shared/hooks/use-breakpoint.d.ts +9 -6
- package/dist/shared/providers/breadcrumb-provider.d.ts +11 -0
- package/dist/shared/providers/favorite-provider.d.ts +10 -0
- package/dist/sidebar/sidebar-context.d.ts +1 -0
- package/dist/styles.css +590 -42
- package/package.json +11 -3
- package/dist/algolia/algolia-multi-select.d.ts +0 -5
- package/dist/algolia/algolia-product-list.d.ts +0 -1
- package/dist/algolia/algolia.stories.d.ts +0 -17
- package/dist/product-listing/filters/colors/color-filter.d.ts +0 -11
- package/dist/product-listing/filters/filter/filter.d.ts +0 -7
- package/dist/product-listing/product-listing.d.ts +0 -13
- package/dist/product-listing/search-params.d.ts +0 -18
|
@@ -1 +1 @@
|
|
|
1
|
-
export type TranslationId = 'Chosen filters' | 'Clear filters' | 'Excl. VAT' | 'Incl. VAT' | 'Show' | 'Show all' | 'Show filters' | 'Show less' | 'Sort' | 'articles' | 'article' | 'of';
|
|
1
|
+
export type TranslationId = 'Chosen filters' | 'Clear filters' | 'Excl. VAT' | 'Hide filters' | 'Incl. VAT' | 'Show' | 'Show all' | 'Show filters' | 'Show less' | 'Sort' | 'articles' | 'article' | 'of';
|
package/dist/intl/types.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export type FormatMessageFunction = (id: string, ...replacementValues: readonly string[]) => string;
|
|
1
|
+
export type FormatMessageFunction = (id: string, ...replacementValues: readonly string[]) => string | undefined;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import { Page } from './page';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
args: {
|
|
5
|
+
children: import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
title: string;
|
|
7
|
+
};
|
|
8
|
+
component: typeof Page;
|
|
9
|
+
parameters: {
|
|
10
|
+
layout: string;
|
|
11
|
+
};
|
|
12
|
+
render: ({ children, ...props }: import("./page").PageProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
title: string;
|
|
14
|
+
};
|
|
15
|
+
export default meta;
|
|
16
|
+
type Story = StoryObj<typeof meta>;
|
|
17
|
+
export declare const Large: Story;
|
|
18
|
+
export declare const Medium: Story;
|
|
19
|
+
export declare const Small: Story;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { StoryObj } from '@storybook/react';
|
|
3
|
+
import { PageLayout } from './page-layout';
|
|
4
|
+
declare const meta: {
|
|
5
|
+
args: {
|
|
6
|
+
children: import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
};
|
|
8
|
+
component: typeof PageLayout;
|
|
9
|
+
parameters: {
|
|
10
|
+
layout: string;
|
|
11
|
+
};
|
|
12
|
+
render: ({ children }: {
|
|
13
|
+
children: React.ReactNode;
|
|
14
|
+
className?: string | undefined;
|
|
15
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
title: string;
|
|
17
|
+
};
|
|
18
|
+
export default meta;
|
|
19
|
+
type Story = StoryObj<typeof meta>;
|
|
20
|
+
export declare const Large: Story;
|
|
21
|
+
export declare const Medium: Story;
|
|
22
|
+
export declare const Small: Story;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export interface Filters {
|
|
2
|
+
color: {
|
|
3
|
+
options: {
|
|
4
|
+
count: number;
|
|
5
|
+
label: string;
|
|
6
|
+
value: string;
|
|
7
|
+
}[];
|
|
8
|
+
};
|
|
9
|
+
}
|
|
10
|
+
export type ProductListingPageProps = {
|
|
11
|
+
category: string[];
|
|
12
|
+
isLoading?: boolean;
|
|
13
|
+
};
|
|
14
|
+
export declare function ProductListingPage({ category, isLoading, }: ProductListingPageProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,16 +1,20 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
2
|
import { StoryObj } from '@storybook/react';
|
|
3
|
-
import {
|
|
3
|
+
import { ProductListingPage } from './product-listing-page';
|
|
4
4
|
declare const meta: {
|
|
5
5
|
args: {
|
|
6
|
+
category: string[];
|
|
6
7
|
isLoading: false;
|
|
7
8
|
online: false;
|
|
8
9
|
};
|
|
9
|
-
component: typeof
|
|
10
|
+
component: typeof ProductListingPage;
|
|
11
|
+
parameters: {
|
|
12
|
+
layout: string;
|
|
13
|
+
};
|
|
10
14
|
title: string;
|
|
11
15
|
};
|
|
12
16
|
export default meta;
|
|
13
|
-
type StoryProps = ComponentProps<typeof
|
|
17
|
+
type StoryProps = ComponentProps<typeof ProductListingPage> & {
|
|
14
18
|
online: boolean;
|
|
15
19
|
};
|
|
16
20
|
type Story = StoryObj<StoryProps>;
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
declare const breakpoints: {
|
|
2
|
-
readonly sm:
|
|
3
|
-
readonly md:
|
|
4
|
-
readonly lg:
|
|
5
|
-
readonly xl:
|
|
6
|
-
readonly xxl:
|
|
2
|
+
readonly sm: 0;
|
|
3
|
+
readonly md: 576;
|
|
4
|
+
readonly lg: 768;
|
|
5
|
+
readonly xl: 1024;
|
|
6
|
+
readonly xxl: 1440;
|
|
7
7
|
};
|
|
8
|
-
type
|
|
8
|
+
type Breakpoint = keyof typeof breakpoints;
|
|
9
|
+
interface UseBreakpointReturnType extends Record<Breakpoint, boolean> {
|
|
10
|
+
current: Breakpoint;
|
|
11
|
+
}
|
|
9
12
|
export declare const useBreakpoint: () => UseBreakpointReturnType;
|
|
10
13
|
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export interface Link {
|
|
2
|
+
href: string;
|
|
3
|
+
label: string;
|
|
4
|
+
}
|
|
5
|
+
interface Props {
|
|
6
|
+
links: Link[];
|
|
7
|
+
updateLinks: (links: Link[]) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare function BreadcrumbProvider(props: Props): null;
|
|
10
|
+
export declare function useBreadcrumb(): Props;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
isFavorite: (productId: string) => boolean;
|
|
3
|
+
toggleFavorite: (productId: string) => void;
|
|
4
|
+
}
|
|
5
|
+
export declare function FavoriteProvider(props: Props): null;
|
|
6
|
+
export declare function useFavorite(productId: string): {
|
|
7
|
+
isFavorite: boolean;
|
|
8
|
+
toggle: () => void;
|
|
9
|
+
};
|
|
10
|
+
export {};
|