@graphcommerce/framer-next-pages 3.1.1 → 3.1.4

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 (7) hide show
  1. package/CHANGELOG.md +138 -231
  2. package/components/Page.tsx +3 -13
  3. package/components/PageRenderer.tsx +0 -1
  4. package/components/Pages.tsx +9 -3
  5. package/hooks/useGo.ts +2 -3
  6. package/index.ts +1 -2
  7. package/package.json +7 -6
package/CHANGELOG.md CHANGED
@@ -1,195 +1,173 @@
1
1
  # Change Log
2
2
 
3
+ ## 3.1.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [#1369](https://github.com/graphcommerce-org/graphcommerce/pull/1369) [`ae6449502`](https://github.com/graphcommerce-org/graphcommerce/commit/ae64495024a455bbe5188588604368c1542840c9) Thanks [@paales](https://github.com/paales)! - Upgraded dependencies
8
+
9
+ - Updated dependencies [[`ae6449502`](https://github.com/graphcommerce-org/graphcommerce/commit/ae64495024a455bbe5188588604368c1542840c9)]:
10
+ - @graphcommerce/framer-utils@3.1.1
11
+
12
+ ## 3.1.3
13
+
14
+ ### Patch Changes
15
+
16
+ - [#1363](https://github.com/graphcommerce-org/graphcommerce/pull/1363) [`c9f7ac026`](https://github.com/graphcommerce-org/graphcommerce/commit/c9f7ac026b49047eca05be208b515f364e21571c) Thanks [@paales](https://github.com/paales)! - Calling back multiple times in succession doens’t work on ipad and causes flashes on other devices. Replace with window.history.go(-x)
17
+
18
+ * [#1360](https://github.com/graphcommerce-org/graphcommerce/pull/1360) [`829b8690b`](https://github.com/graphcommerce-org/graphcommerce/commit/829b8690bc5d0a46e596299e4120e9837a9f179c) Thanks [@paales](https://github.com/paales)! - Make sure the minimum height of the viewport is at least the viewport size on mobile.
19
+
20
+ * Updated dependencies [[`829b8690b`](https://github.com/graphcommerce-org/graphcommerce/commit/829b8690bc5d0a46e596299e4120e9837a9f179c)]:
21
+ - @graphcommerce/framer-utils@3.1.0
22
+
23
+ ## 3.1.2
24
+
25
+ ### Patch Changes
26
+
27
+ - [#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.
28
+
29
+ * [#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
30
+
31
+ * Updated dependencies [[`bd10506d3`](https://github.com/ho-nl/m2-pwa/commit/bd10506d32fdbc91d01dadc29a12ebd1e0943655), [`27cb1f2d8`](https://github.com/ho-nl/m2-pwa/commit/27cb1f2d8dbfb8f1b301ce56fb6a2b6c1fc6a5ef)]:
32
+ - @graphcommerce/framer-utils@3.0.4
33
+
3
34
  ## 3.1.1
4
35
 
5
36
  ### Patch Changes
6
37
 
7
- - [#1294](https://github.com/ho-nl/m2-pwa/pull/1294)
8
- [`afb993244`](https://github.com/ho-nl/m2-pwa/commit/afb993244aabc8135ce54a79743cbf63bc5677d3)
9
- Thanks [@paales](https://github.com/paales)! - Make sure the fallback handles localization
10
- properly
38
+ - [#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
11
39
 
12
40
  ## 3.1.0
13
41
 
14
42
  ### Minor Changes
15
43
 
16
- - [#1281](https://github.com/ho-nl/m2-pwa/pull/1281)
17
- [`4bb963d75`](https://github.com/ho-nl/m2-pwa/commit/4bb963d7595b5ce6e3a4924cc2e3e8b0210cdcd6)
18
- Thanks [@paales](https://github.com/paales)! - Add an option the FramerNextPages component to
19
- define a fallback and fallbackRoute.
44
+ - [#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.
20
45
 
21
46
  ### Patch Changes
22
47
 
23
- - [`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96)
24
- Thanks [@paales](https://github.com/paales)! - made packages public
48
+ - [`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96) Thanks [@paales](https://github.com/paales)! - made packages public
25
49
 
26
- - Updated dependencies
27
- [[`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96)]:
50
+ - Updated dependencies [[`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96)]:
28
51
  - @graphcommerce/framer-utils@3.0.3
29
52
 
30
53
  ## 3.0.2
31
54
 
32
55
  ### Patch Changes
33
56
 
34
- - [#1274](https://github.com/ho-nl/m2-pwa/pull/1274)
35
- [`381e4c86a`](https://github.com/ho-nl/m2-pwa/commit/381e4c86a8321ce96e1fa5c7d3c0a0c0ff3e02c7)
36
- Thanks [@paales](https://github.com/paales)! - Moved `ApolloErrorAlert`, `ApolloErrorFullPage` and
37
- `ApolloErrorSnackbar` to the ecommerce-ui package.
57
+ - [#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.
38
58
 
39
- Created `ComposedSubmitButton` and `ComposedSubmitLinkOrButton` to reduce complexity from
40
- `magento-graphcms` example.
59
+ Created `ComposedSubmitButton` and `ComposedSubmitLinkOrButton` to reduce complexity from `magento-graphcms` example.
41
60
 
42
61
  Removed dependency an `@graphcommerce/react-hook-form` from `magento-graphcms` example.
43
62
 
44
63
  Added dependency `@graphcommerce/ecommerce-ui` from `magento-graphcms` example.
45
64
 
46
- * [#1276](https://github.com/ho-nl/m2-pwa/pull/1276)
47
- [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2)
48
- Thanks [@paales](https://github.com/paales)! - We've moved lots of internal packages from
49
- `dependencies` to `peerDependencies`. The result of this is that there will be significantly less
50
- duplicate packages in the node_modules folders.
51
-
52
- - [#1276](https://github.com/ho-nl/m2-pwa/pull/1276)
53
- [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)
54
- Thanks [@paales](https://github.com/paales)! - Upgraded to
55
- [NextJS 12.1](https://nextjs.org/blog/next-12-1)! This is just for compatibility, but we'll be
56
- implementing
57
- [On-demand Incremental Static Regeneration](https://nextjs.org/blog/next-12-1#on-demand-incremental-static-regeneration-beta)
58
- soon.
59
-
60
- This will greatly reduce the requirement to rebuid stuff and we'll add a management UI on the
61
- frontend to be able to revalidate pages manually.
62
-
63
- - Updated dependencies
64
- [[`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2),
65
- [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)]:
65
+ * [#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.
66
+
67
+ - [#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.
68
+
69
+ 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.
70
+
71
+ - Updated dependencies [[`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2), [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)]:
66
72
  - @graphcommerce/framer-utils@3.0.2
67
73
 
68
74
  ## 3.0.1
69
75
 
70
76
  ### Patch Changes
71
77
 
72
- - [`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)
73
- Thanks [@paales](https://github.com/paales)! - Added homepage and repository package.json files,
74
- so that the packages link to back to the website and repository
75
- - Updated dependencies
76
- [[`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)]:
78
+ - [`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
79
+ - Updated dependencies [[`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)]:
77
80
  - @graphcommerce/framer-utils@3.0.1
78
81
 
79
82
  ## 3.0.0
80
83
 
81
84
  ### Major Changes
82
85
 
83
- - [#1258](https://github.com/ho-nl/m2-pwa/pull/1258)
84
- [`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)
85
- Thanks [@paales](https://github.com/paales)! - Upgraded to Material UI 5
86
+ - [#1258](https://github.com/ho-nl/m2-pwa/pull/1258) [`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05) Thanks [@paales](https://github.com/paales)! - Upgraded to Material UI 5
86
87
 
87
88
  ### Patch Changes
88
89
 
89
- - Updated dependencies
90
- [[`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)]:
90
+ - Updated dependencies [[`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)]:
91
91
  - @graphcommerce/framer-utils@3.0.0
92
92
 
93
- All notable changes to this project will be documented in this file. See
94
- [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
93
+ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
95
94
 
96
95
  ## [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)
97
96
 
98
97
  ### Bug Fixes
99
98
 
100
- - regression where close button didn't work
101
- ([5bf57b4](https://github.com/ho-nl/m2-pwa/commit/5bf57b470ab7c013fbe0a896792fcb316a454aa4))
99
+ - regression where close button didn't work ([5bf57b4](https://github.com/ho-nl/m2-pwa/commit/5bf57b470ab7c013fbe0a896792fcb316a454aa4))
102
100
 
103
101
  # [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)
104
102
 
105
103
  ### Features
106
104
 
107
- - **framer-next-pages:** reduce rerenders when navigating to a new page
108
- ([5cf3301](https://github.com/ho-nl/m2-pwa/commit/5cf330130bb3527057da015e3c4a6fa295d7262e))
105
+ - **framer-next-pages:** reduce rerenders when navigating to a new page ([5cf3301](https://github.com/ho-nl/m2-pwa/commit/5cf330130bb3527057da015e3c4a6fa295d7262e))
109
106
 
110
107
  ## [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)
111
108
 
112
109
  ### Bug Fixes
113
110
 
114
- - **framer-next-pages:** closing is janky, caused by setting pointer-events to none, trying without
115
- resetting the pointerevents
116
- ([9247fa3](https://github.com/ho-nl/m2-pwa/commit/9247fa312926416802abd68ea04b1e6b52531f2c))
111
+ - **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))
117
112
 
118
113
  ## [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)
119
114
 
120
115
  ### Bug Fixes
121
116
 
122
- - **graphql:** make sure we're passing the correct store code to the schema endpoint
123
- ([39753f2](https://github.com/ho-nl/m2-pwa/commit/39753f2117ce7ba79dab035c4134e642829e7f18))
124
- - make sure we're remounting when the store changes
125
- ([10756e3](https://github.com/ho-nl/m2-pwa/commit/10756e3eb252f8a91d84534ae024edb382a4ea0d))
117
+ - **graphql:** make sure we're passing the correct store code to the schema endpoint ([39753f2](https://github.com/ho-nl/m2-pwa/commit/39753f2117ce7ba79dab035c4134e642829e7f18))
118
+ - make sure we're remounting when the store changes ([10756e3](https://github.com/ho-nl/m2-pwa/commit/10756e3eb252f8a91d84534ae024edb382a4ea0d))
126
119
 
127
120
  ## [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)
128
121
 
129
122
  ### Bug Fixes
130
123
 
131
- - animations would run on background page, make sure animations are not running when page is not
132
- active
133
- ([2fcf4b8](https://github.com/ho-nl/m2-pwa/commit/2fcf4b8a853108147477e3a67c7ea202abb2842f))
124
+ - 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))
134
125
 
135
126
  ## [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)
136
127
 
137
128
  ### Bug Fixes
138
129
 
139
- - **framer-next-pages:** make sure the cancellation of loading the fallback doesn't show an error
140
- ([3470461](https://github.com/ho-nl/m2-pwa/commit/34704612c7b19a61a8309967b982e5f04c0fe8b2))
130
+ - **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))
141
131
 
142
132
  ## [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)
143
133
 
144
134
  ### Bug Fixes
145
135
 
146
- - make sure we're using the correct variant
147
- ([7fff606](https://github.com/ho-nl/m2-pwa/commit/7fff606390bc63c14cd8c033fbe5138226517869))
136
+ - make sure we're using the correct variant ([7fff606](https://github.com/ho-nl/m2-pwa/commit/7fff606390bc63c14cd8c033fbe5138226517869))
148
137
 
149
138
  # [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)
150
139
 
151
140
  ### Bug Fixes
152
141
 
153
- - **framer-next-pages:** do no throw error when framer next pages is recreated
154
- ([6c4665b](https://github.com/ho-nl/m2-pwa/commit/6c4665b4a00adb1c1d770c458a590f4360be83d8))
155
- - make sure the fallback loads during idle timing to prevent jank
156
- ([dd888e2](https://github.com/ho-nl/m2-pwa/commit/dd888e27b94091233d74ddba1023310b09910f0f))
157
- - make sure the overlay becomes visible, even if the overlay is scrolled
158
- ([1738c98](https://github.com/ho-nl/m2-pwa/commit/1738c982ea84ec2b93daa824c4b8c86ab2a3f5ed))
159
- - make sure the overlays are rendered correctly on mobile
160
- ([48f7050](https://github.com/ho-nl/m2-pwa/commit/48f705060e99b997f5b1db03ccc49f1051a1ed8f))
161
- - minHeight of page on iOS is sometimes less high than expected
162
- ([8a0bc23](https://github.com/ho-nl/m2-pwa/commit/8a0bc234d153d974ac415369483ddabfb5e7fb0c))
163
- - spacing of LayoutTItle
164
- ([7afcd31](https://github.com/ho-nl/m2-pwa/commit/7afcd3163d16e902cf2ff7917f56ee6a8798f55b))
142
+ - **framer-next-pages:** do no throw error when framer next pages is recreated ([6c4665b](https://github.com/ho-nl/m2-pwa/commit/6c4665b4a00adb1c1d770c458a590f4360be83d8))
143
+ - make sure the fallback loads during idle timing to prevent jank ([dd888e2](https://github.com/ho-nl/m2-pwa/commit/dd888e27b94091233d74ddba1023310b09910f0f))
144
+ - make sure the overlay becomes visible, even if the overlay is scrolled ([1738c98](https://github.com/ho-nl/m2-pwa/commit/1738c982ea84ec2b93daa824c4b8c86ab2a3f5ed))
145
+ - make sure the overlays are rendered correctly on mobile ([48f7050](https://github.com/ho-nl/m2-pwa/commit/48f705060e99b997f5b1db03ccc49f1051a1ed8f))
146
+ - minHeight of page on iOS is sometimes less high than expected ([8a0bc23](https://github.com/ho-nl/m2-pwa/commit/8a0bc234d153d974ac415369483ddabfb5e7fb0c))
147
+ - spacing of LayoutTItle ([7afcd31](https://github.com/ho-nl/m2-pwa/commit/7afcd3163d16e902cf2ff7917f56ee6a8798f55b))
165
148
 
166
149
  ### Features
167
150
 
168
- - **framer-next-pages:** automatically create a fallback page when there is no page to render.
169
- ([f18a804](https://github.com/ho-nl/m2-pwa/commit/f18a804a228901431f848927844dd9cd324170c1))
151
+ - **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))
170
152
 
171
153
  ## [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)
172
154
 
173
155
  ### Bug Fixes
174
156
 
175
- - **framer-next-pages:** prevent back button loop when previous page is the up page of the previous
176
- page ([cbdde83](https://github.com/ho-nl/m2-pwa/commit/cbdde83790337bdf4c5f03c907ca6e6e02792e70))
157
+ - **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))
177
158
 
178
159
  # [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)
179
160
 
180
161
  ### Features
181
162
 
182
- - **nextjs:** upgraded to nextjs 12
183
- ([9331bc8](https://github.com/ho-nl/m2-pwa/commit/9331bc801f6419522115cc47d291d49d608d5a90))
163
+ - **nextjs:** upgraded to nextjs 12 ([9331bc8](https://github.com/ho-nl/m2-pwa/commit/9331bc801f6419522115cc47d291d49d608d5a90))
184
164
 
185
165
  ## [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)
186
166
 
187
167
  ### Bug Fixes
188
168
 
189
- - ignore example directories when publishing
190
- ([620cbb2](https://github.com/ho-nl/m2-pwa/commit/620cbb2d8e68b727b8593e2e45702c4d12276d92))
191
- - versions
192
- ([b8b306c](https://github.com/ho-nl/m2-pwa/commit/b8b306c8f3a13415e441d0593c638ae2a3731cd6))
169
+ - ignore example directories when publishing ([620cbb2](https://github.com/ho-nl/m2-pwa/commit/620cbb2d8e68b727b8593e2e45702c4d12276d92))
170
+ - versions ([b8b306c](https://github.com/ho-nl/m2-pwa/commit/b8b306c8f3a13415e441d0593c638ae2a3731cd6))
193
171
 
194
172
  ## [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)
195
173
 
@@ -197,135 +175,78 @@ All notable changes to this project will be documented in this file. See
197
175
 
198
176
  # Change Log
199
177
 
200
- All notable changes to this project will be documented in this file. See
201
- [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
178
+ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
202
179
 
203
180
  # 2.106.0 (2021-09-27)
204
181
 
205
182
  ### Bug Fixes
206
183
 
207
- - **app-shell-header:** offset not always correctly set
208
- ([11a8907](https://github.com/ho-nl/m2-pwa/commit/11a890764be1ab4f6c584a5c8ca4e6620d0d73e5))
209
- - back button behavior
210
- ([59f7b20](https://github.com/ho-nl/m2-pwa/commit/59f7b2047194c3506037fc88d791302c7c4a1a69))
211
- - edit billing address updating state
212
- ([ecd9f48](https://github.com/ho-nl/m2-pwa/commit/ecd9f48ce313d8e7a698c06ff29b88231dc50168))
213
- - **framer-next-pages:** back navigation renders the wrong page, items were reversed
214
- ([7168fc1](https://github.com/ho-nl/m2-pwa/commit/7168fc1d1daa3920ae401dda0029e35a253068ec))
215
- - **framer-next-pages:** backSteps returns NaN
216
- ([31ac95a](https://github.com/ho-nl/m2-pwa/commit/31ac95a75fb166efdc2d52d0aa0e40e45290e6bb))
217
- - **framer-next-pages:** better opening handling of sheets
218
- ([ab5b7d1](https://github.com/ho-nl/m2-pwa/commit/ab5b7d155df65f9e4ffa21b8c676eaf4be894f3a))
219
- - **framer-next-pages:** do not render initial animation
220
- ([6debfbf](https://github.com/ho-nl/m2-pwa/commit/6debfbfa21fd6b14ee3ff80b388b9008d2901f43))
221
- - **framer-next-pages:** fix closing of overlay in example
222
- ([049a9a7](https://github.com/ho-nl/m2-pwa/commit/049a9a79f882bcf6251fc24cb395b88418349557))
223
- - **framer-next-pages:** give back control to previous page as soon as possible
224
- ([4870925](https://github.com/ho-nl/m2-pwa/commit/4870925554cfee3ac94209719d9464b82fce9cc5))
225
- - **framer-next-pages:** overlay offset fixes
226
- ([1b45cc8](https://github.com/ho-nl/m2-pwa/commit/1b45cc85412c17a4a02ae6a3bad23808def6cbfc))
227
- - **framer-next-pages:** prevent unessary rerender when navigating back to a previous page
228
- ([a5568d0](https://github.com/ho-nl/m2-pwa/commit/a5568d00a034ef0686bd36b548af1def93ad1522))
229
- - **framer-next-pages:** router proxy couldn’t fall back to home
230
- ([7644698](https://github.com/ho-nl/m2-pwa/commit/76446981898e7573148ad71d496ef5bafc1232b8))
231
- - **framer-next-pages:** set height of container properly on mobile
232
- ([a91728d](https://github.com/ho-nl/m2-pwa/commit/a91728d087a557800110477691704b6918ddf35c))
233
- - **framer-next-pages:** stacking order becomes reversed
234
- ([65bda4e](https://github.com/ho-nl/m2-pwa/commit/65bda4e8df199d805da6edc12ba61badf56eac8f))
235
- - **framer-next-page:** usePageRouter in SharedLayout
236
- ([c2fb164](https://github.com/ho-nl/m2-pwa/commit/c2fb164b342770089b787378a3f79529c36d2152))
237
- - **framer-sheet:** left/rigth sheet is a little higher than the page
238
- ([4c4679d](https://github.com/ho-nl/m2-pwa/commit/4c4679d00de1e3306aa0587ad9f9f10df8e2324a))
239
- - **framer-sheet:** make opacity animation of SheetBackdrop less jarring when dragging fast
240
- ([f25b7ce](https://github.com/ho-nl/m2-pwa/commit/f25b7ce2a16a621799a434704ed77b59089808cb))
241
- - **framer-sheet:** make sure the left/right drawer have more space / better scrollbar
242
- ([226387a](https://github.com/ho-nl/m2-pwa/commit/226387a5e7b9b8a93f9516c97879be959b8072dc))
243
- - ignore md files from triggering version updates
244
- ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
245
- - make packages private so they dont get published accidently
246
- ([f7b693f](https://github.com/ho-nl/m2-pwa/commit/f7b693ff6a4d232d0871f6a68922d14678853a96))
247
- - performance of overlays on firefox
248
- ([46d256d](https://github.com/ho-nl/m2-pwa/commit/46d256dc611eb0eb9b9b01e7cd9d99845ef3b6da))
249
- - **use-back-link:** pop history after going back
250
- ([20d69ef](https://github.com/ho-nl/m2-pwa/commit/20d69eff868d53d07084e5d1f78819939a5f429c))
184
+ - **app-shell-header:** offset not always correctly set ([11a8907](https://github.com/ho-nl/m2-pwa/commit/11a890764be1ab4f6c584a5c8ca4e6620d0d73e5))
185
+ - back button behavior ([59f7b20](https://github.com/ho-nl/m2-pwa/commit/59f7b2047194c3506037fc88d791302c7c4a1a69))
186
+ - edit billing address updating state ([ecd9f48](https://github.com/ho-nl/m2-pwa/commit/ecd9f48ce313d8e7a698c06ff29b88231dc50168))
187
+ - **framer-next-pages:** back navigation renders the wrong page, items were reversed ([7168fc1](https://github.com/ho-nl/m2-pwa/commit/7168fc1d1daa3920ae401dda0029e35a253068ec))
188
+ - **framer-next-pages:** backSteps returns NaN ([31ac95a](https://github.com/ho-nl/m2-pwa/commit/31ac95a75fb166efdc2d52d0aa0e40e45290e6bb))
189
+ - **framer-next-pages:** better opening handling of sheets ([ab5b7d1](https://github.com/ho-nl/m2-pwa/commit/ab5b7d155df65f9e4ffa21b8c676eaf4be894f3a))
190
+ - **framer-next-pages:** do not render initial animation ([6debfbf](https://github.com/ho-nl/m2-pwa/commit/6debfbfa21fd6b14ee3ff80b388b9008d2901f43))
191
+ - **framer-next-pages:** fix closing of overlay in example ([049a9a7](https://github.com/ho-nl/m2-pwa/commit/049a9a79f882bcf6251fc24cb395b88418349557))
192
+ - **framer-next-pages:** give back control to previous page as soon as possible ([4870925](https://github.com/ho-nl/m2-pwa/commit/4870925554cfee3ac94209719d9464b82fce9cc5))
193
+ - **framer-next-pages:** overlay offset fixes ([1b45cc8](https://github.com/ho-nl/m2-pwa/commit/1b45cc85412c17a4a02ae6a3bad23808def6cbfc))
194
+ - **framer-next-pages:** prevent unessary rerender when navigating back to a previous page ([a5568d0](https://github.com/ho-nl/m2-pwa/commit/a5568d00a034ef0686bd36b548af1def93ad1522))
195
+ - **framer-next-pages:** router proxy couldn’t fall back to home ([7644698](https://github.com/ho-nl/m2-pwa/commit/76446981898e7573148ad71d496ef5bafc1232b8))
196
+ - **framer-next-pages:** set height of container properly on mobile ([a91728d](https://github.com/ho-nl/m2-pwa/commit/a91728d087a557800110477691704b6918ddf35c))
197
+ - **framer-next-pages:** stacking order becomes reversed ([65bda4e](https://github.com/ho-nl/m2-pwa/commit/65bda4e8df199d805da6edc12ba61badf56eac8f))
198
+ - **framer-next-page:** usePageRouter in SharedLayout ([c2fb164](https://github.com/ho-nl/m2-pwa/commit/c2fb164b342770089b787378a3f79529c36d2152))
199
+ - **framer-sheet:** left/rigth sheet is a little higher than the page ([4c4679d](https://github.com/ho-nl/m2-pwa/commit/4c4679d00de1e3306aa0587ad9f9f10df8e2324a))
200
+ - **framer-sheet:** make opacity animation of SheetBackdrop less jarring when dragging fast ([f25b7ce](https://github.com/ho-nl/m2-pwa/commit/f25b7ce2a16a621799a434704ed77b59089808cb))
201
+ - **framer-sheet:** make sure the left/right drawer have more space / better scrollbar ([226387a](https://github.com/ho-nl/m2-pwa/commit/226387a5e7b9b8a93f9516c97879be959b8072dc))
202
+ - ignore md files from triggering version updates ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
203
+ - make packages private so they dont get published accidently ([f7b693f](https://github.com/ho-nl/m2-pwa/commit/f7b693ff6a4d232d0871f6a68922d14678853a96))
204
+ - performance of overlays on firefox ([46d256d](https://github.com/ho-nl/m2-pwa/commit/46d256dc611eb0eb9b9b01e7cd9d99845ef3b6da))
205
+ - **use-back-link:** pop history after going back ([20d69ef](https://github.com/ho-nl/m2-pwa/commit/20d69eff868d53d07084e5d1f78819939a5f429c))
251
206
 
252
207
  ### Features
253
208
 
254
- - ability to add a fallback
255
- ([470110c](https://github.com/ho-nl/m2-pwa/commit/470110c82c1de15954570aa28dc3f81048ae1ca1))
256
- - content header component
257
- ([9cf58cd](https://github.com/ho-nl/m2-pwa/commit/9cf58cd5ced3e89237fc04076aa0fae3618205ef))
258
- - **framer-next-motion:** handle resizes
259
- ([4d9c297](https://github.com/ho-nl/m2-pwa/commit/4d9c2975c7b08cfdb1c024338a8d018e22808fc6))
260
- - **framer-next-page:** introduced SheetHeader
261
- ([dd6949f](https://github.com/ho-nl/m2-pwa/commit/dd6949fd027f6ec984f4de44fe75b36265f44906))
262
- - **framer-next-pages:** add sheet variants top, left, bottom, right
263
- ([f0b44b4](https://github.com/ho-nl/m2-pwa/commit/f0b44b44a3c4976a35ca3235e305bd5f281f78d7))
264
- - **framer-next-pages:** added SheetBackdrop component
265
- ([4981744](https://github.com/ho-nl/m2-pwa/commit/4981744a8bc5f74a0b7d510e0000d3070b388c79))
266
- - **framer-next-pages:** added useCloseOverlay hook to close multiple steps at once
267
- ([55b7473](https://github.com/ho-nl/m2-pwa/commit/55b74730e64060c20072bf10f34d346964edc51f))
268
- - **framer-next-pages:** added usePageRouter().go(-2) functionality to close overlays
269
- ([cb177e7](https://github.com/ho-nl/m2-pwa/commit/cb177e7266939b3a6a4f04c03852f024fd2dca3e))
270
- - **framer-next-pages:** animate drag indicator when resizing height
271
- ([5b687d1](https://github.com/ho-nl/m2-pwa/commit/5b687d1cf5a04dfa2f499d1335404cd41992a7aa))
272
- - **framer-next-pages:** animate the SheetBackdrop based on the y-value of the sheet
273
- ([96af2d4](https://github.com/ho-nl/m2-pwa/commit/96af2d4dcab87f952f9d3621a7cce9099f9310f6))
274
- - **framer-next-pages:** base sheet on container height
275
- ([b8293e3](https://github.com/ho-nl/m2-pwa/commit/b8293e3762892529d39d3e12032d0450166ae79e))
276
- - **framer-next-pages:** enable dragging when the content isn’t scrollable
277
- ([3df9115](https://github.com/ho-nl/m2-pwa/commit/3df9115d3fbf72dbe547780f0bc6ce80e42b9e47))
278
- - **framer-next-pages:** implemented the FullPageShell for the remaining pages
279
- ([88386b4](https://github.com/ho-nl/m2-pwa/commit/88386b4652abb7765d6e755c7fb7a3cb6285a0e7))
280
- - **framer-next-pages:** made all animations renderless
281
- ([7604fc0](https://github.com/ho-nl/m2-pwa/commit/7604fc037d76cefda711b7b6ccb40f14c1ef4c8e))
282
- - **framer-next-pages:** move example to @graphcommerce/next-config
283
- ([b801856](https://github.com/ho-nl/m2-pwa/commit/b801856d370804616a986a6a66ba88ae4f193b4b))
284
- - **framer-next-pages:** usePageDirection to determine which direction the user is navigating
285
- ([6769b90](https://github.com/ho-nl/m2-pwa/commit/6769b909486cbcc8bf58d83d13e0ef1b84a7389d))
286
- - **framer-next-pages:** working on new sheet component
287
- ([cc6fb11](https://github.com/ho-nl/m2-pwa/commit/cc6fb11b22db59276a3ea32493bf340c02850a2c))
288
- - **framer-sheet:** added SheetHeader component
289
- ([2cc164e](https://github.com/ho-nl/m2-pwa/commit/2cc164eac4b5022cfdf347a83ea559e26103063f))
290
- - **framer-sheet:** created separate package that can be implemented
291
- ([69cc8ce](https://github.com/ho-nl/m2-pwa/commit/69cc8ce3237125335524728a70f4dae050032108))
292
- - **framer-utils:** created framer-utils and implemented for framer-sheet and framer-next-pages
293
- ([788bf28](https://github.com/ho-nl/m2-pwa/commit/788bf282d4a38ec5e78ab7244065c540dfc132a1))
294
- - **image:** introduced completely rewritten Image component
295
- ([e3413b3](https://github.com/ho-nl/m2-pwa/commit/e3413b3a57392d6571ea64cb8d9c8dca05ea31df))
296
- - imported react-modal-sheet
297
- ([e3a76f7](https://github.com/ho-nl/m2-pwa/commit/e3a76f71a6c8f7b5cfc0766673265733040ba164))
298
- - introduced SharedComponent to share layout between routes
299
- ([4e0f73c](https://github.com/ho-nl/m2-pwa/commit/4e0f73c5272b61806ffef1e516c453ffb9c9b0ab))
300
- - introduces framer-next-pages and framer-sheet to next-ui and soxbase package
301
- ([e04ad8a](https://github.com/ho-nl/m2-pwa/commit/e04ad8a94cd1fd5a7c5575c9db7916b6e8a88f16))
302
- - left and sidebar drawers
303
- ([12a3b72](https://github.com/ho-nl/m2-pwa/commit/12a3b72edfad38a4b82701ec502f2f4d85c40e53))
304
- - next.js 11
305
- ([7d61407](https://github.com/ho-nl/m2-pwa/commit/7d614075a778f488045034f74be4f75b93f63c43))
306
- - **pageContext:** history prop
307
- ([9094551](https://github.com/ho-nl/m2-pwa/commit/909455146d159a839fa72046c15332fc763f315f))
308
- - **playwright:** added new playwright package to enable browser testing
309
- ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
310
- - renamed all packages to use [@graphcommerce](https://github.com/graphcommerce) instead of
311
- [@reachdigital](https://github.com/reachdigital)
312
- ([491e4ce](https://github.com/ho-nl/m2-pwa/commit/491e4cec9a2686472dac36b79f999257c0811ffe))
313
- - upgraded to nextjs 11
314
- ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
315
- - **use-back-link:** go back in history when links are identical
316
- ([9be8a05](https://github.com/ho-nl/m2-pwa/commit/9be8a050d418d2ef24bb6894c5946a1268883aba))
209
+ - ability to add a fallback ([470110c](https://github.com/ho-nl/m2-pwa/commit/470110c82c1de15954570aa28dc3f81048ae1ca1))
210
+ - content header component ([9cf58cd](https://github.com/ho-nl/m2-pwa/commit/9cf58cd5ced3e89237fc04076aa0fae3618205ef))
211
+ - **framer-next-motion:** handle resizes ([4d9c297](https://github.com/ho-nl/m2-pwa/commit/4d9c2975c7b08cfdb1c024338a8d018e22808fc6))
212
+ - **framer-next-page:** introduced SheetHeader ([dd6949f](https://github.com/ho-nl/m2-pwa/commit/dd6949fd027f6ec984f4de44fe75b36265f44906))
213
+ - **framer-next-pages:** add sheet variants top, left, bottom, right ([f0b44b4](https://github.com/ho-nl/m2-pwa/commit/f0b44b44a3c4976a35ca3235e305bd5f281f78d7))
214
+ - **framer-next-pages:** added SheetBackdrop component ([4981744](https://github.com/ho-nl/m2-pwa/commit/4981744a8bc5f74a0b7d510e0000d3070b388c79))
215
+ - **framer-next-pages:** added useCloseOverlay hook to close multiple steps at once ([55b7473](https://github.com/ho-nl/m2-pwa/commit/55b74730e64060c20072bf10f34d346964edc51f))
216
+ - **framer-next-pages:** added usePageRouter().go(-2) functionality to close overlays ([cb177e7](https://github.com/ho-nl/m2-pwa/commit/cb177e7266939b3a6a4f04c03852f024fd2dca3e))
217
+ - **framer-next-pages:** animate drag indicator when resizing height ([5b687d1](https://github.com/ho-nl/m2-pwa/commit/5b687d1cf5a04dfa2f499d1335404cd41992a7aa))
218
+ - **framer-next-pages:** animate the SheetBackdrop based on the y-value of the sheet ([96af2d4](https://github.com/ho-nl/m2-pwa/commit/96af2d4dcab87f952f9d3621a7cce9099f9310f6))
219
+ - **framer-next-pages:** base sheet on container height ([b8293e3](https://github.com/ho-nl/m2-pwa/commit/b8293e3762892529d39d3e12032d0450166ae79e))
220
+ - **framer-next-pages:** enable dragging when the content isn’t scrollable ([3df9115](https://github.com/ho-nl/m2-pwa/commit/3df9115d3fbf72dbe547780f0bc6ce80e42b9e47))
221
+ - **framer-next-pages:** implemented the FullPageShell for the remaining pages ([88386b4](https://github.com/ho-nl/m2-pwa/commit/88386b4652abb7765d6e755c7fb7a3cb6285a0e7))
222
+ - **framer-next-pages:** made all animations renderless ([7604fc0](https://github.com/ho-nl/m2-pwa/commit/7604fc037d76cefda711b7b6ccb40f14c1ef4c8e))
223
+ - **framer-next-pages:** move example to @graphcommerce/next-config ([b801856](https://github.com/ho-nl/m2-pwa/commit/b801856d370804616a986a6a66ba88ae4f193b4b))
224
+ - **framer-next-pages:** usePageDirection to determine which direction the user is navigating ([6769b90](https://github.com/ho-nl/m2-pwa/commit/6769b909486cbcc8bf58d83d13e0ef1b84a7389d))
225
+ - **framer-next-pages:** working on new sheet component ([cc6fb11](https://github.com/ho-nl/m2-pwa/commit/cc6fb11b22db59276a3ea32493bf340c02850a2c))
226
+ - **framer-sheet:** added SheetHeader component ([2cc164e](https://github.com/ho-nl/m2-pwa/commit/2cc164eac4b5022cfdf347a83ea559e26103063f))
227
+ - **framer-sheet:** created separate package that can be implemented ([69cc8ce](https://github.com/ho-nl/m2-pwa/commit/69cc8ce3237125335524728a70f4dae050032108))
228
+ - **framer-utils:** created framer-utils and implemented for framer-sheet and framer-next-pages ([788bf28](https://github.com/ho-nl/m2-pwa/commit/788bf282d4a38ec5e78ab7244065c540dfc132a1))
229
+ - **image:** introduced completely rewritten Image component ([e3413b3](https://github.com/ho-nl/m2-pwa/commit/e3413b3a57392d6571ea64cb8d9c8dca05ea31df))
230
+ - imported react-modal-sheet ([e3a76f7](https://github.com/ho-nl/m2-pwa/commit/e3a76f71a6c8f7b5cfc0766673265733040ba164))
231
+ - introduced SharedComponent to share layout between routes ([4e0f73c](https://github.com/ho-nl/m2-pwa/commit/4e0f73c5272b61806ffef1e516c453ffb9c9b0ab))
232
+ - introduces framer-next-pages and framer-sheet to next-ui and soxbase package ([e04ad8a](https://github.com/ho-nl/m2-pwa/commit/e04ad8a94cd1fd5a7c5575c9db7916b6e8a88f16))
233
+ - left and sidebar drawers ([12a3b72](https://github.com/ho-nl/m2-pwa/commit/12a3b72edfad38a4b82701ec502f2f4d85c40e53))
234
+ - next.js 11 ([7d61407](https://github.com/ho-nl/m2-pwa/commit/7d614075a778f488045034f74be4f75b93f63c43))
235
+ - **pageContext:** history prop ([9094551](https://github.com/ho-nl/m2-pwa/commit/909455146d159a839fa72046c15332fc763f315f))
236
+ - **playwright:** added new playwright package to enable browser testing ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
237
+ - 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))
238
+ - upgraded to nextjs 11 ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
239
+ - **use-back-link:** go back in history when links are identical ([9be8a05](https://github.com/ho-nl/m2-pwa/commit/9be8a050d418d2ef24bb6894c5946a1268883aba))
317
240
 
318
241
  # Change Log
319
242
 
320
- All notable changes to this project will be documented in this file. See
321
- [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
243
+ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
322
244
 
323
245
  ## [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)
324
246
 
325
247
  ### Bug Fixes
326
248
 
327
- - edit billing address updating state
328
- ([ecd9f48](https://github.com/ho-nl/m2-pwa/commit/ecd9f48ce313d8e7a698c06ff29b88231dc50168))
249
+ - edit billing address updating state ([ecd9f48](https://github.com/ho-nl/m2-pwa/commit/ecd9f48ce313d8e7a698c06ff29b88231dc50168))
329
250
 
330
251
  # [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)
331
252
 
@@ -333,62 +254,48 @@ All notable changes to this project will be documented in this file. See
333
254
 
334
255
  ### Bug Fixes
335
256
 
336
- - **use-back-link:** pop history after going back
337
- ([20d69ef](https://github.com/ho-nl/m2-pwa/commit/20d69eff868d53d07084e5d1f78819939a5f429c))
257
+ - **use-back-link:** pop history after going back ([20d69ef](https://github.com/ho-nl/m2-pwa/commit/20d69eff868d53d07084e5d1f78819939a5f429c))
338
258
 
339
259
  ### Features
340
260
 
341
- - **pageContext:** history prop
342
- ([9094551](https://github.com/ho-nl/m2-pwa/commit/909455146d159a839fa72046c15332fc763f315f))
343
- - **use-back-link:** go back in history when links are identical
344
- ([9be8a05](https://github.com/ho-nl/m2-pwa/commit/9be8a050d418d2ef24bb6894c5946a1268883aba))
261
+ - **pageContext:** history prop ([9094551](https://github.com/ho-nl/m2-pwa/commit/909455146d159a839fa72046c15332fc763f315f))
262
+ - **use-back-link:** go back in history when links are identical ([9be8a05](https://github.com/ho-nl/m2-pwa/commit/9be8a050d418d2ef24bb6894c5946a1268883aba))
345
263
 
346
264
  # [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)
347
265
 
348
266
  ### Features
349
267
 
350
- - left and sidebar drawers
351
- ([12a3b72](https://github.com/ho-nl/m2-pwa/commit/12a3b72edfad38a4b82701ec502f2f4d85c40e53))
268
+ - left and sidebar drawers ([12a3b72](https://github.com/ho-nl/m2-pwa/commit/12a3b72edfad38a4b82701ec502f2f4d85c40e53))
352
269
 
353
270
  # [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)
354
271
 
355
272
  ### Features
356
273
 
357
- - upgraded to nextjs 11
358
- ([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))
359
275
 
360
276
  # [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)
361
277
 
362
278
  ### Features
363
279
 
364
- - **playwright:** added new playwright package to enable browser testing
365
- ([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))
366
281
 
367
282
  ## [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)
368
283
 
369
284
  ### Bug Fixes
370
285
 
371
- - **app-shell-header:** offset not always correctly set
372
- ([11a8907](https://github.com/ho-nl/m2-pwa/commit/11a890764be1ab4f6c584a5c8ca4e6620d0d73e5))
286
+ - **app-shell-header:** offset not always correctly set ([11a8907](https://github.com/ho-nl/m2-pwa/commit/11a890764be1ab4f6c584a5c8ca4e6620d0d73e5))
373
287
 
374
288
  # [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)
375
289
 
376
290
  ### Bug Fixes
377
291
 
378
- - back button behavior
379
- ([59f7b20](https://github.com/ho-nl/m2-pwa/commit/59f7b2047194c3506037fc88d791302c7c4a1a69))
380
- - **framer-next-pages:** back navigation renders the wrong page, items were reversed
381
- ([7168fc1](https://github.com/ho-nl/m2-pwa/commit/7168fc1d1daa3920ae401dda0029e35a253068ec))
382
- - **framer-next-pages:** backSteps returns NaN
383
- ([31ac95a](https://github.com/ho-nl/m2-pwa/commit/31ac95a75fb166efdc2d52d0aa0e40e45290e6bb))
384
- - **framer-next-pages:** fix closing of overlay in example
385
- ([049a9a7](https://github.com/ho-nl/m2-pwa/commit/049a9a79f882bcf6251fc24cb395b88418349557))
386
- - **framer-next-pages:** stacking order becomes reversed
387
- ([65bda4e](https://github.com/ho-nl/m2-pwa/commit/65bda4e8df199d805da6edc12ba61badf56eac8f))
388
- - ignore md files from triggering version updates
389
- ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
292
+ - back button behavior ([59f7b20](https://github.com/ho-nl/m2-pwa/commit/59f7b2047194c3506037fc88d791302c7c4a1a69))
293
+ - **framer-next-pages:** back navigation renders the wrong page, items were reversed ([7168fc1](https://github.com/ho-nl/m2-pwa/commit/7168fc1d1daa3920ae401dda0029e35a253068ec))
294
+ - **framer-next-pages:** backSteps returns NaN ([31ac95a](https://github.com/ho-nl/m2-pwa/commit/31ac95a75fb166efdc2d52d0aa0e40e45290e6bb))
295
+ - **framer-next-pages:** fix closing of overlay in example ([049a9a7](https://github.com/ho-nl/m2-pwa/commit/049a9a79f882bcf6251fc24cb395b88418349557))
296
+ - **framer-next-pages:** stacking order becomes reversed ([65bda4e](https://github.com/ho-nl/m2-pwa/commit/65bda4e8df199d805da6edc12ba61badf56eac8f))
297
+ - ignore md files from triggering version updates ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
390
298
 
391
299
  ### Features
392
300
 
393
- - content header component
394
- ([9cf58cd](https://github.com/ho-nl/m2-pwa/commit/9cf58cd5ced3e89237fc04076aa0fae3618205ef))
301
+ - content header component ([9cf58cd](https://github.com/ho-nl/m2-pwa/commit/9cf58cd5ced3e89237fc04076aa0fae3618205ef))
package/components/Page.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import { css } from '@emotion/react'
1
+ import { clientSizeCssVar } from '@graphcommerce/framer-utils'
2
2
  import { m, useIsPresent } from 'framer-motion'
3
3
  import React from 'react'
4
4
  import type { PageItem } from '../types'
@@ -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
 
@@ -34,17 +34,7 @@ export default function Page(props: PageProps) {
34
34
  const zIndex = active ? 1 : undefined
35
35
 
36
36
  return (
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
- >
37
+ <m.div style={{ position, top, zIndex, minHeight: clientSizeCssVar.y, left: 0, right: 0 }}>
48
38
  {children}
49
39
  </m.div>
50
40
  )
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
@@ -1,11 +1,12 @@
1
- import { AnimatePresence } from 'framer-motion'
1
+ import { clientSizeCssVar, useClientSizeCssVar } from '@graphcommerce/framer-utils'
2
+ import { AnimatePresence, m } from 'framer-motion'
2
3
  import { requestIdleCallback, cancelIdleCallback } from 'next/dist/client/request-idle-callback'
3
4
  import { AppPropsType } from 'next/dist/shared/lib/utils'
4
5
  import { NextRouter, Router } from 'next/router'
5
6
  import { useEffect, useRef, useState } from 'react'
6
7
  import { pageContext } from '../context/pageContext'
7
8
  import type { PageComponent, PageItem, UpPage } from '../types'
8
- import Page from './Page'
9
+ import { Page } from './Page'
9
10
  import { PageRenderer } from './PageRenderer'
10
11
 
11
12
  function findPlainIdx(items: PageItem[]) {
@@ -40,9 +41,10 @@ function getPageInfo(router: NextRouter) {
40
41
  // return url
41
42
  // }
42
43
 
43
- export default function FramerNextPages(props: PagesProps) {
44
+ export function FramerNextPages(props: PagesProps) {
44
45
  const { router, Component, pageProps: incomingProps, fallback = '/', fallbackRoute = '/' } = props
45
46
 
47
+ useClientSizeCssVar()
46
48
  const items = useRef<PageItem[]>([])
47
49
  const idx = Number(global.window?.history.state?.idx ?? 0)
48
50
  const prevHistory = useRef<number>(-1)
@@ -129,6 +131,7 @@ export default function FramerNextPages(props: PagesProps) {
129
131
  cancel = requestIdleCallback(() => setFallback(fbItem))
130
132
  } catch (e) {
131
133
  if (process.env.NODE_ENV !== 'production') {
134
+ // eslint-disable-next-line no-console
132
135
  console.log(
133
136
  `%cTurn on "Preseve log on navigation" to see the error`,
134
137
  'color: blue; font-family:sans-serif; font-size: 20px',
@@ -184,6 +187,9 @@ and pass it as a param in <FramerNextPages fallbackRoute='/[...url]' /> in your
184
187
 
185
188
  return (
186
189
  <AnimatePresence initial={false}>
190
+ <m.div
191
+ style={{ position: 'absolute', top: 0, minHeight: clientSizeCssVar.y, left: 0, right: 0 }}
192
+ />
187
193
  {renderItems.map((item, itemIdx) => {
188
194
  const { historyIdx, sharedKey, overlayGroup } = item
189
195
  const active = itemIdx === renderItems.length - 1
package/hooks/useGo.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { useRouter } from 'next/router'
2
2
 
3
3
  export function useGo(delta: number) {
4
- const { push, back } = useRouter()
4
+ const { push } = useRouter()
5
5
  return () => {
6
6
  if (delta >= 0) {
7
7
  console.error(`Called .go(${delta}), only negative numbers are allowed. Redirecting to home`)
@@ -10,7 +10,6 @@ export function useGo(delta: number) {
10
10
  return
11
11
  }
12
12
 
13
- const deltaAbs = Math.abs(delta)
14
- for (let i = 0; i < deltaAbs; i++) back()
13
+ window.history.go(delta)
15
14
  }
16
15
  }
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.1.1",
5
+ "version": "3.1.4",
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.3"
15
+ "@graphcommerce/framer-utils": "^3.1.1"
16
16
  },
17
17
  "devDependencies": {
18
- "@graphcommerce/eslint-config-pwa": "^4.0.3",
19
- "@graphcommerce/prettier-config-pwa": "^4.0.2",
18
+ "@graphcommerce/eslint-config-pwa": "^4.1.3",
19
+ "@graphcommerce/prettier-config-pwa": "^4.0.5",
20
20
  "@graphcommerce/typescript-config-pwa": "^4.0.2",
21
- "@playwright/test": "^1.19.1"
21
+ "@playwright/test": "^1.20.1"
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
  }