@graphcommerce/magento-wishlist 1.2.3 → 1.3.1

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.
Files changed (5) hide show
  1. package/CHANGELOG.md +55 -0
  2. package/components/ProductWishlistChip/ProductWishlistChipBase.tsx +4 -2
  3. package/components/WishlistFab/WishlistFab.tsx +9 -7
  4. package/components/WishlistItem/ProductAddToCart.tsx +1 -1
  5. package/package.json +13 -13
package/CHANGELOG.md CHANGED
@@ -1,5 +1,60 @@
1
1
  # @graphcommerce/magento-wishlist
2
2
 
3
+ ## 1.3.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#1490](https://github.com/graphcommerce-org/graphcommerce/pull/1490) [`d311ef48b`](https://github.com/graphcommerce-org/graphcommerce/commit/d311ef48bb3e97806d992af5516d6b7f183ec9cb) Thanks [@paales](https://github.com/paales)! - upgraded packages
8
+
9
+ - Updated dependencies [[`8a626ecf7`](https://github.com/graphcommerce-org/graphcommerce/commit/8a626ecf7ed00c46a28088e0b9bae00a4e1ae019), [`a9213f1f5`](https://github.com/graphcommerce-org/graphcommerce/commit/a9213f1f5a410d217768386ccb6d9b5ce7bd5782), [`d311ef48b`](https://github.com/graphcommerce-org/graphcommerce/commit/d311ef48bb3e97806d992af5516d6b7f183ec9cb)]:
10
+ - @graphcommerce/magento-customer@4.5.3
11
+ - @graphcommerce/next-ui@4.9.0
12
+ - @graphcommerce/graphql@3.2.1
13
+ - @graphcommerce/graphql-mesh@4.1.4
14
+ - @graphcommerce/image@3.1.7
15
+ - @graphcommerce/magento-cart@4.4.3
16
+ - @graphcommerce/magento-product@4.4.7
17
+ - @graphcommerce/magento-product-configurable@4.1.14
18
+ - @graphcommerce/magento-store@4.2.10
19
+
20
+ ## 1.3.0
21
+
22
+ ### Minor Changes
23
+
24
+ - [#1505](https://github.com/graphcommerce-org/graphcommerce/pull/1505) [`d5d9550fe`](https://github.com/graphcommerce-org/graphcommerce/commit/d5d9550fe8991a90e432d8c3bd6e1be117acd18f) Thanks [@timhofman](https://github.com/timhofman)! - enable to pass through button props for iconButton
25
+
26
+ ### Patch Changes
27
+
28
+ - Updated dependencies [[`de6781908`](https://github.com/graphcommerce-org/graphcommerce/commit/de6781908cbf514b9fd225aa1407fa1385c8e53b), [`0ab7c5465`](https://github.com/graphcommerce-org/graphcommerce/commit/0ab7c5465441cba9bf8cd185a6790ce2f443f4ed), [`711fa6e04`](https://github.com/graphcommerce-org/graphcommerce/commit/711fa6e04519bbe91825fec7e1714277c1a8fa68)]:
29
+ - @graphcommerce/magento-product-configurable@4.1.13
30
+ - @graphcommerce/magento-product@4.4.6
31
+ - @graphcommerce/next-ui@4.8.4
32
+ - @graphcommerce/magento-customer@4.5.2
33
+ - @graphcommerce/magento-cart@4.4.2
34
+ - @graphcommerce/magento-store@4.2.9
35
+
36
+ ## 1.2.5
37
+
38
+ ### Patch Changes
39
+
40
+ - Updated dependencies [[`d205b037f`](https://github.com/graphcommerce-org/graphcommerce/commit/d205b037fee82b8c03993f2c586f477e826093bf)]:
41
+ - @graphcommerce/magento-cart@4.4.1
42
+ - @graphcommerce/magento-customer@4.5.1
43
+ - @graphcommerce/magento-product@4.4.5
44
+ - @graphcommerce/magento-product-configurable@4.1.12
45
+
46
+ ## 1.2.4
47
+
48
+ ### Patch Changes
49
+
50
+ - Updated dependencies [[`bed806ddd`](https://github.com/graphcommerce-org/graphcommerce/commit/bed806dddd7e025806a69798ef9587aa165d392f)]:
51
+ - @graphcommerce/graphql@3.2.0
52
+ - @graphcommerce/magento-cart@4.4.0
53
+ - @graphcommerce/magento-customer@4.5.0
54
+ - @graphcommerce/magento-product-configurable@4.1.11
55
+ - @graphcommerce/magento-product@4.4.4
56
+ - @graphcommerce/magento-store@4.2.8
57
+
3
58
  ## 1.2.3
4
59
 
5
60
  ### Patch Changes
package/components/ProductWishlistChip/ProductWishlistChipBase.tsx CHANGED
@@ -14,7 +14,7 @@ import {
14
14
  } from '@graphcommerce/next-ui'
15
15
  import { i18n } from '@lingui/core'
16
16
  import { Trans } from '@lingui/react'
17
- import { SxProps, Theme, IconButton, Box } from '@mui/material'
17
+ import { SxProps, Theme, IconButton, Box, IconButtonProps } from '@mui/material'
18
18
  import PageLink from 'next/link'
19
19
  import { useState, useEffect } from 'react'
20
20
  import { useWishlistEnabled } from '../../hooks'
@@ -31,6 +31,7 @@ const ignoreProductWishlistStatus =
31
31
  export type ProductWishlistChipProps = ProductWishlistChipFragment & { sx?: SxProps<Theme> } & {
32
32
  selectedOptions?: string[]
33
33
  showFeedbackMessage?: boolean
34
+ buttonProps?: IconButtonProps
34
35
  }
35
36
 
36
37
  const compName = 'ProductWishlistChipBase' as const
@@ -38,7 +39,7 @@ const parts = ['root', 'wishlistIcon', 'wishlistIconActive', 'wishlistButton'] a
38
39
  const { classes } = extendableComponent(compName, parts)
39
40
 
40
41
  export function ProductWishlistChipBase(props: ProductWishlistChipProps) {
41
- const { name, sku, showFeedbackMessage, selectedOptions = [], sx = [] } = props
42
+ const { name, sku, showFeedbackMessage, selectedOptions = [], buttonProps, sx = [] } = props
42
43
 
43
44
  const [inWishlist, setInWishlist] = useState(false)
44
45
  const [displayMessageBar, setDisplayMessageBar] = useState(false)
@@ -170,6 +171,7 @@ export function ProductWishlistChipBase(props: ProductWishlistChipProps) {
170
171
  onMouseDown={preventAnimationBubble}
171
172
  size='small'
172
173
  className={classes.wishlistButton}
174
+ {...buttonProps}
173
175
  sx={[
174
176
  (theme) => ({
175
177
  padding: theme.spacings.xxs,
package/components/WishlistFab/WishlistFab.tsx CHANGED
@@ -41,13 +41,15 @@ function WishlistFabContent(props: WishlistFabContentProps) {
41
41
  {...FabProps}
42
42
  sx={sx}
43
43
  >
44
- {activeWishlist ? (
45
- <DesktopHeaderBadge color='primary' variant='dot' overlap='circular'>
46
- {wishlistIcon}
47
- </DesktopHeaderBadge>
48
- ) : (
49
- wishlistIcon
50
- )}
44
+ <NoSsr fallback={wishlistIcon}>
45
+ {activeWishlist ? (
46
+ <DesktopHeaderBadge color='primary' variant='dot' overlap='circular'>
47
+ {wishlistIcon}
48
+ </DesktopHeaderBadge>
49
+ ) : (
50
+ wishlistIcon
51
+ )}
52
+ </NoSsr>
51
53
  </Fab>
52
54
  </PageLink>
53
55
  )
package/components/WishlistItem/ProductAddToCart.tsx CHANGED
@@ -61,7 +61,7 @@ export function ProductAddToCart(
61
61
  required={required.quantity}
62
62
  inputProps={{ min: 1 }}
63
63
  {...muiRegister('quantity', { required: required.quantity })}
64
- helperText={formState.isSubmitted && formState.errors.quantity}
64
+ helperText={formState.isSubmitted && formState.errors.quantity?.message}
65
65
  disabled={formState.isSubmitting}
66
66
  size='small'
67
67
  sx={{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@graphcommerce/magento-wishlist",
3
- "version": "1.2.3",
3
+ "version": "1.3.1",
4
4
  "sideEffects": false,
5
5
  "prettier": "@graphcommerce/prettier-config-pwa",
6
6
  "browserslist": [
@@ -13,21 +13,21 @@
13
13
  }
14
14
  },
15
15
  "devDependencies": {
16
- "@graphcommerce/eslint-config-pwa": "^4.1.7",
16
+ "@graphcommerce/eslint-config-pwa": "^4.1.8",
17
17
  "@graphcommerce/prettier-config-pwa": "^4.0.6",
18
18
  "@graphcommerce/typescript-config-pwa": "^4.0.3",
19
19
  "@playwright/test": "^1.21.1"
20
20
  },
21
21
  "dependencies": {
22
- "@graphcommerce/graphql": "3.1.3",
23
- "@graphcommerce/graphql-mesh": "4.1.3",
24
- "@graphcommerce/image": "3.1.6",
25
- "@graphcommerce/magento-cart": "4.3.4",
26
- "@graphcommerce/magento-customer": "4.4.2",
27
- "@graphcommerce/magento-product": "4.4.3",
28
- "@graphcommerce/magento-product-configurable": "4.1.10",
29
- "@graphcommerce/magento-store": "4.2.7",
30
- "@graphcommerce/next-ui": "4.8.3"
22
+ "@graphcommerce/graphql": "3.2.1",
23
+ "@graphcommerce/graphql-mesh": "4.1.4",
24
+ "@graphcommerce/image": "3.1.7",
25
+ "@graphcommerce/magento-cart": "4.4.3",
26
+ "@graphcommerce/magento-customer": "4.5.3",
27
+ "@graphcommerce/magento-product": "4.4.7",
28
+ "@graphcommerce/magento-product-configurable": "4.1.14",
29
+ "@graphcommerce/magento-store": "4.2.10",
30
+ "@graphcommerce/next-ui": "4.9.0"
31
31
  },
32
32
  "peerDependencies": {
33
33
  "@lingui/react": "^3.13.2",
@@ -35,7 +35,7 @@
35
35
  "@mui/material": "^5.5.3",
36
36
  "framer-motion": "^6.2.4",
37
37
  "next": "^12.1.2",
38
- "react": "^17.0.2",
39
- "react-dom": "^17.0.2"
38
+ "react": "^18.0.0",
39
+ "react-dom": "^18.0.0"
40
40
  }
41
41
  }