@graphcommerce/next-ui 3.3.1 → 3.5.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/Blog/BlogAuthor/index.tsx

@@ -1,6 +1,5 @@
 import { Avatar, Chip, makeStyles, Theme } from '@material-ui/core'
 import React from 'react'
-import Row from '../../Row'
 import { UseStyles } from '../../Styles'
 
 const useStyles = makeStyles(

package/CHANGELOG.md

@@ -3,6 +3,39 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.5.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.4.0...@graphcommerce/next-ui@3.5.0) (2021-10-18)
+
+
+### Features
+
+* **graphcms:** combined multiple models to bypass model creation limit ([fd6dc14](https://github.com/ho-nl/m2-pwa/commit/fd6dc140cb60c5733dab2e0a43b5df2059e0c739))
+
+
+
+
+
+# [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/RenderType/index.tsx

@@ -13,14 +13,14 @@ type TypeRenderMethod<P> = (props: P) => React.ReactElement | null
 type TypeRenderMap<
   T extends TypeObject,
   TypeNames extends string,
-  TAdd extends Record<string, unknown>
+  TAdd extends Record<string, unknown>,
 > = {
   [K in TypeNames]: TypeRenderMethod<FilterTypeByTypename<T, K> & TAdd>
 }
 
 export type TypeRenderer<
   T extends TypeObject,
-  TAdd extends Record<string, unknown> = Record<string, unknown>
+  TAdd extends Record<string, unknown> = Record<string, unknown>,
 > = TypeRenderMap<T, T['__typename'], TAdd>
 
 /**
@@ -29,12 +29,12 @@ export type TypeRenderer<
  */
 export default function RenderType<
   T extends TypeObject,
-  A extends Record<string, unknown> = Record<string, unknown>
+  A extends Record<string, unknown> = Record<string, unknown>,
 >(props: { renderer: TypeRenderer<T, A> } & FilterTypeByTypename<T, T['__typename']> & A) {
   const { renderer, __typename, ...typeItemProps } = props
   const TypeItem: TypeRenderMethod<typeof typeItemProps> = renderer[__typename]
     ? renderer[__typename]
-    : () => <>{__typename}</>
+    : () => <>{process.env.NODE_ENV !== 'production' ? __typename : ''}</>
 
   return <TypeItem {...typeItemProps} __typename={__typename} />
 }

package/Row/SpecialBanner/index.tsx

@@ -78,7 +78,7 @@ const useStyles = makeStyles(
 
 export type SpecialBannerProps = UseStyles<typeof useStyles> &
   ContainerProps & {
-    asset: React.ReactNode
+    asset?: React.ReactNode
     pageLinks?: React.ReactNode
     topic: React.ReactNode
     children: React.ReactNode

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/next-ui",
-  "version": "3.3.1",
+  "version": "3.5.0",
   "author": "",
   "license": "MIT",
   "scripts": {
@@ -10,19 +10,19 @@
   },
   "dependencies": {
     "@apollo/client": "^3.4.16",
-    "@graphcommerce/framer-next-pages": "^2.106.8",
-    "@graphcommerce/framer-scroller": "^0.2.10",
-    "@graphcommerce/framer-sheet": "^2.105.8",
-    "@graphcommerce/framer-utils": "^2.103.7",
-    "@graphcommerce/graphql": "^2.103.6",
-    "@graphcommerce/image": "^2.104.9",
+    "@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.2",
-    "@graphcommerce/eslint-config-pwa": "^3.0.6",
+    "@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.0",
+    "@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",
@@ -55,5 +55,5 @@
       "project": "./tsconfig.json"
     }
   },
-  "gitHead": "06977d2e65b4ab4eb4a472fc56f8b1a99512f1bd"
+  "gitHead": "08f4dbe739a38ece2c47aa1e94c10f8397da27fa"
 }