@graphcommerce/next-ui 3.20.8 → 3.20.9

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.20.9](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.20.8...@graphcommerce/next-ui@3.20.9) (2021-12-16)
+
+
+### Bug Fixes
+
+* simplify ButtonLinkList and made  more flexible ([e01cc82](https://github.com/ho-nl/m2-pwa/commit/e01cc825b87abf81d1cb8f9dc976f674b9e8e6d3))
+
+
+
+
+
 ## [3.20.8](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.20.7...@graphcommerce/next-ui@3.20.8) (2021-12-15)
 
 

package/FramerScroller/components/SidebarGallery.tsx

@@ -11,12 +11,11 @@ import {
 } from '@graphcommerce/framer-scroller'
 import { clientSize, useMotionValueValue } from '@graphcommerce/framer-utils'
 import { Fab, makeStyles, Theme, useTheme, alpha } from '@material-ui/core'
-import clsx from 'clsx'
 import { m, useDomEvent, useMotionValue } from 'framer-motion'
 import React, { useEffect, useRef } from 'react'
-import { classesPicker } from '../..'
 import Row from '../../Row'
 import { UseStyles } from '../../Styles'
+import { classesPicker } from '../../Styles/classesPicker'
 import { responsiveVal } from '../../Styles/responsiveVal'
 import SvgImageSimple from '../../SvgImage/SvgImageSimple'
 import { iconChevronLeft, iconChevronRight, iconFullscreen, iconFullscreenExit } from '../../icons'

package/Row/ButtonLinkList/{index.tsx → ButtonLinkList.tsx}

@@ -32,20 +32,20 @@ const useStyles = makeStyles(
 
 type ButtonLinkListPropsBase = {
   title: string
-  links: React.ReactNode
+  children: React.ReactNode
   containsBigLinks: boolean
 }
 
 export type ButtonLinkListProps = UseStyles<typeof useStyles> & ButtonLinkListPropsBase
 
-export default function ButtonLinkList(props: ButtonLinkListProps) {
-  const { title, links } = props
+export function ButtonLinkList(props: ButtonLinkListProps) {
+  const { title, children } = props
   const classes = useStyles(props)
 
   return (
     <Row maxWidth='md' className={classes.container}>
       <SectionContainer labelLeft={title}>
-        <div className={classes.links}>{links}</div>
+        <div className={classes.links}>{children}</div>
       </SectionContainer>
     </Row>
   )

package/{ButtonLink/index.tsx → Row/ButtonLinkList/ButtonLinkListItem.tsx}

@@ -1,10 +1,11 @@
 import { makeStyles, Theme } from '@material-ui/core'
+import clsx from 'clsx'
 import PageLink from 'next/link'
 import React from 'react'
-import Button, { ButtonProps } from '../Button'
-import { UseStyles } from '../Styles'
-import SvgImageSimple from '../SvgImage/SvgImageSimple'
-import { iconChevronRight } from '../icons'
+import Button, { ButtonProps } from '../../Button'
+import { UseStyles } from '../../Styles'
+import SvgImageSimple from '../../SvgImage/SvgImageSimple'
+import { iconChevronRight } from '../../icons'
 
 const useStyles = makeStyles((theme: Theme) => ({
   buttonLink: {
@@ -24,20 +25,20 @@ const useStyles = makeStyles((theme: Theme) => ({
 }))
 
 export type ButtonLinkProps = {
-  title: string | React.ReactNode
+  children: React.ReactNode
   url: string
   endIcon?: React.ReactNode
 } & ButtonProps &
   UseStyles<typeof useStyles>
 
-export default function ButtonLink(props: ButtonLinkProps) {
-  const { title, url, endIcon, ...buttonProps } = props
+export function ButtonLinkListItem(props: ButtonLinkProps) {
+  const { children, url, endIcon, className, ...buttonProps } = props
   const classes = useStyles(props)
 
   return (
     <PageLink href={url} passHref>
-      <Button {...buttonProps} className={classes.buttonLink}>
-        <span>{title}</span>
+      <Button {...buttonProps} className={clsx(classes.buttonLink, className)}>
+        <span>{children}</span>
         {endIcon ?? <SvgImageSimple src={iconChevronRight} />}
       </Button>
     </PageLink>

package/Row/ButtonLinkList/index.ts

@@ -0,0 +1,2 @@
+export * from './ButtonLinkList'
+export * from './ButtonLinkListItem'

package/index.ts

@@ -27,8 +27,7 @@ export * from './Blog/BlogListItem'
 export { default as BlogListItem } from './Blog/BlogListItem'
 export * from './Button'
 export { default as Button } from './Button'
-export * from './ButtonLink'
-export { default as ButtonLink } from './ButtonLink'
+
 export * from './ChipMenu'
 export { default as ChipMenu } from './ChipMenu'
 export * from './ContainerWithHeader'
@@ -66,7 +65,6 @@ export * from './RenderType'
 export { default as RenderType } from './RenderType'
 export { default as Row } from './Row'
 export * from './Row/ButtonLinkList'
-export { default as ButtonLinkList } from './Row/ButtonLinkList'
 export { default as ColumnOne } from './Row/ColumnOne'
 export { default as ColumnOneBoxed } from './Row/ColumnOneBoxed'
 export { default as ColumnOneCentered } from './Row/ColumnOneCentered'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/next-ui",
-  "version": "3.20.8",
+  "version": "3.20.9",
   "author": "",
   "license": "MIT",
   "scripts": {
@@ -11,7 +11,7 @@
   "dependencies": {
     "@apollo/client": "^3.5.6",
     "@graphcommerce/framer-next-pages": "^2.108.3",
-    "@graphcommerce/framer-scroller": "^1.1.8",
+    "@graphcommerce/framer-scroller": "^1.1.9",
     "@graphcommerce/framer-utils": "^2.103.19",
     "@graphcommerce/graphql": "^2.105.8",
     "@graphcommerce/image": "^2.105.8",
@@ -52,5 +52,5 @@
       "project": "./tsconfig.json"
     }
   },
-  "gitHead": "a69bd94ffdcca6ca9487eec1cafe9ade3fcdffa3"
+  "gitHead": "874fc99dcc129872cd7577482ab26c5ea256a7fb"
 }