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,208 +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 React, { useMemo } from 'react';
26
- import { clsx } from 'clsx';
27
- import Button from '../Button';
28
- import { useLocalStorage } from '../../hooks';
29
- import { createDynamicArray, destructObj, getArrayLength, getKeyString, isArrayEmpty, isNullOrUndefined, } from '../../helpers';
30
- import { EMPTY_ARRAY, EMPTY_OBJECT } from '../../constants/app';
31
- import ICONS from '../../constants/icons';
32
- import useSlider from './useSlider';
33
- // Destruct icons
34
- var angleLeft = ICONS.angleLeft, angleRight = ICONS.angleRight, circle = ICONS.circle, dotCircle = ICONS.dotCircle;
35
- // Default props value
36
- var defAutoPlayConfig = {
37
- enable: false,
38
- interval: 2000,
39
- pauseOnHover: false,
40
- };
41
- var defAnimationConfig = {
42
- easing: 'ease',
43
- speed: 500,
44
- };
45
- var defaultDraggable = {
46
- dragThreshold: 200,
47
- enableDrag: true,
48
- };
49
- function SlickSlider(_a) {
50
- var _b = _a.activeSlide, activeSlide = _b === void 0 ? 1 : _b, _c = _a.animationConfig, animationConfig = _c === void 0 ? defAnimationConfig : _c, _d = _a.autoPlayConfig, autoPlayConfig = _d === void 0 ? defAutoPlayConfig : _d, _e = _a.breakpoints, breakpoints = _e === void 0 ? EMPTY_ARRAY : _e, _f = _a.btnsLabel, btnsLabel = _f === void 0 ? EMPTY_OBJECT : _f, data = _a.data, _g = _a.draggable, draggable = _g === void 0 ? defaultDraggable : _g, _h = _a.gap, gap = _h === void 0 ? 20 : _h, _j = _a.icons, icons = _j === void 0 ? EMPTY_OBJECT : _j, _k = _a.loop, loop = _k === void 0 ? false : _k, _l = _a.onSlideClick, onSlideClick = _l === void 0 ? undefined : _l, _m = _a.renderNextBtn, renderNextBtn = _m === void 0 ? undefined : _m, _o = _a.renderPrevBtn, renderPrevBtn = _o === void 0 ? undefined : _o, _p = _a.renderSlide, renderSlide = _p === void 0 ? undefined : _p, _q = _a.showCtrlBtns, showCtrlBtns = _q === void 0 ? true : _q, _r = _a.showIndicator, showIndicator = _r === void 0 ? true : _r, _s = _a.slideToScroll, slideToScroll = _s === void 0 ? 1 : _s, _t = _a.slideToShow, slideToShow = _t === void 0 ? 1 : _t, _u = _a.variant, variant = _u === void 0 ? 'horizontal' : _u;
51
- // Constants
52
- var hasUseExtendedSlides = getArrayLength(data) > slideToShow;
53
- var isRTL = useLocalStorage('tjsReactRTL')[0];
54
- var isRTLMode = isRTL !== null && isRTL !== void 0 ? isRTL : false;
55
- var nextBtnIconPrimary = isRTLMode ? angleLeft : angleRight;
56
- var prevBtnIconPrimary = isRTLMode ? angleRight : angleLeft;
57
- // Destruct props
58
- var _v = destructObj(icons), _w = _v.activeDot, activeDot = _w === void 0 ? dotCircle : _w, _x = _v.dots, dots = _x === void 0 ? circle : _x, _y = _v.next, nextBtnIcon = _y === void 0 ? nextBtnIconPrimary : _y, _z = _v.prev, prevBtnIcon = _z === void 0 ? prevBtnIconPrimary : _z;
59
- var _0 = destructObj(btnsLabel), _1 = _0.next, nextBtnLabel = _1 === void 0 ? '' : _1, _2 = _0.prev, prevBtnLabel = _2 === void 0 ? '' : _2;
60
- // Hooks
61
- var _3 = useSlider({
62
- activeSlide: activeSlide - 1,
63
- animationConfig: animationConfig,
64
- autoPlayConfig: autoPlayConfig,
65
- breakpoints: breakpoints,
66
- draggable: draggable,
67
- gap: gap,
68
- isRTLMode: isRTLMode,
69
- loop: loop,
70
- slideToScroll: slideToScroll,
71
- slideToShow: slideToShow,
72
- totalSlides: getArrayLength(data),
73
- variant: variant,
74
- }), getActiveIndicatorIndex = _3.getActiveIndicatorIndex, getIndicatorCount = _3.getIndicatorCount, goToSlideIndicator = _3.goToSlideIndicator, handleNextSlide = _3.handleNextSlide, handlePrevSlide = _3.handlePrevSlide, hasNextBtnDisabled = _3.hasNextBtnDisabled, hasPrevBtnDisabled = _3.hasPrevBtnDisabled, sliderWrapperRef = _3.sliderWrapperRef;
75
- var renderSlideItem = isNullOrUndefined(renderSlide)
76
- ? renderDefSlide
77
- : function (item, index) {
78
- var result = renderSlide(item, index);
79
- return result !== null && result !== void 0 ? result : renderDefSlide(item);
80
- };
81
- function renderDefSlide(item) {
82
- return (React.createElement("div", { className: 'w-100 p-6 bg-primary' },
83
- React.createElement("p", { className: 'fs-40' }, item.label)));
84
- }
85
- /**
86
- * This helper function render the button based on the different label and custom icons.
87
- * @param param0 takes a common property of btn
88
- */
89
- function renderNavBtn(_a) {
90
- var disabled = _a.disabled, icon = _a.icon, label = _a.label, onClick = _a.onClick;
91
- return (React.createElement(Button, { disabled: disabled, icon: icon, label: label, variant: 'ghost', classnames: { button: 'fs-16 p-5 px-10' }, onClick: onClick }));
92
- }
93
- function renderDefPrevBtn() {
94
- return renderNavBtn({
95
- disabled: hasPrevBtnDisabled(),
96
- icon: prevBtnIcon,
97
- label: prevBtnLabel,
98
- onClick: handlePrevSlide,
99
- });
100
- }
101
- /**
102
- * Determines which previous button to render based on whether a custom renderPrevBtn prop is provided.
103
- * Falls back to the default previous button if no custom renderer is specified.
104
- */
105
- function prevButtonElem() {
106
- if (isNullOrUndefined(renderPrevBtn)) {
107
- return renderDefPrevBtn();
108
- }
109
- var result = renderPrevBtn(handlePrevSlide, hasPrevBtnDisabled);
110
- return result !== null && result !== void 0 ? result : renderDefPrevBtn();
111
- }
112
- /**
113
- * Creates an extended slides array to support seamless looping.
114
- *
115
- * - Prepends the last `slideToShow` slides to allow backward looping
116
- * - Appends the full slides array to allow forward looping
117
- * - Results in a continuous sequence that prevents visual gaps
118
- * when transitioning across boundaries
119
- *
120
- * Example:
121
- * data = [A, B, C, D]
122
- * extendedSlides = [D, A, B, C, D, A, B, C, D] slideToShow = 1
123
- * extendedSlides = [C,D, A, B, C, D, A, B, C, D] slideToShow = 2
124
- */
125
- var extendedSlides = useMemo(function () { return [data.slice(-slideToShow), data, data].flat(); }, [data, slideToShow]);
126
- /**
127
- * Creates a click handler for a slide item.
128
- * Returns a function that invokes the onSlideClick callback with the item data.
129
- * @param item - The slide data item
130
- */
131
- function onSlideClickHandler(item, index) {
132
- return function () {
133
- onSlideClick === null || onSlideClick === void 0 ? void 0 : onSlideClick(item, index, {});
134
- };
135
- }
136
- /**
137
- * Renders all slide items in the slider.
138
- * Uses extended slides array for looping mode, otherwise uses the original data array.
139
- * Each slide is wrapped in a button that handles click events.
140
- */
141
- function renderSlides() {
142
- if (isArrayEmpty(data))
143
- return null;
144
- var sliderArray = hasUseExtendedSlides ? extendedSlides : data;
145
- return (React.createElement("div", { ref: sliderWrapperRef, className: 'd-flex' }, sliderArray === null || sliderArray === void 0 ? void 0 : sliderArray.map(function (item, index) { return (React.createElement(Button, { variant: 'ghost', key: getKeyString('slide', index), attributes: {
146
- button: {
147
- id: getKeyString('slide', index + 1),
148
- 'data-index': index,
149
- },
150
- }, classnames: {
151
- button: clsx('p-0 rounded-100 bg-transparent', variant === 'vertical' && 'vertical'),
152
- }, onClick: onSlideClickHandler(item, index) }, renderSlideItem(item))); })));
153
- }
154
- function renderDefNextBtn() {
155
- return renderNavBtn({
156
- disabled: hasNextBtnDisabled(),
157
- icon: nextBtnIcon,
158
- label: nextBtnLabel,
159
- onClick: handleNextSlide,
160
- });
161
- }
162
- /**
163
- * Determines which next button to render based on whether a custom renderNextBtn prop is provided.
164
- * Falls back to the default next button if no custom renderer is specified.
165
- */
166
- function nextButtonElem() {
167
- if (isNullOrUndefined(renderNextBtn)) {
168
- return renderDefNextBtn();
169
- }
170
- var result = renderNextBtn(handleNextSlide, hasNextBtnDisabled);
171
- return result !== null && result !== void 0 ? result : renderDefNextBtn();
172
- }
173
- /** This callback function handle the indicator click event and call the go to indicator. */
174
- function handleIndicatorEvent(idx) {
175
- return function () {
176
- goToSlideIndicator(idx);
177
- };
178
- }
179
- /**
180
- * Function is render the indicator item and add the active indicator icons based active slide index.
181
- * @param index index of the indicator items.
182
- */
183
- function renderIndicator(index) {
184
- if (!hasUseExtendedSlides)
185
- return undefined;
186
- var isActive = index === getActiveIndicatorIndex();
187
- var indicatorIcon = isActive ? activeDot : dots;
188
- return (React.createElement(Button, { key: getKeyString('ctrl-dot', index), icon: indicatorIcon, variant: 'ghost', onClick: handleIndicatorEvent(index), classnames: { button: 'fs-16' } }));
189
- }
190
- /**
191
- * Function responsible for render the indication icons based on the indicator count.
192
- * create dynamic array based on the number for indicators.
193
- */
194
- function renderIndicators() {
195
- var numberOfIndictor = getIndicatorCount();
196
- if (isNullOrUndefined(numberOfIndictor))
197
- return undefined;
198
- return (React.createElement("div", { className: 'd-flex justify-content-center gap-10' }, createDynamicArray(numberOfIndictor).map(function (_, index) { return renderIndicator(index); })));
199
- }
200
- return (React.createElement("div", { className: 'tjs-slick-slider' },
201
- React.createElement("div", { className: 'd-flex align-items-center justify-content-between mb-10' },
202
- showCtrlBtns ? prevButtonElem() : null,
203
- React.createElement("div", { className: 'overflow-hidden w-100' }, renderSlides()),
204
- showCtrlBtns ? nextButtonElem() : null),
205
- showIndicator ? renderIndicators() : null));
206
- }
207
- export default SlickSlider;
208
- //# sourceMappingURL=SlickSlider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SlickSlider.js","sourceRoot":"","sources":["../../../../src/components/Slider/SlickSlider.tsx"],"names":[],"mappings":"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"}
@@ -1,24 +0,0 @@
1
- /**
2
- * -----------------------------------------------------------------------------
3
- * @file useCenterMode
4
- * -----------------------------------------------------------------------------
5
- *
6
- * @description Utility file - add description here
7
- *
8
- * Features:
9
- * - Add key features here
10
- *
11
- * -----------------------------------------------------------------------------
12
- * Copyright © 2026 BookingKoala. All rights reserved.
13
- * -----------------------------------------------------------------------------
14
- */
15
- interface UseCenterMode {
16
- activeSlideIndex?: number;
17
- slideToShow: number;
18
- }
19
- declare function useCenterMode({ activeSlideIndex, slideToShow }: UseCenterMode): number[];
20
- export default useCenterMode;
21
- /**
22
- * Returns active slide indexes based on slideToShow and active indicator
23
- * Works only when slideToShow is odd
24
- */
@@ -1,38 +0,0 @@
1
- function useCenterMode(_a) {
2
- var _b = _a.activeSlideIndex, activeSlideIndex = _b === void 0 ? 0 : _b, slideToShow = _a.slideToShow;
3
- var centerOffset = Math.floor(slideToShow / 2);
4
- var centerIndex = slideToShow + activeSlideIndex + centerOffset;
5
- // even slideToShow → two active slides
6
- if (slideToShow === 1 || slideToShow === 2)
7
- return [];
8
- if (slideToShow % 2 === 0) {
9
- return [centerIndex - 1, centerIndex];
10
- }
11
- // odd slideToShow
12
- if (slideToShow === 3) {
13
- return [centerIndex];
14
- }
15
- return [centerIndex - 1, centerIndex, centerIndex + 1];
16
- }
17
- export default useCenterMode;
18
- /**
19
- * Returns active slide indexes based on slideToShow and active indicator
20
- * Works only when slideToShow is odd
21
- */
22
- // function getActiveSlideIndexes(): number[] {
23
- // const activeSlideIndex = getActiveIndicatorIndex();
24
- // if (isNullOrUndefined(activeSlideIndex)) return [];
25
- // const centerOffset = Math.floor(slideToShow / 2);
26
- // const centerIndex = slideToShow + activeSlideIndex + centerOffset;
27
- // // even slideToShow → two active slides
28
- // if (slideToShow === 1 || slideToShow === 2) return [];
29
- // if (slideToShow % 2 === 0) {
30
- // return [centerIndex - 1, centerIndex];
31
- // }
32
- // // odd slideToShow
33
- // if (slideToShow === 3) {
34
- // return [centerIndex];
35
- // }
36
- // return [centerIndex - 1, centerIndex, centerIndex + 1];
37
- // }
38
- //# sourceMappingURL=useCenterMode.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useCenterMode.js","sourceRoot":"","sources":["../../../../src/components/Slider/useCenterMode.ts"],"names":[],"mappings":"AAkBA,SAAS,aAAa,CAAC,EAAoD;QAAlD,wBAAoB,EAApB,gBAAgB,mBAAG,CAAC,KAAA,EAAE,WAAW,iBAAA;IACxD,IAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,CAAA;IAChD,IAAM,WAAW,GAAG,WAAW,GAAG,gBAAgB,GAAG,YAAY,CAAA;IACjE,uCAAuC;IACvC,IAAI,WAAW,KAAK,CAAC,IAAI,WAAW,KAAK,CAAC;QAAE,OAAO,EAAE,CAAA;IACrD,IAAI,WAAW,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,CAAC,WAAW,GAAG,CAAC,EAAE,WAAW,CAAC,CAAA;IACvC,CAAC;IAED,kBAAkB;IAClB,IAAI,WAAW,KAAK,CAAC,EAAE,CAAC;QACtB,OAAO,CAAC,WAAW,CAAC,CAAA;IACtB,CAAC;IACD,OAAO,CAAC,WAAW,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,GAAG,CAAC,CAAC,CAAA;AACxD,CAAC;AACD,eAAe,aAAa,CAAA;AAC5B;;;GAGG;AACH,+CAA+C;AAC/C,uDAAuD;AACvD,uDAAuD;AAEvD,qDAAqD;AACrD,sEAAsE;AACtE,2CAA2C;AAC3C,0DAA0D;AAC1D,gCAAgC;AAChC,2CAA2C;AAC3C,KAAK;AAEL,sBAAsB;AACtB,4BAA4B;AAC5B,0BAA0B;AAC1B,KAAK;AACL,2DAA2D;AAC3D,IAAI"}
@@ -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,156 +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 { __assign } from "tslib";
22
- import { useEffect, useMemo, useRef } from 'react';
23
- import { safeWindow } from '../../Utils';
24
- import useSliderAutoPlay from './useSliderAutoPlay';
25
- import useSliderDimension from './useSliderDimension';
26
- import useSliderDraggable from './useSliderDraggable';
27
- import useSliderNavigation from './useSliderNavigation';
28
- import useSliderTransform from './useSliderTransform';
29
- import useSliderBreakpoint from './useSliderBreakpoint';
30
- function useSlider(_a) {
31
- var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
32
- 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;
33
- var activeSlideIndex = useMemo(function () { return (totalSlides > 0 && activeSlide >= totalSlides ? 0 : activeSlide); }, [activeSlide, totalSlides]);
34
- console.log('acaf', activeSlideIndex);
35
- var resolvedBreakpointConfig = useSliderBreakpoint({
36
- breakpoints: breakpoints,
37
- config: {
38
- activeSlide: activeSlideIndex,
39
- animationConfig: animationConfig,
40
- autoPlayConfig: autoPlayConfig,
41
- draggable: draggable,
42
- gap: gap,
43
- loop: loop,
44
- slideToScroll: slideToScroll,
45
- slideToShow: slideToShow,
46
- },
47
- });
48
- /**
49
- * Final resolved config:
50
- * base props act as defaults, breakpoint values override them.
51
- * The breakpoint hook returns the resolved config directly, which is initialized
52
- * correctly on mount and updates on resize.
53
- */
54
- var breakPointConfig = useMemo(function () { return (__assign({ activeSlide: activeSlideIndex + 1, animationConfig: animationConfig, autoPlayConfig: autoPlayConfig, draggable: draggable, gap: gap, loop: loop, slideToScroll: slideToScroll, slideToShow: slideToShow }, resolvedBreakpointConfig)); }, [
55
- activeSlideIndex,
56
- animationConfig,
57
- autoPlayConfig,
58
- draggable,
59
- gap,
60
- loop,
61
- slideToScroll,
62
- slideToShow,
63
- resolvedBreakpointConfig,
64
- ]);
65
- console.log(breakPointConfig);
66
- var sliderWrapperRef = useRef(null);
67
- var sliderObjRefs = useRef({
68
- containerHeight: 0,
69
- containerWidth: 0,
70
- currentIndex: 0,
71
- drag: {
72
- isDragging: false,
73
- startX: 0,
74
- startY: 0,
75
- translate: 0,
76
- },
77
- isTransitionComplete: false,
78
- totalSlides: totalSlides,
79
- });
80
- var calculateDimensions = useSliderDimension({
81
- gap: (_b = breakPointConfig.gap) !== null && _b !== void 0 ? _b : 10,
82
- sliderObjRefs: sliderObjRefs,
83
- sliderWrapperRef: sliderWrapperRef,
84
- slideToShow: (_c = breakPointConfig.slideToShow) !== null && _c !== void 0 ? _c : 1,
85
- variant: variant,
86
- }).calculateDimensions;
87
- var isAllSlidesVisible = useMemo(function () { var _a; return ((_a = breakPointConfig.slideToShow) !== null && _a !== void 0 ? _a : 1) >= sliderObjRefs.current.totalSlides; }, [breakPointConfig.slideToShow, totalSlides]);
88
- var _o = useSliderTransform({
89
- animationConfig: (_d = breakPointConfig.animationConfig) !== null && _d !== void 0 ? _d : animationConfig,
90
- isAllSlidesVisible: isAllSlidesVisible,
91
- isRTLMode: isRTLMode,
92
- sliderObjRefs: sliderObjRefs,
93
- sliderWrapperRef: sliderWrapperRef,
94
- slideToShow: (_e = breakPointConfig.slideToShow) !== null && _e !== void 0 ? _e : 1,
95
- variant: variant,
96
- }), applyTransform = _o.applyTransform, calculateTranslate = _o.calculateTranslate;
97
- var _p = useSliderNavigation({
98
- activeSlide: (_f = breakPointConfig.activeSlide) !== null && _f !== void 0 ? _f : 0,
99
- applyTransform: applyTransform,
100
- loop: (_g = breakPointConfig.loop) !== null && _g !== void 0 ? _g : false,
101
- sliderObjRefs: sliderObjRefs,
102
- sliderWrapperRef: sliderWrapperRef,
103
- slideToScroll: (_h = breakPointConfig.slideToScroll) !== null && _h !== void 0 ? _h : 1,
104
- slideToShow: (_j = breakPointConfig.slideToShow) !== null && _j !== void 0 ? _j : 1,
105
- speed: (_k = breakPointConfig.animationConfig) === null || _k === void 0 ? void 0 : _k.speed,
106
- }), getActiveIndicatorIndex = _p.getActiveIndicatorIndex, getIndicatorCount = _p.getIndicatorCount, goToSlideIndicator = _p.goToSlideIndicator, handleNextSlide = _p.handleNextSlide, handlePrevSlide = _p.handlePrevSlide, hasNextBtnDisabled = _p.hasNextBtnDisabled, hasPrevBtnDisabled = _p.hasPrevBtnDisabled;
107
- useEffect(function () {
108
- var _a;
109
- calculateDimensions();
110
- safeWindow === null || safeWindow === void 0 ? void 0 : safeWindow.addEventListener('resize', calculateDimensions);
111
- if (sliderObjRefs.current.containerWidth > 0 || sliderObjRefs.current.containerHeight > 0) {
112
- var index = (_a = breakPointConfig.activeSlide) !== null && _a !== void 0 ? _a : 0;
113
- applyTransform(index, false);
114
- sliderObjRefs.current.currentIndex = index;
115
- }
116
- return function () {
117
- safeWindow === null || safeWindow === void 0 ? void 0 : safeWindow.removeEventListener('resize', calculateDimensions);
118
- };
119
- }, [
120
- calculateDimensions,
121
- applyTransform,
122
- breakPointConfig.activeSlide,
123
- breakPointConfig.slideToShow,
124
- breakPointConfig.gap,
125
- ]);
126
- useSliderAutoPlay({
127
- autoPlayConfig: (_l = breakPointConfig.autoPlayConfig) !== null && _l !== void 0 ? _l : autoPlayConfig,
128
- handleNextSlide: handleNextSlide,
129
- isAllSlidesVisible: isAllSlidesVisible,
130
- loop: (_m = breakPointConfig.loop) !== null && _m !== void 0 ? _m : false,
131
- sliderWrapperRef: sliderWrapperRef,
132
- });
133
- useSliderDraggable({
134
- applyTransform: applyTransform,
135
- calculateTranslate: calculateTranslate,
136
- draggable: breakPointConfig.draggable,
137
- handleNextSlide: handleNextSlide,
138
- handlePrevSlide: handlePrevSlide,
139
- hasNextBtnDisabled: hasNextBtnDisabled,
140
- hasPrevBtnDisabled: hasPrevBtnDisabled,
141
- sliderObjRefs: sliderObjRefs,
142
- sliderWrapperRef: sliderWrapperRef,
143
- });
144
- return {
145
- getActiveIndicatorIndex: getActiveIndicatorIndex,
146
- getIndicatorCount: getIndicatorCount,
147
- goToSlideIndicator: goToSlideIndicator,
148
- handleNextSlide: handleNextSlide,
149
- handlePrevSlide: handlePrevSlide,
150
- hasNextBtnDisabled: hasNextBtnDisabled,
151
- hasPrevBtnDisabled: hasPrevBtnDisabled,
152
- sliderWrapperRef: sliderWrapperRef,
153
- };
154
- }
155
- export default useSlider;
156
- //# sourceMappingURL=useSlider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useSlider.js","sourceRoot":"","sources":["../../../../src/components/Slider/useSlider.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;AAEH,OAAO,EAAY,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGxC,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AACvD,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,mBAA0C,MAAM,uBAAuB,CAAA;AA6C9E,SAAS,SAAS,CAAC,EAaa;;QAZ9B,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,GAAG,SAAA,EACH,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,OAAO,aAAA;IAEP,IAAM,gBAAgB,GAAG,OAAO,CAC9B,cAAM,OAAA,CAAC,WAAW,GAAG,CAAC,IAAI,WAAW,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,EAAjE,CAAiE,EACvE,CAAC,WAAW,EAAE,WAAW,CAAC,CAC3B,CAAA;IACD,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAA;IAErC,IAAM,wBAAwB,GAAG,mBAAmB,CAAC;QACnD,WAAW,aAAA;QACX,MAAM,EAAE;YACN,WAAW,EAAE,gBAAgB;YAC7B,eAAe,iBAAA;YACf,cAAc,gBAAA;YACd,SAAS,WAAA;YACT,GAAG,KAAA;YACH,IAAI,MAAA;YACJ,aAAa,eAAA;YACb,WAAW,aAAA;SACZ;KACF,CAAC,CAAA;IAEF;;;;;OAKG;IACH,IAAM,gBAAgB,GAAG,OAAO,CAC9B,cAAM,OAAA,YACJ,WAAW,EAAE,gBAAgB,GAAG,CAAC,EACjC,eAAe,iBAAA,EACf,cAAc,gBAAA,EACd,SAAS,WAAA,EACT,GAAG,KAAA,EACH,IAAI,MAAA,EACJ,aAAa,eAAA,EACb,WAAW,aAAA,IACR,wBAAwB,EAC3B,EAVI,CAUJ,EACF;QACE,gBAAgB;QAChB,eAAe;QACf,cAAc;QACd,SAAS;QACT,GAAG;QACH,IAAI;QACJ,aAAa;QACb,WAAW;QACX,wBAAwB;KACzB,CACF,CAAA;IACD,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;IAE7B,IAAM,gBAAgB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAErD,IAAM,aAAa,GAAG,MAAM,CAAkB;QAC5C,eAAe,EAAE,CAAC;QAClB,cAAc,EAAE,CAAC;QACjB,YAAY,EAAE,CAAC;QACf,IAAI,EAAE;YACJ,UAAU,EAAE,KAAK;YACjB,MAAM,EAAE,CAAC;YACT,MAAM,EAAE,CAAC;YACT,SAAS,EAAE,CAAC;SACb;QACD,oBAAoB,EAAE,KAAK;QAC3B,WAAW,aAAA;KACZ,CAAC,CAAA;IAEM,IAAA,mBAAmB,GAAK,kBAAkB,CAAC;QACjD,GAAG,EAAE,MAAA,gBAAgB,CAAC,GAAG,mCAAI,EAAE;QAC/B,aAAa,eAAA;QACb,gBAAgB,kBAAA;QAChB,WAAW,EAAE,MAAA,gBAAgB,CAAC,WAAW,mCAAI,CAAC;QAC9C,OAAO,SAAA;KACR,CAAC,oBANyB,CAMzB;IAEF,IAAM,kBAAkB,GAAG,OAAO,CAChC,sBAAM,OAAA,CAAC,MAAA,gBAAgB,CAAC,WAAW,mCAAI,CAAC,CAAC,IAAI,aAAa,CAAC,OAAO,CAAC,WAAW,CAAA,EAAA,EAC9E,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAC5C,CAAA;IAEK,IAAA,KAAyC,kBAAkB,CAAC;QAChE,eAAe,EAAE,MAAA,gBAAgB,CAAC,eAAe,mCAAI,eAAe;QACpE,kBAAkB,oBAAA;QAClB,SAAS,WAAA;QACT,aAAa,eAAA;QACb,gBAAgB,kBAAA;QAChB,WAAW,EAAE,MAAA,gBAAgB,CAAC,WAAW,mCAAI,CAAC;QAC9C,OAAO,SAAA;KACR,CAAC,EARM,cAAc,oBAAA,EAAE,kBAAkB,wBAQxC,CAAA;IAEI,IAAA,KAQF,mBAAmB,CAAC;QACtB,WAAW,EAAE,MAAA,gBAAgB,CAAC,WAAW,mCAAI,CAAC;QAC9C,cAAc,gBAAA;QACd,IAAI,EAAE,MAAA,gBAAgB,CAAC,IAAI,mCAAI,KAAK;QACpC,aAAa,eAAA;QACb,gBAAgB,kBAAA;QAChB,aAAa,EAAE,MAAA,gBAAgB,CAAC,aAAa,mCAAI,CAAC;QAClD,WAAW,EAAE,MAAA,gBAAgB,CAAC,WAAW,mCAAI,CAAC;QAC9C,KAAK,EAAE,MAAA,gBAAgB,CAAC,eAAe,0CAAE,KAAK;KAC/C,CAAC,EAhBA,uBAAuB,6BAAA,EACvB,iBAAiB,uBAAA,EACjB,kBAAkB,wBAAA,EAClB,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,kBAAkB,wBAAA,EAClB,kBAAkB,wBAUlB,CAAA;IAEF,SAAS,CAAC;;QACR,mBAAmB,EAAE,CAAA;QACrB,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,gBAAgB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAA;QAE3D,IAAI,aAAa,CAAC,OAAO,CAAC,cAAc,GAAG,CAAC,IAAI,aAAa,CAAC,OAAO,CAAC,eAAe,GAAG,CAAC,EAAE,CAAC;YAC1F,IAAM,KAAK,GAAG,MAAA,gBAAgB,CAAC,WAAW,mCAAI,CAAC,CAAA;YAC/C,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;YAC5B,aAAa,CAAC,OAAO,CAAC,YAAY,GAAG,KAAK,CAAA;QAC5C,CAAC;QAED,OAAO;YACL,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,mBAAmB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAA;QAChE,CAAC,CAAA;IACH,CAAC,EAAE;QACD,mBAAmB;QACnB,cAAc;QACd,gBAAgB,CAAC,WAAW;QAC5B,gBAAgB,CAAC,WAAW;QAC5B,gBAAgB,CAAC,GAAG;KACrB,CAAC,CAAA;IAEF,iBAAiB,CAAC;QAChB,cAAc,EAAE,MAAA,gBAAgB,CAAC,cAAc,mCAAI,cAAc;QACjE,eAAe,iBAAA;QACf,kBAAkB,oBAAA;QAClB,IAAI,EAAE,MAAA,gBAAgB,CAAC,IAAI,mCAAI,KAAK;QACpC,gBAAgB,kBAAA;KACjB,CAAC,CAAA;IAEF,kBAAkB,CAAC;QACjB,cAAc,gBAAA;QACd,kBAAkB,oBAAA;QAClB,SAAS,EAAE,gBAAgB,CAAC,SAAS;QACrC,eAAe,iBAAA;QACf,eAAe,iBAAA;QACf,kBAAkB,oBAAA;QAClB,kBAAkB,oBAAA;QAClB,aAAa,eAAA;QACb,gBAAgB,kBAAA;KACjB,CAAC,CAAA;IACF,OAAO;QACL,uBAAuB,yBAAA;QACvB,iBAAiB,mBAAA;QACjB,kBAAkB,oBAAA;QAClB,eAAe,iBAAA;QACf,eAAe,iBAAA;QACf,kBAAkB,oBAAA;QAClB,kBAAkB,oBAAA;QAClB,gBAAgB,kBAAA;KACjB,CAAA;AACH,CAAC;AAED,eAAe,SAAS,CAAA"}
@@ -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,71 +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 { useEffect, useRef, useCallback } from 'react';
24
- import { safeWindow } from '../../Utils';
25
- import { destructObj, isNullOrUndefined } from '../../helpers';
26
- function useSliderAutoplay(_a) {
27
- var autoPlayConfig = _a.autoPlayConfig, handleNextSlide = _a.handleNextSlide, isAllSlidesVisible = _a.isAllSlidesVisible, loop = _a.loop;
28
- // Destruct props
29
- var _b = destructObj(autoPlayConfig), _c = _b.enable, enable = _c === void 0 ? false : _c, _d = _b.interval, interval = _d === void 0 ? 2000 : _d;
30
- // Refs
31
- var timerRef = useRef(null);
32
- /**
33
- * Function initializes autoplay by creating a single interval timer.
34
- * On each interval tick, it triggers the handleNextSlide callback
35
- * to advance the slider.
36
- */
37
- var startAutoPlay = useCallback(function () {
38
- if (!enable || timerRef.current)
39
- return;
40
- timerRef.current = safeWindow === null || safeWindow === void 0 ? void 0 : safeWindow.setInterval(function () {
41
- handleNextSlide();
42
- }, interval);
43
- }, [enable, interval, handleNextSlide]);
44
- /** Function stops the active autoplay interval and resets the timer reference. */
45
- var clearAutoplayTimer = useCallback(function () {
46
- if (!isNullOrUndefined(timerRef.current)) {
47
- safeWindow === null || safeWindow === void 0 ? void 0 : safeWindow.clearInterval(timerRef.current);
48
- timerRef.current = null;
49
- }
50
- }, []);
51
- useEffect(function () {
52
- if (!loop || isAllSlidesVisible)
53
- return undefined;
54
- startAutoPlay();
55
- // TODO: Enable pause-on-hover by attaching mouseenter/mouseleave events to start and stop autoplay when hover interaction is active.
56
- // const container = sliderWrapperRef?.current;
57
- // if (pauseOnHover) {
58
- // if (isNullOrUndefined(container)) return;
59
- // container.addEventListener('mouseenter', clearAutoplayTimer);
60
- // container.addEventListener('mouseleave', startAutoPlay);
61
- // }
62
- return function () {
63
- clearAutoplayTimer();
64
- // if (isNullOrUndefined(container)) return;
65
- // container.removeEventListener('mouseenter', clearAutoplayTimer);
66
- // container.removeEventListener('mouseleave', startAutoPlay);
67
- };
68
- }, [loop, isAllSlidesVisible, startAutoPlay, clearAutoplayTimer]);
69
- }
70
- export default useSliderAutoplay;
71
- //# 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,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAkB,MAAM,OAAO,CAAA;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAW9D,SAAS,iBAAiB,CAAC,EAKa;QAJtC,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,kBAAkB,wBAAA,EAClB,IAAI,UAAA;IAEJ,iBAAiB;IACX,IAAA,KAAsC,WAAW,CAAC,cAAc,CAAC,EAA/D,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EAAE,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAgC,CAAA;IAEvE,OAAO;IACP,IAAM,QAAQ,GAAG,MAAM,CAA4B,IAAI,CAAC,CAAA;IAExD;;;;OAIG;IACH,IAAM,aAAa,GAAG,WAAW,CAAC;QAChC,IAAI,CAAC,MAAM,IAAI,QAAQ,CAAC,OAAO;YAAE,OAAM;QACvC,QAAQ,CAAC,OAAO,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,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,WAAW,CAAC;QACrC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;YACzC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;YAC3C,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAA;QACzB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC;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,eAAe,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;