@snack-uikit/carousel 0.4.6-preview-53bd8747.0 → 0.4.6-preview-042f5ed6.0

package/dist/cjs/components/ItemProvider/ItemProvider.js

@@ -118,40 +118,24 @@ function ItemProvider(_ref) {
     pointers: true
   });
   const handleSwipeStart = eventData => {
-    if (!swipe) {
-      return;
-    }
     if (eventData.dir !== 'Right' && eventData.dir !== 'Left') {
       canSwipe.current = false;
-    } else {
-      eventData.event.preventDefault();
-      eventData.event.stopPropagation();
     }
   };
   const handleSwiping = eventData => {
-    if (!swipe) {
-      return;
-    }
     if (!canSwipe.current) {
       return;
     }
-    eventData.event.preventDefault();
-    eventData.event.stopPropagation();
     setDrag({
       drag: eventData.deltaX,
       pointers: Math.abs(eventData.deltaX) < Number.MIN_SAFE_INTEGER
     });
   };
   const handleSwiped = eventData => {
-    if (!swipe) {
-      return;
-    }
     if (!canSwipe.current) {
       canSwipe.current = true;
       return;
     }
-    eventData.event.preventDefault();
-    eventData.event.stopPropagation();
     if (Math.abs(drag.drag) < swipeActivateLength) {
       return setDrag({
         drag: 0,
@@ -169,7 +153,9 @@ function ItemProvider(_ref) {
       onSwipeStart: handleSwipeStart,
       onSwiping: handleSwiping,
       onSwiped: handleSwiped,
-      trackMouse: true
+      trackMouse: true,
+      enabled: swipe,
+      availableDirections: ['Left', 'Right']
     }),
     {
       ref

package/dist/esm/components/ItemProvider/ItemProvider.js

@@ -97,38 +97,21 @@ export function ItemProvider({ items, showItems, scrollBy, slideCallback, transi
     const canSwipe = useRef(true);
     const [drag, setDrag] = useState({ drag: 0, pointers: true });
     const handleSwipeStart = eventData => {
-        if (!swipe) {
-            return;
-        }
         if (eventData.dir !== 'Right' && eventData.dir !== 'Left') {
             canSwipe.current = false;
         }
-        else {
-            eventData.event.preventDefault();
-            eventData.event.stopPropagation();
-        }
     };
     const handleSwiping = eventData => {
-        if (!swipe) {
-            return;
-        }
         if (!canSwipe.current) {
             return;
         }
-        eventData.event.preventDefault();
-        eventData.event.stopPropagation();
         setDrag({ drag: eventData.deltaX, pointers: Math.abs(eventData.deltaX) < Number.MIN_SAFE_INTEGER });
     };
     const handleSwiped = eventData => {
-        if (!swipe) {
-            return;
-        }
         if (!canSwipe.current) {
             canSwipe.current = true;
             return;
         }
-        eventData.event.preventDefault();
-        eventData.event.stopPropagation();
         if (Math.abs(drag.drag) < swipeActivateLength) {
             return setDrag({ drag: 0, pointers: true });
         }
@@ -141,6 +124,8 @@ export function ItemProvider({ items, showItems, scrollBy, slideCallback, transi
         onSwiping: handleSwiping,
         onSwiped: handleSwiped,
         trackMouse: true,
+        enabled: swipe,
+        availableDirections: ['Left', 'Right'],
     }), { ref } = _a, swipeProps = __rest(_a, ["ref"]);
     return (_jsx("div", { ref: containerRef, className: styles.itemProvider, "data-pointers": !drag.pointers || undefined, "data-swipe": swipe || undefined, "data-gap": gap, style: Object.assign({}, (Boolean(gap) ? { '--gap': gap } : {})), children: _jsx("div", Object.assign({}, swipeProps, { className: styles.itemTracker, "data-test-id": TEST_IDS.trackLine, style: {
                 transform: `translateX(${transform + drag.drag}px)`,

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.4.6-preview-53bd8747.0",
+  "version": "0.4.6-preview-042f5ed6.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -36,13 +36,13 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/icons": "0.24.1-preview-53bd8747.0",
-    "@snack-uikit/pagination": "0.9.4-preview-53bd8747.0",
-    "@snack-uikit/utils": "3.5.1-preview-53bd8747.0",
+    "@snack-uikit/icons": "0.24.1-preview-042f5ed6.0",
+    "@snack-uikit/pagination": "0.9.4-preview-042f5ed6.0",
+    "@snack-uikit/utils": "3.5.1-preview-042f5ed6.0",
     "classnames": "2.5.1",
     "lodash.debounce": "4.0.8",
     "merge-refs": "1.3.0",
     "uncontrollable": "8.0.4"
   },
-  "gitHead": "527ea8e5660cbf949a1e84bc833f876a0802d10e"
+  "gitHead": "ea1e2e87efd62c4df12a1ed22f6623cc19b423e3"
 }

package/src/components/ItemProvider/ItemProvider.tsx

@@ -136,45 +136,25 @@ export function ItemProvider({
   const [drag, setDrag] = useState({ drag: 0, pointers: true });
 
   const handleSwipeStart: SwipeCallback = eventData => {
-    if (!swipe) {
-      return;
-    }
-
     if (eventData.dir !== 'Right' && eventData.dir !== 'Left') {
       canSwipe.current = false;
-    } else {
-      eventData.event.preventDefault();
-      eventData.event.stopPropagation();
     }
   };
 
   const handleSwiping: SwipeCallback = eventData => {
-    if (!swipe) {
-      return;
-    }
-
     if (!canSwipe.current) {
       return;
     }
 
-    eventData.event.preventDefault();
-    eventData.event.stopPropagation();
     setDrag({ drag: eventData.deltaX, pointers: Math.abs(eventData.deltaX) < Number.MIN_SAFE_INTEGER });
   };
 
   const handleSwiped: SwipeCallback = eventData => {
-    if (!swipe) {
-      return;
-    }
-
     if (!canSwipe.current) {
       canSwipe.current = true;
       return;
     }
 
-    eventData.event.preventDefault();
-    eventData.event.stopPropagation();
-
     if (Math.abs(drag.drag) < swipeActivateLength) {
       return setDrag({ drag: 0, pointers: true });
     }
@@ -189,6 +169,8 @@ export function ItemProvider({
     onSwiping: handleSwiping,
     onSwiped: handleSwiped,
     trackMouse: true,
+    enabled: swipe,
+    availableDirections: ['Left', 'Right'],
   });
 
   return (