@graphcommerce/magento-product 4.1.11 → 4.2.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Change Log
 
+## 4.2.0
+
+### Minor Changes
+
+- [#1416](https://github.com/graphcommerce-org/graphcommerce/pull/1416) [`f3d06dd83`](https://github.com/graphcommerce-org/graphcommerce/commit/f3d06dd836c9a76412b419d4d2c79bbd0ee92e04) Thanks [@ErwinOtten](https://github.com/ErwinOtten)! - SEO audit
+
+### Patch Changes
+
+- Updated dependencies [[`f3d06dd83`](https://github.com/graphcommerce-org/graphcommerce/commit/f3d06dd836c9a76412b419d4d2c79bbd0ee92e04)]:
+  - @graphcommerce/magento-store@4.2.0
+  - @graphcommerce/next-ui@4.7.0
+  - @graphcommerce/magento-cart@4.2.10
+  - @graphcommerce/framer-scroller@2.1.8
+
 ## 4.1.11
 
 ### Patch Changes

package/components/ProductListItem/ProductListItem.tsx

@@ -43,7 +43,10 @@ type BaseProps = PropsWithChildren<
     Pick<ImageProps, 'loading' | 'sizes' | 'dontReportWronglySizedImages'>
 >
 
-export type ProductListItemProps = BaseProps & { sx?: SxProps<Theme> }
+export type ProductListItemProps = BaseProps & {
+  sx?: SxProps<Theme>
+  titleComponent?: React.ElementType
+}
 
 const StyledImage = styled(Image)({})
 
@@ -63,6 +66,7 @@ export function ProductListItem(props: ProductListItemProps) {
     sizes,
     dontReportWronglySizedImages,
     aspectRatio = [4, 3],
+    titleComponent = 'h2',
     sx = [],
   } = props
 
@@ -218,7 +222,7 @@ export function ProductListItem(props: ProductListItemProps) {
               })}
             >
               <Typography
-                component='h2'
+                component={titleComponent}
                 variant='subtitle1'
                 sx={{
                   display: 'inline',

package/components/ProductListItems/ProductListItemsBase.tsx

@@ -12,11 +12,12 @@ export type ProductItemsGridProps = {
   renderers: ProductListItemRenderer
   loadingEager?: number
   size?: 'normal' | 'small'
+  titleComponent?: React.ElementType
   sx?: BoxProps['sx']
 }
 
 export function ProductListItemsBase(props: ProductItemsGridProps) {
-  const { items, sx = [], renderers, loadingEager = 0, size = 'normal' } = props
+  const { items, sx = [], renderers, loadingEager = 0, size = 'normal', titleComponent } = props
 
   return (
     <Box
@@ -47,6 +48,7 @@ export function ProductListItemsBase(props: ProductItemsGridProps) {
                 ? { 0: '100vw', 354: '50vw', 675: '30vw', 1255: '23vw', 1500: '337px' }
                 : { 0: '100vw', 367: '48vw', 994: '30vw', 1590: '23vw', 1920: '443px' }
             }
+            titleComponent={titleComponent}
             noReport
           />
         ) : null,

package/components/ProductPageCategory/productPageCategory.ts

@@ -13,5 +13,5 @@ export function productPageCategory(product?: ProductPageCategoryFragment | null
     const carryL = carry?.url_path?.split('/')?.length ?? 0
     const valueL = value?.url_path?.split('/')?.length ?? 0
     return carryL >= valueL ? carry : value
-  })
+  }, null)
 }

package/components/ProductPageDescription/ProductPageDescription.tsx

@@ -27,7 +27,7 @@ export function ProductPageDescription(props: ProductPageDescriptionProps) {
       className={classes.root}
       sx={sx}
       top={
-        <Typography variant='h1' component='h2'>
+        <Typography variant='h1' component='h1'>
           {name}
         </Typography>
       }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-product",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "4.1.11",
+  "version": "4.2.0",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -19,13 +19,13 @@
     "type-fest": "^2.12.2"
   },
   "dependencies": {
-    "@graphcommerce/framer-scroller": "2.1.7",
+    "@graphcommerce/framer-scroller": "2.1.8",
     "@graphcommerce/graphql": "3.1.1",
     "@graphcommerce/graphql-mesh": "4.1.2",
     "@graphcommerce/image": "3.1.5",
-    "@graphcommerce/magento-cart": "4.2.9",
-    "@graphcommerce/magento-store": "4.1.9",
-    "@graphcommerce/next-ui": "4.6.2",
+    "@graphcommerce/magento-cart": "4.2.10",
+    "@graphcommerce/magento-store": "4.2.0",
+    "@graphcommerce/next-ui": "4.7.0",
     "schema-dts": "^1.1.0"
   },
   "peerDependencies": {