@graphcommerce/framer-scroller 1.1.14 → 1.1.18
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 +11 -0
- package/hooks/useScrollTo.ts +1 -1
- package/hooks/useScroller.ts +4 -2
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [1.1.17](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-scroller@1.1.16...@graphcommerce/framer-scroller@1.1.17) (2021-12-21)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **framer-scroller:** apply will change only when animating ([77fee92](https://github.com/ho-nl/m2-pwa/commit/77fee92c0eb70691b699e1f6ba378ec16c534975))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [1.1.14](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-scroller@1.1.13...@graphcommerce/framer-scroller@1.1.14) (2021-12-20)
|
|
7
18
|
|
|
8
19
|
|
package/hooks/useScrollTo.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useElementScroll } from '@graphcommerce/framer-utils'
|
|
2
2
|
import { Point } from 'framer-motion'
|
|
3
|
-
import { animate
|
|
3
|
+
import { animate } from 'popmotion'
|
|
4
4
|
import { useScrollerContext } from './useScrollerContext'
|
|
5
5
|
|
|
6
6
|
export function useScrollTo() {
|
package/hooks/useScroller.ts
CHANGED
|
@@ -20,13 +20,11 @@ import { useVelocitySnapTo } from './useVelocitySnapTo'
|
|
|
20
20
|
const useStyles = makeStyles(
|
|
21
21
|
(theme: Theme) => ({
|
|
22
22
|
root: {
|
|
23
|
-
willChange: 'scroll-position',
|
|
24
23
|
'& *': {
|
|
25
24
|
userSelect: 'none',
|
|
26
25
|
userDrag: 'none',
|
|
27
26
|
},
|
|
28
27
|
},
|
|
29
|
-
|
|
30
28
|
rootSmSnapDirNone: {
|
|
31
29
|
[theme.breakpoints.down('sm')]: {
|
|
32
30
|
overflow: 'hidden',
|
|
@@ -106,6 +104,9 @@ const useStyles = makeStyles(
|
|
|
106
104
|
scrollSnapType: scrollSnapTypeMd,
|
|
107
105
|
},
|
|
108
106
|
}),
|
|
107
|
+
rootNoSnap: {
|
|
108
|
+
willChange: 'scroll-position',
|
|
109
|
+
},
|
|
109
110
|
rootIsPanning: {
|
|
110
111
|
cursor: 'grabbing !important',
|
|
111
112
|
'& > *': {
|
|
@@ -217,6 +218,7 @@ export function useScroller<TagName extends keyof ReactHTML = 'div'>(
|
|
|
217
218
|
mdSnapDir,
|
|
218
219
|
mdGridDir,
|
|
219
220
|
isSnap,
|
|
221
|
+
noSnap: !isSnap,
|
|
220
222
|
isPanning,
|
|
221
223
|
hideScrollbar,
|
|
222
224
|
canGrab,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@graphcommerce/framer-scroller",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.18",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"scripts": {
|
|
6
6
|
"dev": "tsc -W"
|
|
@@ -17,8 +17,8 @@
|
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
19
|
"@graphcommerce/framer-utils": "^2.103.20",
|
|
20
|
-
"@graphcommerce/image": "^2.105.
|
|
21
|
-
"@graphcommerce/next-ui": "^3.21.
|
|
20
|
+
"@graphcommerce/image": "^2.105.11",
|
|
21
|
+
"@graphcommerce/next-ui": "^3.21.8",
|
|
22
22
|
"@material-ui/core": "^4.12.3",
|
|
23
23
|
"popmotion": "11.0.3"
|
|
24
24
|
},
|
|
@@ -36,5 +36,5 @@
|
|
|
36
36
|
"react-dom": "^17.0.2",
|
|
37
37
|
"type-fest": "^2.8.0"
|
|
38
38
|
},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "5ad26fe58ae85c8d776e3f571e96832f24811d5d"
|
|
40
40
|
}
|