farm-react 1.0.8 → 1.0.9

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

@@ -1,65 +0,0 @@
-/**
- * -----------------------------------------------------------------------------
- * @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

@@ -1,164 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,33 +0,0 @@
-/**
- * -----------------------------------------------------------------------------
- * @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

@@ -1,73 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,38 +0,0 @@
-/**
- * -----------------------------------------------------------------------------
- * @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

@@ -1,53 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,41 +0,0 @@
-/**
- * -----------------------------------------------------------------------------
- * @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

@@ -1,91 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,43 +0,0 @@
-/**
- * -----------------------------------------------------------------------------
- * @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 © 2026 BookingKoala. All rights reserved.
- * -----------------------------------------------------------------------------
- */
-import { type RefObject } from 'react';
-import { SlickSliderRefs } from './useSlider';
-export interface UseSliderDraggableProps {
-    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: RefObject<SlickSliderRefs>;
-    sliderWrapperRef: RefObject<HTMLDivElement | null>;
-}
-declare function useSliderDraggable({ applyTransform, calculateTranslate, draggable, handleNextSlide, handlePrevSlide, hasNextBtnDisabled, hasPrevBtnDisabled, sliderObjRefs, sliderWrapperRef }: UseSliderDraggableProps): void;
-export default useSliderDraggable;