@micromag/core 0.3.824 → 0.4.4

package/lib/hooks.js

@@ -228,16 +228,21 @@ function useDragProgress() {
     _useState4 = _slicedToArray(_useState3, 2),
     direction = _useState4[0],
     setDirection = _useState4[1];
-  var spring = react.useCallback(function () {
-    return _objectSpread({
-      progress: wantedProgress,
-      immediate: dragging || disabled,
-      onResolve: function onResolve() {
-        setDirection(0);
-      }
-    }, springParams);
-  }, [wantedProgress, disabled]);
-  var _useSpring = core$1.useSpring(spring),
+
+  // In react-spring v10, useSpring(fn) without deps stores the initial update and
+  // re-applies it via ctrl.start() in a layout effect on EVERY render, resetting the
+  // spring to its initial value. To prevent this, we pass a dummy SpringRef as `ref`
+  // in the props — when ctrl.ref is set, the layout effect queues updates instead of
+  // starting them, so our imperative api.start() calls are not overridden.
+  var imperativeRef = core$1.useSpringRef();
+  var _useSpring = core$1.useSpring(function () {
+      return _objectSpread({
+        ref: imperativeRef,
+        from: {
+          progress: wantedProgress
+        }
+      }, springParams);
+    }),
     _useSpring2 = _slicedToArray(_useSpring, 2),
     progress = _useSpring2[0].progress,
     api = _useSpring2[1];
@@ -264,13 +269,13 @@ function useDragProgress() {
     if (active !== dragging) {
       setDragging(active);
     }
-    api.start({
+    api.start(_objectSpread({
       progress: newProgress,
       immediate: active,
       onResolve: !active ? function () {
         setDirection(0);
       } : function () {}
-    });
+    }, springParams));
     if (onProgress !== null) {
       onProgress(newProgress, gestureState);
     }
@@ -286,15 +291,15 @@ function useDragProgress() {
     if (!refDragging.current && wantedProgress !== refProgress.current) {
       setDirection(wantedProgress < refProgress.current ? -1 : 1);
       refProgress.current = wantedProgress;
-      api.start({
+      api.start(_objectSpread({
         progress: wantedProgress,
-        immediate: false,
+        immediate: disabled,
         onResolve: function onResolve() {
           setDirection(0);
         }
-      });
+      }, springParams));
     }
-  }, [wantedProgress]);
+  }, [wantedProgress, disabled]);
   var transitioning = react.useMemo(function () {
     return wantedProgress !== progress.get() || progress.isAnimating || dragging;
   }, [wantedProgress, progress.isAnimating, dragging]);