@graphcommerce/magento-product 9.1.0-canary.44 → 9.1.0-canary.45

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Change Log
 
+## 9.1.0-canary.45
+
+### Patch Changes
+
+- [`7d59e59`](https://github.com/graphcommerce-org/graphcommerce/commit/7d59e592b4bc87cb0e05b6128820de2762297f7f) - Make sure you are able to set the defaultValue for the ProductPagePrice when running in total mode, so it works for GroupedProducts that might start with a default quantity of zero. ([@paales](https://github.com/paales))
+
+- [`7d59e59`](https://github.com/graphcommerce-org/graphcommerce/commit/7d59e592b4bc87cb0e05b6128820de2762297f7f) - Forward inputProps for AddProductToCartQuantity ([@paales](https://github.com/paales))
+
 ## 9.1.0-canary.44
 
 ## 9.1.0-canary.43
@@ -357,7 +365,6 @@
 - [#1749](https://github.com/graphcommerce-org/graphcommerce/pull/1749) [`0cc472915`](https://github.com/graphcommerce-org/graphcommerce/commit/0cc4729154d316227a41712b5f0adf514768e91f) - Introducing the new ProductFiltersPro component set with completely new filter and UI behavior. Filters will appear as a popper on the md and up breakpoints and as an overlay on sm and below breakpoints. Filters now have an Apply button instead of applying directly. ([@paales](https://github.com/paales))
 
 - [#1786](https://github.com/graphcommerce-org/graphcommerce/pull/1786) [`b76679204`](https://github.com/graphcommerce-org/graphcommerce/commit/b766792049e1e6ebe45671c0b36e78746ef159e2) - Created a completely new [GraphCommerce config system](https://www.graphcommerce.org/docs/framework/config) to allow for greater confiugration options and rely less on a .env file to configuration.
-
   - GraphCommerce can be configured in the graphcommerce.config.js
   - The configuration is automatically validated on startup.
   - All configuration values can be overwritten by environment variables. ([@paales](https://github.com/paales))
@@ -365,7 +372,6 @@
 ### Minor Changes
 
 - [#1822](https://github.com/graphcommerce-org/graphcommerce/pull/1822) [`cc02c46e3`](https://github.com/graphcommerce-org/graphcommerce/commit/cc02c46e32c9a44a90789591f43d91ae234dac84) - Added Facebook Open Graph tags to product pages:
-
   - og:title
   - og:image
   - og:url
@@ -399,7 +405,6 @@
 - [#1757](https://github.com/graphcommerce-org/graphcommerce/pull/1757) [`ca2e2ab59`](https://github.com/graphcommerce-org/graphcommerce/commit/ca2e2ab594ab1cc0fedf908869829811e1f4009f) - Handle stock_status OUT_OF_STOCK properly and show only_x_left_in_stock if feature is enabled ([@paales](https://github.com/paales))
 
 - [#1756](https://github.com/graphcommerce-org/graphcommerce/pull/1756) [`1abaaedde`](https://github.com/graphcommerce-org/graphcommerce/commit/1abaaedde4062d3b19696e333d0016972681afaf) - Show cart item error messages when running Magento >= 2.4.5 or this [patch is applied](https://raw.githubusercontent.com/graphcommerce-org/graphcommerce/main/packages/magento-cart/243-244-magento-module-quote-graphql-cart-item-errors.patch)
-
   - Fixes an issue where the cart can get into a broken state, if items contain errors.
   - AddToCartForm now shows a success message if there is an error but the error is related to another item in the cart.
   - Disable checkout buttons when there are cart item errors and show a message. ([@paales](https://github.com/paales))
@@ -409,7 +414,6 @@
 ### Patch Changes
 
 - [#1752](https://github.com/graphcommerce-org/graphcommerce/pull/1752) [`2a6a4d9ec`](https://github.com/graphcommerce-org/graphcommerce/commit/2a6a4d9ecfa1b58a66ba9b9d00016d6feda9aa95) - Updated dependencies to latest versions, except for nextjs; Solve tons of peer dependency issues.
-
   - Updated the @mui/material package
   - Removed dependencies on react-hook-form-mui and @playwright/test
   - Upgraded dependencies including type-fest and graphql-mesh
@@ -685,7 +689,6 @@
 ### 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

package/components/AddProductsToCart/AddProductsToCartQuantity.tsx

@@ -7,12 +7,12 @@ import { useFormAddProductsToCart } from './useFormAddProductsToCart'
 
 export type AddToCartQuantityProps = Omit<
   NumberFieldElementProps<AddProductsToCartMutationVariables>,
-  'error' | 'required' | 'inputProps' | 'helperText' | 'name' | 'control' | 'rules'
+  'error' | 'required' | 'helperText' | 'name' | 'control' | 'rules'
 > &
   AddToCartItemSelector
 
 export function AddProductsToCartQuantity(props: AddToCartQuantityProps) {
-  const { index = 0 } = props
+  const { index = 0, inputProps, ...rest } = props
   const { control } = useFormAddProductsToCart()
 
   return (
@@ -21,12 +21,16 @@ export function AddProductsToCartQuantity(props: AddToCartQuantityProps) {
       size='small'
       color='primary'
       required
-      inputProps={{ min: 1, 'aria-label': i18n._(/* i18n */ 'Add to cart quantity') }}
+      inputProps={{
+        min: 1,
+        'aria-label': i18n._(/* i18n */ 'Add to cart quantity'),
+        ...inputProps,
+      }}
       defaultValue={1}
       control={control}
       aria-label={i18n._(/* i18n */ 'Add to cart quantity')}
       name={`cartItems.${index}.quantity`}
-      {...props}
+      {...rest}
     />
   )
 }

package/components/ProductPagePrice/ProductPagePrice.tsx

@@ -17,6 +17,7 @@ export type ProductPagePriceProps = {
   sx?: SxProps<Theme>
   variant?: 'item' | 'total'
   asNumber?: boolean
+  defaultValue?: number
 } & AddToCartItemSelector &
   UseCustomizableOptionPriceProps
 
@@ -28,10 +29,19 @@ const { classes } = extendableComponent('ProductPagePrice', [
 ] as const)
 
 export function ProductPagePrice(props: ProductPagePriceProps) {
-  const { product, index = 0, prefix, suffix, sx, variant = 'item', asNumber } = props
+  const {
+    product,
+    index = 0,
+    prefix,
+    suffix,
+    sx,
+    variant = 'item',
+    asNumber,
+    defaultValue = 1,
+  } = props
 
   const { control } = useFormAddProductsToCart()
-  const quantity = useWatch({ control, name: `cartItems.${index}.quantity` })
+  const quantity = useWatch({ control, name: `cartItems.${index}.quantity`, defaultValue })
   const price =
     getProductTierPrice(product, quantity) ?? product.price_range.minimum_price.final_price
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-product",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "9.1.0-canary.44",
+  "version": "9.1.0-canary.45",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -18,18 +18,18 @@
     "typescript": "5.7.2"
   },
   "peerDependencies": {
-    "@graphcommerce/ecommerce-ui": "^9.1.0-canary.44",
-    "@graphcommerce/eslint-config-pwa": "^9.1.0-canary.44",
-    "@graphcommerce/framer-next-pages": "^9.1.0-canary.44",
-    "@graphcommerce/framer-scroller": "^9.1.0-canary.44",
-    "@graphcommerce/graphql": "^9.1.0-canary.44",
-    "@graphcommerce/graphql-mesh": "^9.1.0-canary.44",
-    "@graphcommerce/image": "^9.1.0-canary.44",
-    "@graphcommerce/magento-cart": "^9.1.0-canary.44",
-    "@graphcommerce/magento-store": "^9.1.0-canary.44",
-    "@graphcommerce/next-ui": "^9.1.0-canary.44",
-    "@graphcommerce/prettier-config-pwa": "^9.1.0-canary.44",
-    "@graphcommerce/typescript-config-pwa": "^9.1.0-canary.44",
+    "@graphcommerce/ecommerce-ui": "^9.1.0-canary.45",
+    "@graphcommerce/eslint-config-pwa": "^9.1.0-canary.45",
+    "@graphcommerce/framer-next-pages": "^9.1.0-canary.45",
+    "@graphcommerce/framer-scroller": "^9.1.0-canary.45",
+    "@graphcommerce/graphql": "^9.1.0-canary.45",
+    "@graphcommerce/graphql-mesh": "^9.1.0-canary.45",
+    "@graphcommerce/image": "^9.1.0-canary.45",
+    "@graphcommerce/magento-cart": "^9.1.0-canary.45",
+    "@graphcommerce/magento-store": "^9.1.0-canary.45",
+    "@graphcommerce/next-ui": "^9.1.0-canary.45",
+    "@graphcommerce/prettier-config-pwa": "^9.1.0-canary.45",
+    "@graphcommerce/typescript-config-pwa": "^9.1.0-canary.45",
     "@lingui/core": "^4.2.1",
     "@lingui/macro": "^4.2.1",
     "@lingui/react": "^4.2.1",