@graphcommerce/magento-search 4.1.33 → 4.2.0

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # Change Log
 
+## 4.2.0
+
+### Minor Changes
+
+- [#1602](https://github.com/graphcommerce-org/graphcommerce/pull/1602) [`5f781a217`](https://github.com/graphcommerce-org/graphcommerce/commit/5f781a217ce63ed56bc1a9983487b04400a8a315) Thanks [@ErwinOtten](https://github.com/ErwinOtten)! - Default styles and layout fixes
+
+  - Scaled icons and fonts down. Size in typography is now more gradual: https://graphcommerce.vercel.app/test/typography
+  - Multiple accessibility fixes. Missing button/input labels, and fixed spacing issues resulting in high % appropriately sized tap targets
+  - Replaced responsiveVal usage with better performaning breakpointVal where possible
+  - All buttons are now Pill by default.
+  - Cleaned up checkout styles
+
+### Patch Changes
+
+- [#1590](https://github.com/graphcommerce-org/graphcommerce/pull/1590) [`40983df17`](https://github.com/graphcommerce-org/graphcommerce/commit/40983df170ed0435c47496285dfe30aafeb2eeac) Thanks [@paales](https://github.com/paales)! - Implement search results with a base static page and dynamic pages after paginating/filtering
+
+- Updated dependencies [[`04708dacc`](https://github.com/graphcommerce-org/graphcommerce/commit/04708daccc213c6ea927bc67fa3bd0d5b1fad619), [`bb94e7045`](https://github.com/graphcommerce-org/graphcommerce/commit/bb94e7045460cb671c45d612a0833731d7c20c30), [`b0dc4e2e1`](https://github.com/graphcommerce-org/graphcommerce/commit/b0dc4e2e1982d502d38dd50a0f493396360a7a15), [`4a5286dfe`](https://github.com/graphcommerce-org/graphcommerce/commit/4a5286dfeaa1719e594a0078f274fbab53969c4e), [`d46d5ed0c`](https://github.com/graphcommerce-org/graphcommerce/commit/d46d5ed0cc5794391b7527fc17bbb68ec2212e33), [`5f781a217`](https://github.com/graphcommerce-org/graphcommerce/commit/5f781a217ce63ed56bc1a9983487b04400a8a315)]:
+  - @graphcommerce/next-ui@4.22.0
+  - @graphcommerce/graphql@3.4.7
+  - @graphcommerce/image@3.1.9
+
+## 4.1.35
+
+### Patch Changes
+
+- Updated dependencies [[`1f7ee6f6c`](https://github.com/graphcommerce-org/graphcommerce/commit/1f7ee6f6cfb28544439ed36e10929ac530d1b2b7), [`707dbc73d`](https://github.com/graphcommerce-org/graphcommerce/commit/707dbc73d181204d88fdbbd2e09340e25b2b5f7b)]:
+  - @graphcommerce/next-ui@4.21.0
+  - @graphcommerce/graphql@3.4.6
+  - @graphcommerce/image@3.1.8
+
+## 4.1.34
+
+### Patch Changes
+
+- Updated dependencies [[`43822fd61`](https://github.com/graphcommerce-org/graphcommerce/commit/43822fd61c949215b8ddce9fb37d09f29b638426), [`3a619b70d`](https://github.com/graphcommerce-org/graphcommerce/commit/3a619b70d082804b8de46a8e8232f9431479a8b7)]:
+  - @graphcommerce/next-ui@4.20.0
+
 ## 4.1.33
 
 ### Patch Changes

package/CategorySearch.graphql

@@ -0,0 +1,7 @@
+query CategorySearch($pageSize: Int = 10, $search: String = "") {
+  categories(filters: { name: { match: $search } }, pageSize: $pageSize) {
+    items {
+      ...CategorySearchResult
+    }
+  }
+}

package/components/CategorySearchResult/CategorySearchResult.tsx

@@ -20,7 +20,7 @@ export function CategorySearchResult(props: CategorySearchResultProps) {
     <PageLink href={`/${catProps?.url_path ?? ''}`} passHref>
       <Button
         fullWidth
-        variant='contained'
+        variant='pill'
         className={classes.root}
         disableElevation
         endIcon={<IconSvg src={iconChevronRight} size='small' />}

package/components/SearchForm/SearchForm.tsx

@@ -47,7 +47,7 @@ export function SearchForm(props: SearchFormProps) {
   }
 
   const endAdornment = !watch('search') ? (
-    <IconButton size='small'>
+    <IconButton size='small' aria-label={i18n._(/* i18n */ 'Search')}>
       <IconSvg src={iconSearch} />
     </IconButton>
   ) : (

package/index.ts

@@ -3,5 +3,5 @@ export * from './components/NoSearchResults/NoSearchResults'
 export * from './components/CategorySearchResult/CategorySearchResult'
 export * from './components/SearchForm/SearchForm'
 export * from './components/SearchLink/SearchLink'
-export * from './Search.gql'
+export * from './CategorySearch.gql'
 export * from './components/SearchButton/SearchButton'

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-search",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "4.1.33",
+  "version": "4.2.0",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -12,16 +12,16 @@
     }
   },
   "devDependencies": {
-    "@graphcommerce/eslint-config-pwa": "^4.1.9",
+    "@graphcommerce/eslint-config-pwa": "^4.1.10",
     "@graphcommerce/prettier-config-pwa": "^4.0.6",
     "@graphcommerce/typescript-config-pwa": "^4.0.4",
     "@playwright/test": "^1.21.1",
     "type-fest": "^2.12.2"
   },
   "dependencies": {
-    "@graphcommerce/graphql": "3.4.5",
-    "@graphcommerce/image": "3.1.7",
-    "@graphcommerce/next-ui": "4.19.0",
+    "@graphcommerce/graphql": "3.4.7",
+    "@graphcommerce/image": "3.1.9",
+    "@graphcommerce/next-ui": "4.22.0",
     "@graphcommerce/react-hook-form": "3.3.2"
   },
   "peerDependencies": {

package/Search.graphql

@@ -1,17 +0,0 @@
-query Search(
-  $pageSize: Int = 24
-  $currentPage: Int = 1
-  $filters: ProductAttributeFilterInput = {}
-  $sort: ProductAttributeSortInput = {}
-  $search: String = ""
-) {
-  categories(filters: { name: { match: $search } }, pageSize: $pageSize) {
-    items {
-      ...CategorySearchResult
-    }
-  }
-  ...ProductListQueryFragment
-  filters: products(search: $search, pageSize: $pageSize) {
-    ...ProductListFilters
-  }
-}