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.
Files changed (227) hide show
  1. package/dist/cjs/Utils/index.js.map +1 -1
  2. package/dist/cjs/assets/data/header.js.map +1 -1
  3. package/dist/cjs/components/Accordion.js +4 -4
  4. package/dist/cjs/components/Accordion.js.map +1 -1
  5. package/dist/cjs/components/Alert.js +6 -6
  6. package/dist/cjs/components/Alert.js.map +1 -1
  7. package/dist/cjs/components/Badge.js +6 -6
  8. package/dist/cjs/components/Badge.js.map +1 -1
  9. package/dist/cjs/components/BrokenPage.js +7 -7
  10. package/dist/cjs/components/BrokenPage.js.map +1 -1
  11. package/dist/cjs/components/Button.js +6 -6
  12. package/dist/cjs/components/Button.js.map +1 -1
  13. package/dist/cjs/components/Card.js.map +1 -1
  14. package/dist/cjs/components/Checkbox.js +4 -4
  15. package/dist/cjs/components/Checkbox.js.map +1 -1
  16. package/dist/cjs/components/ConfirmPoup.js +1 -1
  17. package/dist/cjs/components/ConfirmPoup.js.map +1 -1
  18. package/dist/cjs/components/Dropdown.js +1 -1
  19. package/dist/cjs/components/Dropdown.js.map +1 -1
  20. package/dist/cjs/components/Label.js +2 -2
  21. package/dist/cjs/components/Label.js.map +1 -1
  22. package/dist/cjs/components/Layout/Footer.js.map +1 -1
  23. package/dist/cjs/components/Layout/Header.js.map +1 -1
  24. package/dist/cjs/components/Layout/Sidebar.js.map +1 -1
  25. package/dist/cjs/components/MultiCheckbox.js.map +1 -1
  26. package/dist/cjs/components/MultiRadio.js +1 -1
  27. package/dist/cjs/components/MultiRadio.js.map +1 -1
  28. package/dist/cjs/components/NumberInput.js +5 -5
  29. package/dist/cjs/components/NumberInput.js.map +1 -1
  30. package/dist/cjs/components/Popover.js +1 -1
  31. package/dist/cjs/components/Popover.js.map +1 -1
  32. package/dist/cjs/components/Radio.js +4 -4
  33. package/dist/cjs/components/Radio.js.map +1 -1
  34. package/dist/cjs/components/RadioButtonGroup.js +1 -1
  35. package/dist/cjs/components/RadioButtonGroup.js.map +1 -1
  36. package/dist/cjs/components/RangeSlider.js +1 -1
  37. package/dist/cjs/components/RangeSlider.js.map +1 -1
  38. package/dist/cjs/components/RatingDisplay.js +4 -4
  39. package/dist/cjs/components/RatingDisplay.js.map +1 -1
  40. package/dist/cjs/components/Search.js.map +1 -1
  41. package/dist/cjs/components/Select.js +7 -7
  42. package/dist/cjs/components/Select.js.map +1 -1
  43. package/dist/cjs/components/SkeletonLoader.js +1 -1
  44. package/dist/cjs/components/SkeletonLoader.js.map +1 -1
  45. package/dist/cjs/components/SlickSlider.js +1 -1
  46. package/dist/cjs/components/SlickSlider.js.map +1 -1
  47. package/dist/cjs/components/TextInput.js +5 -5
  48. package/dist/cjs/components/TextInput.js.map +1 -1
  49. package/dist/cjs/components/ThreeDotsLoader.js +1 -1
  50. package/dist/cjs/components/ThreeDotsLoader.js.map +1 -1
  51. package/dist/cjs/components/Tooltip.js +1 -1
  52. package/dist/cjs/components/Tooltip.js.map +1 -1
  53. package/dist/cjs/{helpers/app.d.ts → components/helpers.d.ts} +2 -1
  54. package/dist/cjs/{helpers/app.js → components/helpers.js} +1 -1
  55. package/dist/cjs/components/helpers.js.map +1 -0
  56. package/dist/cjs/constants/app.js.map +1 -1
  57. package/dist/cjs/constants/icons.js.map +1 -1
  58. package/dist/cjs/hooks/index.js.map +1 -1
  59. package/dist/cjs/hooks/slider/useSlider.js.map +1 -1
  60. package/dist/cjs/hooks/slider/useSliderAutoPlay.js +1 -1
  61. package/dist/cjs/hooks/slider/useSliderAutoPlay.js.map +1 -1
  62. package/dist/cjs/hooks/slider/useSliderBreakpoints.js +1 -1
  63. package/dist/cjs/hooks/slider/useSliderBreakpoints.js.map +1 -1
  64. package/dist/cjs/hooks/slider/useSliderDimension.js +1 -2
  65. package/dist/cjs/hooks/slider/useSliderDimension.js.map +1 -1
  66. package/dist/cjs/hooks/slider/useSliderDraggable.js +1 -1
  67. package/dist/cjs/hooks/slider/useSliderDraggable.js.map +1 -1
  68. package/dist/cjs/hooks/slider/useSliderNavigation.js.map +1 -1
  69. package/dist/cjs/hooks/slider/useSliderTransform.js +1 -1
  70. package/dist/cjs/hooks/slider/useSliderTransform.js.map +1 -1
  71. package/dist/cjs/hooks/useLocalStorage.js.map +1 -1
  72. package/dist/cjs/index.d.ts +1 -1
  73. package/dist/cjs/index.js +1 -1
  74. package/dist/cjs/index.js.map +1 -1
  75. package/dist/cjs/strings/en.js.map +1 -1
  76. package/dist/cjs/subComponent/ToggleButton.js +1 -1
  77. package/dist/cjs/subComponent/ToggleButton.js.map +1 -1
  78. package/dist/cjs/subComponent/toggleBtnGroup/ToggleBtn.js +1 -1
  79. package/dist/cjs/subComponent/toggleBtnGroup/ToggleBtn.js.map +1 -1
  80. package/dist/cjs/subComponent/toggleBtnGroup/ToggleBtnGroup.js.map +1 -1
  81. package/dist/esm/Utils/index.js.map +1 -1
  82. package/dist/esm/assets/data/header.js.map +1 -1
  83. package/dist/esm/components/Accordion.js +1 -1
  84. package/dist/esm/components/Accordion.js.map +1 -1
  85. package/dist/esm/components/Alert.js +1 -1
  86. package/dist/esm/components/Alert.js.map +1 -1
  87. package/dist/esm/components/Badge.js +1 -1
  88. package/dist/esm/components/Badge.js.map +1 -1
  89. package/dist/esm/components/BrokenPage.js +1 -1
  90. package/dist/esm/components/BrokenPage.js.map +1 -1
  91. package/dist/esm/components/Button.js +1 -1
  92. package/dist/esm/components/Button.js.map +1 -1
  93. package/dist/esm/components/Card.js.map +1 -1
  94. package/dist/esm/components/Checkbox.js +1 -1
  95. package/dist/esm/components/Checkbox.js.map +1 -1
  96. package/dist/esm/components/ConfirmPoup.js +1 -1
  97. package/dist/esm/components/ConfirmPoup.js.map +1 -1
  98. package/dist/esm/components/Dropdown.js +1 -1
  99. package/dist/esm/components/Dropdown.js.map +1 -1
  100. package/dist/esm/components/Label.js +1 -1
  101. package/dist/esm/components/Label.js.map +1 -1
  102. package/dist/esm/components/Layout/Footer.js.map +1 -1
  103. package/dist/esm/components/Layout/Header.js.map +1 -1
  104. package/dist/esm/components/Layout/Sidebar.js.map +1 -1
  105. package/dist/esm/components/MultiCheckbox.js.map +1 -1
  106. package/dist/esm/components/MultiRadio.js +1 -1
  107. package/dist/esm/components/MultiRadio.js.map +1 -1
  108. package/dist/esm/components/NumberInput.js +1 -1
  109. package/dist/esm/components/NumberInput.js.map +1 -1
  110. package/dist/esm/components/Popover.js +1 -1
  111. package/dist/esm/components/Popover.js.map +1 -1
  112. package/dist/esm/components/Radio.js +1 -1
  113. package/dist/esm/components/Radio.js.map +1 -1
  114. package/dist/esm/components/RadioButtonGroup.js +1 -1
  115. package/dist/esm/components/RadioButtonGroup.js.map +1 -1
  116. package/dist/esm/components/RangeSlider.js +1 -1
  117. package/dist/esm/components/RangeSlider.js.map +1 -1
  118. package/dist/esm/components/RatingDisplay.js +1 -1
  119. package/dist/esm/components/RatingDisplay.js.map +1 -1
  120. package/dist/esm/components/Search.js.map +1 -1
  121. package/dist/esm/components/Select.js +1 -1
  122. package/dist/esm/components/Select.js.map +1 -1
  123. package/dist/esm/components/SkeletonLoader.js +1 -1
  124. package/dist/esm/components/SkeletonLoader.js.map +1 -1
  125. package/dist/esm/components/SlickSlider.js +1 -1
  126. package/dist/esm/components/SlickSlider.js.map +1 -1
  127. package/dist/esm/components/TextInput.js +1 -1
  128. package/dist/esm/components/TextInput.js.map +1 -1
  129. package/dist/esm/components/ThreeDotsLoader.js +1 -1
  130. package/dist/esm/components/ThreeDotsLoader.js.map +1 -1
  131. package/dist/esm/components/Tooltip.js +1 -1
  132. package/dist/esm/components/Tooltip.js.map +1 -1
  133. package/dist/esm/{helpers/app.d.ts → components/helpers.d.ts} +2 -1
  134. package/dist/esm/{helpers/app.js → components/helpers.js} +1 -1
  135. package/dist/esm/components/helpers.js.map +1 -0
  136. package/dist/esm/constants/app.js.map +1 -1
  137. package/dist/esm/constants/icons.js.map +1 -1
  138. package/dist/esm/hooks/index.js.map +1 -1
  139. package/dist/esm/hooks/slider/useSlider.js.map +1 -1
  140. package/dist/esm/hooks/slider/useSliderAutoPlay.js +1 -1
  141. package/dist/esm/hooks/slider/useSliderAutoPlay.js.map +1 -1
  142. package/dist/esm/hooks/slider/useSliderBreakpoints.js +1 -1
  143. package/dist/esm/hooks/slider/useSliderBreakpoints.js.map +1 -1
  144. package/dist/esm/hooks/slider/useSliderDimension.js +1 -2
  145. package/dist/esm/hooks/slider/useSliderDimension.js.map +1 -1
  146. package/dist/esm/hooks/slider/useSliderDraggable.js +1 -1
  147. package/dist/esm/hooks/slider/useSliderDraggable.js.map +1 -1
  148. package/dist/esm/hooks/slider/useSliderNavigation.js.map +1 -1
  149. package/dist/esm/hooks/slider/useSliderTransform.js +1 -1
  150. package/dist/esm/hooks/slider/useSliderTransform.js.map +1 -1
  151. package/dist/esm/hooks/useLocalStorage.js.map +1 -1
  152. package/dist/esm/index.d.ts +1 -1
  153. package/dist/esm/index.js +1 -1
  154. package/dist/esm/index.js.map +1 -1
  155. package/dist/esm/strings/en.js.map +1 -1
  156. package/dist/esm/subComponent/ToggleButton.js +1 -1
  157. package/dist/esm/subComponent/ToggleButton.js.map +1 -1
  158. package/dist/esm/subComponent/toggleBtnGroup/ToggleBtn.js +1 -1
  159. package/dist/esm/subComponent/toggleBtnGroup/ToggleBtn.js.map +1 -1
  160. package/dist/esm/subComponent/toggleBtnGroup/ToggleBtnGroup.js.map +1 -1
  161. package/dist/package.json +5 -5
  162. package/package.json +79 -77
  163. package/dist/cjs/components/Slider/SlickSlider.d.ts +0 -74
  164. package/dist/cjs/components/Slider/SlickSlider.js +0 -211
  165. package/dist/cjs/components/Slider/SlickSlider.js.map +0 -1
  166. package/dist/cjs/components/Slider/useCenterMode.d.ts +0 -24
  167. package/dist/cjs/components/Slider/useCenterMode.js +0 -40
  168. package/dist/cjs/components/Slider/useCenterMode.js.map +0 -1
  169. package/dist/cjs/components/Slider/useSlider.d.ts +0 -65
  170. package/dist/cjs/components/Slider/useSlider.js +0 -158
  171. package/dist/cjs/components/Slider/useSlider.js.map +0 -1
  172. package/dist/cjs/components/Slider/useSliderAutoPlay.d.ts +0 -33
  173. package/dist/cjs/components/Slider/useSliderAutoPlay.js +0 -73
  174. package/dist/cjs/components/Slider/useSliderAutoPlay.js.map +0 -1
  175. package/dist/cjs/components/Slider/useSliderBreakpoint.d.ts +0 -23
  176. package/dist/cjs/components/Slider/useSliderBreakpoint.js +0 -92
  177. package/dist/cjs/components/Slider/useSliderBreakpoint.js.map +0 -1
  178. package/dist/cjs/components/Slider/useSliderDimension.d.ts +0 -41
  179. package/dist/cjs/components/Slider/useSliderDimension.js +0 -92
  180. package/dist/cjs/components/Slider/useSliderDimension.js.map +0 -1
  181. package/dist/cjs/components/Slider/useSliderDraggable.d.ts +0 -43
  182. package/dist/cjs/components/Slider/useSliderDraggable.js +0 -146
  183. package/dist/cjs/components/Slider/useSliderDraggable.js.map +0 -1
  184. package/dist/cjs/components/Slider/useSliderNavigation.d.ts +0 -41
  185. package/dist/cjs/components/Slider/useSliderNavigation.js +0 -136
  186. package/dist/cjs/components/Slider/useSliderNavigation.js.map +0 -1
  187. package/dist/cjs/components/Slider/useSliderTransform.d.ts +0 -17
  188. package/dist/cjs/components/Slider/useSliderTransform.js +0 -71
  189. package/dist/cjs/components/Slider/useSliderTransform.js.map +0 -1
  190. package/dist/cjs/helpers/app.js.map +0 -1
  191. package/dist/cjs/helpers/index.d.ts +0 -1
  192. package/dist/cjs/helpers/index.js +0 -5
  193. package/dist/cjs/helpers/index.js.map +0 -1
  194. package/dist/esm/components/Slider/SlickSlider.d.ts +0 -74
  195. package/dist/esm/components/Slider/SlickSlider.js +0 -208
  196. package/dist/esm/components/Slider/SlickSlider.js.map +0 -1
  197. package/dist/esm/components/Slider/useCenterMode.d.ts +0 -24
  198. package/dist/esm/components/Slider/useCenterMode.js +0 -38
  199. package/dist/esm/components/Slider/useCenterMode.js.map +0 -1
  200. package/dist/esm/components/Slider/useSlider.d.ts +0 -65
  201. package/dist/esm/components/Slider/useSlider.js +0 -156
  202. package/dist/esm/components/Slider/useSlider.js.map +0 -1
  203. package/dist/esm/components/Slider/useSliderAutoPlay.d.ts +0 -33
  204. package/dist/esm/components/Slider/useSliderAutoPlay.js +0 -71
  205. package/dist/esm/components/Slider/useSliderAutoPlay.js.map +0 -1
  206. package/dist/esm/components/Slider/useSliderBreakpoint.d.ts +0 -23
  207. package/dist/esm/components/Slider/useSliderBreakpoint.js +0 -90
  208. package/dist/esm/components/Slider/useSliderBreakpoint.js.map +0 -1
  209. package/dist/esm/components/Slider/useSliderDimension.d.ts +0 -41
  210. package/dist/esm/components/Slider/useSliderDimension.js +0 -90
  211. package/dist/esm/components/Slider/useSliderDimension.js.map +0 -1
  212. package/dist/esm/components/Slider/useSliderDraggable.d.ts +0 -43
  213. package/dist/esm/components/Slider/useSliderDraggable.js +0 -144
  214. package/dist/esm/components/Slider/useSliderDraggable.js.map +0 -1
  215. package/dist/esm/components/Slider/useSliderNavigation.d.ts +0 -41
  216. package/dist/esm/components/Slider/useSliderNavigation.js +0 -134
  217. package/dist/esm/components/Slider/useSliderNavigation.js.map +0 -1
  218. package/dist/esm/components/Slider/useSliderTransform.d.ts +0 -17
  219. package/dist/esm/components/Slider/useSliderTransform.js +0 -69
  220. package/dist/esm/components/Slider/useSliderTransform.js.map +0 -1
  221. package/dist/esm/helpers/app.js.map +0 -1
  222. package/dist/esm/helpers/index.d.ts +0 -1
  223. package/dist/esm/helpers/index.js +0 -2
  224. package/dist/esm/helpers/index.js.map +0 -1
  225. package/dist/esm/helpers.d.ts +0 -1
  226. package/dist/esm/helpers.js +0 -2
  227. 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,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
4
- tslib_1.__exportStar(require("./app"), exports);
5
- //# sourceMappingURL=index.js.map
@@ -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;