@graphcommerce/magento-customer 3.0.24 → 3.1.2

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-customer@3.0.25...@graphcommerce/magento-customer@3.1.0) (2021-10-15)
+
+
+### Features
+
+* **CustomerFab:** allow custom styling ([da38425](https://github.com/ho-nl/m2-pwa/commit/da384252b5e6e1025e0e90d683f7c60691366fb5))
+* **CustomerFab:** allow full customization instead of just styling ([b9f4248](https://github.com/ho-nl/m2-pwa/commit/b9f42483c157b56f7406bf51b74557278c64a597))
+
+
+
+
+
 ## [3.0.9](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-customer@3.0.8...@graphcommerce/magento-customer@3.0.9) (2021-09-30)
 
 

package/components/CustomerFab/index.tsx

@@ -1,12 +1,6 @@
 import { useQuery } from '@apollo/client'
-import {
-  iconPersonAlt,
-  StyledBadge,
-  SvgImage,
-  SvgImageSimple,
-  UseStyles,
-} from '@graphcommerce/next-ui'
-import { Fab, makeStyles, NoSsr, Theme } from '@material-ui/core'
+import { iconPersonAlt, StyledBadge, SvgImageSimple, UseStyles } from '@graphcommerce/next-ui'
+import { Fab, FabProps as FabPropsType, makeStyles, NoSsr, Theme } from '@material-ui/core'
 import PageLink from 'next/link'
 import React from 'react'
 import { CustomerTokenDocument, CustomerTokenQuery } from '../../hooks'
@@ -21,16 +15,17 @@ type CustomerFabContentProps = CustomerTokenQuery & {
   icon?: React.ReactNode
   authHref: string
   guestHref: string
+  FabProps?: Omit<FabPropsType, 'children'>
 } & UseStyles<typeof useStyles>
 
 function CustomerFabContent(props: CustomerFabContentProps) {
-  const { customerToken, icon, guestHref, authHref } = props
+  const { customerToken, icon, guestHref, authHref, FabProps } = props
   const classes = useStyles(props)
   const requireAuth = Boolean(!customerToken || !customerToken.valid)
 
   return (
     <PageLink href={requireAuth ? guestHref : authHref} passHref>
-      <Fab style={{ boxShadow: 'none' }} aria-label='Open Menu' size='large'>
+      <Fab style={{ boxShadow: 'none' }} aria-label='Open Menu' size='large' {...FabProps}>
         <StyledBadge
           badgeContent={customerToken?.token ? 1 : 0}
           color={customerToken?.valid ? 'primary' : 'error'}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/magento-customer",
-  "version": "3.0.24",
+  "version": "3.1.2",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "browserslist": [
@@ -24,8 +24,8 @@
     "@graphcommerce/graphql": "^2.103.7",
     "@graphcommerce/image": "^2.104.10",
     "@graphcommerce/magento-graphql": "^2.103.7",
-    "@graphcommerce/magento-store": "^3.0.22",
-    "@graphcommerce/next-ui": "^3.3.2",
+    "@graphcommerce/magento-store": "^3.0.26",
+    "@graphcommerce/next-ui": "^3.6.0",
     "@graphcommerce/react-hook-form": "^2.102.8",
     "@graphql-typed-document-node/core": "^3.1.0",
     "@material-ui/core": "^4.12.3",
@@ -36,5 +36,5 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
-  "gitHead": "5e31b902147a68bfce513451e4e10d1c74d23823"
+  "gitHead": "beb4b83268176f7c6579cee2fe844752315e2378"
 }