@graphcommerce/magento-cart 4.0.0 → 4.1.1

package/CHANGELOG.md

@@ -1,5 +1,108 @@
 # Change Log
 
+## 4.1.1
+
+### Patch Changes
+
+- [#1274](https://github.com/ho-nl/m2-pwa/pull/1274)
+  [`381e4c86a`](https://github.com/ho-nl/m2-pwa/commit/381e4c86a8321ce96e1fa5c7d3c0a0c0ff3e02c7)
+  Thanks [@paales](https://github.com/paales)! - Moved `ApolloErrorAlert`, `ApolloErrorFullPage` and
+  `ApolloErrorSnackbar` to the ecommerce-ui package.
+
+  Created `ComposedSubmitButton` and `ComposedSubmitLinkOrButton` to reduce complexity from
+  `magento-graphcms` example.
+
+  Removed dependency an `@graphcommerce/react-hook-form` from `magento-graphcms` example.
+
+  Added dependency `@graphcommerce/ecommerce-ui` from `magento-graphcms` example.
+
+* [#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.
+
+- [#1274](https://github.com/ho-nl/m2-pwa/pull/1274)
+  [`b08a8eb1d`](https://github.com/ho-nl/m2-pwa/commit/b08a8eb1d024b9d3e7712ef034029151670db275)
+  Thanks [@paales](https://github.com/paales)! - Fixed extraction of translations and updated
+  various translations for english 🇺🇸🇬🇧 and dutch 🇳🇱
+
+* [#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.
+
+- [#1274](https://github.com/ho-nl/m2-pwa/pull/1274)
+  [`5a4809b1a`](https://github.com/ho-nl/m2-pwa/commit/5a4809b1a705aa32f620f520085df48ee25f9949)
+  Thanks [@paales](https://github.com/paales)! - make sure the discount is rendered side-by-side
+
+- Updated dependencies
+  [[`381e4c86a`](https://github.com/ho-nl/m2-pwa/commit/381e4c86a8321ce96e1fa5c7d3c0a0c0ff3e02c7),
+  [`351347afe`](https://github.com/ho-nl/m2-pwa/commit/351347afeae5bd837408d46c7593bcf5473dc621),
+  [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2),
+  [`e7c8e2756`](https://github.com/ho-nl/m2-pwa/commit/e7c8e2756d637cbcd2e793d62ef5721d35d9fa7b),
+  [`b08a8eb1d`](https://github.com/ho-nl/m2-pwa/commit/b08a8eb1d024b9d3e7712ef034029151670db275),
+  [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)]:
+  - @graphcommerce/ecommerce-ui@1.0.0
+  - @graphcommerce/framer-next-pages@3.0.2
+  - @graphcommerce/magento-customer@4.1.1
+  - @graphcommerce/next-ui@4.1.1
+  - @graphcommerce/react-hook-form@3.0.2
+  - @graphcommerce/framer-scroller@2.0.2
+  - @graphcommerce/graphql@3.0.2
+  - @graphcommerce/image@3.0.2
+  - @graphcommerce/magento-graphql@3.0.2
+  - @graphcommerce/magento-store@4.0.2
+
+## 4.1.0
+
+### Minor Changes
+
+- [#1273](https://github.com/ho-nl/m2-pwa/pull/1273)
+  [`8c4e4f7cd`](https://github.com/ho-nl/m2-pwa/commit/8c4e4f7cdd2fa4252788fbc9889d0803bba20eef)
+  Thanks [@paales](https://github.com/paales)! - Added darkmode support! ☀️🌑, adds a toggle to the
+  hamburger menu.
+
+### Patch Changes
+
+- [#1271](https://github.com/ho-nl/m2-pwa/pull/1271)
+  [`e0008d60d`](https://github.com/ho-nl/m2-pwa/commit/e0008d60d712603219129dd411d1985bf1ebbed1)
+  Thanks [@paales](https://github.com/paales)! - make sure the CartFab and MenuFab are stylable with
+  sx
+
+- Updated dependencies
+  [[`e0008d60d`](https://github.com/ho-nl/m2-pwa/commit/e0008d60d712603219129dd411d1985bf1ebbed1),
+  [`5d9f8320f`](https://github.com/ho-nl/m2-pwa/commit/5d9f8320ff9621d7357fbe01319ab0cafdf9095d),
+  [`8c4e4f7cd`](https://github.com/ho-nl/m2-pwa/commit/8c4e4f7cdd2fa4252788fbc9889d0803bba20eef),
+  [`5082b8c81`](https://github.com/ho-nl/m2-pwa/commit/5082b8c8191cc3e0b4627678bf837af093513d57)]:
+  - @graphcommerce/next-ui@4.1.0
+  - @graphcommerce/magento-customer@4.1.0
+
+## 4.0.1
+
+### Patch Changes
+
+- [`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)
+  Thanks [@paales](https://github.com/paales)! - Added homepage and repository package.json files,
+  so that the packages link to back to the website and repository
+- Updated dependencies
+  [[`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)]:
+  - @graphcommerce/framer-next-pages@3.0.1
+  - @graphcommerce/framer-scroller@2.0.1
+  - @graphcommerce/graphql@3.0.1
+  - @graphcommerce/image@3.0.1
+  - @graphcommerce/magento-customer@4.0.1
+  - @graphcommerce/magento-graphql@3.0.1
+  - @graphcommerce/magento-store@4.0.1
+  - @graphcommerce/next-ui@4.0.1
+  - @graphcommerce/react-hook-form@3.0.1
+
 ## 4.0.0
 
 ### Major Changes

package/components/ApolloCartError/ApolloCartErrorAlert.tsx

@@ -1,11 +1,10 @@
+import { ApolloErrorAlert, ApolloErrorAlertProps } from '@graphcommerce/ecommerce-ui'
 import { useQuery } from '@graphcommerce/graphql'
 import { CustomerTokenDocument } from '@graphcommerce/magento-customer'
 import { graphqlErrorByCategory } from '@graphcommerce/magento-graphql'
-import { ApolloErrorAlert, ApolloErrorAlertProps } from '@graphcommerce/next-ui'
 import { t } from '@lingui/macro'
 import { Button } from '@mui/material'
 import Link from 'next/link'
-import React from 'react'
 import { useClearCurrentCartId } from '../../hooks/useClearCurrentCartId'
 
 export type ApolloCartErrorAlertProps = ApolloErrorAlertProps

package/components/ApolloCartError/ApolloCartErrorFullPage.tsx

@@ -1,10 +1,6 @@
+import { ApolloErrorFullPage, ApolloErrorFullPageProps } from '@graphcommerce/ecommerce-ui'
 import { graphqlErrorByCategory } from '@graphcommerce/magento-graphql'
-import {
-  ApolloErrorFullPage,
-  ApolloErrorFullPageProps,
-  iconSadFace,
-  SvgIcon,
-} from '@graphcommerce/next-ui'
+import { iconSadFace, SvgIcon } from '@graphcommerce/next-ui'
 import { Button } from '@mui/material'
 import { useClearCurrentCartId } from '../../hooks/useClearCurrentCartId'
 

package/components/ApolloCartError/ApolloCartErrorSnackbar.tsx

@@ -1,5 +1,5 @@
+import { ApolloErrorSnackbarProps, ApolloErrorSnackbar } from '@graphcommerce/ecommerce-ui'
 import { graphqlErrorByCategory } from '@graphcommerce/magento-graphql'
-import { ApolloErrorSnackbarProps, ApolloErrorSnackbar } from '@graphcommerce/next-ui'
 import { Button } from '@mui/material'
 import React from 'react'
 import { useClearCurrentCartId } from '../../hooks/useClearCurrentCartId'

package/components/CartFab/CartFab.tsx

@@ -7,7 +7,7 @@ import {
   useScrollY,
 } from '@graphcommerce/next-ui'
 import { t } from '@lingui/macro'
-import { alpha, Fab, FabProps, NoSsr, styled, useTheme, Box } from '@mui/material'
+import { alpha, Fab, FabProps, NoSsr, styled, useTheme, Box, SxProps, Theme } from '@mui/material'
 import { m, useTransform } from 'framer-motion'
 import PageLink from 'next/link'
 import React from 'react'
@@ -17,6 +17,7 @@ import { CartTotalQuantityFragment } from './CartTotalQuantity.gql'
 
 export type CartFabProps = {
   icon?: React.ReactNode
+  sx?: SxProps<Theme>
 }
 
 type CartFabContentProps = CartFabProps & CartTotalQuantityFragment
@@ -32,7 +33,7 @@ const MotionFab = m(
 const { classes } = extendableComponent('CartFab', ['root', 'cart', 'shadow'] as const)
 
 function CartFabContent(props: CartFabContentProps) {
-  const { total_quantity, icon, ...fabProps } = props
+  const { total_quantity, icon, sx = [], ...fabProps } = props
 
   const theme2 = useTheme()
   const scrollY = useScrollY()
@@ -48,7 +49,10 @@ function CartFabContent(props: CartFabContentProps) {
   return (
     <Box
       className={classes.root}
-      sx={{ position: 'relative', width: fabIconSize, height: fabIconSize }}
+      sx={[
+        { position: 'relative', width: fabIconSize, height: fabIconSize },
+        ...(Array.isArray(sx) ? sx : [sx]),
+      ]}
     >
       <PageLink href='/cart' passHref>
         <MotionFab

package/components/CartSummary/index.tsx

@@ -102,7 +102,7 @@ export default function CartSummary(props: CartSummaryProps) {
             <Box>
               <SectionContainer
                 variantLeft='h5'
-                labelLeft={t`Billing Address`}
+                labelLeft={t`Billing address`}
                 sx={{ '& .SectionHeader': { marginTop: 0, paddingBottom: '8px' } }}
                 labelRight={
                   editable ? (

package/components/CartTotals/CartTotals.tsx

@@ -94,10 +94,12 @@ export default function CartTotals(props: CartTotalsProps) {
 
           return (
             <AnimatedRow
+              key={discount?.label}
               sx={(theme) => ({
-                fontWeight: theme.typography.fontWeightBold,
+                display: 'flex',
+                justifyContent: 'space-between',
+                typography: 'subtitle1',
               })}
-              key={discount?.label}
             >
               <Box>{discount?.label}</Box>
               <Box className={classes.money} sx={{ whiteSpace: 'nowrap' }}>
@@ -154,7 +156,6 @@ export default function CartTotals(props: CartTotalsProps) {
               display: 'flex',
               justifyContent: 'space-between',
               typography: 'subtitle1',
-              fontWeight: theme.typography.fontWeightBold,
               color: theme.palette.primary.main,
             })}
           >
@@ -175,7 +176,7 @@ export default function CartTotals(props: CartTotalsProps) {
               sx={{
                 display: 'flex',
                 justifyContent: 'space-between',
-                typography: 'subtitle1',
+                typography: 'body1',
                 color: 'text.disabled',
                 paddingTop: 0,
               }}

package/package.json

@@ -1,6 +1,8 @@
 {
   "name": "@graphcommerce/magento-cart",
-  "version": "4.0.0",
+  "homepage": "https://www.graphcommerce.org/",
+  "repository": "github:graphcommerce-org/graphcommerce",
+  "version": "4.1.1",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -10,21 +12,24 @@
     }
   },
   "devDependencies": {
-    "@graphcommerce/eslint-config-pwa": "^4.0.0",
-    "@graphcommerce/prettier-config-pwa": "^4.0.0",
-    "@graphcommerce/typescript-config-pwa": "^4.0.0",
-    "@playwright/test": "^1.18.1"
+    "@graphcommerce/eslint-config-pwa": "^4.0.2",
+    "@graphcommerce/prettier-config-pwa": "^4.0.1",
+    "@graphcommerce/typescript-config-pwa": "^4.0.1",
+    "@playwright/test": "^1.19.1"
   },
   "dependencies": {
-    "@graphcommerce/framer-next-pages": "^3.0.0",
-    "@graphcommerce/framer-scroller": "^2.0.0",
-    "@graphcommerce/graphql": "^3.0.0",
-    "@graphcommerce/image": "^3.0.0",
-    "@graphcommerce/magento-customer": "^4.0.0",
-    "@graphcommerce/magento-graphql": "^3.0.0",
-    "@graphcommerce/magento-store": "^4.0.0",
-    "@graphcommerce/next-ui": "^4.0.0",
-    "@graphcommerce/react-hook-form": "^3.0.0",
+    "@graphcommerce/ecommerce-ui": "^1.0.0",
+    "@graphcommerce/framer-next-pages": "^3.0.2",
+    "@graphcommerce/framer-scroller": "^2.0.2",
+    "@graphcommerce/graphql": "^3.0.2",
+    "@graphcommerce/image": "^3.0.2",
+    "@graphcommerce/magento-customer": "^4.1.1",
+    "@graphcommerce/magento-graphql": "^3.0.2",
+    "@graphcommerce/magento-store": "^4.0.2",
+    "@graphcommerce/next-ui": "^4.1.1",
+    "@graphcommerce/react-hook-form": "^3.0.2"
+  },
+  "peerDependencies": {
     "@lingui/macro": "^3.13.2",
     "@mui/material": "^5.4.1",
     "framer-motion": "^6.2.4",