@graphcommerce/magento-wishlist 10.0.0-canary.67 → 10.0.0-canary.72

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 +20 -0
  2. package/components/ProductWishlistChip/ProductWishlistIconButton.tsx +11 -11
  3. package/components/WishlistItemActionCard/WishlistItemActionCard.tsx +4 -4
  4. package/hooks/useWishlistitems/useWishlistItems.tsx +4 -4
  5. package/package.json +16 -16
package/CHANGELOG.md CHANGED
@@ -1,5 +1,25 @@
1
1
  # @graphcommerce/magento-wishlist
2
2
 
3
+ ## 10.0.0-canary.72
4
+
5
+ ## 10.0.0-canary.71
6
+
7
+ ## 10.0.0-canary.70
8
+
9
+ ### Major Changes
10
+
11
+ - [#2565](https://github.com/graphcommerce-org/graphcommerce/pull/2565) [`c96dfcd`](https://github.com/graphcommerce-org/graphcommerce/commit/c96dfcdca981baca387c270ad9e2b9515cdd00cc) - Updated to Apollo Client 4 ([@paales](https://github.com/paales))
12
+
13
+ ## 10.0.0-canary.69
14
+
15
+ ## 10.0.0-canary.68
16
+
17
+ ### Major Changes
18
+
19
+ - [#2557](https://github.com/graphcommerce-org/graphcommerce/pull/2557) [`ceaadd8`](https://github.com/graphcommerce-org/graphcommerce/commit/ceaadd87f0648982a068a3b07b1fa149c9127f49) - ## Material UI v5 → v7 Migration
20
+
21
+ This release upgrades Material UI from v5 to v7 with full CSS variables support. ([@paales](https://github.com/paales))
22
+
3
23
  ## 10.0.0-canary.67
4
24
 
5
25
  ## 10.0.0-canary.66
package/components/ProductWishlistChip/ProductWishlistIconButton.tsx CHANGED
@@ -7,6 +7,7 @@ import {
7
7
  iconHeart,
8
8
  IconSvg,
9
9
  MessageSnackbar,
10
+ sxx,
10
11
  } from '@graphcommerce/next-ui'
11
12
  import { t } from '@lingui/core/macro'
12
13
  import { Trans } from '@lingui/react/macro'
@@ -42,7 +43,7 @@ export const ProductWishlistIconButton = React.memo<ProductWishlistChipProps>((p
42
43
  size='small'
43
44
  className={classes.wishlistButton}
44
45
  {...buttonProps}
45
- sx={[(theme) => ({ padding: theme.spacings.xxs }), ...(Array.isArray(sx) ? sx : [sx])]}
46
+ sx={sxx((theme) => ({ padding: theme.spacings.xxs }), sx)}
46
47
  title={current ? t`Remove from wishlist` : t`Add to wishlist`}
47
48
  aria-label={current ? t`Remove from wishlist` : t`Add to wishlist`}
48
49
  >
@@ -51,7 +52,7 @@ export const ProductWishlistIconButton = React.memo<ProductWishlistChipProps>((p
51
52
  src={iconHeart}
52
53
  size='medium'
53
54
  className={classes.wishlistIconActive}
54
- sx={(theme) => ({ color: theme.palette.primary.main, fill: 'currentcolor' })}
55
+ sx={(theme) => ({ color: theme.vars.palette.primary.main, fill: 'currentcolor' })}
55
56
  {...iconSvgProps}
56
57
  />
57
58
  ) : (
@@ -60,23 +61,22 @@ export const ProductWishlistIconButton = React.memo<ProductWishlistChipProps>((p
60
61
  size='medium'
61
62
  className={classes.wishlistIcon}
62
63
  sx={(theme) => ({
63
- color:
64
- theme.palette.mode === 'light'
65
- ? theme.palette.text.secondary
66
- : theme.palette.background.paper,
64
+ color: theme.vars.palette.background.paper,
67
65
  '.SidebarGallery-root &': {
68
66
  // todo
69
- color:
70
- theme.palette.mode === 'light'
71
- ? theme.palette.text.secondary
72
- : theme.palette.primary.contrastText,
67
+ color: theme.vars.palette.primary.contrastText,
68
+ ...theme.applyStyles('light', {
69
+ color: theme.vars.palette.text.secondary,
70
+ }),
73
71
  },
72
+ ...theme.applyStyles('light', {
73
+ color: theme.vars.palette.text.secondary,
74
+ }),
74
75
  })}
75
76
  {...iconSvgProps}
76
77
  />
77
78
  )}
78
79
  </IconButton>
79
-
80
80
  {wishlistShowFeedbackMessage && (
81
81
  <MessageSnackbar
82
82
  open={showSuccess}
package/components/WishlistItemActionCard/WishlistItemActionCard.tsx CHANGED
@@ -3,7 +3,7 @@ import { Image } from '@graphcommerce/image'
3
3
  import { AddProductsToCartForm, useProductLink } from '@graphcommerce/magento-product'
4
4
  import { Money } from '@graphcommerce/magento-store'
5
5
  import type { ActionCardProps } from '@graphcommerce/next-ui'
6
- import { ActionCard, actionCardImageSizes, extendableComponent } from '@graphcommerce/next-ui'
6
+ import { ActionCard, actionCardImageSizes, extendableComponent, sxx } from '@graphcommerce/next-ui'
7
7
  import { Trans } from '@lingui/react/macro'
8
8
  import type { ButtonProps, SxProps, Theme } from '@mui/material'
9
9
  import { Button, Link } from '@mui/material'
@@ -67,7 +67,7 @@ export function WishlistItemActionCard(props: WishlistItemActionCardProps) {
67
67
  <ActionCard
68
68
  variant={variant}
69
69
  value={id}
70
- sx={[
70
+ sx={sxx(
71
71
  (theme) => ({
72
72
  '&.ActionCard-root': {
73
73
  px: 0,
@@ -119,8 +119,8 @@ export function WishlistItemActionCard(props: WishlistItemActionCardProps) {
119
119
  mb: { xs: 0.5, sm: 0 },
120
120
  },
121
121
  }),
122
- ...(Array.isArray(sx) ? sx : [sx]),
123
- ]}
122
+ sx,
123
+ )}
124
124
  image={
125
125
  product?.small_image?.url && (
126
126
  <Image
package/hooks/useWishlistitems/useWishlistItems.tsx CHANGED
@@ -1,10 +1,10 @@
1
- import type { QueryResult } from '@graphcommerce/graphql'
1
+ import type { useQuery } from '@graphcommerce/graphql'
2
2
  import {
3
3
  useCustomerQuery,
4
4
  useCustomerSession,
5
5
  useGuestQuery,
6
6
  } from '@graphcommerce/magento-customer'
7
- import { filterNonNullableKeys, nonNullable } from '@graphcommerce/next-ui'
7
+ import { nonNullable } from '@graphcommerce/next-ui'
8
8
  import type { WishlistItemFragment } from '../../queries/WishlistItem.gql'
9
9
  import { useWishlistEnabled } from '../useWishlistEnabled/useWishlistEnabled'
10
10
  import type {
@@ -19,13 +19,13 @@ export type UseWishlistItemsGuestReturn = {
19
19
  enabled: boolean
20
20
  loggedIn: false
21
21
  items: WishlistItemFragment[]
22
- } & QueryResult<UseWishlistGuestQuery, UseWishlistGuestQueryVariables>
22
+ } & useQuery.Result<UseWishlistGuestQuery, UseWishlistGuestQueryVariables>
23
23
 
24
24
  export type UseWishlistItemsCustomerReturn = {
25
25
  enabled: boolean
26
26
  loggedIn: true
27
27
  items: WishlistItemFragment[]
28
- } & QueryResult<UseWishlistCustomerQuery, UseWishlistCustomerQueryVariables>
28
+ } & useQuery.Result<UseWishlistCustomerQuery, UseWishlistCustomerQueryVariables>
29
29
 
30
30
  export type UseWishlistItemsReturn = UseWishlistItemsGuestReturn | UseWishlistItemsCustomerReturn
31
31
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@graphcommerce/magento-wishlist",
3
- "version": "10.0.0-canary.67",
3
+ "version": "10.0.0-canary.72",
4
4
  "sideEffects": false,
5
5
  "prettier": "@graphcommerce/prettier-config-pwa",
6
6
  "browserslist": [
@@ -13,24 +13,24 @@
13
13
  }
14
14
  },
15
15
  "peerDependencies": {
16
- "@graphcommerce/ecommerce-ui": "^10.0.0-canary.67",
17
- "@graphcommerce/eslint-config-pwa": "^10.0.0-canary.67",
18
- "@graphcommerce/graphql": "^10.0.0-canary.67",
19
- "@graphcommerce/graphql-mesh": "^10.0.0-canary.67",
20
- "@graphcommerce/image": "^10.0.0-canary.67",
21
- "@graphcommerce/magento-cart": "^10.0.0-canary.67",
22
- "@graphcommerce/magento-customer": "^10.0.0-canary.67",
23
- "@graphcommerce/magento-product": "^10.0.0-canary.67",
24
- "@graphcommerce/magento-product-configurable": "^10.0.0-canary.67",
25
- "@graphcommerce/magento-store": "^10.0.0-canary.67",
26
- "@graphcommerce/next-config": "^10.0.0-canary.67",
27
- "@graphcommerce/next-ui": "^10.0.0-canary.67",
28
- "@graphcommerce/prettier-config-pwa": "^10.0.0-canary.67",
29
- "@graphcommerce/typescript-config-pwa": "^10.0.0-canary.67",
16
+ "@graphcommerce/ecommerce-ui": "^10.0.0-canary.72",
17
+ "@graphcommerce/eslint-config-pwa": "^10.0.0-canary.72",
18
+ "@graphcommerce/graphql": "^10.0.0-canary.72",
19
+ "@graphcommerce/graphql-mesh": "^10.0.0-canary.72",
20
+ "@graphcommerce/image": "^10.0.0-canary.72",
21
+ "@graphcommerce/magento-cart": "^10.0.0-canary.72",
22
+ "@graphcommerce/magento-customer": "^10.0.0-canary.72",
23
+ "@graphcommerce/magento-product": "^10.0.0-canary.72",
24
+ "@graphcommerce/magento-product-configurable": "^10.0.0-canary.72",
25
+ "@graphcommerce/magento-store": "^10.0.0-canary.72",
26
+ "@graphcommerce/next-config": "^10.0.0-canary.72",
27
+ "@graphcommerce/next-ui": "^10.0.0-canary.72",
28
+ "@graphcommerce/prettier-config-pwa": "^10.0.0-canary.72",
29
+ "@graphcommerce/typescript-config-pwa": "^10.0.0-canary.72",
30
30
  "@lingui/core": "^5",
31
31
  "@lingui/macro": "^5",
32
32
  "@lingui/react": "^5",
33
- "@mui/material": "^5.10.16",
33
+ "@mui/material": "^7.0.0",
34
34
  "framer-motion": "^11.0.0",
35
35
  "next": "*",
36
36
  "react": "^19.2.0",