farm-react 1.0.9 → 1.0.11

package/dist/esm/hooks/slider/useSliderDraggable.d.ts

@@ -0,0 +1,42 @@
+/**
+ * -----------------------------------------------------------------------------
+ * @file useSliderDraggable
+ * -----------------------------------------------------------------------------
+ *
+ * @description A custom React hook that enables pointer-based drag interactions
+ * for the Slick slider component.
+ * Responsibilities:
+ * - Attaches pointer event listeners to the slider container
+ * - Tracks drag state and movement distance
+ * - Applies real-time transforms during dragging
+ * - Determines swipe intent using a configurable threshold
+ * - Triggers next/previous slide navigation based on drag direction
+ * - Safely handles pointer cancellation and cleanup
+ * Behavior:
+ * - Dragging is enabled only when `draggable.enableDrag` is true
+ * - Horizontal movement controls slide navigation
+ * - Transitions are suppressed during drag and restored on release
+ * - Automatically cleans up listeners on unmount or ref changes
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2017-present BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+import { type MutableRefObject, type RefObject } from 'react';
+import type { SlickSliderRefs } from './useSlider';
+export interface SliderDraggableProps {
+    applyTransform: (val: number, withTransition?: boolean, isRaw?: boolean) => void;
+    calculateTranslate: (idx: number) => number;
+    draggable?: {
+        dragThreshold?: number;
+        enableDrag?: boolean;
+    };
+    handleNextSlide: () => void;
+    handlePrevSlide: () => void;
+    hasNextBtnDisabled: () => boolean;
+    hasPrevBtnDisabled: () => boolean;
+    sliderObjRefs: MutableRefObject<SlickSliderRefs>;
+    sliderWrapperRef: RefObject<HTMLDivElement | null>;
+}
+declare function useSliderDraggable({ applyTransform, calculateTranslate, draggable, handleNextSlide, handlePrevSlide, hasNextBtnDisabled, hasPrevBtnDisabled, sliderObjRefs, sliderWrapperRef, }: SliderDraggableProps): void;
+export default useSliderDraggable;

package/dist/esm/hooks/slider/useSliderDraggable.js

@@ -0,0 +1,141 @@
+/**
+ * -----------------------------------------------------------------------------
+ * @file useSliderDraggable
+ * -----------------------------------------------------------------------------
+ *
+ * @description A custom React hook that enables pointer-based drag interactions
+ * for the Slick slider component.
+ * Responsibilities:
+ * - Attaches pointer event listeners to the slider container
+ * - Tracks drag state and movement distance
+ * - Applies real-time transforms during dragging
+ * - Determines swipe intent using a configurable threshold
+ * - Triggers next/previous slide navigation based on drag direction
+ * - Safely handles pointer cancellation and cleanup
+ * Behavior:
+ * - Dragging is enabled only when `draggable.enableDrag` is true
+ * - Horizontal movement controls slide navigation
+ * - Transitions are suppressed during drag and restored on release
+ * - Automatically cleans up listeners on unmount or ref changes
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2017-present BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+import { useEffect } from 'react';
+import { destructObj, isNullOrUndefined, preventDefault } from '../../helpers';
+function useSliderDraggable(_a) {
+    var applyTransform = _a.applyTransform, calculateTranslate = _a.calculateTranslate, draggable = _a.draggable, handleNextSlide = _a.handleNextSlide, handlePrevSlide = _a.handlePrevSlide, hasNextBtnDisabled = _a.hasNextBtnDisabled, hasPrevBtnDisabled = _a.hasPrevBtnDisabled, sliderObjRefs = _a.sliderObjRefs, sliderWrapperRef = _a.sliderWrapperRef;
+    useEffect(function () {
+        var _a = destructObj(draggable), _b = _a.dragThreshold, dragThreshold = _b === void 0 ? 200 : _b, _c = _a.enableDrag, enableDrag = _c === void 0 ? true : _c;
+        var _d = sliderObjRefs.current, currentIndex = _d.currentIndex, drag = _d.drag;
+        var container = sliderWrapperRef.current;
+        if (!enableDrag || isNullOrUndefined(container))
+            return undefined;
+        /**
+         * Handles the pointer down event to initiate a drag interaction.
+         * - Captures the pointer to continue receiving move/up events
+         *   even if the pointer leaves the container
+         * - Initializes drag state (start position and reset translate)
+         */
+        function handlePointerDown(event) {
+            if (isNullOrUndefined(container))
+                return;
+            container.setPointerCapture(event.pointerId);
+            Object.assign(drag, {
+                isDragging: true,
+                startX: event.clientX,
+                startY: event.clientY,
+                translate: 0,
+            });
+            preventDefault(event);
+        }
+        /**
+         * Handles pointer move events during an active drag gesture.
+         * - Runs only while dragging is in progress
+         * - Calculates horizontal movement delta from the initial pointer position
+         * - Updates drag translate value for threshold / direction detection
+         * - Applies a real-time transform without transition for smooth dragging
+         */
+        function handlePointerMove(event) {
+            if (isNullOrUndefined(container) || !drag.isDragging)
+                return;
+            var delta = event.clientX - drag.startX;
+            var base = calculateTranslate(currentIndex);
+            Object.assign(drag, { translate: delta });
+            applyTransform(delta + base, false, true);
+            preventDefault(event);
+        }
+        /**
+         * Handles the pointer up event to finalize a drag interaction.
+         * - Releases pointer capture to stop receiving pointer events
+         * - Evaluates total drag distance against the configured threshold
+         * - Triggers slide navigation based on drag direction and availability
+         * - Reverts to the current slide if the drag is insufficient or navigation is disabled
+         */
+        function handlePointerUp(event) {
+            if (isNullOrUndefined(container) || !drag.isDragging)
+                return;
+            container.releasePointerCapture(event.pointerId);
+            var translate = drag.translate;
+            Object.assign(drag, { isDragging: false });
+            if (Math.abs(translate) <= dragThreshold) {
+                applyTransform(currentIndex, true);
+                return;
+            }
+            if (translate < 0 && !hasNextBtnDisabled()) {
+                handleNextSlide();
+                return;
+            }
+            if (translate > 0 && !hasPrevBtnDisabled()) {
+                handlePrevSlide();
+                return;
+            }
+            applyTransform(currentIndex, true);
+        }
+        /**
+         * Handles pointer cancel events to safely abort an active drag interaction.
+         * - Triggered when the browser cancels the pointer sequence
+         *   (e.g., touch interruption, context menu, lost capture)
+         * - Releases pointer capture to avoid stuck pointer states
+         * - Resets dragging state
+         * - Smoothly reverts the slider back to the current active slid.
+         */
+        function handlePointerCancel(event) {
+            if (isNullOrUndefined(container) || !drag.isDragging)
+                return;
+            container.releasePointerCapture(event.pointerId);
+            Object.assign(drag, { isDragging: false });
+            applyTransform(currentIndex, true);
+        }
+        /**
+         * Registers pointer event listeners on the slider container
+         * to enable drag-based interactions.
+         *
+         * Cleanup ensures all listeners are removed when the component
+         * unmounts or the container reference changes, preventing
+         * memory leaks and duplicate handlers.
+         */
+        container.addEventListener('pointerdown', handlePointerDown);
+        container.addEventListener('pointermove', handlePointerMove);
+        container.addEventListener('pointerup', handlePointerUp);
+        container.addEventListener('pointercancel', handlePointerCancel);
+        /**
+         * Restrict touch gestures to vertical scrolling only (pan-y),allowing smooth page scroll while
+         * preventing horizontal touch interference during slider drag interactions.
+         */
+        var touchActionAxis = 'pan-y';
+        Object.assign(container.style, { touchAction: touchActionAxis });
+        return function () {
+            if (isNullOrUndefined(container))
+                return;
+            container.removeEventListener('pointerdown', handlePointerDown);
+            container.removeEventListener('pointermove', handlePointerMove);
+            container.removeEventListener('pointerup', handlePointerUp);
+            container.removeEventListener('pointercancel', handlePointerCancel);
+            Object.assign(container.style, { touchAction: '' });
+        };
+    }, [sliderObjRefs, handleNextSlide, handlePrevSlide, hasNextBtnDisabled, handlePrevSlide]);
+}
+export default useSliderDraggable;
+//# sourceMappingURL=useSliderDraggable.js.map

package/dist/esm/hooks/slider/useSliderDraggable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSliderDraggable.js","sourceRoot":"","sources":["../../../../src/hooks/slider/useSliderDraggable.ts"],"names":[],"mappings":"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"}

package/dist/esm/hooks/slider/useSliderNavigation.d.ts

@@ -0,0 +1,42 @@
+/**
+ * -----------------------------------------------------------------------------
+ * @file useSliderNavigation
+ * -----------------------------------------------------------------------------
+ *
+ * @description This hook is responsible for handling all slider navigation logic.
+ *
+ * Features:
+ * - Handles next slide navigation
+ * - Handles previous slide navigation
+ * - Controls next button disabled state
+ * - Controls previous button disabled state
+ * - Provides the active indicator index
+ * - Calculates the total number of indicators
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2017-present BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+import { type MutableRefObject, type RefObject } from 'react';
+import type { SlickSliderRefs } from './useSlider';
+interface UseSlickSliderNavigationReturn {
+    getActiveIndicatorIndex: () => number | undefined;
+    getIndicatorCount: () => number | undefined;
+    goToSlideIndicator: (indicatorIndex: number) => void;
+    handleNextSlide: () => void;
+    handlePrevSlide: () => void;
+    hasNextBtnDisabled: () => boolean;
+    hasPrevBtnDisabled: () => boolean;
+}
+interface UseSlickSliderDimensionsProps {
+    activeSlide: number;
+    applyTransform: (indexOrTranslate: number, withTransition?: boolean) => void;
+    loop: boolean;
+    sliderObjRefs: MutableRefObject<SlickSliderRefs>;
+    sliderWrapperRef: RefObject<HTMLDivElement | null>;
+    slideToScroll: number;
+    slideToShow: number;
+    speed?: number;
+}
+declare function useSliderNavigation({ activeSlide, applyTransform, loop, sliderObjRefs, slideToScroll, slideToShow, speed, }: UseSlickSliderDimensionsProps): UseSlickSliderNavigationReturn;
+export default useSliderNavigation;

package/dist/esm/hooks/slider/useSliderNavigation.js

@@ -0,0 +1,122 @@
+/**
+ * -----------------------------------------------------------------------------
+ * @file useSliderNavigation
+ * -----------------------------------------------------------------------------
+ *
+ * @description This hook is responsible for handling all slider navigation logic.
+ *
+ * Features:
+ * - Handles next slide navigation
+ * - Handles previous slide navigation
+ * - Controls next button disabled state
+ * - Controls previous button disabled state
+ * - Provides the active indicator index
+ * - Calculates the total number of indicators
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2017-present BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+import { useCallback, useState } from 'react';
+// this string used for the navigate with throttle
+var ctrlBtnString = 'ctrlBtn';
+function useSliderNavigation(_a) {
+    var activeSlide = _a.activeSlide, applyTransform = _a.applyTransform, loop = _a.loop, sliderObjRefs = _a.sliderObjRefs, slideToScroll = _a.slideToScroll, slideToShow = _a.slideToShow, _b = _a.speed, speed = _b === void 0 ? 500 : _b;
+    // State
+    var _c = useState(activeSlide), currentSlideIndex = _c[0], setCurrentSlideIndex = _c[1];
+    /**
+     * Calculates the currently active indicator index based on slide position.
+     */
+    var getActiveIndicatorIndex = useCallback(function () { return Math.ceil(currentSlideIndex / slideToScroll); }, [currentSlideIndex, slideToScroll]);
+    /**
+     * Computes the total number of indicators required for the slider.
+     */
+    var getIndicatorCount = useCallback(function () {
+        var totalSlides = sliderObjRefs.current.totalSlides;
+        return Math.max(1, Math.ceil(totalSlides / slideToScroll));
+    }, [sliderObjRefs, slideToScroll]);
+    /**
+     * Moves the slider to a given slide index.
+     * - Stops execution if a slide animation is already running and the action
+     * was triggered by next/prev buttons (prevents rapid clicks).
+     * - Updates internal state and refs to point to the target slide.
+     * - Applies a smooth transition to move the slider.
+     * - If looping is disabled:
+     *   - Finishes after the animation and exits.
+     *
+     * - If looping is enabled (infinite slider):
+     *   - Waits for the animation to finish.
+     *   - Adjusts the slide index so it stays within valid bounds.
+     *   - Instantly moves the slider (without animation) to the corrected position.
+     *   - Updates internal state and refs.
+     *
+     * This logic creates a smooth infinite scrolling effect.
+     */
+    var gotoSlideItem = useCallback(function (targetIndex, type) {
+        var _a = sliderObjRefs.current, isTransitionComplete = _a.isTransitionComplete, totalSlides = _a.totalSlides;
+        if (isTransitionComplete && type === 'ctrlBtn')
+            return;
+        Object.assign(sliderObjRefs.current, { currentIndex: targetIndex, isTransitionComplete: true });
+        setCurrentSlideIndex(targetIndex);
+        applyTransform(targetIndex, true);
+        if (!loop) {
+            Object.assign(sliderObjRefs.current, { isTransitionComplete: false });
+            return;
+        }
+        setTimeout(function () {
+            var currentIndex = sliderObjRefs.current.currentIndex;
+            var loopedIndex = ((currentIndex % totalSlides) + totalSlides) % totalSlides;
+            var finalIndex = Math.min(loopedIndex, totalSlides);
+            applyTransform(finalIndex, false);
+            Object.assign(sliderObjRefs.current, { currentIndex: finalIndex, isTransitionComplete: false });
+            setCurrentSlideIndex(finalIndex);
+        }, speed);
+    }, [sliderObjRefs, setCurrentSlideIndex, applyTransform, loop, speed]);
+    /** Navigates to a slide based on indicator (dot) index. */
+    var goToSlideIndicator = useCallback(function (indicatorIndex) {
+        var targetSlideIndex = indicatorIndex * slideToScroll;
+        gotoSlideItem(targetSlideIndex);
+    }, [slideToScroll, gotoSlideItem]);
+    /** Function responsible for handling the next slide. */
+    var handleNextSlide = useCallback(function () {
+        var currentIdx = sliderObjRefs.current.currentIndex;
+        var nextIndex = currentIdx + slideToScroll;
+        gotoSlideItem(nextIndex, ctrlBtnString);
+    }, [gotoSlideItem, sliderObjRefs, slideToScroll]);
+    /** Function responsible for handling the prev slide. */
+    var handlePrevSlide = useCallback(function () {
+        var currentIdx = sliderObjRefs.current.currentIndex;
+        var prevIndex = currentIdx - slideToScroll;
+        gotoSlideItem(prevIndex, ctrlBtnString);
+    }, [gotoSlideItem, sliderObjRefs, slideToScroll]);
+    /**
+     * function determines whether the slider can navigate to the next set of slides.
+     * Always returns true when looping is enabled.
+     */
+    var hasNextBtnDisabled = useCallback(function () {
+        if (loop)
+            return false;
+        var totalSlides = sliderObjRefs.current.totalSlides;
+        return currentSlideIndex >= totalSlides - slideToShow;
+    }, [currentSlideIndex, slideToShow, sliderObjRefs, loop]);
+    /**
+     * function determines whether the slider can navigate to the previous set of slides.
+     * Always returns true when looping is enabled.
+     */
+    var hasPrevBtnDisabled = useCallback(function () {
+        if (loop)
+            return false;
+        return currentSlideIndex <= 0;
+    }, [currentSlideIndex, loop]);
+    return {
+        getActiveIndicatorIndex: getActiveIndicatorIndex,
+        getIndicatorCount: getIndicatorCount,
+        goToSlideIndicator: goToSlideIndicator,
+        handleNextSlide: handleNextSlide,
+        handlePrevSlide: handlePrevSlide,
+        hasNextBtnDisabled: hasNextBtnDisabled,
+        hasPrevBtnDisabled: hasPrevBtnDisabled,
+    };
+}
+export default useSliderNavigation;
+//# sourceMappingURL=useSliderNavigation.js.map

package/dist/esm/hooks/slider/useSliderNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSliderNavigation.js","sourceRoot":"","sources":["../../../../src/hooks/slider/useSliderNavigation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAyC,MAAM,OAAO,CAAA;AAyBpF,kDAAkD;AAClD,IAAM,aAAa,GAAG,SAAkB,CAAA;AAExC,SAAS,mBAAmB,CAAC,EAQG;QAP9B,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA;IAEX,QAAQ;IACF,IAAA,KAA4C,QAAQ,CAAC,WAAW,CAAC,EAAhE,iBAAiB,QAAA,EAAE,oBAAoB,QAAyB,CAAA;IAEvE;;OAEG;IACH,IAAM,uBAAuB,GAAG,WAAW,CACzC,cAA0B,OAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,GAAG,aAAa,CAAC,EAA5C,CAA4C,EACtE,CAAC,iBAAiB,EAAE,aAAa,CAAC,CACnC,CAAA;IAED;;OAEG;IACH,IAAM,iBAAiB,GAAG,WAAW,CAAC;QAC5B,IAAA,WAAW,GAAK,aAAa,CAAC,OAAO,YAA1B,CAA0B;QAC7C,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,CAAC,CAAA;IAC5D,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC,CAAA;IAElC;;;;;;;;;;;;;;;;OAgBG;IACH,IAAM,aAAa,GAAG,WAAW,CAC/B,UAAC,WAAmB,EAAE,IAA2B;QACzC,IAAA,KAAwC,aAAa,CAAC,OAAO,EAA3D,oBAAoB,0BAAA,EAAE,WAAW,iBAA0B,CAAA;QAEnE,IAAI,oBAAoB,IAAI,IAAI,KAAK,SAAS;YAAE,OAAM;QACtD,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,YAAY,EAAE,WAAW,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC,CAAA;QAC/F,oBAAoB,CAAC,WAAW,CAAC,CAAA;QACjC,cAAc,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;QACjC,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC,CAAA;YACrE,OAAM;QACR,CAAC;QACD,UAAU,CAAC;YACD,IAAA,YAAY,GAAK,aAAa,CAAC,OAAO,aAA1B,CAA0B;YAC9C,IAAM,WAAW,GAAG,CAAC,CAAC,YAAY,GAAG,WAAW,CAAC,GAAG,WAAW,CAAC,GAAG,WAAW,CAAA;YAC9E,IAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;YAErD,cAAc,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;YACjC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC,CAAA;YAC/F,oBAAoB,CAAC,UAAU,CAAC,CAAA;QAClC,CAAC,EAAE,KAAK,CAAC,CAAA;IACX,CAAC,EACD,CAAC,aAAa,EAAE,oBAAoB,EAAE,cAAc,EAAE,IAAI,EAAE,KAAK,CAAC,CACnE,CAAA;IAED,2DAA2D;IAC3D,IAAM,kBAAkB,GAAG,WAAW,CACpC,UAAC,cAAsB;QACrB,IAAM,gBAAgB,GAAG,cAAc,GAAG,aAAa,CAAA;QACvD,aAAa,CAAC,gBAAgB,CAAC,CAAA;IACjC,CAAC,EACD,CAAC,aAAa,EAAE,aAAa,CAAC,CAC/B,CAAA;IAED,wDAAwD;IACxD,IAAM,eAAe,GAAG,WAAW,CAAC;QAC1B,IAAc,UAAU,GAAK,aAAa,CAAC,OAAO,aAA1B,CAA0B;QAC1D,IAAM,SAAS,GAAG,UAAU,GAAG,aAAa,CAAA;QAC5C,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;IACzC,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAA;IAEjD,wDAAwD;IACxD,IAAM,eAAe,GAAG,WAAW,CAAC;QAC1B,IAAc,UAAU,GAAK,aAAa,CAAC,OAAO,aAA1B,CAA0B;QAE1D,IAAM,SAAS,GAAG,UAAU,GAAG,aAAa,CAAA;QAC5C,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;IACzC,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAA;IAEjD;;;OAGG;IACH,IAAM,kBAAkB,GAAG,WAAW,CAAC;QACrC,IAAI,IAAI;YAAE,OAAO,KAAK,CAAA;QACd,IAAA,WAAW,GAAK,aAAa,CAAC,OAAO,YAA1B,CAA0B;QAC7C,OAAO,iBAAiB,IAAI,WAAW,GAAG,WAAW,CAAA;IACvD,CAAC,EAAE,CAAC,iBAAiB,EAAE,WAAW,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC,CAAA;IAEzD;;;OAGG;IACH,IAAM,kBAAkB,GAAG,WAAW,CAAC;QACrC,IAAI,IAAI;YAAE,OAAO,KAAK,CAAA;QACtB,OAAO,iBAAiB,IAAI,CAAC,CAAA;IAC/B,CAAC,EAAE,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC,CAAA;IAE7B,OAAO;QACL,uBAAuB,yBAAA;QACvB,iBAAiB,mBAAA;QACjB,kBAAkB,oBAAA;QAClB,eAAe,iBAAA;QACf,eAAe,iBAAA;QACf,kBAAkB,oBAAA;QAClB,kBAAkB,oBAAA;KACnB,CAAA;AACH,CAAC;AAED,eAAe,mBAAmB,CAAA"}

package/dist/esm/hooks/slider/useSliderTransform.d.ts

@@ -0,0 +1,31 @@
+/**
+ * -----------------------------------------------------------------------------
+ * @file useSliderTransform
+ * -----------------------------------------------------------------------------
+ *
+ * @description Hooks responsible for adding the Transition effect on Slider.
+ *
+ * Features:
+ * - Calculate the slider transited value according to slideToShow item.
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2017-present BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+import { type MutableRefObject, type RefObject } from 'react';
+import type { SlickSliderAnimationConfig } from '../../components/SlickSlider';
+import type { SlickSliderRefs } from './useSlider';
+interface SlickSliderTransformProps {
+    animationConfig: SlickSliderAnimationConfig;
+    isAllSlidesVisible: boolean;
+    orientation: 'horizontal' | 'vertical';
+    sliderObjRefs: MutableRefObject<SlickSliderRefs>;
+    sliderWrapperRef: RefObject<HTMLDivElement | null>;
+    slideToShow: number;
+}
+interface SlickSliderTransformReturn {
+    applyTransform: (indexOrTranslate: number, withTransition?: boolean, isMouseMoving?: boolean) => void;
+    calculateTranslate: (indexOrTranslate: number) => number;
+}
+declare function useSliderTransform({ animationConfig, isAllSlidesVisible, orientation, sliderObjRefs, sliderWrapperRef, slideToShow, }: Readonly<SlickSliderTransformProps>): SlickSliderTransformReturn;
+export default useSliderTransform;

package/dist/esm/hooks/slider/useSliderTransform.js

@@ -0,0 +1,64 @@
+/**
+ * -----------------------------------------------------------------------------
+ * @file useSliderTransform
+ * -----------------------------------------------------------------------------
+ *
+ * @description Hooks responsible for adding the Transition effect on Slider.
+ *
+ * Features:
+ * - Calculate the slider transited value according to slideToShow item.
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2017-present BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+import { useCallback } from 'react';
+import { destructObj, isNullOrUndefined } from '../../helpers';
+function useSliderTransform(_a) {
+    var animationConfig = _a.animationConfig, isAllSlidesVisible = _a.isAllSlidesVisible, orientation = _a.orientation, sliderObjRefs = _a.sliderObjRefs, sliderWrapperRef = _a.sliderWrapperRef, slideToShow = _a.slideToShow;
+    // Constant
+    var isVertical = orientation === 'vertical';
+    // Destruct props
+    var _b = destructObj(animationConfig), _c = _b.delay, delay = _c === void 0 ? 500 : _c, _d = _b.easing, easing = _d === void 0 ? 'ease' : _d;
+    /**
+     * Calculates how much the slider track should move when the slide changes.
+     * We add slideToShow to the index because extra (cloned) slides are added
+     * at the start for looping, so the real position shifts.
+     *
+     * - If the slider is vertical, the movement is calculated using slide height.
+     * - If the slider is horizontal, the movement is calculated using slide width.
+     *
+     * The returned value is negative because the track moves in the opposite
+     * direction of the slide change.
+     */
+    var calculateTranslate = useCallback(function (index) {
+        var _a = sliderObjRefs.current, _b = _a.containerHeight, containerHeight = _b === void 0 ? 0 : _b, _c = _a.containerWidth, containerWidth = _c === void 0 ? 0 : _c;
+        var extendedIndex = index + slideToShow;
+        if (isVertical) {
+            return -extendedIndex * containerHeight;
+        }
+        var slideWidth = containerWidth / slideToShow;
+        return -extendedIndex * slideWidth;
+    }, [orientation, slideToShow, sliderObjRefs]);
+    /**
+     * Applies translateX (or raw value) to the slider container,
+     * with optional transition handling.
+     */
+    var applyTransform = useCallback(function (indexOrTranslate, withTransition, isMouseMoving) {
+        if (withTransition === void 0) { withTransition = true; }
+        if (isMouseMoving === void 0) { isMouseMoving = false; }
+        var container = sliderWrapperRef.current;
+        if (isNullOrUndefined(container) || isAllSlidesVisible)
+            return;
+        var translatedValue = isMouseMoving ? indexOrTranslate : calculateTranslate(indexOrTranslate);
+        var axisX = isVertical ? 0 : translatedValue;
+        var axisY = isVertical ? translatedValue : 0;
+        Object.assign(container.style, {
+            transform: isVertical ? "translate3d(0,".concat(axisY, "px, 0)") : "translate3d(".concat(axisX, "px, 0, 0)"),
+            transition: withTransition ? "transform ".concat(delay, "ms ").concat(easing) : 'none',
+        });
+    }, [calculateTranslate, sliderWrapperRef, delay, easing, isAllSlidesVisible]);
+    return { applyTransform: applyTransform, calculateTranslate: calculateTranslate };
+}
+export default useSliderTransform;
+//# sourceMappingURL=useSliderTransform.js.map

package/dist/esm/hooks/slider/useSliderTransform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSliderTransform.js","sourceRoot":"","sources":["../../../../src/hooks/slider/useSliderTransform.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAE,WAAW,EAAyC,MAAM,OAAO,CAAA;AAC1E,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAmB9D,SAAS,kBAAkB,CAAC,EAOU;QANpC,eAAe,qBAAA,EACf,kBAAkB,wBAAA,EAClB,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,gBAAgB,sBAAA,EAChB,WAAW,iBAAA;IAEX,WAAW;IACX,IAAM,UAAU,GAAY,WAAW,KAAK,UAAU,CAAA;IAEtD,iBAAiB;IACX,IAAA,KAAmC,WAAW,CAAC,eAAe,CAAC,EAA7D,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA,EAAE,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAiC,CAAA;IAErE;;;;;;;;;;OAUG;IACH,IAAM,kBAAkB,GAAG,WAAW,CACpC,UAAC,KAAa;QACN,IAAA,KAA8C,aAAa,CAAC,OAAO,EAAjE,uBAAmB,EAAnB,eAAe,mBAAG,CAAC,KAAA,EAAE,sBAAkB,EAAlB,cAAc,mBAAG,CAAC,KAA0B,CAAA;QACzE,IAAM,aAAa,GAAG,KAAK,GAAG,WAAW,CAAA;QAEzC,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,CAAC,aAAa,GAAG,eAAe,CAAA;QACzC,CAAC;QACD,IAAM,UAAU,GAAG,cAAc,GAAG,WAAW,CAAA;QAE/C,OAAO,CAAC,aAAa,GAAG,UAAU,CAAA;IACpC,CAAC,EACD,CAAC,WAAW,EAAE,WAAW,EAAE,aAAa,CAAC,CAC1C,CAAA;IAED;;;OAGG;IACH,IAAM,cAAc,GAAG,WAAW,CAChC,UAAC,gBAAwB,EAAE,cAAqB,EAAE,aAAqB;QAA5C,+BAAA,EAAA,qBAAqB;QAAE,8BAAA,EAAA,qBAAqB;QACrE,IAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAA;QAC1C,IAAI,iBAAiB,CAAC,SAAS,CAAC,IAAI,kBAAkB;YAAE,OAAM;QAC9D,IAAM,eAAe,GAAG,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;QAC/F,IAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAA;QAC9C,IAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAA;QAC9C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE;YAC7B,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,wBAAiB,KAAK,WAAQ,CAAC,CAAC,CAAC,sBAAe,KAAK,cAAW;YACxF,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,oBAAa,KAAK,gBAAM,MAAM,CAAE,CAAC,CAAC,CAAC,MAAM;SACvE,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,kBAAkB,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,EAAE,kBAAkB,CAAC,CAC1E,CAAA;IAED,OAAO,EAAE,cAAc,gBAAA,EAAE,kBAAkB,oBAAA,EAAE,CAAA;AAC/C,CAAC;AAED,eAAe,kBAAkB,CAAA"}

package/dist/esm/index.d.ts

@@ -1,3 +1,4 @@
+import * as helper from './helpers/app';
 export { default as Accordion, type AccordionProps } from './components/Accordion';
 export { default as Alert, type AlertProps } from './components/Alert';
 export { default as Badge, type BadgeProps } from './components/Badge';
@@ -13,7 +14,7 @@ export { default as TextInput, type TextInputProps } from './components/TextInpu
 export { default as NumberInput, type NumberInputProps } from './components/NumberInput';
 export { default as Dropdown, type DropdownProps } from './components/Dropdown';
 export { default as MultiCheckbox, type MultiCheckboxProps } from './components/MultiCheckbox';
-export { default as SlickSlider, type SlickSliderProps, type SlickSliderDataProps, } from './components/Slider/SlickSlider';
+export { default as SlickSlider, type SlickSliderProps, type SlickSliderDataProps } from './components/SlickSlider';
 export { default as MultiRadio, type MultiRadioProps } from './components/MultiRadio';
 export { default as SkeletonLoader, type SkeletonLoaderProps } from './components/SkeletonLoader';
 export { default as ThreeDotsLoader, type ThreeDotsLoaderProps } from './components/ThreeDotsLoader';
@@ -21,3 +22,4 @@ export { default as RangeSlider, type RangeSliderProps } from './components/Rang
 export { default as RadioButtonGroup, type RadioButtonGroupProps } from './components/RadioButtonGroup';
 export { default as Tooltip, type TooltipProps } from './components/Tooltip';
 export { default as Search, type SearchProps } from './components/Search';
+export { helper };

package/dist/esm/index.js

@@ -1,3 +1,4 @@
+import * as helper from './helpers/app';
 export { default as Accordion } from './components/Accordion';
 export { default as Alert } from './components/Alert';
 export { default as Badge } from './components/Badge';
@@ -13,7 +14,7 @@ export { default as TextInput } from './components/TextInput';
 export { default as NumberInput } from './components/NumberInput';
 export { default as Dropdown } from './components/Dropdown';
 export { default as MultiCheckbox } from './components/MultiCheckbox';
-export { default as SlickSlider, } from './components/Slider/SlickSlider';
+export { default as SlickSlider } from './components/SlickSlider';
 export { default as MultiRadio } from './components/MultiRadio';
 export { default as SkeletonLoader } from './components/SkeletonLoader';
 export { default as ThreeDotsLoader } from './components/ThreeDotsLoader';
@@ -21,4 +22,5 @@ export { default as RangeSlider } from './components/RangeSlider';
 export { default as RadioButtonGroup } from './components/RadioButtonGroup';
 export { default as Tooltip } from './components/Tooltip';
 export { default as Search } from './components/Search';
+export { helper };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAuB,MAAM,wBAAwB,CAAA;AAClF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAmB,MAAM,oBAAoB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAmB,MAAM,oBAAoB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAA2C,MAAM,yBAAyB,CAAA;AACxG,OAAO,EAAE,OAAO,IAAI,MAAM,EAAoB,MAAM,qBAAqB,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAmB,MAAM,oBAAoB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAkB,MAAM,mBAAmB,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAyB,MAAM,0BAA0B,CAAA;AACxF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAoB,MAAM,qBAAqB,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAsB,MAAM,uBAAuB,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAmB,MAAM,oBAAoB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAuB,MAAM,wBAAwB,CAAA;AAClF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAyB,MAAM,0BAA0B,CAAA;AACxF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAsB,MAAM,uBAAuB,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,aAAa,EAA2B,MAAM,4BAA4B,CAAA;AAC9F,OAAO,EACL,OAAO,IAAI,WAAW,GAGvB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAwB,MAAM,yBAAyB,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,cAAc,EAA4B,MAAM,6BAA6B,CAAA;AACjG,OAAO,EAAE,OAAO,IAAI,eAAe,EAA6B,MAAM,8BAA8B,CAAA;AACpG,OAAO,EAAE,OAAO,IAAI,WAAW,EAAyB,MAAM,0BAA0B,CAAA;AACxF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAA8B,MAAM,+BAA+B,CAAA;AACvG,OAAO,EAAE,OAAO,IAAI,OAAO,EAAqB,MAAM,sBAAsB,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAoB,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAuB,MAAM,wBAAwB,CAAA;AAClF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAmB,MAAM,oBAAoB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAmB,MAAM,oBAAoB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAA2C,MAAM,yBAAyB,CAAA;AACxG,OAAO,EAAE,OAAO,IAAI,MAAM,EAAoB,MAAM,qBAAqB,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAmB,MAAM,oBAAoB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAkB,MAAM,mBAAmB,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAyB,MAAM,0BAA0B,CAAA;AACxF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAoB,MAAM,qBAAqB,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAsB,MAAM,uBAAuB,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAmB,MAAM,oBAAoB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAuB,MAAM,wBAAwB,CAAA;AAClF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAyB,MAAM,0BAA0B,CAAA;AACxF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAsB,MAAM,uBAAuB,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,aAAa,EAA2B,MAAM,4BAA4B,CAAA;AAC9F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAoD,MAAM,0BAA0B,CAAA;AACnH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAwB,MAAM,yBAAyB,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,cAAc,EAA4B,MAAM,6BAA6B,CAAA;AACjG,OAAO,EAAE,OAAO,IAAI,eAAe,EAA6B,MAAM,8BAA8B,CAAA;AACpG,OAAO,EAAE,OAAO,IAAI,WAAW,EAAyB,MAAM,0BAA0B,CAAA;AACxF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAA8B,MAAM,+BAA+B,CAAA;AACvG,OAAO,EAAE,OAAO,IAAI,OAAO,EAAqB,MAAM,sBAAsB,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAoB,MAAM,qBAAqB,CAAA;AACzE,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/package.json

@@ -1,10 +1,23 @@
 {
   "name": "farm-react",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "description": "",
   "main": "cjs/index.js",
   "module": "esm/index.js",
   "types": "esm/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./esm/index.d.ts",
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./helpers": {
+      "types": "./esm/helpers/index.d.ts",
+      "import": "./esm/helpers/index.js",
+      "require": "./cjs/helpers/index.js"
+    },
+    "./assets/styles/style.css": "./assets/styles/style.css"
+  },
   "peerDependencies": {
     "react": ">=18"
   },

package/package.json

@@ -1,15 +1,28 @@
 {
   "name": "farm-react",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "description": "",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/esm/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./helpers": {
+      "types": "./dist/esm/helpers/index.d.ts",
+      "import": "./dist/esm/helpers/index.js",
+      "require": "./dist/cjs/helpers/index.js"
+    },
+    "./assets/styles/style.css": "./dist/assets/styles/style.css"
+  },
   "scripts": {
     "prepare": "npm run build",
     "prepublishOnly": "npm run test && npm run prettier && npm run lint",
     "build": "npm run build:esm && npm run build:cjs && npm run build:package-json && npm run build:scss",
-    "build:package-json": "node -e \"const fs=require('fs');const pkg=require('./package.json');const distPkg={name:pkg.name,version:pkg.version,description:pkg.description,main:'cjs/index.js',module:'esm/index.js',types:'esm/index.d.ts',peerDependencies:pkg.peerDependencies,author:pkg.author,license:pkg.license};fs.writeFileSync('dist/package.json',JSON.stringify(distPkg,null,2));\"",
+    "build:package-json": "node -e \"const fs=require('fs');const pkg=require('./package.json');const distPkg={name:pkg.name,version:pkg.version,description:pkg.description,main:'cjs/index.js',module:'esm/index.js',types:'esm/index.d.ts',exports:{'.':{types:'./esm/index.d.ts',import:'./esm/index.js',require:'./cjs/index.js'},'./helpers':{types:'./esm/helpers/index.d.ts',import:'./esm/helpers/index.js',require:'./cjs/helpers/index.js'},'./assets/styles/style.css':'./assets/styles/style.css'},peerDependencies:pkg.peerDependencies,author:pkg.author,license:pkg.license};fs.writeFileSync('dist/package.json',JSON.stringify(distPkg,null,2));\"",
     "build:esm": "tsc",
     "build:cjs": "tsc --module commonjs --outDir dist/cjs",
     "build:scss": "sass src/assets/styles/style.scss dist/assets/styles/style.css --style=expanded",