@micromag/core 0.3.588 → 0.3.590

package/es/components.js

@@ -3683,6 +3683,7 @@ var propTypes$9 = {
   screenState: PropTypes$1.string,
   index: PropTypes$1.number,
   active: PropTypes$1.bool,
+  preload: PropTypes$1.bool,
   current: PropTypes$1.bool,
   component: PropTypes$1.node,
   components: PropTypes.components,
@@ -3695,6 +3696,7 @@ var defaultProps$9 = {
   screenState: null,
   index: null,
   current: false,
+  preload: true,
   component: null,
   components: null,
   className: null,
@@ -3707,6 +3709,7 @@ var Screen = function Screen(_ref) {
     index = _ref.index,
     active = _ref.active,
     current = _ref.current,
+    preload = _ref.preload,
     components = _ref.components,
     component = _ref.component,
     className = _ref.className,
@@ -3727,6 +3730,7 @@ var Screen = function Screen(_ref) {
     index: index,
     active: active,
     current: current,
+    preload: preload,
     mediaRef: mediaRef
   }))) : /*#__PURE__*/React.createElement("div", {
     className: className

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.588",
+    "version": "0.3.590",
     "private": false,
     "description": "",
     "keywords": [
@@ -144,5 +144,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "c2ec51edbaf9bb6c78bbaf7996b2ad0fd1651993"
+    "gitHead": "aee5033c29da327111287f71fd59cb77f469306a"
 }