@graphcommerce/magento-search 4.0.2 → 4.1.1
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 +121 -172
- 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 +10 -9
- package/CategorySearchResult/chevron_right.svg +0 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,31 +1,57 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 4.1.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#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.
|
|
8
|
+
|
|
9
|
+
* [#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
|
|
10
|
+
|
|
11
|
+
* 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)]:
|
|
12
|
+
- @graphcommerce/next-ui@4.2.4
|
|
13
|
+
- @graphcommerce/graphql@3.0.4
|
|
14
|
+
- @graphcommerce/image@3.1.1
|
|
15
|
+
- @graphcommerce/react-hook-form@3.0.4
|
|
16
|
+
|
|
17
|
+
## 4.1.0
|
|
18
|
+
|
|
19
|
+
### Minor Changes
|
|
20
|
+
|
|
21
|
+
- [#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 />`
|
|
22
|
+
|
|
23
|
+
### Patch Changes
|
|
24
|
+
|
|
25
|
+
- [#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
|
|
26
|
+
|
|
27
|
+
* [#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
|
|
28
|
+
|
|
29
|
+
* 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)]:
|
|
30
|
+
- @graphcommerce/next-ui@4.2.0
|
|
31
|
+
|
|
32
|
+
## 4.0.3
|
|
33
|
+
|
|
34
|
+
### Patch Changes
|
|
35
|
+
|
|
36
|
+
- [`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96) Thanks [@paales](https://github.com/paales)! - made packages public
|
|
37
|
+
|
|
38
|
+
- 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)]:
|
|
39
|
+
- @graphcommerce/graphql@3.0.3
|
|
40
|
+
- @graphcommerce/image@3.1.0
|
|
41
|
+
- @graphcommerce/next-ui@4.1.2
|
|
42
|
+
- @graphcommerce/react-hook-form@3.0.3
|
|
43
|
+
|
|
3
44
|
## 4.0.2
|
|
4
45
|
|
|
5
46
|
### Patch Changes
|
|
6
47
|
|
|
7
|
-
- [#1276](https://github.com/ho-nl/m2-pwa/pull/1276)
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
* [
|
|
14
|
-
[`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)
|
|
15
|
-
Thanks [@paales](https://github.com/paales)! - Upgraded to
|
|
16
|
-
[NextJS 12.1](https://nextjs.org/blog/next-12-1)! This is just for compatibility, but we'll be
|
|
17
|
-
implementing
|
|
18
|
-
[On-demand Incremental Static Regeneration](https://nextjs.org/blog/next-12-1#on-demand-incremental-static-regeneration-beta)
|
|
19
|
-
soon.
|
|
20
|
-
|
|
21
|
-
This will greatly reduce the requirement to rebuid stuff and we'll add a management UI on the
|
|
22
|
-
frontend to be able to revalidate pages manually.
|
|
23
|
-
|
|
24
|
-
* Updated dependencies
|
|
25
|
-
[[`381e4c86a`](https://github.com/ho-nl/m2-pwa/commit/381e4c86a8321ce96e1fa5c7d3c0a0c0ff3e02c7),
|
|
26
|
-
[`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2),
|
|
27
|
-
[`e7c8e2756`](https://github.com/ho-nl/m2-pwa/commit/e7c8e2756d637cbcd2e793d62ef5721d35d9fa7b),
|
|
28
|
-
[`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)]:
|
|
48
|
+
- [#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.
|
|
49
|
+
|
|
50
|
+
* [#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.
|
|
51
|
+
|
|
52
|
+
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.
|
|
53
|
+
|
|
54
|
+
* 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)]:
|
|
29
55
|
- @graphcommerce/next-ui@4.1.1
|
|
30
56
|
- @graphcommerce/react-hook-form@3.0.2
|
|
31
57
|
- @graphcommerce/graphql@3.0.2
|
|
@@ -35,11 +61,8 @@
|
|
|
35
61
|
|
|
36
62
|
### Patch Changes
|
|
37
63
|
|
|
38
|
-
- [`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)
|
|
39
|
-
|
|
40
|
-
so that the packages link to back to the website and repository
|
|
41
|
-
- Updated dependencies
|
|
42
|
-
[[`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)]:
|
|
64
|
+
- [`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
|
|
65
|
+
- Updated dependencies [[`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)]:
|
|
43
66
|
- @graphcommerce/graphql@3.0.1
|
|
44
67
|
- @graphcommerce/image@3.0.1
|
|
45
68
|
- @graphcommerce/next-ui@4.0.1
|
|
@@ -49,144 +72,119 @@
|
|
|
49
72
|
|
|
50
73
|
### Major Changes
|
|
51
74
|
|
|
52
|
-
- [#1258](https://github.com/ho-nl/m2-pwa/pull/1258)
|
|
53
|
-
[`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)
|
|
54
|
-
Thanks [@paales](https://github.com/paales)! - Upgraded to Material UI 5
|
|
75
|
+
- [#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
|
|
55
76
|
|
|
56
77
|
### Patch Changes
|
|
57
78
|
|
|
58
|
-
- Updated dependencies
|
|
59
|
-
[[`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)]:
|
|
79
|
+
- Updated dependencies [[`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)]:
|
|
60
80
|
- @graphcommerce/graphql@3.0.0
|
|
61
81
|
- @graphcommerce/image@3.0.0
|
|
62
82
|
- @graphcommerce/next-ui@4.0.0
|
|
63
83
|
- @graphcommerce/react-hook-form@3.0.0
|
|
64
84
|
|
|
65
|
-
All notable changes to this project will be documented in this file. See
|
|
66
|
-
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
85
|
+
All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
67
86
|
|
|
68
87
|
## [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)
|
|
69
88
|
|
|
70
89
|
### Bug Fixes
|
|
71
90
|
|
|
72
|
-
- search result label translation
|
|
73
|
-
([7e14ff5](https://github.com/ho-nl/m2-pwa/commit/7e14ff5548d86bc6b4f7afd51c259c0b833878f7))
|
|
91
|
+
- search result label translation ([7e14ff5](https://github.com/ho-nl/m2-pwa/commit/7e14ff5548d86bc6b4f7afd51c259c0b833878f7))
|
|
74
92
|
|
|
75
93
|
## [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)
|
|
76
94
|
|
|
77
95
|
### Bug Fixes
|
|
78
96
|
|
|
79
|
-
- search result label
|
|
80
|
-
([a55fdc0](https://github.com/ho-nl/m2-pwa/commit/a55fdc07e3aeb57d3b3a2cb0378ecb227ebf23a2))
|
|
97
|
+
- search result label ([a55fdc0](https://github.com/ho-nl/m2-pwa/commit/a55fdc07e3aeb57d3b3a2cb0378ecb227ebf23a2))
|
|
81
98
|
|
|
82
99
|
## [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)
|
|
83
100
|
|
|
84
101
|
### Bug Fixes
|
|
85
102
|
|
|
86
|
-
- search page
|
|
87
|
-
([85cf721](https://github.com/ho-nl/m2-pwa/commit/85cf72130bce4c3d2c392a3745adf05bca8618b1))
|
|
103
|
+
- search page ([85cf721](https://github.com/ho-nl/m2-pwa/commit/85cf72130bce4c3d2c392a3745adf05bca8618b1))
|
|
88
104
|
|
|
89
105
|
## [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)
|
|
90
106
|
|
|
91
107
|
### Bug Fixes
|
|
92
108
|
|
|
93
|
-
- ios zoom bug when using search. Fontsize should always be > 16
|
|
94
|
-
([22abcd4](https://github.com/ho-nl/m2-pwa/commit/22abcd499b152448b3c38f84325debe07d2b9a68))
|
|
109
|
+
- ios zoom bug when using search. Fontsize should always be > 16 ([22abcd4](https://github.com/ho-nl/m2-pwa/commit/22abcd499b152448b3c38f84325debe07d2b9a68))
|
|
95
110
|
|
|
96
111
|
## [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)
|
|
97
112
|
|
|
98
113
|
### Bug Fixes
|
|
99
114
|
|
|
100
|
-
- replace shadow with border
|
|
101
|
-
([56b2078](https://github.com/ho-nl/m2-pwa/commit/56b20786920c5c73faf35c8fbde425c01a88f411))
|
|
115
|
+
- replace shadow with border ([56b2078](https://github.com/ho-nl/m2-pwa/commit/56b20786920c5c73faf35c8fbde425c01a88f411))
|
|
102
116
|
|
|
103
117
|
# [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)
|
|
104
118
|
|
|
105
119
|
### Features
|
|
106
120
|
|
|
107
|
-
- added tons of translations
|
|
108
|
-
([9bb0ac7](https://github.com/ho-nl/m2-pwa/commit/9bb0ac709b58df6ea6141e92e4923a5ca9ae2963))
|
|
121
|
+
- added tons of translations ([9bb0ac7](https://github.com/ho-nl/m2-pwa/commit/9bb0ac709b58df6ea6141e92e4923a5ca9ae2963))
|
|
109
122
|
|
|
110
123
|
## [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)
|
|
111
124
|
|
|
112
125
|
### Bug Fixes
|
|
113
126
|
|
|
114
|
-
- searchButton styling
|
|
115
|
-
([846e0cd](https://github.com/ho-nl/m2-pwa/commit/846e0cdb76eec7c5baf5fbfc4c501f99ebe59bf5))
|
|
127
|
+
- searchButton styling ([846e0cd](https://github.com/ho-nl/m2-pwa/commit/846e0cdb76eec7c5baf5fbfc4c501f99ebe59bf5))
|
|
116
128
|
|
|
117
129
|
## [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)
|
|
118
130
|
|
|
119
131
|
### Bug Fixes
|
|
120
132
|
|
|
121
|
-
- **search-button:** spacings
|
|
122
|
-
([ccb7274](https://github.com/ho-nl/m2-pwa/commit/ccb727444a57941e22f14dff15ce20101cbc160c))
|
|
133
|
+
- **search-button:** spacings ([ccb7274](https://github.com/ho-nl/m2-pwa/commit/ccb727444a57941e22f14dff15ce20101cbc160c))
|
|
123
134
|
|
|
124
135
|
## [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)
|
|
125
136
|
|
|
126
137
|
### Bug Fixes
|
|
127
138
|
|
|
128
|
-
- restyle menu to h4
|
|
129
|
-
|
|
130
|
-
- **search-button:** add label for accessibility score
|
|
131
|
-
([1871e5b](https://github.com/ho-nl/m2-pwa/commit/1871e5b0b264ae4c98ebf3af1d074bb23d4dbbd8))
|
|
139
|
+
- restyle menu to h4 ([642e166](https://github.com/ho-nl/m2-pwa/commit/642e16635dc06f38bed91ffd1a374922ac70439b))
|
|
140
|
+
- **search-button:** add label for accessibility score ([1871e5b](https://github.com/ho-nl/m2-pwa/commit/1871e5b0b264ae4c98ebf3af1d074bb23d4dbbd8))
|
|
132
141
|
|
|
133
142
|
## [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)
|
|
134
143
|
|
|
135
144
|
### Bug Fixes
|
|
136
145
|
|
|
137
|
-
- various accessibility improvements
|
|
138
|
-
([47481a9](https://github.com/ho-nl/m2-pwa/commit/47481a9a882ba87968de6dd797557b0b275d75fb))
|
|
146
|
+
- various accessibility improvements ([47481a9](https://github.com/ho-nl/m2-pwa/commit/47481a9a882ba87968de6dd797557b0b275d75fb))
|
|
139
147
|
|
|
140
148
|
# [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)
|
|
141
149
|
|
|
142
150
|
### Bug Fixes
|
|
143
151
|
|
|
144
|
-
- darkMode
|
|
145
|
-
([c7573de](https://github.com/ho-nl/m2-pwa/commit/c7573de6bb80643b26931c35ac61735539e7fbf0))
|
|
152
|
+
- darkMode ([c7573de](https://github.com/ho-nl/m2-pwa/commit/c7573de6bb80643b26931c35ac61735539e7fbf0))
|
|
146
153
|
|
|
147
154
|
### Features
|
|
148
155
|
|
|
149
|
-
- darkTheme
|
|
150
|
-
([968f4f1](https://github.com/ho-nl/m2-pwa/commit/968f4f1360417bf7daa36454c19e6bc5cf53ae90))
|
|
156
|
+
- darkTheme ([968f4f1](https://github.com/ho-nl/m2-pwa/commit/968f4f1360417bf7daa36454c19e6bc5cf53ae90))
|
|
151
157
|
|
|
152
158
|
## [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)
|
|
153
159
|
|
|
154
160
|
### Bug Fixes
|
|
155
161
|
|
|
156
|
-
- External SVG's can't have alt tags
|
|
157
|
-
([1b1414a](https://github.com/ho-nl/m2-pwa/commit/1b1414a782d55d3acf7b0e6bcaa50f2ad5f18f39))
|
|
162
|
+
- External SVG's can't have alt tags ([1b1414a](https://github.com/ho-nl/m2-pwa/commit/1b1414a782d55d3acf7b0e6bcaa50f2ad5f18f39))
|
|
158
163
|
|
|
159
164
|
# [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)
|
|
160
165
|
|
|
161
166
|
### Bug Fixes
|
|
162
167
|
|
|
163
|
-
- update SvgImage to SvgImageSimple
|
|
164
|
-
([f116543](https://github.com/ho-nl/m2-pwa/commit/f116543730853fa9782abff0ccacee7032e85789))
|
|
168
|
+
- update SvgImage to SvgImageSimple ([f116543](https://github.com/ho-nl/m2-pwa/commit/f116543730853fa9782abff0ccacee7032e85789))
|
|
165
169
|
|
|
166
170
|
### Features
|
|
167
171
|
|
|
168
|
-
- dynamic icons, update SvgImage uses to SvgImageSimple
|
|
169
|
-
|
|
170
|
-
- mobile menu styling
|
|
171
|
-
([3cc3085](https://github.com/ho-nl/m2-pwa/commit/3cc308585d4ded68d2ac8ebf97f96288424ee914))
|
|
172
|
+
- dynamic icons, update SvgImage uses to SvgImageSimple ([3d3cc0e](https://github.com/ho-nl/m2-pwa/commit/3d3cc0e0336fcde1cce6ba19705f82c1edf9bfc6))
|
|
173
|
+
- mobile menu styling ([3cc3085](https://github.com/ho-nl/m2-pwa/commit/3cc308585d4ded68d2ac8ebf97f96288424ee914))
|
|
172
174
|
|
|
173
175
|
# [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)
|
|
174
176
|
|
|
175
177
|
### Features
|
|
176
178
|
|
|
177
|
-
- **nextjs:** upgraded to nextjs 12
|
|
178
|
-
([9331bc8](https://github.com/ho-nl/m2-pwa/commit/9331bc801f6419522115cc47d291d49d608d5a90))
|
|
179
|
+
- **nextjs:** upgraded to nextjs 12 ([9331bc8](https://github.com/ho-nl/m2-pwa/commit/9331bc801f6419522115cc47d291d49d608d5a90))
|
|
179
180
|
|
|
180
181
|
# [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)
|
|
181
182
|
|
|
182
183
|
### Features
|
|
183
184
|
|
|
184
|
-
- allow adding placeholder to SearchButton
|
|
185
|
-
|
|
186
|
-
-
|
|
187
|
-
([9725ab1](https://github.com/ho-nl/m2-pwa/commit/9725ab14920f585c83457f11908d7e5e408cadb8))
|
|
188
|
-
- implement extensibility for DesktopNavBar, SearchButton
|
|
189
|
-
([5710de8](https://github.com/ho-nl/m2-pwa/commit/5710de8936f59c7d0fcc648978183f0e7fdd26b7))
|
|
185
|
+
- allow adding placeholder to SearchButton ([95f601a](https://github.com/ho-nl/m2-pwa/commit/95f601ac526991130ba319142452950793661f7b))
|
|
186
|
+
- allow changing SearchButton icon ([9725ab1](https://github.com/ho-nl/m2-pwa/commit/9725ab14920f585c83457f11908d7e5e408cadb8))
|
|
187
|
+
- implement extensibility for DesktopNavBar, SearchButton ([5710de8](https://github.com/ho-nl/m2-pwa/commit/5710de8936f59c7d0fcc648978183f0e7fdd26b7))
|
|
190
188
|
|
|
191
189
|
## [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)
|
|
192
190
|
|
|
@@ -196,91 +194,53 @@ All notable changes to this project will be documented in this file. See
|
|
|
196
194
|
|
|
197
195
|
### Bug Fixes
|
|
198
196
|
|
|
199
|
-
- **404-page:** prevent auto focus search form
|
|
200
|
-
|
|
201
|
-
-
|
|
202
|
-
|
|
203
|
-
-
|
|
204
|
-
|
|
205
|
-
-
|
|
206
|
-
|
|
207
|
-
-
|
|
208
|
-
|
|
209
|
-
-
|
|
210
|
-
|
|
211
|
-
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
-
|
|
215
|
-
|
|
216
|
-
-
|
|
217
|
-
|
|
218
|
-
-
|
|
219
|
-
([2ecd6e3](https://github.com/ho-nl/m2-pwa/commit/2ecd6e36481e546dc78acfb46dfff08dcfdd8e6a))
|
|
220
|
-
- pagination & janky search form
|
|
221
|
-
([b4fb982](https://github.com/ho-nl/m2-pwa/commit/b4fb982980c92f3819bb563582979dd66893a733))
|
|
222
|
-
- readonly search field
|
|
223
|
-
([5524847](https://github.com/ho-nl/m2-pwa/commit/552484706520c14b7b3d1708daf8cc64b91f3fe7))
|
|
224
|
-
- rename NextButton to Button, change imports
|
|
225
|
-
([976adb0](https://github.com/ho-nl/m2-pwa/commit/976adb0bf906310d1efce888dcc9be1e28ce0f1b))
|
|
226
|
-
- search button on click type
|
|
227
|
-
([33a6a08](https://github.com/ho-nl/m2-pwa/commit/33a6a0826acf795750503b39bd0d224baa795a47))
|
|
228
|
-
- search not submitting after empying the field
|
|
229
|
-
([a15b5cf](https://github.com/ho-nl/m2-pwa/commit/a15b5cf94f4619e0087c8871a98617ab160f671a))
|
|
230
|
-
- search page routes
|
|
231
|
-
([4161179](https://github.com/ho-nl/m2-pwa/commit/4161179aaf2ecbc0fde0efbba891a7b85524e283))
|
|
232
|
-
- search results text
|
|
233
|
-
([33a496c](https://github.com/ho-nl/m2-pwa/commit/33a496c07fe6b5b0b05f3287dc86f6a32ca34b3b))
|
|
234
|
-
- **search-page:** hide menu and cart fabs when opened virtual keyboard mobile
|
|
235
|
-
([e728768](https://github.com/ho-nl/m2-pwa/commit/e7287680545f33079d0af47df1c6ea519b208978))
|
|
236
|
-
- since all links are of next/link we need to add passHref for custom components
|
|
237
|
-
([16fb931](https://github.com/ho-nl/m2-pwa/commit/16fb93100d367203ea79bb4f93357221253f2ecd))
|
|
238
|
-
- yarn workspace packages hot reload
|
|
239
|
-
([d03fc9f](https://github.com/ho-nl/m2-pwa/commit/d03fc9fdda3486476761786f2b56a934cc92befc))
|
|
197
|
+
- **404-page:** prevent auto focus search form ([9e89ed3](https://github.com/ho-nl/m2-pwa/commit/9e89ed31ea192312641f46f01b69dc5f319331e8))
|
|
198
|
+
- add dependencies for searchbutton ([c8f9608](https://github.com/ho-nl/m2-pwa/commit/c8f960828daa77675c4f359e971690b227563445))
|
|
199
|
+
- **app-shell:** pages after app shell changes ([fb74510](https://github.com/ho-nl/m2-pwa/commit/fb74510121f6124009db72ad2ddebf6459c52a85))
|
|
200
|
+
- caption styles bugs ([f223918](https://github.com/ho-nl/m2-pwa/commit/f223918cc557a996b5f321fbf6910b4981646dcb))
|
|
201
|
+
- empty grid rows still have a gap ([7ba50c7](https://github.com/ho-nl/m2-pwa/commit/7ba50c740aa7ac5133b933b3e6a22fab853b55a6))
|
|
202
|
+
- ignore md files from triggering version updates ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
|
|
203
|
+
- **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))
|
|
204
|
+
- implement next-ui barrel imports ([75bea70](https://github.com/ho-nl/m2-pwa/commit/75bea703dba898f18a2a1dfa3243ebd0a4e6f0e1))
|
|
205
|
+
- make fab-menu more configurable ([f73d7ec](https://github.com/ho-nl/m2-pwa/commit/f73d7ecccfba7d5cd9eecdcdd65abb5393a9e7a9))
|
|
206
|
+
- no search results message ([2ecd6e3](https://github.com/ho-nl/m2-pwa/commit/2ecd6e36481e546dc78acfb46dfff08dcfdd8e6a))
|
|
207
|
+
- pagination & janky search form ([b4fb982](https://github.com/ho-nl/m2-pwa/commit/b4fb982980c92f3819bb563582979dd66893a733))
|
|
208
|
+
- readonly search field ([5524847](https://github.com/ho-nl/m2-pwa/commit/552484706520c14b7b3d1708daf8cc64b91f3fe7))
|
|
209
|
+
- rename NextButton to Button, change imports ([976adb0](https://github.com/ho-nl/m2-pwa/commit/976adb0bf906310d1efce888dcc9be1e28ce0f1b))
|
|
210
|
+
- search button on click type ([33a6a08](https://github.com/ho-nl/m2-pwa/commit/33a6a0826acf795750503b39bd0d224baa795a47))
|
|
211
|
+
- search not submitting after empying the field ([a15b5cf](https://github.com/ho-nl/m2-pwa/commit/a15b5cf94f4619e0087c8871a98617ab160f671a))
|
|
212
|
+
- search page routes ([4161179](https://github.com/ho-nl/m2-pwa/commit/4161179aaf2ecbc0fde0efbba891a7b85524e283))
|
|
213
|
+
- search results text ([33a496c](https://github.com/ho-nl/m2-pwa/commit/33a496c07fe6b5b0b05f3287dc86f6a32ca34b3b))
|
|
214
|
+
- **search-page:** hide menu and cart fabs when opened virtual keyboard mobile ([e728768](https://github.com/ho-nl/m2-pwa/commit/e7287680545f33079d0af47df1c6ea519b208978))
|
|
215
|
+
- 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))
|
|
216
|
+
- yarn workspace packages hot reload ([d03fc9f](https://github.com/ho-nl/m2-pwa/commit/d03fc9fdda3486476761786f2b56a934cc92befc))
|
|
240
217
|
|
|
241
218
|
### Features
|
|
242
219
|
|
|
243
|
-
- Add customer service icon and define MuiIconButton size
|
|
244
|
-
|
|
245
|
-
-
|
|
246
|
-
|
|
247
|
-
-
|
|
248
|
-
|
|
249
|
-
-
|
|
250
|
-
|
|
251
|
-
- **
|
|
252
|
-
|
|
253
|
-
-
|
|
254
|
-
|
|
255
|
-
-
|
|
256
|
-
|
|
257
|
-
- next.js 11
|
|
258
|
-
([7d61407](https://github.com/ho-nl/m2-pwa/commit/7d614075a778f488045034f74be4f75b93f63c43))
|
|
259
|
-
- **playwright:** added new playwright package to enable browser testing
|
|
260
|
-
([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
|
|
261
|
-
- renamed all packages to use [@graphcommerce](https://github.com/graphcommerce) instead of
|
|
262
|
-
[@reachdigital](https://github.com/reachdigital)
|
|
263
|
-
([491e4ce](https://github.com/ho-nl/m2-pwa/commit/491e4cec9a2686472dac36b79f999257c0811ffe))
|
|
264
|
-
- search page
|
|
265
|
-
([c89291b](https://github.com/ho-nl/m2-pwa/commit/c89291b7a65c93cbdb5f131f061f7232fdce3b99))
|
|
266
|
-
- svgimage component
|
|
267
|
-
([f369605](https://github.com/ho-nl/m2-pwa/commit/f3696051e381a24c543fd24e199da5b17f9e124f))
|
|
268
|
-
- upgrade to node 14
|
|
269
|
-
([d079a75](https://github.com/ho-nl/m2-pwa/commit/d079a751e9bfd8dc7f5009d2c9f31c336a0c96ab))
|
|
270
|
-
- upgraded to nextjs 11
|
|
271
|
-
([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
|
|
220
|
+
- Add customer service icon and define MuiIconButton size ([eefcc52](https://github.com/ho-nl/m2-pwa/commit/eefcc52eeffa03b364464709e1860135127cc4b5))
|
|
221
|
+
- **app-shell:** now consistent ([fb5b506](https://github.com/ho-nl/m2-pwa/commit/fb5b5062729002b508e888a4962f1b2578e5199b))
|
|
222
|
+
- created stacked-pages package ([d86008e](https://github.com/ho-nl/m2-pwa/commit/d86008ee659ccb25b194a41d624b394a1ddbd088))
|
|
223
|
+
- full page ui desktop variant ([a70f301](https://github.com/ho-nl/m2-pwa/commit/a70f3013da36fa131f82fb44457b107fb7705df6))
|
|
224
|
+
- **graphql:** introduced new graphql package that holds all generated files ([a3e7aa0](https://github.com/ho-nl/m2-pwa/commit/a3e7aa05540540533b5ced9a95f1f802ecbe499f))
|
|
225
|
+
- **image:** introduced completely rewritten Image component ([e3413b3](https://github.com/ho-nl/m2-pwa/commit/e3413b3a57392d6571ea64cb8d9c8dca05ea31df))
|
|
226
|
+
- minimal page shell ([1693674](https://github.com/ho-nl/m2-pwa/commit/1693674631fc8438c60d9b74b73e607e08971a2d))
|
|
227
|
+
- next.js 11 ([7d61407](https://github.com/ho-nl/m2-pwa/commit/7d614075a778f488045034f74be4f75b93f63c43))
|
|
228
|
+
- **playwright:** added new playwright package to enable browser testing ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
|
|
229
|
+
- 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))
|
|
230
|
+
- search page ([c89291b](https://github.com/ho-nl/m2-pwa/commit/c89291b7a65c93cbdb5f131f061f7232fdce3b99))
|
|
231
|
+
- svgimage component ([f369605](https://github.com/ho-nl/m2-pwa/commit/f3696051e381a24c543fd24e199da5b17f9e124f))
|
|
232
|
+
- upgrade to node 14 ([d079a75](https://github.com/ho-nl/m2-pwa/commit/d079a751e9bfd8dc7f5009d2c9f31c336a0c96ab))
|
|
233
|
+
- upgraded to nextjs 11 ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
|
|
272
234
|
|
|
273
235
|
## 2.0.8 (2020-10-28)
|
|
274
236
|
|
|
275
237
|
### Bug Fixes
|
|
276
238
|
|
|
277
|
-
- make sure themes extensions are found
|
|
278
|
-
([5aa18db](https://github.com/ho-nl/m2-pwa/commit/5aa18db514fd2e2f50681367e39523f8e742ece0))
|
|
239
|
+
- make sure themes extensions are found ([5aa18db](https://github.com/ho-nl/m2-pwa/commit/5aa18db514fd2e2f50681367e39523f8e742ece0))
|
|
279
240
|
|
|
280
241
|
### Features
|
|
281
242
|
|
|
282
|
-
- split into packages
|
|
283
|
-
([2ee7fd6](https://github.com/ho-nl/m2-pwa/commit/2ee7fd6c0056f467d114f04d92c6c0ddf622d151))
|
|
243
|
+
- split into packages ([2ee7fd6](https://github.com/ho-nl/m2-pwa/commit/2ee7fd6c0056f467d114f04d92c6c0ddf622d151))
|
|
284
244
|
|
|
285
245
|
### BREAKING CHANGES
|
|
286
246
|
|
|
@@ -288,56 +248,45 @@ All notable changes to this project will be documented in this file. See
|
|
|
288
248
|
|
|
289
249
|
# Change Log
|
|
290
250
|
|
|
291
|
-
All notable changes to this project will be documented in this file. See
|
|
292
|
-
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
251
|
+
All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
293
252
|
|
|
294
253
|
# [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)
|
|
295
254
|
|
|
296
255
|
### Bug Fixes
|
|
297
256
|
|
|
298
|
-
- **app-shell:** pages after app shell changes
|
|
299
|
-
([fb74510](https://github.com/ho-nl/m2-pwa/commit/fb74510121f6124009db72ad2ddebf6459c52a85))
|
|
257
|
+
- **app-shell:** pages after app shell changes ([fb74510](https://github.com/ho-nl/m2-pwa/commit/fb74510121f6124009db72ad2ddebf6459c52a85))
|
|
300
258
|
|
|
301
259
|
### Features
|
|
302
260
|
|
|
303
|
-
- **app-shell:** now consistent
|
|
304
|
-
([fb5b506](https://github.com/ho-nl/m2-pwa/commit/fb5b5062729002b508e888a4962f1b2578e5199b))
|
|
261
|
+
- **app-shell:** now consistent ([fb5b506](https://github.com/ho-nl/m2-pwa/commit/fb5b5062729002b508e888a4962f1b2578e5199b))
|
|
305
262
|
|
|
306
263
|
## [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)
|
|
307
264
|
|
|
308
265
|
### Bug Fixes
|
|
309
266
|
|
|
310
|
-
- **404-page:** prevent auto focus search form
|
|
311
|
-
|
|
312
|
-
- **search-page:** hide menu and cart fabs when opened virtual keyboard mobile
|
|
313
|
-
([e728768](https://github.com/ho-nl/m2-pwa/commit/e7287680545f33079d0af47df1c6ea519b208978))
|
|
267
|
+
- **404-page:** prevent auto focus search form ([9e89ed3](https://github.com/ho-nl/m2-pwa/commit/9e89ed31ea192312641f46f01b69dc5f319331e8))
|
|
268
|
+
- **search-page:** hide menu and cart fabs when opened virtual keyboard mobile ([e728768](https://github.com/ho-nl/m2-pwa/commit/e7287680545f33079d0af47df1c6ea519b208978))
|
|
314
269
|
|
|
315
270
|
# [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)
|
|
316
271
|
|
|
317
272
|
### Features
|
|
318
273
|
|
|
319
|
-
- upgraded to nextjs 11
|
|
320
|
-
([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
|
|
274
|
+
- upgraded to nextjs 11 ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
|
|
321
275
|
|
|
322
276
|
# [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)
|
|
323
277
|
|
|
324
278
|
### Features
|
|
325
279
|
|
|
326
|
-
- **playwright:** added new playwright package to enable browser testing
|
|
327
|
-
([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
|
|
280
|
+
- **playwright:** added new playwright package to enable browser testing ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
|
|
328
281
|
|
|
329
282
|
# [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)
|
|
330
283
|
|
|
331
284
|
### Bug Fixes
|
|
332
285
|
|
|
333
|
-
- ignore md files from triggering version updates
|
|
334
|
-
|
|
335
|
-
- search button on click type
|
|
336
|
-
([33a6a08](https://github.com/ho-nl/m2-pwa/commit/33a6a0826acf795750503b39bd0d224baa795a47))
|
|
286
|
+
- ignore md files from triggering version updates ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
|
|
287
|
+
- search button on click type ([33a6a08](https://github.com/ho-nl/m2-pwa/commit/33a6a0826acf795750503b39bd0d224baa795a47))
|
|
337
288
|
|
|
338
289
|
### Features
|
|
339
290
|
|
|
340
|
-
- full page ui desktop variant
|
|
341
|
-
|
|
342
|
-
- minimal page shell
|
|
343
|
-
([1693674](https://github.com/ho-nl/m2-pwa/commit/1693674631fc8438c60d9b74b73e607e08971a2d))
|
|
291
|
+
- full page ui desktop variant ([a70f301](https://github.com/ho-nl/m2-pwa/commit/a70f3013da36fa131f82fb44457b107fb7705df6))
|
|
292
|
+
- 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 SearchLinknProps = SetRequired<LinkProps, '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: SearchLinknProps) {
|
|
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.1",
|
|
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.0.
|
|
16
|
-
"@graphcommerce/prettier-config-pwa": "^4.0.
|
|
17
|
-
"@graphcommerce/typescript-config-pwa": "^4.0.
|
|
18
|
-
"@playwright/test": "^1.19.
|
|
15
|
+
"@graphcommerce/eslint-config-pwa": "^4.0.5",
|
|
16
|
+
"@graphcommerce/prettier-config-pwa": "^4.0.3",
|
|
17
|
+
"@graphcommerce/typescript-config-pwa": "^4.0.2",
|
|
18
|
+
"@playwright/test": "^1.19.2"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@graphcommerce/graphql": "^3.0.
|
|
22
|
-
"@graphcommerce/image": "^3.
|
|
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.2.4",
|
|
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>
|