farm-react 1.0.6 → 1.0.8

package/dist/cjs/components/Slider/Slider/useCenterMode.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function useCenterMode(_a) {
+    var _b = _a.activeSlideIndex, activeSlideIndex = _b === void 0 ? 0 : _b, slideToShow = _a.slideToShow;
+    var centerOffset = Math.floor(slideToShow / 2);
+    var centerIndex = slideToShow + activeSlideIndex + centerOffset;
+    // even slideToShow → two active slides
+    if (slideToShow === 1 || slideToShow === 2)
+        return [];
+    if (slideToShow % 2 === 0) {
+        return [centerIndex - 1, centerIndex];
+    }
+    // odd slideToShow
+    if (slideToShow === 3) {
+        return [centerIndex];
+    }
+    return [centerIndex - 1, centerIndex, centerIndex + 1];
+}
+exports.default = useCenterMode;
+/**
+     * Returns active slide indexes based on slideToShow and active indicator
+     * Works only when slideToShow is odd
+     */
+// function getActiveSlideIndexes(): number[] {
+// 	const activeSlideIndex = getActiveIndicatorIndex();
+// 	if (isNullOrUndefined(activeSlideIndex)) return [];
+// 	const centerOffset = Math.floor(slideToShow / 2);
+// 	const centerIndex = slideToShow + activeSlideIndex + centerOffset;
+// 	// even slideToShow → two active slides
+// 	if (slideToShow === 1 || slideToShow === 2) return [];
+// 	if (slideToShow % 2 === 0) {
+// 		return [centerIndex - 1, centerIndex];
+// 	}
+// 	// odd slideToShow
+// 	if (slideToShow === 3) {
+// 		return [centerIndex];
+// 	}
+// 	return [centerIndex - 1, centerIndex, centerIndex + 1];
+// }
+//# sourceMappingURL=useCenterMode.js.map

package/dist/cjs/components/Slider/Slider/useCenterMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCenterMode.js","sourceRoot":"","sources":["../../../../../src/components/Slider/Slider/useCenterMode.ts"],"names":[],"mappings":";;AAmBA,SAAS,aAAa,CAAC,EAGP;QAFf,wBAAoB,EAApB,gBAAgB,mBAAG,CAAC,KAAA,EACpB,WAAW,iBAAA;IAEX,IAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;IACjD,IAAM,WAAW,GAAG,WAAW,GAAG,gBAAgB,GAAG,YAAY,CAAC;IAClE,uCAAuC;IACvC,IAAI,WAAW,KAAK,CAAC,IAAI,WAAW,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IACtD,IAAI,WAAW,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;QAC3B,OAAO,CAAC,WAAW,GAAG,CAAC,EAAE,WAAW,CAAC,CAAC;IACvC,CAAC;IAED,kBAAkB;IAClB,IAAI,WAAW,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,CAAC,WAAW,CAAC,CAAC;IACtB,CAAC;IACD,OAAO,CAAC,WAAW,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,GAAG,CAAC,CAAC,CAAC;AACxD,CAAC;AACD,kBAAe,aAAa,CAAC;AAC7B;;;OAGI;AACJ,+CAA+C;AAC/C,uDAAuD;AACvD,uDAAuD;AAEvD,qDAAqD;AACrD,sEAAsE;AACtE,2CAA2C;AAC3C,0DAA0D;AAC1D,gCAAgC;AAChC,2CAA2C;AAC3C,KAAK;AAEL,sBAAsB;AACtB,4BAA4B;AAC5B,0BAA0B;AAC1B,KAAK;AACL,2DAA2D;AAC3D,IAAI"}

package/dist/cjs/components/Slider/Slider/useSlider.d.ts

@@ -0,0 +1,65 @@
+/**
+ * -----------------------------------------------------------------------------
+ * @file useSlider
+ * -----------------------------------------------------------------------------
+ *
+ * @description
+ * Main hook that controls all slider behavior.
+ *
+ * This hook connects multiple smaller slider hooks and makes them work
+ * together. It handles slide size calculation, navigation, animations,
+ * autoplay, draggable interactions, breakpoint-based configuration,
+ * and window resize updates.
+ *
+ * The UI layer only needs to use the values and functions returned from
+ * this hook.
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2025 BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+import { type Ref } from 'react';
+import { type SlickSliderAnimationConfig, type SlickSliderAutoPlayConfig } from './SlickSlider';
+import { SlickSliderConfig } from './useSliderBreakpoint';
+export interface UseSlickSliderReturn {
+    getActiveIndicatorIndex: () => number | undefined;
+    getIndicatorCount: () => number | undefined;
+    goToSlideIndicator: (index: number) => void;
+    handleNextSlide: () => void;
+    handlePrevSlide: () => void;
+    hasNextBtnDisabled: () => boolean;
+    hasPrevBtnDisabled: () => boolean;
+    sliderWrapperRef: Ref<HTMLDivElement>;
+}
+export interface UseSlickSliderProps {
+    activeSlide: number;
+    animationConfig: SlickSliderAnimationConfig;
+    autoPlayConfig: SlickSliderAutoPlayConfig;
+    breakpoints: SlickSliderConfig[];
+    draggable?: {
+        dragThreshold?: number;
+        enableDrag?: boolean;
+    };
+    gap: number;
+    isRTLMode: boolean;
+    loop: boolean;
+    slideToScroll: number;
+    slideToShow: number;
+    totalSlides: number;
+    variant: 'horizontal' | 'vertical';
+}
+export interface SlickSliderRefs {
+    containerHeight: number;
+    containerWidth: number;
+    currentIndex: number;
+    drag: {
+        isDragging: boolean;
+        startX: number;
+        startY: number;
+        translate: number;
+    };
+    isTransitionComplete: boolean;
+    totalSlides: number;
+}
+declare function useSlider({ activeSlide, animationConfig, autoPlayConfig, breakpoints, draggable, gap, isRTLMode, loop, slideToScroll, slideToShow, totalSlides, variant }: Readonly<UseSlickSliderProps>): UseSlickSliderReturn;
+export default useSlider;

package/dist/cjs/components/Slider/Slider/useSlider.js

@@ -0,0 +1,164 @@
+"use strict";
+/*eslint-disable*/
+/**
+ * -----------------------------------------------------------------------------
+ * @file useSlider
+ * -----------------------------------------------------------------------------
+ *
+ * @description
+ * Main hook that controls all slider behavior.
+ *
+ * This hook connects multiple smaller slider hooks and makes them work
+ * together. It handles slide size calculation, navigation, animations,
+ * autoplay, draggable interactions, breakpoint-based configuration,
+ * and window resize updates.
+ *
+ * The UI layer only needs to use the values and functions returned from
+ * this hook.
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2025 BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var Utils_1 = require("../../../Utils");
+var useSliderAutoPlay_1 = tslib_1.__importDefault(require("./useSliderAutoPlay"));
+var useSliderDimension_1 = tslib_1.__importDefault(require("./useSliderDimension"));
+var useSliderDraggable_1 = tslib_1.__importDefault(require("./useSliderDraggable"));
+var useSliderNavigation_1 = tslib_1.__importDefault(require("./useSliderNavigation"));
+var useSliderTransform_1 = tslib_1.__importDefault(require("./useSliderTransform"));
+var useSliderBreakpoint_1 = tslib_1.__importDefault(require("./useSliderBreakpoint"));
+function useSlider(_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var activeSlide = _a.activeSlide, animationConfig = _a.animationConfig, autoPlayConfig = _a.autoPlayConfig, breakpoints = _a.breakpoints, draggable = _a.draggable, gap = _a.gap, isRTLMode = _a.isRTLMode, loop = _a.loop, slideToScroll = _a.slideToScroll, slideToShow = _a.slideToShow, totalSlides = _a.totalSlides, variant = _a.variant;
+    var activeSlideIndex = (0, react_1.useMemo)(function () { return (totalSlides > 0 && activeSlide >= totalSlides ? 0 : activeSlide); }, [activeSlide, totalSlides]);
+    var breakpointConfigRef = (0, useSliderBreakpoint_1.default)({
+        breakpoints: breakpoints,
+        config: {
+            activeSlide: activeSlideIndex,
+            animationConfig: animationConfig,
+            autoPlayConfig: autoPlayConfig,
+            draggable: draggable,
+            gap: gap,
+            loop: loop,
+            slideToScroll: slideToScroll,
+            slideToShow: slideToShow
+        }
+    });
+    console.log(breakpointConfigRef);
+    /**
+     * Final resolved config:
+     * base props act as defaults, breakpoint values override them.
+     */
+    var breakPointConfig = (0, react_1.useMemo)(function () {
+        var _a;
+        return (tslib_1.__assign({ activeSlide: activeSlideIndex, animationConfig: animationConfig, autoPlayConfig: autoPlayConfig, draggable: draggable, gap: gap, loop: loop, slideToScroll: slideToScroll, slideToShow: slideToShow }, ((_a = breakpointConfigRef.current) !== null && _a !== void 0 ? _a : {})));
+    }, [
+        activeSlideIndex,
+        animationConfig,
+        autoPlayConfig,
+        draggable,
+        gap,
+        loop,
+        slideToScroll,
+        slideToShow,
+        breakpointConfigRef.current
+    ]);
+    var sliderWrapperRef = (0, react_1.useRef)(null);
+    var sliderObjRefs = (0, react_1.useRef)({
+        containerHeight: 0,
+        containerWidth: 0,
+        currentIndex: 0,
+        drag: {
+            isDragging: false,
+            startX: 0,
+            startY: 0,
+            translate: 0
+        },
+        isTransitionComplete: false,
+        totalSlides: totalSlides
+    });
+    var calculateDimensions = (0, useSliderDimension_1.default)({
+        gap: (_b = breakPointConfig.gap) !== null && _b !== void 0 ? _b : 10,
+        sliderObjRefs: sliderObjRefs,
+        sliderWrapperRef: sliderWrapperRef,
+        slideToShow: (_c = breakPointConfig.slideToShow) !== null && _c !== void 0 ? _c : 1,
+        variant: variant
+    }).calculateDimensions;
+    var isAllSlidesVisible = (0, react_1.useMemo)(function () {
+        var _a;
+        return ((_a = breakPointConfig.slideToShow) !== null && _a !== void 0 ? _a : 1) >=
+            sliderObjRefs.current.totalSlides;
+    }, [breakPointConfig.slideToShow, totalSlides]);
+    var _o = (0, useSliderTransform_1.default)({
+        animationConfig: (_d = breakPointConfig.animationConfig) !== null && _d !== void 0 ? _d : animationConfig,
+        isAllSlidesVisible: isAllSlidesVisible,
+        isRTLMode: isRTLMode,
+        sliderObjRefs: sliderObjRefs,
+        sliderWrapperRef: sliderWrapperRef,
+        slideToShow: (_e = breakPointConfig.slideToShow) !== null && _e !== void 0 ? _e : 1,
+        variant: variant
+    }), applyTransform = _o.applyTransform, calculateTranslate = _o.calculateTranslate;
+    var _p = (0, useSliderNavigation_1.default)({
+        activeSlide: (_f = breakPointConfig.activeSlide) !== null && _f !== void 0 ? _f : 0,
+        applyTransform: applyTransform,
+        loop: (_g = breakPointConfig.loop) !== null && _g !== void 0 ? _g : false,
+        sliderObjRefs: sliderObjRefs,
+        sliderWrapperRef: sliderWrapperRef,
+        slideToScroll: (_h = breakPointConfig.slideToScroll) !== null && _h !== void 0 ? _h : 1,
+        slideToShow: (_j = breakPointConfig.slideToShow) !== null && _j !== void 0 ? _j : 1,
+        speed: (_k = breakPointConfig.animationConfig) === null || _k === void 0 ? void 0 : _k.speed
+    }), getActiveIndicatorIndex = _p.getActiveIndicatorIndex, getIndicatorCount = _p.getIndicatorCount, goToSlideIndicator = _p.goToSlideIndicator, handleNextSlide = _p.handleNextSlide, handlePrevSlide = _p.handlePrevSlide, hasNextBtnDisabled = _p.hasNextBtnDisabled, hasPrevBtnDisabled = _p.hasPrevBtnDisabled;
+    (0, react_1.useEffect)(function () {
+        var _a;
+        calculateDimensions();
+        Utils_1.safeWindow === null || Utils_1.safeWindow === void 0 ? void 0 : Utils_1.safeWindow.addEventListener('resize', calculateDimensions);
+        if (sliderObjRefs.current.containerWidth > 0 ||
+            sliderObjRefs.current.containerHeight > 0) {
+            var index = (_a = breakPointConfig.activeSlide) !== null && _a !== void 0 ? _a : 0;
+            applyTransform(index, false);
+            sliderObjRefs.current.currentIndex = index;
+        }
+        return function () {
+            Utils_1.safeWindow === null || Utils_1.safeWindow === void 0 ? void 0 : Utils_1.safeWindow.removeEventListener('resize', calculateDimensions);
+        };
+    }, [
+        calculateDimensions,
+        applyTransform,
+        breakPointConfig.activeSlide,
+        breakPointConfig.slideToShow,
+        breakPointConfig.gap
+    ]);
+    (0, useSliderAutoPlay_1.default)({
+        autoPlayConfig: (_l = breakPointConfig.autoPlayConfig) !== null && _l !== void 0 ? _l : autoPlayConfig,
+        handleNextSlide: handleNextSlide,
+        isAllSlidesVisible: isAllSlidesVisible,
+        loop: (_m = breakPointConfig.loop) !== null && _m !== void 0 ? _m : false,
+        sliderWrapperRef: sliderWrapperRef
+    });
+    (0, useSliderDraggable_1.default)({
+        applyTransform: applyTransform,
+        calculateTranslate: calculateTranslate,
+        draggable: breakPointConfig.draggable,
+        handleNextSlide: handleNextSlide,
+        handlePrevSlide: handlePrevSlide,
+        hasNextBtnDisabled: hasNextBtnDisabled,
+        hasPrevBtnDisabled: hasPrevBtnDisabled,
+        sliderObjRefs: sliderObjRefs,
+        sliderWrapperRef: sliderWrapperRef
+    });
+    return {
+        getActiveIndicatorIndex: getActiveIndicatorIndex,
+        getIndicatorCount: getIndicatorCount,
+        goToSlideIndicator: goToSlideIndicator,
+        handleNextSlide: handleNextSlide,
+        handlePrevSlide: handlePrevSlide,
+        hasNextBtnDisabled: hasNextBtnDisabled,
+        hasPrevBtnDisabled: hasPrevBtnDisabled,
+        sliderWrapperRef: sliderWrapperRef
+    };
+}
+exports.default = useSlider;
+//# sourceMappingURL=useSlider.js.map

package/dist/cjs/components/Slider/Slider/useSlider.js.map

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

package/dist/cjs/components/Slider/Slider/useSliderAutoPlay.d.ts

@@ -0,0 +1,33 @@
+/**
+ * -----------------------------------------------------------------------------
+ * @file useSliderAutoPlay
+ * -----------------------------------------------------------------------------
+ *
+ * @description :- React hook that manages autoplay behavior for a slider component.
+ * Responsibilities:
+ * - Starts an interval-based autoplay when enabled
+ * - Stops autoplay safely on cleanup or when conditions change
+ * - Prevents multiple intervals from running simultaneously
+ * - Respects loop and transformation states to avoid invalid transitions
+ * Autoplay will:
+ * - Start only when `enable` is true
+ * - Pause automatically when the slider is transforming
+ * - Stop and clean up intervals on unmount
+ * @param autoPlayConfig Configuration object controlling autoplay behavior
+ * @param handleNextSlide Callback invoked to move to the next slide
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2026 BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+import { type RefObject } from 'react';
+import { type SlickSliderAutoPlayConfig } from './SlickSlider';
+interface UseSlickSliderAutoplayProps {
+    autoPlayConfig: SlickSliderAutoPlayConfig;
+    handleNextSlide: () => void;
+    isAllSlidesVisible: boolean;
+    loop: boolean;
+    sliderWrapperRef?: RefObject<HTMLDivElement | null>;
+}
+declare function useSliderAutoplay({ autoPlayConfig, handleNextSlide, isAllSlidesVisible, loop }: Readonly<UseSlickSliderAutoplayProps>): void;
+export default useSliderAutoplay;

package/dist/cjs/components/Slider/Slider/useSliderAutoPlay.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * -----------------------------------------------------------------------------
+ * @file useSliderAutoPlay
+ * -----------------------------------------------------------------------------
+ *
+ * @description :- React hook that manages autoplay behavior for a slider component.
+ * Responsibilities:
+ * - Starts an interval-based autoplay when enabled
+ * - Stops autoplay safely on cleanup or when conditions change
+ * - Prevents multiple intervals from running simultaneously
+ * - Respects loop and transformation states to avoid invalid transitions
+ * Autoplay will:
+ * - Start only when `enable` is true
+ * - Pause automatically when the slider is transforming
+ * - Stop and clean up intervals on unmount
+ * @param autoPlayConfig Configuration object controlling autoplay behavior
+ * @param handleNextSlide Callback invoked to move to the next slide
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2026 BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+var react_1 = require("react");
+var Utils_1 = require("../../../Utils");
+var helpers_1 = require("../../../helpers");
+function useSliderAutoplay(_a) {
+    var autoPlayConfig = _a.autoPlayConfig, handleNextSlide = _a.handleNextSlide, isAllSlidesVisible = _a.isAllSlidesVisible, loop = _a.loop;
+    // Destruct props
+    var _b = (0, helpers_1.destructObj)(autoPlayConfig), _c = _b.enable, enable = _c === void 0 ? false : _c, _d = _b.interval, interval = _d === void 0 ? 2000 : _d;
+    // Refs
+    var timerRef = (0, react_1.useRef)(null);
+    /**
+     * Function initializes autoplay by creating a single interval timer.
+     * On each interval tick, it triggers the handleNextSlide callback
+     * to advance the slider.
+     */
+    var startAutoPlay = (0, react_1.useCallback)(function () {
+        if (!enable || timerRef.current)
+            return;
+        timerRef.current = Utils_1.safeWindow === null || Utils_1.safeWindow === void 0 ? void 0 : Utils_1.safeWindow.setInterval(function () {
+            handleNextSlide();
+        }, interval);
+    }, [enable, interval, handleNextSlide]);
+    /** Function stops the active autoplay interval and resets the timer reference. */
+    var clearAutoplayTimer = (0, react_1.useCallback)(function () {
+        if (!(0, helpers_1.isNullOrUndefined)(timerRef.current)) {
+            Utils_1.safeWindow === null || Utils_1.safeWindow === void 0 ? void 0 : Utils_1.safeWindow.clearInterval(timerRef.current);
+            timerRef.current = null;
+        }
+    }, []);
+    (0, react_1.useEffect)(function () {
+        if (!loop || isAllSlidesVisible)
+            return undefined;
+        startAutoPlay();
+        // TODO: Enable pause-on-hover by attaching mouseenter/mouseleave events to start and stop autoplay when hover interaction is active.
+        // const container = sliderWrapperRef?.current;
+        // if (pauseOnHover) {
+        // 	if (isNullOrUndefined(container)) return;
+        // 	container.addEventListener('mouseenter', clearAutoplayTimer);
+        // 	container.addEventListener('mouseleave', startAutoPlay);
+        // }
+        return function () {
+            clearAutoplayTimer();
+            // if (isNullOrUndefined(container)) return;
+            // container.removeEventListener('mouseenter', clearAutoplayTimer);
+            // container.removeEventListener('mouseleave', startAutoPlay);
+        };
+    }, [loop, isAllSlidesVisible, startAutoPlay, clearAutoplayTimer]);
+}
+exports.default = useSliderAutoplay;
+//# sourceMappingURL=useSliderAutoPlay.js.map

package/dist/cjs/components/Slider/Slider/useSliderAutoPlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSliderAutoPlay.js","sourceRoot":"","sources":["../../../../../src/components/Slider/Slider/useSliderAutoPlay.ts"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,+BAAuE;AACvE,wCAA4C;AAC5C,4CAAkE;AAWlE,SAAS,iBAAiB,CAAC,EAKa;QAJvC,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,kBAAkB,wBAAA,EAClB,IAAI,UAAA;IAEJ,iBAAiB;IACX,IAAA,KAAsC,IAAA,qBAAW,EAAC,cAAc,CAAC,EAA/D,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EAAE,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAgC,CAAC;IAExE,OAAO;IACP,IAAM,QAAQ,GAAG,IAAA,cAAM,EAA4B,IAAI,CAAC,CAAC;IAEzD;;;;OAIG;IACH,IAAM,aAAa,GAAG,IAAA,mBAAW,EAAC;QACjC,IAAI,CAAC,MAAM,IAAI,QAAQ,CAAC,OAAO;YAAE,OAAO;QACxC,QAAQ,CAAC,OAAO,GAAG,kBAAU,aAAV,kBAAU,uBAAV,kBAAU,CAAE,WAAW,CAAC;YAC1C,eAAe,EAAE,CAAC;QACnB,CAAC,EAAE,QAAQ,CAAC,CAAC;IACd,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC;IAExC,kFAAkF;IAClF,IAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC;QACtC,IAAI,CAAC,IAAA,2BAAiB,EAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;YAC1C,kBAAU,aAAV,kBAAU,uBAAV,kBAAU,CAAE,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAC5C,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;QACzB,CAAC;IACF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC;QACT,IAAI,CAAC,IAAI,IAAI,kBAAkB;YAAE,OAAO,SAAS,CAAC;QAClD,aAAa,EAAE,CAAC;QAChB,qIAAqI;QACrI,+CAA+C;QAC/C,sBAAsB;QACtB,6CAA6C;QAC7C,iEAAiE;QACjE,4DAA4D;QAC5D,IAAI;QAEJ,OAAO;YACN,kBAAkB,EAAE,CAAC;YACrB,4CAA4C;YAC5C,mEAAmE;YACnE,8DAA8D;QAC/D,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAC;AACnE,CAAC;AAED,kBAAe,iBAAiB,CAAC"}

package/dist/cjs/components/Slider/Slider/useSliderBreakpoint.d.ts

@@ -0,0 +1,38 @@
+/**
+ * -----------------------------------------------------------------------------
+ * @file useSliderBreakpoint
+ * -----------------------------------------------------------------------------
+ *
+ * @description Utility file - add description here
+ *
+ * Features:
+ * - Add key features here
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2026 BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+import { RefObject } from 'react';
+import { type SlickSliderAnimationConfig, type SlickSliderAutoPlayConfig } from './SlickSlider';
+export interface SlickSliderConfig {
+    activeSlide?: number;
+    animationConfig?: SlickSliderAnimationConfig;
+    autoPlayConfig?: SlickSliderAutoPlayConfig;
+    breakpoint?: number;
+    draggable?: {
+        dragThreshold?: number;
+        enableDrag?: boolean;
+    };
+    gap?: number;
+    loop?: boolean;
+    showCtrlBtns?: boolean;
+    showIndicator?: boolean;
+    slideToScroll?: number;
+    slideToShow?: number;
+}
+export interface UseSliderBreakpointProps {
+    breakpoints: SlickSliderConfig[];
+    config: SlickSliderConfig;
+}
+declare function useSliderBreakpoint({ breakpoints, config }: UseSliderBreakpointProps): RefObject<SlickSliderConfig>;
+export default useSliderBreakpoint;

package/dist/cjs/components/Slider/Slider/useSliderBreakpoint.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+/**
+ * -----------------------------------------------------------------------------
+ * @file useSliderBreakpoint
+ * -----------------------------------------------------------------------------
+ *
+ * @description Utility file - add description here
+ *
+ * Features:
+ * - Add key features here
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2026 BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+var react_1 = require("react");
+var Utils_1 = require("../../../Utils");
+var helpers_1 = require("../../../helpers");
+function useSliderBreakpoint(_a) {
+    var breakpoints = _a.breakpoints, config = _a.config;
+    var configRef = (0, react_1.useRef)(config);
+    (0, react_1.useEffect)(function () {
+        if ((0, helpers_1.isObjectEmpty)(config)) {
+            configRef.current = config;
+            return;
+        }
+        function resolveBreakpointConfig() {
+            var viewportWidth = Utils_1.safeWindow === null || Utils_1.safeWindow === void 0 ? void 0 : Utils_1.safeWindow.innerWidth;
+            // Find the first breakpoint that matches current viewport
+            var matchedBreakpoint = breakpoints.find(function (bp) { return (viewportWidth && (bp === null || bp === void 0 ? void 0 : bp.breakpoint)) && viewportWidth <= bp.breakpoint; });
+            // Merge base config with breakpoint overrides
+            return (0, helpers_1.isObjectNotEmpty)(matchedBreakpoint)
+                ? tslib_1.__assign(tslib_1.__assign({}, config), matchedBreakpoint) : config;
+        }
+        function updateConfig() {
+            var resolvedConfig = resolveBreakpointConfig();
+            // Avoid unnecessary updates
+            if (!(0, helpers_1.deepCompareObjects)(configRef.current, resolvedConfig)) {
+                configRef.current = resolvedConfig;
+            }
+        }
+        updateConfig();
+        Utils_1.safeWindow === null || Utils_1.safeWindow === void 0 ? void 0 : Utils_1.safeWindow.addEventListener('resize', updateConfig);
+        return function () {
+            Utils_1.safeWindow === null || Utils_1.safeWindow === void 0 ? void 0 : Utils_1.safeWindow.removeEventListener('resize', updateConfig);
+        };
+    }, [config, breakpoints, Utils_1.safeWindow]);
+    return configRef;
+}
+exports.default = useSliderBreakpoint;
+//# sourceMappingURL=useSliderBreakpoint.js.map

package/dist/cjs/components/Slider/Slider/useSliderBreakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSliderBreakpoint.js","sourceRoot":"","sources":["../../../../../src/components/Slider/Slider/useSliderBreakpoint.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;GAaG;AACH,+BAAqD;AACrD,wCAA4C;AAC5C,4CAAuF;AAuBvF,SAAS,mBAAmB,CAAC,EAGF;QAF1B,WAAW,iBAAA,EACX,MAAM,YAAA;IAEN,IAAM,SAAS,GAAG,IAAA,cAAM,EAAoB,MAAM,CAAC,CAAC;IAEpD,IAAA,iBAAS,EAAC;QACT,IAAI,IAAA,uBAAa,EAAC,MAAM,CAAC,EAAE,CAAC;YAC3B,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;YAC3B,OAAO;QACR,CAAC;QAED,SAAS,uBAAuB;YAC/B,IAAM,aAAa,GAAG,kBAAU,aAAV,kBAAU,uBAAV,kBAAU,CAAE,UAAU,CAAC;YAE7C,0DAA0D;YAC1D,IAAM,iBAAiB,GAAG,WAAW,CAAC,IAAI,CACzC,UAAC,EAAE,IAAK,OAAA,CAAC,aAAa,KAAI,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,UAAU,CAAA,CAAC,IAAI,aAAa,IAAI,EAAE,CAAC,UAAU,EAAnE,CAAmE,CAC3E,CAAC;YAEF,8CAA8C;YAC9C,OAAO,IAAA,0BAAgB,EAAC,iBAAiB,CAAC;gBACzC,CAAC,uCAAM,MAAM,GAAK,iBAAiB,EACnC,CAAC,CAAC,MAAM,CAAC;QACX,CAAC;QAED,SAAS,YAAY;YACpB,IAAM,cAAc,GAAG,uBAAuB,EAAE,CAAC;YACjD,4BAA4B;YAC5B,IAAI,CAAC,IAAA,4BAAkB,EAAC,SAAS,CAAC,OAAO,EAAE,cAAc,CAAC,EAAE,CAAC;gBAC5D,SAAS,CAAC,OAAO,GAAG,cAAc,CAAC;YACpC,CAAC;QACF,CAAC;QAED,YAAY,EAAE,CAAC;QACf,kBAAU,aAAV,kBAAU,uBAAV,kBAAU,CAAE,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAErD,OAAO;YACN,kBAAU,aAAV,kBAAU,uBAAV,kBAAU,CAAE,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACzD,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,kBAAU,CAAC,CAAC,CAAC;IAEtC,OAAO,SAAS,CAAC;AAClB,CAAC;AAED,kBAAe,mBAAmB,CAAC"}

package/dist/cjs/components/Slider/Slider/useSliderDimension.d.ts

@@ -0,0 +1,41 @@
+/**
+ * -----------------------------------------------------------------------------
+ * @file useSliderDimension
+ * -----------------------------------------------------------------------------
+ *
+ * @description React hook responsible for calculating and applying layout-related
+ * dimensions for a flex-based slider.
+ *
+ * This hook dynamically computes:
+ * - Slider container width
+ * - Slide flex-basis based on the number of visible slides
+ * - Gap between slides
+ *
+ * The calculated values are applied directly to the DOM and stored
+ * in shared slider refs for use by other slider utilities.
+ *
+ * Features:
+ * - Responsive slide sizing using container dimensions
+ * - Flex-based layout calculation
+ * - Centralized dimension updates
+ * - Safe DOM access via refs
+ *
+ * NOTE: this loc update when we have add the custom styling. loc no.:-69
+ * -----------------------------------------------------------------------------
+ * Copyright © 2025 BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+import { type RefObject } from 'react';
+import { type SlickSliderRefs } from './useSlider';
+export interface UseSlickSliderDimensionProps {
+    gap: number;
+    sliderObjRefs: RefObject<SlickSliderRefs>;
+    sliderWrapperRef: RefObject<HTMLDivElement | null>;
+    slideToShow: number;
+    variant: 'horizontal' | 'vertical';
+}
+interface SlickSliderDimensionsReturn {
+    calculateDimensions: () => void;
+}
+declare function useSliderDimension({ gap, sliderObjRefs, sliderWrapperRef, slideToShow, variant }: Readonly<UseSlickSliderDimensionProps>): SlickSliderDimensionsReturn;
+export default useSliderDimension;

package/dist/cjs/components/Slider/Slider/useSliderDimension.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * -----------------------------------------------------------------------------
+ * @file useSliderDimension
+ * -----------------------------------------------------------------------------
+ *
+ * @description React hook responsible for calculating and applying layout-related
+ * dimensions for a flex-based slider.
+ *
+ * This hook dynamically computes:
+ * - Slider container width
+ * - Slide flex-basis based on the number of visible slides
+ * - Gap between slides
+ *
+ * The calculated values are applied directly to the DOM and stored
+ * in shared slider refs for use by other slider utilities.
+ *
+ * Features:
+ * - Responsive slide sizing using container dimensions
+ * - Flex-based layout calculation
+ * - Centralized dimension updates
+ * - Safe DOM access via refs
+ *
+ * NOTE: this loc update when we have add the custom styling. loc no.:-69
+ * -----------------------------------------------------------------------------
+ * Copyright © 2025 BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+var react_1 = require("react");
+var helpers_1 = require("../../../helpers");
+function useSliderDimension(_a) {
+    var gap = _a.gap, sliderObjRefs = _a.sliderObjRefs, sliderWrapperRef = _a.sliderWrapperRef, slideToShow = _a.slideToShow, variant = _a.variant;
+    /**
+     * Calculates and applies slide dimensions based on slider orientation.
+     *
+     * - Sets the gap between slides.
+     * - For vertical sliders:
+     *   - Calculates slide height including gap.
+     *   - Sets the container height to show the required number of slides.
+     *   - Switches layout to column direction.
+     * - For horizontal sliders:
+     *   - Calculates available width after subtracting gaps.
+     *   - Distributes width equally across visible slides using flex-basis.
+     *
+     * This function updates both DOM styles and cached dimensions
+     * used later for slide translation.
+     */
+    var calculateSlideDimensions = (0, react_1.useCallback)(function (_a) {
+        var container = _a.container, rect = _a.rect;
+        if (!sliderObjRefs.current)
+            return;
+        container.style.setProperty('gap', "".concat(gap, "px"));
+        if (variant === 'vertical') {
+            var verticalSlideHight = container.children[0].clientHeight + gap;
+            Object.assign(sliderObjRefs.current, {
+                containerHeight: verticalSlideHight
+            });
+            container.style.setProperty('height', "".concat(verticalSlideHight * slideToShow, "px"));
+            container.style.setProperty('flex-direction', 'column');
+            return;
+        }
+        var containerWidth = rect.width;
+        var totalGap = gap * (slideToShow - 1);
+        var availableWidth = containerWidth - totalGap;
+        var slideWidthPx = availableWidth / slideToShow;
+        var flexBasisPercent = (slideWidthPx / containerWidth) * 100;
+        Object.assign(sliderObjRefs.current, {
+            containerWidth: containerWidth + gap
+        });
+        Array.from(container.children).forEach(function (element) {
+            element.style.setProperty('flex', "0 0 ".concat(flexBasisPercent, "%"));
+        });
+    }, [gap, slideToShow, sliderObjRefs, variant]);
+    /**
+     * Calculates and applies slider dimensions based on the current container size.
+     * Safely accesses the slider container element, retrieves its bounding rectangle,
+     * and triggers the dimension calculation for slides.
+     * NOTE: currently for horizontal slider navigation
+     */
+    var calculateDimensions = (0, react_1.useCallback)(function () {
+        var container = sliderWrapperRef.current;
+        if ((0, helpers_1.isNullOrUndefined)(container))
+            return;
+        var rect = container.getBoundingClientRect();
+        calculateSlideDimensions({ container: container, rect: rect });
+    }, [sliderWrapperRef, calculateSlideDimensions]);
+    return { calculateDimensions: calculateDimensions };
+}
+exports.default = useSliderDimension;
+//# sourceMappingURL=useSliderDimension.js.map

package/dist/cjs/components/Slider/Slider/useSliderDimension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSliderDimension.js","sourceRoot":"","sources":["../../../../../src/components/Slider/Slider/useSliderDimension.ts"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,+BAAoD;AACpD,4CAAqD;AAoBrD,SAAS,kBAAkB,CAAC,EAMa;QALxC,GAAG,SAAA,EACH,aAAa,mBAAA,EACb,gBAAgB,sBAAA,EAChB,WAAW,iBAAA,EACX,OAAO,aAAA;IAEP;;;;;;;;;;;;;;OAcG;IACH,IAAM,wBAAwB,GAAG,IAAA,mBAAW,EAC3C,UAAC,EAAwC;YAAtC,SAAS,eAAA,EAAE,IAAI,UAAA;QACjB,IAAI,CAAC,aAAa,CAAC,OAAO;YAAE,OAAO;QACnC,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,UAAG,GAAG,OAAI,CAAC,CAAC;QAC/C,IAAI,OAAO,KAAK,UAAU,EAAE,CAAC;YAC5B,IAAM,kBAAkB,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,GAAG,CAAC;YACpE,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,EAAE;gBACpC,eAAe,EAAE,kBAAkB;aACnC,CAAC,CAAC;YACH,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE,UAAG,kBAAkB,GAAG,WAAW,OAAI,CAAC,CAAC;YAC/E,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;YACxD,OAAO;QACR,CAAC;QAEO,IAAO,cAAc,GAAK,IAAI,MAAT,CAAU;QACvC,IAAM,QAAQ,GAAG,GAAG,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;QACzC,IAAM,cAAc,GAAG,cAAc,GAAG,QAAQ,CAAC;QACjD,IAAM,YAAY,GAAG,cAAc,GAAG,WAAW,CAAC;QAClD,IAAM,gBAAgB,GAAG,CAAC,YAAY,GAAG,cAAc,CAAC,GAAG,GAAG,CAAC;QAC/D,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,EAAE;YACpC,cAAc,EAAE,cAAc,GAAG,GAAG;SACpC,CAAC,CAAC;QACH,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,UAAC,OAAgB;YACtD,OAAuB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE,cAAO,gBAAgB,MAAG,CAAC,CAAC;QAChF,CAAC,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,EAAE,OAAO,CAAC,CAC1C,CAAC;IAEF;;;;;OAKG;IACH,IAAM,mBAAmB,GAAG,IAAA,mBAAW,EAAC;QACvC,IAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC;QAC3C,IAAI,IAAA,2BAAiB,EAAC,SAAS,CAAC;YAAE,OAAO;QACzC,IAAM,IAAI,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;QAC/C,wBAAwB,CAAC,EAAE,SAAS,EAAE,SAA2B,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;IAC5E,CAAC,EAAE,CAAC,gBAAgB,EAAE,wBAAwB,CAAC,CAAC,CAAC;IAEjD,OAAO,EAAE,mBAAmB,qBAAA,EAAE,CAAC;AAChC,CAAC;AAED,kBAAe,kBAAkB,CAAC"}