@graphcommerce/framer-next-pages 2.109.2 → 3.0.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.
Files changed (4) hide show
  1. package/CHANGELOG.md +106 -92
  2. package/components/Page.tsx +12 -17
  3. package/components/Pages.tsx +12 -4
  4. package/package.json +11 -17
package/CHANGELOG.md CHANGED
@@ -1,149 +1,173 @@
1
1
  # Change Log
2
2
 
3
- All notable changes to this project will be documented in this file.
4
- See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
-
6
- ## [2.109.2](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.109.1...@graphcommerce/framer-next-pages@2.109.2) (2022-01-04)
3
+ ## 3.0.2
7
4
 
5
+ ### Patch Changes
8
6
 
9
- ### Bug Fixes
7
+ - [#1274](https://github.com/ho-nl/m2-pwa/pull/1274)
8
+ [`381e4c86a`](https://github.com/ho-nl/m2-pwa/commit/381e4c86a8321ce96e1fa5c7d3c0a0c0ff3e02c7)
9
+ Thanks [@paales](https://github.com/paales)! - Moved `ApolloErrorAlert`, `ApolloErrorFullPage` and
10
+ `ApolloErrorSnackbar` to the ecommerce-ui package.
10
11
 
11
- * regression where close button didn't work ([5bf57b4](https://github.com/ho-nl/m2-pwa/commit/5bf57b470ab7c013fbe0a896792fcb316a454aa4))
12
+ Created `ComposedSubmitButton` and `ComposedSubmitLinkOrButton` to reduce complexity from
13
+ `magento-graphcms` example.
12
14
 
15
+ Removed dependency an `@graphcommerce/react-hook-form` from `magento-graphcms` example.
13
16
 
17
+ Added dependency `@graphcommerce/ecommerce-ui` from `magento-graphcms` example.
14
18
 
19
+ * [#1276](https://github.com/ho-nl/m2-pwa/pull/1276)
20
+ [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2)
21
+ Thanks [@paales](https://github.com/paales)! - We've moved lots of internal packages from
22
+ `dependencies` to `peerDependencies`. The result of this is that there will be significantly less
23
+ duplicate packages in the node_modules folders.
15
24
 
25
+ - [#1276](https://github.com/ho-nl/m2-pwa/pull/1276)
26
+ [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)
27
+ Thanks [@paales](https://github.com/paales)! - Upgraded to
28
+ [NextJS 12.1](https://nextjs.org/blog/next-12-1)! This is just for compatibility, but we'll be
29
+ implementing
30
+ [On-demand Incremental Static Regeneration](https://nextjs.org/blog/next-12-1#on-demand-incremental-static-regeneration-beta)
31
+ soon.
16
32
 
17
- # [2.109.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.108.11...@graphcommerce/framer-next-pages@2.109.0) (2022-01-03)
33
+ This will greatly reduce the requirement to rebuid stuff and we'll add a management UI on the
34
+ frontend to be able to revalidate pages manually.
18
35
 
36
+ - Updated dependencies
37
+ [[`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2),
38
+ [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)]:
39
+ - @graphcommerce/framer-utils@3.0.2
19
40
 
20
- ### Features
41
+ ## 3.0.1
21
42
 
22
- * **framer-next-pages:** reduce rerenders when navigating to a new page ([5cf3301](https://github.com/ho-nl/m2-pwa/commit/5cf330130bb3527057da015e3c4a6fa295d7262e))
43
+ ### Patch Changes
23
44
 
45
+ - [`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)
46
+ Thanks [@paales](https://github.com/paales)! - Added homepage and repository package.json files,
47
+ so that the packages link to back to the website and repository
48
+ - Updated dependencies
49
+ [[`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)]:
50
+ - @graphcommerce/framer-utils@3.0.1
24
51
 
52
+ ## 3.0.0
25
53
 
54
+ ### Major Changes
26
55
 
56
+ - [#1258](https://github.com/ho-nl/m2-pwa/pull/1258)
57
+ [`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)
58
+ Thanks [@paales](https://github.com/paales)! - Upgraded to Material UI 5
27
59
 
28
- ## [2.108.10](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.108.9...@graphcommerce/framer-next-pages@2.108.10) (2021-12-23)
60
+ ### Patch Changes
29
61
 
62
+ - Updated dependencies
63
+ [[`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)]:
64
+ - @graphcommerce/framer-utils@3.0.0
30
65
 
31
- ### Bug Fixes
66
+ All notable changes to this project will be documented in this file. See
67
+ [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
32
68
 
33
- * **framer-next-pages:** closing is janky, caused by setting pointer-events to none, trying without resetting the pointerevents ([9247fa3](https://github.com/ho-nl/m2-pwa/commit/9247fa312926416802abd68ea04b1e6b52531f2c))
69
+ ## [2.109.2](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.109.1...@graphcommerce/framer-next-pages@2.109.2) (2022-01-04)
34
70
 
71
+ ### Bug Fixes
35
72
 
73
+ - regression where close button didn't work
74
+ ([5bf57b4](https://github.com/ho-nl/m2-pwa/commit/5bf57b470ab7c013fbe0a896792fcb316a454aa4))
36
75
 
76
+ # [2.109.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.108.11...@graphcommerce/framer-next-pages@2.109.0) (2022-01-03)
37
77
 
78
+ ### Features
38
79
 
39
- ## [2.108.8](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.108.7...@graphcommerce/framer-next-pages@2.108.8) (2021-12-21)
80
+ - **framer-next-pages:** reduce rerenders when navigating to a new page
81
+ ([5cf3301](https://github.com/ho-nl/m2-pwa/commit/5cf330130bb3527057da015e3c4a6fa295d7262e))
40
82
 
83
+ ## [2.108.10](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.108.9...@graphcommerce/framer-next-pages@2.108.10) (2021-12-23)
41
84
 
42
85
  ### Bug Fixes
43
86
 
44
- * **graphql:** make sure we're passing the correct store code to the schema endpoint ([39753f2](https://github.com/ho-nl/m2-pwa/commit/39753f2117ce7ba79dab035c4134e642829e7f18))
45
- * make sure we're remounting when the store changes ([10756e3](https://github.com/ho-nl/m2-pwa/commit/10756e3eb252f8a91d84534ae024edb382a4ea0d))
46
-
87
+ - **framer-next-pages:** closing is janky, caused by setting pointer-events to none, trying without
88
+ resetting the pointerevents
89
+ ([9247fa3](https://github.com/ho-nl/m2-pwa/commit/9247fa312926416802abd68ea04b1e6b52531f2c))
47
90
 
91
+ ## [2.108.8](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.108.7...@graphcommerce/framer-next-pages@2.108.8) (2021-12-21)
48
92
 
93
+ ### Bug Fixes
49
94
 
95
+ - **graphql:** make sure we're passing the correct store code to the schema endpoint
96
+ ([39753f2](https://github.com/ho-nl/m2-pwa/commit/39753f2117ce7ba79dab035c4134e642829e7f18))
97
+ - make sure we're remounting when the store changes
98
+ ([10756e3](https://github.com/ho-nl/m2-pwa/commit/10756e3eb252f8a91d84534ae024edb382a4ea0d))
50
99
 
51
100
  ## [2.108.7](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.108.6...@graphcommerce/framer-next-pages@2.108.7) (2021-12-20)
52
101
 
53
-
54
102
  ### Bug Fixes
55
103
 
56
- * animations would run on background page, make sure animations are not running when page is not active ([2fcf4b8](https://github.com/ho-nl/m2-pwa/commit/2fcf4b8a853108147477e3a67c7ea202abb2842f))
57
-
58
-
59
-
60
-
104
+ - animations would run on background page, make sure animations are not running when page is not
105
+ active
106
+ ([2fcf4b8](https://github.com/ho-nl/m2-pwa/commit/2fcf4b8a853108147477e3a67c7ea202abb2842f))
61
107
 
62
108
  ## [2.108.3](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.108.2...@graphcommerce/framer-next-pages@2.108.3) (2021-12-15)
63
109
 
64
-
65
110
  ### Bug Fixes
66
111
 
67
- * **framer-next-pages:** make sure the cancellation of loading the fallback doesn't show an error ([3470461](https://github.com/ho-nl/m2-pwa/commit/34704612c7b19a61a8309967b982e5f04c0fe8b2))
68
-
69
-
70
-
71
-
112
+ - **framer-next-pages:** make sure the cancellation of loading the fallback doesn't show an error
113
+ ([3470461](https://github.com/ho-nl/m2-pwa/commit/34704612c7b19a61a8309967b982e5f04c0fe8b2))
72
114
 
73
115
  ## [2.108.2](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.108.1...@graphcommerce/framer-next-pages@2.108.2) (2021-12-13)
74
116
 
75
-
76
117
  ### Bug Fixes
77
118
 
78
- * make sure we're using the correct variant ([7fff606](https://github.com/ho-nl/m2-pwa/commit/7fff606390bc63c14cd8c033fbe5138226517869))
79
-
80
-
81
-
82
-
119
+ - make sure we're using the correct variant
120
+ ([7fff606](https://github.com/ho-nl/m2-pwa/commit/7fff606390bc63c14cd8c033fbe5138226517869))
83
121
 
84
122
  # [2.108.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.107.5...@graphcommerce/framer-next-pages@2.108.0) (2021-12-03)
85
123
 
86
-
87
124
  ### Bug Fixes
88
125
 
89
- * **framer-next-pages:** do no throw error when framer next pages is recreated ([6c4665b](https://github.com/ho-nl/m2-pwa/commit/6c4665b4a00adb1c1d770c458a590f4360be83d8))
90
- * make sure the fallback loads during idle timing to prevent jank ([dd888e2](https://github.com/ho-nl/m2-pwa/commit/dd888e27b94091233d74ddba1023310b09910f0f))
91
- * make sure the overlay becomes visible, even if the overlay is scrolled ([1738c98](https://github.com/ho-nl/m2-pwa/commit/1738c982ea84ec2b93daa824c4b8c86ab2a3f5ed))
92
- * make sure the overlays are rendered correctly on mobile ([48f7050](https://github.com/ho-nl/m2-pwa/commit/48f705060e99b997f5b1db03ccc49f1051a1ed8f))
93
- * minHeight of page on iOS is sometimes less high than expected ([8a0bc23](https://github.com/ho-nl/m2-pwa/commit/8a0bc234d153d974ac415369483ddabfb5e7fb0c))
94
- * spacing of LayoutTItle ([7afcd31](https://github.com/ho-nl/m2-pwa/commit/7afcd3163d16e902cf2ff7917f56ee6a8798f55b))
95
-
126
+ - **framer-next-pages:** do no throw error when framer next pages is recreated
127
+ ([6c4665b](https://github.com/ho-nl/m2-pwa/commit/6c4665b4a00adb1c1d770c458a590f4360be83d8))
128
+ - make sure the fallback loads during idle timing to prevent jank
129
+ ([dd888e2](https://github.com/ho-nl/m2-pwa/commit/dd888e27b94091233d74ddba1023310b09910f0f))
130
+ - make sure the overlay becomes visible, even if the overlay is scrolled
131
+ ([1738c98](https://github.com/ho-nl/m2-pwa/commit/1738c982ea84ec2b93daa824c4b8c86ab2a3f5ed))
132
+ - make sure the overlays are rendered correctly on mobile
133
+ ([48f7050](https://github.com/ho-nl/m2-pwa/commit/48f705060e99b997f5b1db03ccc49f1051a1ed8f))
134
+ - minHeight of page on iOS is sometimes less high than expected
135
+ ([8a0bc23](https://github.com/ho-nl/m2-pwa/commit/8a0bc234d153d974ac415369483ddabfb5e7fb0c))
136
+ - spacing of LayoutTItle
137
+ ([7afcd31](https://github.com/ho-nl/m2-pwa/commit/7afcd3163d16e902cf2ff7917f56ee6a8798f55b))
96
138
 
97
139
  ### Features
98
140
 
99
- * **framer-next-pages:** automatically create a fallback page when there is no page to render. ([f18a804](https://github.com/ho-nl/m2-pwa/commit/f18a804a228901431f848927844dd9cd324170c1))
100
-
101
-
102
-
103
-
141
+ - **framer-next-pages:** automatically create a fallback page when there is no page to render.
142
+ ([f18a804](https://github.com/ho-nl/m2-pwa/commit/f18a804a228901431f848927844dd9cd324170c1))
104
143
 
105
144
  ## [2.107.3](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.107.2...@graphcommerce/framer-next-pages@2.107.3) (2021-11-02)
106
145
 
107
-
108
146
  ### Bug Fixes
109
147
 
110
- * **framer-next-pages:** prevent back button loop when previous page is the up page of the previous page ([cbdde83](https://github.com/ho-nl/m2-pwa/commit/cbdde83790337bdf4c5f03c907ca6e6e02792e70))
111
-
112
-
113
-
114
-
148
+ - **framer-next-pages:** prevent back button loop when previous page is the up page of the previous
149
+ page ([cbdde83](https://github.com/ho-nl/m2-pwa/commit/cbdde83790337bdf4c5f03c907ca6e6e02792e70))
115
150
 
116
151
  # [2.107.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.106.12...@graphcommerce/framer-next-pages@2.107.0) (2021-10-27)
117
152
 
118
-
119
153
  ### Features
120
154
 
121
- * **nextjs:** upgraded to nextjs 12 ([9331bc8](https://github.com/ho-nl/m2-pwa/commit/9331bc801f6419522115cc47d291d49d608d5a90))
122
-
123
-
124
-
125
-
155
+ - **nextjs:** upgraded to nextjs 12
156
+ ([9331bc8](https://github.com/ho-nl/m2-pwa/commit/9331bc801f6419522115cc47d291d49d608d5a90))
126
157
 
127
158
  ## [2.106.2](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.106.0...@graphcommerce/framer-next-pages@2.106.2) (2021-09-27)
128
159
 
129
-
130
160
  ### Bug Fixes
131
161
 
132
- * ignore example directories when publishing ([620cbb2](https://github.com/ho-nl/m2-pwa/commit/620cbb2d8e68b727b8593e2e45702c4d12276d92))
133
- * versions ([b8b306c](https://github.com/ho-nl/m2-pwa/commit/b8b306c8f3a13415e441d0593c638ae2a3731cd6))
134
-
135
-
136
-
137
-
162
+ - ignore example directories when publishing
163
+ ([620cbb2](https://github.com/ho-nl/m2-pwa/commit/620cbb2d8e68b727b8593e2e45702c4d12276d92))
164
+ - versions
165
+ ([b8b306c](https://github.com/ho-nl/m2-pwa/commit/b8b306c8f3a13415e441d0593c638ae2a3731cd6))
138
166
 
139
167
  ## [2.106.1](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.106.0...@graphcommerce/framer-next-pages@2.106.1) (2021-09-27)
140
168
 
141
169
  **Note:** Version bump only for package @graphcommerce/framer-next-pages
142
170
 
143
-
144
-
145
-
146
-
147
171
  # Change Log
148
172
 
149
173
  All notable changes to this project will be documented in this file. See
@@ -159,8 +183,7 @@ All notable changes to this project will be documented in this file. See
159
183
  ([59f7b20](https://github.com/ho-nl/m2-pwa/commit/59f7b2047194c3506037fc88d791302c7c4a1a69))
160
184
  - edit billing address updating state
161
185
  ([ecd9f48](https://github.com/ho-nl/m2-pwa/commit/ecd9f48ce313d8e7a698c06ff29b88231dc50168))
162
- - **framer-next-pages:** back navigation renders the wrong page, items were
163
- reversed
186
+ - **framer-next-pages:** back navigation renders the wrong page, items were reversed
164
187
  ([7168fc1](https://github.com/ho-nl/m2-pwa/commit/7168fc1d1daa3920ae401dda0029e35a253068ec))
165
188
  - **framer-next-pages:** backSteps returns NaN
166
189
  ([31ac95a](https://github.com/ho-nl/m2-pwa/commit/31ac95a75fb166efdc2d52d0aa0e40e45290e6bb))
@@ -174,8 +197,7 @@ All notable changes to this project will be documented in this file. See
174
197
  ([4870925](https://github.com/ho-nl/m2-pwa/commit/4870925554cfee3ac94209719d9464b82fce9cc5))
175
198
  - **framer-next-pages:** overlay offset fixes
176
199
  ([1b45cc8](https://github.com/ho-nl/m2-pwa/commit/1b45cc85412c17a4a02ae6a3bad23808def6cbfc))
177
- - **framer-next-pages:** prevent unessary rerender when navigating back to a
178
- previous page
200
+ - **framer-next-pages:** prevent unessary rerender when navigating back to a previous page
179
201
  ([a5568d0](https://github.com/ho-nl/m2-pwa/commit/a5568d00a034ef0686bd36b548af1def93ad1522))
180
202
  - **framer-next-pages:** router proxy couldn’t fall back to home
181
203
  ([7644698](https://github.com/ho-nl/m2-pwa/commit/76446981898e7573148ad71d496ef5bafc1232b8))
@@ -187,11 +209,9 @@ All notable changes to this project will be documented in this file. See
187
209
  ([c2fb164](https://github.com/ho-nl/m2-pwa/commit/c2fb164b342770089b787378a3f79529c36d2152))
188
210
  - **framer-sheet:** left/rigth sheet is a little higher than the page
189
211
  ([4c4679d](https://github.com/ho-nl/m2-pwa/commit/4c4679d00de1e3306aa0587ad9f9f10df8e2324a))
190
- - **framer-sheet:** make opacity animation of SheetBackdrop less jarring when
191
- dragging fast
212
+ - **framer-sheet:** make opacity animation of SheetBackdrop less jarring when dragging fast
192
213
  ([f25b7ce](https://github.com/ho-nl/m2-pwa/commit/f25b7ce2a16a621799a434704ed77b59089808cb))
193
- - **framer-sheet:** make sure the left/right drawer have more space / better
194
- scrollbar
214
+ - **framer-sheet:** make sure the left/right drawer have more space / better scrollbar
195
215
  ([226387a](https://github.com/ho-nl/m2-pwa/commit/226387a5e7b9b8a93f9516c97879be959b8072dc))
196
216
  - ignore md files from triggering version updates
197
217
  ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
@@ -216,16 +236,13 @@ All notable changes to this project will be documented in this file. See
216
236
  ([f0b44b4](https://github.com/ho-nl/m2-pwa/commit/f0b44b44a3c4976a35ca3235e305bd5f281f78d7))
217
237
  - **framer-next-pages:** added SheetBackdrop component
218
238
  ([4981744](https://github.com/ho-nl/m2-pwa/commit/4981744a8bc5f74a0b7d510e0000d3070b388c79))
219
- - **framer-next-pages:** added useCloseOverlay hook to close multiple steps at
220
- once
239
+ - **framer-next-pages:** added useCloseOverlay hook to close multiple steps at once
221
240
  ([55b7473](https://github.com/ho-nl/m2-pwa/commit/55b74730e64060c20072bf10f34d346964edc51f))
222
- - **framer-next-pages:** added usePageRouter().go(-2) functionality to close
223
- overlays
241
+ - **framer-next-pages:** added usePageRouter().go(-2) functionality to close overlays
224
242
  ([cb177e7](https://github.com/ho-nl/m2-pwa/commit/cb177e7266939b3a6a4f04c03852f024fd2dca3e))
225
243
  - **framer-next-pages:** animate drag indicator when resizing height
226
244
  ([5b687d1](https://github.com/ho-nl/m2-pwa/commit/5b687d1cf5a04dfa2f499d1335404cd41992a7aa))
227
- - **framer-next-pages:** animate the SheetBackdrop based on the y-value of the
228
- sheet
245
+ - **framer-next-pages:** animate the SheetBackdrop based on the y-value of the sheet
229
246
  ([96af2d4](https://github.com/ho-nl/m2-pwa/commit/96af2d4dcab87f952f9d3621a7cce9099f9310f6))
230
247
  - **framer-next-pages:** base sheet on container height
231
248
  ([b8293e3](https://github.com/ho-nl/m2-pwa/commit/b8293e3762892529d39d3e12032d0450166ae79e))
@@ -237,8 +254,7 @@ All notable changes to this project will be documented in this file. See
237
254
  ([7604fc0](https://github.com/ho-nl/m2-pwa/commit/7604fc037d76cefda711b7b6ccb40f14c1ef4c8e))
238
255
  - **framer-next-pages:** move example to @graphcommerce/next-config
239
256
  ([b801856](https://github.com/ho-nl/m2-pwa/commit/b801856d370804616a986a6a66ba88ae4f193b4b))
240
- - **framer-next-pages:** usePageDirection to determine which direction the user
241
- is navigating
257
+ - **framer-next-pages:** usePageDirection to determine which direction the user is navigating
242
258
  ([6769b90](https://github.com/ho-nl/m2-pwa/commit/6769b909486cbcc8bf58d83d13e0ef1b84a7389d))
243
259
  - **framer-next-pages:** working on new sheet component
244
260
  ([cc6fb11](https://github.com/ho-nl/m2-pwa/commit/cc6fb11b22db59276a3ea32493bf340c02850a2c))
@@ -246,8 +262,7 @@ All notable changes to this project will be documented in this file. See
246
262
  ([2cc164e](https://github.com/ho-nl/m2-pwa/commit/2cc164eac4b5022cfdf347a83ea559e26103063f))
247
263
  - **framer-sheet:** created separate package that can be implemented
248
264
  ([69cc8ce](https://github.com/ho-nl/m2-pwa/commit/69cc8ce3237125335524728a70f4dae050032108))
249
- - **framer-utils:** created framer-utils and implemented for framer-sheet and
250
- framer-next-pages
265
+ - **framer-utils:** created framer-utils and implemented for framer-sheet and framer-next-pages
251
266
  ([788bf28](https://github.com/ho-nl/m2-pwa/commit/788bf282d4a38ec5e78ab7244065c540dfc132a1))
252
267
  - **image:** introduced completely rewritten Image component
253
268
  ([e3413b3](https://github.com/ho-nl/m2-pwa/commit/e3413b3a57392d6571ea64cb8d9c8dca05ea31df))
@@ -265,8 +280,8 @@ All notable changes to this project will be documented in this file. See
265
280
  ([9094551](https://github.com/ho-nl/m2-pwa/commit/909455146d159a839fa72046c15332fc763f315f))
266
281
  - **playwright:** added new playwright package to enable browser testing
267
282
  ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
268
- - renamed all packages to use [@graphcommerce](https://github.com/graphcommerce)
269
- instead of [@reachdigital](https://github.com/reachdigital)
283
+ - renamed all packages to use [@graphcommerce](https://github.com/graphcommerce) instead of
284
+ [@reachdigital](https://github.com/reachdigital)
270
285
  ([491e4ce](https://github.com/ho-nl/m2-pwa/commit/491e4cec9a2686472dac36b79f999257c0811ffe))
271
286
  - upgraded to nextjs 11
272
287
  ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
@@ -335,8 +350,7 @@ All notable changes to this project will be documented in this file. See
335
350
 
336
351
  - back button behavior
337
352
  ([59f7b20](https://github.com/ho-nl/m2-pwa/commit/59f7b2047194c3506037fc88d791302c7c4a1a69))
338
- - **framer-next-pages:** back navigation renders the wrong page, items were
339
- reversed
353
+ - **framer-next-pages:** back navigation renders the wrong page, items were reversed
340
354
  ([7168fc1](https://github.com/ho-nl/m2-pwa/commit/7168fc1d1daa3920ae401dda0029e35a253068ec))
341
355
  - **framer-next-pages:** backSteps returns NaN
342
356
  ([31ac95a](https://github.com/ho-nl/m2-pwa/commit/31ac95a75fb166efdc2d52d0aa0e40e45290e6bb))
package/components/Page.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import { makeStyles } from '@material-ui/core'
1
+ import { css } from '@emotion/react'
2
2
  import { m, useIsPresent } from 'framer-motion'
3
3
  import React from 'react'
4
4
  import type { PageItem } from '../types'
@@ -14,24 +14,9 @@ export function scrollPos(idx: number): { x: number; y: number } {
14
14
  return scroll ? JSON.parse(scroll) : { x: 0, y: 0 }
15
15
  }
16
16
 
17
- const useStyles = makeStyles(
18
- {
19
- page: {
20
- left: 0,
21
- right: 0,
22
- minHeight: '100vh',
23
- '@supports (-webkit-touch-callout: none)': {
24
- height: '-webkit-fill-available',
25
- },
26
- },
27
- },
28
- { name: 'FramerNextPage' },
29
- )
30
-
31
17
  export default function Page(props: PageProps) {
32
18
  const { active, historyIdx, children } = props
33
19
  const isPresent = useIsPresent()
34
- const classes = useStyles()
35
20
 
36
21
  /** The active Page doesn't get any special treatment */
37
22
  let top: number | undefined
@@ -49,7 +34,17 @@ export default function Page(props: PageProps) {
49
34
  const zIndex = active ? 1 : undefined
50
35
 
51
36
  return (
52
- <m.div className={classes.page} style={{ position, top, zIndex }}>
37
+ <m.div
38
+ style={{ position, top, zIndex }}
39
+ css={css({
40
+ left: 0,
41
+ right: 0,
42
+ minHeight: '100vh',
43
+ '@supports (-webkit-touch-callout: none)': {
44
+ height: '-webkit-fill-available',
45
+ },
46
+ })}
47
+ >
53
48
  {children}
54
49
  </m.div>
55
50
  )
package/components/Pages.tsx CHANGED
@@ -1,9 +1,8 @@
1
1
  import { AnimatePresence } from 'framer-motion'
2
2
  import { requestIdleCallback, cancelIdleCallback } from 'next/dist/client/request-idle-callback'
3
3
  import { AppPropsType } from 'next/dist/shared/lib/utils'
4
- import { NextRouter, Router, useRouter } from 'next/router'
5
- import React, { useEffect, useRef, useState } from 'react'
6
- import {} from 'react-dom'
4
+ import { NextRouter, Router } from 'next/router'
5
+ import { useEffect, useRef, useState } from 'react'
7
6
  import { pageContext } from '../context/pageContext'
8
7
  import type { PageComponent, PageItem, UpPage } from '../types'
9
8
  import Page from './Page'
@@ -95,7 +94,16 @@ export default function FramerNextPages(props: PagesProps) {
95
94
  // todo: implement fallback loading for up property
96
95
  // const up = items.current[0].PageComponent.pageOptions?.up?.href ?? '/'
97
96
  const up = '/'
98
- const info = await (router as Router).getRouteInfo(up, up, {}, up, up, { shallow: false })
97
+ const info = await (router as Router).getRouteInfo(
98
+ up,
99
+ up,
100
+ {},
101
+ up,
102
+ up,
103
+ { shallow: false },
104
+ undefined,
105
+ false,
106
+ )
99
107
 
100
108
  const pageInfo = { asPath: up, pathname: up, locale: router.locale, query: {} }
101
109
  const Fallback = info.Component as PageComponent
package/package.json CHANGED
@@ -1,14 +1,10 @@
1
1
  {
2
2
  "name": "@graphcommerce/framer-next-pages",
3
- "version": "2.109.2",
3
+ "homepage": "https://www.graphcommerce.org/",
4
+ "repository": "github:graphcommerce-org/graphcommerce",
5
+ "version": "3.0.2",
4
6
  "sideEffects": false,
5
- "scripts": {
6
- "dev": "tsc -W"
7
- },
8
7
  "prettier": "@graphcommerce/prettier-config-pwa",
9
- "browserslist": [
10
- "extends @graphcommerce/browserslist-config-pwa"
11
- ],
12
8
  "eslintConfig": {
13
9
  "extends": "@graphcommerce/eslint-config-pwa",
14
10
  "parserOptions": {
@@ -16,20 +12,18 @@
16
12
  }
17
13
  },
18
14
  "dependencies": {
19
- "@graphcommerce/framer-utils": "^2.103.21"
15
+ "@graphcommerce/framer-utils": "^3.0.2"
20
16
  },
21
17
  "devDependencies": {
22
- "@graphcommerce/browserslist-config-pwa": "^3.0.3",
23
- "@graphcommerce/eslint-config-pwa": "^3.1.10",
24
- "@graphcommerce/prettier-config-pwa": "^3.0.5",
25
- "@graphcommerce/typescript-config-pwa": "^3.1.2",
26
- "@playwright/test": "^1.17.1"
18
+ "@graphcommerce/eslint-config-pwa": "^4.0.2",
19
+ "@graphcommerce/prettier-config-pwa": "^4.0.1",
20
+ "@graphcommerce/typescript-config-pwa": "^4.0.1",
21
+ "@playwright/test": "^1.19.1"
27
22
  },
28
23
  "peerDependencies": {
29
- "framer-motion": "^5.5.5",
30
- "next": "^12.0.7",
24
+ "framer-motion": "^6.2.4",
25
+ "next": "^12.1.0",
31
26
  "react": "^17.0.2",
32
27
  "react-dom": "^17.0.2"
33
- },
34
- "gitHead": "0553535bc06348d46a64c90e5330f8ff108c0cbc"
28
+ }
35
29
  }