@graphcommerce/magento-search 3.5.5 → 3.5.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.5.8](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@3.5.7...@graphcommerce/magento-search@3.5.8) (2021-12-03)
+
+
+### Bug Fixes
+
+* search page ([85cf721](https://github.com/ho-nl/m2-pwa/commit/85cf72130bce4c3d2c392a3745adf05bca8618b1))
+
+
+
+
+
 ## [3.5.5](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@3.5.4...@graphcommerce/magento-search@3.5.5) (2021-12-01)
 
 

package/CategorySearchResult/index.tsx

@@ -2,7 +2,6 @@ import {
   Button,
   Highlight,
   iconChevronRight,
-  SvgImage,
   SvgImageSimple,
   UseStyles,
 } from '@graphcommerce/next-ui'

package/SearchButton/index.tsx

@@ -1,7 +1,7 @@
 import { iconSearch, responsiveVal, SvgImageSimple, UseStyles } from '@graphcommerce/next-ui'
 import { makeStyles, TextField, TextFieldProps, Theme } from '@material-ui/core'
-import React from 'react'
 import clsx from 'clsx'
+import React from 'react'
 
 const useStyles = makeStyles(
   (theme: Theme) => ({

package/SearchForm/index.tsx

@@ -1,13 +1,7 @@
-import {
-  FormRow,
-  UseStyles,
-  SvgImage,
-  iconClose,
-  iconSearch,
-  SvgImageSimple,
-} from '@graphcommerce/next-ui'
+import { FormRow, UseStyles, 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 { t, Plural } from '@lingui/macro'
+import { IconButton, makeStyles, TextField, TextFieldProps, Theme } from '@material-ui/core'
 import { useRouter } from 'next/router'
 import React from 'react'
 
@@ -29,10 +23,11 @@ export type SearchFormProps = {
   search?: string
   urlHandle?: string
   autoFocus?: boolean
+  textFieldProps?: TextFieldProps
 } & UseStyles<typeof useStyles>
 
 export default function SearchForm(props: SearchFormProps) {
-  const { totalResults = 0, search = '', urlHandle = 'search', autoFocus = true } = props
+  const { totalResults = 0, search = '', urlHandle = 'search', textFieldProps } = props
   const classes = useStyles(props)
   const router = useRouter()
 
@@ -62,7 +57,7 @@ export default function SearchForm(props: SearchFormProps) {
     <>
       {totalResults > 0 && (
         <div className={classes.totalProducts}>
-          {totalResults} {totalResults > 1 ? 'results' : 'result'}
+          <Plural value={totalResults} zero='' one='# result' other='# results' />
         </div>
       )}
       <IconButton onClick={handleReset} size='small'>
@@ -86,13 +81,13 @@ export default function SearchForm(props: SearchFormProps) {
         <TextField
           variant='outlined'
           type='text'
-          autoFocus={autoFocus}
-          placeholder='Search'
+          placeholder={t`Search`}
           defaultValue={search}
           error={formState.isSubmitted && !!formState.errors.search}
           helperText={formState.isSubmitted && formState.errors.search?.message}
           {...muiRegister('search', { required: true, minLength: 2 })}
           InputProps={{ endAdornment }}
+          {...textFieldProps}
         />
       </FormRow>
     </form>

package/index.ts

@@ -1,5 +1,4 @@
 export { default as SearchDivider } from './SearchDivider'
-export * from './SearchDivider'
 
 export { default as NoSearchResults } from './NoSearchResults'
 export * from './NoSearchResults'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/magento-search",
-  "version": "3.5.5",
+  "version": "3.5.9",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "browserslist": [
@@ -14,21 +14,22 @@
   },
   "devDependencies": {
     "@graphcommerce/browserslist-config-pwa": "^3.0.2",
-    "@graphcommerce/eslint-config-pwa": "^3.1.5",
+    "@graphcommerce/eslint-config-pwa": "^3.1.6",
     "@graphcommerce/prettier-config-pwa": "^3.0.4",
     "@graphcommerce/typescript-config-pwa": "^3.1.1",
     "@playwright/test": "^1.16.2"
   },
   "dependencies": {
-    "@graphcommerce/graphql": "^2.105.5",
-    "@graphcommerce/image": "^2.105.4",
-    "@graphcommerce/next-ui": "^3.19.0",
-    "@graphcommerce/react-hook-form": "^2.104.0",
+    "@graphcommerce/graphql": "^2.105.6",
+    "@graphcommerce/image": "^2.105.5",
+    "@graphcommerce/next-ui": "^3.20.2",
+    "@graphcommerce/react-hook-form": "^2.104.1",
     "@lingui/macro": "^3.12.1",
     "@material-ui/core": "^4.12.3",
+    "clsx": "^1.1.1",
     "next": "^12.0.3",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
-  "gitHead": "f079c0b5b96dd1a048ca4d3c1d07916353c6bc33"
+  "gitHead": "688a7042901bf36f8ab8bbf8e1886570a5350b9e"
 }