@transferwise/components 0.0.0-experimental-45bc551 → 0.0.0-experimental-49ac695

package/src/tabs/utils.spec.ts

@@ -1,17 +1,14 @@
 import {
-  getElasticDragDifference,
   swipedLeftToRight,
   swipedRightToLeft,
   getSwipeDifference,
   swipeShouldChangeTab,
-  getVelocity,
   Swipe,
 } from './utils';
 
 describe('Tabs Utility', () => {
   let start: Swipe;
   let end: Swipe;
-  let coords: Swipe[];
 
   beforeEach(() => {
     jest.clearAllMocks();
@@ -68,59 +65,4 @@ describe('Tabs Utility', () => {
       expect(swipeShouldChangeTab(start, end)).toBe(false);
     });
   });
-
-  describe('checking for velocity against an array of touches', () => {
-    beforeEach(() => {
-      coords = [
-        { x: 0, y: 0, time: 1569538800000 },
-        { x: 100, y: 0, time: 1569538825000 },
-        { x: 200, y: 0, time: 1569538850000 },
-        { x: 300, y: 0, time: 1569538875000 },
-        { x: 400, y: 0, time: 1569538900000 },
-      ];
-    });
-
-    it('should return the difference in velocity between the first and last touch in an array', () => {
-      expect(getVelocity(coords)).toBe(0.004);
-    });
-
-    it('should only take into account the last 5 coordinates', () => {
-      coords.unshift(
-        { x: 10000, y: 0, time: 1569538800000 },
-        { x: 100000, y: 0, time: 1569538800000 },
-      );
-      expect(getVelocity(coords)).toBe(0.004);
-    });
-
-    it('returns a default 0 if there are any issues with the touches passed in', () => {
-      expect(getVelocity([])).toBe(0);
-    });
-  });
-
-  describe('applying elasticity to a drag event', () => {
-    it('gradually reduces the amount of difference returned toward a maximum distance', () => {
-      global.innerWidth = 375;
-      const maximumDraggableDistance = 125;
-
-      expect(getElasticDragDifference(0)).toBe(0);
-      expect(getApproximateElasticDragDifference(50)).toBe(28);
-      expect(getApproximateElasticDragDifference(100)).toBe(49);
-      expect(getApproximateElasticDragDifference(150)).toBe(66);
-      expect(getApproximateElasticDragDifference(200)).toBe(79);
-      expect(getApproximateElasticDragDifference(250)).toBe(89);
-      expect(getApproximateElasticDragDifference(300)).toBe(97);
-      expect(getApproximateElasticDragDifference(350)).toBe(103);
-
-      expect(getElasticDragDifference(10000)).toBe(maximumDraggableDistance);
-    });
-
-    it('limits the maximum dragable distance on larger screens', () => {
-      global.innerWidth = 1024;
-      const maximumDraggableDistance = 150;
-      expect(getElasticDragDifference(10000)).toBe(maximumDraggableDistance);
-    });
-  });
 });
-
-const getApproximateElasticDragDifference = (difference: number) =>
-  Math.round(getElasticDragDifference(difference));

package/src/tabs/utils.ts

@@ -35,23 +35,3 @@ export const swipeShouldChangeTab = (start: Swipe, end: Swipe) => {
 
   return swipedSignificantDistance(difference) && swipedWithSignificantVelocity(velocity);
 };
-
-export function getVelocity(coords: Swipe[]) {
-  try {
-    const relevant = coords.slice(Math.max(coords.length - 5, 1));
-    const first = relevant[0];
-    const last = relevant[relevant.length - 1];
-
-    return Math.abs(first.x - last.x) / (last.time - first.time);
-  } catch {
-    return 0;
-  }
-}
-
-/*
-  `elasticDrag` is the translateX value, which slows down as the difference increases
-  `1 - Math.E ** (-0.005 * difference)` provides a % value of how far we want to translate (0.005 being the rate)
-  `Math.min(150, window.innerWidth / 3)` provides the maximum translate value
-*/
-export const getElasticDragDifference = (difference: number) =>
-  Math.min(150, window.innerWidth / 3) * (1 - Math.E ** (-0.005 * difference));