@graphcommerce/magento-search 3.2.1 → 3.3.2

package/CHANGELOG.md

@@ -3,6 +3,34 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.3.1](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@3.3.0...@graphcommerce/magento-search@3.3.1) (2021-10-28)
+
+
+### Bug Fixes
+
+* External SVG's can't have alt tags ([1b1414a](https://github.com/ho-nl/m2-pwa/commit/1b1414a782d55d3acf7b0e6bcaa50f2ad5f18f39))
+
+
+
+
+
+# [3.3.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@3.2.2...@graphcommerce/magento-search@3.3.0) (2021-10-28)
+
+
+### Bug Fixes
+
+* update SvgImage to SvgImageSimple ([f116543](https://github.com/ho-nl/m2-pwa/commit/f116543730853fa9782abff0ccacee7032e85789))
+
+
+### Features
+
+* dynamic icons, update SvgImage uses to SvgImageSimple ([3d3cc0e](https://github.com/ho-nl/m2-pwa/commit/3d3cc0e0336fcde1cce6ba19705f82c1edf9bfc6))
+* mobile menu styling ([3cc3085](https://github.com/ho-nl/m2-pwa/commit/3cc308585d4ded68d2ac8ebf97f96288424ee914))
+
+
+
+
+
 # [3.2.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@3.1.12...@graphcommerce/magento-search@3.2.0) (2021-10-27)
 
 

package/CategorySearchResult/index.tsx

@@ -1,4 +1,11 @@
-import { Button, Highlight, iconChevronRight, SvgImage, UseStyles } from '@graphcommerce/next-ui'
+import {
+  Button,
+  Highlight,
+  iconChevronRight,
+  SvgImage,
+  SvgImageSimple,
+  UseStyles,
+} from '@graphcommerce/next-ui'
 import { makeStyles, Theme } from '@material-ui/core'
 import PageLink from 'next/link'
 import React from 'react'
@@ -47,9 +54,7 @@ export default function CategorySearchResult(props: CategorySearchResultProps) {
         variant='contained'
         className={classes.categoryButton}
         disableElevation
-        endIcon={
-          <SvgImage src={iconChevronRight} alt='chevron right' size='small' loading='eager' />
-        }
+        endIcon={<SvgImageSimple src={iconChevronRight} size='small' />}
       >
         <div>
           {catProps?.breadcrumbs?.map((breadcrumb) => (

package/Search.graphql

@@ -1,5 +1,5 @@
 query Search(
-  $pageSize: Int = 23
+  $pageSize: Int = 24
   $currentPage: Int = 1
   $filters: ProductAttributeFilterInput = {}
   $sort: ProductAttributeSortInput = {}

package/SearchButton/index.tsx

@@ -7,7 +7,7 @@ const useStyles = makeStyles(
     root: {
       width: '100%',
       '& fieldset': {
-        border: `2px solid rgba(0,0,0,0.1)`,
+        border: `1px solid ${theme.palette.divider}`,
       },
     },
     inputRoot: {
@@ -30,7 +30,7 @@ export default function SearchButton(props: SearchButtonProps) {
       classes={{ root: classes.root }}
       InputProps={{
         readOnly: true,
-        endAdornment: <SvgImageSimple src={iconSearch} alt='Search' size='small' />,
+        endAdornment: <SvgImageSimple src={iconSearch} size='medium' />,
         classes: { root: classes.inputRoot },
         ...InputProps,
       }}

package/SearchForm/index.tsx

@@ -1,4 +1,11 @@
-import { FormRow, UseStyles, SvgImage, iconClose, iconSearch } from '@graphcommerce/next-ui'
+import {
+  FormRow,
+  UseStyles,
+  SvgImage,
+  iconClose,
+  iconSearch,
+  SvgImageSimple,
+} from '@graphcommerce/next-ui'
 import { useForm, useFormAutoSubmit, useFormMuiRegister } from '@graphcommerce/react-hook-form'
 import { IconButton, makeStyles, TextField, Theme } from '@material-ui/core'
 import { useRouter } from 'next/router'
@@ -49,7 +56,7 @@ export default function SearchForm(props: SearchFormProps) {
 
   const endAdornment = !watch('search') ? (
     <IconButton size='small'>
-      <SvgImage src={iconSearch} alt='search' size='small' />
+      <SvgImageSimple src={iconSearch} />
     </IconButton>
   ) : (
     <>
@@ -59,7 +66,7 @@ export default function SearchForm(props: SearchFormProps) {
         </div>
       )}
       <IconButton onClick={handleReset} size='small'>
-        <SvgImage src={iconClose} alt='close' size='small' />
+        <SvgImageSimple src={iconClose} />
       </IconButton>
     </>
   )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/magento-search",
-  "version": "3.2.1",
+  "version": "3.3.2",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "browserslist": [
@@ -14,21 +14,21 @@
   },
   "devDependencies": {
     "@graphcommerce/browserslist-config-pwa": "^3.0.2",
-    "@graphcommerce/eslint-config-pwa": "^3.1.1",
+    "@graphcommerce/eslint-config-pwa": "^3.1.2",
     "@graphcommerce/prettier-config-pwa": "^3.0.3",
     "@graphcommerce/typescript-config-pwa": "^3.1.1",
-    "@playwright/test": "^1.15.2"
+    "@playwright/test": "^1.16.2"
   },
   "dependencies": {
-    "@graphcommerce/graphql": "^2.105.0",
-    "@graphcommerce/image": "^2.105.0",
-    "@graphcommerce/next-ui": "^3.10.1",
-    "@graphcommerce/react-hook-form": "^2.102.12",
+    "@graphcommerce/graphql": "^2.105.1",
+    "@graphcommerce/image": "^2.105.1",
+    "@graphcommerce/next-ui": "^3.11.2",
+    "@graphcommerce/react-hook-form": "^2.102.13",
     "@graphql-typed-document-node/core": "^3.1.0",
     "@material-ui/core": "^4.12.3",
-    "next": "^12.0.0",
+    "next": "^12.0.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
-  "gitHead": "b90c6285a14368a76de8ad1d104f3d535bc3cafb"
+  "gitHead": "ed70123f0b4c4552ca413deff6fe786156d0772f"
 }