@graphcommerce/next-ui 4.2.1 → 4.2.4

package/ToggleButtonGroup/{index.tsx → ToggleButtonGroup.tsx}

@@ -33,14 +33,13 @@ const ToggleButtonGroup = React.forwardRef<HTMLDivElement, ToggleButtonGroupProp
 
   const classes = withState({ orientation, size })
 
-  /* eslint-disable @typescript-eslint/no-unsafe-argument */
-  const handleChange = (event, buttonValue) => {
+  const handleChange = (event: React.MouseEvent<HTMLElement, MouseEvent>, buttonValue: unknown) => {
     if (!onChange) return
 
-    const index = value && value.indexOf(buttonValue)
+    const index = Boolean(value) && (value.indexOf(buttonValue) as number)
     let newValue: string[]
 
-    if (value && index >= 0) {
+    if (value && index && index >= 0) {
       newValue = value.slice()
       newValue.splice(index, 1)
     } else {
@@ -49,7 +48,10 @@ const ToggleButtonGroup = React.forwardRef<HTMLDivElement, ToggleButtonGroupProp
     onChange(event, newValue)
   }
 
-  const handleExclusiveChange = (event, buttonValue) => {
+  const handleExclusiveChange = (
+    event: React.MouseEvent<HTMLElement, MouseEvent>,
+    buttonValue: unknown,
+  ) => {
     if (!onChange || value === buttonValue) return
     if (required) onChange(event, buttonValue)
     else onChange(event, value === buttonValue ? null : buttonValue)
@@ -101,7 +103,7 @@ const ToggleButtonGroup = React.forwardRef<HTMLDivElement, ToggleButtonGroupProp
           onChange: exclusive ? handleExclusiveChange : handleChange,
           selected:
             child.props.selected === undefined
-              ? isValueSelected(child.props.value, value)
+              ? isValueSelected(child.props.value as string, value as string | string[])
               : child.props.selected,
         })
       })}

package/docs/components/ComponentChild.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-extraneous-dependencies */
 import { extendableComponent } from '@graphcommerce/next-ui'
 import { styled } from '@mui/material'
 import { ComponentProps } from 'react'

package/docs/components/ComponentChildVariant.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-extraneous-dependencies */
 import { extendableComponent } from '@graphcommerce/next-ui'
 import { styled } from '@mui/material'
 import { ComponentProps } from 'react'

package/docs/components/ComponentChildVariantExtendable.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-extraneous-dependencies */
 import { ExtendableComponent, extendableComponent } from '@graphcommerce/next-ui'
 import { styled } from '@mui/material'
 import { ComponentProps } from 'react'

package/index.ts

@@ -1,15 +1,15 @@
-export * from './AnimatedRow'
-export * from './Blog/BlogAuthor'
-export * from './Blog/BlogContent'
-export * from './Blog/BlogHeader'
-export * from './Blog/BlogList'
-export * from './Blog/BlogListItem'
-export * from './Blog/BlogTags'
-export * from './Blog/BlogTitle'
+export * from './AnimatedRow/AnimatedRow'
+export * from './Blog/BlogAuthor/BlogAuthor'
+export * from './Blog/BlogContent/BlogContent'
+export * from './Blog/BlogHeader/BlogHeader'
+export * from './Blog/BlogList/BlogList'
+export * from './Blog/BlogListItem/BlogListItem'
+export * from './Blog/BlogTags/BlogTags'
+export * from './Blog/BlogTitle/BlogTitle'
 export * from './Button'
-export * from './ChipMenu'
-export * from './ContainerWithHeader'
-export * from './FlagAvatar'
+export * from './ChipMenu/ChipMenu'
+export * from './ContainerWithHeader/ContainerWithHeader'
+export * from './FlagAvatar/FlagAvatar'
 export * from './Footer'
 export * from './Form/Form'
 export * from './Form/FormActions'
@@ -18,51 +18,34 @@ export * from './Form/FormHeader'
 export * from './Form/FormRow'
 export * from './Form/InputCheckmark'
 export * from './FramerScroller'
-export * from './FullPageMessage'
-export * from './Highlight'
-export * from './IconHeader'
+export * from './FullPageMessage/FullPageMessage'
+export * from './Highlight/Highlight'
+export * from './IconHeader/IconHeader'
 export * from './icons'
-export * from './JsonLd'
+export * from './JsonLd/JsonLd'
 export * from './Layout'
 export * from './LayoutDefault'
 export * from './LayoutOverlay'
 export * from './LayoutParts'
 export * from './Page'
-export * from './PageLoadIndicator'
-export * from './PageMeta'
-export * from './Pagination'
-export * from './RenderType'
+export * from './PageLoadIndicator/PageLoadIndicator'
+export * from './PageMeta/PageMeta'
+export * from './Pagination/Pagination'
+export * from './RenderType/RenderType'
 export * from './Row'
-export * from './Row/ButtonLinkList'
-export * from './Row/ColumnOne'
-export * from './Row/ColumnOneBoxed'
-export * from './Row/ColumnOneCentered'
-export * from './Row/ColumnThree'
-export * from './Row/ColumnTwo'
-export * from './Row/ColumnTwoSpread'
-export * from './Row/ColumnTwoWithTop'
-export * from './Row/ContentLinks'
-export * from './Row/HeroBanner'
-export * from './Row/IconBlocks'
-export * from './Row/IconBlocks/IconBlock'
-export * from './Row/ImageText'
-export * from './Row/ImageTextBoxed'
-export * from './Row/ParagraphWithSidebarSlide'
-export * from './Row/Quote'
-export * from './Row/SpecialBanner'
-export * from './SectionContainer'
-export * from './SectionHeader'
-export * from './Separator'
+export * from './SectionContainer/SectionContainer'
+export * from './SectionHeader/SectionHeader'
+export * from './Separator/Separator'
 export * from './Snackbar/MessageSnackbar'
 export * from './Snackbar/MessageSnackbarImpl'
-export * from './StarRatingField'
+export * from './StarRatingField/StarRatingField'
 export * from './Stepper/Stepper'
 export * from './Styles'
 export * from './IconSvg'
-export * from './TextInputNumber'
+export * from './TextInputNumber/TextInputNumber'
 export * from './Theme'
-export * from './TimeAgo'
-export * from './ToggleButton'
-export * from './ToggleButtonGroup'
-export * from './UspList'
+export * from './TimeAgo/TimeAgo'
+export * from './ToggleButton/ToggleButton'
+export * from './ToggleButtonGroup/ToggleButtonGroup'
+export * from './UspList/UspList'
 export * from './UspList/UspListItem'

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/next-ui",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "4.2.1",
+  "version": "4.2.4",
   "author": "",
   "license": "MIT",
   "sideEffects": false,
@@ -16,13 +16,13 @@
   "dependencies": {
     "@emotion/babel-preset-css-prop": "^11.2.0",
     "@emotion/cache": "^11.7.1",
-    "@emotion/react": "^11.7.1",
+    "@emotion/react": "^11.8.2",
     "@emotion/server": "^11.4.0",
     "@emotion/styled": "^11.6.0",
-    "@graphcommerce/framer-next-pages": "^3.1.1",
-    "@graphcommerce/framer-scroller": "^2.0.5",
-    "@graphcommerce/framer-utils": "^3.0.3",
-    "@graphcommerce/image": "^3.1.0",
+    "@graphcommerce/framer-next-pages": "^3.1.2",
+    "@graphcommerce/framer-scroller": "^2.0.6",
+    "@graphcommerce/framer-utils": "^3.0.4",
+    "@graphcommerce/image": "^3.1.1",
     "react-is": "^17.0.2",
     "react-schemaorg": "^2.0.0",
     "schema-dts": "^1.1.0",
@@ -30,7 +30,6 @@
   },
   "peerDependencies": {
     "@lingui/macro": "^3.13.2",
-    "@mui/base": "^5.0.0-alpha.68",
     "@mui/lab": "^5.0.0-alpha.68",
     "@mui/material": "^5.4.1",
     "framer-motion": "^6.2.4",
@@ -39,11 +38,11 @@
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "@graphcommerce/eslint-config-pwa": "^4.0.4",
-    "@graphcommerce/prettier-config-pwa": "^4.0.2",
+    "@graphcommerce/eslint-config-pwa": "^4.0.5",
+    "@graphcommerce/prettier-config-pwa": "^4.0.3",
     "@graphcommerce/typescript-config-pwa": "^4.0.2",
     "@playwright/test": "^1.19.1",
     "@types/react-is": "^17.0.3",
-    "typescript": "^4.5.5"
+    "typescript": "^4.6.2"
   }
 }

package/PageMeta/index.tsx

@@ -1,43 +0,0 @@
-import { usePageContext } from '@graphcommerce/framer-next-pages'
-import Head from 'next/head'
-
-// https://developers.google.com/search/docs/advanced/robots/robots_meta_tag#directives
-export type MetaRobots =
-  | 'noindex'
-  | 'nofollow'
-  | 'noarchive'
-  | 'nosnippet'
-  | 'notranslate'
-  | 'noimageindex'
-  | `unavailable_after:${string}`
-  | `max-snippet:${number}`
-  | `max-image-preview:${'none' | 'standard' | 'large'}`
-  | `max-video-preview:${number}`
-type MetaRobotsAll = ['all' | 'none']
-
-export type PageMetaProps = {
-  title: string
-  canonical?: `http://${string}` | `https://${string}` | string
-  metaDescription?: string
-  metaRobots?: MetaRobotsAll | MetaRobots[]
-}
-
-export function PageMeta(props: PageMetaProps) {
-  const { active } = usePageContext()
-  const { title, canonical, metaDescription, metaRobots = ['all'] } = props
-
-  if (!(canonical ?? 'http').startsWith('http'))
-    throw new Error(`canonical must start with http:// or https://, '${canonical}' given`)
-
-  if (!active) return null
-  return (
-    <Head>
-      <title>{title.trim()}</title>
-      {metaDescription && (
-        <meta name='description' content={metaDescription.trim()} key='meta-description' />
-      )}
-      <meta name='robots' content={metaRobots.join(',')} key='meta-robots' />
-      {canonical && <link rel='canonical' href={canonical} key='canonical' />}
-    </Head>
-  )
-}