framer-motion 8.0.2 → 8.0.3
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/dist/cjs/index.js +7 -14
- package/dist/es/events/event-info.mjs +3 -6
- package/dist/es/events/use-pointer-event.mjs +3 -3
- package/dist/es/gestures/PanSession.mjs +0 -4
- package/dist/es/index.mjs +1 -1
- package/dist/es/render/utils/motion-values.mjs +1 -1
- package/dist/es/value/index.mjs +1 -1
- package/dist/framer-motion.dev.js +7 -14
- package/dist/framer-motion.js +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/projection.dev.js +2 -2
- package/dist/size-rollup-dom-animation.js +1 -1
- package/dist/size-rollup-dom-max.js +1 -1
- package/dist/size-rollup-motion.js +1 -1
- package/dist/size-webpack-dom-animation.js +1 -1
- package/dist/size-webpack-dom-max.js +1 -1
- package/dist/three-entry.d.ts +2 -2
- package/package.json +3 -3
package/dist/cjs/index.js
CHANGED
|
@@ -1382,18 +1382,15 @@ function extractEventInfo(event, pointType = "page") {
|
|
|
1382
1382
|
},
|
|
1383
1383
|
};
|
|
1384
1384
|
}
|
|
1385
|
-
const
|
|
1386
|
-
|
|
1387
|
-
return shouldFilterPrimaryPointer
|
|
1388
|
-
? (event) => isPrimaryPointer(event) && listener(event)
|
|
1389
|
-
: listener;
|
|
1385
|
+
const addPointerInfo = (handler) => {
|
|
1386
|
+
return (event) => isPrimaryPointer(event) && handler(event, extractEventInfo(event));
|
|
1390
1387
|
};
|
|
1391
1388
|
|
|
1392
1389
|
function addPointerEvent(target, eventName, handler, options) {
|
|
1393
|
-
return addDomEvent(target, eventName,
|
|
1390
|
+
return addDomEvent(target, eventName, addPointerInfo(handler), options);
|
|
1394
1391
|
}
|
|
1395
1392
|
function usePointerEvent(ref, eventName, handler, options) {
|
|
1396
|
-
return useDomEvent(ref, eventName, handler &&
|
|
1393
|
+
return useDomEvent(ref, eventName, handler && addPointerInfo(handler), options);
|
|
1397
1394
|
}
|
|
1398
1395
|
|
|
1399
1396
|
function createLock(name) {
|
|
@@ -2065,7 +2062,7 @@ class MotionValue {
|
|
|
2065
2062
|
* This will be replaced by the build step with the latest version number.
|
|
2066
2063
|
* When MotionValues are provided to motion components, warn if versions are mixed.
|
|
2067
2064
|
*/
|
|
2068
|
-
this.version = "8.0.
|
|
2065
|
+
this.version = "8.0.3";
|
|
2069
2066
|
/**
|
|
2070
2067
|
* Duration, in milliseconds, since last updating frame.
|
|
2071
2068
|
*
|
|
@@ -4570,16 +4567,12 @@ class PanSession {
|
|
|
4570
4567
|
onMove && onMove(this.lastMoveEvent, info);
|
|
4571
4568
|
};
|
|
4572
4569
|
this.handlePointerMove = (event, info) => {
|
|
4573
|
-
if (!isPrimaryPointer(event))
|
|
4574
|
-
return;
|
|
4575
4570
|
this.lastMoveEvent = event;
|
|
4576
4571
|
this.lastMoveEventInfo = transformPoint(info, this.transformPagePoint);
|
|
4577
4572
|
// Throttle mouse move event to once per frame
|
|
4578
4573
|
sync.update(this.updatePoint, true);
|
|
4579
4574
|
};
|
|
4580
4575
|
this.handlePointerUp = (event, info) => {
|
|
4581
|
-
if (!isPrimaryPointer(event))
|
|
4582
|
-
return;
|
|
4583
4576
|
this.end();
|
|
4584
4577
|
const { onEnd, onSessionEnd } = this.handlers;
|
|
4585
4578
|
const panInfo = getPanInfo(transformPoint(info, this.transformPagePoint), this.history);
|
|
@@ -5872,7 +5865,7 @@ function updateMotionValuesFromProps(element, next, prev) {
|
|
|
5872
5865
|
* and warn against mismatches.
|
|
5873
5866
|
*/
|
|
5874
5867
|
if (process.env.NODE_ENV === "development") {
|
|
5875
|
-
warnOnce(nextValue.version === "8.0.
|
|
5868
|
+
warnOnce(nextValue.version === "8.0.3", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.0.3 may not work as expected.`);
|
|
5876
5869
|
}
|
|
5877
5870
|
}
|
|
5878
5871
|
else if (isMotionValue(prevValue)) {
|
|
@@ -9831,6 +9824,7 @@ exports.Reorder = Reorder;
|
|
|
9831
9824
|
exports.SwitchLayoutGroupContext = SwitchLayoutGroupContext;
|
|
9832
9825
|
exports.VisualElement = VisualElement;
|
|
9833
9826
|
exports.addPointerEvent = addPointerEvent;
|
|
9827
|
+
exports.addPointerInfo = addPointerInfo;
|
|
9834
9828
|
exports.addScaleCorrector = addScaleCorrector;
|
|
9835
9829
|
exports.animate = animate;
|
|
9836
9830
|
exports.animateVisualElement = animateVisualElement;
|
|
@@ -9898,4 +9892,3 @@ exports.useViewportScroll = useViewportScroll;
|
|
|
9898
9892
|
exports.useVisualElementContext = useVisualElementContext;
|
|
9899
9893
|
exports.useWillChange = useWillChange;
|
|
9900
9894
|
exports.wrap = wrap;
|
|
9901
|
-
exports.wrapHandler = wrapHandler;
|
|
@@ -8,11 +8,8 @@ function extractEventInfo(event, pointType = "page") {
|
|
|
8
8
|
},
|
|
9
9
|
};
|
|
10
10
|
}
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
return shouldFilterPrimaryPointer
|
|
14
|
-
? (event) => isPrimaryPointer(event) && listener(event)
|
|
15
|
-
: listener;
|
|
11
|
+
const addPointerInfo = (handler) => {
|
|
12
|
+
return (event) => isPrimaryPointer(event) && handler(event, extractEventInfo(event));
|
|
16
13
|
};
|
|
17
14
|
|
|
18
|
-
export {
|
|
15
|
+
export { addPointerInfo, extractEventInfo };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { addDomEvent, useDomEvent } from './use-dom-event.mjs';
|
|
2
|
-
import {
|
|
2
|
+
import { addPointerInfo } from './event-info.mjs';
|
|
3
3
|
|
|
4
4
|
function addPointerEvent(target, eventName, handler, options) {
|
|
5
|
-
return addDomEvent(target, eventName,
|
|
5
|
+
return addDomEvent(target, eventName, addPointerInfo(handler), options);
|
|
6
6
|
}
|
|
7
7
|
function usePointerEvent(ref, eventName, handler, options) {
|
|
8
|
-
return useDomEvent(ref, eventName, handler &&
|
|
8
|
+
return useDomEvent(ref, eventName, handler && addPointerInfo(handler), options);
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
export { addPointerEvent, usePointerEvent };
|
|
@@ -50,16 +50,12 @@ class PanSession {
|
|
|
50
50
|
onMove && onMove(this.lastMoveEvent, info);
|
|
51
51
|
};
|
|
52
52
|
this.handlePointerMove = (event, info) => {
|
|
53
|
-
if (!isPrimaryPointer(event))
|
|
54
|
-
return;
|
|
55
53
|
this.lastMoveEvent = event;
|
|
56
54
|
this.lastMoveEventInfo = transformPoint(info, this.transformPagePoint);
|
|
57
55
|
// Throttle mouse move event to once per frame
|
|
58
56
|
sync.update(this.updatePoint, true);
|
|
59
57
|
};
|
|
60
58
|
this.handlePointerUp = (event, info) => {
|
|
61
|
-
if (!isPrimaryPointer(event))
|
|
62
|
-
return;
|
|
63
59
|
this.end();
|
|
64
60
|
const { onEnd, onSessionEnd } = this.handlers;
|
|
65
61
|
const panInfo = getPanInfo(transformPoint(info, this.transformPagePoint), this.history);
|
package/dist/es/index.mjs
CHANGED
|
@@ -71,7 +71,7 @@ export { filterProps } from './render/dom/utils/filter-props.mjs';
|
|
|
71
71
|
export { makeUseVisualState } from './motion/utils/use-visual-state.mjs';
|
|
72
72
|
export { isDragActive } from './gestures/drag/utils/lock.mjs';
|
|
73
73
|
export { addPointerEvent } from './events/use-pointer-event.mjs';
|
|
74
|
-
export {
|
|
74
|
+
export { addPointerInfo } from './events/event-info.mjs';
|
|
75
75
|
export { isMotionValue } from './value/utils/is-motion-value.mjs';
|
|
76
76
|
export { isBrowser } from './utils/is-browser.mjs';
|
|
77
77
|
export { useUnmountEffect } from './utils/use-unmount-effect.mjs';
|
|
@@ -22,7 +22,7 @@ function updateMotionValuesFromProps(element, next, prev) {
|
|
|
22
22
|
* and warn against mismatches.
|
|
23
23
|
*/
|
|
24
24
|
if (process.env.NODE_ENV === "development") {
|
|
25
|
-
warnOnce(nextValue.version === "8.0.
|
|
25
|
+
warnOnce(nextValue.version === "8.0.3", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.0.3 may not work as expected.`);
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
else if (isMotionValue(prevValue)) {
|
package/dist/es/value/index.mjs
CHANGED
|
@@ -25,7 +25,7 @@ class MotionValue {
|
|
|
25
25
|
* This will be replaced by the build step with the latest version number.
|
|
26
26
|
* When MotionValues are provided to motion components, warn if versions are mixed.
|
|
27
27
|
*/
|
|
28
|
-
this.version = "8.0.
|
|
28
|
+
this.version = "8.0.3";
|
|
29
29
|
/**
|
|
30
30
|
* Duration, in milliseconds, since last updating frame.
|
|
31
31
|
*
|
|
@@ -1380,18 +1380,15 @@
|
|
|
1380
1380
|
},
|
|
1381
1381
|
};
|
|
1382
1382
|
}
|
|
1383
|
-
const
|
|
1384
|
-
|
|
1385
|
-
return shouldFilterPrimaryPointer
|
|
1386
|
-
? (event) => isPrimaryPointer(event) && listener(event)
|
|
1387
|
-
: listener;
|
|
1383
|
+
const addPointerInfo = (handler) => {
|
|
1384
|
+
return (event) => isPrimaryPointer(event) && handler(event, extractEventInfo(event));
|
|
1388
1385
|
};
|
|
1389
1386
|
|
|
1390
1387
|
function addPointerEvent(target, eventName, handler, options) {
|
|
1391
|
-
return addDomEvent(target, eventName,
|
|
1388
|
+
return addDomEvent(target, eventName, addPointerInfo(handler), options);
|
|
1392
1389
|
}
|
|
1393
1390
|
function usePointerEvent(ref, eventName, handler, options) {
|
|
1394
|
-
return useDomEvent(ref, eventName, handler &&
|
|
1391
|
+
return useDomEvent(ref, eventName, handler && addPointerInfo(handler), options);
|
|
1395
1392
|
}
|
|
1396
1393
|
|
|
1397
1394
|
function createLock(name) {
|
|
@@ -2063,7 +2060,7 @@
|
|
|
2063
2060
|
* This will be replaced by the build step with the latest version number.
|
|
2064
2061
|
* When MotionValues are provided to motion components, warn if versions are mixed.
|
|
2065
2062
|
*/
|
|
2066
|
-
this.version = "8.0.
|
|
2063
|
+
this.version = "8.0.3";
|
|
2067
2064
|
/**
|
|
2068
2065
|
* Duration, in milliseconds, since last updating frame.
|
|
2069
2066
|
*
|
|
@@ -4583,16 +4580,12 @@
|
|
|
4583
4580
|
onMove && onMove(this.lastMoveEvent, info);
|
|
4584
4581
|
};
|
|
4585
4582
|
this.handlePointerMove = (event, info) => {
|
|
4586
|
-
if (!isPrimaryPointer(event))
|
|
4587
|
-
return;
|
|
4588
4583
|
this.lastMoveEvent = event;
|
|
4589
4584
|
this.lastMoveEventInfo = transformPoint(info, this.transformPagePoint);
|
|
4590
4585
|
// Throttle mouse move event to once per frame
|
|
4591
4586
|
sync.update(this.updatePoint, true);
|
|
4592
4587
|
};
|
|
4593
4588
|
this.handlePointerUp = (event, info) => {
|
|
4594
|
-
if (!isPrimaryPointer(event))
|
|
4595
|
-
return;
|
|
4596
4589
|
this.end();
|
|
4597
4590
|
const { onEnd, onSessionEnd } = this.handlers;
|
|
4598
4591
|
const panInfo = getPanInfo(transformPoint(info, this.transformPagePoint), this.history);
|
|
@@ -5885,7 +5878,7 @@
|
|
|
5885
5878
|
* and warn against mismatches.
|
|
5886
5879
|
*/
|
|
5887
5880
|
{
|
|
5888
|
-
warnOnce(nextValue.version === "8.0.
|
|
5881
|
+
warnOnce(nextValue.version === "8.0.3", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.0.3 may not work as expected.`);
|
|
5889
5882
|
}
|
|
5890
5883
|
}
|
|
5891
5884
|
else if (isMotionValue(prevValue)) {
|
|
@@ -10452,6 +10445,7 @@
|
|
|
10452
10445
|
exports.SwitchLayoutGroupContext = SwitchLayoutGroupContext;
|
|
10453
10446
|
exports.VisualElement = VisualElement;
|
|
10454
10447
|
exports.addPointerEvent = addPointerEvent;
|
|
10448
|
+
exports.addPointerInfo = addPointerInfo;
|
|
10455
10449
|
exports.addScaleCorrector = addScaleCorrector;
|
|
10456
10450
|
exports.animate = animate;
|
|
10457
10451
|
exports.animateVisualElement = animateVisualElement;
|
|
@@ -10519,7 +10513,6 @@
|
|
|
10519
10513
|
exports.useVisualElementContext = useVisualElementContext;
|
|
10520
10514
|
exports.useWillChange = useWillChange;
|
|
10521
10515
|
exports.wrap = wrap;
|
|
10522
|
-
exports.wrapHandler = wrapHandler;
|
|
10523
10516
|
|
|
10524
10517
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
10525
10518
|
|