@graphcommerce/magento-product-configurable 4.1.32 → 4.2.2

package/CHANGELOG.md

@@ -1,5 +1,60 @@
 # Change Log
 
+## 4.2.2
+
+### Patch Changes
+
+- Updated dependencies [[`755d2cf83`](https://github.com/graphcommerce-org/graphcommerce/commit/755d2cf83343a5ad3d61063eff595d821de360aa), [`dc7f2dda4`](https://github.com/graphcommerce-org/graphcommerce/commit/dc7f2dda40ff8572fc11161de6eb62ca13e720dd)]:
+  - @graphcommerce/next-ui@4.23.0
+  - @graphcommerce/magento-cart@4.7.2
+  - @graphcommerce/magento-cart-items@3.1.2
+  - @graphcommerce/magento-category@4.5.2
+  - @graphcommerce/magento-customer@4.10.2
+  - @graphcommerce/magento-product@4.5.2
+  - @graphcommerce/magento-store@4.2.30
+  - @graphcommerce/magento-product-simple@4.0.50
+
+## 4.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`448c77681`](https://github.com/graphcommerce-org/graphcommerce/commit/448c77681f9a7794e84ec93139d7e0f16afafbd9)]:
+  - @graphcommerce/graphql-mesh@4.1.9
+  - @graphcommerce/magento-customer@4.10.1
+  - @graphcommerce/magento-product@4.5.1
+  - @graphcommerce/magento-store@4.2.29
+  - @graphcommerce/magento-cart@4.7.1
+  - @graphcommerce/magento-cart-items@3.1.1
+  - @graphcommerce/magento-category@4.5.1
+  - @graphcommerce/magento-product-simple@4.0.49
+
+## 4.2.0
+
+### Minor Changes
+
+- [#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
+
+  - Scaled icons and fonts down. Size in typography is now more gradual: https://graphcommerce.vercel.app/test/typography
+  - Multiple accessibility fixes. Missing button/input labels, and fixed spacing issues resulting in high % appropriately sized tap targets
+  - Replaced responsiveVal usage with better performaning breakpointVal where possible
+  - All buttons are now Pill by default.
+  - Cleaned up checkout styles
+
+### Patch Changes
+
+- 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)]:
+  - @graphcommerce/magento-product@4.5.0
+  - @graphcommerce/graphql-mesh@4.1.8
+  - @graphcommerce/magento-category@4.5.0
+  - @graphcommerce/next-ui@4.22.0
+  - @graphcommerce/magento-customer@4.10.0
+  - @graphcommerce/magento-cart@4.7.0
+  - @graphcommerce/magento-cart-items@3.1.0
+  - @graphcommerce/magento-product-simple@4.0.48
+  - @graphcommerce/magento-store@4.2.28
+  - @graphcommerce/graphql@3.4.7
+  - @graphcommerce/image@3.1.9
+
 ## 4.1.32
 
 ### Patch Changes

package/ConfigurableProductAddToCart/ConfigurableProductAddToCart.tsx

@@ -1,7 +1,6 @@
 import { ApolloCartErrorAlert, useFormGqlMutationCart } from '@graphcommerce/magento-cart'
 import { Money } from '@graphcommerce/magento-store'
 import {
-  AnimatedRow,
   Button,
   extendableComponent,
   iconChevronRight,
@@ -10,8 +9,7 @@ import {
   TextInputNumber,
 } from '@graphcommerce/next-ui'
 import { Trans } from '@lingui/react'
-import { Divider, Typography, Alert, Box, SxProps, Theme } from '@mui/material'
-import { AnimatePresence } from 'framer-motion'
+import { Divider, Typography, Alert, Box, SxProps, Theme, useMediaQuery } from '@mui/material'
 import PageLink from 'next/link'
 import React from 'react'
 import { Selected, useConfigurableContext } from '../ConfigurableContext/ConfigurableContext'
@@ -146,13 +144,11 @@ export function ConfigurableProductAddToCart(props: ConfigurableProductAddToCart
 
       <ApolloCartErrorAlert error={error} />
 
-      <AnimatePresence initial={false}>
-        {data?.addProductsToCart?.user_errors.map((e) => (
-          <AnimatedRow layout key={e?.code}>
-            <Alert severity='error'>{e?.message}</Alert>
-          </AnimatedRow>
-        ))}
-      </AnimatePresence>
+      {data?.addProductsToCart?.user_errors.map((e) => (
+        <Box key={e?.code}>
+          <Alert severity='error'>{e?.message}</Alert>
+        </Box>
+      ))}
 
       <MessageSnackbar
         open={
@@ -162,6 +158,7 @@ export function ConfigurableProductAddToCart(props: ConfigurableProductAddToCart
           !data?.addProductsToCart?.user_errors?.length
         }
         variant='pill'
+        autoHide
         action={
           <PageLink href='/cart' passHref>
             <Button

package/ProductListItemConfigurable.graphql

@@ -15,6 +15,7 @@ fragment ProductListItemConfigurable on ConfigurableProduct @inject(into: ["Prod
   }
   variants {
     attributes {
+      value_index
       uid
       code
     }

package/ProductListItemConfigurable.tsx

@@ -58,7 +58,7 @@ export function ProductListItemConfigurable(props: ProdustListItemConfigurablePr
       variant?.attributes?.filter(
         (attribute) =>
           selected[attribute?.code ?? ''] !== undefined &&
-          selected[attribute?.code ?? ''].includes(String(attribute?.uid)),
+          selected[attribute?.code ?? ''].includes(String(attribute?.value_index)),
       ).length,
   )
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-product-configurable",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "4.1.32",
+  "version": "4.2.2",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -19,17 +19,17 @@
     "type-fest": "^2.12.2"
   },
   "dependencies": {
-    "@graphcommerce/graphql": "3.4.6",
-    "@graphcommerce/graphql-mesh": "4.1.7",
-    "@graphcommerce/image": "3.1.8",
-    "@graphcommerce/magento-cart": "4.6.9",
-    "@graphcommerce/magento-cart-items": "3.0.48",
-    "@graphcommerce/magento-category": "4.4.1",
-    "@graphcommerce/magento-customer": "4.9.5",
-    "@graphcommerce/magento-product": "4.4.25",
-    "@graphcommerce/magento-product-simple": "4.0.47",
-    "@graphcommerce/magento-store": "4.2.27",
-    "@graphcommerce/next-ui": "4.21.0",
+    "@graphcommerce/graphql": "3.4.7",
+    "@graphcommerce/graphql-mesh": "4.1.9",
+    "@graphcommerce/image": "3.1.9",
+    "@graphcommerce/magento-cart": "4.7.2",
+    "@graphcommerce/magento-cart-items": "3.1.2",
+    "@graphcommerce/magento-category": "4.5.2",
+    "@graphcommerce/magento-customer": "4.10.2",
+    "@graphcommerce/magento-product": "4.5.2",
+    "@graphcommerce/magento-product-simple": "4.0.50",
+    "@graphcommerce/magento-store": "4.2.30",
+    "@graphcommerce/next-ui": "4.23.0",
     "@graphcommerce/react-hook-form": "3.3.2"
   },
   "peerDependencies": {