@graphcommerce/next-ui 3.3.0 → 3.4.0

package/AppShell/DesktopNavBar.tsx

@@ -81,10 +81,15 @@ const useStyles = makeStyles(
   { name: 'DesktopNavBar' },
 )
 
-export type MenuTabsProps = MenuProps & UseStyles<typeof useStyles> & { LinkProps?: MuiLinkProps }
+export type MenuTabsProps = MenuProps &
+  UseStyles<typeof useStyles> & {
+    LinkProps?: MuiLinkProps
+    iconScrollerBtnLeft?: React.ReactNode
+    iconScrollerBtnRight?: React.ReactNode
+  }
 
 export default function DesktopNavBar(props: MenuTabsProps) {
-  const { menu, LinkProps } = props
+  const { menu, LinkProps, iconScrollerBtnLeft, iconScrollerBtnRight } = props
   const classes = useStyles(props)
   const router = useRouter()
 
@@ -94,7 +99,11 @@ export default function DesktopNavBar(props: MenuTabsProps) {
         <Scroller className={classes.scroller} hideScrollbar>
           {menu.map(({ href, children, ...linkProps }) => (
             <PageLink key={href.toString()} href={href} {...linkProps} passHref>
-              <Link {...LinkProps} className={clsx(classes.link, LinkProps?.className)}>
+              <Link
+                variant='h6'
+                {...LinkProps}
+                className={clsx(classes.link, LinkProps?.className)}
+              >
                 {children}
                 <div
                   className={clsx(
@@ -113,7 +122,7 @@ export default function DesktopNavBar(props: MenuTabsProps) {
             size='small'
             classes={{ root: clsx(classes.prevNextBtn, classes.prevBtn) }}
           >
-            <SvgImageSimple src={iconChevronLeft} />
+            {iconScrollerBtnLeft ?? <SvgImageSimple src={iconChevronLeft} />}
           </ScrollerButton>
         </m.div>
 
@@ -123,7 +132,7 @@ export default function DesktopNavBar(props: MenuTabsProps) {
             size='small'
             classes={{ root: clsx(classes.prevNextBtn, classes.nextBtn) }}
           >
-            <SvgImageSimple src={iconChevronRight} />
+            {iconScrollerBtnRight ?? <SvgImageSimple src={iconChevronRight} />}
           </ScrollerButton>
         </m.div>
       </div>

package/AppShell/FixedFab.tsx

@@ -10,7 +10,6 @@ const useStyles = makeStyles(
       bottom: 20,
       right: 20,
       zIndex: 100,
-      width: 56,
       boxShadow: theme.shadows[4],
       borderRadius: 99,
       maxWidth: 56,

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.4.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.3.3...@graphcommerce/next-ui@3.4.0) (2021-10-15)
+
+
+### Features
+
+* **DesktopNavBar:** allow custom scroller button icons ([401f457](https://github.com/ho-nl/m2-pwa/commit/401f4572ce67dbe52008dca8e1d4473e2fcbf5cf))
+
+
+
+
+
+## [3.3.3](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.3.2...@graphcommerce/next-ui@3.3.3) (2021-10-13)
+
+
+### Bug Fixes
+
+* regression in header ([4738fb7](https://github.com/ho-nl/m2-pwa/commit/4738fb7e13fb3be187f58b474219497783525d72))
+
+
+
+
+
 # [3.3.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.2.3...@graphcommerce/next-ui@3.3.0) (2021-10-13)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/next-ui",
-  "version": "3.3.0",
+  "version": "3.4.0",
   "author": "",
   "license": "MIT",
   "scripts": {
@@ -10,19 +10,19 @@
   },
   "dependencies": {
     "@apollo/client": "^3.4.16",
-    "@graphcommerce/framer-next-pages": "^2.106.7",
-    "@graphcommerce/framer-scroller": "^0.2.9",
-    "@graphcommerce/framer-sheet": "^2.105.7",
-    "@graphcommerce/framer-utils": "^2.103.6",
-    "@graphcommerce/graphql": "^2.103.5",
-    "@graphcommerce/image": "^2.104.8",
+    "@graphcommerce/framer-next-pages": "^2.106.9",
+    "@graphcommerce/framer-scroller": "^0.2.11",
+    "@graphcommerce/framer-sheet": "^2.105.9",
+    "@graphcommerce/framer-utils": "^2.103.8",
+    "@graphcommerce/graphql": "^2.103.7",
+    "@graphcommerce/image": "^2.104.10",
     "@graphql-typed-document-node/core": "^3.1.0",
     "@material-ui/core": "^4.12.3",
     "@material-ui/lab": "^4.0.0-alpha.60",
     "@material-ui/styles": "^4.11.4",
     "clsx": "^1.1.1",
     "framer-motion": "^4.1.17",
-    "graphql": "^15.6.0",
+    "graphql": "^15.6.1",
     "next": "^11.1.2",
     "node-fetch": "^3.0.0",
     "react": "^17.0.2",
@@ -31,18 +31,18 @@
     "react-is": "^17.0.2",
     "react-schemaorg": "^2.0.0",
     "schema-dts": "^1.0.0",
-    "type-fest": "^2.3.4"
+    "type-fest": "^2.5.0"
   },
   "devDependencies": {
-    "@graphcommerce/browserslist-config-pwa": "^3.0.1",
-    "@graphcommerce/eslint-config-pwa": "^3.0.5",
-    "@graphcommerce/prettier-config-pwa": "^3.0.2",
-    "@graphcommerce/typescript-config-pwa": "^3.1.0",
-    "@playwright/test": "^1.15.0",
+    "@graphcommerce/browserslist-config-pwa": "^3.0.2",
+    "@graphcommerce/eslint-config-pwa": "^3.0.7",
+    "@graphcommerce/prettier-config-pwa": "^3.0.3",
+    "@graphcommerce/typescript-config-pwa": "^3.1.1",
+    "@playwright/test": "^1.15.2",
     "@types/react-dom": "^17.0.9",
     "@types/react-is": "^17.0.2",
     "graphql-tag": "2.12.5",
-    "typescript": "^4.4.3"
+    "typescript": "^4.4.4"
   },
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
@@ -54,5 +54,6 @@
     "parserOptions": {
       "project": "./tsconfig.json"
     }
-  }
+  },
+  "gitHead": "f94866e061369b3d3824d1953a7bfb65c603568f"
 }