farm-react 1.0.11 → 1.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Utils/index.js.map +1 -1
- package/dist/cjs/assets/data/header.js.map +1 -1
- package/dist/cjs/components/Accordion.js +4 -4
- package/dist/cjs/components/Accordion.js.map +1 -1
- package/dist/cjs/components/Alert.js +6 -6
- package/dist/cjs/components/Alert.js.map +1 -1
- package/dist/cjs/components/Badge.js +6 -6
- package/dist/cjs/components/Badge.js.map +1 -1
- package/dist/cjs/components/BrokenPage.js +7 -7
- package/dist/cjs/components/BrokenPage.js.map +1 -1
- package/dist/cjs/components/Button.js +6 -6
- package/dist/cjs/components/Button.js.map +1 -1
- package/dist/cjs/components/Card.js.map +1 -1
- package/dist/cjs/components/Checkbox.js +4 -4
- package/dist/cjs/components/Checkbox.js.map +1 -1
- package/dist/cjs/components/ConfirmPoup.js +1 -1
- package/dist/cjs/components/ConfirmPoup.js.map +1 -1
- package/dist/cjs/components/Dropdown.js +1 -1
- package/dist/cjs/components/Dropdown.js.map +1 -1
- package/dist/cjs/components/Label.js +2 -2
- package/dist/cjs/components/Label.js.map +1 -1
- package/dist/cjs/components/Layout/Footer.js.map +1 -1
- package/dist/cjs/components/Layout/Header.js.map +1 -1
- package/dist/cjs/components/Layout/Sidebar.js.map +1 -1
- package/dist/cjs/components/MultiCheckbox.js.map +1 -1
- package/dist/cjs/components/MultiRadio.js +1 -1
- package/dist/cjs/components/MultiRadio.js.map +1 -1
- package/dist/cjs/components/NumberInput.js +5 -5
- package/dist/cjs/components/NumberInput.js.map +1 -1
- package/dist/cjs/components/Popover.js +1 -1
- package/dist/cjs/components/Popover.js.map +1 -1
- package/dist/cjs/components/Radio.js +4 -4
- package/dist/cjs/components/Radio.js.map +1 -1
- package/dist/cjs/components/RadioButtonGroup.js +1 -1
- package/dist/cjs/components/RadioButtonGroup.js.map +1 -1
- package/dist/cjs/components/RangeSlider.js +1 -1
- package/dist/cjs/components/RangeSlider.js.map +1 -1
- package/dist/cjs/components/RatingDisplay.js +4 -4
- package/dist/cjs/components/RatingDisplay.js.map +1 -1
- package/dist/cjs/components/Search.js.map +1 -1
- package/dist/cjs/components/Select.js +7 -7
- package/dist/cjs/components/Select.js.map +1 -1
- package/dist/cjs/components/SkeletonLoader.js +1 -1
- package/dist/cjs/components/SkeletonLoader.js.map +1 -1
- package/dist/cjs/components/SlickSlider.js +1 -1
- package/dist/cjs/components/SlickSlider.js.map +1 -1
- package/dist/cjs/components/TextInput.js +5 -5
- package/dist/cjs/components/TextInput.js.map +1 -1
- package/dist/cjs/components/ThreeDotsLoader.js +1 -1
- package/dist/cjs/components/ThreeDotsLoader.js.map +1 -1
- package/dist/cjs/components/Tooltip.js +1 -1
- package/dist/cjs/components/Tooltip.js.map +1 -1
- package/dist/cjs/{helpers/app.d.ts → components/helpers.d.ts} +2 -1
- package/dist/cjs/{helpers/app.js → components/helpers.js} +1 -1
- package/dist/cjs/components/helpers.js.map +1 -0
- package/dist/cjs/constants/app.js.map +1 -1
- package/dist/cjs/constants/icons.js.map +1 -1
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/slider/useSlider.js.map +1 -1
- package/dist/cjs/hooks/slider/useSliderAutoPlay.js +1 -1
- package/dist/cjs/hooks/slider/useSliderAutoPlay.js.map +1 -1
- package/dist/cjs/hooks/slider/useSliderBreakpoints.js +1 -1
- package/dist/cjs/hooks/slider/useSliderBreakpoints.js.map +1 -1
- package/dist/cjs/hooks/slider/useSliderDimension.js +1 -2
- package/dist/cjs/hooks/slider/useSliderDimension.js.map +1 -1
- package/dist/cjs/hooks/slider/useSliderDraggable.js +1 -1
- package/dist/cjs/hooks/slider/useSliderDraggable.js.map +1 -1
- package/dist/cjs/hooks/slider/useSliderNavigation.js.map +1 -1
- package/dist/cjs/hooks/slider/useSliderTransform.js +1 -1
- package/dist/cjs/hooks/slider/useSliderTransform.js.map +1 -1
- package/dist/cjs/hooks/useLocalStorage.js.map +1 -1
- package/dist/cjs/index.d.ts +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/strings/en.js.map +1 -1
- package/dist/cjs/subComponent/ToggleButton.js +1 -1
- package/dist/cjs/subComponent/ToggleButton.js.map +1 -1
- package/dist/cjs/subComponent/toggleBtnGroup/ToggleBtn.js +1 -1
- package/dist/cjs/subComponent/toggleBtnGroup/ToggleBtn.js.map +1 -1
- package/dist/cjs/subComponent/toggleBtnGroup/ToggleBtnGroup.js.map +1 -1
- package/dist/esm/Utils/index.js.map +1 -1
- package/dist/esm/assets/data/header.js.map +1 -1
- package/dist/esm/components/Accordion.js +1 -1
- package/dist/esm/components/Accordion.js.map +1 -1
- package/dist/esm/components/Alert.js +1 -1
- package/dist/esm/components/Alert.js.map +1 -1
- package/dist/esm/components/Badge.js +1 -1
- package/dist/esm/components/Badge.js.map +1 -1
- package/dist/esm/components/BrokenPage.js +1 -1
- package/dist/esm/components/BrokenPage.js.map +1 -1
- package/dist/esm/components/Button.js +1 -1
- package/dist/esm/components/Button.js.map +1 -1
- package/dist/esm/components/Card.js.map +1 -1
- package/dist/esm/components/Checkbox.js +1 -1
- package/dist/esm/components/Checkbox.js.map +1 -1
- package/dist/esm/components/ConfirmPoup.js +1 -1
- package/dist/esm/components/ConfirmPoup.js.map +1 -1
- package/dist/esm/components/Dropdown.js +1 -1
- package/dist/esm/components/Dropdown.js.map +1 -1
- package/dist/esm/components/Label.js +1 -1
- package/dist/esm/components/Label.js.map +1 -1
- package/dist/esm/components/Layout/Footer.js.map +1 -1
- package/dist/esm/components/Layout/Header.js.map +1 -1
- package/dist/esm/components/Layout/Sidebar.js.map +1 -1
- package/dist/esm/components/MultiCheckbox.js.map +1 -1
- package/dist/esm/components/MultiRadio.js +1 -1
- package/dist/esm/components/MultiRadio.js.map +1 -1
- package/dist/esm/components/NumberInput.js +1 -1
- package/dist/esm/components/NumberInput.js.map +1 -1
- package/dist/esm/components/Popover.js +1 -1
- package/dist/esm/components/Popover.js.map +1 -1
- package/dist/esm/components/Radio.js +1 -1
- package/dist/esm/components/Radio.js.map +1 -1
- package/dist/esm/components/RadioButtonGroup.js +1 -1
- package/dist/esm/components/RadioButtonGroup.js.map +1 -1
- package/dist/esm/components/RangeSlider.js +1 -1
- package/dist/esm/components/RangeSlider.js.map +1 -1
- package/dist/esm/components/RatingDisplay.js +1 -1
- package/dist/esm/components/RatingDisplay.js.map +1 -1
- package/dist/esm/components/Search.js.map +1 -1
- package/dist/esm/components/Select.js +1 -1
- package/dist/esm/components/Select.js.map +1 -1
- package/dist/esm/components/SkeletonLoader.js +1 -1
- package/dist/esm/components/SkeletonLoader.js.map +1 -1
- package/dist/esm/components/SlickSlider.js +1 -1
- package/dist/esm/components/SlickSlider.js.map +1 -1
- package/dist/esm/components/TextInput.js +1 -1
- package/dist/esm/components/TextInput.js.map +1 -1
- package/dist/esm/components/ThreeDotsLoader.js +1 -1
- package/dist/esm/components/ThreeDotsLoader.js.map +1 -1
- package/dist/esm/components/Tooltip.js +1 -1
- package/dist/esm/components/Tooltip.js.map +1 -1
- package/dist/esm/{helpers/app.d.ts → components/helpers.d.ts} +2 -1
- package/dist/esm/{helpers/app.js → components/helpers.js} +1 -1
- package/dist/esm/components/helpers.js.map +1 -0
- package/dist/esm/constants/app.js.map +1 -1
- package/dist/esm/constants/icons.js.map +1 -1
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/slider/useSlider.js.map +1 -1
- package/dist/esm/hooks/slider/useSliderAutoPlay.js +1 -1
- package/dist/esm/hooks/slider/useSliderAutoPlay.js.map +1 -1
- package/dist/esm/hooks/slider/useSliderBreakpoints.js +1 -1
- package/dist/esm/hooks/slider/useSliderBreakpoints.js.map +1 -1
- package/dist/esm/hooks/slider/useSliderDimension.js +1 -2
- package/dist/esm/hooks/slider/useSliderDimension.js.map +1 -1
- package/dist/esm/hooks/slider/useSliderDraggable.js +1 -1
- package/dist/esm/hooks/slider/useSliderDraggable.js.map +1 -1
- package/dist/esm/hooks/slider/useSliderNavigation.js.map +1 -1
- package/dist/esm/hooks/slider/useSliderTransform.js +1 -1
- package/dist/esm/hooks/slider/useSliderTransform.js.map +1 -1
- package/dist/esm/hooks/useLocalStorage.js.map +1 -1
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/strings/en.js.map +1 -1
- package/dist/esm/subComponent/ToggleButton.js +1 -1
- package/dist/esm/subComponent/ToggleButton.js.map +1 -1
- package/dist/esm/subComponent/toggleBtnGroup/ToggleBtn.js +1 -1
- package/dist/esm/subComponent/toggleBtnGroup/ToggleBtn.js.map +1 -1
- package/dist/esm/subComponent/toggleBtnGroup/ToggleBtnGroup.js.map +1 -1
- package/dist/package.json +5 -5
- package/package.json +79 -77
- package/dist/cjs/components/Slider/SlickSlider.d.ts +0 -74
- package/dist/cjs/components/Slider/SlickSlider.js +0 -211
- package/dist/cjs/components/Slider/SlickSlider.js.map +0 -1
- package/dist/cjs/components/Slider/useCenterMode.d.ts +0 -24
- package/dist/cjs/components/Slider/useCenterMode.js +0 -40
- package/dist/cjs/components/Slider/useCenterMode.js.map +0 -1
- package/dist/cjs/components/Slider/useSlider.d.ts +0 -65
- package/dist/cjs/components/Slider/useSlider.js +0 -158
- package/dist/cjs/components/Slider/useSlider.js.map +0 -1
- package/dist/cjs/components/Slider/useSliderAutoPlay.d.ts +0 -33
- package/dist/cjs/components/Slider/useSliderAutoPlay.js +0 -73
- package/dist/cjs/components/Slider/useSliderAutoPlay.js.map +0 -1
- package/dist/cjs/components/Slider/useSliderBreakpoint.d.ts +0 -23
- package/dist/cjs/components/Slider/useSliderBreakpoint.js +0 -92
- package/dist/cjs/components/Slider/useSliderBreakpoint.js.map +0 -1
- package/dist/cjs/components/Slider/useSliderDimension.d.ts +0 -41
- package/dist/cjs/components/Slider/useSliderDimension.js +0 -92
- package/dist/cjs/components/Slider/useSliderDimension.js.map +0 -1
- package/dist/cjs/components/Slider/useSliderDraggable.d.ts +0 -43
- package/dist/cjs/components/Slider/useSliderDraggable.js +0 -146
- package/dist/cjs/components/Slider/useSliderDraggable.js.map +0 -1
- package/dist/cjs/components/Slider/useSliderNavigation.d.ts +0 -41
- package/dist/cjs/components/Slider/useSliderNavigation.js +0 -136
- package/dist/cjs/components/Slider/useSliderNavigation.js.map +0 -1
- package/dist/cjs/components/Slider/useSliderTransform.d.ts +0 -17
- package/dist/cjs/components/Slider/useSliderTransform.js +0 -71
- package/dist/cjs/components/Slider/useSliderTransform.js.map +0 -1
- package/dist/cjs/helpers/app.js.map +0 -1
- package/dist/cjs/helpers/index.d.ts +0 -1
- package/dist/cjs/helpers/index.js +0 -5
- package/dist/cjs/helpers/index.js.map +0 -1
- package/dist/esm/components/Slider/SlickSlider.d.ts +0 -74
- package/dist/esm/components/Slider/SlickSlider.js +0 -208
- package/dist/esm/components/Slider/SlickSlider.js.map +0 -1
- package/dist/esm/components/Slider/useCenterMode.d.ts +0 -24
- package/dist/esm/components/Slider/useCenterMode.js +0 -38
- package/dist/esm/components/Slider/useCenterMode.js.map +0 -1
- package/dist/esm/components/Slider/useSlider.d.ts +0 -65
- package/dist/esm/components/Slider/useSlider.js +0 -156
- package/dist/esm/components/Slider/useSlider.js.map +0 -1
- package/dist/esm/components/Slider/useSliderAutoPlay.d.ts +0 -33
- package/dist/esm/components/Slider/useSliderAutoPlay.js +0 -71
- package/dist/esm/components/Slider/useSliderAutoPlay.js.map +0 -1
- package/dist/esm/components/Slider/useSliderBreakpoint.d.ts +0 -23
- package/dist/esm/components/Slider/useSliderBreakpoint.js +0 -90
- package/dist/esm/components/Slider/useSliderBreakpoint.js.map +0 -1
- package/dist/esm/components/Slider/useSliderDimension.d.ts +0 -41
- package/dist/esm/components/Slider/useSliderDimension.js +0 -90
- package/dist/esm/components/Slider/useSliderDimension.js.map +0 -1
- package/dist/esm/components/Slider/useSliderDraggable.d.ts +0 -43
- package/dist/esm/components/Slider/useSliderDraggable.js +0 -144
- package/dist/esm/components/Slider/useSliderDraggable.js.map +0 -1
- package/dist/esm/components/Slider/useSliderNavigation.d.ts +0 -41
- package/dist/esm/components/Slider/useSliderNavigation.js +0 -134
- package/dist/esm/components/Slider/useSliderNavigation.js.map +0 -1
- package/dist/esm/components/Slider/useSliderTransform.d.ts +0 -17
- package/dist/esm/components/Slider/useSliderTransform.js +0 -69
- package/dist/esm/components/Slider/useSliderTransform.js.map +0 -1
- package/dist/esm/helpers/app.js.map +0 -1
- package/dist/esm/helpers/index.d.ts +0 -1
- package/dist/esm/helpers/index.js +0 -2
- package/dist/esm/helpers/index.js.map +0 -1
- package/dist/esm/helpers.d.ts +0 -1
- package/dist/esm/helpers.js +0 -2
- package/dist/esm/helpers.js.map +0 -1
|
@@ -1,146 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
/**
|
|
4
|
-
* -----------------------------------------------------------------------------
|
|
5
|
-
* @file useSliderDraggable
|
|
6
|
-
* -----------------------------------------------------------------------------
|
|
7
|
-
*
|
|
8
|
-
* @description A custom React hook that enables pointer-based drag interactions
|
|
9
|
-
* for the Slick slider component.
|
|
10
|
-
*
|
|
11
|
-
* Responsibilities:
|
|
12
|
-
* - Attaches pointer event listeners to the slider container
|
|
13
|
-
* - Tracks drag state and movement distance
|
|
14
|
-
* - Applies real-time transforms during dragging
|
|
15
|
-
* - Determines swipe intent using a configurable threshold
|
|
16
|
-
* - Triggers next/previous slide navigation based on drag direction
|
|
17
|
-
* - Safely handles pointer cancellation and cleanup
|
|
18
|
-
*
|
|
19
|
-
* Behavior:
|
|
20
|
-
* - Dragging is enabled only when `draggable.enableDrag` is true
|
|
21
|
-
* - Horizontal movement controls slide navigation
|
|
22
|
-
* - Transitions are suppressed during drag and restored on release
|
|
23
|
-
* - Automatically cleans up listeners on unmount or ref changes
|
|
24
|
-
* -----------------------------------------------------------------------------
|
|
25
|
-
* Copyright © 2026 BookingKoala. All rights reserved.
|
|
26
|
-
* -----------------------------------------------------------------------------
|
|
27
|
-
*/
|
|
28
|
-
var react_1 = require("react");
|
|
29
|
-
var helpers_1 = require("../../helpers");
|
|
30
|
-
function useSliderDraggable(_a) {
|
|
31
|
-
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;
|
|
32
|
-
(0, react_1.useEffect)(function () {
|
|
33
|
-
var _a = (0, helpers_1.destructObj)(draggable), _b = _a.dragThreshold, dragThreshold = _b === void 0 ? 200 : _b, _c = _a.enableDrag, enableDrag = _c === void 0 ? true : _c;
|
|
34
|
-
if (!sliderObjRefs.current)
|
|
35
|
-
return undefined;
|
|
36
|
-
var _d = (0, helpers_1.destructObj)(sliderObjRefs.current), currentIndex = _d.currentIndex, drag = _d.drag;
|
|
37
|
-
var container = sliderWrapperRef.current;
|
|
38
|
-
if (!enableDrag || (0, helpers_1.isNullOrUndefined)(container))
|
|
39
|
-
return undefined;
|
|
40
|
-
/**
|
|
41
|
-
* Handles the pointer down event to initiate a drag interaction.
|
|
42
|
-
* - Captures the pointer to continue receiving move/up events
|
|
43
|
-
* even if the pointer leaves the container
|
|
44
|
-
* - Initializes drag state (start position and reset translate)
|
|
45
|
-
*/
|
|
46
|
-
function handlePointerDown(event) {
|
|
47
|
-
if ((0, helpers_1.isNullOrUndefined)(container))
|
|
48
|
-
return;
|
|
49
|
-
container.setPointerCapture(event.pointerId);
|
|
50
|
-
Object.assign(drag, {
|
|
51
|
-
isDragging: true,
|
|
52
|
-
startX: event.clientX,
|
|
53
|
-
startY: event.clientY,
|
|
54
|
-
translate: 0,
|
|
55
|
-
});
|
|
56
|
-
(0, helpers_1.preventDefault)(event);
|
|
57
|
-
}
|
|
58
|
-
/**
|
|
59
|
-
* Handles pointer move events during an active drag gesture.
|
|
60
|
-
* - Runs only while dragging is in progress
|
|
61
|
-
* - Calculates horizontal movement delta from the initial pointer position
|
|
62
|
-
* - Updates drag translate value for threshold / direction detection
|
|
63
|
-
* - Applies a real-time transform without transition for smooth dragging
|
|
64
|
-
*/
|
|
65
|
-
function handlePointerMove(event) {
|
|
66
|
-
if ((0, helpers_1.isNullOrUndefined)(container) || !drag.isDragging)
|
|
67
|
-
return;
|
|
68
|
-
var delta = event.clientX - drag.startX;
|
|
69
|
-
var base = calculateTranslate(currentIndex);
|
|
70
|
-
Object.assign(drag, { translate: delta });
|
|
71
|
-
applyTransform(delta + base, false, true);
|
|
72
|
-
(0, helpers_1.preventDefault)(event);
|
|
73
|
-
}
|
|
74
|
-
/**
|
|
75
|
-
* Handles the pointer up event to finalize a drag interaction.
|
|
76
|
-
* - Releases pointer capture to stop receiving pointer events
|
|
77
|
-
* - Evaluates total drag distance against the configured threshold
|
|
78
|
-
* - Triggers slide navigation based on drag direction and availability
|
|
79
|
-
* - Reverts to the current slide if the drag is insufficient or navigation is disabled
|
|
80
|
-
*/
|
|
81
|
-
function handlePointerUp(event) {
|
|
82
|
-
if ((0, helpers_1.isNullOrUndefined)(container) || !drag.isDragging)
|
|
83
|
-
return;
|
|
84
|
-
container.releasePointerCapture(event.pointerId);
|
|
85
|
-
var translate = drag.translate;
|
|
86
|
-
Object.assign(drag, { isDragging: false });
|
|
87
|
-
if (Math.abs(translate) <= dragThreshold) {
|
|
88
|
-
applyTransform(currentIndex, true);
|
|
89
|
-
return;
|
|
90
|
-
}
|
|
91
|
-
if (translate < 0 && !hasNextBtnDisabled()) {
|
|
92
|
-
handleNextSlide();
|
|
93
|
-
return;
|
|
94
|
-
}
|
|
95
|
-
if (translate > 0 && !hasPrevBtnDisabled()) {
|
|
96
|
-
handlePrevSlide();
|
|
97
|
-
return;
|
|
98
|
-
}
|
|
99
|
-
applyTransform(currentIndex, true);
|
|
100
|
-
}
|
|
101
|
-
/**
|
|
102
|
-
* Handles pointer cancel events to safely abort an active drag interaction.
|
|
103
|
-
* - Triggered when the browser cancels the pointer sequence
|
|
104
|
-
* (e.g., touch interruption, context menu, lost capture)
|
|
105
|
-
* - Releases pointer capture to avoid stuck pointer states
|
|
106
|
-
* - Resets dragging state
|
|
107
|
-
* - Smoothly reverts the slider back to the current active slid.
|
|
108
|
-
*/
|
|
109
|
-
function handlePointerCancel(event) {
|
|
110
|
-
if ((0, helpers_1.isNullOrUndefined)(container) || !drag.isDragging)
|
|
111
|
-
return;
|
|
112
|
-
container.releasePointerCapture(event.pointerId);
|
|
113
|
-
Object.assign(drag, { isDragging: false });
|
|
114
|
-
applyTransform(currentIndex, true);
|
|
115
|
-
}
|
|
116
|
-
/**
|
|
117
|
-
* Registers pointer event listeners on the slider container
|
|
118
|
-
* to enable drag-based interactions.
|
|
119
|
-
*
|
|
120
|
-
* Cleanup ensures all listeners are removed when the component
|
|
121
|
-
* unmounts or the container reference changes, preventing
|
|
122
|
-
* memory leaks and duplicate handlers.
|
|
123
|
-
*/
|
|
124
|
-
container.addEventListener('pointerdown', handlePointerDown);
|
|
125
|
-
container.addEventListener('pointermove', handlePointerMove);
|
|
126
|
-
container.addEventListener('pointerup', handlePointerUp);
|
|
127
|
-
container.addEventListener('pointercancel', handlePointerCancel);
|
|
128
|
-
/**
|
|
129
|
-
* Restrict touch gestures to vertical scrolling only (pan-y),allowing smooth page scroll while
|
|
130
|
-
* preventing horizontal touch interference during slider drag interactions.
|
|
131
|
-
*/
|
|
132
|
-
var touchActionAxis = 'pan-y';
|
|
133
|
-
Object.assign(container.style, { touchAction: touchActionAxis });
|
|
134
|
-
return function () {
|
|
135
|
-
if ((0, helpers_1.isNullOrUndefined)(container))
|
|
136
|
-
return;
|
|
137
|
-
container.removeEventListener('pointerdown', handlePointerDown);
|
|
138
|
-
container.removeEventListener('pointermove', handlePointerMove);
|
|
139
|
-
container.removeEventListener('pointerup', handlePointerUp);
|
|
140
|
-
container.removeEventListener('pointercancel', handlePointerCancel);
|
|
141
|
-
Object.assign(container.style, { touchAction: '' });
|
|
142
|
-
};
|
|
143
|
-
}, [sliderObjRefs, handleNextSlide, handlePrevSlide, hasNextBtnDisabled, handlePrevSlide]);
|
|
144
|
-
}
|
|
145
|
-
exports.default = useSliderDraggable;
|
|
146
|
-
//# sourceMappingURL=useSliderDraggable.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useSliderDraggable.js","sourceRoot":"","sources":["../../../../src/components/Slider/useSliderDraggable.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* -----------------------------------------------------------------------------
|
|
3
|
-
* @file useSliderNavigation
|
|
4
|
-
* -----------------------------------------------------------------------------
|
|
5
|
-
*
|
|
6
|
-
* @description This hook is responsible for handling all slider navigation logic.
|
|
7
|
-
*
|
|
8
|
-
* Features:
|
|
9
|
-
* - Handles next slide navigation
|
|
10
|
-
* - Handles previous slide navigation
|
|
11
|
-
* - Controls next button disabled state
|
|
12
|
-
* - Controls previous button disabled state
|
|
13
|
-
* - Provides the active indicator index
|
|
14
|
-
* - Calculates the total number of indicators
|
|
15
|
-
*
|
|
16
|
-
* -----------------------------------------------------------------------------
|
|
17
|
-
* Copyright © 2025 BookingKoala. All rights reserved.
|
|
18
|
-
* -----------------------------------------------------------------------------
|
|
19
|
-
*/
|
|
20
|
-
import { type SlickSliderRefs } from './useSlider';
|
|
21
|
-
interface UseSlickSliderNavigationReturn {
|
|
22
|
-
getActiveIndicatorIndex: () => number | undefined;
|
|
23
|
-
getIndicatorCount: () => number | undefined;
|
|
24
|
-
goToSlideIndicator: (indicatorIndex: number) => void;
|
|
25
|
-
handleNextSlide: () => void;
|
|
26
|
-
handlePrevSlide: () => void;
|
|
27
|
-
hasNextBtnDisabled: () => boolean;
|
|
28
|
-
hasPrevBtnDisabled: () => boolean;
|
|
29
|
-
}
|
|
30
|
-
interface UseSlickSliderDimensionsProps {
|
|
31
|
-
activeSlide: number;
|
|
32
|
-
applyTransform: (indexOrTranslate: number, withTransition?: boolean) => void;
|
|
33
|
-
loop: boolean;
|
|
34
|
-
sliderObjRefs: React.RefObject<SlickSliderRefs>;
|
|
35
|
-
sliderWrapperRef: React.RefObject<HTMLDivElement | null>;
|
|
36
|
-
slideToScroll: number;
|
|
37
|
-
slideToShow: number;
|
|
38
|
-
speed?: number;
|
|
39
|
-
}
|
|
40
|
-
declare function useSliderNavigation({ activeSlide, applyTransform, loop, sliderObjRefs, slideToScroll, slideToShow, speed, }: UseSlickSliderDimensionsProps): UseSlickSliderNavigationReturn;
|
|
41
|
-
export default useSliderNavigation;
|
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
/**
|
|
3
|
-
* -----------------------------------------------------------------------------
|
|
4
|
-
* @file useSliderNavigation
|
|
5
|
-
* -----------------------------------------------------------------------------
|
|
6
|
-
*
|
|
7
|
-
* @description This hook is responsible for handling all slider navigation logic.
|
|
8
|
-
*
|
|
9
|
-
* Features:
|
|
10
|
-
* - Handles next slide navigation
|
|
11
|
-
* - Handles previous slide navigation
|
|
12
|
-
* - Controls next button disabled state
|
|
13
|
-
* - Controls previous button disabled state
|
|
14
|
-
* - Provides the active indicator index
|
|
15
|
-
* - Calculates the total number of indicators
|
|
16
|
-
*
|
|
17
|
-
* -----------------------------------------------------------------------------
|
|
18
|
-
* Copyright © 2025 BookingKoala. All rights reserved.
|
|
19
|
-
* -----------------------------------------------------------------------------
|
|
20
|
-
*/
|
|
21
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
|
-
var react_1 = require("react");
|
|
23
|
-
// this string used for the navigate with throttle
|
|
24
|
-
var ctrlBtnString = 'ctrlBtn';
|
|
25
|
-
function useSliderNavigation(_a) {
|
|
26
|
-
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;
|
|
27
|
-
// State
|
|
28
|
-
var _c = (0, react_1.useState)(activeSlide), currentSlideIndex = _c[0], setCurrentSlideIndex = _c[1];
|
|
29
|
-
/**
|
|
30
|
-
* Calculates the currently active indicator index based on slide position.
|
|
31
|
-
*/
|
|
32
|
-
var getActiveIndicatorIndex = (0, react_1.useCallback)(function () { return Math.floor(currentSlideIndex / slideToShow); }, [currentSlideIndex, slideToShow]);
|
|
33
|
-
/**
|
|
34
|
-
* Computes the total number of indicators required for the slider.
|
|
35
|
-
*/
|
|
36
|
-
var getIndicatorCount = (0, react_1.useCallback)(function () {
|
|
37
|
-
if (!sliderObjRefs.current)
|
|
38
|
-
return undefined;
|
|
39
|
-
var totalSlides = sliderObjRefs.current.totalSlides;
|
|
40
|
-
return Math.max(1, Math.ceil(totalSlides / slideToShow));
|
|
41
|
-
}, [sliderObjRefs, slideToShow]);
|
|
42
|
-
/**
|
|
43
|
-
* Moves the slider to a given slide index.
|
|
44
|
-
* - Stops execution if a slide animation is already running and the action
|
|
45
|
-
* was triggered by next/prev buttons (prevents rapid clicks).
|
|
46
|
-
* - Updates internal state and refs to point to the target slide.
|
|
47
|
-
* - Applies a smooth transition to move the slider.
|
|
48
|
-
* - If looping is disabled:
|
|
49
|
-
* - Finishes after the animation and exits.
|
|
50
|
-
*
|
|
51
|
-
* - If looping is enabled (infinite slider):
|
|
52
|
-
* - Waits for the animation to finish.
|
|
53
|
-
* - Adjusts the slide index so it stays within valid bounds.
|
|
54
|
-
* - Instantly moves the slider (without animation) to the corrected position.
|
|
55
|
-
* - Updates internal state and refs.
|
|
56
|
-
*
|
|
57
|
-
* This logic creates a smooth infinite scrolling effect.
|
|
58
|
-
*/
|
|
59
|
-
var gotoSlideItem = (0, react_1.useCallback)(function (targetIndex, type) {
|
|
60
|
-
if (!sliderObjRefs.current)
|
|
61
|
-
return;
|
|
62
|
-
var _a = sliderObjRefs.current, isTransitionComplete = _a.isTransitionComplete, totalSlides = _a.totalSlides;
|
|
63
|
-
if (isTransitionComplete && type === 'ctrlBtn')
|
|
64
|
-
return;
|
|
65
|
-
Object.assign(sliderObjRefs.current, { currentIndex: targetIndex, isTransitionComplete: true });
|
|
66
|
-
setCurrentSlideIndex(targetIndex);
|
|
67
|
-
applyTransform(targetIndex, true);
|
|
68
|
-
if (!loop) {
|
|
69
|
-
Object.assign(sliderObjRefs.current, { isTransitionComplete: false });
|
|
70
|
-
return;
|
|
71
|
-
}
|
|
72
|
-
setTimeout(function () {
|
|
73
|
-
if (!sliderObjRefs.current)
|
|
74
|
-
return;
|
|
75
|
-
var currentIndex = sliderObjRefs.current.currentIndex;
|
|
76
|
-
var loopedIndex = ((currentIndex % totalSlides) + totalSlides) % totalSlides;
|
|
77
|
-
var finalIndex = Math.min(loopedIndex, totalSlides);
|
|
78
|
-
applyTransform(finalIndex, false);
|
|
79
|
-
Object.assign(sliderObjRefs.current, { currentIndex: finalIndex, isTransitionComplete: false });
|
|
80
|
-
setCurrentSlideIndex(finalIndex);
|
|
81
|
-
}, speed);
|
|
82
|
-
}, [sliderObjRefs, setCurrentSlideIndex, applyTransform, loop, speed]);
|
|
83
|
-
/** Navigates to a slide based on indicator (dot) index. */
|
|
84
|
-
var goToSlideIndicator = (0, react_1.useCallback)(function (indicatorIndex) {
|
|
85
|
-
var targetSlideIndex = indicatorIndex * slideToShow;
|
|
86
|
-
gotoSlideItem(targetSlideIndex);
|
|
87
|
-
}, [slideToShow, gotoSlideItem]);
|
|
88
|
-
/** Function responsible for handling the next slide. */
|
|
89
|
-
var handleNextSlide = (0, react_1.useCallback)(function () {
|
|
90
|
-
if (!sliderObjRefs.current)
|
|
91
|
-
return;
|
|
92
|
-
var currentIdx = sliderObjRefs.current.currentIndex;
|
|
93
|
-
var nextIndex = currentIdx + slideToScroll;
|
|
94
|
-
gotoSlideItem(nextIndex, ctrlBtnString);
|
|
95
|
-
}, [gotoSlideItem, sliderObjRefs, slideToScroll]);
|
|
96
|
-
/** Function responsible for handling the prev slide. */
|
|
97
|
-
var handlePrevSlide = (0, react_1.useCallback)(function () {
|
|
98
|
-
if (!sliderObjRefs.current)
|
|
99
|
-
return;
|
|
100
|
-
var currentIdx = sliderObjRefs.current.currentIndex;
|
|
101
|
-
var prevIndex = currentIdx - slideToScroll;
|
|
102
|
-
gotoSlideItem(prevIndex, ctrlBtnString);
|
|
103
|
-
}, [gotoSlideItem, sliderObjRefs, slideToScroll]);
|
|
104
|
-
/**
|
|
105
|
-
* function determines whether the slider can navigate to the next set of slides.
|
|
106
|
-
* Always returns true when looping is enabled.
|
|
107
|
-
*/
|
|
108
|
-
var hasNextBtnDisabled = (0, react_1.useCallback)(function () {
|
|
109
|
-
if (!sliderObjRefs.current)
|
|
110
|
-
return true;
|
|
111
|
-
var totalSlides = sliderObjRefs.current.totalSlides;
|
|
112
|
-
if (loop)
|
|
113
|
-
return false;
|
|
114
|
-
return currentSlideIndex > totalSlides - slideToShow;
|
|
115
|
-
}, [currentSlideIndex, slideToShow, sliderObjRefs, loop]);
|
|
116
|
-
/**
|
|
117
|
-
* function determines whether the slider can navigate to the previous set of slides.
|
|
118
|
-
* Always returns true when looping is enabled.
|
|
119
|
-
*/
|
|
120
|
-
var hasPrevBtnDisabled = (0, react_1.useCallback)(function () {
|
|
121
|
-
if (loop)
|
|
122
|
-
return false;
|
|
123
|
-
return currentSlideIndex <= 0;
|
|
124
|
-
}, [currentSlideIndex, loop]);
|
|
125
|
-
return {
|
|
126
|
-
getActiveIndicatorIndex: getActiveIndicatorIndex,
|
|
127
|
-
getIndicatorCount: getIndicatorCount,
|
|
128
|
-
goToSlideIndicator: goToSlideIndicator,
|
|
129
|
-
handleNextSlide: handleNextSlide,
|
|
130
|
-
handlePrevSlide: handlePrevSlide,
|
|
131
|
-
hasNextBtnDisabled: hasNextBtnDisabled,
|
|
132
|
-
hasPrevBtnDisabled: hasPrevBtnDisabled,
|
|
133
|
-
};
|
|
134
|
-
}
|
|
135
|
-
exports.default = useSliderNavigation;
|
|
136
|
-
//# sourceMappingURL=useSliderNavigation.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useSliderNavigation.js","sourceRoot":"","sources":["../../../../src/components/Slider/useSliderNavigation.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { type SlickSliderAnimationConfig } from './SlickSlider';
|
|
2
|
-
import { type SlickSliderRefs } from './useSlider';
|
|
3
|
-
interface UseSlickSliderTransformProps {
|
|
4
|
-
animationConfig: SlickSliderAnimationConfig;
|
|
5
|
-
isAllSlidesVisible: boolean;
|
|
6
|
-
isRTLMode: boolean;
|
|
7
|
-
sliderObjRefs: React.RefObject<SlickSliderRefs>;
|
|
8
|
-
sliderWrapperRef: React.RefObject<HTMLDivElement | null>;
|
|
9
|
-
slideToShow: number;
|
|
10
|
-
variant: 'horizontal' | 'vertical';
|
|
11
|
-
}
|
|
12
|
-
interface UseSlickSliderTransformReturn {
|
|
13
|
-
applyTransform: (indexOrTranslate: number, withTransition?: boolean, isMouseMoving?: boolean) => void;
|
|
14
|
-
calculateTranslate: (indexOrTranslate: number) => number;
|
|
15
|
-
}
|
|
16
|
-
declare function useSliderTransform({ animationConfig, isAllSlidesVisible, isRTLMode, sliderObjRefs, sliderWrapperRef, slideToShow, variant, }: Readonly<UseSlickSliderTransformProps>): UseSlickSliderTransformReturn;
|
|
17
|
-
export default useSliderTransform;
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
/**
|
|
4
|
-
* -----------------------------------------------------------------------------
|
|
5
|
-
* @file useSliderTransform
|
|
6
|
-
* -----------------------------------------------------------------------------
|
|
7
|
-
*
|
|
8
|
-
* @description Hooks responsible for adding the Transition effect on Slider.
|
|
9
|
-
*
|
|
10
|
-
* Features:
|
|
11
|
-
* - Calculate the slider transited value according to slideToShow item.
|
|
12
|
-
*
|
|
13
|
-
* -----------------------------------------------------------------------------
|
|
14
|
-
* Copyright © 2025 BookingKoala. All rights reserved.
|
|
15
|
-
* -----------------------------------------------------------------------------
|
|
16
|
-
*/
|
|
17
|
-
var react_1 = require("react");
|
|
18
|
-
var helpers_1 = require("../../helpers");
|
|
19
|
-
function useSliderTransform(_a) {
|
|
20
|
-
var animationConfig = _a.animationConfig, isAllSlidesVisible = _a.isAllSlidesVisible, isRTLMode = _a.isRTLMode, sliderObjRefs = _a.sliderObjRefs, sliderWrapperRef = _a.sliderWrapperRef, slideToShow = _a.slideToShow, variant = _a.variant;
|
|
21
|
-
// Constant
|
|
22
|
-
var isVertical = variant === 'vertical';
|
|
23
|
-
// Destruct props
|
|
24
|
-
var _b = (0, helpers_1.destructObj)(animationConfig), _c = _b.easing, easing = _c === void 0 ? 'ease' : _c, _d = _b.speed, speed = _d === void 0 ? 500 : _d;
|
|
25
|
-
/**
|
|
26
|
-
* Calculates how much the slider track should move when the slide changes.
|
|
27
|
-
* We add slideToShow to the index because extra (cloned) slides are added
|
|
28
|
-
* at the start for looping, so the real position shifts.
|
|
29
|
-
*
|
|
30
|
-
* - If the slider is vertical, the movement is calculated using slide height.
|
|
31
|
-
* - If the slider is horizontal, the movement is calculated using slide width.
|
|
32
|
-
*
|
|
33
|
-
* The returned value is negative because the track moves in the opposite
|
|
34
|
-
* direction of the slide change.
|
|
35
|
-
*/
|
|
36
|
-
var calculateTranslate = (0, react_1.useCallback)(function (index) {
|
|
37
|
-
if (!sliderObjRefs.current)
|
|
38
|
-
return 0;
|
|
39
|
-
var _a = sliderObjRefs.current, _b = _a.containerHeight, containerHeight = _b === void 0 ? 0 : _b, _c = _a.containerWidth, containerWidth = _c === void 0 ? 0 : _c;
|
|
40
|
-
var extendedIndex = index + slideToShow;
|
|
41
|
-
if (isVertical) {
|
|
42
|
-
return -extendedIndex * containerHeight;
|
|
43
|
-
}
|
|
44
|
-
var slideWidth = containerWidth / slideToShow;
|
|
45
|
-
var translate = -extendedIndex * slideWidth;
|
|
46
|
-
if (isRTLMode && !isVertical)
|
|
47
|
-
return -translate;
|
|
48
|
-
return translate;
|
|
49
|
-
}, [variant, slideToShow, sliderObjRefs, isVertical, isRTLMode]);
|
|
50
|
-
/**
|
|
51
|
-
* Applies translateX (or raw value) to the slider container,
|
|
52
|
-
* with optional transition handling.
|
|
53
|
-
*/
|
|
54
|
-
var applyTransform = (0, react_1.useCallback)(function (indexOrTranslate, withTransition, isMouseMoving) {
|
|
55
|
-
if (withTransition === void 0) { withTransition = true; }
|
|
56
|
-
if (isMouseMoving === void 0) { isMouseMoving = false; }
|
|
57
|
-
var container = sliderWrapperRef.current;
|
|
58
|
-
if ((0, helpers_1.isNullOrUndefined)(container) || isAllSlidesVisible)
|
|
59
|
-
return;
|
|
60
|
-
var translatedValue = isMouseMoving ? indexOrTranslate : calculateTranslate(indexOrTranslate);
|
|
61
|
-
var axisX = isVertical ? 0 : translatedValue;
|
|
62
|
-
var axisY = isVertical ? translatedValue : 0;
|
|
63
|
-
Object.assign(container.style, {
|
|
64
|
-
transform: variant === 'horizontal' ? "translate3d(".concat(axisX, "px, 0, 0)") : "translate3d(0,".concat(axisY, "px, 0)"),
|
|
65
|
-
transition: withTransition ? "transform ".concat(speed, "ms ").concat(easing) : 'none',
|
|
66
|
-
});
|
|
67
|
-
}, [calculateTranslate, sliderWrapperRef, speed, easing, isAllSlidesVisible, isVertical, variant]);
|
|
68
|
-
return { applyTransform: applyTransform, calculateTranslate: calculateTranslate };
|
|
69
|
-
}
|
|
70
|
-
exports.default = useSliderTransform;
|
|
71
|
-
//# sourceMappingURL=useSliderTransform.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useSliderTransform.js","sourceRoot":"","sources":["../../../../src/components/Slider/useSliderTransform.ts"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;GAaG;AACH,+BAAmC;AACnC,yCAA8D;AAmB9D,SAAS,kBAAkB,CAAC,EAQa;QAPvC,eAAe,qBAAA,EACf,kBAAkB,wBAAA,EAClB,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,gBAAgB,sBAAA,EAChB,WAAW,iBAAA,EACX,OAAO,aAAA;IAEP,WAAW;IACX,IAAM,UAAU,GAAY,OAAO,KAAK,UAAU,CAAA;IAElD,iBAAiB;IACX,IAAA,KAAmC,IAAA,qBAAW,EAAC,eAAe,CAAC,EAA7D,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EAAE,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAiC,CAAA;IAErE;;;;;;;;;;OAUG;IACH,IAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,UAAC,KAAa;QACZ,IAAI,CAAC,aAAa,CAAC,OAAO;YAAE,OAAO,CAAC,CAAA;QAC9B,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;QAC/C,IAAM,SAAS,GAAG,CAAC,aAAa,GAAG,UAAU,CAAA;QAE7C,IAAI,SAAS,IAAI,CAAC,UAAU;YAAE,OAAO,CAAC,SAAS,CAAA;QAC/C,OAAO,SAAS,CAAA;IAClB,CAAC,EACD,CAAC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,CAAC,CAC7D,CAAA;IAED;;;OAGG;IACH,IAAM,cAAc,GAAG,IAAA,mBAAW,EAChC,UAAC,gBAAwB,EAAE,cAAqB,EAAE,aAAqB;QAA5C,+BAAA,EAAA,qBAAqB;QAAE,8BAAA,EAAA,qBAAqB;QACrE,IAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAA;QAC1C,IAAI,IAAA,2BAAiB,EAAC,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,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,sBAAe,KAAK,cAAW,CAAC,CAAC,CAAC,wBAAiB,KAAK,WAAQ;YACtG,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,EAAE,UAAU,EAAE,OAAO,CAAC,CAC/F,CAAA;IAED,OAAO,EAAE,cAAc,gBAAA,EAAE,kBAAkB,oBAAA,EAAE,CAAA;AAC/C,CAAC;AAED,kBAAe,kBAAkB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../src/helpers/app.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './app';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":";;;AAAA,gDAAqB"}
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* -----------------------------------------------------------------------------
|
|
3
|
-
* @component SlickSlider
|
|
4
|
-
* -----------------------------------------------------------------------------
|
|
5
|
-
*
|
|
6
|
-
* @description A highly customizable and reusable React slider/carousel component.
|
|
7
|
-
* Supports autoplay, looping, center mode, custom navigation buttons,
|
|
8
|
-
* slide indicators, and flexible rendering through render props.
|
|
9
|
-
*
|
|
10
|
-
* Features:
|
|
11
|
-
* - Configurable slide animation (speed, easing)
|
|
12
|
-
* - Autoplay support with interval and pause-on-hover options
|
|
13
|
-
* - Looping with seamless slide cloning
|
|
14
|
-
* - Center mode with active slide highlighting
|
|
15
|
-
* - Custom next/previous navigation buttons
|
|
16
|
-
* - Optional slide indicators (dots)
|
|
17
|
-
* - Custom slide rendering via render props
|
|
18
|
-
* - Click handling for individual slides
|
|
19
|
-
*
|
|
20
|
-
* Note: tjs-slick-slider this class only added for sample
|
|
21
|
-
* -----------------------------------------------------------------------------
|
|
22
|
-
* Copyright © 2025 BookingKoala. All rights reserved.
|
|
23
|
-
* -----------------------------------------------------------------------------
|
|
24
|
-
*/
|
|
25
|
-
import { type MouseEvent, type ReactElement } from 'react';
|
|
26
|
-
import { SlickSliderConfig } from './useSliderBreakpoint';
|
|
27
|
-
export interface SlickSliderDataProps {
|
|
28
|
-
id: number;
|
|
29
|
-
label: string;
|
|
30
|
-
url: string;
|
|
31
|
-
}
|
|
32
|
-
export interface SlickSliderAutoPlayConfig {
|
|
33
|
-
enable?: boolean;
|
|
34
|
-
interval?: number;
|
|
35
|
-
pauseOnHover?: boolean;
|
|
36
|
-
}
|
|
37
|
-
export interface SlickSliderAnimationConfig {
|
|
38
|
-
easing?: string;
|
|
39
|
-
speed?: number;
|
|
40
|
-
}
|
|
41
|
-
export interface SlickSliderProps {
|
|
42
|
-
activeSlide?: number;
|
|
43
|
-
animationConfig?: SlickSliderAnimationConfig;
|
|
44
|
-
autoPlayConfig?: SlickSliderAutoPlayConfig;
|
|
45
|
-
breakpoints?: SlickSliderConfig[];
|
|
46
|
-
btnsLabel?: {
|
|
47
|
-
next?: string;
|
|
48
|
-
prev?: string;
|
|
49
|
-
};
|
|
50
|
-
data: SlickSliderDataProps[];
|
|
51
|
-
draggable?: {
|
|
52
|
-
dragThreshold?: number;
|
|
53
|
-
enableDrag?: boolean;
|
|
54
|
-
};
|
|
55
|
-
gap?: number;
|
|
56
|
-
icons?: {
|
|
57
|
-
activeDot?: string;
|
|
58
|
-
dots?: string;
|
|
59
|
-
next?: string;
|
|
60
|
-
prev?: string;
|
|
61
|
-
};
|
|
62
|
-
loop?: boolean;
|
|
63
|
-
onSlideClick?: (item: SlickSliderDataProps, index: number, event: MouseEvent<HTMLButtonElement>) => void;
|
|
64
|
-
renderNextBtn?: (handleNextSlide: () => void, hasNextBtnDisabled: () => boolean) => ReactElement;
|
|
65
|
-
renderPrevBtn?: (handlePrevSlide: () => void, hasPrevBtnDisabled: () => boolean) => ReactElement;
|
|
66
|
-
renderSlide?: (slideItem: SlickSliderDataProps, index?: number) => null | ReactElement;
|
|
67
|
-
showCtrlBtns?: boolean;
|
|
68
|
-
showIndicator?: boolean;
|
|
69
|
-
slideToScroll?: number;
|
|
70
|
-
slideToShow?: number;
|
|
71
|
-
variant?: 'horizontal' | 'vertical';
|
|
72
|
-
}
|
|
73
|
-
declare function SlickSlider({ activeSlide, animationConfig, autoPlayConfig, breakpoints, btnsLabel, data, draggable, gap, icons, loop, onSlideClick, renderNextBtn, renderPrevBtn, renderSlide, showCtrlBtns, showIndicator, slideToScroll, slideToShow, variant, }: Readonly<SlickSliderProps>): ReactElement;
|
|
74
|
-
export default SlickSlider;
|