@graphcommerce/next-ui 4.18.0 → 4.19.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # 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

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/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.18.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.29",
+    "@graphcommerce/framer-scroller": "2.1.30",
     "@graphcommerce/framer-utils": "3.1.4",
     "@graphcommerce/image": "3.1.7",
     "cookie": "^0.5.0",