@sonic-equipment/ui 0.0.22 → 0.0.24
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 +10 -3
- package/dist/algolia/algolia-query-string-routing.d.ts +3 -0
- package/dist/algolia/algolia-searchclient-offline.d.ts +3 -0
- package/dist/badges/tag/tag.d.ts +2 -1
- package/dist/badges/tag/tag.stories.d.ts +0 -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/add-to-cart-button/add-to-cart-button.stories.d.ts +0 -1
- package/dist/buttons/button/button.stories.d.ts +0 -1
- package/dist/buttons/favorite/connected-favorite-button.d.ts +3 -0
- package/dist/buttons/favorite/favorite-button.stories.d.ts +0 -1
- package/dist/buttons/icon-button/icon-button.stories.d.ts +0 -1
- package/dist/buttons/link-button/link-button.stories.d.ts +0 -1
- 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 -3
- 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 +3 -3
- package/dist/collapsables/accordion/accordion.stories.d.ts +0 -1
- package/dist/collapsables/show-all/show-all.stories.d.ts +0 -1
- package/dist/display/product-price/product-price.stories.d.ts +0 -1
- package/dist/display/product-sku/product-sku.stories.d.ts +0 -1
- 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/filters/pagination/pagination.stories.d.ts +0 -1
- package/dist/forms/checkbox/checkbox.stories.d.ts +0 -1
- package/dist/forms/color-checkbox/color-checkbox.stories.d.ts +0 -1
- package/dist/forms/field-error/field-error.stories.d.ts +0 -1
- package/dist/forms/input/input.stories.d.ts +0 -1
- package/dist/forms/label/label.stories.d.ts +0 -1
- package/dist/forms/number-field/number-field.stories.d.ts +0 -1
- package/dist/forms/select/select.stories.d.ts +0 -1
- package/dist/forms/text-field/text-field.stories.d.ts +0 -1
- package/dist/forms/textarea/textarea.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 +125 -47
- package/dist/index.js +5600 -1704
- package/dist/intl/formatted-message.d.ts +2 -0
- package/dist/intl/formatted-message.stories.d.ts +1 -1
- 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 +5 -1
- package/dist/media/image/image.stories.d.ts +0 -1
- 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 -4
- package/dist/shared/hooks/use-breakpoint.d.ts +12 -4
- package/dist/shared/hooks/use-disclosure.d.ts +1 -1
- 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 +639 -60
- package/dist/typography/heading/heading.stories.d.ts +1 -2
- package/package.json +15 -4
- package/dist/algolia/algolia-multi-select.d.ts +0 -5
- package/dist/algolia/algolia-product-list.d.ts +0 -1
- package/dist/algolia/algolia-searchclient-mock.d.ts +0 -4
- 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
|
@@ -8,7 +8,7 @@ declare const meta: {
|
|
|
8
8
|
};
|
|
9
9
|
description: string;
|
|
10
10
|
name: string;
|
|
11
|
-
options: ("
|
|
11
|
+
options: ("xl" | "xxl" | "s" | "l" | "m" | "xs" | "xxs")[];
|
|
12
12
|
};
|
|
13
13
|
tag: {
|
|
14
14
|
control: {
|
|
@@ -29,7 +29,6 @@ declare const meta: {
|
|
|
29
29
|
parameters: {
|
|
30
30
|
layout: string;
|
|
31
31
|
};
|
|
32
|
-
tags: string[];
|
|
33
32
|
title: string;
|
|
34
33
|
};
|
|
35
34
|
export default meta;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sonic-equipment/ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.24",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"engines": {
|
|
@@ -15,7 +15,10 @@
|
|
|
15
15
|
"default": "./dist/index.js"
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
|
-
"files": [
|
|
18
|
+
"files": [
|
|
19
|
+
"dist",
|
|
20
|
+
"README.md"
|
|
21
|
+
],
|
|
19
22
|
"main": "dist/index.js",
|
|
20
23
|
"types": "./dist/index.d.ts",
|
|
21
24
|
"scripts": {
|
|
@@ -23,6 +26,7 @@
|
|
|
23
26
|
"build-storybook": "storybook build",
|
|
24
27
|
"check-updates": "npx npm-check-updates",
|
|
25
28
|
"clean": "rimraf node_modules dist",
|
|
29
|
+
"reinstall": "pnpm clean; pnpm install && pnpm build",
|
|
26
30
|
"dev": "storybook dev -p 6006",
|
|
27
31
|
"lint": "eslint . --ext ts,tsx,cjs,js,mdx --report-unused-disable-directives --cache --cache-location node_modules/.cache/.eslintcache",
|
|
28
32
|
"lint:fix": "eslint . --fix --ext ts,tsx,cjs,js,mdx --report-unused-disable-directives --cache --cache-location node_modules/.cache/.eslintcache",
|
|
@@ -36,7 +40,12 @@
|
|
|
36
40
|
},
|
|
37
41
|
"peerDependencies": {
|
|
38
42
|
"react": "^18",
|
|
39
|
-
"react-dom": "^18"
|
|
43
|
+
"react-dom": "^18",
|
|
44
|
+
"qs": "^6",
|
|
45
|
+
"algoliasearch": "^4",
|
|
46
|
+
"instantsearch.js": "^4",
|
|
47
|
+
"react-instantsearch": "^7",
|
|
48
|
+
"react-instantsearch-core": "^7"
|
|
40
49
|
},
|
|
41
50
|
"devDependencies": {
|
|
42
51
|
"@chromatic-com/storybook": "^1.4.0",
|
|
@@ -104,9 +113,11 @@
|
|
|
104
113
|
"dependencies": {
|
|
105
114
|
"@algolia/client-search": "^4.23.3",
|
|
106
115
|
"algoliasearch": "^4.23.3",
|
|
116
|
+
"instantsearch.js": "^4.69.0",
|
|
107
117
|
"clsx": "^2.1.1",
|
|
108
118
|
"react-aria-components": "^1.2.1",
|
|
109
|
-
"react-instantsearch": "^7.9.0"
|
|
119
|
+
"react-instantsearch": "^7.9.0",
|
|
120
|
+
"swiper": "^11.1.3"
|
|
110
121
|
},
|
|
111
122
|
"publishConfig": {
|
|
112
123
|
"access": "public"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function AlgoliaProductList(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
interface StoryProps {
|
|
3
|
-
online: boolean;
|
|
4
|
-
}
|
|
5
|
-
declare const meta: {
|
|
6
|
-
argTypes: {
|
|
7
|
-
online: {
|
|
8
|
-
control: "boolean";
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
args: {
|
|
12
|
-
online: false;
|
|
13
|
-
};
|
|
14
|
-
title: string;
|
|
15
|
-
};
|
|
16
|
-
export default meta;
|
|
17
|
-
export declare const Default: StoryObj<StoryProps>;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { FilterProps } from 'product-listing/filters/filter/filter';
|
|
2
|
-
export type ColorFilterProps = FilterProps & {
|
|
3
|
-
onChange: (value: string[]) => void;
|
|
4
|
-
options: {
|
|
5
|
-
count: number;
|
|
6
|
-
label: string;
|
|
7
|
-
value: string;
|
|
8
|
-
}[];
|
|
9
|
-
value: string[];
|
|
10
|
-
};
|
|
11
|
-
export declare function ColorFilter({ onChange, options, value }: ColorFilterProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { PropsWithChildren } from 'react';
|
|
2
|
-
export type FilterProps = PropsWithChildren<{
|
|
3
|
-
initialIsCollapsed?: boolean;
|
|
4
|
-
isCollapseable?: boolean;
|
|
5
|
-
title?: string;
|
|
6
|
-
}>;
|
|
7
|
-
export declare function Filter({ children, title }: FilterProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export interface Filters {
|
|
2
|
-
color: {
|
|
3
|
-
options: {
|
|
4
|
-
count: number;
|
|
5
|
-
label: string;
|
|
6
|
-
value: string;
|
|
7
|
-
}[];
|
|
8
|
-
};
|
|
9
|
-
}
|
|
10
|
-
export type ProductListingProps = {
|
|
11
|
-
isLoading?: boolean;
|
|
12
|
-
};
|
|
13
|
-
export declare function ProductListing({ isLoading }: ProductListingProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
export declare function createProductListingSearchParams(state: {
|
|
2
|
-
filters: {
|
|
3
|
-
colors: string[];
|
|
4
|
-
};
|
|
5
|
-
sort: {
|
|
6
|
-
by: string;
|
|
7
|
-
direction: string;
|
|
8
|
-
};
|
|
9
|
-
}): URLSearchParams;
|
|
10
|
-
export declare function parseProductListingSearchParams(params: URLSearchParams): {
|
|
11
|
-
filters: {
|
|
12
|
-
colors: string[];
|
|
13
|
-
};
|
|
14
|
-
sort: {
|
|
15
|
-
by: string;
|
|
16
|
-
direction: string;
|
|
17
|
-
};
|
|
18
|
-
};
|