@graphcommerce/framer-next-pages 3.0.2 → 3.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.
Files changed (6) hide show
  1. package/CHANGELOG.md +133 -219
  2. package/components/Page.tsx +1 -1
  3. package/components/PageRenderer.tsx +0 -1
  4. package/components/Pages.tsx +32 -10
  5. package/index.ts +1 -2
  6. package/package.json +8 -7
package/CHANGELOG.md CHANGED
@@ -1,168 +1,153 @@
1
1
  # Change Log
2
2
 
3
+ ## 3.1.2
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 [[`bd10506d3`](https://github.com/ho-nl/m2-pwa/commit/bd10506d32fdbc91d01dadc29a12ebd1e0943655), [`27cb1f2d8`](https://github.com/ho-nl/m2-pwa/commit/27cb1f2d8dbfb8f1b301ce56fb6a2b6c1fc6a5ef)]:
12
+ - @graphcommerce/framer-utils@3.0.4
13
+
14
+ ## 3.1.1
15
+
16
+ ### Patch Changes
17
+
18
+ - [#1294](https://github.com/ho-nl/m2-pwa/pull/1294) [`afb993244`](https://github.com/ho-nl/m2-pwa/commit/afb993244aabc8135ce54a79743cbf63bc5677d3) Thanks [@paales](https://github.com/paales)! - Make sure the fallback handles localization properly
19
+
20
+ ## 3.1.0
21
+
22
+ ### Minor Changes
23
+
24
+ - [#1281](https://github.com/ho-nl/m2-pwa/pull/1281) [`4bb963d75`](https://github.com/ho-nl/m2-pwa/commit/4bb963d7595b5ce6e3a4924cc2e3e8b0210cdcd6) Thanks [@paales](https://github.com/paales)! - Add an option the FramerNextPages component to define a fallback and fallbackRoute.
25
+
26
+ ### Patch Changes
27
+
28
+ - [`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96) Thanks [@paales](https://github.com/paales)! - made packages public
29
+
30
+ - Updated dependencies [[`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96)]:
31
+ - @graphcommerce/framer-utils@3.0.3
32
+
3
33
  ## 3.0.2
4
34
 
5
35
  ### Patch Changes
6
36
 
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.
37
+ - [#1274](https://github.com/ho-nl/m2-pwa/pull/1274) [`381e4c86a`](https://github.com/ho-nl/m2-pwa/commit/381e4c86a8321ce96e1fa5c7d3c0a0c0ff3e02c7) Thanks [@paales](https://github.com/paales)! - Moved `ApolloErrorAlert`, `ApolloErrorFullPage` and `ApolloErrorSnackbar` to the ecommerce-ui package.
11
38
 
12
- Created `ComposedSubmitButton` and `ComposedSubmitLinkOrButton` to reduce complexity from
13
- `magento-graphcms` example.
39
+ Created `ComposedSubmitButton` and `ComposedSubmitLinkOrButton` to reduce complexity from `magento-graphcms` example.
14
40
 
15
41
  Removed dependency an `@graphcommerce/react-hook-form` from `magento-graphcms` example.
16
42
 
17
43
  Added dependency `@graphcommerce/ecommerce-ui` from `magento-graphcms` example.
18
44
 
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.
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.
32
-
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.
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)]:
45
+ * [#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.
46
+
47
+ - [#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.
48
+
49
+ 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.
50
+
51
+ - Updated dependencies [[`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2), [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)]:
39
52
  - @graphcommerce/framer-utils@3.0.2
40
53
 
41
54
  ## 3.0.1
42
55
 
43
56
  ### Patch Changes
44
57
 
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)]:
58
+ - [`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
59
+ - Updated dependencies [[`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)]:
50
60
  - @graphcommerce/framer-utils@3.0.1
51
61
 
52
62
  ## 3.0.0
53
63
 
54
64
  ### Major Changes
55
65
 
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
66
+ - [#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
59
67
 
60
68
  ### Patch Changes
61
69
 
62
- - Updated dependencies
63
- [[`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)]:
70
+ - Updated dependencies [[`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)]:
64
71
  - @graphcommerce/framer-utils@3.0.0
65
72
 
66
- All notable changes to this project will be documented in this file. See
67
- [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
73
+ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
68
74
 
69
75
  ## [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)
70
76
 
71
77
  ### Bug Fixes
72
78
 
73
- - regression where close button didn't work
74
- ([5bf57b4](https://github.com/ho-nl/m2-pwa/commit/5bf57b470ab7c013fbe0a896792fcb316a454aa4))
79
+ - regression where close button didn't work ([5bf57b4](https://github.com/ho-nl/m2-pwa/commit/5bf57b470ab7c013fbe0a896792fcb316a454aa4))
75
80
 
76
81
  # [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)
77
82
 
78
83
  ### Features
79
84
 
80
- - **framer-next-pages:** reduce rerenders when navigating to a new page
81
- ([5cf3301](https://github.com/ho-nl/m2-pwa/commit/5cf330130bb3527057da015e3c4a6fa295d7262e))
85
+ - **framer-next-pages:** reduce rerenders when navigating to a new page ([5cf3301](https://github.com/ho-nl/m2-pwa/commit/5cf330130bb3527057da015e3c4a6fa295d7262e))
82
86
 
83
87
  ## [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)
84
88
 
85
89
  ### Bug Fixes
86
90
 
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))
91
+ - **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))
90
92
 
91
93
  ## [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)
92
94
 
93
95
  ### Bug Fixes
94
96
 
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))
97
+ - **graphql:** make sure we're passing the correct store code to the schema endpoint ([39753f2](https://github.com/ho-nl/m2-pwa/commit/39753f2117ce7ba79dab035c4134e642829e7f18))
98
+ - make sure we're remounting when the store changes ([10756e3](https://github.com/ho-nl/m2-pwa/commit/10756e3eb252f8a91d84534ae024edb382a4ea0d))
99
99
 
100
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)
101
101
 
102
102
  ### Bug Fixes
103
103
 
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))
104
+ - 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))
107
105
 
108
106
  ## [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)
109
107
 
110
108
  ### Bug Fixes
111
109
 
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))
110
+ - **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))
114
111
 
115
112
  ## [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)
116
113
 
117
114
  ### Bug Fixes
118
115
 
119
- - make sure we're using the correct variant
120
- ([7fff606](https://github.com/ho-nl/m2-pwa/commit/7fff606390bc63c14cd8c033fbe5138226517869))
116
+ - make sure we're using the correct variant ([7fff606](https://github.com/ho-nl/m2-pwa/commit/7fff606390bc63c14cd8c033fbe5138226517869))
121
117
 
122
118
  # [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)
123
119
 
124
120
  ### Bug Fixes
125
121
 
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))
122
+ - **framer-next-pages:** do no throw error when framer next pages is recreated ([6c4665b](https://github.com/ho-nl/m2-pwa/commit/6c4665b4a00adb1c1d770c458a590f4360be83d8))
123
+ - make sure the fallback loads during idle timing to prevent jank ([dd888e2](https://github.com/ho-nl/m2-pwa/commit/dd888e27b94091233d74ddba1023310b09910f0f))
124
+ - make sure the overlay becomes visible, even if the overlay is scrolled ([1738c98](https://github.com/ho-nl/m2-pwa/commit/1738c982ea84ec2b93daa824c4b8c86ab2a3f5ed))
125
+ - make sure the overlays are rendered correctly on mobile ([48f7050](https://github.com/ho-nl/m2-pwa/commit/48f705060e99b997f5b1db03ccc49f1051a1ed8f))
126
+ - minHeight of page on iOS is sometimes less high than expected ([8a0bc23](https://github.com/ho-nl/m2-pwa/commit/8a0bc234d153d974ac415369483ddabfb5e7fb0c))
127
+ - spacing of LayoutTItle ([7afcd31](https://github.com/ho-nl/m2-pwa/commit/7afcd3163d16e902cf2ff7917f56ee6a8798f55b))
138
128
 
139
129
  ### Features
140
130
 
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))
131
+ - **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))
143
132
 
144
133
  ## [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)
145
134
 
146
135
  ### Bug Fixes
147
136
 
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))
137
+ - **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))
150
138
 
151
139
  # [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)
152
140
 
153
141
  ### Features
154
142
 
155
- - **nextjs:** upgraded to nextjs 12
156
- ([9331bc8](https://github.com/ho-nl/m2-pwa/commit/9331bc801f6419522115cc47d291d49d608d5a90))
143
+ - **nextjs:** upgraded to nextjs 12 ([9331bc8](https://github.com/ho-nl/m2-pwa/commit/9331bc801f6419522115cc47d291d49d608d5a90))
157
144
 
158
145
  ## [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)
159
146
 
160
147
  ### Bug Fixes
161
148
 
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))
149
+ - ignore example directories when publishing ([620cbb2](https://github.com/ho-nl/m2-pwa/commit/620cbb2d8e68b727b8593e2e45702c4d12276d92))
150
+ - versions ([b8b306c](https://github.com/ho-nl/m2-pwa/commit/b8b306c8f3a13415e441d0593c638ae2a3731cd6))
166
151
 
167
152
  ## [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)
168
153
 
@@ -170,135 +155,78 @@ All notable changes to this project will be documented in this file. See
170
155
 
171
156
  # Change Log
172
157
 
173
- All notable changes to this project will be documented in this file. See
174
- [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
158
+ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
175
159
 
176
160
  # 2.106.0 (2021-09-27)
177
161
 
178
162
  ### Bug Fixes
179
163
 
180
- - **app-shell-header:** offset not always correctly set
181
- ([11a8907](https://github.com/ho-nl/m2-pwa/commit/11a890764be1ab4f6c584a5c8ca4e6620d0d73e5))
182
- - back button behavior
183
- ([59f7b20](https://github.com/ho-nl/m2-pwa/commit/59f7b2047194c3506037fc88d791302c7c4a1a69))
184
- - edit billing address updating state
185
- ([ecd9f48](https://github.com/ho-nl/m2-pwa/commit/ecd9f48ce313d8e7a698c06ff29b88231dc50168))
186
- - **framer-next-pages:** back navigation renders the wrong page, items were reversed
187
- ([7168fc1](https://github.com/ho-nl/m2-pwa/commit/7168fc1d1daa3920ae401dda0029e35a253068ec))
188
- - **framer-next-pages:** backSteps returns NaN
189
- ([31ac95a](https://github.com/ho-nl/m2-pwa/commit/31ac95a75fb166efdc2d52d0aa0e40e45290e6bb))
190
- - **framer-next-pages:** better opening handling of sheets
191
- ([ab5b7d1](https://github.com/ho-nl/m2-pwa/commit/ab5b7d155df65f9e4ffa21b8c676eaf4be894f3a))
192
- - **framer-next-pages:** do not render initial animation
193
- ([6debfbf](https://github.com/ho-nl/m2-pwa/commit/6debfbfa21fd6b14ee3ff80b388b9008d2901f43))
194
- - **framer-next-pages:** fix closing of overlay in example
195
- ([049a9a7](https://github.com/ho-nl/m2-pwa/commit/049a9a79f882bcf6251fc24cb395b88418349557))
196
- - **framer-next-pages:** give back control to previous page as soon as possible
197
- ([4870925](https://github.com/ho-nl/m2-pwa/commit/4870925554cfee3ac94209719d9464b82fce9cc5))
198
- - **framer-next-pages:** overlay offset fixes
199
- ([1b45cc8](https://github.com/ho-nl/m2-pwa/commit/1b45cc85412c17a4a02ae6a3bad23808def6cbfc))
200
- - **framer-next-pages:** prevent unessary rerender when navigating back to a previous page
201
- ([a5568d0](https://github.com/ho-nl/m2-pwa/commit/a5568d00a034ef0686bd36b548af1def93ad1522))
202
- - **framer-next-pages:** router proxy couldn’t fall back to home
203
- ([7644698](https://github.com/ho-nl/m2-pwa/commit/76446981898e7573148ad71d496ef5bafc1232b8))
204
- - **framer-next-pages:** set height of container properly on mobile
205
- ([a91728d](https://github.com/ho-nl/m2-pwa/commit/a91728d087a557800110477691704b6918ddf35c))
206
- - **framer-next-pages:** stacking order becomes reversed
207
- ([65bda4e](https://github.com/ho-nl/m2-pwa/commit/65bda4e8df199d805da6edc12ba61badf56eac8f))
208
- - **framer-next-page:** usePageRouter in SharedLayout
209
- ([c2fb164](https://github.com/ho-nl/m2-pwa/commit/c2fb164b342770089b787378a3f79529c36d2152))
210
- - **framer-sheet:** left/rigth sheet is a little higher than the page
211
- ([4c4679d](https://github.com/ho-nl/m2-pwa/commit/4c4679d00de1e3306aa0587ad9f9f10df8e2324a))
212
- - **framer-sheet:** make opacity animation of SheetBackdrop less jarring when dragging fast
213
- ([f25b7ce](https://github.com/ho-nl/m2-pwa/commit/f25b7ce2a16a621799a434704ed77b59089808cb))
214
- - **framer-sheet:** make sure the left/right drawer have more space / better scrollbar
215
- ([226387a](https://github.com/ho-nl/m2-pwa/commit/226387a5e7b9b8a93f9516c97879be959b8072dc))
216
- - ignore md files from triggering version updates
217
- ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
218
- - make packages private so they dont get published accidently
219
- ([f7b693f](https://github.com/ho-nl/m2-pwa/commit/f7b693ff6a4d232d0871f6a68922d14678853a96))
220
- - performance of overlays on firefox
221
- ([46d256d](https://github.com/ho-nl/m2-pwa/commit/46d256dc611eb0eb9b9b01e7cd9d99845ef3b6da))
222
- - **use-back-link:** pop history after going back
223
- ([20d69ef](https://github.com/ho-nl/m2-pwa/commit/20d69eff868d53d07084e5d1f78819939a5f429c))
164
+ - **app-shell-header:** offset not always correctly set ([11a8907](https://github.com/ho-nl/m2-pwa/commit/11a890764be1ab4f6c584a5c8ca4e6620d0d73e5))
165
+ - back button behavior ([59f7b20](https://github.com/ho-nl/m2-pwa/commit/59f7b2047194c3506037fc88d791302c7c4a1a69))
166
+ - edit billing address updating state ([ecd9f48](https://github.com/ho-nl/m2-pwa/commit/ecd9f48ce313d8e7a698c06ff29b88231dc50168))
167
+ - **framer-next-pages:** back navigation renders the wrong page, items were reversed ([7168fc1](https://github.com/ho-nl/m2-pwa/commit/7168fc1d1daa3920ae401dda0029e35a253068ec))
168
+ - **framer-next-pages:** backSteps returns NaN ([31ac95a](https://github.com/ho-nl/m2-pwa/commit/31ac95a75fb166efdc2d52d0aa0e40e45290e6bb))
169
+ - **framer-next-pages:** better opening handling of sheets ([ab5b7d1](https://github.com/ho-nl/m2-pwa/commit/ab5b7d155df65f9e4ffa21b8c676eaf4be894f3a))
170
+ - **framer-next-pages:** do not render initial animation ([6debfbf](https://github.com/ho-nl/m2-pwa/commit/6debfbfa21fd6b14ee3ff80b388b9008d2901f43))
171
+ - **framer-next-pages:** fix closing of overlay in example ([049a9a7](https://github.com/ho-nl/m2-pwa/commit/049a9a79f882bcf6251fc24cb395b88418349557))
172
+ - **framer-next-pages:** give back control to previous page as soon as possible ([4870925](https://github.com/ho-nl/m2-pwa/commit/4870925554cfee3ac94209719d9464b82fce9cc5))
173
+ - **framer-next-pages:** overlay offset fixes ([1b45cc8](https://github.com/ho-nl/m2-pwa/commit/1b45cc85412c17a4a02ae6a3bad23808def6cbfc))
174
+ - **framer-next-pages:** prevent unessary rerender when navigating back to a previous page ([a5568d0](https://github.com/ho-nl/m2-pwa/commit/a5568d00a034ef0686bd36b548af1def93ad1522))
175
+ - **framer-next-pages:** router proxy couldn’t fall back to home ([7644698](https://github.com/ho-nl/m2-pwa/commit/76446981898e7573148ad71d496ef5bafc1232b8))
176
+ - **framer-next-pages:** set height of container properly on mobile ([a91728d](https://github.com/ho-nl/m2-pwa/commit/a91728d087a557800110477691704b6918ddf35c))
177
+ - **framer-next-pages:** stacking order becomes reversed ([65bda4e](https://github.com/ho-nl/m2-pwa/commit/65bda4e8df199d805da6edc12ba61badf56eac8f))
178
+ - **framer-next-page:** usePageRouter in SharedLayout ([c2fb164](https://github.com/ho-nl/m2-pwa/commit/c2fb164b342770089b787378a3f79529c36d2152))
179
+ - **framer-sheet:** left/rigth sheet is a little higher than the page ([4c4679d](https://github.com/ho-nl/m2-pwa/commit/4c4679d00de1e3306aa0587ad9f9f10df8e2324a))
180
+ - **framer-sheet:** make opacity animation of SheetBackdrop less jarring when dragging fast ([f25b7ce](https://github.com/ho-nl/m2-pwa/commit/f25b7ce2a16a621799a434704ed77b59089808cb))
181
+ - **framer-sheet:** make sure the left/right drawer have more space / better scrollbar ([226387a](https://github.com/ho-nl/m2-pwa/commit/226387a5e7b9b8a93f9516c97879be959b8072dc))
182
+ - ignore md files from triggering version updates ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
183
+ - make packages private so they dont get published accidently ([f7b693f](https://github.com/ho-nl/m2-pwa/commit/f7b693ff6a4d232d0871f6a68922d14678853a96))
184
+ - performance of overlays on firefox ([46d256d](https://github.com/ho-nl/m2-pwa/commit/46d256dc611eb0eb9b9b01e7cd9d99845ef3b6da))
185
+ - **use-back-link:** pop history after going back ([20d69ef](https://github.com/ho-nl/m2-pwa/commit/20d69eff868d53d07084e5d1f78819939a5f429c))
224
186
 
225
187
  ### Features
226
188
 
227
- - ability to add a fallback
228
- ([470110c](https://github.com/ho-nl/m2-pwa/commit/470110c82c1de15954570aa28dc3f81048ae1ca1))
229
- - content header component
230
- ([9cf58cd](https://github.com/ho-nl/m2-pwa/commit/9cf58cd5ced3e89237fc04076aa0fae3618205ef))
231
- - **framer-next-motion:** handle resizes
232
- ([4d9c297](https://github.com/ho-nl/m2-pwa/commit/4d9c2975c7b08cfdb1c024338a8d018e22808fc6))
233
- - **framer-next-page:** introduced SheetHeader
234
- ([dd6949f](https://github.com/ho-nl/m2-pwa/commit/dd6949fd027f6ec984f4de44fe75b36265f44906))
235
- - **framer-next-pages:** add sheet variants top, left, bottom, right
236
- ([f0b44b4](https://github.com/ho-nl/m2-pwa/commit/f0b44b44a3c4976a35ca3235e305bd5f281f78d7))
237
- - **framer-next-pages:** added SheetBackdrop component
238
- ([4981744](https://github.com/ho-nl/m2-pwa/commit/4981744a8bc5f74a0b7d510e0000d3070b388c79))
239
- - **framer-next-pages:** added useCloseOverlay hook to close multiple steps at once
240
- ([55b7473](https://github.com/ho-nl/m2-pwa/commit/55b74730e64060c20072bf10f34d346964edc51f))
241
- - **framer-next-pages:** added usePageRouter().go(-2) functionality to close overlays
242
- ([cb177e7](https://github.com/ho-nl/m2-pwa/commit/cb177e7266939b3a6a4f04c03852f024fd2dca3e))
243
- - **framer-next-pages:** animate drag indicator when resizing height
244
- ([5b687d1](https://github.com/ho-nl/m2-pwa/commit/5b687d1cf5a04dfa2f499d1335404cd41992a7aa))
245
- - **framer-next-pages:** animate the SheetBackdrop based on the y-value of the sheet
246
- ([96af2d4](https://github.com/ho-nl/m2-pwa/commit/96af2d4dcab87f952f9d3621a7cce9099f9310f6))
247
- - **framer-next-pages:** base sheet on container height
248
- ([b8293e3](https://github.com/ho-nl/m2-pwa/commit/b8293e3762892529d39d3e12032d0450166ae79e))
249
- - **framer-next-pages:** enable dragging when the content isn’t scrollable
250
- ([3df9115](https://github.com/ho-nl/m2-pwa/commit/3df9115d3fbf72dbe547780f0bc6ce80e42b9e47))
251
- - **framer-next-pages:** implemented the FullPageShell for the remaining pages
252
- ([88386b4](https://github.com/ho-nl/m2-pwa/commit/88386b4652abb7765d6e755c7fb7a3cb6285a0e7))
253
- - **framer-next-pages:** made all animations renderless
254
- ([7604fc0](https://github.com/ho-nl/m2-pwa/commit/7604fc037d76cefda711b7b6ccb40f14c1ef4c8e))
255
- - **framer-next-pages:** move example to @graphcommerce/next-config
256
- ([b801856](https://github.com/ho-nl/m2-pwa/commit/b801856d370804616a986a6a66ba88ae4f193b4b))
257
- - **framer-next-pages:** usePageDirection to determine which direction the user is navigating
258
- ([6769b90](https://github.com/ho-nl/m2-pwa/commit/6769b909486cbcc8bf58d83d13e0ef1b84a7389d))
259
- - **framer-next-pages:** working on new sheet component
260
- ([cc6fb11](https://github.com/ho-nl/m2-pwa/commit/cc6fb11b22db59276a3ea32493bf340c02850a2c))
261
- - **framer-sheet:** added SheetHeader component
262
- ([2cc164e](https://github.com/ho-nl/m2-pwa/commit/2cc164eac4b5022cfdf347a83ea559e26103063f))
263
- - **framer-sheet:** created separate package that can be implemented
264
- ([69cc8ce](https://github.com/ho-nl/m2-pwa/commit/69cc8ce3237125335524728a70f4dae050032108))
265
- - **framer-utils:** created framer-utils and implemented for framer-sheet and framer-next-pages
266
- ([788bf28](https://github.com/ho-nl/m2-pwa/commit/788bf282d4a38ec5e78ab7244065c540dfc132a1))
267
- - **image:** introduced completely rewritten Image component
268
- ([e3413b3](https://github.com/ho-nl/m2-pwa/commit/e3413b3a57392d6571ea64cb8d9c8dca05ea31df))
269
- - imported react-modal-sheet
270
- ([e3a76f7](https://github.com/ho-nl/m2-pwa/commit/e3a76f71a6c8f7b5cfc0766673265733040ba164))
271
- - introduced SharedComponent to share layout between routes
272
- ([4e0f73c](https://github.com/ho-nl/m2-pwa/commit/4e0f73c5272b61806ffef1e516c453ffb9c9b0ab))
273
- - introduces framer-next-pages and framer-sheet to next-ui and soxbase package
274
- ([e04ad8a](https://github.com/ho-nl/m2-pwa/commit/e04ad8a94cd1fd5a7c5575c9db7916b6e8a88f16))
275
- - left and sidebar drawers
276
- ([12a3b72](https://github.com/ho-nl/m2-pwa/commit/12a3b72edfad38a4b82701ec502f2f4d85c40e53))
277
- - next.js 11
278
- ([7d61407](https://github.com/ho-nl/m2-pwa/commit/7d614075a778f488045034f74be4f75b93f63c43))
279
- - **pageContext:** history prop
280
- ([9094551](https://github.com/ho-nl/m2-pwa/commit/909455146d159a839fa72046c15332fc763f315f))
281
- - **playwright:** added new playwright package to enable browser testing
282
- ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
283
- - renamed all packages to use [@graphcommerce](https://github.com/graphcommerce) instead of
284
- [@reachdigital](https://github.com/reachdigital)
285
- ([491e4ce](https://github.com/ho-nl/m2-pwa/commit/491e4cec9a2686472dac36b79f999257c0811ffe))
286
- - upgraded to nextjs 11
287
- ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
288
- - **use-back-link:** go back in history when links are identical
289
- ([9be8a05](https://github.com/ho-nl/m2-pwa/commit/9be8a050d418d2ef24bb6894c5946a1268883aba))
189
+ - ability to add a fallback ([470110c](https://github.com/ho-nl/m2-pwa/commit/470110c82c1de15954570aa28dc3f81048ae1ca1))
190
+ - content header component ([9cf58cd](https://github.com/ho-nl/m2-pwa/commit/9cf58cd5ced3e89237fc04076aa0fae3618205ef))
191
+ - **framer-next-motion:** handle resizes ([4d9c297](https://github.com/ho-nl/m2-pwa/commit/4d9c2975c7b08cfdb1c024338a8d018e22808fc6))
192
+ - **framer-next-page:** introduced SheetHeader ([dd6949f](https://github.com/ho-nl/m2-pwa/commit/dd6949fd027f6ec984f4de44fe75b36265f44906))
193
+ - **framer-next-pages:** add sheet variants top, left, bottom, right ([f0b44b4](https://github.com/ho-nl/m2-pwa/commit/f0b44b44a3c4976a35ca3235e305bd5f281f78d7))
194
+ - **framer-next-pages:** added SheetBackdrop component ([4981744](https://github.com/ho-nl/m2-pwa/commit/4981744a8bc5f74a0b7d510e0000d3070b388c79))
195
+ - **framer-next-pages:** added useCloseOverlay hook to close multiple steps at once ([55b7473](https://github.com/ho-nl/m2-pwa/commit/55b74730e64060c20072bf10f34d346964edc51f))
196
+ - **framer-next-pages:** added usePageRouter().go(-2) functionality to close overlays ([cb177e7](https://github.com/ho-nl/m2-pwa/commit/cb177e7266939b3a6a4f04c03852f024fd2dca3e))
197
+ - **framer-next-pages:** animate drag indicator when resizing height ([5b687d1](https://github.com/ho-nl/m2-pwa/commit/5b687d1cf5a04dfa2f499d1335404cd41992a7aa))
198
+ - **framer-next-pages:** animate the SheetBackdrop based on the y-value of the sheet ([96af2d4](https://github.com/ho-nl/m2-pwa/commit/96af2d4dcab87f952f9d3621a7cce9099f9310f6))
199
+ - **framer-next-pages:** base sheet on container height ([b8293e3](https://github.com/ho-nl/m2-pwa/commit/b8293e3762892529d39d3e12032d0450166ae79e))
200
+ - **framer-next-pages:** enable dragging when the content isn’t scrollable ([3df9115](https://github.com/ho-nl/m2-pwa/commit/3df9115d3fbf72dbe547780f0bc6ce80e42b9e47))
201
+ - **framer-next-pages:** implemented the FullPageShell for the remaining pages ([88386b4](https://github.com/ho-nl/m2-pwa/commit/88386b4652abb7765d6e755c7fb7a3cb6285a0e7))
202
+ - **framer-next-pages:** made all animations renderless ([7604fc0](https://github.com/ho-nl/m2-pwa/commit/7604fc037d76cefda711b7b6ccb40f14c1ef4c8e))
203
+ - **framer-next-pages:** move example to @graphcommerce/next-config ([b801856](https://github.com/ho-nl/m2-pwa/commit/b801856d370804616a986a6a66ba88ae4f193b4b))
204
+ - **framer-next-pages:** usePageDirection to determine which direction the user is navigating ([6769b90](https://github.com/ho-nl/m2-pwa/commit/6769b909486cbcc8bf58d83d13e0ef1b84a7389d))
205
+ - **framer-next-pages:** working on new sheet component ([cc6fb11](https://github.com/ho-nl/m2-pwa/commit/cc6fb11b22db59276a3ea32493bf340c02850a2c))
206
+ - **framer-sheet:** added SheetHeader component ([2cc164e](https://github.com/ho-nl/m2-pwa/commit/2cc164eac4b5022cfdf347a83ea559e26103063f))
207
+ - **framer-sheet:** created separate package that can be implemented ([69cc8ce](https://github.com/ho-nl/m2-pwa/commit/69cc8ce3237125335524728a70f4dae050032108))
208
+ - **framer-utils:** created framer-utils and implemented for framer-sheet and framer-next-pages ([788bf28](https://github.com/ho-nl/m2-pwa/commit/788bf282d4a38ec5e78ab7244065c540dfc132a1))
209
+ - **image:** introduced completely rewritten Image component ([e3413b3](https://github.com/ho-nl/m2-pwa/commit/e3413b3a57392d6571ea64cb8d9c8dca05ea31df))
210
+ - imported react-modal-sheet ([e3a76f7](https://github.com/ho-nl/m2-pwa/commit/e3a76f71a6c8f7b5cfc0766673265733040ba164))
211
+ - introduced SharedComponent to share layout between routes ([4e0f73c](https://github.com/ho-nl/m2-pwa/commit/4e0f73c5272b61806ffef1e516c453ffb9c9b0ab))
212
+ - introduces framer-next-pages and framer-sheet to next-ui and soxbase package ([e04ad8a](https://github.com/ho-nl/m2-pwa/commit/e04ad8a94cd1fd5a7c5575c9db7916b6e8a88f16))
213
+ - left and sidebar drawers ([12a3b72](https://github.com/ho-nl/m2-pwa/commit/12a3b72edfad38a4b82701ec502f2f4d85c40e53))
214
+ - next.js 11 ([7d61407](https://github.com/ho-nl/m2-pwa/commit/7d614075a778f488045034f74be4f75b93f63c43))
215
+ - **pageContext:** history prop ([9094551](https://github.com/ho-nl/m2-pwa/commit/909455146d159a839fa72046c15332fc763f315f))
216
+ - **playwright:** added new playwright package to enable browser testing ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
217
+ - 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))
218
+ - upgraded to nextjs 11 ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
219
+ - **use-back-link:** go back in history when links are identical ([9be8a05](https://github.com/ho-nl/m2-pwa/commit/9be8a050d418d2ef24bb6894c5946a1268883aba))
290
220
 
291
221
  # Change Log
292
222
 
293
- All notable changes to this project will be documented in this file. See
294
- [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
223
+ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
295
224
 
296
225
  ## [2.105.5](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.105.4...@graphcommerce/framer-next-pages@2.105.5) (2021-09-24)
297
226
 
298
227
  ### Bug Fixes
299
228
 
300
- - edit billing address updating state
301
- ([ecd9f48](https://github.com/ho-nl/m2-pwa/commit/ecd9f48ce313d8e7a698c06ff29b88231dc50168))
229
+ - edit billing address updating state ([ecd9f48](https://github.com/ho-nl/m2-pwa/commit/ecd9f48ce313d8e7a698c06ff29b88231dc50168))
302
230
 
303
231
  # [2.105.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.104.0...@graphcommerce/framer-next-pages@2.105.0) (2021-08-30)
304
232
 
@@ -306,62 +234,48 @@ All notable changes to this project will be documented in this file. See
306
234
 
307
235
  ### Bug Fixes
308
236
 
309
- - **use-back-link:** pop history after going back
310
- ([20d69ef](https://github.com/ho-nl/m2-pwa/commit/20d69eff868d53d07084e5d1f78819939a5f429c))
237
+ - **use-back-link:** pop history after going back ([20d69ef](https://github.com/ho-nl/m2-pwa/commit/20d69eff868d53d07084e5d1f78819939a5f429c))
311
238
 
312
239
  ### Features
313
240
 
314
- - **pageContext:** history prop
315
- ([9094551](https://github.com/ho-nl/m2-pwa/commit/909455146d159a839fa72046c15332fc763f315f))
316
- - **use-back-link:** go back in history when links are identical
317
- ([9be8a05](https://github.com/ho-nl/m2-pwa/commit/9be8a050d418d2ef24bb6894c5946a1268883aba))
241
+ - **pageContext:** history prop ([9094551](https://github.com/ho-nl/m2-pwa/commit/909455146d159a839fa72046c15332fc763f315f))
242
+ - **use-back-link:** go back in history when links are identical ([9be8a05](https://github.com/ho-nl/m2-pwa/commit/9be8a050d418d2ef24bb6894c5946a1268883aba))
318
243
 
319
244
  # [2.104.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.103.1...@graphcommerce/framer-next-pages@2.104.0) (2021-08-17)
320
245
 
321
246
  ### Features
322
247
 
323
- - left and sidebar drawers
324
- ([12a3b72](https://github.com/ho-nl/m2-pwa/commit/12a3b72edfad38a4b82701ec502f2f4d85c40e53))
248
+ - left and sidebar drawers ([12a3b72](https://github.com/ho-nl/m2-pwa/commit/12a3b72edfad38a4b82701ec502f2f4d85c40e53))
325
249
 
326
250
  # [2.103.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.102.4...@graphcommerce/framer-next-pages@2.103.0) (2021-08-12)
327
251
 
328
252
  ### Features
329
253
 
330
- - upgraded to nextjs 11
331
- ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
254
+ - upgraded to nextjs 11 ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
332
255
 
333
256
  # [2.102.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.101.2...@graphcommerce/framer-next-pages@2.102.0) (2021-07-26)
334
257
 
335
258
  ### Features
336
259
 
337
- - **playwright:** added new playwright package to enable browser testing
338
- ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
260
+ - **playwright:** added new playwright package to enable browser testing ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
339
261
 
340
262
  ## [2.101.2](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.101.1...@graphcommerce/framer-next-pages@2.101.2) (2021-07-23)
341
263
 
342
264
  ### Bug Fixes
343
265
 
344
- - **app-shell-header:** offset not always correctly set
345
- ([11a8907](https://github.com/ho-nl/m2-pwa/commit/11a890764be1ab4f6c584a5c8ca4e6620d0d73e5))
266
+ - **app-shell-header:** offset not always correctly set ([11a8907](https://github.com/ho-nl/m2-pwa/commit/11a890764be1ab4f6c584a5c8ca4e6620d0d73e5))
346
267
 
347
268
  # [2.101.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.100.10...@graphcommerce/framer-next-pages@2.101.0) (2021-07-20)
348
269
 
349
270
  ### Bug Fixes
350
271
 
351
- - back button behavior
352
- ([59f7b20](https://github.com/ho-nl/m2-pwa/commit/59f7b2047194c3506037fc88d791302c7c4a1a69))
353
- - **framer-next-pages:** back navigation renders the wrong page, items were reversed
354
- ([7168fc1](https://github.com/ho-nl/m2-pwa/commit/7168fc1d1daa3920ae401dda0029e35a253068ec))
355
- - **framer-next-pages:** backSteps returns NaN
356
- ([31ac95a](https://github.com/ho-nl/m2-pwa/commit/31ac95a75fb166efdc2d52d0aa0e40e45290e6bb))
357
- - **framer-next-pages:** fix closing of overlay in example
358
- ([049a9a7](https://github.com/ho-nl/m2-pwa/commit/049a9a79f882bcf6251fc24cb395b88418349557))
359
- - **framer-next-pages:** stacking order becomes reversed
360
- ([65bda4e](https://github.com/ho-nl/m2-pwa/commit/65bda4e8df199d805da6edc12ba61badf56eac8f))
361
- - ignore md files from triggering version updates
362
- ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
272
+ - back button behavior ([59f7b20](https://github.com/ho-nl/m2-pwa/commit/59f7b2047194c3506037fc88d791302c7c4a1a69))
273
+ - **framer-next-pages:** back navigation renders the wrong page, items were reversed ([7168fc1](https://github.com/ho-nl/m2-pwa/commit/7168fc1d1daa3920ae401dda0029e35a253068ec))
274
+ - **framer-next-pages:** backSteps returns NaN ([31ac95a](https://github.com/ho-nl/m2-pwa/commit/31ac95a75fb166efdc2d52d0aa0e40e45290e6bb))
275
+ - **framer-next-pages:** fix closing of overlay in example ([049a9a7](https://github.com/ho-nl/m2-pwa/commit/049a9a79f882bcf6251fc24cb395b88418349557))
276
+ - **framer-next-pages:** stacking order becomes reversed ([65bda4e](https://github.com/ho-nl/m2-pwa/commit/65bda4e8df199d805da6edc12ba61badf56eac8f))
277
+ - ignore md files from triggering version updates ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
363
278
 
364
279
  ### Features
365
280
 
366
- - content header component
367
- ([9cf58cd](https://github.com/ho-nl/m2-pwa/commit/9cf58cd5ced3e89237fc04076aa0fae3618205ef))
281
+ - content header component ([9cf58cd](https://github.com/ho-nl/m2-pwa/commit/9cf58cd5ced3e89237fc04076aa0fae3618205ef))
package/components/Page.tsx CHANGED
@@ -14,7 +14,7 @@ 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
- export default function Page(props: PageProps) {
17
+ export function Page(props: PageProps) {
18
18
  const { active, historyIdx, children } = props
19
19
  const isPresent = useIsPresent()
20
20
 
package/components/PageRenderer.tsx CHANGED
@@ -5,7 +5,6 @@ import React, { useMemo } from 'react'
5
5
  import { pageRouterContext } from '../context/pageRouterContext'
6
6
  import { PageItem } from '../types'
7
7
 
8
- // eslint-disable-next-line react/jsx-no-useless-fragment
9
8
  const NoLayout: React.FC = ({ children }) => <>{children}</>
10
9
 
11
10
  export type PageRendererProps = Omit<AppPropsType, 'router'> & {
package/components/Pages.tsx CHANGED
@@ -5,7 +5,7 @@ import { NextRouter, Router } from 'next/router'
5
5
  import { useEffect, useRef, useState } from 'react'
6
6
  import { pageContext } from '../context/pageContext'
7
7
  import type { PageComponent, PageItem, UpPage } from '../types'
8
- import Page from './Page'
8
+ import { Page } from './Page'
9
9
  import { PageRenderer } from './PageRenderer'
10
10
 
11
11
  function findPlainIdx(items: PageItem[]) {
@@ -15,6 +15,12 @@ function findPlainIdx(items: PageItem[]) {
15
15
  type PagesProps = Omit<AppPropsType<NextRouter>, 'pageProps' | 'Component'> & {
16
16
  Component: PageComponent
17
17
  pageProps?: { up?: UpPage | null }
18
+
19
+ /** Fallback URL that is loaded when there is no page available behind the current overlay */
20
+ fallback?: `/${string}`
21
+
22
+ /** The path to the route-file */
23
+ fallbackRoute?: `/${string}`
18
24
  }
19
25
 
20
26
  function getPageInfo(router: NextRouter) {
@@ -34,8 +40,8 @@ function getPageInfo(router: NextRouter) {
34
40
  // return url
35
41
  // }
36
42
 
37
- export default function FramerNextPages(props: PagesProps) {
38
- const { router, Component, pageProps: incomingProps } = props
43
+ export function FramerNextPages(props: PagesProps) {
44
+ const { router, Component, pageProps: incomingProps, fallback = '/', fallbackRoute = '/' } = props
39
45
 
40
46
  const items = useRef<PageItem[]>([])
41
47
  const idx = Number(global.window?.history.state?.idx ?? 0)
@@ -95,13 +101,13 @@ export default function FramerNextPages(props: PagesProps) {
95
101
  // const up = items.current[0].PageComponent.pageOptions?.up?.href ?? '/'
96
102
  const up = '/'
97
103
  const info = await (router as Router).getRouteInfo(
98
- up,
99
- up,
104
+ fallbackRoute,
105
+ fallback,
100
106
  {},
101
- up,
102
- up,
107
+ fallback,
108
+ fallback,
103
109
  { shallow: false },
104
- undefined,
110
+ router.locale,
105
111
  false,
106
112
  )
107
113
 
@@ -122,7 +128,23 @@ export default function FramerNextPages(props: PagesProps) {
122
128
 
123
129
  cancel = requestIdleCallback(() => setFallback(fbItem))
124
130
  } catch (e) {
125
- // Loading failed, we do nothing.
131
+ if (process.env.NODE_ENV !== 'production') {
132
+ // eslint-disable-next-line no-console
133
+ console.log(
134
+ `%cTurn on "Preseve log on navigation" to see the error`,
135
+ 'color: blue; font-family:sans-serif; font-size: 20px',
136
+ )
137
+
138
+ console.error(
139
+ `@graphcommerce/framer-next-pages encountered loading the fallback.
140
+ This happens because the currently configured fallback '${fallback}'
141
+ or fallbackRoute '${fallbackRoute}' isn't correct.
142
+
143
+ Please make sure the fallbackRoute matches the filename of the index page you want to load. e.g. '/[...url]'
144
+ and pass it as a param in <FramerNextPages fallbackRoute='/[...url]' /> in your _app.tsx file.
145
+ `,
146
+ )
147
+ }
126
148
  }
127
149
  }
128
150
 
@@ -132,7 +154,7 @@ export default function FramerNextPages(props: PagesProps) {
132
154
  return () => {
133
155
  if (cancel) cancelIdleCallback(cancel)
134
156
  }
135
- }, [shouldLoadFb, router])
157
+ }, [shouldLoadFb, router, fallbackRoute, fallback])
136
158
 
137
159
  // Add the fallback if it is available
138
160
  if (fb && plainIdx === -1) renderItems = [fb, ...renderItems]
package/index.ts CHANGED
@@ -1,5 +1,4 @@
1
- export { default as FramerNextPages } from './components/Pages'
2
-
1
+ export * from './components/Pages'
3
2
  export * from './context/pageContext'
4
3
  export * from './context/pageRouterContext'
5
4
  export type { PageOptions, PageComponent } from './types'
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@graphcommerce/framer-next-pages",
3
3
  "homepage": "https://www.graphcommerce.org/",
4
4
  "repository": "github:graphcommerce-org/graphcommerce",
5
- "version": "3.0.2",
5
+ "version": "3.1.2",
6
6
  "sideEffects": false,
7
7
  "prettier": "@graphcommerce/prettier-config-pwa",
8
8
  "eslintConfig": {
@@ -12,18 +12,19 @@
12
12
  }
13
13
  },
14
14
  "dependencies": {
15
- "@graphcommerce/framer-utils": "^3.0.2"
15
+ "@graphcommerce/framer-utils": "^3.0.4"
16
16
  },
17
17
  "devDependencies": {
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"
18
+ "@graphcommerce/eslint-config-pwa": "^4.0.5",
19
+ "@graphcommerce/prettier-config-pwa": "^4.0.3",
20
+ "@graphcommerce/typescript-config-pwa": "^4.0.2",
21
+ "@playwright/test": "^1.19.2"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "framer-motion": "^6.2.4",
25
25
  "next": "^12.1.0",
26
26
  "react": "^17.0.2",
27
- "react-dom": "^17.0.2"
27
+ "react-dom": "^17.0.2",
28
+ "@emotion/react": "^11.8.2"
28
29
  }
29
30
  }