@graphcommerce/magento-store 4.0.1 → 4.1.0

package/CHANGELOG.md

@@ -1,5 +1,89 @@
 # Change Log
 
+## 4.1.0
+
+### Minor Changes
+
+- [#1285](https://github.com/ho-nl/m2-pwa/pull/1285)
+  [`ed9703b06`](https://github.com/ho-nl/m2-pwa/commit/ed9703b062d23ee01b1605ff9917c0ac3247fc25)
+  Thanks [@paales](https://github.com/paales)! - Added the ability to configure `defaultProps` for
+  the <Money/> component.
+
+  ```ts
+  // For example in examples/magento-graphcms/theme.ts
+
+  const createOverrides = (theme: Theme): Components => ({
+    Money: {
+      defaultProps: {
+        round: true,
+        formatOptions: {
+          style: 'decimal',
+        },
+      },
+    },
+  })
+  ```
+
+### Patch Changes
+
+- [#1285](https://github.com/ho-nl/m2-pwa/pull/1285)
+  [`c85294ba6`](https://github.com/ho-nl/m2-pwa/commit/c85294ba6d742ce78c074559a1e95409b25a5017)
+  Thanks [@paales](https://github.com/paales)! - upgraded dependencies
+
+- Updated dependencies
+  [[`c85294ba6`](https://github.com/ho-nl/m2-pwa/commit/c85294ba6d742ce78c074559a1e95409b25a5017)]:
+  - @graphcommerce/next-ui@4.1.3
+
+## 4.0.3
+
+### Patch Changes
+
+- [`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96)
+  Thanks [@paales](https://github.com/paales)! - made packages public
+
+* [#1278](https://github.com/ho-nl/m2-pwa/pull/1278)
+  [`81ea406d5`](https://github.com/ho-nl/m2-pwa/commit/81ea406d54d6b5c662c030a7fea444abc4117a20)
+  Thanks [@ErwinOtten](https://github.com/ErwinOtten)! - Upgraded dependencies to the latest version
+
+* Updated dependencies
+  [[`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96),
+  [`81ea406d5`](https://github.com/ho-nl/m2-pwa/commit/81ea406d54d6b5c662c030a7fea444abc4117a20),
+  [`3a719c88c`](https://github.com/ho-nl/m2-pwa/commit/3a719c88cad1eab58602de28c41adc0fc4827e1d),
+  [`5ffcb56bf`](https://github.com/ho-nl/m2-pwa/commit/5ffcb56bfcbe49ebeaf24f9341e819a145ab9a14)]:
+  - @graphcommerce/graphql@3.0.3
+  - @graphcommerce/image@3.1.0
+  - @graphcommerce/next-ui@4.1.2
+
+## 4.0.2
+
+### Patch Changes
+
+- [#1276](https://github.com/ho-nl/m2-pwa/pull/1276)
+  [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2)
+  Thanks [@paales](https://github.com/paales)! - We've moved lots of internal packages from
+  `dependencies` to `peerDependencies`. The result of this is that there will be significantly less
+  duplicate packages in the node_modules folders.
+
+* [#1276](https://github.com/ho-nl/m2-pwa/pull/1276)
+  [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)
+  Thanks [@paales](https://github.com/paales)! - Upgraded to
+  [NextJS 12.1](https://nextjs.org/blog/next-12-1)! This is just for compatibility, but we'll be
+  implementing
+  [On-demand Incremental Static Regeneration](https://nextjs.org/blog/next-12-1#on-demand-incremental-static-regeneration-beta)
+  soon.
+
+  This will greatly reduce the requirement to rebuid stuff and we'll add a management UI on the
+  frontend to be able to revalidate pages manually.
+
+* Updated dependencies
+  [[`381e4c86a`](https://github.com/ho-nl/m2-pwa/commit/381e4c86a8321ce96e1fa5c7d3c0a0c0ff3e02c7),
+  [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2),
+  [`e7c8e2756`](https://github.com/ho-nl/m2-pwa/commit/e7c8e2756d637cbcd2e793d62ef5721d35d9fa7b),
+  [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)]:
+  - @graphcommerce/next-ui@4.1.1
+  - @graphcommerce/graphql@3.0.2
+  - @graphcommerce/image@3.0.2
+
 ## 4.0.1
 
 ### Patch Changes

package/Money.tsx

@@ -1,11 +1,30 @@
 import { useQuery } from '@graphcommerce/graphql'
-import React, { useMemo } from 'react'
+import { ExtendableComponent } from '@graphcommerce/next-ui'
+import { useThemeProps } from '@mui/material'
+import { useMemo } from 'react'
 import { MoneyFragment } from './Money.gql'
 import { StoreConfigDocument } from './StoreConfig.gql'
 
-export type MoneyProps = MoneyFragment & { round?: boolean }
+type OverridableProps = {
+  round?: boolean
+  /** @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#parameters */
+  formatOptions?: Intl.NumberFormatOptions
+}
+
+export type MoneyProps = MoneyFragment & OverridableProps
+
+const name = 'Money'
+
+/** Expose the component to be exendable in your theme.components */
+declare module '@mui/material/styles/components' {
+  interface Components {
+    Money?: Pick<ExtendableComponent<OverridableProps>, 'defaultProps'>
+  }
+}
+
+export function Money(props: MoneyProps) {
+  const { currency, value, round = false, formatOptions } = useThemeProps({ name, props })
 
-export function Money({ currency, value, round = false }: MoneyProps) {
   const { data: config } = useQuery(StoreConfigDocument)
   const locale = config?.storeConfig?.locale
 
@@ -18,8 +37,9 @@ export function Money({ currency, value, round = false }: MoneyProps) {
       style: 'currency',
       currency: currency ?? config?.storeConfig?.base_currency_code ?? '',
       ...(digits && { minimumFractionDigits: 0 }),
+      ...formatOptions,
     })
-  }, [config?.storeConfig?.base_currency_code, currency, digits, locale])
+  }, [config?.storeConfig?.base_currency_code, currency, digits, formatOptions, locale])
 
   if (!numberFormatter || !value) return null
 

package/StoreConfig.graphql

@@ -19,6 +19,7 @@ query StoreConfig {
     category_url_suffix
     product_url_suffix
     secure_base_link_url
+    secure_base_url
 
     root_category_uid
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-store",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "4.0.1",
+  "version": "4.1.0",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -12,20 +12,22 @@
     }
   },
   "devDependencies": {
-    "@graphcommerce/eslint-config-pwa": "^4.0.1",
-    "@graphcommerce/prettier-config-pwa": "^4.0.1",
-    "@graphcommerce/typescript-config-pwa": "^4.0.1",
-    "@playwright/test": "^1.18.1"
+    "@graphcommerce/eslint-config-pwa": "^4.0.4",
+    "@graphcommerce/prettier-config-pwa": "^4.0.2",
+    "@graphcommerce/typescript-config-pwa": "^4.0.2",
+    "@playwright/test": "^1.19.1"
   },
   "dependencies": {
-    "@graphcommerce/graphql": "^3.0.1",
-    "@graphcommerce/image": "^3.0.1",
-    "@graphcommerce/next-ui": "^4.0.1",
+    "@graphcommerce/graphql": "^3.0.3",
+    "@graphcommerce/image": "^3.1.0",
+    "@graphcommerce/next-ui": "^4.1.3",
+    "type-fest": "^2.12.0"
+  },
+  "peerDependencies": {
     "@lingui/macro": "^3.13.2",
     "@mui/material": "^5.4.1",
     "next": "^12.0.10",
     "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "type-fest": "^2.11.2"
+    "react-dom": "^17.0.2"
   }
 }