@graphcommerce/magento-product 4.4.7 → 4.4.10

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # Change Log
 
+## 4.4.10
+
+### Patch Changes
+
+- [#1524](https://github.com/graphcommerce-org/graphcommerce/pull/1524) [`9ec0338df`](https://github.com/graphcommerce-org/graphcommerce/commit/9ec0338dfe34d37b0f2c24e36ffa6ed13ea1145e) Thanks [@paales](https://github.com/paales)! - feat: Added useDateTimeFormat and useNumberFormat which automatically use the locales from nextjs.
+
+- Updated dependencies [[`d140fca34`](https://github.com/graphcommerce-org/graphcommerce/commit/d140fca3463b73e761e23fd1d9216305727f0c1a), [`9ec0338df`](https://github.com/graphcommerce-org/graphcommerce/commit/9ec0338dfe34d37b0f2c24e36ffa6ed13ea1145e), [`735b78672`](https://github.com/graphcommerce-org/graphcommerce/commit/735b786724d5401cbe6e88f2515e121a1a0945b2)]:
+  - @graphcommerce/magento-cart@4.4.6
+  - @graphcommerce/next-ui@4.11.0
+  - @graphcommerce/magento-store@4.2.12
+  - @graphcommerce/graphql@3.3.0
+  - @graphcommerce/framer-scroller@2.1.18
+
+## 4.4.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @graphcommerce/magento-cart@4.4.5
+
+## 4.4.8
+
+### Patch Changes
+
+- Updated dependencies [[`371e6cf52`](https://github.com/graphcommerce-org/graphcommerce/commit/371e6cf52916a3b6c44192bd40cc8271bd608832), [`4143483f3`](https://github.com/graphcommerce-org/graphcommerce/commit/4143483f37c038d2bbf218be2685e27a31a35745)]:
+  - @graphcommerce/next-ui@4.10.0
+  - @graphcommerce/magento-cart@4.4.4
+  - @graphcommerce/framer-scroller@2.1.17
+  - @graphcommerce/magento-store@4.2.11
+
 ## 4.4.7
 
 ### Patch Changes

package/components/ProductListItem/ProductListItem.tsx

@@ -1,10 +1,9 @@
 import { Image, ImageProps } from '@graphcommerce/image'
-import { responsiveVal, extendableComponent } from '@graphcommerce/next-ui'
+import { responsiveVal, extendableComponent, useNumberFormat } from '@graphcommerce/next-ui'
 import { Trans } from '@lingui/react'
 import { ButtonBase, Typography, Box, styled, SxProps, Theme } from '@mui/material'
 import PageLink from 'next/link'
-import { useRouter } from 'next/router'
-import React, { PropsWithChildren, useMemo } from 'react'
+import React, { PropsWithChildren } from 'react'
 import { ProductListItemFragment } from '../../Api/ProductListItem.gql'
 import { useProductLink } from '../../hooks/useProductLink'
 import { ProductListPrice } from '../ProductListPrice/ProductListPrice'
@@ -72,12 +71,8 @@ export function ProductListItem(props: ProductListItemProps) {
 
   const productLink = useProductLink(props)
   const discount = Math.floor(price_range.minimum_price.discount?.percent_off ?? 0)
-  const { locale } = useRouter()
 
-  const formatter = useMemo(
-    () => new Intl.NumberFormat(locale, { style: 'percent', maximumFractionDigits: 1 }),
-    [locale],
-  )
+  const formatter = useNumberFormat({ style: 'percent', maximumFractionDigits: 1 })
 
   return (
     <PageLink href={productLink} passHref>

package/components/ProductWeight/ProductWeight.tsx

@@ -1,25 +1,14 @@
 import { useQuery } from '@graphcommerce/graphql'
 import { StoreConfigDocument } from '@graphcommerce/magento-store'
-import { useMemo } from 'react'
+import { useNumberFormat } from '@graphcommerce/next-ui'
 import { ProductWeightFragment } from './ProductWeight.gql'
 
 export function ProductWeight(props: ProductWeightFragment) {
   const { weight } = props
   const { data: conf } = useQuery(StoreConfigDocument)
   const unit = conf?.storeConfig?.weight_unit ?? ''
-  const locale = conf?.storeConfig?.locale
 
-  const numberFormatter = useMemo(() => {
-    if (!locale) return undefined
-    /**
-     * Todo: upgrade to browser native unit rendering when:
-     *
-     * - Node 14 is supported upstream
-     * - Webkit/Safari supports the unit and unitDisplay option
-     *   https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat#Using_style_and_unit
-     */
-    return new Intl.NumberFormat(locale.replace('_', '-'))
-  }, [locale])
+  const numberFormatter = useNumberFormat()
 
   if (!numberFormatter || !weight) return null
   return (

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-product",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "4.4.7",
+  "version": "4.4.10",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -19,13 +19,13 @@
     "type-fest": "^2.12.2"
   },
   "dependencies": {
-    "@graphcommerce/framer-scroller": "2.1.16",
-    "@graphcommerce/graphql": "3.2.1",
+    "@graphcommerce/framer-scroller": "2.1.18",
+    "@graphcommerce/graphql": "3.3.0",
     "@graphcommerce/graphql-mesh": "4.1.4",
     "@graphcommerce/image": "3.1.7",
-    "@graphcommerce/magento-cart": "4.4.3",
-    "@graphcommerce/magento-store": "4.2.10",
-    "@graphcommerce/next-ui": "4.9.0",
+    "@graphcommerce/magento-cart": "4.4.6",
+    "@graphcommerce/magento-store": "4.2.12",
+    "@graphcommerce/next-ui": "4.11.0",
     "schema-dts": "^1.1.0"
   },
   "peerDependencies": {