@graphcommerce/framer-next-pages 8.1.0-canary.3 → 8.1.0-canary.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +72 -2
- package/components/Page.tsx +2 -8
- package/components/Pages.tsx +1 -2
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,8 +1,78 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
-
## 8.1.0-canary.
|
|
3
|
+
## 8.1.0-canary.5
|
|
4
4
|
|
|
5
|
-
## 8.
|
|
5
|
+
## 8.0.6-canary.4
|
|
6
|
+
|
|
7
|
+
## 8.0.6-canary.3
|
|
8
|
+
|
|
9
|
+
## 8.0.6-canary.2
|
|
10
|
+
|
|
11
|
+
## 8.0.6-canary.1
|
|
12
|
+
|
|
13
|
+
## 8.0.6-canary.0
|
|
14
|
+
|
|
15
|
+
## 8.0.5
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- [#2236](https://github.com/graphcommerce-org/graphcommerce/pull/2236) [`85fb916`](https://github.com/graphcommerce-org/graphcommerce/commit/85fb916e5ec2a1456a93a59bf92a5f414fee8595) - Solve issue where the inert prop wouldnt be properly forwarded
|
|
20
|
+
([@paales](https://github.com/paales))
|
|
21
|
+
|
|
22
|
+
## 8.0.5-canary.10
|
|
23
|
+
|
|
24
|
+
## 8.0.5-canary.9
|
|
25
|
+
|
|
26
|
+
## 8.0.5-canary.8
|
|
27
|
+
|
|
28
|
+
## 8.0.5-canary.7
|
|
29
|
+
|
|
30
|
+
## 8.0.5-canary.6
|
|
31
|
+
|
|
32
|
+
## 8.0.5-canary.5
|
|
33
|
+
|
|
34
|
+
## 8.0.5-canary.4
|
|
35
|
+
|
|
36
|
+
## 8.0.5-canary.3
|
|
37
|
+
|
|
38
|
+
### Patch Changes
|
|
39
|
+
|
|
40
|
+
- [#2236](https://github.com/graphcommerce-org/graphcommerce/pull/2236) [`85fb916`](https://github.com/graphcommerce-org/graphcommerce/commit/85fb916e5ec2a1456a93a59bf92a5f414fee8595) - Solve issue where the inert prop wouldnt be properly forwarded
|
|
41
|
+
([@paales](https://github.com/paales))
|
|
42
|
+
|
|
43
|
+
## 8.0.5-canary.2
|
|
44
|
+
|
|
45
|
+
## 8.0.5-canary.1
|
|
46
|
+
|
|
47
|
+
## 8.0.5-canary.0
|
|
48
|
+
|
|
49
|
+
## 8.0.4
|
|
50
|
+
|
|
51
|
+
### Patch Changes
|
|
52
|
+
|
|
53
|
+
- [#2228](https://github.com/graphcommerce-org/graphcommerce/pull/2228) [`0c0cacb`](https://github.com/graphcommerce-org/graphcommerce/commit/0c0cacb8725f0a626ea5d3acf154d83c433c3eb7) - apply correct type for the inert property
|
|
54
|
+
([@carlocarels90](https://github.com/carlocarels90))
|
|
55
|
+
|
|
56
|
+
## 8.0.4-canary.1
|
|
57
|
+
|
|
58
|
+
## 8.0.4-canary.0
|
|
59
|
+
|
|
60
|
+
### Patch Changes
|
|
61
|
+
|
|
62
|
+
- [#2228](https://github.com/graphcommerce-org/graphcommerce/pull/2228) [`0c0cacb`](https://github.com/graphcommerce-org/graphcommerce/commit/0c0cacb8725f0a626ea5d3acf154d83c433c3eb7) - apply correct type for the inert property
|
|
63
|
+
([@carlocarels90](https://github.com/carlocarels90))
|
|
64
|
+
|
|
65
|
+
## 8.0.3
|
|
66
|
+
|
|
67
|
+
## 8.0.3-canary.6
|
|
68
|
+
|
|
69
|
+
## 8.0.3-canary.5
|
|
70
|
+
|
|
71
|
+
## 8.0.3-canary.4
|
|
72
|
+
|
|
73
|
+
## 8.0.3-canary.3
|
|
74
|
+
|
|
75
|
+
## 8.0.3-canary.2
|
|
6
76
|
|
|
7
77
|
## 8.0.3-canary.1
|
|
8
78
|
|
package/components/Page.tsx
CHANGED
|
@@ -1,14 +1,8 @@
|
|
|
1
1
|
import { dvh } from '@graphcommerce/framer-utils'
|
|
2
2
|
import { m, useIsPresent } from 'framer-motion'
|
|
3
|
-
import React from 'react'
|
|
3
|
+
import React, { HTMLAttributes } from 'react'
|
|
4
4
|
import type { PageItem } from '../types'
|
|
5
5
|
|
|
6
|
-
declare module 'react' {
|
|
7
|
-
interface HTMLAttributes<T> extends AriaAttributes, DOMAttributes<T> {
|
|
8
|
-
inert?: 'true'
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
|
|
12
6
|
export type PageProps = Pick<PageItem, 'routerKey'> & {
|
|
13
7
|
active: boolean
|
|
14
8
|
children: React.ReactNode
|
|
@@ -42,7 +36,7 @@ export function Page(props: PageProps) {
|
|
|
42
36
|
<m.div
|
|
43
37
|
layoutScroll
|
|
44
38
|
style={{ position, top, zIndex, minHeight: dvh(100), left: 0, right: 0 }}
|
|
45
|
-
inert={!active ? 'true' : undefined}
|
|
39
|
+
inert={!active ? ('true' as unknown as boolean) : undefined}
|
|
46
40
|
data-nosnippet={!active ? true : undefined}
|
|
47
41
|
aria-hidden={!active ? true : undefined}
|
|
48
42
|
>
|
package/components/Pages.tsx
CHANGED
|
@@ -45,9 +45,8 @@ function getPageInfo(router: NextRouter) {
|
|
|
45
45
|
export function FramerNextPages(props: PagesProps) {
|
|
46
46
|
const { router, Component, pageProps: incomingProps, fallback = '/', fallbackRoute = '/' } = props
|
|
47
47
|
|
|
48
|
-
// @ts-expect-error Key of the route is still private, should be fixed in https://github.com/vercel/next.js/pull/37192
|
|
49
48
|
// eslint-disable-next-line no-underscore-dangle
|
|
50
|
-
const key = router
|
|
49
|
+
const key = (router as NextRouter & { _key: string })._key
|
|
51
50
|
|
|
52
51
|
useMeasureDynamicViewportSize()
|
|
53
52
|
const items = useRef<PageItem[]>([])
|
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": "8.1.0-canary.
|
|
5
|
+
"version": "8.1.0-canary.5",
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"prettier": "@graphcommerce/prettier-config-pwa",
|
|
8
8
|
"eslintConfig": {
|
|
@@ -12,10 +12,10 @@
|
|
|
12
12
|
}
|
|
13
13
|
},
|
|
14
14
|
"peerDependencies": {
|
|
15
|
-
"@graphcommerce/eslint-config-pwa": "^8.1.0-canary.
|
|
16
|
-
"@graphcommerce/framer-utils": "^8.1.0-canary.
|
|
17
|
-
"@graphcommerce/prettier-config-pwa": "^8.1.0-canary.
|
|
18
|
-
"@graphcommerce/typescript-config-pwa": "^8.1.0-canary.
|
|
15
|
+
"@graphcommerce/eslint-config-pwa": "^8.1.0-canary.5",
|
|
16
|
+
"@graphcommerce/framer-utils": "^8.1.0-canary.5",
|
|
17
|
+
"@graphcommerce/prettier-config-pwa": "^8.1.0-canary.5",
|
|
18
|
+
"@graphcommerce/typescript-config-pwa": "^8.1.0-canary.5",
|
|
19
19
|
"framer-motion": "^10.0.0",
|
|
20
20
|
"next": "*",
|
|
21
21
|
"react": "^18.2.0",
|