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,65 +0,0 @@
1
- /**
2
- * -----------------------------------------------------------------------------
3
- * @file useSlider
4
- * -----------------------------------------------------------------------------
5
- *
6
- * @description
7
- * Main hook that controls all slider behavior.
8
- *
9
- * This hook connects multiple smaller slider hooks and makes them work
10
- * together. It handles slide size calculation, navigation, animations,
11
- * autoplay, draggable interactions, breakpoint-based configuration,
12
- * and window resize updates.
13
- *
14
- * The UI layer only needs to use the values and functions returned from
15
- * this hook.
16
- *
17
- * -----------------------------------------------------------------------------
18
- * Copyright © 2025 BookingKoala. All rights reserved.
19
- * -----------------------------------------------------------------------------
20
- */
21
- import { type Ref } from 'react';
22
- import { type SlickSliderAnimationConfig, type SlickSliderAutoPlayConfig } from './SlickSlider';
23
- import { SlickSliderConfig } from './useSliderBreakpoint';
24
- export interface UseSlickSliderReturn {
25
- getActiveIndicatorIndex: () => number | undefined;
26
- getIndicatorCount: () => number | undefined;
27
- goToSlideIndicator: (index: number) => void;
28
- handleNextSlide: () => void;
29
- handlePrevSlide: () => void;
30
- hasNextBtnDisabled: () => boolean;
31
- hasPrevBtnDisabled: () => boolean;
32
- sliderWrapperRef: Ref<HTMLDivElement>;
33
- }
34
- export interface UseSlickSliderProps {
35
- activeSlide: number;
36
- animationConfig: SlickSliderAnimationConfig;
37
- autoPlayConfig: SlickSliderAutoPlayConfig;
38
- breakpoints: SlickSliderConfig[];
39
- draggable?: {
40
- dragThreshold?: number;
41
- enableDrag?: boolean;
42
- };
43
- gap: number;
44
- isRTLMode: boolean;
45
- loop: boolean;
46
- slideToScroll: number;
47
- slideToShow: number;
48
- totalSlides: number;
49
- variant: 'horizontal' | 'vertical';
50
- }
51
- export interface SlickSliderRefs {
52
- containerHeight: number;
53
- containerWidth: number;
54
- currentIndex: number;
55
- drag: {
56
- isDragging: boolean;
57
- startX: number;
58
- startY: number;
59
- translate: number;
60
- };
61
- isTransitionComplete: boolean;
62
- totalSlides: number;
63
- }
64
- declare function useSlider({ activeSlide, animationConfig, autoPlayConfig, breakpoints, draggable, gap, isRTLMode, loop, slideToScroll, slideToShow, totalSlides, variant, }: Readonly<UseSlickSliderProps>): UseSlickSliderReturn;
65
- export default useSlider;
@@ -1,158 +0,0 @@
1
- "use strict";
2
- /**
3
- * -----------------------------------------------------------------------------
4
- * @file useSlider
5
- * -----------------------------------------------------------------------------
6
- *
7
- * @description
8
- * Main hook that controls all slider behavior.
9
- *
10
- * This hook connects multiple smaller slider hooks and makes them work
11
- * together. It handles slide size calculation, navigation, animations,
12
- * autoplay, draggable interactions, breakpoint-based configuration,
13
- * and window resize updates.
14
- *
15
- * The UI layer only needs to use the values and functions returned from
16
- * this hook.
17
- *
18
- * -----------------------------------------------------------------------------
19
- * Copyright © 2025 BookingKoala. All rights reserved.
20
- * -----------------------------------------------------------------------------
21
- */
22
- Object.defineProperty(exports, "__esModule", { value: true });
23
- var tslib_1 = require("tslib");
24
- var react_1 = require("react");
25
- var Utils_1 = require("../../Utils");
26
- var useSliderAutoPlay_1 = tslib_1.__importDefault(require("./useSliderAutoPlay"));
27
- var useSliderDimension_1 = tslib_1.__importDefault(require("./useSliderDimension"));
28
- var useSliderDraggable_1 = tslib_1.__importDefault(require("./useSliderDraggable"));
29
- var useSliderNavigation_1 = tslib_1.__importDefault(require("./useSliderNavigation"));
30
- var useSliderTransform_1 = tslib_1.__importDefault(require("./useSliderTransform"));
31
- var useSliderBreakpoint_1 = tslib_1.__importDefault(require("./useSliderBreakpoint"));
32
- function useSlider(_a) {
33
- var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
34
- 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;
35
- var activeSlideIndex = (0, react_1.useMemo)(function () { return (totalSlides > 0 && activeSlide >= totalSlides ? 0 : activeSlide); }, [activeSlide, totalSlides]);
36
- console.log('acaf', activeSlideIndex);
37
- var resolvedBreakpointConfig = (0, useSliderBreakpoint_1.default)({
38
- breakpoints: breakpoints,
39
- config: {
40
- activeSlide: activeSlideIndex,
41
- animationConfig: animationConfig,
42
- autoPlayConfig: autoPlayConfig,
43
- draggable: draggable,
44
- gap: gap,
45
- loop: loop,
46
- slideToScroll: slideToScroll,
47
- slideToShow: slideToShow,
48
- },
49
- });
50
- /**
51
- * Final resolved config:
52
- * base props act as defaults, breakpoint values override them.
53
- * The breakpoint hook returns the resolved config directly, which is initialized
54
- * correctly on mount and updates on resize.
55
- */
56
- var breakPointConfig = (0, react_1.useMemo)(function () { return (tslib_1.__assign({ activeSlide: activeSlideIndex + 1, animationConfig: animationConfig, autoPlayConfig: autoPlayConfig, draggable: draggable, gap: gap, loop: loop, slideToScroll: slideToScroll, slideToShow: slideToShow }, resolvedBreakpointConfig)); }, [
57
- activeSlideIndex,
58
- animationConfig,
59
- autoPlayConfig,
60
- draggable,
61
- gap,
62
- loop,
63
- slideToScroll,
64
- slideToShow,
65
- resolvedBreakpointConfig,
66
- ]);
67
- console.log(breakPointConfig);
68
- var sliderWrapperRef = (0, react_1.useRef)(null);
69
- var sliderObjRefs = (0, react_1.useRef)({
70
- containerHeight: 0,
71
- containerWidth: 0,
72
- currentIndex: 0,
73
- drag: {
74
- isDragging: false,
75
- startX: 0,
76
- startY: 0,
77
- translate: 0,
78
- },
79
- isTransitionComplete: false,
80
- totalSlides: totalSlides,
81
- });
82
- var calculateDimensions = (0, useSliderDimension_1.default)({
83
- gap: (_b = breakPointConfig.gap) !== null && _b !== void 0 ? _b : 10,
84
- sliderObjRefs: sliderObjRefs,
85
- sliderWrapperRef: sliderWrapperRef,
86
- slideToShow: (_c = breakPointConfig.slideToShow) !== null && _c !== void 0 ? _c : 1,
87
- variant: variant,
88
- }).calculateDimensions;
89
- 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]);
90
- var _o = (0, useSliderTransform_1.default)({
91
- animationConfig: (_d = breakPointConfig.animationConfig) !== null && _d !== void 0 ? _d : animationConfig,
92
- isAllSlidesVisible: isAllSlidesVisible,
93
- isRTLMode: isRTLMode,
94
- sliderObjRefs: sliderObjRefs,
95
- sliderWrapperRef: sliderWrapperRef,
96
- slideToShow: (_e = breakPointConfig.slideToShow) !== null && _e !== void 0 ? _e : 1,
97
- variant: variant,
98
- }), applyTransform = _o.applyTransform, calculateTranslate = _o.calculateTranslate;
99
- var _p = (0, useSliderNavigation_1.default)({
100
- activeSlide: (_f = breakPointConfig.activeSlide) !== null && _f !== void 0 ? _f : 0,
101
- applyTransform: applyTransform,
102
- loop: (_g = breakPointConfig.loop) !== null && _g !== void 0 ? _g : false,
103
- sliderObjRefs: sliderObjRefs,
104
- sliderWrapperRef: sliderWrapperRef,
105
- slideToScroll: (_h = breakPointConfig.slideToScroll) !== null && _h !== void 0 ? _h : 1,
106
- slideToShow: (_j = breakPointConfig.slideToShow) !== null && _j !== void 0 ? _j : 1,
107
- speed: (_k = breakPointConfig.animationConfig) === null || _k === void 0 ? void 0 : _k.speed,
108
- }), getActiveIndicatorIndex = _p.getActiveIndicatorIndex, getIndicatorCount = _p.getIndicatorCount, goToSlideIndicator = _p.goToSlideIndicator, handleNextSlide = _p.handleNextSlide, handlePrevSlide = _p.handlePrevSlide, hasNextBtnDisabled = _p.hasNextBtnDisabled, hasPrevBtnDisabled = _p.hasPrevBtnDisabled;
109
- (0, react_1.useEffect)(function () {
110
- var _a;
111
- calculateDimensions();
112
- Utils_1.safeWindow === null || Utils_1.safeWindow === void 0 ? void 0 : Utils_1.safeWindow.addEventListener('resize', calculateDimensions);
113
- if (sliderObjRefs.current.containerWidth > 0 || sliderObjRefs.current.containerHeight > 0) {
114
- var index = (_a = breakPointConfig.activeSlide) !== null && _a !== void 0 ? _a : 0;
115
- applyTransform(index, false);
116
- sliderObjRefs.current.currentIndex = index;
117
- }
118
- return function () {
119
- Utils_1.safeWindow === null || Utils_1.safeWindow === void 0 ? void 0 : Utils_1.safeWindow.removeEventListener('resize', calculateDimensions);
120
- };
121
- }, [
122
- calculateDimensions,
123
- applyTransform,
124
- breakPointConfig.activeSlide,
125
- breakPointConfig.slideToShow,
126
- breakPointConfig.gap,
127
- ]);
128
- (0, useSliderAutoPlay_1.default)({
129
- autoPlayConfig: (_l = breakPointConfig.autoPlayConfig) !== null && _l !== void 0 ? _l : autoPlayConfig,
130
- handleNextSlide: handleNextSlide,
131
- isAllSlidesVisible: isAllSlidesVisible,
132
- loop: (_m = breakPointConfig.loop) !== null && _m !== void 0 ? _m : false,
133
- sliderWrapperRef: sliderWrapperRef,
134
- });
135
- (0, useSliderDraggable_1.default)({
136
- applyTransform: applyTransform,
137
- calculateTranslate: calculateTranslate,
138
- draggable: breakPointConfig.draggable,
139
- handleNextSlide: handleNextSlide,
140
- handlePrevSlide: handlePrevSlide,
141
- hasNextBtnDisabled: hasNextBtnDisabled,
142
- hasPrevBtnDisabled: hasPrevBtnDisabled,
143
- sliderObjRefs: sliderObjRefs,
144
- sliderWrapperRef: sliderWrapperRef,
145
- });
146
- return {
147
- getActiveIndicatorIndex: getActiveIndicatorIndex,
148
- getIndicatorCount: getIndicatorCount,
149
- goToSlideIndicator: goToSlideIndicator,
150
- handleNextSlide: handleNextSlide,
151
- handlePrevSlide: handlePrevSlide,
152
- hasNextBtnDisabled: hasNextBtnDisabled,
153
- hasPrevBtnDisabled: hasPrevBtnDisabled,
154
- sliderWrapperRef: sliderWrapperRef,
155
- };
156
- }
157
- exports.default = useSlider;
158
- //# sourceMappingURL=useSlider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useSlider.js","sourceRoot":"","sources":["../../../../src/components/Slider/useSlider.ts"],"names":[],"mappings":"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"}
@@ -1,33 +0,0 @@
1
- /**
2
- * -----------------------------------------------------------------------------
3
- * @file useSliderAutoPlay
4
- * -----------------------------------------------------------------------------
5
- *
6
- * @description :- React hook that manages autoplay behavior for a slider component.
7
- * Responsibilities:
8
- * - Starts an interval-based autoplay when enabled
9
- * - Stops autoplay safely on cleanup or when conditions change
10
- * - Prevents multiple intervals from running simultaneously
11
- * - Respects loop and transformation states to avoid invalid transitions
12
- * Autoplay will:
13
- * - Start only when `enable` is true
14
- * - Pause automatically when the slider is transforming
15
- * - Stop and clean up intervals on unmount
16
- * @param autoPlayConfig Configuration object controlling autoplay behavior
17
- * @param handleNextSlide Callback invoked to move to the next slide
18
- *
19
- * -----------------------------------------------------------------------------
20
- * Copyright © 2026 BookingKoala. All rights reserved.
21
- * -----------------------------------------------------------------------------
22
- */
23
- import { type RefObject } from 'react';
24
- import { type SlickSliderAutoPlayConfig } from './SlickSlider';
25
- interface UseSlickSliderAutoplayProps {
26
- autoPlayConfig: SlickSliderAutoPlayConfig;
27
- handleNextSlide: () => void;
28
- isAllSlidesVisible: boolean;
29
- loop: boolean;
30
- sliderWrapperRef?: RefObject<HTMLDivElement | null>;
31
- }
32
- declare function useSliderAutoplay({ autoPlayConfig, handleNextSlide, isAllSlidesVisible, loop, }: Readonly<UseSlickSliderAutoplayProps>): void;
33
- export default useSliderAutoplay;
@@ -1,73 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- /**
4
- * -----------------------------------------------------------------------------
5
- * @file useSliderAutoPlay
6
- * -----------------------------------------------------------------------------
7
- *
8
- * @description :- React hook that manages autoplay behavior for a slider component.
9
- * Responsibilities:
10
- * - Starts an interval-based autoplay when enabled
11
- * - Stops autoplay safely on cleanup or when conditions change
12
- * - Prevents multiple intervals from running simultaneously
13
- * - Respects loop and transformation states to avoid invalid transitions
14
- * Autoplay will:
15
- * - Start only when `enable` is true
16
- * - Pause automatically when the slider is transforming
17
- * - Stop and clean up intervals on unmount
18
- * @param autoPlayConfig Configuration object controlling autoplay behavior
19
- * @param handleNextSlide Callback invoked to move to the next slide
20
- *
21
- * -----------------------------------------------------------------------------
22
- * Copyright © 2026 BookingKoala. All rights reserved.
23
- * -----------------------------------------------------------------------------
24
- */
25
- var react_1 = require("react");
26
- var Utils_1 = require("../../Utils");
27
- var helpers_1 = require("../../helpers");
28
- function useSliderAutoplay(_a) {
29
- var autoPlayConfig = _a.autoPlayConfig, handleNextSlide = _a.handleNextSlide, isAllSlidesVisible = _a.isAllSlidesVisible, loop = _a.loop;
30
- // Destruct props
31
- 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;
32
- // Refs
33
- var timerRef = (0, react_1.useRef)(null);
34
- /**
35
- * Function initializes autoplay by creating a single interval timer.
36
- * On each interval tick, it triggers the handleNextSlide callback
37
- * to advance the slider.
38
- */
39
- var startAutoPlay = (0, react_1.useCallback)(function () {
40
- if (!enable || timerRef.current)
41
- return;
42
- timerRef.current = Utils_1.safeWindow === null || Utils_1.safeWindow === void 0 ? void 0 : Utils_1.safeWindow.setInterval(function () {
43
- handleNextSlide();
44
- }, interval);
45
- }, [enable, interval, handleNextSlide]);
46
- /** Function stops the active autoplay interval and resets the timer reference. */
47
- var clearAutoplayTimer = (0, react_1.useCallback)(function () {
48
- if (!(0, helpers_1.isNullOrUndefined)(timerRef.current)) {
49
- Utils_1.safeWindow === null || Utils_1.safeWindow === void 0 ? void 0 : Utils_1.safeWindow.clearInterval(timerRef.current);
50
- timerRef.current = null;
51
- }
52
- }, []);
53
- (0, react_1.useEffect)(function () {
54
- if (!loop || isAllSlidesVisible)
55
- return undefined;
56
- startAutoPlay();
57
- // TODO: Enable pause-on-hover by attaching mouseenter/mouseleave events to start and stop autoplay when hover interaction is active.
58
- // const container = sliderWrapperRef?.current;
59
- // if (pauseOnHover) {
60
- // if (isNullOrUndefined(container)) return;
61
- // container.addEventListener('mouseenter', clearAutoplayTimer);
62
- // container.addEventListener('mouseleave', startAutoPlay);
63
- // }
64
- return function () {
65
- clearAutoplayTimer();
66
- // if (isNullOrUndefined(container)) return;
67
- // container.removeEventListener('mouseenter', clearAutoplayTimer);
68
- // container.removeEventListener('mouseleave', startAutoPlay);
69
- };
70
- }, [loop, isAllSlidesVisible, startAutoPlay, clearAutoplayTimer]);
71
- }
72
- exports.default = useSliderAutoplay;
73
- //# sourceMappingURL=useSliderAutoPlay.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useSliderAutoPlay.js","sourceRoot":"","sources":["../../../../src/components/Slider/useSliderAutoPlay.ts"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,+BAAsE;AACtE,qCAAwC;AACxC,yCAA8D;AAW9D,SAAS,iBAAiB,CAAC,EAKa;QAJtC,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,CAAA;IAEvE,OAAO;IACP,IAAM,QAAQ,GAAG,IAAA,cAAM,EAA4B,IAAI,CAAC,CAAA;IAExD;;;;OAIG;IACH,IAAM,aAAa,GAAG,IAAA,mBAAW,EAAC;QAChC,IAAI,CAAC,MAAM,IAAI,QAAQ,CAAC,OAAO;YAAE,OAAM;QACvC,QAAQ,CAAC,OAAO,GAAG,kBAAU,aAAV,kBAAU,uBAAV,kBAAU,CAAE,WAAW,CAAC;YACzC,eAAe,EAAE,CAAA;QACnB,CAAC,EAAE,QAAQ,CAAC,CAAA;IACd,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAA;IAEvC,kFAAkF;IAClF,IAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC;QACrC,IAAI,CAAC,IAAA,2BAAiB,EAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;YACzC,kBAAU,aAAV,kBAAU,uBAAV,kBAAU,CAAE,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;YAC3C,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAA;QACzB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,IAAI,IAAI,kBAAkB;YAAE,OAAO,SAAS,CAAA;QACjD,aAAa,EAAE,CAAA;QACf,qIAAqI;QACrI,+CAA+C;QAC/C,sBAAsB;QACtB,6CAA6C;QAC7C,iEAAiE;QACjE,4DAA4D;QAC5D,IAAI;QAEJ,OAAO;YACL,kBAAkB,EAAE,CAAA;YACpB,4CAA4C;YAC5C,mEAAmE;YACnE,8DAA8D;QAChE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAA;AACnE,CAAC;AAED,kBAAe,iBAAiB,CAAA"}
@@ -1,23 +0,0 @@
1
- import { type SlickSliderAnimationConfig, type SlickSliderAutoPlayConfig } from './SlickSlider';
2
- export interface SlickSliderConfig {
3
- activeSlide?: number;
4
- animationConfig?: SlickSliderAnimationConfig;
5
- autoPlayConfig?: SlickSliderAutoPlayConfig;
6
- breakpoint?: number;
7
- draggable?: {
8
- dragThreshold?: number;
9
- enableDrag?: boolean;
10
- };
11
- gap?: number;
12
- loop?: boolean;
13
- showCtrlBtns?: boolean;
14
- showIndicator?: boolean;
15
- slideToScroll?: number;
16
- slideToShow?: number;
17
- }
18
- export interface UseSliderBreakpointProps {
19
- breakpoints: SlickSliderConfig[];
20
- config: SlickSliderConfig;
21
- }
22
- declare function useSliderBreakpoint({ breakpoints, config }: UseSliderBreakpointProps): SlickSliderConfig;
23
- export default useSliderBreakpoint;
@@ -1,92 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
4
- /**
5
- * -----------------------------------------------------------------------------
6
- * @file useSliderBreakpoint
7
- * -----------------------------------------------------------------------------
8
- *
9
- * @description Utility file - add description here
10
- *
11
- * Features:
12
- * - Add key features here
13
- *
14
- * -----------------------------------------------------------------------------
15
- * Copyright © 2026 BookingKoala. All rights reserved.
16
- * -----------------------------------------------------------------------------
17
- */
18
- var react_1 = require("react");
19
- var Utils_1 = require("../../Utils");
20
- var helpers_1 = require("../../helpers");
21
- /**
22
- * Resolves the breakpoint configuration based on current viewport width.
23
- * This function is used both for initial resolution and on resize.
24
- */
25
- function resolveBreakpointConfig(breakpoints, config) {
26
- var _a, _b, _c, _d, _e;
27
- if ((0, helpers_1.isObjectEmpty)(config)) {
28
- return config;
29
- }
30
- var viewportWidth = Utils_1.safeWindow === null || Utils_1.safeWindow === void 0 ? void 0 : Utils_1.safeWindow.innerWidth;
31
- if (!viewportWidth) {
32
- return config;
33
- }
34
- // Sort breakpoints in ascending order (smallest first).
35
- // Then match the first breakpoint where viewport width is <= breakpoint.
36
- // Example: viewport 500 matches 576 (not 1200).
37
- var sortedBreakpoints = tslib_1.__spreadArray([], breakpoints, true).filter(function (bp) { return bp.breakpoint !== undefined; })
38
- .sort(function (a, b) { var _a, _b; return ((_a = a.breakpoint) !== null && _a !== void 0 ? _a : 0) - ((_b = b.breakpoint) !== null && _b !== void 0 ? _b : 0); });
39
- // Find the first breakpoint where viewport width is <= breakpoint
40
- var matchedBreakpoint = sortedBreakpoints.find(function (bp) { var _a; return viewportWidth <= ((_a = bp.breakpoint) !== null && _a !== void 0 ? _a : 0); });
41
- // Determine the base active slide:
42
- // - if the consumer provided activeSlide, use it
43
- // - otherwise align to slideToShow so the first real slide appears after any leading clones
44
- var baseActiveSlide = (_b = (_a = config.activeSlide) !== null && _a !== void 0 ? _a : config.slideToShow) !== null && _b !== void 0 ? _b : 0;
45
- var baseConfig = tslib_1.__assign(tslib_1.__assign({}, config), { activeSlide: baseActiveSlide });
46
- console.log(baseActiveSlide);
47
- // Merge base config with breakpoint overrides.
48
- // If the breakpoint explicitly defines activeSlide, keep that; otherwise 0.
49
- if (!(0, helpers_1.isObjectNotEmpty)(matchedBreakpoint)) {
50
- return baseConfig;
51
- }
52
- console.log(baseActiveSlide, baseConfig);
53
- var bp = matchedBreakpoint;
54
- var resolvedSlideToShow = (_c = bp.slideToShow) !== null && _c !== void 0 ? _c : baseConfig.slideToShow;
55
- var resolvedActiveSlide = (_e = (_d = bp.activeSlide) !== null && _d !== void 0 ? _d :
56
- // Align to slideToShow so the first real slide is in view with cloned buffers
57
- resolvedSlideToShow) !== null && _e !== void 0 ? _e : baseActiveSlide;
58
- return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, baseConfig), bp), { activeSlide: resolvedActiveSlide });
59
- }
60
- function useSliderBreakpoint(_a) {
61
- var breakpoints = _a.breakpoints, config = _a.config;
62
- // Initialize with resolved breakpoint config immediately on mount
63
- var _b = (0, react_1.useState)(function () {
64
- return resolveBreakpointConfig(breakpoints, config);
65
- }), resolvedConfig = _b[0], setResolvedConfig = _b[1];
66
- (0, react_1.useEffect)(function () {
67
- if ((0, helpers_1.isObjectEmpty)(config)) {
68
- setResolvedConfig(config);
69
- return;
70
- }
71
- function updateConfig() {
72
- var newConfig = resolveBreakpointConfig(breakpoints, config);
73
- // Avoid unnecessary updates
74
- console.log(newConfig, 'yurtyertertewr');
75
- setResolvedConfig(function (prevConfig) {
76
- if (!(0, helpers_1.deepCompareObjects)(prevConfig, newConfig)) {
77
- return newConfig;
78
- }
79
- return prevConfig;
80
- });
81
- }
82
- // Update config on mount and resize
83
- updateConfig();
84
- Utils_1.safeWindow === null || Utils_1.safeWindow === void 0 ? void 0 : Utils_1.safeWindow.addEventListener('resize', updateConfig);
85
- return function () {
86
- Utils_1.safeWindow === null || Utils_1.safeWindow === void 0 ? void 0 : Utils_1.safeWindow.removeEventListener('resize', updateConfig);
87
- };
88
- }, [config, breakpoints]);
89
- return resolvedConfig;
90
- }
91
- exports.default = useSliderBreakpoint;
92
- //# sourceMappingURL=useSliderBreakpoint.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useSliderBreakpoint.js","sourceRoot":"","sources":["../../../../src/components/Slider/useSliderBreakpoint.ts"],"names":[],"mappings":"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"}
@@ -1,41 +0,0 @@
1
- /**
2
- * -----------------------------------------------------------------------------
3
- * @file useSliderDimension
4
- * -----------------------------------------------------------------------------
5
- *
6
- * @description React hook responsible for calculating and applying layout-related
7
- * dimensions for a flex-based slider.
8
- *
9
- * This hook dynamically computes:
10
- * - Slider container width
11
- * - Slide flex-basis based on the number of visible slides
12
- * - Gap between slides
13
- *
14
- * The calculated values are applied directly to the DOM and stored
15
- * in shared slider refs for use by other slider utilities.
16
- *
17
- * Features:
18
- * - Responsive slide sizing using container dimensions
19
- * - Flex-based layout calculation
20
- * - Centralized dimension updates
21
- * - Safe DOM access via refs
22
- *
23
- * NOTE: this loc update when we have add the custom styling. loc no.:-69
24
- * -----------------------------------------------------------------------------
25
- * Copyright © 2025 BookingKoala. All rights reserved.
26
- * -----------------------------------------------------------------------------
27
- */
28
- import { type RefObject } from 'react';
29
- import { type SlickSliderRefs } from './useSlider';
30
- export interface UseSlickSliderDimensionProps {
31
- gap: number;
32
- sliderObjRefs: RefObject<SlickSliderRefs>;
33
- sliderWrapperRef: RefObject<HTMLDivElement | null>;
34
- slideToShow: number;
35
- variant: 'horizontal' | 'vertical';
36
- }
37
- interface SlickSliderDimensionsReturn {
38
- calculateDimensions: () => void;
39
- }
40
- declare function useSliderDimension({ gap, sliderObjRefs, sliderWrapperRef, slideToShow, variant, }: Readonly<UseSlickSliderDimensionProps>): SlickSliderDimensionsReturn;
41
- export default useSliderDimension;
@@ -1,92 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- /**
4
- * -----------------------------------------------------------------------------
5
- * @file useSliderDimension
6
- * -----------------------------------------------------------------------------
7
- *
8
- * @description React hook responsible for calculating and applying layout-related
9
- * dimensions for a flex-based slider.
10
- *
11
- * This hook dynamically computes:
12
- * - Slider container width
13
- * - Slide flex-basis based on the number of visible slides
14
- * - Gap between slides
15
- *
16
- * The calculated values are applied directly to the DOM and stored
17
- * in shared slider refs for use by other slider utilities.
18
- *
19
- * Features:
20
- * - Responsive slide sizing using container dimensions
21
- * - Flex-based layout calculation
22
- * - Centralized dimension updates
23
- * - Safe DOM access via refs
24
- *
25
- * NOTE: this loc update when we have add the custom styling. loc no.:-69
26
- * -----------------------------------------------------------------------------
27
- * Copyright © 2025 BookingKoala. All rights reserved.
28
- * -----------------------------------------------------------------------------
29
- */
30
- var react_1 = require("react");
31
- var helpers_1 = require("../../helpers");
32
- function useSliderDimension(_a) {
33
- var gap = _a.gap, sliderObjRefs = _a.sliderObjRefs, sliderWrapperRef = _a.sliderWrapperRef, slideToShow = _a.slideToShow, variant = _a.variant;
34
- /**
35
- * Calculates and applies slide dimensions based on slider orientation.
36
- *
37
- * - Sets the gap between slides.
38
- * - For vertical sliders:
39
- * - Calculates slide height including gap.
40
- * - Sets the container height to show the required number of slides.
41
- * - Switches layout to column direction.
42
- * - For horizontal sliders:
43
- * - Calculates available width after subtracting gaps.
44
- * - Distributes width equally across visible slides using flex-basis.
45
- *
46
- * This function updates both DOM styles and cached dimensions
47
- * used later for slide translation.
48
- */
49
- var calculateSlideDimensions = (0, react_1.useCallback)(function (_a) {
50
- var container = _a.container, rect = _a.rect;
51
- if (!sliderObjRefs.current)
52
- return;
53
- container.style.setProperty('gap', "".concat(gap, "px"));
54
- if (variant === 'vertical') {
55
- var verticalSlideHight = container.children[0].clientHeight + gap;
56
- Object.assign(sliderObjRefs.current, {
57
- containerHeight: verticalSlideHight,
58
- });
59
- container.style.setProperty('height', "".concat(verticalSlideHight * slideToShow, "px"));
60
- container.style.setProperty('flex-direction', 'column');
61
- return;
62
- }
63
- var containerWidth = rect.width;
64
- var totalGap = gap * (slideToShow - 1);
65
- var availableWidth = containerWidth - totalGap;
66
- var slideWidthPx = availableWidth / slideToShow;
67
- var flexBasisPercent = (slideWidthPx / containerWidth) * 100;
68
- Object.assign(sliderObjRefs.current, {
69
- containerWidth: containerWidth + gap,
70
- });
71
- Array.from(container.children).forEach(function (element) {
72
- ;
73
- element.style.setProperty('flex', "0 0 ".concat(flexBasisPercent, "%"));
74
- });
75
- }, [gap, slideToShow, sliderObjRefs, variant]);
76
- /**
77
- * Calculates and applies slider dimensions based on the current container size.
78
- * Safely accesses the slider container element, retrieves its bounding rectangle,
79
- * and triggers the dimension calculation for slides.
80
- * NOTE: currently for horizontal slider navigation
81
- */
82
- var calculateDimensions = (0, react_1.useCallback)(function () {
83
- var container = sliderWrapperRef.current;
84
- if ((0, helpers_1.isNullOrUndefined)(container))
85
- return;
86
- var rect = container.getBoundingClientRect();
87
- calculateSlideDimensions({ container: container, rect: rect });
88
- }, [sliderWrapperRef, calculateSlideDimensions]);
89
- return { calculateDimensions: calculateDimensions };
90
- }
91
- exports.default = useSliderDimension;
92
- //# sourceMappingURL=useSliderDimension.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useSliderDimension.js","sourceRoot":"","sources":["../../../../src/components/Slider/useSliderDimension.ts"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,+BAAmD;AACnD,yCAAiD;AAoBjD,SAAS,kBAAkB,CAAC,EAMa;QALvC,GAAG,SAAA,EACH,aAAa,mBAAA,EACb,gBAAgB,sBAAA,EAChB,WAAW,iBAAA,EACX,OAAO,aAAA;IAEP;;;;;;;;;;;;;;OAcG;IACH,IAAM,wBAAwB,GAAG,IAAA,mBAAW,EAC1C,UAAC,EAAwC;YAAtC,SAAS,eAAA,EAAE,IAAI,UAAA;QAChB,IAAI,CAAC,aAAa,CAAC,OAAO;YAAE,OAAM;QAClC,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,UAAG,GAAG,OAAI,CAAC,CAAA;QAC9C,IAAI,OAAO,KAAK,UAAU,EAAE,CAAC;YAC3B,IAAM,kBAAkB,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,GAAG,CAAA;YACnE,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,EAAE;gBACnC,eAAe,EAAE,kBAAkB;aACpC,CAAC,CAAA;YACF,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE,UAAG,kBAAkB,GAAG,WAAW,OAAI,CAAC,CAAA;YAC9E,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAA;YACvD,OAAM;QACR,CAAC;QAEO,IAAO,cAAc,GAAK,IAAI,MAAT,CAAS;QACtC,IAAM,QAAQ,GAAG,GAAG,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC,CAAA;QACxC,IAAM,cAAc,GAAG,cAAc,GAAG,QAAQ,CAAA;QAChD,IAAM,YAAY,GAAG,cAAc,GAAG,WAAW,CAAA;QACjD,IAAM,gBAAgB,GAAG,CAAC,YAAY,GAAG,cAAc,CAAC,GAAG,GAAG,CAAA;QAC9D,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,EAAE;YACnC,cAAc,EAAE,cAAc,GAAG,GAAG;SACrC,CAAC,CAAA;QACF,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,UAAC,OAAgB;YACtD,CAAC;YAAC,OAAuB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE,cAAO,gBAAgB,MAAG,CAAC,CAAA;QACjF,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,EAAE,OAAO,CAAC,CAC3C,CAAA;IAED;;;;;OAKG;IACH,IAAM,mBAAmB,GAAG,IAAA,mBAAW,EAAC;QACtC,IAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAA;QAC1C,IAAI,IAAA,2BAAiB,EAAC,SAAS,CAAC;YAAE,OAAM;QACxC,IAAM,IAAI,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAA;QAC9C,wBAAwB,CAAC,EAAE,SAAS,EAAE,SAA2B,EAAE,IAAI,MAAA,EAAE,CAAC,CAAA;IAC5E,CAAC,EAAE,CAAC,gBAAgB,EAAE,wBAAwB,CAAC,CAAC,CAAA;IAEhD,OAAO,EAAE,mBAAmB,qBAAA,EAAE,CAAA;AAChC,CAAC;AAED,kBAAe,kBAAkB,CAAA"}
@@ -1,43 +0,0 @@
1
- /**
2
- * -----------------------------------------------------------------------------
3
- * @file useSliderDraggable
4
- * -----------------------------------------------------------------------------
5
- *
6
- * @description A custom React hook that enables pointer-based drag interactions
7
- * for the Slick slider component.
8
- *
9
- * Responsibilities:
10
- * - Attaches pointer event listeners to the slider container
11
- * - Tracks drag state and movement distance
12
- * - Applies real-time transforms during dragging
13
- * - Determines swipe intent using a configurable threshold
14
- * - Triggers next/previous slide navigation based on drag direction
15
- * - Safely handles pointer cancellation and cleanup
16
- *
17
- * Behavior:
18
- * - Dragging is enabled only when `draggable.enableDrag` is true
19
- * - Horizontal movement controls slide navigation
20
- * - Transitions are suppressed during drag and restored on release
21
- * - Automatically cleans up listeners on unmount or ref changes
22
- * -----------------------------------------------------------------------------
23
- * Copyright © 2026 BookingKoala. All rights reserved.
24
- * -----------------------------------------------------------------------------
25
- */
26
- import { type RefObject } from 'react';
27
- import { SlickSliderRefs } from './useSlider';
28
- export interface UseSliderDraggableProps {
29
- applyTransform: (val: number, withTransition?: boolean, isRaw?: boolean) => void;
30
- calculateTranslate: (idx: number) => number;
31
- draggable?: {
32
- dragThreshold?: number;
33
- enableDrag?: boolean;
34
- };
35
- handleNextSlide: () => void;
36
- handlePrevSlide: () => void;
37
- hasNextBtnDisabled: () => boolean;
38
- hasPrevBtnDisabled: () => boolean;
39
- sliderObjRefs: RefObject<SlickSliderRefs>;
40
- sliderWrapperRef: RefObject<HTMLDivElement | null>;
41
- }
42
- declare function useSliderDraggable({ applyTransform, calculateTranslate, draggable, handleNextSlide, handlePrevSlide, hasNextBtnDisabled, hasPrevBtnDisabled, sliderObjRefs, sliderWrapperRef, }: UseSliderDraggableProps): void;
43
- export default useSliderDraggable;