@micromag/core 0.3.589 → 0.3.599

package/es/components.js

@@ -3788,7 +3788,7 @@ var Placeholder = /*#__PURE__*/React.memo(ScreenPlaceholder);
 
 var styles$6 = {"stack":"micromag-core-screens-preview-stack","stackScreen":"micromag-core-screens-preview-stackScreen","stackItem":"micromag-core-screens-preview-stackItem","screen":"micromag-core-screens-preview-screen"};
 
-var _excluded = ["screen", "screenState", "width", "height", "screenWidth", "screenHeight", "className", "withSize", "hidden"];
+var _excluded = ["screen", "screenState", "width", "height", "screenWidth", "screenHeight", "className", "withSize", "fit", "hidden"];
 var propTypes$7 = {
   screen: PropTypes.component.isRequired,
   screenState: PropTypes$1.string,
@@ -3819,6 +3819,7 @@ var ScreenPreview = function ScreenPreview(_ref) {
     screenHeight = _ref.screenHeight,
     className = _ref.className,
     withSize = _ref.withSize,
+    fit = _ref.fit,
     hidden = _ref.hidden,
     props = _objectWithoutProperties(_ref, _excluded);
   var screenElement = /*#__PURE__*/React.createElement(Screen$1, Object.assign({
@@ -3835,7 +3836,8 @@ var ScreenPreview = function ScreenPreview(_ref) {
     screenWidth: screenWidth,
     screenHeight: screenHeight,
     width: width,
-    height: height
+    height: height,
+    fit: fit
   }, element) : element;
   return screenWithSize;
 };

package/es/hooks.js

@@ -209,14 +209,25 @@ function useDragProgress() {
     } : _ref$dragOptions;
   var refDragging = useRef(false);
   var refProgress = useRef(wantedProgress);
+  var wantedProgressRef = useRef(wantedProgress);
+  if (wantedProgress !== wantedProgressRef.current) {
+    wantedProgressRef.current = wantedProgress;
+  }
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     dragging = _useState2[0],
     setDragging = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    direction = _useState4[0],
+    setDirection = _useState4[1];
   var spring = useCallback(function () {
     return _objectSpread({
       progress: wantedProgress,
-      immediate: dragging || disabled
+      immediate: dragging || disabled,
+      onResolve: function onResolve() {
+        setDirection(0);
+      }
     }, springParams);
   }, [wantedProgress, disabled]);
   var _useSpring = useSpring(spring),
@@ -241,13 +252,17 @@ function useDragProgress() {
     }
     var newProgress = computeProgress(gestureState);
     refDragging.current = active;
+    setDirection(newProgress < wantedProgressRef.current ? -1 : 1);
     refProgress.current = newProgress;
     if (active !== dragging) {
       setDragging(active);
     }
     api.start({
       progress: newProgress,
-      immediate: active
+      immediate: active,
+      onResolve: !active ? function () {
+        setDirection(0);
+      } : function () {}
     });
     if (onProgress !== null) {
       onProgress(newProgress, gestureState);
@@ -256,17 +271,22 @@ function useDragProgress() {
   var bind = useDrag(onDrag, dragOptions);
   useEffect(function () {
     if (!refDragging.current && wantedProgress !== refProgress.current) {
+      setDirection(wantedProgress < refProgress.current ? -1 : 1);
       refProgress.current = wantedProgress;
       api.start({
         progress: wantedProgress,
-        immediate: false
+        immediate: false,
+        onResolve: function onResolve() {
+          setDirection(0);
+        }
       });
     }
   }, [wantedProgress]);
   return {
     bind: bind,
     dragging: dragging,
-    progress: progress
+    progress: progress,
+    direction: direction
   };
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.589",
+    "version": "0.3.599",
     "private": false,
     "description": "",
     "keywords": [
@@ -144,5 +144,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "534ea16483848cd334d4e2bd02f48beba4439a95"
+    "gitHead": "406f96c799c4be116e64ed13bebc9151e3d38c95"
 }