@fajarmaulana/komerce-lp-helper 0.2.2 → 0.3.1

package/dist/hooks/slider.js

@@ -1,19 +1,3 @@
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { useMemo, useRef, useState } from 'react';
 import { MOBILE_BOUND } from '../constants';
@@ -25,9 +9,8 @@ import { MOBILE_BOUND } from '../constants';
  * @param axis - The axis to get position from, either 'X' or 'Y' (default: 'X').
  * @returns The page X or Y coordinate from the event.
  */
-export function slider(_a) {
-    var e = _a.e, mobile = _a.mobile, axis = _a.axis;
-    return mobile ? e.changedTouches[0]["page".concat(axis)] : e["page".concat(axis)];
+export function slider({ e, mobile, axis }) {
+    return mobile ? e.changedTouches[0][`page${axis}`] : e[`page${axis}`];
 }
 /**
  * useSlider is a custom hook to manage the logic for the slider component.
@@ -41,24 +24,23 @@ export function slider(_a) {
  * @param onBack - Emited method to override the back function.
  * @returns An object containing state values and handlers for slider control and interaction.
  */
-export function useSlider(_a) {
-    var data = _a.data, mobileOnly = _a.mobileOnly, infiniteSlide = _a.infiniteSlide, isLoading = _a.isLoading, mobileBound = _a.mobileBound, onBack = _a.onBack, onNext = _a.onNext;
-    var _b = __read(useState(0), 2), currentSlide = _b[0], setCurrentSlide = _b[1];
-    var _c = __read(useState(0), 2), movement = _c[0], setMovement = _c[1];
-    var _d = __read(useState(false), 2), grab = _d[0], setGrab = _d[1];
-    var startRef = useRef(0);
-    var endRef = useRef(0);
-    var throttleRef = useRef(false);
+export function useSlider({ data, mobileOnly, infiniteSlide, isLoading, mobileBound, onBack, onNext }) {
+    const [currentSlide, setCurrentSlide] = useState(0);
+    const [movement, setMovement] = useState(0);
+    const [grab, setGrab] = useState(false);
+    const startRef = useRef(0);
+    const endRef = useRef(0);
+    const throttleRef = useRef(false);
     /**
      * Determines whether the left navigation arrow should be disabled.
      */
-    var disableLeftArrow = useMemo(function () {
+    const disableLeftArrow = useMemo(() => {
         return currentSlide === 0 || data.length === 0 || isLoading;
     }, [currentSlide, data, isLoading]);
     /**
      * Determines whether the right navigation arrow should be disabled.
      */
-    var disableRightArrow = useMemo(function () {
+    const disableRightArrow = useMemo(() => {
         return currentSlide === data.length - 1 || data.length === 0 || isLoading;
     }, [currentSlide, data, isLoading]);
     /**
@@ -67,7 +49,7 @@ export function useSlider(_a) {
      * @param e - Mouse or touch event.
      * @param param - Optional parameter to indicate a mobile event. Defaults to `true`.
      */
-    var startSlide = function (param) {
+    const startSlide = (param) => {
         if (mobileOnly && window.innerWidth >= (mobileBound || MOBILE_BOUND))
             return;
         startRef.current = slider(param);
@@ -79,13 +61,13 @@ export function useSlider(_a) {
      * @param e - Mouse or touch event.
      * @param param - Optional parameter to indicate a mobile event.
      */
-    var moveSlide = function (param) {
+    const moveSlide = (param) => {
         if (mobileOnly && window.innerWidth >= (mobileBound || MOBILE_BOUND))
             return;
-        var diff = slider(param) - startRef.current;
-        var move = param.mobile && Math.abs(diff) <= 24 ? 0 : diff;
+        const diff = slider(param) - startRef.current;
+        const move = param.mobile && Math.abs(diff) <= 24 ? 0 : diff;
         if (!onNext || !onBack) {
-            var len = data.length - 1;
+            const len = data.length - 1;
             if (currentSlide === 0 && move > 0)
                 setCurrentSlide(0);
             if (currentSlide === len && move < 0)
@@ -96,42 +78,41 @@ export function useSlider(_a) {
     /**
      * Throttle call of next and back function.
      */
-    var throttle = function (callback, delay) {
-        if (delay === void 0) { delay = 100; }
+    const throttle = (callback, delay = 100) => {
         if (throttleRef.current)
             return;
         throttleRef.current = true;
         callback();
-        setTimeout(function () {
+        setTimeout(() => {
             throttleRef.current = false;
         }, delay);
     };
     /**
      * Navigates to the next slide if possible.
      */
-    var next = function () {
+    const next = () => {
         if (disableRightArrow && !infiniteSlide)
             return;
-        throttle(function () {
+        throttle(() => {
             if (disableRightArrow) {
                 setCurrentSlide(0);
                 return;
             }
-            setCurrentSlide(function (prev) { return prev + 1; });
+            setCurrentSlide(prev => prev + 1);
         });
     };
     /**
      * Navigates to the previous slide if possible.
      */
-    var back = function () {
+    const back = () => {
         if (disableLeftArrow && !infiniteSlide)
             return;
-        throttle(function () {
+        throttle(() => {
             if (disableLeftArrow) {
                 setCurrentSlide(data.length - 1);
                 return;
             }
-            setCurrentSlide(function (prev) { return prev - 1; });
+            setCurrentSlide(prev => prev - 1);
         });
     };
     /**
@@ -140,7 +121,7 @@ export function useSlider(_a) {
      * @param e - Mouse or touch event.
      * @param param - Optional parameter to indicate a mobile event.
      */
-    var endSlide = function (param) {
+    const endSlide = (param) => {
         if (mobileOnly && window.innerWidth >= (mobileBound || MOBILE_BOUND))
             return;
         setGrab(false);
@@ -152,16 +133,16 @@ export function useSlider(_a) {
         setMovement(0);
     };
     return {
-        currentSlide: currentSlide,
-        movement: movement,
-        grab: grab,
-        disableLeftArrow: disableLeftArrow,
-        disableRightArrow: disableRightArrow,
-        setCurrentSlide: setCurrentSlide,
-        startSlide: startSlide,
-        moveSlide: moveSlide,
-        endSlide: endSlide,
-        next: next,
-        back: back,
+        currentSlide,
+        movement,
+        grab,
+        disableLeftArrow,
+        disableRightArrow,
+        setCurrentSlide,
+        startSlide,
+        moveSlide,
+        endSlide,
+        next,
+        back,
     };
 }