@graphcommerce/magento-product-configurable 4.1.30 → 4.2.0

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 +58 -0
  2. package/ConfigurableProductAddToCart/ConfigurableProductAddToCart.tsx +7 -10
  3. package/ProductListItemConfigurable.graphql +1 -0
  4. package/ProductListItemConfigurable.tsx +1 -1
  5. package/package.json +13 -13
package/CHANGELOG.md CHANGED
@@ -1,5 +1,63 @@
1
1
  # Change Log
2
2
 
3
+ ## 4.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#1602](https://github.com/graphcommerce-org/graphcommerce/pull/1602) [`5f781a217`](https://github.com/graphcommerce-org/graphcommerce/commit/5f781a217ce63ed56bc1a9983487b04400a8a315) Thanks [@ErwinOtten](https://github.com/ErwinOtten)! - Default styles and layout fixes
8
+
9
+ - Scaled icons and fonts down. Size in typography is now more gradual: https://graphcommerce.vercel.app/test/typography
10
+ - Multiple accessibility fixes. Missing button/input labels, and fixed spacing issues resulting in high % appropriately sized tap targets
11
+ - Replaced responsiveVal usage with better performaning breakpointVal where possible
12
+ - All buttons are now Pill by default.
13
+ - Cleaned up checkout styles
14
+
15
+ ### Patch Changes
16
+
17
+ - Updated dependencies [[`b40a352f7`](https://github.com/graphcommerce-org/graphcommerce/commit/b40a352f7bccdb831dce1d45baf98d51b0921d58), [`3ff0e7f2d`](https://github.com/graphcommerce-org/graphcommerce/commit/3ff0e7f2d26edad228848268d24e9aaf56cd2c30), [`04708dacc`](https://github.com/graphcommerce-org/graphcommerce/commit/04708daccc213c6ea927bc67fa3bd0d5b1fad619), [`bb94e7045`](https://github.com/graphcommerce-org/graphcommerce/commit/bb94e7045460cb671c45d612a0833731d7c20c30), [`b0dc4e2e1`](https://github.com/graphcommerce-org/graphcommerce/commit/b0dc4e2e1982d502d38dd50a0f493396360a7a15), [`4a5286dfe`](https://github.com/graphcommerce-org/graphcommerce/commit/4a5286dfeaa1719e594a0078f274fbab53969c4e), [`0ad5159eb`](https://github.com/graphcommerce-org/graphcommerce/commit/0ad5159ebef54b4ce7fee6f71b4bf710dba9ef8e), [`40983df17`](https://github.com/graphcommerce-org/graphcommerce/commit/40983df170ed0435c47496285dfe30aafeb2eeac), [`d46d5ed0c`](https://github.com/graphcommerce-org/graphcommerce/commit/d46d5ed0cc5794391b7527fc17bbb68ec2212e33), [`e573278e4`](https://github.com/graphcommerce-org/graphcommerce/commit/e573278e43506a6b17a2981e61d0e9fad41eb2eb), [`5f781a217`](https://github.com/graphcommerce-org/graphcommerce/commit/5f781a217ce63ed56bc1a9983487b04400a8a315), [`ec96a0eb0`](https://github.com/graphcommerce-org/graphcommerce/commit/ec96a0eb049ee2204f32f9c578455cf9c131dbd2), [`ac6eedbb1`](https://github.com/graphcommerce-org/graphcommerce/commit/ac6eedbb14d3abd8cf1231a98dc2a8b7f4659f1f)]:
18
+ - @graphcommerce/magento-product@4.5.0
19
+ - @graphcommerce/graphql-mesh@4.1.8
20
+ - @graphcommerce/magento-category@4.5.0
21
+ - @graphcommerce/next-ui@4.22.0
22
+ - @graphcommerce/magento-customer@4.10.0
23
+ - @graphcommerce/magento-cart@4.7.0
24
+ - @graphcommerce/magento-cart-items@3.1.0
25
+ - @graphcommerce/magento-product-simple@4.0.48
26
+ - @graphcommerce/magento-store@4.2.28
27
+ - @graphcommerce/graphql@3.4.7
28
+ - @graphcommerce/image@3.1.9
29
+
30
+ ## 4.1.32
31
+
32
+ ### Patch Changes
33
+
34
+ - Updated dependencies [[`1f7ee6f6c`](https://github.com/graphcommerce-org/graphcommerce/commit/1f7ee6f6cfb28544439ed36e10929ac530d1b2b7), [`707dbc73d`](https://github.com/graphcommerce-org/graphcommerce/commit/707dbc73d181204d88fdbbd2e09340e25b2b5f7b)]:
35
+ - @graphcommerce/next-ui@4.21.0
36
+ - @graphcommerce/graphql@3.4.6
37
+ - @graphcommerce/graphql-mesh@4.1.7
38
+ - @graphcommerce/magento-cart@4.6.9
39
+ - @graphcommerce/magento-cart-items@3.0.48
40
+ - @graphcommerce/magento-category@4.4.1
41
+ - @graphcommerce/magento-customer@4.9.5
42
+ - @graphcommerce/magento-product@4.4.25
43
+ - @graphcommerce/magento-store@4.2.27
44
+ - @graphcommerce/image@3.1.8
45
+ - @graphcommerce/magento-product-simple@4.0.47
46
+
47
+ ## 4.1.31
48
+
49
+ ### Patch Changes
50
+
51
+ - Updated dependencies [[`eee08c956`](https://github.com/graphcommerce-org/graphcommerce/commit/eee08c956fbcc4fe8d915b6fa8b399dafca69acd), [`79f057889`](https://github.com/graphcommerce-org/graphcommerce/commit/79f057889847c61d75db7f567fd6575a57cf1022), [`43822fd61`](https://github.com/graphcommerce-org/graphcommerce/commit/43822fd61c949215b8ddce9fb37d09f29b638426), [`3a619b70d`](https://github.com/graphcommerce-org/graphcommerce/commit/3a619b70d082804b8de46a8e8232f9431479a8b7), [`3a619b70d`](https://github.com/graphcommerce-org/graphcommerce/commit/3a619b70d082804b8de46a8e8232f9431479a8b7), [`3a619b70d`](https://github.com/graphcommerce-org/graphcommerce/commit/3a619b70d082804b8de46a8e8232f9431479a8b7)]:
52
+ - @graphcommerce/magento-category@4.4.0
53
+ - @graphcommerce/next-ui@4.20.0
54
+ - @graphcommerce/magento-customer@4.9.4
55
+ - @graphcommerce/magento-cart@4.6.8
56
+ - @graphcommerce/magento-cart-items@3.0.47
57
+ - @graphcommerce/magento-product@4.4.24
58
+ - @graphcommerce/magento-store@4.2.26
59
+ - @graphcommerce/magento-product-simple@4.0.46
60
+
3
61
  ## 4.1.30
4
62
 
5
63
  ### Patch Changes
package/ConfigurableProductAddToCart/ConfigurableProductAddToCart.tsx CHANGED
@@ -1,7 +1,6 @@
1
1
  import { ApolloCartErrorAlert, useFormGqlMutationCart } from '@graphcommerce/magento-cart'
2
2
  import { Money } from '@graphcommerce/magento-store'
3
3
  import {
4
- AnimatedRow,
5
4
  Button,
6
5
  extendableComponent,
7
6
  iconChevronRight,
@@ -10,8 +9,7 @@ import {
10
9
  TextInputNumber,
11
10
  } from '@graphcommerce/next-ui'
12
11
  import { Trans } from '@lingui/react'
13
- import { Divider, Typography, Alert, Box, SxProps, Theme } from '@mui/material'
14
- import { AnimatePresence } from 'framer-motion'
12
+ import { Divider, Typography, Alert, Box, SxProps, Theme, useMediaQuery } from '@mui/material'
15
13
  import PageLink from 'next/link'
16
14
  import React from 'react'
17
15
  import { Selected, useConfigurableContext } from '../ConfigurableContext/ConfigurableContext'
@@ -146,13 +144,11 @@ export function ConfigurableProductAddToCart(props: ConfigurableProductAddToCart
146
144
 
147
145
  <ApolloCartErrorAlert error={error} />
148
146
 
149
- <AnimatePresence initial={false}>
150
- {data?.addProductsToCart?.user_errors.map((e) => (
151
- <AnimatedRow key={e?.code}>
152
- <Alert severity='error'>{e?.message}</Alert>
153
- </AnimatedRow>
154
- ))}
155
- </AnimatePresence>
147
+ {data?.addProductsToCart?.user_errors.map((e) => (
148
+ <Box key={e?.code}>
149
+ <Alert severity='error'>{e?.message}</Alert>
150
+ </Box>
151
+ ))}
156
152
 
157
153
  <MessageSnackbar
158
154
  open={
@@ -162,6 +158,7 @@ export function ConfigurableProductAddToCart(props: ConfigurableProductAddToCart
162
158
  !data?.addProductsToCart?.user_errors?.length
163
159
  }
164
160
  variant='pill'
161
+ autoHide
165
162
  action={
166
163
  <PageLink href='/cart' passHref>
167
164
  <Button
package/ProductListItemConfigurable.graphql CHANGED
@@ -15,6 +15,7 @@ fragment ProductListItemConfigurable on ConfigurableProduct @inject(into: ["Prod
15
15
  }
16
16
  variants {
17
17
  attributes {
18
+ value_index
18
19
  uid
19
20
  code
20
21
  }
package/ProductListItemConfigurable.tsx CHANGED
@@ -58,7 +58,7 @@ export function ProductListItemConfigurable(props: ProdustListItemConfigurablePr
58
58
  variant?.attributes?.filter(
59
59
  (attribute) =>
60
60
  selected[attribute?.code ?? ''] !== undefined &&
61
- selected[attribute?.code ?? ''].includes(String(attribute?.uid)),
61
+ selected[attribute?.code ?? ''].includes(String(attribute?.value_index)),
62
62
  ).length,
63
63
  )
64
64
 
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@graphcommerce/magento-product-configurable",
3
3
  "homepage": "https://www.graphcommerce.org/",
4
4
  "repository": "github:graphcommerce-org/graphcommerce",
5
- "version": "4.1.30",
5
+ "version": "4.2.0",
6
6
  "sideEffects": false,
7
7
  "prettier": "@graphcommerce/prettier-config-pwa",
8
8
  "eslintConfig": {
@@ -12,24 +12,24 @@
12
12
  }
13
13
  },
14
14
  "devDependencies": {
15
- "@graphcommerce/eslint-config-pwa": "^4.1.9",
15
+ "@graphcommerce/eslint-config-pwa": "^4.1.10",
16
16
  "@graphcommerce/prettier-config-pwa": "^4.0.6",
17
17
  "@graphcommerce/typescript-config-pwa": "^4.0.4",
18
18
  "@playwright/test": "^1.21.1",
19
19
  "type-fest": "^2.12.2"
20
20
  },
21
21
  "dependencies": {
22
- "@graphcommerce/graphql": "3.4.5",
23
- "@graphcommerce/graphql-mesh": "4.1.6",
24
- "@graphcommerce/image": "3.1.7",
25
- "@graphcommerce/magento-cart": "4.6.7",
26
- "@graphcommerce/magento-cart-items": "3.0.46",
27
- "@graphcommerce/magento-category": "4.3.1",
28
- "@graphcommerce/magento-customer": "4.9.3",
29
- "@graphcommerce/magento-product": "4.4.23",
30
- "@graphcommerce/magento-product-simple": "4.0.45",
31
- "@graphcommerce/magento-store": "4.2.25",
32
- "@graphcommerce/next-ui": "4.19.0",
22
+ "@graphcommerce/graphql": "3.4.7",
23
+ "@graphcommerce/graphql-mesh": "4.1.8",
24
+ "@graphcommerce/image": "3.1.9",
25
+ "@graphcommerce/magento-cart": "4.7.0",
26
+ "@graphcommerce/magento-cart-items": "3.1.0",
27
+ "@graphcommerce/magento-category": "4.5.0",
28
+ "@graphcommerce/magento-customer": "4.10.0",
29
+ "@graphcommerce/magento-product": "4.5.0",
30
+ "@graphcommerce/magento-product-simple": "4.0.48",
31
+ "@graphcommerce/magento-store": "4.2.28",
32
+ "@graphcommerce/next-ui": "4.22.0",
33
33
  "@graphcommerce/react-hook-form": "3.3.2"
34
34
  },
35
35
  "peerDependencies": {