@graphcommerce/next-ui 4.16.0 → 4.19.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # Change Log
 
+## 4.19.0
+
+### Minor Changes
+
+- [#1576](https://github.com/graphcommerce-org/graphcommerce/pull/1576) [`b6d3a3c13`](https://github.com/graphcommerce-org/graphcommerce/commit/b6d3a3c13ea63ef0f691f497507f07c0e094de5b) Thanks [@ErwinOtten](https://github.com/ErwinOtten)! - Create products sitemap
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @graphcommerce/framer-scroller@2.1.30
+
+## 4.18.0
+
+### Minor Changes
+
+- [#1587](https://github.com/graphcommerce-org/graphcommerce/pull/1587) [`6ce2cbaf2`](https://github.com/graphcommerce-org/graphcommerce/commit/6ce2cbaf2cf27e21b753f7cb71e7e74826294de6) Thanks [@paales](https://github.com/paales)! - Navigation fixes
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @graphcommerce/framer-scroller@2.1.29
+
+## 4.17.0
+
+### Minor Changes
+
+- [#1583](https://github.com/graphcommerce-org/graphcommerce/pull/1583) [`b6ce5548c`](https://github.com/graphcommerce-org/graphcommerce/commit/b6ce5548c66a8ca62d3aee29467045f7f07f30c8) Thanks [@ErwinOtten](https://github.com/ErwinOtten)! - Navigation fixes
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @graphcommerce/framer-scroller@2.1.28
+
 ## 4.16.0
 
 ### Minor Changes

package/Form/Form.tsx

@@ -1,5 +1,6 @@
-import { darken, lighten, styled, experimental_sx, Theme } from '@mui/material'
+import { darken, lighten, styled, Theme } from '@mui/material'
 import { responsiveVal } from '../Styles/responsiveVal'
+import { sx } from '../Theme/themeDefaults'
 
 type FormStyleProps = {
   contained?: boolean
@@ -7,7 +8,7 @@ type FormStyleProps = {
 }
 
 const styles = ({ theme, contained = false, background }: { theme: Theme } & FormStyleProps) =>
-  experimental_sx([
+  sx([
     {
       display: 'grid',
       alignItems: 'center',

package/Navigation/components/NavigationItem.tsx

@@ -102,7 +102,7 @@ export function NavigationItem(props: NavigationItemProps) {
               select(itemPath)
             }
           }}
-          onMouseEnter={
+          onMouseMove={
             itemPath.length > 1 && mouseEvent === 'hover'
               ? (e) => {
                   if (isDesktop && animating.current === false && !isSelected) {

package/Navigation/components/NavigationOverlay.tsx

@@ -3,7 +3,7 @@ import { i18n } from '@lingui/core'
 import { Trans } from '@lingui/react'
 import { Box, Fab, SxProps, Theme, useEventCallback, useMediaQuery } from '@mui/material'
 import { m } from 'framer-motion'
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 import { IconSvg, useIconSvgSize } from '../../IconSvg'
 import { LayoutHeaderContent } from '../../Layout/components/LayoutHeaderContent'
 import { LayoutTitle } from '../../Layout/components/LayoutTitle'
@@ -93,6 +93,10 @@ export function NavigationOverlay(props: NavigationOverlayProps) {
     else select([])
   })
 
+  useEffect(() => {
+    animating.current = false
+  }, [active, animating])
+
   const showBack = selected.length > 0
 
   return (

package/PageMeta/PageMeta.tsx

@@ -2,7 +2,7 @@ import { usePageContext } from '@graphcommerce/framer-next-pages'
 import { addBasePath } from 'next/dist/client/add-base-path'
 import { addLocale } from 'next/dist/client/add-locale'
 import { getDomainLocale } from 'next/dist/client/get-domain-locale'
-import { resolveHref } from 'next/dist/shared/lib/router/router'
+import { NextRouter, resolveHref } from 'next/dist/shared/lib/router/router'
 import Head from 'next/head'
 import { useRouter } from 'next/router'
 
@@ -29,8 +29,11 @@ export type PageMetaProps = {
   metaRobots?: MetaRobotsAll | MetaRobots[]
 }
 
-export function useCanonical(incomming?: Canonical) {
-  const router = useRouter()
+type PartialNextRouter = Pick<
+  NextRouter,
+  'pathname' | 'locale' | 'locales' | 'isLocaleDomain' | 'domainLocales' | 'defaultLocale'
+>
+export function canonicalize(router: PartialNextRouter, incomming?: Canonical) {
   let canonical = incomming
 
   if (!canonical) return canonical
@@ -51,17 +54,16 @@ export function useCanonical(incomming?: Canonical) {
       }
     }
 
-    let [href, as] = resolveHref(router, canonical, true)
+    let [href, as] = resolveHref(router as NextRouter, canonical, true)
 
     const curLocale = router.locale
 
-    // Copied from here https://github.com/vercel/next.js/blob/canary/packages/next/client/link.tsx#L313-L327
+    // Copied from here https://github.com/vercel/next.js/blob/213c42f446874d29d07fa2cca6e6b11fc9c3b711/packages/next/client/link.tsx#L512
     const localeDomain =
-      router &&
       router.isLocaleDomain &&
-      getDomainLocale(as, curLocale, router && router.locales, router && router.domainLocales)
+      getDomainLocale(as, curLocale, router && router.locales, router.domainLocales)
 
-    href = localeDomain || addBasePath(addLocale(as, curLocale, router && router.defaultLocale))
+    href = localeDomain || addBasePath(addLocale(as, curLocale, router.defaultLocale))
 
     let siteUrl = process.env.NEXT_PUBLIC_SITE_URL
     if (siteUrl && siteUrl.endsWith('/')) {
@@ -83,6 +85,11 @@ export function useCanonical(incomming?: Canonical) {
   return canonical
 }
 
+export function useCanonical(incomming?: Canonical) {
+  const router = useRouter()
+  return canonicalize(router, incomming)
+}
+
 export function PageMeta(props: PageMetaProps) {
   const { active } = usePageContext()
   const { title, canonical: canonicalBare, metaDescription, metaRobots = ['all'] } = props

package/Theme/MuiChip.ts

@@ -1,5 +1,6 @@
-import { ComponentsVariants, darken, experimental_sx as sx } from '@mui/material'
+import { ComponentsVariants, darken } from '@mui/material'
 import { responsiveVal } from '../Styles'
+import { sx } from './themeDefaults'
 
 declare module '@mui/material/Chip/Chip' {
   interface ChipPropsSizeOverrides {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/next-ui",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "4.16.0",
+  "version": "4.19.0",
   "author": "",
   "license": "MIT",
   "sideEffects": false,
@@ -20,7 +20,7 @@
     "@emotion/server": "^11.4.0",
     "@emotion/styled": "^11.9.3",
     "@graphcommerce/framer-next-pages": "3.2.4",
-    "@graphcommerce/framer-scroller": "2.1.27",
+    "@graphcommerce/framer-scroller": "2.1.30",
     "@graphcommerce/framer-utils": "3.1.4",
     "@graphcommerce/image": "3.1.7",
     "cookie": "^0.5.0",