@graphcommerce/magento-search 4.0.3 → 4.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +122 -179
- package/{CategorySearchResult → components/CategorySearchResult}/CategorySearchResult.graphql +0 -0
- package/{CategorySearchResult/index.tsx → components/CategorySearchResult/CategorySearchResult.tsx} +4 -4
- package/{NoSearchResults/index.tsx → components/NoSearchResults/NoSearchResults.tsx} +1 -1
- package/{SearchButton/index.tsx → components/SearchButton/SearchButton.tsx} +7 -3
- package/{SearchDivider/index.tsx → components/SearchDivider/SearchDivider.tsx} +1 -3
- package/{SearchForm/index.tsx → components/SearchForm/SearchForm.tsx} +4 -4
- package/components/SearchLink/SearchLink.tsx +69 -0
- package/index.ts +6 -14
- package/package.json +9 -8
- package/CategorySearchResult/chevron_right.svg +0 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,17 +1,52 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 4.1.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#1353](https://github.com/graphcommerce-org/graphcommerce/pull/1353) [`0e5ee7ba8`](https://github.com/graphcommerce-org/graphcommerce/commit/0e5ee7ba89698e5e711001e846ed182528060cba) Thanks [@paales](https://github.com/paales)! - Eslint: enable rules that were previously disabled and make fixes
|
|
8
|
+
|
|
9
|
+
* [#1353](https://github.com/graphcommerce-org/graphcommerce/pull/1353) [`5fa60655c`](https://github.com/graphcommerce-org/graphcommerce/commit/5fa60655c85ff3b3debe663b94450cbff5c52520) Thanks [@paales](https://github.com/paales)! - Reduce the allowed props of the SearchLink component
|
|
10
|
+
|
|
11
|
+
* Updated dependencies [[`49a2d6617`](https://github.com/graphcommerce-org/graphcommerce/commit/49a2d661712e1787fba46c6195f7b559189e23d9), [`f67da3cfb`](https://github.com/graphcommerce-org/graphcommerce/commit/f67da3cfbe2dcf5ea23519d088c5aa0074029182), [`218766869`](https://github.com/graphcommerce-org/graphcommerce/commit/218766869f7468c067a590857c942f3819f8add4), [`0e5ee7ba8`](https://github.com/graphcommerce-org/graphcommerce/commit/0e5ee7ba89698e5e711001e846ed182528060cba), [`829b8690b`](https://github.com/graphcommerce-org/graphcommerce/commit/829b8690bc5d0a46e596299e4120e9837a9f179c)]:
|
|
12
|
+
- @graphcommerce/next-ui@4.4.0
|
|
13
|
+
|
|
14
|
+
## 4.1.1
|
|
15
|
+
|
|
16
|
+
### Patch Changes
|
|
17
|
+
|
|
18
|
+
- [#1307](https://github.com/ho-nl/m2-pwa/pull/1307) [`bd10506d3`](https://github.com/ho-nl/m2-pwa/commit/bd10506d32fdbc91d01dadc29a12ebd1e0943655) Thanks [@paales](https://github.com/paales)! - All default exports are now named exports internally and all `index.tsx` are renamed to the component name.
|
|
19
|
+
|
|
20
|
+
* [#1307](https://github.com/ho-nl/m2-pwa/pull/1307) [`27cb1f2d8`](https://github.com/ho-nl/m2-pwa/commit/27cb1f2d8dbfb8f1b301ce56fb6a2b6c1fc6a5ef) Thanks [@paales](https://github.com/paales)! - upgrade dependencies
|
|
21
|
+
|
|
22
|
+
* Updated dependencies [[`3d63b39f7`](https://github.com/ho-nl/m2-pwa/commit/3d63b39f7e330d1827a32dba782667d7b21adaba), [`bd10506d3`](https://github.com/ho-nl/m2-pwa/commit/bd10506d32fdbc91d01dadc29a12ebd1e0943655), [`27cb1f2d8`](https://github.com/ho-nl/m2-pwa/commit/27cb1f2d8dbfb8f1b301ce56fb6a2b6c1fc6a5ef)]:
|
|
23
|
+
- @graphcommerce/next-ui@4.2.4
|
|
24
|
+
- @graphcommerce/graphql@3.0.4
|
|
25
|
+
- @graphcommerce/image@3.1.1
|
|
26
|
+
- @graphcommerce/react-hook-form@3.0.4
|
|
27
|
+
|
|
28
|
+
## 4.1.0
|
|
29
|
+
|
|
30
|
+
### Minor Changes
|
|
31
|
+
|
|
32
|
+
- [#1292](https://github.com/ho-nl/m2-pwa/pull/1292) [`990df655b`](https://github.com/ho-nl/m2-pwa/commit/990df655b73b469718d6cb5837ee65dfe2ad6a1d) Thanks [@paales](https://github.com/paales)! - `<SearchLink />` a more lightweight (less js) alternative for `<SearchButton />`
|
|
33
|
+
|
|
34
|
+
### Patch Changes
|
|
35
|
+
|
|
36
|
+
- [#1292](https://github.com/ho-nl/m2-pwa/pull/1292) [`5a1ba9e66`](https://github.com/ho-nl/m2-pwa/commit/5a1ba9e664abbac89c4f5f71f7d6d6ed1aefa5c0) Thanks [@paales](https://github.com/paales)! - Renamed SvgIcon to IconSvg to prevent collisions with MUI
|
|
37
|
+
|
|
38
|
+
* [#1292](https://github.com/ho-nl/m2-pwa/pull/1292) [`63f9b56eb`](https://github.com/ho-nl/m2-pwa/commit/63f9b56eb68ba790567ff1427e599fd2c3c8f1ee) Thanks [@paales](https://github.com/paales)! - added responsive size to the Fab component
|
|
39
|
+
|
|
40
|
+
* Updated dependencies [[`5a1ba9e66`](https://github.com/ho-nl/m2-pwa/commit/5a1ba9e664abbac89c4f5f71f7d6d6ed1aefa5c0), [`990df655b`](https://github.com/ho-nl/m2-pwa/commit/990df655b73b469718d6cb5837ee65dfe2ad6a1d), [`63f9b56eb`](https://github.com/ho-nl/m2-pwa/commit/63f9b56eb68ba790567ff1427e599fd2c3c8f1ee)]:
|
|
41
|
+
- @graphcommerce/next-ui@4.2.0
|
|
42
|
+
|
|
3
43
|
## 4.0.3
|
|
4
44
|
|
|
5
45
|
### Patch Changes
|
|
6
46
|
|
|
7
|
-
- [`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96)
|
|
8
|
-
Thanks [@paales](https://github.com/paales)! - made packages public
|
|
47
|
+
- [`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96) Thanks [@paales](https://github.com/paales)! - made packages public
|
|
9
48
|
|
|
10
|
-
- Updated dependencies
|
|
11
|
-
[[`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96),
|
|
12
|
-
[`81ea406d5`](https://github.com/ho-nl/m2-pwa/commit/81ea406d54d6b5c662c030a7fea444abc4117a20),
|
|
13
|
-
[`3a719c88c`](https://github.com/ho-nl/m2-pwa/commit/3a719c88cad1eab58602de28c41adc0fc4827e1d),
|
|
14
|
-
[`5ffcb56bf`](https://github.com/ho-nl/m2-pwa/commit/5ffcb56bfcbe49ebeaf24f9341e819a145ab9a14)]:
|
|
49
|
+
- Updated dependencies [[`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96), [`81ea406d5`](https://github.com/ho-nl/m2-pwa/commit/81ea406d54d6b5c662c030a7fea444abc4117a20), [`3a719c88c`](https://github.com/ho-nl/m2-pwa/commit/3a719c88cad1eab58602de28c41adc0fc4827e1d), [`5ffcb56bf`](https://github.com/ho-nl/m2-pwa/commit/5ffcb56bfcbe49ebeaf24f9341e819a145ab9a14)]:
|
|
15
50
|
- @graphcommerce/graphql@3.0.3
|
|
16
51
|
- @graphcommerce/image@3.1.0
|
|
17
52
|
- @graphcommerce/next-ui@4.1.2
|
|
@@ -21,28 +56,13 @@
|
|
|
21
56
|
|
|
22
57
|
### Patch Changes
|
|
23
58
|
|
|
24
|
-
- [#1276](https://github.com/ho-nl/m2-pwa/pull/1276)
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
* [
|
|
31
|
-
[`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)
|
|
32
|
-
Thanks [@paales](https://github.com/paales)! - Upgraded to
|
|
33
|
-
[NextJS 12.1](https://nextjs.org/blog/next-12-1)! This is just for compatibility, but we'll be
|
|
34
|
-
implementing
|
|
35
|
-
[On-demand Incremental Static Regeneration](https://nextjs.org/blog/next-12-1#on-demand-incremental-static-regeneration-beta)
|
|
36
|
-
soon.
|
|
37
|
-
|
|
38
|
-
This will greatly reduce the requirement to rebuid stuff and we'll add a management UI on the
|
|
39
|
-
frontend to be able to revalidate pages manually.
|
|
40
|
-
|
|
41
|
-
* Updated dependencies
|
|
42
|
-
[[`381e4c86a`](https://github.com/ho-nl/m2-pwa/commit/381e4c86a8321ce96e1fa5c7d3c0a0c0ff3e02c7),
|
|
43
|
-
[`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2),
|
|
44
|
-
[`e7c8e2756`](https://github.com/ho-nl/m2-pwa/commit/e7c8e2756d637cbcd2e793d62ef5721d35d9fa7b),
|
|
45
|
-
[`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)]:
|
|
59
|
+
- [#1276](https://github.com/ho-nl/m2-pwa/pull/1276) [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2) Thanks [@paales](https://github.com/paales)! - We've moved lots of internal packages from `dependencies` to `peerDependencies`. The result of this is that there will be significantly less duplicate packages in the node_modules folders.
|
|
60
|
+
|
|
61
|
+
* [#1276](https://github.com/ho-nl/m2-pwa/pull/1276) [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d) Thanks [@paales](https://github.com/paales)! - Upgraded to [NextJS 12.1](https://nextjs.org/blog/next-12-1)! This is just for compatibility, but we'll be implementing [On-demand Incremental Static Regeneration](https://nextjs.org/blog/next-12-1#on-demand-incremental-static-regeneration-beta) soon.
|
|
62
|
+
|
|
63
|
+
This will greatly reduce the requirement to rebuid stuff and we'll add a management UI on the frontend to be able to revalidate pages manually.
|
|
64
|
+
|
|
65
|
+
* Updated dependencies [[`381e4c86a`](https://github.com/ho-nl/m2-pwa/commit/381e4c86a8321ce96e1fa5c7d3c0a0c0ff3e02c7), [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2), [`e7c8e2756`](https://github.com/ho-nl/m2-pwa/commit/e7c8e2756d637cbcd2e793d62ef5721d35d9fa7b), [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)]:
|
|
46
66
|
- @graphcommerce/next-ui@4.1.1
|
|
47
67
|
- @graphcommerce/react-hook-form@3.0.2
|
|
48
68
|
- @graphcommerce/graphql@3.0.2
|
|
@@ -52,11 +72,8 @@
|
|
|
52
72
|
|
|
53
73
|
### Patch Changes
|
|
54
74
|
|
|
55
|
-
- [`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)
|
|
56
|
-
|
|
57
|
-
so that the packages link to back to the website and repository
|
|
58
|
-
- Updated dependencies
|
|
59
|
-
[[`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)]:
|
|
75
|
+
- [`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514) Thanks [@paales](https://github.com/paales)! - Added homepage and repository package.json files, so that the packages link to back to the website and repository
|
|
76
|
+
- Updated dependencies [[`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)]:
|
|
60
77
|
- @graphcommerce/graphql@3.0.1
|
|
61
78
|
- @graphcommerce/image@3.0.1
|
|
62
79
|
- @graphcommerce/next-ui@4.0.1
|
|
@@ -66,144 +83,119 @@
|
|
|
66
83
|
|
|
67
84
|
### Major Changes
|
|
68
85
|
|
|
69
|
-
- [#1258](https://github.com/ho-nl/m2-pwa/pull/1258)
|
|
70
|
-
[`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)
|
|
71
|
-
Thanks [@paales](https://github.com/paales)! - Upgraded to Material UI 5
|
|
86
|
+
- [#1258](https://github.com/ho-nl/m2-pwa/pull/1258) [`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05) Thanks [@paales](https://github.com/paales)! - Upgraded to Material UI 5
|
|
72
87
|
|
|
73
88
|
### Patch Changes
|
|
74
89
|
|
|
75
|
-
- Updated dependencies
|
|
76
|
-
[[`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)]:
|
|
90
|
+
- Updated dependencies [[`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)]:
|
|
77
91
|
- @graphcommerce/graphql@3.0.0
|
|
78
92
|
- @graphcommerce/image@3.0.0
|
|
79
93
|
- @graphcommerce/next-ui@4.0.0
|
|
80
94
|
- @graphcommerce/react-hook-form@3.0.0
|
|
81
95
|
|
|
82
|
-
All notable changes to this project will be documented in this file. See
|
|
83
|
-
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
96
|
+
All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
84
97
|
|
|
85
98
|
## [3.5.40](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@3.5.39...@graphcommerce/magento-search@3.5.40) (2022-01-20)
|
|
86
99
|
|
|
87
100
|
### Bug Fixes
|
|
88
101
|
|
|
89
|
-
- search result label translation
|
|
90
|
-
([7e14ff5](https://github.com/ho-nl/m2-pwa/commit/7e14ff5548d86bc6b4f7afd51c259c0b833878f7))
|
|
102
|
+
- search result label translation ([7e14ff5](https://github.com/ho-nl/m2-pwa/commit/7e14ff5548d86bc6b4f7afd51c259c0b833878f7))
|
|
91
103
|
|
|
92
104
|
## [3.5.39](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@3.5.38...@graphcommerce/magento-search@3.5.39) (2022-01-20)
|
|
93
105
|
|
|
94
106
|
### Bug Fixes
|
|
95
107
|
|
|
96
|
-
- search result label
|
|
97
|
-
([a55fdc0](https://github.com/ho-nl/m2-pwa/commit/a55fdc07e3aeb57d3b3a2cb0378ecb227ebf23a2))
|
|
108
|
+
- search result label ([a55fdc0](https://github.com/ho-nl/m2-pwa/commit/a55fdc07e3aeb57d3b3a2cb0378ecb227ebf23a2))
|
|
98
109
|
|
|
99
110
|
## [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)
|
|
100
111
|
|
|
101
112
|
### Bug Fixes
|
|
102
113
|
|
|
103
|
-
- search page
|
|
104
|
-
([85cf721](https://github.com/ho-nl/m2-pwa/commit/85cf72130bce4c3d2c392a3745adf05bca8618b1))
|
|
114
|
+
- search page ([85cf721](https://github.com/ho-nl/m2-pwa/commit/85cf72130bce4c3d2c392a3745adf05bca8618b1))
|
|
105
115
|
|
|
106
116
|
## [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)
|
|
107
117
|
|
|
108
118
|
### Bug Fixes
|
|
109
119
|
|
|
110
|
-
- ios zoom bug when using search. Fontsize should always be > 16
|
|
111
|
-
([22abcd4](https://github.com/ho-nl/m2-pwa/commit/22abcd499b152448b3c38f84325debe07d2b9a68))
|
|
120
|
+
- ios zoom bug when using search. Fontsize should always be > 16 ([22abcd4](https://github.com/ho-nl/m2-pwa/commit/22abcd499b152448b3c38f84325debe07d2b9a68))
|
|
112
121
|
|
|
113
122
|
## [3.5.4](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@3.5.3...@graphcommerce/magento-search@3.5.4) (2021-11-27)
|
|
114
123
|
|
|
115
124
|
### Bug Fixes
|
|
116
125
|
|
|
117
|
-
- replace shadow with border
|
|
118
|
-
([56b2078](https://github.com/ho-nl/m2-pwa/commit/56b20786920c5c73faf35c8fbde425c01a88f411))
|
|
126
|
+
- replace shadow with border ([56b2078](https://github.com/ho-nl/m2-pwa/commit/56b20786920c5c73faf35c8fbde425c01a88f411))
|
|
119
127
|
|
|
120
128
|
# [3.5.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@3.4.20...@graphcommerce/magento-search@3.5.0) (2021-11-12)
|
|
121
129
|
|
|
122
130
|
### Features
|
|
123
131
|
|
|
124
|
-
- added tons of translations
|
|
125
|
-
([9bb0ac7](https://github.com/ho-nl/m2-pwa/commit/9bb0ac709b58df6ea6141e92e4923a5ca9ae2963))
|
|
132
|
+
- added tons of translations ([9bb0ac7](https://github.com/ho-nl/m2-pwa/commit/9bb0ac709b58df6ea6141e92e4923a5ca9ae2963))
|
|
126
133
|
|
|
127
134
|
## [3.4.20](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@3.4.19...@graphcommerce/magento-search@3.4.20) (2021-11-12)
|
|
128
135
|
|
|
129
136
|
### Bug Fixes
|
|
130
137
|
|
|
131
|
-
- searchButton styling
|
|
132
|
-
([846e0cd](https://github.com/ho-nl/m2-pwa/commit/846e0cdb76eec7c5baf5fbfc4c501f99ebe59bf5))
|
|
138
|
+
- searchButton styling ([846e0cd](https://github.com/ho-nl/m2-pwa/commit/846e0cdb76eec7c5baf5fbfc4c501f99ebe59bf5))
|
|
133
139
|
|
|
134
140
|
## [3.4.19](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@3.4.18...@graphcommerce/magento-search@3.4.19) (2021-11-12)
|
|
135
141
|
|
|
136
142
|
### Bug Fixes
|
|
137
143
|
|
|
138
|
-
- **search-button:** spacings
|
|
139
|
-
([ccb7274](https://github.com/ho-nl/m2-pwa/commit/ccb727444a57941e22f14dff15ce20101cbc160c))
|
|
144
|
+
- **search-button:** spacings ([ccb7274](https://github.com/ho-nl/m2-pwa/commit/ccb727444a57941e22f14dff15ce20101cbc160c))
|
|
140
145
|
|
|
141
146
|
## [3.4.16](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@3.4.15...@graphcommerce/magento-search@3.4.16) (2021-11-09)
|
|
142
147
|
|
|
143
148
|
### Bug Fixes
|
|
144
149
|
|
|
145
|
-
- restyle menu to h4
|
|
146
|
-
|
|
147
|
-
- **search-button:** add label for accessibility score
|
|
148
|
-
([1871e5b](https://github.com/ho-nl/m2-pwa/commit/1871e5b0b264ae4c98ebf3af1d074bb23d4dbbd8))
|
|
150
|
+
- restyle menu to h4 ([642e166](https://github.com/ho-nl/m2-pwa/commit/642e16635dc06f38bed91ffd1a374922ac70439b))
|
|
151
|
+
- **search-button:** add label for accessibility score ([1871e5b](https://github.com/ho-nl/m2-pwa/commit/1871e5b0b264ae4c98ebf3af1d074bb23d4dbbd8))
|
|
149
152
|
|
|
150
153
|
## [3.4.7](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@3.4.6...@graphcommerce/magento-search@3.4.7) (2021-11-03)
|
|
151
154
|
|
|
152
155
|
### Bug Fixes
|
|
153
156
|
|
|
154
|
-
- various accessibility improvements
|
|
155
|
-
([47481a9](https://github.com/ho-nl/m2-pwa/commit/47481a9a882ba87968de6dd797557b0b275d75fb))
|
|
157
|
+
- various accessibility improvements ([47481a9](https://github.com/ho-nl/m2-pwa/commit/47481a9a882ba87968de6dd797557b0b275d75fb))
|
|
156
158
|
|
|
157
159
|
# [3.4.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@3.3.5...@graphcommerce/magento-search@3.4.0) (2021-11-02)
|
|
158
160
|
|
|
159
161
|
### Bug Fixes
|
|
160
162
|
|
|
161
|
-
- darkMode
|
|
162
|
-
([c7573de](https://github.com/ho-nl/m2-pwa/commit/c7573de6bb80643b26931c35ac61735539e7fbf0))
|
|
163
|
+
- darkMode ([c7573de](https://github.com/ho-nl/m2-pwa/commit/c7573de6bb80643b26931c35ac61735539e7fbf0))
|
|
163
164
|
|
|
164
165
|
### Features
|
|
165
166
|
|
|
166
|
-
- darkTheme
|
|
167
|
-
([968f4f1](https://github.com/ho-nl/m2-pwa/commit/968f4f1360417bf7daa36454c19e6bc5cf53ae90))
|
|
167
|
+
- darkTheme ([968f4f1](https://github.com/ho-nl/m2-pwa/commit/968f4f1360417bf7daa36454c19e6bc5cf53ae90))
|
|
168
168
|
|
|
169
169
|
## [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)
|
|
170
170
|
|
|
171
171
|
### Bug Fixes
|
|
172
172
|
|
|
173
|
-
- External SVG's can't have alt tags
|
|
174
|
-
([1b1414a](https://github.com/ho-nl/m2-pwa/commit/1b1414a782d55d3acf7b0e6bcaa50f2ad5f18f39))
|
|
173
|
+
- External SVG's can't have alt tags ([1b1414a](https://github.com/ho-nl/m2-pwa/commit/1b1414a782d55d3acf7b0e6bcaa50f2ad5f18f39))
|
|
175
174
|
|
|
176
175
|
# [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)
|
|
177
176
|
|
|
178
177
|
### Bug Fixes
|
|
179
178
|
|
|
180
|
-
- update SvgImage to SvgImageSimple
|
|
181
|
-
([f116543](https://github.com/ho-nl/m2-pwa/commit/f116543730853fa9782abff0ccacee7032e85789))
|
|
179
|
+
- update SvgImage to SvgImageSimple ([f116543](https://github.com/ho-nl/m2-pwa/commit/f116543730853fa9782abff0ccacee7032e85789))
|
|
182
180
|
|
|
183
181
|
### Features
|
|
184
182
|
|
|
185
|
-
- dynamic icons, update SvgImage uses to SvgImageSimple
|
|
186
|
-
|
|
187
|
-
- mobile menu styling
|
|
188
|
-
([3cc3085](https://github.com/ho-nl/m2-pwa/commit/3cc308585d4ded68d2ac8ebf97f96288424ee914))
|
|
183
|
+
- dynamic icons, update SvgImage uses to SvgImageSimple ([3d3cc0e](https://github.com/ho-nl/m2-pwa/commit/3d3cc0e0336fcde1cce6ba19705f82c1edf9bfc6))
|
|
184
|
+
- mobile menu styling ([3cc3085](https://github.com/ho-nl/m2-pwa/commit/3cc308585d4ded68d2ac8ebf97f96288424ee914))
|
|
189
185
|
|
|
190
186
|
# [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)
|
|
191
187
|
|
|
192
188
|
### Features
|
|
193
189
|
|
|
194
|
-
- **nextjs:** upgraded to nextjs 12
|
|
195
|
-
([9331bc8](https://github.com/ho-nl/m2-pwa/commit/9331bc801f6419522115cc47d291d49d608d5a90))
|
|
190
|
+
- **nextjs:** upgraded to nextjs 12 ([9331bc8](https://github.com/ho-nl/m2-pwa/commit/9331bc801f6419522115cc47d291d49d608d5a90))
|
|
196
191
|
|
|
197
192
|
# [3.1.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@3.0.18...@graphcommerce/magento-search@3.1.0) (2021-10-13)
|
|
198
193
|
|
|
199
194
|
### Features
|
|
200
195
|
|
|
201
|
-
- allow adding placeholder to SearchButton
|
|
202
|
-
|
|
203
|
-
-
|
|
204
|
-
([9725ab1](https://github.com/ho-nl/m2-pwa/commit/9725ab14920f585c83457f11908d7e5e408cadb8))
|
|
205
|
-
- implement extensibility for DesktopNavBar, SearchButton
|
|
206
|
-
([5710de8](https://github.com/ho-nl/m2-pwa/commit/5710de8936f59c7d0fcc648978183f0e7fdd26b7))
|
|
196
|
+
- allow adding placeholder to SearchButton ([95f601a](https://github.com/ho-nl/m2-pwa/commit/95f601ac526991130ba319142452950793661f7b))
|
|
197
|
+
- allow changing SearchButton icon ([9725ab1](https://github.com/ho-nl/m2-pwa/commit/9725ab14920f585c83457f11908d7e5e408cadb8))
|
|
198
|
+
- implement extensibility for DesktopNavBar, SearchButton ([5710de8](https://github.com/ho-nl/m2-pwa/commit/5710de8936f59c7d0fcc648978183f0e7fdd26b7))
|
|
207
199
|
|
|
208
200
|
## [3.0.1](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@3.0.0...@graphcommerce/magento-search@3.0.1) (2021-09-27)
|
|
209
201
|
|
|
@@ -213,91 +205,53 @@ All notable changes to this project will be documented in this file. See
|
|
|
213
205
|
|
|
214
206
|
### Bug Fixes
|
|
215
207
|
|
|
216
|
-
- **404-page:** prevent auto focus search form
|
|
217
|
-
|
|
218
|
-
-
|
|
219
|
-
|
|
220
|
-
-
|
|
221
|
-
|
|
222
|
-
-
|
|
223
|
-
|
|
224
|
-
-
|
|
225
|
-
|
|
226
|
-
-
|
|
227
|
-
|
|
228
|
-
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
-
|
|
232
|
-
|
|
233
|
-
-
|
|
234
|
-
|
|
235
|
-
-
|
|
236
|
-
([2ecd6e3](https://github.com/ho-nl/m2-pwa/commit/2ecd6e36481e546dc78acfb46dfff08dcfdd8e6a))
|
|
237
|
-
- pagination & janky search form
|
|
238
|
-
([b4fb982](https://github.com/ho-nl/m2-pwa/commit/b4fb982980c92f3819bb563582979dd66893a733))
|
|
239
|
-
- readonly search field
|
|
240
|
-
([5524847](https://github.com/ho-nl/m2-pwa/commit/552484706520c14b7b3d1708daf8cc64b91f3fe7))
|
|
241
|
-
- rename NextButton to Button, change imports
|
|
242
|
-
([976adb0](https://github.com/ho-nl/m2-pwa/commit/976adb0bf906310d1efce888dcc9be1e28ce0f1b))
|
|
243
|
-
- search button on click type
|
|
244
|
-
([33a6a08](https://github.com/ho-nl/m2-pwa/commit/33a6a0826acf795750503b39bd0d224baa795a47))
|
|
245
|
-
- search not submitting after empying the field
|
|
246
|
-
([a15b5cf](https://github.com/ho-nl/m2-pwa/commit/a15b5cf94f4619e0087c8871a98617ab160f671a))
|
|
247
|
-
- search page routes
|
|
248
|
-
([4161179](https://github.com/ho-nl/m2-pwa/commit/4161179aaf2ecbc0fde0efbba891a7b85524e283))
|
|
249
|
-
- search results text
|
|
250
|
-
([33a496c](https://github.com/ho-nl/m2-pwa/commit/33a496c07fe6b5b0b05f3287dc86f6a32ca34b3b))
|
|
251
|
-
- **search-page:** hide menu and cart fabs when opened virtual keyboard mobile
|
|
252
|
-
([e728768](https://github.com/ho-nl/m2-pwa/commit/e7287680545f33079d0af47df1c6ea519b208978))
|
|
253
|
-
- since all links are of next/link we need to add passHref for custom components
|
|
254
|
-
([16fb931](https://github.com/ho-nl/m2-pwa/commit/16fb93100d367203ea79bb4f93357221253f2ecd))
|
|
255
|
-
- yarn workspace packages hot reload
|
|
256
|
-
([d03fc9f](https://github.com/ho-nl/m2-pwa/commit/d03fc9fdda3486476761786f2b56a934cc92befc))
|
|
208
|
+
- **404-page:** prevent auto focus search form ([9e89ed3](https://github.com/ho-nl/m2-pwa/commit/9e89ed31ea192312641f46f01b69dc5f319331e8))
|
|
209
|
+
- add dependencies for searchbutton ([c8f9608](https://github.com/ho-nl/m2-pwa/commit/c8f960828daa77675c4f359e971690b227563445))
|
|
210
|
+
- **app-shell:** pages after app shell changes ([fb74510](https://github.com/ho-nl/m2-pwa/commit/fb74510121f6124009db72ad2ddebf6459c52a85))
|
|
211
|
+
- caption styles bugs ([f223918](https://github.com/ho-nl/m2-pwa/commit/f223918cc557a996b5f321fbf6910b4981646dcb))
|
|
212
|
+
- empty grid rows still have a gap ([7ba50c7](https://github.com/ho-nl/m2-pwa/commit/7ba50c740aa7ac5133b933b3e6a22fab853b55a6))
|
|
213
|
+
- ignore md files from triggering version updates ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
|
|
214
|
+
- **image:** make sure unoptimized images are preloaded correctly and remove preloads from lots of images ([fb2b4fc](https://github.com/ho-nl/m2-pwa/commit/fb2b4fcb5336ff880a9b32775847d7b6738ba1ea))
|
|
215
|
+
- implement next-ui barrel imports ([75bea70](https://github.com/ho-nl/m2-pwa/commit/75bea703dba898f18a2a1dfa3243ebd0a4e6f0e1))
|
|
216
|
+
- make fab-menu more configurable ([f73d7ec](https://github.com/ho-nl/m2-pwa/commit/f73d7ecccfba7d5cd9eecdcdd65abb5393a9e7a9))
|
|
217
|
+
- no search results message ([2ecd6e3](https://github.com/ho-nl/m2-pwa/commit/2ecd6e36481e546dc78acfb46dfff08dcfdd8e6a))
|
|
218
|
+
- pagination & janky search form ([b4fb982](https://github.com/ho-nl/m2-pwa/commit/b4fb982980c92f3819bb563582979dd66893a733))
|
|
219
|
+
- readonly search field ([5524847](https://github.com/ho-nl/m2-pwa/commit/552484706520c14b7b3d1708daf8cc64b91f3fe7))
|
|
220
|
+
- rename NextButton to Button, change imports ([976adb0](https://github.com/ho-nl/m2-pwa/commit/976adb0bf906310d1efce888dcc9be1e28ce0f1b))
|
|
221
|
+
- search button on click type ([33a6a08](https://github.com/ho-nl/m2-pwa/commit/33a6a0826acf795750503b39bd0d224baa795a47))
|
|
222
|
+
- search not submitting after empying the field ([a15b5cf](https://github.com/ho-nl/m2-pwa/commit/a15b5cf94f4619e0087c8871a98617ab160f671a))
|
|
223
|
+
- search page routes ([4161179](https://github.com/ho-nl/m2-pwa/commit/4161179aaf2ecbc0fde0efbba891a7b85524e283))
|
|
224
|
+
- search results text ([33a496c](https://github.com/ho-nl/m2-pwa/commit/33a496c07fe6b5b0b05f3287dc86f6a32ca34b3b))
|
|
225
|
+
- **search-page:** hide menu and cart fabs when opened virtual keyboard mobile ([e728768](https://github.com/ho-nl/m2-pwa/commit/e7287680545f33079d0af47df1c6ea519b208978))
|
|
226
|
+
- since all links are of next/link we need to add passHref for custom components ([16fb931](https://github.com/ho-nl/m2-pwa/commit/16fb93100d367203ea79bb4f93357221253f2ecd))
|
|
227
|
+
- yarn workspace packages hot reload ([d03fc9f](https://github.com/ho-nl/m2-pwa/commit/d03fc9fdda3486476761786f2b56a934cc92befc))
|
|
257
228
|
|
|
258
229
|
### Features
|
|
259
230
|
|
|
260
|
-
- Add customer service icon and define MuiIconButton size
|
|
261
|
-
|
|
262
|
-
-
|
|
263
|
-
|
|
264
|
-
-
|
|
265
|
-
|
|
266
|
-
-
|
|
267
|
-
|
|
268
|
-
- **
|
|
269
|
-
|
|
270
|
-
-
|
|
271
|
-
|
|
272
|
-
-
|
|
273
|
-
|
|
274
|
-
- next.js 11
|
|
275
|
-
([7d61407](https://github.com/ho-nl/m2-pwa/commit/7d614075a778f488045034f74be4f75b93f63c43))
|
|
276
|
-
- **playwright:** added new playwright package to enable browser testing
|
|
277
|
-
([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
|
|
278
|
-
- renamed all packages to use [@graphcommerce](https://github.com/graphcommerce) instead of
|
|
279
|
-
[@reachdigital](https://github.com/reachdigital)
|
|
280
|
-
([491e4ce](https://github.com/ho-nl/m2-pwa/commit/491e4cec9a2686472dac36b79f999257c0811ffe))
|
|
281
|
-
- search page
|
|
282
|
-
([c89291b](https://github.com/ho-nl/m2-pwa/commit/c89291b7a65c93cbdb5f131f061f7232fdce3b99))
|
|
283
|
-
- svgimage component
|
|
284
|
-
([f369605](https://github.com/ho-nl/m2-pwa/commit/f3696051e381a24c543fd24e199da5b17f9e124f))
|
|
285
|
-
- upgrade to node 14
|
|
286
|
-
([d079a75](https://github.com/ho-nl/m2-pwa/commit/d079a751e9bfd8dc7f5009d2c9f31c336a0c96ab))
|
|
287
|
-
- upgraded to nextjs 11
|
|
288
|
-
([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
|
|
231
|
+
- Add customer service icon and define MuiIconButton size ([eefcc52](https://github.com/ho-nl/m2-pwa/commit/eefcc52eeffa03b364464709e1860135127cc4b5))
|
|
232
|
+
- **app-shell:** now consistent ([fb5b506](https://github.com/ho-nl/m2-pwa/commit/fb5b5062729002b508e888a4962f1b2578e5199b))
|
|
233
|
+
- created stacked-pages package ([d86008e](https://github.com/ho-nl/m2-pwa/commit/d86008ee659ccb25b194a41d624b394a1ddbd088))
|
|
234
|
+
- full page ui desktop variant ([a70f301](https://github.com/ho-nl/m2-pwa/commit/a70f3013da36fa131f82fb44457b107fb7705df6))
|
|
235
|
+
- **graphql:** introduced new graphql package that holds all generated files ([a3e7aa0](https://github.com/ho-nl/m2-pwa/commit/a3e7aa05540540533b5ced9a95f1f802ecbe499f))
|
|
236
|
+
- **image:** introduced completely rewritten Image component ([e3413b3](https://github.com/ho-nl/m2-pwa/commit/e3413b3a57392d6571ea64cb8d9c8dca05ea31df))
|
|
237
|
+
- minimal page shell ([1693674](https://github.com/ho-nl/m2-pwa/commit/1693674631fc8438c60d9b74b73e607e08971a2d))
|
|
238
|
+
- next.js 11 ([7d61407](https://github.com/ho-nl/m2-pwa/commit/7d614075a778f488045034f74be4f75b93f63c43))
|
|
239
|
+
- **playwright:** added new playwright package to enable browser testing ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
|
|
240
|
+
- renamed all packages to use [@graphcommerce](https://github.com/graphcommerce) instead of [@reachdigital](https://github.com/reachdigital) ([491e4ce](https://github.com/ho-nl/m2-pwa/commit/491e4cec9a2686472dac36b79f999257c0811ffe))
|
|
241
|
+
- search page ([c89291b](https://github.com/ho-nl/m2-pwa/commit/c89291b7a65c93cbdb5f131f061f7232fdce3b99))
|
|
242
|
+
- svgimage component ([f369605](https://github.com/ho-nl/m2-pwa/commit/f3696051e381a24c543fd24e199da5b17f9e124f))
|
|
243
|
+
- upgrade to node 14 ([d079a75](https://github.com/ho-nl/m2-pwa/commit/d079a751e9bfd8dc7f5009d2c9f31c336a0c96ab))
|
|
244
|
+
- upgraded to nextjs 11 ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
|
|
289
245
|
|
|
290
246
|
## 2.0.8 (2020-10-28)
|
|
291
247
|
|
|
292
248
|
### Bug Fixes
|
|
293
249
|
|
|
294
|
-
- make sure themes extensions are found
|
|
295
|
-
([5aa18db](https://github.com/ho-nl/m2-pwa/commit/5aa18db514fd2e2f50681367e39523f8e742ece0))
|
|
250
|
+
- make sure themes extensions are found ([5aa18db](https://github.com/ho-nl/m2-pwa/commit/5aa18db514fd2e2f50681367e39523f8e742ece0))
|
|
296
251
|
|
|
297
252
|
### Features
|
|
298
253
|
|
|
299
|
-
- split into packages
|
|
300
|
-
([2ee7fd6](https://github.com/ho-nl/m2-pwa/commit/2ee7fd6c0056f467d114f04d92c6c0ddf622d151))
|
|
254
|
+
- split into packages ([2ee7fd6](https://github.com/ho-nl/m2-pwa/commit/2ee7fd6c0056f467d114f04d92c6c0ddf622d151))
|
|
301
255
|
|
|
302
256
|
### BREAKING CHANGES
|
|
303
257
|
|
|
@@ -305,56 +259,45 @@ All notable changes to this project will be documented in this file. See
|
|
|
305
259
|
|
|
306
260
|
# Change Log
|
|
307
261
|
|
|
308
|
-
All notable changes to this project will be documented in this file. See
|
|
309
|
-
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
262
|
+
All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
310
263
|
|
|
311
264
|
# [2.104.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@2.103.8...@graphcommerce/magento-search@2.104.0) (2021-08-27)
|
|
312
265
|
|
|
313
266
|
### Bug Fixes
|
|
314
267
|
|
|
315
|
-
- **app-shell:** pages after app shell changes
|
|
316
|
-
([fb74510](https://github.com/ho-nl/m2-pwa/commit/fb74510121f6124009db72ad2ddebf6459c52a85))
|
|
268
|
+
- **app-shell:** pages after app shell changes ([fb74510](https://github.com/ho-nl/m2-pwa/commit/fb74510121f6124009db72ad2ddebf6459c52a85))
|
|
317
269
|
|
|
318
270
|
### Features
|
|
319
271
|
|
|
320
|
-
- **app-shell:** now consistent
|
|
321
|
-
([fb5b506](https://github.com/ho-nl/m2-pwa/commit/fb5b5062729002b508e888a4962f1b2578e5199b))
|
|
272
|
+
- **app-shell:** now consistent ([fb5b506](https://github.com/ho-nl/m2-pwa/commit/fb5b5062729002b508e888a4962f1b2578e5199b))
|
|
322
273
|
|
|
323
274
|
## [2.103.6](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@2.103.5...@graphcommerce/magento-search@2.103.6) (2021-08-17)
|
|
324
275
|
|
|
325
276
|
### Bug Fixes
|
|
326
277
|
|
|
327
|
-
- **404-page:** prevent auto focus search form
|
|
328
|
-
|
|
329
|
-
- **search-page:** hide menu and cart fabs when opened virtual keyboard mobile
|
|
330
|
-
([e728768](https://github.com/ho-nl/m2-pwa/commit/e7287680545f33079d0af47df1c6ea519b208978))
|
|
278
|
+
- **404-page:** prevent auto focus search form ([9e89ed3](https://github.com/ho-nl/m2-pwa/commit/9e89ed31ea192312641f46f01b69dc5f319331e8))
|
|
279
|
+
- **search-page:** hide menu and cart fabs when opened virtual keyboard mobile ([e728768](https://github.com/ho-nl/m2-pwa/commit/e7287680545f33079d0af47df1c6ea519b208978))
|
|
331
280
|
|
|
332
281
|
# [2.103.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@2.102.9...@graphcommerce/magento-search@2.103.0) (2021-08-12)
|
|
333
282
|
|
|
334
283
|
### Features
|
|
335
284
|
|
|
336
|
-
- upgraded to nextjs 11
|
|
337
|
-
([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
|
|
285
|
+
- upgraded to nextjs 11 ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
|
|
338
286
|
|
|
339
287
|
# [2.102.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@2.101.7...@graphcommerce/magento-search@2.102.0) (2021-07-26)
|
|
340
288
|
|
|
341
289
|
### Features
|
|
342
290
|
|
|
343
|
-
- **playwright:** added new playwright package to enable browser testing
|
|
344
|
-
([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
|
|
291
|
+
- **playwright:** added new playwright package to enable browser testing ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
|
|
345
292
|
|
|
346
293
|
# [2.101.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@2.100.10...@graphcommerce/magento-search@2.101.0) (2021-07-20)
|
|
347
294
|
|
|
348
295
|
### Bug Fixes
|
|
349
296
|
|
|
350
|
-
- ignore md files from triggering version updates
|
|
351
|
-
|
|
352
|
-
- search button on click type
|
|
353
|
-
([33a6a08](https://github.com/ho-nl/m2-pwa/commit/33a6a0826acf795750503b39bd0d224baa795a47))
|
|
297
|
+
- ignore md files from triggering version updates ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
|
|
298
|
+
- search button on click type ([33a6a08](https://github.com/ho-nl/m2-pwa/commit/33a6a0826acf795750503b39bd0d224baa795a47))
|
|
354
299
|
|
|
355
300
|
### Features
|
|
356
301
|
|
|
357
|
-
- full page ui desktop variant
|
|
358
|
-
|
|
359
|
-
- minimal page shell
|
|
360
|
-
([1693674](https://github.com/ho-nl/m2-pwa/commit/1693674631fc8438c60d9b74b73e607e08971a2d))
|
|
302
|
+
- full page ui desktop variant ([a70f301](https://github.com/ho-nl/m2-pwa/commit/a70f3013da36fa131f82fb44457b107fb7705df6))
|
|
303
|
+
- minimal page shell ([1693674](https://github.com/ho-nl/m2-pwa/commit/1693674631fc8438c60d9b74b73e607e08971a2d))
|
package/{CategorySearchResult → components/CategorySearchResult}/CategorySearchResult.graphql
RENAMED
|
File without changes
|
package/{CategorySearchResult/index.tsx → components/CategorySearchResult/CategorySearchResult.tsx}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Highlight, iconChevronRight,
|
|
1
|
+
import { Highlight, iconChevronRight, IconSvg, extendableComponent } from '@graphcommerce/next-ui'
|
|
2
2
|
import { Button, SxProps, Theme } from '@mui/material'
|
|
3
3
|
import PageLink from 'next/link'
|
|
4
4
|
import React from 'react'
|
|
@@ -13,17 +13,17 @@ const name = 'CategorySearchResult' as const
|
|
|
13
13
|
const parts = ['root'] as const
|
|
14
14
|
const { classes } = extendableComponent(name, parts)
|
|
15
15
|
|
|
16
|
-
export
|
|
16
|
+
export function CategorySearchResult(props: CategorySearchResultProps) {
|
|
17
17
|
const { search = '', sx = [], ...catProps } = props
|
|
18
18
|
|
|
19
19
|
return (
|
|
20
|
-
<PageLink href={`/${catProps?.url_path ?? ''}`}>
|
|
20
|
+
<PageLink href={`/${catProps?.url_path ?? ''}`} passHref>
|
|
21
21
|
<Button
|
|
22
22
|
fullWidth
|
|
23
23
|
variant='contained'
|
|
24
24
|
className={classes.root}
|
|
25
25
|
disableElevation
|
|
26
|
-
endIcon={<
|
|
26
|
+
endIcon={<IconSvg src={iconChevronRight} size='small' />}
|
|
27
27
|
sx={[
|
|
28
28
|
(theme) => ({
|
|
29
29
|
background: theme.palette.background.default,
|
|
@@ -8,7 +8,7 @@ const name = 'NoSearchResults' as const
|
|
|
8
8
|
const parts = ['root'] as const
|
|
9
9
|
const { classes } = extendableComponent(name, parts)
|
|
10
10
|
|
|
11
|
-
export
|
|
11
|
+
export function NoSearchResults(props: NoSearchResultsProps) {
|
|
12
12
|
const { search, sx = [] } = props
|
|
13
13
|
|
|
14
14
|
const term = `'${search}'`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { iconSearch, responsiveVal,
|
|
1
|
+
import { iconSearch, responsiveVal, IconSvg, extendableComponent } from '@graphcommerce/next-ui'
|
|
2
2
|
import { Trans } from '@lingui/macro'
|
|
3
3
|
import { TextField, TextFieldProps } from '@mui/material'
|
|
4
4
|
|
|
@@ -9,7 +9,11 @@ const name = 'SearchButton' as const
|
|
|
9
9
|
const parts = ['root', 'inputRoot'] as const
|
|
10
10
|
const { withState } = extendableComponent<OwnerState, typeof name, typeof parts>(name, parts)
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
/**
|
|
13
|
+
* @deprecated The use of `SearchButton` is not advised. It will import lots of things from
|
|
14
|
+
* `@mui/material`. Use the <SearchLink /> component instead.
|
|
15
|
+
*/
|
|
16
|
+
export function SearchButton(props: SearchButtonProps) {
|
|
13
17
|
const { InputProps, label, fullWidth = false, sx = [], ...textFieldProps } = props
|
|
14
18
|
const classes = withState({ fullWidth })
|
|
15
19
|
|
|
@@ -23,7 +27,7 @@ export default function SearchButton(props: SearchButtonProps) {
|
|
|
23
27
|
InputLabelProps={{ shrink: false }}
|
|
24
28
|
InputProps={{
|
|
25
29
|
readOnly: true,
|
|
26
|
-
endAdornment: <
|
|
30
|
+
endAdornment: <IconSvg src={iconSearch} size='medium' />,
|
|
27
31
|
classes: { root: classes.inputRoot },
|
|
28
32
|
...InputProps,
|
|
29
33
|
}}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { styled } from '@mui/material'
|
|
2
2
|
|
|
3
|
-
const SearchDivider = styled('div', { name: 'SearchDivider' })(({ theme }) => ({
|
|
3
|
+
export const SearchDivider = styled('div', { name: 'SearchDivider' })(({ theme }) => ({
|
|
4
4
|
borderBottom: `1px solid ${theme.palette.divider}`,
|
|
5
5
|
width: '100%',
|
|
6
6
|
marginTop: theme.spacings.md,
|
|
7
7
|
marginBottom: theme.spacings.md,
|
|
8
8
|
}))
|
|
9
|
-
|
|
10
|
-
export default SearchDivider
|
|
@@ -2,7 +2,7 @@ import {
|
|
|
2
2
|
FormRow,
|
|
3
3
|
iconClose,
|
|
4
4
|
iconSearch,
|
|
5
|
-
|
|
5
|
+
IconSvg,
|
|
6
6
|
extendableComponent,
|
|
7
7
|
} from '@graphcommerce/next-ui'
|
|
8
8
|
import { useForm, useFormAutoSubmit, useFormMuiRegister } from '@graphcommerce/react-hook-form'
|
|
@@ -23,7 +23,7 @@ const name = 'SearchForm' as const
|
|
|
23
23
|
const parts = ['root', 'totalProducts'] as const
|
|
24
24
|
const { classes } = extendableComponent(name, parts)
|
|
25
25
|
|
|
26
|
-
export
|
|
26
|
+
export function SearchForm(props: SearchFormProps) {
|
|
27
27
|
const { totalResults = 0, search = '', urlHandle = 'search', textFieldProps, sx = [] } = props
|
|
28
28
|
const router = useRouter()
|
|
29
29
|
|
|
@@ -47,7 +47,7 @@ export default function SearchForm(props: SearchFormProps) {
|
|
|
47
47
|
|
|
48
48
|
const endAdornment = !watch('search') ? (
|
|
49
49
|
<IconButton size='small'>
|
|
50
|
-
<
|
|
50
|
+
<IconSvg src={iconSearch} />
|
|
51
51
|
</IconButton>
|
|
52
52
|
) : (
|
|
53
53
|
<>
|
|
@@ -65,7 +65,7 @@ export default function SearchForm(props: SearchFormProps) {
|
|
|
65
65
|
</Box>
|
|
66
66
|
)}
|
|
67
67
|
<IconButton onClick={handleReset} size='small'>
|
|
68
|
-
<
|
|
68
|
+
<IconSvg src={iconClose} />
|
|
69
69
|
</IconButton>
|
|
70
70
|
</>
|
|
71
71
|
)
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import {
|
|
2
|
+
iconSearch,
|
|
3
|
+
responsiveVal,
|
|
4
|
+
IconSvg,
|
|
5
|
+
extendableComponent,
|
|
6
|
+
useFabSize,
|
|
7
|
+
} from '@graphcommerce/next-ui'
|
|
8
|
+
import { Link, LinkProps } from '@mui/material'
|
|
9
|
+
import PageLink from 'next/link'
|
|
10
|
+
import { SetRequired } from 'type-fest'
|
|
11
|
+
|
|
12
|
+
export type SearchLinkProps = SetRequired<Pick<LinkProps, 'href' | 'sx' | 'children'>, 'href'>
|
|
13
|
+
|
|
14
|
+
const name = 'SearchLink' as const
|
|
15
|
+
const parts = ['root', 'text', 'svg'] as const
|
|
16
|
+
const { classes } = extendableComponent(name, parts)
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* Usage:
|
|
20
|
+
*
|
|
21
|
+
* ```tsx
|
|
22
|
+
* const MyComponent = () => <SearchLink href='/search' />
|
|
23
|
+
* ```
|
|
24
|
+
*/
|
|
25
|
+
export function SearchLink(props: SearchLinkProps) {
|
|
26
|
+
const { href, sx = [], children, ...linkProps } = props
|
|
27
|
+
|
|
28
|
+
const fabSize = useFabSize('responsive')
|
|
29
|
+
|
|
30
|
+
return (
|
|
31
|
+
<PageLink href={href} passHref>
|
|
32
|
+
<Link
|
|
33
|
+
className={classes.root}
|
|
34
|
+
underline='none'
|
|
35
|
+
sx={[
|
|
36
|
+
(theme) => ({
|
|
37
|
+
justifySelf: 'center',
|
|
38
|
+
// @todo make abstract, this is the size of a responsive Fab minus the icon size, divided by 2.
|
|
39
|
+
marginRight: `calc(${fabSize} / 4)`,
|
|
40
|
+
width: responsiveVal(64, 172),
|
|
41
|
+
borderRadius: 2,
|
|
42
|
+
typography: 'body2',
|
|
43
|
+
display: 'flex',
|
|
44
|
+
alignItems: 'center',
|
|
45
|
+
justifyContent: 'space-between',
|
|
46
|
+
gap: theme.spacings.xs,
|
|
47
|
+
color: 'text.secondary',
|
|
48
|
+
border: 1,
|
|
49
|
+
borderColor: 'divider',
|
|
50
|
+
py: 1,
|
|
51
|
+
px: 1.5,
|
|
52
|
+
'&:hover': {
|
|
53
|
+
borderColor: 'text.secondary',
|
|
54
|
+
},
|
|
55
|
+
}),
|
|
56
|
+
...(Array.isArray(sx) ? sx : [sx]),
|
|
57
|
+
]}
|
|
58
|
+
{...linkProps}
|
|
59
|
+
>
|
|
60
|
+
<div className={classes.text}>{children ?? <> </>}</div>
|
|
61
|
+
<IconSvg
|
|
62
|
+
src={iconSearch}
|
|
63
|
+
className={classes.svg}
|
|
64
|
+
sx={{ color: 'text.primary', fontSize: '1.4em' }}
|
|
65
|
+
/>
|
|
66
|
+
</Link>
|
|
67
|
+
</PageLink>
|
|
68
|
+
)
|
|
69
|
+
}
|
package/index.ts
CHANGED
|
@@ -1,15 +1,7 @@
|
|
|
1
|
-
export
|
|
2
|
-
|
|
3
|
-
export
|
|
4
|
-
export * from './
|
|
5
|
-
|
|
6
|
-
export { default as CategorySearchResult } from './CategorySearchResult'
|
|
7
|
-
export * from './CategorySearchResult'
|
|
8
|
-
|
|
9
|
-
export { default as SearchForm } from './SearchForm'
|
|
10
|
-
export * from './SearchForm'
|
|
11
|
-
|
|
12
|
-
export { default as SearchButton } from './SearchButton'
|
|
13
|
-
export * from './SearchButton'
|
|
14
|
-
|
|
1
|
+
export * from './components/SearchDivider/SearchDivider'
|
|
2
|
+
export * from './components/NoSearchResults/NoSearchResults'
|
|
3
|
+
export * from './components/CategorySearchResult/CategorySearchResult'
|
|
4
|
+
export * from './components/SearchForm/SearchForm'
|
|
5
|
+
export * from './components/SearchLink/SearchLink'
|
|
15
6
|
export * from './Search.gql'
|
|
7
|
+
export * from './components/SearchButton/SearchButton'
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@graphcommerce/magento-search",
|
|
3
3
|
"homepage": "https://www.graphcommerce.org/",
|
|
4
4
|
"repository": "github:graphcommerce-org/graphcommerce",
|
|
5
|
-
"version": "4.
|
|
5
|
+
"version": "4.1.2",
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"prettier": "@graphcommerce/prettier-config-pwa",
|
|
8
8
|
"eslintConfig": {
|
|
@@ -12,16 +12,17 @@
|
|
|
12
12
|
}
|
|
13
13
|
},
|
|
14
14
|
"devDependencies": {
|
|
15
|
-
"@graphcommerce/eslint-config-pwa": "^4.
|
|
16
|
-
"@graphcommerce/prettier-config-pwa": "^4.0.
|
|
15
|
+
"@graphcommerce/eslint-config-pwa": "^4.1.2",
|
|
16
|
+
"@graphcommerce/prettier-config-pwa": "^4.0.3",
|
|
17
17
|
"@graphcommerce/typescript-config-pwa": "^4.0.2",
|
|
18
|
-
"@playwright/test": "^1.19.
|
|
18
|
+
"@playwright/test": "^1.19.2"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@graphcommerce/graphql": "^3.0.
|
|
22
|
-
"@graphcommerce/image": "^3.1.
|
|
23
|
-
"@graphcommerce/next-ui": "^4.
|
|
24
|
-
"@graphcommerce/react-hook-form": "^3.0.
|
|
21
|
+
"@graphcommerce/graphql": "^3.0.4",
|
|
22
|
+
"@graphcommerce/image": "^3.1.1",
|
|
23
|
+
"@graphcommerce/next-ui": "^4.4.0",
|
|
24
|
+
"@graphcommerce/react-hook-form": "^3.0.4",
|
|
25
|
+
"type-fest": "^2.12.0"
|
|
25
26
|
},
|
|
26
27
|
"peerDependencies": {
|
|
27
28
|
"@lingui/macro": "^3.13.2",
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
|
-
<title>desktop_chevron_Right</title>
|
|
4
|
-
<g id="desktop_chevron_Right" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
|
-
<g id="chevron-right" transform="translate(16.500000, 16.000000) scale(-1, 1) translate(-16.500000, -16.000000) translate(13.000000, 9.000000)" stroke="#000000" stroke-width="1.6">
|
|
6
|
-
<polyline id="Path-2-Copy" points="7 0 0 7 7 14"></polyline>
|
|
7
|
-
</g>
|
|
8
|
-
</g>
|
|
9
|
-
</svg>
|