@shopgate/engage 7.32.0-beta.6 → 7.32.0-beta.7
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/account/components/Profile/ProfileAddressCard.d.ts.map +1 -1
- package/account/components/Profile/ProfileAddressCard.js +1 -0
- package/admin-preview/components/FrontendSettingsPreviewBridge/types.d.ts +2 -2
- package/admin-preview/components/FrontendSettingsPreviewBridge/types.d.ts.map +1 -1
- package/cart/components/CartItems/CartItems.js +8 -10
- package/cart/components/CartItems/CartItemsSubstitution.js +3 -2
- package/components/Card/Card.d.ts +27 -0
- package/components/Card/Card.d.ts.map +1 -0
- package/components/Card/Card.js +57 -0
- package/components/Card/index.d.ts +4 -0
- package/components/Card/index.d.ts.map +1 -0
- package/components/Card/index.js +2 -0
- package/components/Card/spec.d.ts +2 -0
- package/components/Card/spec.d.ts.map +1 -0
- package/components/Card/spec.js +128 -0
- package/components/Card/useCardAppearance.d.ts +11 -0
- package/components/Card/useCardAppearance.d.ts.map +1 -0
- package/components/Card/useCardAppearance.js +22 -0
- package/components/Paper/Paper.d.ts +49 -0
- package/components/Paper/Paper.d.ts.map +1 -0
- package/components/Paper/Paper.js +64 -0
- package/components/Paper/index.d.ts +3 -0
- package/components/Paper/index.d.ts.map +1 -0
- package/components/Paper/index.js +1 -0
- package/components/Paper/spec.d.ts +2 -0
- package/components/Paper/spec.d.ts.map +1 -0
- package/components/Paper/spec.js +131 -0
- package/components/RadioCard/RadioCard.d.ts.map +1 -1
- package/components/RadioCard/RadioCard.js +2 -1
- package/components/index.d.ts +4 -1
- package/components/index.d.ts.map +1 -1
- package/components/index.js +3 -2
- package/favorites/components/Item/Item.d.ts +1 -1
- package/orders/components/OrderHistory/OrderHistoryList.d.ts.map +1 -1
- package/orders/components/OrderHistory/OrderHistoryList.js +8 -9
- package/orders/components/OrderHistory/OrderHistoryTable.d.ts.map +1 -1
- package/orders/components/OrderHistory/OrderHistoryTable.js +4 -0
- package/package.json +7 -7
- package/product/components/ProductCard/index.js +27 -14
- package/product/components/ProductGrid/components/Item/components/ItemDetails/index.js +6 -3
- package/product/components/ProductGrid/components/Item/components/ItemName/index.js +5 -1
- package/product/components/ProductGrid/components/Item/components/ItemName/spec.js +19 -1
- package/product/components/ProductGrid/components/Item/index.js +9 -1
- package/product/components/ProductSlider/index.js +4 -2
- package/product/components/RelationsSlider/RelationsSliderContent.js +3 -2
- package/product/components/RelationsSlider/constants.d.ts +3 -0
- package/product/components/RelationsSlider/constants.d.ts.map +1 -0
- package/product/components/RelationsSlider/constants.js +2 -1
- package/product/components/RelationsSlider/hooks.d.ts +6 -0
- package/product/components/RelationsSlider/hooks.d.ts.map +1 -0
- package/product/components/RelationsSlider/hooks.js +34 -0
- package/settings/action-creators/appSettings.d.ts +3 -3
- package/settings/action-creators/appSettings.d.ts.map +1 -1
- package/settings/reducers/appSettings.d.ts.map +1 -1
- package/settings/reducers/appSettings.js +31 -17
- package/settings/reducers/index.d.ts +1 -1
- package/settings/selectors/appSettings.d.ts +32 -0
- package/settings/selectors/appSettings.d.ts.map +1 -1
- package/settings/selectors/appSettings.js +21 -1
- package/settings/types/appSettings.d.ts +48 -0
- package/settings/types/appSettings.d.ts.map +1 -1
- package/styles/index.d.ts +1 -1
- package/styles/index.d.ts.map +1 -1
- package/styles/theme/createTheme/createComponents.types.d.ts +50 -0
- package/styles/theme/createTheme/createComponents.types.d.ts.map +1 -1
- package/styles/theme/createTheme/createComponents.types.js +50 -0
- package/styles/theme/createTheme/createCssVarsForColorSchemeThemes.d.ts.map +1 -1
- package/styles/theme/createTheme/createCssVarsForColorSchemeThemes.js +5 -1
- package/styles/theme/createTheme/createPalette.types.d.ts +4 -0
- package/styles/theme/createTheme/createPalette.types.d.ts.map +1 -1
- package/styles/theme/createTheme/createPalette.types.js +5 -1
- package/styles/theme/createTheme/createShape.d.ts +4 -0
- package/styles/theme/createTheme/createShape.d.ts.map +1 -1
- package/styles/theme/createTheme/createShape.js +2 -1
- package/styles/theme/createTheme/createThemeFromColorScheme.d.ts.map +1 -1
- package/styles/theme/createTheme/createThemeFromColorScheme.js +2 -1
- package/styles/theme/createTheme/shadows.d.ts +11 -1
- package/styles/theme/createTheme/shadows.d.ts.map +1 -1
- package/styles/theme/createTheme/shadows.js +41 -7
- package/styles/theme/createTheme/types.d.ts +5 -1
- package/styles/theme/createTheme/types.d.ts.map +1 -1
- package/styles/theme/index.d.ts +1 -0
- package/styles/theme/index.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioCard.d.ts","sourceRoot":"","sources":["../../../components/RadioCard/RadioCard.jsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"RadioCard.d.ts","sourceRoot":"","sources":["../../../components/RadioCard/RadioCard.jsx"],"names":[],"mappings":";AAmDA;;;;GAIG;AACH,yKAHW,MAAM,GACJ,GAAG,CAkDf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAvGqB,YAAY;AA2BlC;;;;GAIG;AACH,wDAHW,MAAM,GACJ,GAAG,CAQf"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { makeStyles } from '@shopgate/engage/styles';
|
|
4
|
-
import Card from
|
|
4
|
+
import Card from "../Card";
|
|
5
5
|
import { useRadioGroup } from "../RadioGroup";
|
|
6
6
|
import Radio from "../Radio";
|
|
7
7
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
8
|
const useStyles = makeStyles()(theme => ({
|
|
9
9
|
card: {
|
|
10
|
+
margin: '5px 5px 10px',
|
|
10
11
|
borderRadius: 4,
|
|
11
12
|
padding: '8px 8px 8px 4px',
|
|
12
13
|
display: 'flex',
|
package/components/index.d.ts
CHANGED
|
@@ -52,7 +52,6 @@ export { default as AddToCartButton } from '@shopgate/pwa-ui-shared/AddToCartBut
|
|
|
52
52
|
export { default as Availability } from '@shopgate/pwa-ui-shared/Availability';
|
|
53
53
|
export { default as Button } from '@shopgate/pwa-ui-shared/Button';
|
|
54
54
|
export { default as ButtonLink } from '@shopgate/pwa-ui-shared/ButtonLink';
|
|
55
|
-
export { default as Card } from '@shopgate/pwa-ui-shared/Card';
|
|
56
55
|
export { default as CardList } from '@shopgate/pwa-ui-shared/CardList';
|
|
57
56
|
export { default as CartTotalLine } from '@shopgate/pwa-ui-shared/CartTotalLine';
|
|
58
57
|
export { default as Chip } from '@shopgate/pwa-ui-shared/Chip';
|
|
@@ -184,4 +183,8 @@ export { default as SnackBarContainer } from './SnackBarContainer';
|
|
|
184
183
|
export { default as ConnectedReactPortal } from './ConnectedReactPortal';
|
|
185
184
|
export { Typography } from './Typography';
|
|
186
185
|
export { default as Badge } from './Badge';
|
|
186
|
+
export { default as Paper } from './Paper';
|
|
187
|
+
export type { PaperProps, PaperVariant } from './Paper';
|
|
188
|
+
export { default as Card } from './Card';
|
|
189
|
+
export type { CardProps, CardVariant } from './Card';
|
|
187
190
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"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"}
|
package/components/index.js
CHANGED
|
@@ -61,7 +61,6 @@ export { default as AddToCartButton } from '@shopgate/pwa-ui-shared/AddToCartBut
|
|
|
61
61
|
export { default as Availability } from '@shopgate/pwa-ui-shared/Availability';
|
|
62
62
|
export { default as Button } from '@shopgate/pwa-ui-shared/Button';
|
|
63
63
|
export { default as ButtonLink } from '@shopgate/pwa-ui-shared/ButtonLink';
|
|
64
|
-
export { default as Card } from '@shopgate/pwa-ui-shared/Card';
|
|
65
64
|
export { default as CardList } from '@shopgate/pwa-ui-shared/CardList';
|
|
66
65
|
export { default as CartTotalLine } from '@shopgate/pwa-ui-shared/CartTotalLine';
|
|
67
66
|
export { default as Chip } from '@shopgate/pwa-ui-shared/Chip';
|
|
@@ -200,4 +199,6 @@ export { default as Switch } from "./Switch";
|
|
|
200
199
|
export { default as SnackBarContainer } from "./SnackBarContainer";
|
|
201
200
|
export { default as ConnectedReactPortal } from "./ConnectedReactPortal";
|
|
202
201
|
export { Typography } from "./Typography";
|
|
203
|
-
export { default as Badge } from "./Badge";
|
|
202
|
+
export { default as Badge } from "./Badge";
|
|
203
|
+
export { default as Paper } from "./Paper";
|
|
204
|
+
export { default as Card } from "./Card";
|
|
@@ -40,11 +40,11 @@ declare const _default: import("react-redux").ConnectedComponent<{
|
|
|
40
40
|
quantity: number;
|
|
41
41
|
};
|
|
42
42
|
}, {
|
|
43
|
+
product: NonNullable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
|
|
43
44
|
historyPush: (...args: any[]) => any;
|
|
44
45
|
quantity?: number | null | undefined;
|
|
45
46
|
notes?: string | null | undefined;
|
|
46
47
|
listId: string;
|
|
47
|
-
product: NonNullable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
|
|
48
48
|
remove: (...args: any[]) => any;
|
|
49
49
|
addToCart: (...args: any[]) => any;
|
|
50
50
|
isBaseProduct?: boolean | null | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrderHistoryList.d.ts","sourceRoot":"","sources":["../../../../orders/components/OrderHistory/OrderHistoryList.jsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"OrderHistoryList.d.ts","sourceRoot":"","sources":["../../../../orders/components/OrderHistory/OrderHistoryList.jsx"],"names":[],"mappings":"AA4CO,2BAHI,MAAM,GACJ,GAAG,CAuDf;;;;;;;;;;;;AAiBM,mCAHI,MAAM,GACJ,GAAG,CAUf;;;;;;;sBAzHqB,YAAY"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
|
-
import { I18n,
|
|
3
|
+
import { I18n, Card, Link } from '@shopgate/engage/components';
|
|
4
4
|
import { makeStyles } from '@shopgate/engage/styles';
|
|
5
5
|
import { i18n } from '@shopgate/engage/core/helpers';
|
|
6
6
|
import { getTranslatedOrderStatus } from "../../helpers";
|
|
@@ -31,10 +31,7 @@ const useStyles = makeStyles()(theme => ({
|
|
|
31
31
|
':last-of-type': {
|
|
32
32
|
marginBottom: 0
|
|
33
33
|
},
|
|
34
|
-
|
|
35
|
-
boxSizing: 'border-box',
|
|
36
|
-
boxShadow: '0 4px 8px rgba(0,0,0,0.16)',
|
|
37
|
-
borderRadius: 10
|
|
34
|
+
boxSizing: 'border-box'
|
|
38
35
|
}
|
|
39
36
|
}));
|
|
40
37
|
|
|
@@ -47,9 +44,10 @@ export const Row = props => {
|
|
|
47
44
|
const {
|
|
48
45
|
classes
|
|
49
46
|
} = useStyles();
|
|
50
|
-
return /*#__PURE__*/_jsx(
|
|
47
|
+
return /*#__PURE__*/_jsx(Card, {
|
|
51
48
|
className: classes.card,
|
|
52
49
|
onClick: props.openDetails,
|
|
50
|
+
component: "li",
|
|
53
51
|
children: /*#__PURE__*/_jsxs(Link, {
|
|
54
52
|
className: classes.cardContent,
|
|
55
53
|
href: getOrderDetailsRoute(props.orderNumber),
|
|
@@ -99,10 +97,11 @@ export const List = ({
|
|
|
99
97
|
children
|
|
100
98
|
}) => {
|
|
101
99
|
const {
|
|
102
|
-
classes
|
|
100
|
+
classes,
|
|
101
|
+
cx
|
|
103
102
|
} = useStyles();
|
|
104
|
-
return /*#__PURE__*/_jsx(
|
|
105
|
-
className: classes.list,
|
|
103
|
+
return /*#__PURE__*/_jsx("ul", {
|
|
104
|
+
className: cx(classes.list, 'engage__orders__order-history-list'),
|
|
106
105
|
children: children
|
|
107
106
|
});
|
|
108
107
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrderHistoryTable.d.ts","sourceRoot":"","sources":["../../../../orders/components/OrderHistory/OrderHistoryTable.jsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"OrderHistoryTable.d.ts","sourceRoot":"","sources":["../../../../orders/components/OrderHistory/OrderHistoryTable.jsx"],"names":[],"mappings":"AAsCO,gCAHI,MAAM,GACJ,GAAG,CAkCf;;;;;;;;;;;;AAiBM,oCAHI,MAAM,GACJ,GAAG,CAuBf;;;;;;;sBA3GqB,YAAY"}
|
|
@@ -6,6 +6,9 @@ import { i18n } from '@shopgate/engage/core/helpers';
|
|
|
6
6
|
import { getTranslatedOrderStatus } from "../../helpers";
|
|
7
7
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
8
|
const useStyles = makeStyles()(theme => ({
|
|
9
|
+
card: {
|
|
10
|
+
margin: '5px 5px 10px'
|
|
11
|
+
},
|
|
9
12
|
tableHeader: {
|
|
10
13
|
'& > th': {
|
|
11
14
|
padding: theme.spacing(2),
|
|
@@ -79,6 +82,7 @@ export const Table = ({
|
|
|
79
82
|
classes
|
|
80
83
|
} = useStyles();
|
|
81
84
|
return /*#__PURE__*/_jsx(Card, {
|
|
85
|
+
className: classes.card,
|
|
82
86
|
children: /*#__PURE__*/_jsxs("table", {
|
|
83
87
|
children: [/*#__PURE__*/_jsx("thead", {
|
|
84
88
|
children: /*#__PURE__*/_jsxs("tr", {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shopgate/engage",
|
|
3
|
-
"version": "7.32.0-beta.
|
|
3
|
+
"version": "7.32.0-beta.7",
|
|
4
4
|
"description": "Shopgate's ENGAGE library.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Shopgate <support@shopgate.com>",
|
|
@@ -18,12 +18,12 @@
|
|
|
18
18
|
"dependencies": {
|
|
19
19
|
"@emotion/react": "^11.14.0",
|
|
20
20
|
"@shopgate/native-modules": "1.0.0-beta.34",
|
|
21
|
-
"@shopgate/pwa-common": "7.32.0-beta.
|
|
22
|
-
"@shopgate/pwa-common-commerce": "7.32.0-beta.
|
|
23
|
-
"@shopgate/pwa-core": "7.32.0-beta.
|
|
24
|
-
"@shopgate/pwa-ui-ios": "7.32.0-beta.
|
|
25
|
-
"@shopgate/pwa-ui-material": "7.32.0-beta.
|
|
26
|
-
"@shopgate/pwa-ui-shared": "7.32.0-beta.
|
|
21
|
+
"@shopgate/pwa-common": "7.32.0-beta.7",
|
|
22
|
+
"@shopgate/pwa-common-commerce": "7.32.0-beta.7",
|
|
23
|
+
"@shopgate/pwa-core": "7.32.0-beta.7",
|
|
24
|
+
"@shopgate/pwa-ui-ios": "7.32.0-beta.7",
|
|
25
|
+
"@shopgate/pwa-ui-material": "7.32.0-beta.7",
|
|
26
|
+
"@shopgate/pwa-ui-shared": "7.32.0-beta.7",
|
|
27
27
|
"@stripe/react-stripe-js": "^1.16.5",
|
|
28
28
|
"@stripe/stripe-js": "^1.44.1",
|
|
29
29
|
"@virtuous/conductor": "~2.5.0",
|
|
@@ -6,12 +6,20 @@ import { Link, RatingStars, DiscountBadge, SurroundPortals } from '@shopgate/eng
|
|
|
6
6
|
import { getProductRoute } from '@shopgate/engage/product';
|
|
7
7
|
import { MapPriceHint, ProductImage, OrderQuantityHint, FeaturedMedia, Swatches, ProductName, ProductBadges } from '@shopgate/engage/product/components';
|
|
8
8
|
import { PRODUCT_ITEM_DISCOUNT, PRODUCT_ITEM_PRICE } from '@shopgate/engage/category';
|
|
9
|
+
import { useSelector } from 'react-redux';
|
|
9
10
|
import { makeStyles } from '@shopgate/engage/styles';
|
|
11
|
+
import { getProductCardNameMaxLines } from '@shopgate/engage/settings/selectors/appSettings';
|
|
10
12
|
import ProductGridPrice from "../ProductGridPrice";
|
|
11
13
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
14
|
const useStyles = makeStyles()(theme => ({
|
|
15
|
+
root: {
|
|
16
|
+
padding: theme.components.productCard.padding
|
|
17
|
+
},
|
|
18
|
+
image: {
|
|
19
|
+
padding: theme.components.productCard.imagePadding
|
|
20
|
+
},
|
|
13
21
|
details: {
|
|
14
|
-
padding:
|
|
22
|
+
padding: theme.components.productCard.textPadding
|
|
15
23
|
},
|
|
16
24
|
title: {
|
|
17
25
|
fontSize: theme.typography.body2.fontSize,
|
|
@@ -32,7 +40,8 @@ const location = 'productCard';
|
|
|
32
40
|
* @param {boolean} props.hidePrice Whether the price should be hidden.
|
|
33
41
|
* @param {boolean} props.hideRating Whether the rating should be hidden.
|
|
34
42
|
* @param {boolean} props.hideName Whether the name should be hidden.
|
|
35
|
-
* @param {number} props.titleRows
|
|
43
|
+
* @param {number} props.titleRows Optional override for the max number of rows for the product
|
|
44
|
+
* title
|
|
36
45
|
* @param {string} props.url Optional alternative url for the product link
|
|
37
46
|
* @return {JSX.Element}
|
|
38
47
|
*/
|
|
@@ -52,6 +61,7 @@ function ProductCard(props) {
|
|
|
52
61
|
const {
|
|
53
62
|
meta
|
|
54
63
|
} = useProductListType();
|
|
64
|
+
const productNameLines = useSelector(getProductCardNameMaxLines);
|
|
55
65
|
const showEmptyRatingStars = useShowEmptyRatingStars();
|
|
56
66
|
const showRatings = useMemo(() => {
|
|
57
67
|
if (!hideRating && product?.rating?.average > 0) {
|
|
@@ -63,7 +73,7 @@ function ProductCard(props) {
|
|
|
63
73
|
return false;
|
|
64
74
|
}, [hideRating, product, showEmptyRatingStars]);
|
|
65
75
|
return /*#__PURE__*/_jsxs(Link, {
|
|
66
|
-
className:
|
|
76
|
+
className: cx(classes.root, 'engage__product-card'),
|
|
67
77
|
href: url || getProductRoute(product.id),
|
|
68
78
|
itemProp: "item",
|
|
69
79
|
itemScope: true,
|
|
@@ -72,15 +82,18 @@ function ProductCard(props) {
|
|
|
72
82
|
state: {
|
|
73
83
|
...meta
|
|
74
84
|
},
|
|
75
|
-
children: [
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
85
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
86
|
+
className: classes.image,
|
|
87
|
+
children: isBeta() && product.featuredMedia ? /*#__PURE__*/_jsx(FeaturedMedia, {
|
|
88
|
+
type: product.featuredMedia.type,
|
|
89
|
+
url: product.featuredMedia.url,
|
|
90
|
+
altText: product.featuredMedia.altText
|
|
91
|
+
}) : /*#__PURE__*/_jsx(ProductImage, {
|
|
92
|
+
src: product.featuredImageBaseUrl,
|
|
93
|
+
context: "list",
|
|
94
|
+
alt: product.name,
|
|
95
|
+
itemProp: "image"
|
|
96
|
+
})
|
|
84
97
|
}), /*#__PURE__*/_jsx(ProductBadges, {
|
|
85
98
|
location: location,
|
|
86
99
|
productId: product.id,
|
|
@@ -107,7 +120,7 @@ function ProductCard(props) {
|
|
|
107
120
|
className: classes.title,
|
|
108
121
|
testId: `Productname: ${product.name}`,
|
|
109
122
|
itemProp: "name",
|
|
110
|
-
rows: titleRows ||
|
|
123
|
+
rows: titleRows || productNameLines
|
|
111
124
|
}), /*#__PURE__*/_jsx(MapPriceHint, {
|
|
112
125
|
productId: product.id
|
|
113
126
|
}), /*#__PURE__*/_jsx(OrderQuantityHint, {
|
|
@@ -143,7 +156,7 @@ ProductCard.defaultProps = {
|
|
|
143
156
|
hideName: false,
|
|
144
157
|
hidePrice: false,
|
|
145
158
|
hideRating: false,
|
|
146
|
-
titleRows:
|
|
159
|
+
titleRows: null,
|
|
147
160
|
url: null
|
|
148
161
|
};
|
|
149
162
|
export default ProductCard;
|
|
@@ -8,17 +8,20 @@ import { makeStyles } from '@shopgate/engage/styles';
|
|
|
8
8
|
import ItemName from "../ItemName";
|
|
9
9
|
import ItemPrice from "../ItemPrice";
|
|
10
10
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
|
-
const useStyles = makeStyles()({
|
|
11
|
+
const useStyles = makeStyles()(theme => ({
|
|
12
12
|
root: {
|
|
13
13
|
lineHeight: 1.2,
|
|
14
14
|
':not(:empty)': {
|
|
15
|
-
padding:
|
|
15
|
+
padding: theme.components.tiles.textPadding,
|
|
16
|
+
// Floored at the favorites button overhang so a small configured inner padding
|
|
17
|
+
// can't let the button overlap the product name.
|
|
18
|
+
paddingTop: theme.components.tiles.textPaddingTop
|
|
16
19
|
}
|
|
17
20
|
},
|
|
18
21
|
quantityHint: {
|
|
19
22
|
paddingTop: 8
|
|
20
23
|
}
|
|
21
|
-
});
|
|
24
|
+
}));
|
|
22
25
|
|
|
23
26
|
/**
|
|
24
27
|
* The Product Grid Item Detail component.
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import React, { memo, useMemo } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { PRODUCT_ITEM_NAME, PRODUCT_ITEM_NAME_BEFORE, PRODUCT_ITEM_NAME_AFTER } from '@shopgate/engage/category/constants';
|
|
4
|
+
import { useSelector } from 'react-redux';
|
|
4
5
|
import { Portal } from '@shopgate/engage/components';
|
|
5
6
|
import { ProductName, ProductRatingStars } from '@shopgate/engage/product';
|
|
6
7
|
import { makeStyles } from '@shopgate/engage/styles';
|
|
8
|
+
import { getProductTileNameMaxLines } from '@shopgate/engage/settings/selectors/appSettings';
|
|
7
9
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
10
|
const useStyles = makeStyles()(theme => ({
|
|
9
11
|
root: {
|
|
@@ -29,6 +31,7 @@ const ItemName = ({
|
|
|
29
31
|
classes,
|
|
30
32
|
cx
|
|
31
33
|
} = useStyles();
|
|
34
|
+
const productNameLines = useSelector(getProductTileNameMaxLines);
|
|
32
35
|
const portalProps = useMemo(() => ({
|
|
33
36
|
productId,
|
|
34
37
|
display
|
|
@@ -54,7 +57,8 @@ const ItemName = ({
|
|
|
54
57
|
className: cx(classes.root, 'theme__product-grid__item__item-name'),
|
|
55
58
|
portalName: PRODUCT_ITEM_NAME,
|
|
56
59
|
portalProps: portalProps,
|
|
57
|
-
testId: `Productname: ${name}
|
|
60
|
+
testId: `Productname: ${name}`,
|
|
61
|
+
rows: productNameLines
|
|
58
62
|
})]
|
|
59
63
|
});
|
|
60
64
|
};
|
|
@@ -1,9 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { render } from '@testing-library/react';
|
|
3
|
+
import { ProductName } from '@shopgate/engage/product';
|
|
3
4
|
import ItemName from "./index";
|
|
5
|
+
|
|
6
|
+
// Resolve selectors against an empty state so they fall back to the built-in appSettings defaults.
|
|
4
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
jest.mock('react-redux', () => ({
|
|
9
|
+
...jest.requireActual('react-redux'),
|
|
10
|
+
useSelector: selector => selector(undefined)
|
|
11
|
+
}));
|
|
5
12
|
jest.mock('@shopgate/engage/product', () => ({
|
|
6
|
-
ProductName: () => null,
|
|
13
|
+
ProductName: jest.fn(() => null),
|
|
7
14
|
ProductRatingStars: () => null
|
|
8
15
|
}));
|
|
9
16
|
jest.mock('@shopgate/engage/components');
|
|
@@ -12,10 +19,21 @@ const props = {
|
|
|
12
19
|
name: 'Foo'
|
|
13
20
|
};
|
|
14
21
|
describe('<ItemName />', () => {
|
|
22
|
+
beforeEach(() => {
|
|
23
|
+
jest.clearAllMocks();
|
|
24
|
+
});
|
|
15
25
|
it('should render with minimal props', () => {
|
|
16
26
|
const wrapper = render(/*#__PURE__*/_jsx(ItemName, {
|
|
17
27
|
...props
|
|
18
28
|
}));
|
|
19
29
|
expect(wrapper.asFragment()).toMatchSnapshot();
|
|
20
30
|
});
|
|
31
|
+
it('should clamp the name to the configured tile line count', () => {
|
|
32
|
+
render(/*#__PURE__*/_jsx(ItemName, {
|
|
33
|
+
...props
|
|
34
|
+
}));
|
|
35
|
+
|
|
36
|
+
// The tile name line count comes from the appSettings channel; 3 is the built-in default.
|
|
37
|
+
expect(ProductName.mock.calls[0][0].rows).toBe(3);
|
|
38
|
+
});
|
|
21
39
|
});
|
|
@@ -17,7 +17,14 @@ const useStyles = makeStyles()((theme, {
|
|
|
17
17
|
position: 'relative',
|
|
18
18
|
display: 'flex',
|
|
19
19
|
flexDirection: 'column',
|
|
20
|
-
height: '100%'
|
|
20
|
+
height: '100%',
|
|
21
|
+
overflow: 'hidden',
|
|
22
|
+
padding: theme.components.tiles.padding,
|
|
23
|
+
background: theme.components.tiles.backgroundColor
|
|
24
|
+
},
|
|
25
|
+
image: {
|
|
26
|
+
display: 'block',
|
|
27
|
+
padding: theme.components.tiles.imagePadding
|
|
21
28
|
},
|
|
22
29
|
itemDetails: {
|
|
23
30
|
position: 'relative',
|
|
@@ -50,6 +57,7 @@ const Item = ({
|
|
|
50
57
|
return /*#__PURE__*/_jsxs("div", {
|
|
51
58
|
className: cx(classes.root, 'theme__product-grid__item'),
|
|
52
59
|
children: [/*#__PURE__*/_jsx(Link, {
|
|
60
|
+
className: classes.image,
|
|
53
61
|
role: "none",
|
|
54
62
|
href: getProductRoute(product.id),
|
|
55
63
|
state: {
|
|
@@ -9,7 +9,7 @@ import { WIDGET_ID } from "./constants";
|
|
|
9
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
10
|
const useStyles = makeStyles()({
|
|
11
11
|
container: {
|
|
12
|
-
|
|
12
|
+
padding: '8px 9px 16px !important'
|
|
13
13
|
}
|
|
14
14
|
});
|
|
15
15
|
const items = {
|
|
@@ -61,8 +61,10 @@ function ProductSlider(props) {
|
|
|
61
61
|
freeMode: !snap,
|
|
62
62
|
...swiperProps,
|
|
63
63
|
slidesPerView: slidesPerView,
|
|
64
|
+
classNames: {
|
|
65
|
+
container: classes.container
|
|
66
|
+
},
|
|
64
67
|
children: productIds.map(id => /*#__PURE__*/_jsx(Swiper.Item, {
|
|
65
|
-
className: classes.container,
|
|
66
68
|
children: /*#__PURE__*/_jsx(ProductListEntryProvider, {
|
|
67
69
|
productId: id,
|
|
68
70
|
children: /*#__PURE__*/_jsx(Item, {
|
|
@@ -6,6 +6,7 @@ import ProductCard from "../ProductCard";
|
|
|
6
6
|
import RelationsSheet from "./RelationsSheet";
|
|
7
7
|
import { useWidgetSettings, useCurrentProduct } from "../../../core";
|
|
8
8
|
import connect from "./RelationsSlider.connector";
|
|
9
|
+
import { useSlidesPerView } from "./hooks";
|
|
9
10
|
import { WIDGET_ID } from "./constants";
|
|
10
11
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
12
|
const useStyles = makeStyles()(theme => ({
|
|
@@ -51,12 +52,12 @@ const RelationsSliderContent = /*#__PURE__*/memo(({
|
|
|
51
52
|
hideRating,
|
|
52
53
|
titleRows,
|
|
53
54
|
showMoreButton,
|
|
54
|
-
type
|
|
55
|
-
slidesPerView = 2.3
|
|
55
|
+
type
|
|
56
56
|
} = useWidgetSettings(WIDGET_ID);
|
|
57
57
|
const {
|
|
58
58
|
productId
|
|
59
59
|
} = useCurrentProduct();
|
|
60
|
+
const slidesPerView = useSlidesPerView();
|
|
60
61
|
useEffect(() => {
|
|
61
62
|
getRelations();
|
|
62
63
|
}, [getRelations]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../product/components/RelationsSlider/constants.js"],"names":[],"mappings":"AAAA,wBAAyB,0CAA0C,CAAC;AAEpE,sCAAuC,GAAG,CAAC"}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export const WIDGET_ID = '@shopgate/engage/product/RelationsSlider';
|
|
1
|
+
export const WIDGET_ID = '@shopgate/engage/product/RelationsSlider';
|
|
2
|
+
export const DEFAULT_SLIDES_PER_VIEW = 2.3;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Resolves the number of slides the RelationsSlider shows side by side for the active breakpoint.
|
|
3
|
+
* @returns The resolved number of slides for the active breakpoint.
|
|
4
|
+
*/
|
|
5
|
+
export declare const useSlidesPerView: () => number;
|
|
6
|
+
//# sourceMappingURL=hooks.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../product/components/RelationsSlider/hooks.ts"],"names":[],"mappings":"AAgBA;;;GAGG;AACH,eAAO,MAAM,gBAAgB,QAAO,MA6BnC,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import "core-js/modules/es.array.reduce.js";
|
|
2
|
+
import { useMemo } from 'react';
|
|
3
|
+
import { useSelector } from 'react-redux';
|
|
4
|
+
import { useWidgetSettings } from '@shopgate/engage/core/hooks';
|
|
5
|
+
import { useResponsiveValue } from '@shopgate/engage/styles';
|
|
6
|
+
import { getAreAppSettingsHydrated, getProductSliderSlidesPerView } from '@shopgate/engage/settings/selectors/appSettings';
|
|
7
|
+
import { SCREEN_SIZE_BREAKPOINTS } from '@shopgate/engage/settings/constants/appSettings';
|
|
8
|
+
import { WIDGET_ID, DEFAULT_SLIDES_PER_VIEW } from "./constants";
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* Resolves the number of slides the RelationsSlider shows side by side for the active breakpoint.
|
|
12
|
+
* @returns The resolved number of slides for the active breakpoint.
|
|
13
|
+
*/
|
|
14
|
+
export const useSlidesPerView = () => {
|
|
15
|
+
const areAppSettingsHydrated = useSelector(getAreAppSettingsHydrated);
|
|
16
|
+
const appSettingsSlidesPerView = useSelector(getProductSliderSlidesPerView);
|
|
17
|
+
const {
|
|
18
|
+
slidesPerView: legacySlidesPerView
|
|
19
|
+
} = useWidgetSettings(WIDGET_ID) || {};
|
|
20
|
+
const sizes = useMemo(() => {
|
|
21
|
+
if (!areAppSettingsHydrated && typeof legacySlidesPerView === 'number') {
|
|
22
|
+
return {
|
|
23
|
+
small: legacySlidesPerView
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
return appSettingsSlidesPerView;
|
|
27
|
+
}, [areAppSettingsHydrated, legacySlidesPerView, appSettingsSlidesPerView]);
|
|
28
|
+
const breakpoints = useMemo(() => Object.entries(sizes).reduce((acc, [size, value]) => {
|
|
29
|
+
acc[SCREEN_SIZE_BREAKPOINTS[size]] = value;
|
|
30
|
+
return acc;
|
|
31
|
+
}, {}), [sizes]);
|
|
32
|
+
const resolved = useResponsiveValue(breakpoints);
|
|
33
|
+
return resolved || DEFAULT_SLIDES_PER_VIEW;
|
|
34
|
+
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { AppSettingsPayload } from '../types/appSettings';
|
|
2
2
|
/**
|
|
3
3
|
* Creates the dispatched RECEIVE_APP_SETTINGS action object.
|
|
4
4
|
* @param settings A list of app settings.
|
|
5
5
|
* @returns The dispatched action object.
|
|
6
6
|
*/
|
|
7
|
-
export declare const receiveAppSettings: (settings:
|
|
7
|
+
export declare const receiveAppSettings: (settings: AppSettingsPayload) => {
|
|
8
8
|
type: string;
|
|
9
|
-
settings: AppSettings
|
|
9
|
+
settings: import("../types/appSettings").DeepPartial<import("../types/appSettings").AppSettings>;
|
|
10
10
|
};
|
|
11
11
|
export type ReceiveAppSettingsAction = ReturnType<typeof receiveAppSettings>;
|
|
12
12
|
//# sourceMappingURL=appSettings.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appSettings.d.ts","sourceRoot":"","sources":["../../../settings/action-creators/appSettings.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"appSettings.d.ts","sourceRoot":"","sources":["../../../settings/action-creators/appSettings.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,UAAU,kBAAkB;;;CAG7D,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appSettings.d.ts","sourceRoot":"","sources":["../../../settings/reducers/appSettings.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"appSettings.d.ts","sourceRoot":"","sources":["../../../settings/reducers/appSettings.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAa/E,KAAK,iBAAiB,GAAG,wBAAwB,GAAG,aAAa,CAAC;AAQlE;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,gBAyDlC,CAAC;AAEF;;;;;GAKG;AACH,QAAA,MAAM,WAAW,EAAE,OAAO,CAAC,gBAAgB,EAAE,iBAAiB,CA+B7D,CAAC;AAEF,eAAe,WAAW,CAAC"}
|