@graphcommerce/next-ui 3.13.2 → 3.14.0

package/AppShell/MenuFab.tsx

@@ -11,7 +11,7 @@ import {
 import { m } from 'framer-motion'
 import PageLink from 'next/link'
 import { Router, useRouter } from 'next/router'
-import React from 'react'
+import React, { useEffect } from 'react'
 import { UseStyles } from '../Styles'
 import responsiveVal from '../Styles/responsiveVal'
 import SvgImageSimple from '../SvgImage/SvgImageSimple'
@@ -81,7 +81,11 @@ export default function MenuFab(props: MenuFabProps) {
 
   const { filter, opacity, scale } = useFabAnimation()
 
-  Router.events.on('routeChangeStart', () => setOpenEl(null))
+  useEffect(() => {
+    const clear = () => setOpenEl(null)
+    router.events.on('routeChangeStart', clear)
+    return () => router.events.off('routeChangeStart', clear)
+  }, [router])
 
   return (
     <m.div className={classes.menuWrapper} style={{ opacity, scale, filter }}>

package/AppShell/SheetShellBase/index.tsx

@@ -60,7 +60,7 @@ function SheetShellBase(props: SheetShellBaseProps) {
   const sheetClasses = useSheetStyles(props)
   const router = useRouter()
   const pageRouter = usePageRouter()
-  const { depth, closeSteps, active } = usePageContext()
+  const { depth, closeSteps, active, direction } = usePageContext()
   const open = depth < 0 || router.asPath === pageRouter.asPath
   const initialLocale = useRef(router.locale)
 
@@ -95,7 +95,7 @@ function SheetShellBase(props: SheetShellBaseProps) {
         <Sheet open={open} onSnap={handleSnap} variant={variant} size={size}>
           <SheetBackdrop onTap={handleClose} classes={sheetClasses} />
           <SheetContainer classes={sheetContainerClasses}>
-            <SheetPanel classes={sheetClasses}>
+            <SheetPanel initial={direction === -1 ? 'snapPoint1' : 'closed'} classes={sheetClasses}>
               {/* <FocusLock returnFocus={{ preventScroll: true }} disabled={!isActive}> */}
               {children}
               {/* </FocusLock> */}

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.14.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.13.2...@graphcommerce/next-ui@3.14.0) (2021-11-04)
+
+
+### Bug Fixes
+
+* **menu-fab:** fix route change start event handling ([20dde65](https://github.com/ho-nl/m2-pwa/commit/20dde65f8e8ead449b21f4f5292d653d003e6ead))
+
+
+### Features
+
+* **sheet-shell-base:** stop animating drawer on browser back ([c6262f1](https://github.com/ho-nl/m2-pwa/commit/c6262f1c3a0d181e57bd5d4971efb469901503b1))
+
+
+
+
+
 ## [3.13.2](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.13.1...@graphcommerce/next-ui@3.13.2) (2021-11-03)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/next-ui",
-  "version": "3.13.2",
+  "version": "3.14.0",
   "author": "",
   "license": "MIT",
   "scripts": {
@@ -12,7 +12,7 @@
     "@apollo/client": "^3.4.16",
     "@graphcommerce/framer-next-pages": "^2.107.3",
     "@graphcommerce/framer-scroller": "^1.0.2",
-    "@graphcommerce/framer-sheet": "^2.105.15",
+    "@graphcommerce/framer-sheet": "^2.106.0",
     "@graphcommerce/framer-utils": "^2.103.13",
     "@graphcommerce/graphql": "^2.105.3",
     "@graphcommerce/image": "^2.105.2",
@@ -53,5 +53,5 @@
       "project": "./tsconfig.json"
     }
   },
-  "gitHead": "db0c7ff1a81b75e4e6eeee3717a1fc608d9c3c86"
+  "gitHead": "2da9f0e580a1eddf4203a375ccd1444c40401db1"
 }