framer-motion 5.4.0 → 5.4.1

package/dist/es/render/dom/value-types/dimensions.mjs

@@ -1,9 +1,16 @@
 import { number, px, percent, degrees, vw, vh } from 'style-value-types';
+import { testValueType } from './test.mjs';
 import { auto } from './type-auto.mjs';
 
 /**
  * A list of value types commonly used for dimensions
  */
 var dimensionValueTypes = [number, px, percent, degrees, vw, vh, auto];
+/**
+ * Tests a dimensional value against the list of dimension ValueTypes
+ */
+var findDimensionValueType = function (v) {
+    return dimensionValueTypes.find(testValueType(v));
+};
 
-export { dimensionValueTypes };
+export { dimensionValueTypes, findDimensionValueType };

package/dist/es/render/utils/animation.mjs

@@ -119,6 +119,9 @@ function animateChildren(visualElement, variant, delayChildren, staggerChildren,
     });
     return Promise.all(animations);
 }
+function stopAnimation(visualElement) {
+    visualElement.forEachValue(function (value) { return value.stop(); });
+}
 function sortByTreeOrder(a, b) {
     return a.sortNodePosition(b);
 }
@@ -135,4 +138,4 @@ function shouldBlockAnimation(_a, key) {
     return shouldBlock;
 }
 
-export { animateVisualElement, sortByTreeOrder };
+export { animateVisualElement, sortByTreeOrder, stopAnimation };

package/dist/es/render/utils/setters.mjs

@@ -1,4 +1,4 @@
-import { __rest, __assign } from 'tslib';
+import { __rest, __assign, __spreadArray, __read } from 'tslib';
 import { complex } from 'style-value-types';
 import { isNumericalString } from '../../utils/is-numerical-string.mjs';
 import { isZeroValueString } from '../../utils/is-zero-value-string.mjs';
@@ -29,6 +29,28 @@ function setTarget(visualElement, definition) {
         setMotionValue(visualElement, key, value);
     }
 }
+function setVariants(visualElement, variantLabels) {
+    var reversedLabels = __spreadArray([], __read(variantLabels), false).reverse();
+    reversedLabels.forEach(function (key) {
+        var _a;
+        var variant = visualElement.getVariant(key);
+        variant && setTarget(visualElement, variant);
+        (_a = visualElement.variantChildren) === null || _a === void 0 ? void 0 : _a.forEach(function (child) {
+            setVariants(child, variantLabels);
+        });
+    });
+}
+function setValues(visualElement, definition) {
+    if (Array.isArray(definition)) {
+        return setVariants(visualElement, definition);
+    }
+    else if (typeof definition === "string") {
+        return setVariants(visualElement, [definition]);
+    }
+    else {
+        setTarget(visualElement, definition);
+    }
+}
 function checkTargetForNewValues(visualElement, target, origin) {
     var _a, _b, _c;
     var _d;
@@ -74,5 +96,20 @@ function checkTargetForNewValues(visualElement, target, origin) {
         visualElement.setBaseTarget(key, value);
     }
 }
+function getOriginFromTransition(key, transition) {
+    if (!transition)
+        return;
+    var valueTransition = transition[key] || transition["default"] || transition;
+    return valueTransition.from;
+}
+function getOrigin(target, transition, visualElement) {
+    var _a, _b;
+    var origin = {};
+    for (var key in target) {
+        origin[key] =
+            (_a = getOriginFromTransition(key, transition)) !== null && _a !== void 0 ? _a : (_b = visualElement.getValue(key)) === null || _b === void 0 ? void 0 : _b.get();
+    }
+    return origin;
+}
 
-export { checkTargetForNewValues, setTarget };
+export { checkTargetForNewValues, getOrigin, getOriginFromTransition, setTarget, setValues };

package/dist/es/utils/array.mjs

@@ -1,4 +1,4 @@
-import 'tslib';
+import { __read } from 'tslib';
 
 function addUniqueItem(arr, item) {
     arr.indexOf(item) === -1 && arr.push(item);
@@ -7,5 +7,16 @@ function removeItem(arr, item) {
     var index = arr.indexOf(item);
     index > -1 && arr.splice(index, 1);
 }
+// Adapted from array-move
+function moveItem(_a, fromIndex, toIndex) {
+    var _b = __read(_a), arr = _b.slice(0);
+    var startIndex = fromIndex < 0 ? arr.length + fromIndex : fromIndex;
+    if (startIndex >= 0 && startIndex < arr.length) {
+        var endIndex = toIndex < 0 ? arr.length + toIndex : toIndex;
+        var _c = __read(arr.splice(fromIndex, 1), 1), item = _c[0];
+        arr.splice(endIndex, 0, item);
+    }
+    return arr;
+}
 
-export { addUniqueItem, removeItem };
+export { addUniqueItem, moveItem, removeItem };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "framer-motion",
-    "version": "5.4.0",
+    "version": "5.4.1",
     "description": "A simple and powerful React animation library",
     "main": "dist/framer-motion.cjs.js",
     "module": "dist/es/index.mjs",