farm-react 1.0.10 → 1.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Utils/index.js.map +1 -1
- package/dist/cjs/assets/data/header.js.map +1 -1
- package/dist/cjs/components/Accordion.js +4 -4
- package/dist/cjs/components/Accordion.js.map +1 -1
- package/dist/cjs/components/Alert.js +6 -6
- package/dist/cjs/components/Alert.js.map +1 -1
- package/dist/cjs/components/Badge.js +6 -6
- package/dist/cjs/components/Badge.js.map +1 -1
- package/dist/cjs/components/BrokenPage.js +7 -7
- package/dist/cjs/components/BrokenPage.js.map +1 -1
- package/dist/cjs/components/Button.d.ts +2 -1
- package/dist/cjs/components/Button.js +6 -6
- package/dist/cjs/components/Button.js.map +1 -1
- package/dist/cjs/components/Card.js +1 -1
- package/dist/cjs/components/Card.js.map +1 -1
- package/dist/cjs/components/Checkbox.js +4 -4
- package/dist/cjs/components/Checkbox.js.map +1 -1
- package/dist/cjs/components/ConfirmPoup.js +8 -8
- package/dist/cjs/components/ConfirmPoup.js.map +1 -1
- package/dist/cjs/components/Dropdown.js +3 -3
- package/dist/cjs/components/Dropdown.js.map +1 -1
- package/dist/cjs/components/Label.js +2 -2
- package/dist/cjs/components/Label.js.map +1 -1
- package/dist/cjs/components/Layout/Footer.js.map +1 -1
- package/dist/cjs/components/Layout/Header.js.map +1 -1
- package/dist/cjs/components/Layout/Sidebar.js.map +1 -1
- package/dist/cjs/components/MultiCheckbox.js.map +1 -1
- package/dist/cjs/components/MultiRadio.js +5 -5
- package/dist/cjs/components/MultiRadio.js.map +1 -1
- package/dist/cjs/components/NumberInput.js +5 -5
- package/dist/cjs/components/NumberInput.js.map +1 -1
- package/dist/cjs/components/Popover.js +4 -4
- package/dist/cjs/components/Popover.js.map +1 -1
- package/dist/cjs/components/Radio.js +4 -4
- package/dist/cjs/components/Radio.js.map +1 -1
- package/dist/cjs/components/RadioButtonGroup.js +16 -16
- package/dist/cjs/components/RadioButtonGroup.js.map +1 -1
- package/dist/cjs/components/RangeSlider.js +4 -4
- package/dist/cjs/components/RangeSlider.js.map +1 -1
- package/dist/cjs/components/RatingDisplay.js +4 -4
- package/dist/cjs/components/RatingDisplay.js.map +1 -1
- package/dist/cjs/components/Search.js.map +1 -1
- package/dist/cjs/components/Select.js +7 -7
- package/dist/cjs/components/Select.js.map +1 -1
- package/dist/cjs/components/SkeletonLoader.js +3 -3
- package/dist/cjs/components/SkeletonLoader.js.map +1 -1
- package/dist/cjs/components/{Slider/SlickSlider.d.ts → SlickSlider.d.ts} +13 -10
- package/dist/cjs/components/{Slider/SlickSlider.js → SlickSlider.js} +40 -67
- package/dist/cjs/components/SlickSlider.js.map +1 -0
- package/dist/cjs/components/TextInput.d.ts +6 -5
- package/dist/cjs/components/TextInput.js +5 -5
- package/dist/cjs/components/TextInput.js.map +1 -1
- package/dist/cjs/components/ThreeDotsLoader.js +3 -3
- package/dist/cjs/components/ThreeDotsLoader.js.map +1 -1
- package/dist/cjs/components/Tooltip.js +3 -3
- package/dist/cjs/components/Tooltip.js.map +1 -1
- package/dist/cjs/{helpers/app.d.ts → components/helper.d.ts} +2 -1
- package/dist/cjs/{helpers/app.js → components/helper.js} +1 -1
- package/dist/cjs/components/helper.js.map +1 -0
- package/dist/cjs/constants/app.js.map +1 -1
- package/dist/cjs/constants/icons.js.map +1 -1
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/{esm/components/Slider → cjs/hooks/slider}/useSlider.d.ts +21 -14
- package/dist/cjs/{components/Slider → hooks/slider}/useSlider.js +62 -67
- package/dist/cjs/hooks/slider/useSlider.js.map +1 -0
- package/dist/cjs/{components/Slider → hooks/slider}/useSliderAutoPlay.d.ts +4 -4
- package/dist/cjs/{components/Slider → hooks/slider}/useSliderAutoPlay.js +4 -4
- package/dist/cjs/hooks/slider/useSliderAutoPlay.js.map +1 -0
- package/dist/cjs/hooks/slider/useSliderBreakpoints.d.ts +35 -0
- package/dist/cjs/hooks/slider/useSliderBreakpoints.js +54 -0
- package/dist/cjs/hooks/slider/useSliderBreakpoints.js.map +1 -0
- package/dist/{esm/components/Slider → cjs/hooks/slider}/useSliderDimension.d.ts +8 -9
- package/dist/cjs/{components/Slider → hooks/slider}/useSliderDimension.js +7 -11
- package/dist/cjs/hooks/slider/useSliderDimension.js.map +1 -0
- package/dist/cjs/{components/Slider → hooks/slider}/useSliderDraggable.d.ts +7 -8
- package/dist/cjs/{components/Slider → hooks/slider}/useSliderDraggable.js +13 -16
- package/dist/cjs/hooks/slider/useSliderDraggable.js.map +1 -0
- package/dist/{esm/components/Slider → cjs/hooks/slider}/useSliderNavigation.d.ts +5 -4
- package/dist/cjs/{components/Slider → hooks/slider}/useSliderNavigation.js +9 -21
- package/dist/cjs/hooks/slider/useSliderNavigation.js.map +1 -0
- package/dist/cjs/hooks/slider/useSliderTransform.d.ts +31 -0
- package/dist/cjs/{components/Slider → hooks/slider}/useSliderTransform.js +11 -16
- package/dist/cjs/hooks/slider/useSliderTransform.js.map +1 -0
- package/dist/cjs/hooks/useLocalStorage.js.map +1 -1
- package/dist/cjs/index.d.ts +2 -2
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/strings/en.js.map +1 -1
- package/dist/cjs/subComponent/ToggleButton.js +2 -2
- package/dist/cjs/subComponent/ToggleButton.js.map +1 -1
- package/dist/cjs/subComponent/toggleBtnGroup/ToggleBtn.js +3 -3
- package/dist/cjs/subComponent/toggleBtnGroup/ToggleBtn.js.map +1 -1
- package/dist/cjs/subComponent/toggleBtnGroup/ToggleBtnGroup.js.map +1 -1
- package/dist/esm/Utils/index.js.map +1 -1
- package/dist/esm/assets/data/header.js.map +1 -1
- package/dist/esm/components/Accordion.js +1 -1
- package/dist/esm/components/Accordion.js.map +1 -1
- package/dist/esm/components/Alert.js +1 -1
- package/dist/esm/components/Alert.js.map +1 -1
- package/dist/esm/components/Badge.js +1 -1
- package/dist/esm/components/Badge.js.map +1 -1
- package/dist/esm/components/BrokenPage.js +1 -1
- package/dist/esm/components/BrokenPage.js.map +1 -1
- package/dist/esm/components/Button.d.ts +2 -1
- package/dist/esm/components/Button.js +1 -1
- package/dist/esm/components/Button.js.map +1 -1
- package/dist/esm/components/Card.js +1 -1
- package/dist/esm/components/Card.js.map +1 -1
- package/dist/esm/components/Checkbox.js +1 -1
- package/dist/esm/components/Checkbox.js.map +1 -1
- package/dist/esm/components/ConfirmPoup.js +1 -1
- package/dist/esm/components/ConfirmPoup.js.map +1 -1
- package/dist/esm/components/Dropdown.js +1 -1
- package/dist/esm/components/Dropdown.js.map +1 -1
- package/dist/esm/components/Label.js +1 -1
- package/dist/esm/components/Label.js.map +1 -1
- package/dist/esm/components/Layout/Footer.js.map +1 -1
- package/dist/esm/components/Layout/Header.js.map +1 -1
- package/dist/esm/components/Layout/Sidebar.js.map +1 -1
- package/dist/esm/components/MultiCheckbox.js.map +1 -1
- package/dist/esm/components/MultiRadio.js +1 -1
- package/dist/esm/components/MultiRadio.js.map +1 -1
- package/dist/esm/components/NumberInput.js +1 -1
- package/dist/esm/components/NumberInput.js.map +1 -1
- package/dist/esm/components/Popover.js +1 -1
- package/dist/esm/components/Popover.js.map +1 -1
- package/dist/esm/components/Radio.js +1 -1
- package/dist/esm/components/Radio.js.map +1 -1
- package/dist/esm/components/RadioButtonGroup.js +1 -1
- package/dist/esm/components/RadioButtonGroup.js.map +1 -1
- package/dist/esm/components/RangeSlider.js +1 -1
- package/dist/esm/components/RangeSlider.js.map +1 -1
- package/dist/esm/components/RatingDisplay.js +1 -1
- package/dist/esm/components/RatingDisplay.js.map +1 -1
- package/dist/esm/components/Search.js.map +1 -1
- package/dist/esm/components/Select.js +1 -1
- package/dist/esm/components/Select.js.map +1 -1
- package/dist/esm/components/SkeletonLoader.js +1 -1
- package/dist/esm/components/SkeletonLoader.js.map +1 -1
- package/dist/esm/components/{Slider/SlickSlider.d.ts → SlickSlider.d.ts} +13 -10
- package/dist/esm/components/{Slider/SlickSlider.js → SlickSlider.js} +34 -61
- package/dist/esm/components/SlickSlider.js.map +1 -0
- package/dist/esm/components/TextInput.d.ts +6 -5
- package/dist/esm/components/TextInput.js +1 -1
- package/dist/esm/components/TextInput.js.map +1 -1
- package/dist/esm/components/ThreeDotsLoader.js +1 -1
- package/dist/esm/components/ThreeDotsLoader.js.map +1 -1
- package/dist/esm/components/Tooltip.js +1 -1
- package/dist/esm/components/Tooltip.js.map +1 -1
- package/dist/esm/{helpers/app.d.ts → components/helper.d.ts} +2 -1
- package/dist/esm/{helpers/app.js → components/helper.js} +1 -1
- package/dist/esm/components/helper.js.map +1 -0
- package/dist/esm/constants/app.js.map +1 -1
- package/dist/esm/constants/icons.js.map +1 -1
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/{cjs/components/Slider → esm/hooks/slider}/useSlider.d.ts +21 -14
- package/dist/esm/hooks/slider/useSlider.js +150 -0
- package/dist/esm/hooks/slider/useSlider.js.map +1 -0
- package/dist/esm/{components/Slider → hooks/slider}/useSliderAutoPlay.d.ts +4 -4
- package/dist/esm/{components/Slider → hooks/slider}/useSliderAutoPlay.js +2 -2
- package/dist/esm/hooks/slider/useSliderAutoPlay.js.map +1 -0
- package/dist/esm/hooks/slider/useSliderBreakpoints.d.ts +35 -0
- package/dist/esm/hooks/slider/useSliderBreakpoints.js +52 -0
- package/dist/esm/hooks/slider/useSliderBreakpoints.js.map +1 -0
- package/dist/{cjs/components/Slider → esm/hooks/slider}/useSliderDimension.d.ts +8 -9
- package/dist/esm/{components/Slider → hooks/slider}/useSliderDimension.js +6 -10
- package/dist/esm/hooks/slider/useSliderDimension.js.map +1 -0
- package/dist/esm/{components/Slider → hooks/slider}/useSliderDraggable.d.ts +7 -8
- package/dist/esm/{components/Slider → hooks/slider}/useSliderDraggable.js +4 -7
- package/dist/esm/hooks/slider/useSliderDraggable.js.map +1 -0
- package/dist/{cjs/components/Slider → esm/hooks/slider}/useSliderNavigation.d.ts +5 -4
- package/dist/esm/{components/Slider → hooks/slider}/useSliderNavigation.js +8 -20
- package/dist/esm/hooks/slider/useSliderNavigation.js.map +1 -0
- package/dist/esm/hooks/slider/useSliderTransform.d.ts +31 -0
- package/dist/esm/{components/Slider → hooks/slider}/useSliderTransform.js +10 -15
- package/dist/esm/hooks/slider/useSliderTransform.js.map +1 -0
- package/dist/esm/hooks/useLocalStorage.js.map +1 -1
- package/dist/esm/index.d.ts +2 -2
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/strings/en.js.map +1 -1
- package/dist/esm/subComponent/ToggleButton.js +1 -1
- package/dist/esm/subComponent/ToggleButton.js.map +1 -1
- package/dist/esm/subComponent/toggleBtnGroup/ToggleBtn.js +1 -1
- package/dist/esm/subComponent/toggleBtnGroup/ToggleBtn.js.map +1 -1
- package/dist/esm/subComponent/toggleBtnGroup/ToggleBtnGroup.js.map +1 -1
- package/dist/package.json +19 -1
- package/package.json +22 -2
- package/dist/cjs/components/Slider/SlickSlider.js.map +0 -1
- package/dist/cjs/components/Slider/useCenterMode.d.ts +0 -24
- package/dist/cjs/components/Slider/useCenterMode.js +0 -40
- package/dist/cjs/components/Slider/useCenterMode.js.map +0 -1
- package/dist/cjs/components/Slider/useSlider.js.map +0 -1
- package/dist/cjs/components/Slider/useSliderAutoPlay.js.map +0 -1
- package/dist/cjs/components/Slider/useSliderBreakpoint.d.ts +0 -23
- package/dist/cjs/components/Slider/useSliderBreakpoint.js +0 -92
- package/dist/cjs/components/Slider/useSliderBreakpoint.js.map +0 -1
- package/dist/cjs/components/Slider/useSliderDimension.js.map +0 -1
- package/dist/cjs/components/Slider/useSliderDraggable.js.map +0 -1
- package/dist/cjs/components/Slider/useSliderNavigation.js.map +0 -1
- package/dist/cjs/components/Slider/useSliderTransform.d.ts +0 -17
- package/dist/cjs/components/Slider/useSliderTransform.js.map +0 -1
- package/dist/cjs/helpers/app.js.map +0 -1
- package/dist/cjs/helpers/index.d.ts +0 -1
- package/dist/cjs/helpers/index.js +0 -5
- package/dist/cjs/helpers/index.js.map +0 -1
- package/dist/esm/components/Slider/SlickSlider.js.map +0 -1
- package/dist/esm/components/Slider/useCenterMode.d.ts +0 -24
- package/dist/esm/components/Slider/useCenterMode.js +0 -38
- package/dist/esm/components/Slider/useCenterMode.js.map +0 -1
- package/dist/esm/components/Slider/useSlider.js +0 -156
- package/dist/esm/components/Slider/useSlider.js.map +0 -1
- package/dist/esm/components/Slider/useSliderAutoPlay.js.map +0 -1
- package/dist/esm/components/Slider/useSliderBreakpoint.d.ts +0 -23
- package/dist/esm/components/Slider/useSliderBreakpoint.js +0 -90
- package/dist/esm/components/Slider/useSliderBreakpoint.js.map +0 -1
- package/dist/esm/components/Slider/useSliderDimension.js.map +0 -1
- package/dist/esm/components/Slider/useSliderDraggable.js.map +0 -1
- package/dist/esm/components/Slider/useSliderNavigation.js.map +0 -1
- package/dist/esm/components/Slider/useSliderTransform.d.ts +0 -17
- package/dist/esm/components/Slider/useSliderTransform.js.map +0 -1
- package/dist/esm/helpers/app.js.map +0 -1
- package/dist/esm/helpers/index.d.ts +0 -1
- package/dist/esm/helpers/index.js +0 -2
- package/dist/esm/helpers/index.js.map +0 -1
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
* @description A highly customizable and reusable React slider/carousel component.
|
|
8
8
|
* Supports autoplay, looping, center mode, custom navigation buttons,
|
|
9
9
|
* slide indicators, and flexible rendering through render props.
|
|
10
|
+
* TODO: add error boundary when move this component into the src folder
|
|
10
11
|
*
|
|
11
12
|
* Features:
|
|
12
13
|
* - Configurable slide animation (speed, easing)
|
|
@@ -19,20 +20,21 @@
|
|
|
19
20
|
* - Click handling for individual slides
|
|
20
21
|
*
|
|
21
22
|
* Note: tjs-slick-slider this class only added for sample
|
|
23
|
+
*
|
|
22
24
|
* -----------------------------------------------------------------------------
|
|
23
|
-
* Copyright ©
|
|
25
|
+
* Copyright © 2017-present BookingKoala. All rights reserved.
|
|
24
26
|
* -----------------------------------------------------------------------------
|
|
25
27
|
*/
|
|
26
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
27
29
|
var tslib_1 = require("tslib");
|
|
28
|
-
var react_1 = tslib_1.__importStar(require("react"));
|
|
29
30
|
var clsx_1 = require("clsx");
|
|
30
|
-
var
|
|
31
|
-
var
|
|
32
|
-
var
|
|
33
|
-
var
|
|
34
|
-
var
|
|
35
|
-
var
|
|
31
|
+
var react_bootstrap_1 = require("react-bootstrap");
|
|
32
|
+
var app_1 = require("../constants/app");
|
|
33
|
+
var icons_1 = tslib_1.__importDefault(require("../constants/icons"));
|
|
34
|
+
var useSlider_1 = tslib_1.__importDefault(require("../hooks/slider/useSlider"));
|
|
35
|
+
var helper_1 = require("./helper");
|
|
36
|
+
var Button_1 = tslib_1.__importDefault(require("./Button"));
|
|
37
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
36
38
|
// Destruct icons
|
|
37
39
|
var angleLeft = icons_1.default.angleLeft, angleRight = icons_1.default.angleRight, circle = icons_1.default.circle, dotCircle = icons_1.default.dotCircle;
|
|
38
40
|
// Default props value
|
|
@@ -42,48 +44,40 @@ var defAutoPlayConfig = {
|
|
|
42
44
|
pauseOnHover: false,
|
|
43
45
|
};
|
|
44
46
|
var defAnimationConfig = {
|
|
47
|
+
delay: 500,
|
|
45
48
|
easing: 'ease',
|
|
46
|
-
speed: 500,
|
|
47
49
|
};
|
|
48
50
|
var defaultDraggable = {
|
|
49
51
|
dragThreshold: 200,
|
|
50
52
|
enableDrag: true,
|
|
51
53
|
};
|
|
52
54
|
function SlickSlider(_a) {
|
|
53
|
-
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 ? app_1.EMPTY_ARRAY : _e, _f = _a.btnsLabel, btnsLabel = _f === void 0 ? app_1.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 ? app_1.EMPTY_OBJECT : _j, _k = _a.loop, loop = _k === void 0 ? false : _k, _l = _a.onSlideClick, onSlideClick = _l === void 0 ? undefined : _l, _m = _a.
|
|
55
|
+
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 ? app_1.EMPTY_ARRAY : _e, _f = _a.btnsLabel, btnsLabel = _f === void 0 ? app_1.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 ? app_1.EMPTY_OBJECT : _j, _k = _a.loop, loop = _k === void 0 ? false : _k, _l = _a.onSlideClick, onSlideClick = _l === void 0 ? undefined : _l, _m = _a.orientation, orientation = _m === void 0 ? 'horizontal' : _m, _o = _a.renderNextBtn, renderNextBtn = _o === void 0 ? undefined : _o, _p = _a.renderPrevBtn, renderPrevBtn = _p === void 0 ? undefined : _p, _q = _a.renderSlide, renderSlide = _q === void 0 ? undefined : _q, _r = _a.showCtrlBtns, showCtrlBtns = _r === void 0 ? true : _r, _s = _a.showIndicator, showIndicator = _s === void 0 ? true : _s, _t = _a.slideToScroll, slideToScroll = _t === void 0 ? 1 : _t, _u = _a.slideToShow, slideToShow = _u === void 0 ? 1 : _u;
|
|
54
56
|
// Constants
|
|
55
|
-
var hasUseExtendedSlides = (0,
|
|
56
|
-
var isRTL = (0, hooks_1.useLocalStorage)('tjsReactRTL')[0];
|
|
57
|
-
var isRTLMode = isRTL !== null && isRTL !== void 0 ? isRTL : false;
|
|
58
|
-
var nextBtnIconPrimary = isRTLMode ? angleLeft : angleRight;
|
|
59
|
-
var prevBtnIconPrimary = isRTLMode ? angleRight : angleLeft;
|
|
57
|
+
var hasUseExtendedSlides = (0, helper_1.getArrayLength)(data) > slideToShow;
|
|
60
58
|
// Destruct props
|
|
61
|
-
var _v = (0,
|
|
62
|
-
var _0 = (0,
|
|
59
|
+
var _v = (0, helper_1.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 ? angleRight : _y, _z = _v.prev, prevBtnIcon = _z === void 0 ? angleLeft : _z;
|
|
60
|
+
var _0 = (0, helper_1.destructObj)(btnsLabel), _1 = _0.next, nextBtnLabel = _1 === void 0 ? '' : _1, _2 = _0.prev, prevBtnLabel = _2 === void 0 ? '' : _2;
|
|
63
61
|
// Hooks
|
|
64
62
|
var _3 = (0, useSlider_1.default)({
|
|
65
63
|
activeSlide: activeSlide - 1,
|
|
66
64
|
animationConfig: animationConfig,
|
|
67
65
|
autoPlayConfig: autoPlayConfig,
|
|
68
66
|
breakpoints: breakpoints,
|
|
67
|
+
data: data,
|
|
69
68
|
draggable: draggable,
|
|
70
69
|
gap: gap,
|
|
71
|
-
isRTLMode: isRTLMode,
|
|
72
70
|
loop: loop,
|
|
71
|
+
orientation: orientation,
|
|
73
72
|
slideToScroll: slideToScroll,
|
|
74
73
|
slideToShow: slideToShow,
|
|
75
|
-
totalSlides: (0,
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
var renderSlideItem = (0, helpers_1.isNullOrUndefined)(renderSlide)
|
|
79
|
-
? renderDefSlide
|
|
80
|
-
: function (item, index) {
|
|
81
|
-
var result = renderSlide(item, index);
|
|
82
|
-
return result !== null && result !== void 0 ? result : renderDefSlide(item);
|
|
83
|
-
};
|
|
74
|
+
totalSlides: (0, helper_1.getArrayLength)(data),
|
|
75
|
+
}), extendedSlides = _3.extendedSlides, getActiveIndicatorIndex = _3.getActiveIndicatorIndex, getIndicatorCount = _3.getIndicatorCount, goToSlideIndicator = _3.goToSlideIndicator, handleNextSlide = _3.handleNextSlide, handlePrevSlide = _3.handlePrevSlide, hasNextBtnDisabled = _3.hasNextBtnDisabled, hasPrevBtnDisabled = _3.hasPrevBtnDisabled, sliderWrapperRef = _3.sliderWrapperRef;
|
|
76
|
+
var renderSlideItem = (0, helper_1.isNullOrUndefined)(renderSlide) ? renderDefSlide : renderSlide;
|
|
84
77
|
function renderDefSlide(item) {
|
|
85
|
-
|
|
86
|
-
|
|
78
|
+
var _a = (0, helper_1.destructObj)(item), imgName = _a.label, imgURL = _a.url;
|
|
79
|
+
return (react_1.default.createElement("div", { className: 'w-100' },
|
|
80
|
+
react_1.default.createElement(react_bootstrap_1.Image, { alt: imgName, src: imgURL })));
|
|
87
81
|
}
|
|
88
82
|
/**
|
|
89
83
|
* This helper function render the button based on the different label and custom icons.
|
|
@@ -106,34 +100,18 @@ function SlickSlider(_a) {
|
|
|
106
100
|
* Falls back to the default previous button if no custom renderer is specified.
|
|
107
101
|
*/
|
|
108
102
|
function prevButtonElem() {
|
|
109
|
-
if (
|
|
110
|
-
return
|
|
111
|
-
|
|
112
|
-
var result = renderPrevBtn(handlePrevSlide, hasPrevBtnDisabled);
|
|
113
|
-
return result !== null && result !== void 0 ? result : renderDefPrevBtn();
|
|
103
|
+
if (!hasUseExtendedSlides)
|
|
104
|
+
return undefined;
|
|
105
|
+
return (0, helper_1.isNullOrUndefined)(renderPrevBtn) ? renderDefPrevBtn() : renderPrevBtn === null || renderPrevBtn === void 0 ? void 0 : renderPrevBtn(handlePrevSlide, hasPrevBtnDisabled);
|
|
114
106
|
}
|
|
115
|
-
/**
|
|
116
|
-
* Creates an extended slides array to support seamless looping.
|
|
117
|
-
*
|
|
118
|
-
* - Prepends the last `slideToShow` slides to allow backward looping
|
|
119
|
-
* - Appends the full slides array to allow forward looping
|
|
120
|
-
* - Results in a continuous sequence that prevents visual gaps
|
|
121
|
-
* when transitioning across boundaries
|
|
122
|
-
*
|
|
123
|
-
* Example:
|
|
124
|
-
* data = [A, B, C, D]
|
|
125
|
-
* extendedSlides = [D, A, B, C, D, A, B, C, D] slideToShow = 1
|
|
126
|
-
* extendedSlides = [C,D, A, B, C, D, A, B, C, D] slideToShow = 2
|
|
127
|
-
*/
|
|
128
|
-
var extendedSlides = (0, react_1.useMemo)(function () { return [data.slice(-slideToShow), data, data].flat(); }, [data, slideToShow]);
|
|
129
107
|
/**
|
|
130
108
|
* Creates a click handler for a slide item.
|
|
131
109
|
* Returns a function that invokes the onSlideClick callback with the item data.
|
|
132
110
|
* @param item - The slide data item
|
|
133
111
|
*/
|
|
134
112
|
function onSlideClickHandler(item, index) {
|
|
135
|
-
return function () {
|
|
136
|
-
onSlideClick === null || onSlideClick === void 0 ? void 0 : onSlideClick(item, index,
|
|
113
|
+
return function (event) {
|
|
114
|
+
onSlideClick === null || onSlideClick === void 0 ? void 0 : onSlideClick(item, index, event);
|
|
137
115
|
};
|
|
138
116
|
}
|
|
139
117
|
/**
|
|
@@ -142,17 +120,12 @@ function SlickSlider(_a) {
|
|
|
142
120
|
* Each slide is wrapped in a button that handles click events.
|
|
143
121
|
*/
|
|
144
122
|
function renderSlides() {
|
|
145
|
-
if ((0,
|
|
123
|
+
if ((0, helper_1.isArrayEmpty)(data))
|
|
146
124
|
return null;
|
|
147
125
|
var sliderArray = hasUseExtendedSlides ? extendedSlides : data;
|
|
148
|
-
return (react_1.default.createElement("div", { ref: sliderWrapperRef, className: 'd-flex' }, sliderArray === null || sliderArray === void 0 ? void 0 : sliderArray.map(function (item, index) { return (react_1.default.createElement(Button_1.default, { variant: 'ghost', key: (0,
|
|
149
|
-
button:
|
|
150
|
-
|
|
151
|
-
'data-index': index,
|
|
152
|
-
},
|
|
153
|
-
}, classnames: {
|
|
154
|
-
button: (0, clsx_1.clsx)('p-0 rounded-100 bg-transparent', variant === 'vertical' && 'vertical'),
|
|
155
|
-
}, onClick: onSlideClickHandler(item, index) }, renderSlideItem(item))); })));
|
|
126
|
+
return (react_1.default.createElement("div", { ref: sliderWrapperRef, className: 'd-flex' }, sliderArray === null || sliderArray === void 0 ? void 0 : sliderArray.map(function (item, index) { return (react_1.default.createElement(Button_1.default, { variant: 'ghost', key: (0, helper_1.getKeyString)('slide', index), id: (0, helper_1.getKeyString)('slide', index + 1), "data-index": index, classnames: {
|
|
127
|
+
button: (0, clsx_1.clsx)('p-0 rounded-100 bg-transparent', orientation === 'vertical' && 'vertical'),
|
|
128
|
+
}, onClick: onSlideClickHandler(item, index) }, renderSlideItem === null || renderSlideItem === void 0 ? void 0 : renderSlideItem(item))); })));
|
|
156
129
|
}
|
|
157
130
|
function renderDefNextBtn() {
|
|
158
131
|
return renderNavBtn({
|
|
@@ -167,11 +140,9 @@ function SlickSlider(_a) {
|
|
|
167
140
|
* Falls back to the default next button if no custom renderer is specified.
|
|
168
141
|
*/
|
|
169
142
|
function nextButtonElem() {
|
|
170
|
-
if (
|
|
171
|
-
return
|
|
172
|
-
|
|
173
|
-
var result = renderNextBtn(handleNextSlide, hasNextBtnDisabled);
|
|
174
|
-
return result !== null && result !== void 0 ? result : renderDefNextBtn();
|
|
143
|
+
if (!hasUseExtendedSlides)
|
|
144
|
+
return undefined;
|
|
145
|
+
return (0, helper_1.isNullOrUndefined)(renderNextBtn) ? renderDefNextBtn() : renderNextBtn === null || renderNextBtn === void 0 ? void 0 : renderNextBtn(handleNextSlide, hasNextBtnDisabled);
|
|
175
146
|
}
|
|
176
147
|
/** This callback function handle the indicator click event and call the go to indicator. */
|
|
177
148
|
function handleIndicatorEvent(idx) {
|
|
@@ -188,7 +159,9 @@ function SlickSlider(_a) {
|
|
|
188
159
|
return undefined;
|
|
189
160
|
var isActive = index === getActiveIndicatorIndex();
|
|
190
161
|
var indicatorIcon = isActive ? activeDot : dots;
|
|
191
|
-
return (react_1.default.createElement(Button_1.default, { key: (0,
|
|
162
|
+
return (react_1.default.createElement(Button_1.default, { key: (0, helper_1.getKeyString)('ctrl-dot', index), icon: indicatorIcon, variant: 'ghost',
|
|
163
|
+
// throttleProps={{ delay: animationConfig?.delay, enable: true }}
|
|
164
|
+
onClick: handleIndicatorEvent(index), classnames: { button: 'fs-16' } }));
|
|
192
165
|
}
|
|
193
166
|
/**
|
|
194
167
|
* Function responsible for render the indication icons based on the indicator count.
|
|
@@ -196,9 +169,9 @@ function SlickSlider(_a) {
|
|
|
196
169
|
*/
|
|
197
170
|
function renderIndicators() {
|
|
198
171
|
var numberOfIndictor = getIndicatorCount();
|
|
199
|
-
if ((0,
|
|
172
|
+
if ((0, helper_1.isNullOrUndefined)(numberOfIndictor))
|
|
200
173
|
return undefined;
|
|
201
|
-
return (react_1.default.createElement("div", { className: 'd-flex justify-content-center gap-10' }, (0,
|
|
174
|
+
return (react_1.default.createElement("div", { className: 'd-flex justify-content-center gap-10' }, (0, helper_1.createDynamicArray)(numberOfIndictor).map(function (_, index) { return renderIndicator(index); })));
|
|
202
175
|
}
|
|
203
176
|
return (react_1.default.createElement("div", { className: 'tjs-slick-slider' },
|
|
204
177
|
react_1.default.createElement("div", { className: 'd-flex align-items-center justify-content-between mb-10' },
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SlickSlider.js","sourceRoot":"","sources":["../../../src/components/SlickSlider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { type ChangeEvent, type FocusEvent, type MouseEvent, type ReactElement } from 'react';
|
|
2
|
+
import { FormControlProps } from 'react-bootstrap';
|
|
2
3
|
import { type LabelProps } from './Label';
|
|
3
4
|
interface Classnames {
|
|
4
5
|
wrapper?: string;
|
|
@@ -12,7 +13,7 @@ interface Attributes {
|
|
|
12
13
|
}
|
|
13
14
|
type TextInputVariant = 'normal' | 'floating';
|
|
14
15
|
type TextInputReturnType = 'value' | 'event';
|
|
15
|
-
export
|
|
16
|
+
export type TextInputProps<RType extends TextInputReturnType = 'value'> = Omit<FormControlProps, 'onChange' | 'onBlur' | 'onFocus'> & {
|
|
16
17
|
labelProps?: LabelProps;
|
|
17
18
|
placeholder?: string;
|
|
18
19
|
description?: string;
|
|
@@ -27,14 +28,14 @@ export interface TextInputProps<RType extends TextInputReturnType = 'value'> {
|
|
|
27
28
|
attributes?: Attributes;
|
|
28
29
|
variant?: TextInputVariant;
|
|
29
30
|
returnType?: RType;
|
|
30
|
-
onChange?: RType extends 'value' ? (
|
|
31
|
-
onBlur?: RType extends 'value' ? (
|
|
32
|
-
onFocus?: RType extends 'value' ? (
|
|
31
|
+
onChange?: RType extends 'value' ? (value: string) => void : (event: ChangeEvent<HTMLInputElement>) => void;
|
|
32
|
+
onBlur?: RType extends 'value' ? (value: string) => void : (event: FocusEvent<HTMLInputElement>) => void;
|
|
33
|
+
onFocus?: RType extends 'value' ? (value: string) => void : (event: FocusEvent<HTMLInputElement>) => void;
|
|
33
34
|
onClear?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
34
35
|
inputRef?: React.RefObject<HTMLInputElement>;
|
|
35
36
|
readonly?: boolean;
|
|
36
37
|
showClearBtn?: boolean;
|
|
37
38
|
disabled?: boolean;
|
|
38
|
-
}
|
|
39
|
+
};
|
|
39
40
|
declare function TextInput<Rtype extends TextInputReturnType = 'value'>({ labelProps, description, type, placeholder, size, value, onChange, onBlur, onFocus, onClear, variant, inputRef, id, returnType, defaultValue, classnames, attributes, name, maxLength, readonly, disabled, showClearBtn, ...rest }: TextInputProps<Rtype>): ReactElement;
|
|
40
41
|
export default TextInput;
|
|
@@ -4,7 +4,7 @@ var tslib_1 = require("tslib");
|
|
|
4
4
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
5
5
|
var clsx_1 = tslib_1.__importDefault(require("clsx"));
|
|
6
6
|
var react_bootstrap_1 = require("react-bootstrap");
|
|
7
|
-
var
|
|
7
|
+
var helper_1 = require("./helper");
|
|
8
8
|
var icons_1 = tslib_1.__importDefault(require("../constants/icons"));
|
|
9
9
|
var Label_1 = tslib_1.__importDefault(require("./Label"));
|
|
10
10
|
var ToggleButton_1 = tslib_1.__importDefault(require("../subComponent/ToggleButton"));
|
|
@@ -13,8 +13,8 @@ var cancelCircle = icons_1.default.cancelCircle;
|
|
|
13
13
|
function TextInput(_a) {
|
|
14
14
|
var labelProps = _a.labelProps, description = _a.description, _b = _a.type, type = _b === void 0 ? 'text' : _b, placeholder = _a.placeholder, size = _a.size, value = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, onClear = _a.onClear, _c = _a.variant, variant = _c === void 0 ? 'normal' : _c, inputRef = _a.inputRef, id = _a.id, returnType = _a.returnType, defaultValue = _a.defaultValue, classnames = _a.classnames, attributes = _a.attributes, name = _a.name, _d = _a.maxLength, maxLength = _d === void 0 ? 200 : _d, _e = _a.readonly, readonly = _e === void 0 ? false : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.showClearBtn, showClearBtn = _g === void 0 ? false : _g, rest = tslib_1.__rest(_a, ["labelProps", "description", "type", "placeholder", "size", "value", "onChange", "onBlur", "onFocus", "onClear", "variant", "inputRef", "id", "returnType", "defaultValue", "classnames", "attributes", "name", "maxLength", "readonly", "disabled", "showClearBtn"]);
|
|
15
15
|
// Destruct props
|
|
16
|
-
var _h = (0,
|
|
17
|
-
var _j = (0,
|
|
16
|
+
var _h = (0, helper_1.destructObj)(classnames), inputClass = _h.input, wrapperClass = _h.wrapper, descClass = _h.description;
|
|
17
|
+
var _j = (0, helper_1.destructObj)(attributes), inputAttr = _j.input, wrapperAttr = _j.wrapper, descAttr = _j.description;
|
|
18
18
|
var isFloatingVariantEnable = variant === 'floating';
|
|
19
19
|
var checkInputType = type === 'password' || showClearBtn;
|
|
20
20
|
// Ensure a runtime default for returnType
|
|
@@ -23,7 +23,7 @@ function TextInput(_a) {
|
|
|
23
23
|
var _k = (0, react_1.useState)(false), isPwdVisible = _k[0], setIsPwdVisible = _k[1];
|
|
24
24
|
/** Render the label */
|
|
25
25
|
function renderLabel() {
|
|
26
|
-
if ((0,
|
|
26
|
+
if ((0, helper_1.isObjEmpty)(labelProps)) {
|
|
27
27
|
return null;
|
|
28
28
|
}
|
|
29
29
|
return react_1.default.createElement(Label_1.default, tslib_1.__assign({}, labelProps));
|
|
@@ -89,7 +89,7 @@ function TextInput(_a) {
|
|
|
89
89
|
}
|
|
90
90
|
/** Render the description */
|
|
91
91
|
function renderDescription() {
|
|
92
|
-
if ((0,
|
|
92
|
+
if ((0, helper_1.isStrEmpty)(description)) {
|
|
93
93
|
return null;
|
|
94
94
|
}
|
|
95
95
|
return (react_1.default.createElement(react_bootstrap_1.Form.Text, tslib_1.__assign({ className: (0, clsx_1.default)('text-muted', descClass) }, descAttr), description));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/components/TextInput.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/components/TextInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,13 +4,13 @@ var tslib_1 = require("tslib");
|
|
|
4
4
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
5
|
var clsx_1 = tslib_1.__importDefault(require("clsx"));
|
|
6
6
|
var react_bootstrap_1 = require("react-bootstrap");
|
|
7
|
-
var
|
|
7
|
+
var helper_1 = require("./helper");
|
|
8
8
|
function ThreeDotsLoader(_a) {
|
|
9
9
|
var _b = _a.loading, loading = _b === void 0 ? true : _b, _c = _a.variant, variant = _c === void 0 ? 'primary' : _c, _d = _a.text, text = _d === void 0 ? undefined : _d, _e = _a.center, center = _e === void 0 ? false : _e, _f = _a.fullScreen, fullScreen = _f === void 0 ? false : _f, _g = _a.classnames, classnames = _g === void 0 ? {} : _g, _h = _a.attributes, attributes = _h === void 0 ? {} : _h;
|
|
10
10
|
if (!loading)
|
|
11
11
|
return null;
|
|
12
|
-
var _j = (0,
|
|
13
|
-
var _k = (0,
|
|
12
|
+
var _j = (0, helper_1.destructObj)(classnames), wrapperClass = _j.wrapper, dotsWrapperClass = _j.dotsWrapper, dotClass = _j.dot, textClass = _j.text;
|
|
13
|
+
var _k = (0, helper_1.destructObj)(attributes), wrapperAttr = _k.wrapper, dotsWrapperAttr = _k.dotsWrapper, dotAttr = _k.dot, textAttr = _k.text;
|
|
14
14
|
return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, clsx_1.default)('d-flex flex-column align-items-center gap-2', {
|
|
15
15
|
'justify-content-center': center,
|
|
16
16
|
'w-100 vh-100 bg-light justify-content-center': fullScreen,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThreeDotsLoader.js","sourceRoot":"","sources":["../../../src/components/ThreeDotsLoader.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"ThreeDotsLoader.js","sourceRoot":"","sources":["../../../src/components/ThreeDotsLoader.tsx"],"names":[],"mappings":";;;AAAA,wDAA4C;AAC5C,sDAAwB;AACxB,mDAA0C;AAC1C,mCAAuC;AA0BvC,SAAS,eAAe,CAAC,EAQF;QAPrB,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA;IAEf,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IACpB,IAAA,KAKF,IAAA,oBAAW,EAAC,UAAU,CAAC,EAJhB,YAAY,aAAA,EACR,gBAAgB,iBAAA,EACxB,QAAQ,SAAA,EACP,SAAS,UACU,CAAC;IACtB,IAAA,KAAuF,IAAA,oBAAW,EAAC,UAAU,CAAC,EAAnG,WAAW,aAAA,EAAe,eAAe,iBAAA,EAAO,OAAO,SAAA,EAAQ,QAAQ,UAA4B,CAAC;IAErH,OAAO,CACL,wDACE,SAAS,EAAE,IAAA,cAAI,EACb,6CAA6C,EAC7C;YACE,wBAAwB,EAAE,MAAM;YAChC,8CAA8C,EAAE,UAAU;SAC3D,EACD,YAAY,CACb,IACG,WAAW;QAEf,0DAAS,eAAe,IAAE,SAAS,EAAE,IAAA,cAAI,EAAC,cAAc,EAAE,gBAAgB,CAAC;YACzE,8BAAC,yBAAO,qBAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,IAAM,OAAO,EAAI;YAChF,8BAAC,yBAAO,qBAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,IAAM,OAAO,EAAI;YAChF,8BAAC,yBAAO,qBAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,IAAM,OAAO,EAAI,CAC5E;QAEL,IAAI,IAAI,CACP,sDAAG,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC,IAAM,QAAQ,GACjF,IAAI,CACH,CACL,CACG,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,eAAe,CAAC"}
|
|
@@ -8,7 +8,7 @@ var tslib_1 = require("tslib");
|
|
|
8
8
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
9
9
|
var clsx_1 = require("clsx");
|
|
10
10
|
var react_bootstrap_1 = require("react-bootstrap");
|
|
11
|
-
var
|
|
11
|
+
var helper_1 = require("./helper");
|
|
12
12
|
// Size classes
|
|
13
13
|
var sizeClasses = {
|
|
14
14
|
sm: 'tooltip-sm',
|
|
@@ -25,8 +25,8 @@ var alignClasses = {
|
|
|
25
25
|
};
|
|
26
26
|
function Tooltip(_a) {
|
|
27
27
|
var content = _a.content, children = _a.children, _b = _a.placement, placement = _b === void 0 ? 'top' : _b, _c = _a.size, size = _c === void 0 ? 'lg' : _c, trigger = _a.trigger, _d = _a.align, align = _d === void 0 ? 'start' : _d, _e = _a.classname, classname = _e === void 0 ? undefined : _e, _f = _a.attributes, attributes = _f === void 0 ? undefined : _f;
|
|
28
|
-
var _g = (0,
|
|
29
|
-
var _h = (0,
|
|
28
|
+
var _g = (0, helper_1.destructObj)(classname), bodyClass = _g.body, wrapperClass = _g.wrapper, iconClass = _g.icon;
|
|
29
|
+
var _h = (0, helper_1.destructObj)(attributes), bodyAttr = _h.body, wrapperAttr = _h.wrapper, iconAttr = _h.icon;
|
|
30
30
|
var renderTooltip = function (props) { return (react_1.default.createElement(react_bootstrap_1.Tooltip, tslib_1.__assign({ id: "tooltip-".concat(placement, "-").concat(size) }, props, { className: (0, clsx_1.clsx)(sizeClasses[size], wrapperClass) }, wrapperAttr),
|
|
31
31
|
react_1.default.createElement("div", tslib_1.__assign({ className: (0, clsx_1.clsx)('tooltip-content', alignClasses[align], bodyClass) }, bodyAttr), content))); };
|
|
32
32
|
return (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: placement, overlay: renderTooltip, trigger: trigger }, children !== null && children !== void 0 ? children : react_1.default.createElement("i", tslib_1.__assign({ className: (0, clsx_1.clsx)('bi-info-circle', iconClass) }, iconAttr))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip.tsx"],"names":[],"mappings":";;;AAAA;;;GAGG;AACH,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip.tsx"],"names":[],"mappings":";;;AAAA;;;GAGG;AACH,wDAAiD;AACjD,6BAA4B;AAC5B,mDAAuE;AAEvE,mCAAuC;AAmCvC,eAAe;AACf,IAAM,WAAW,GAAG;IAClB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;CACjB,CAAC;AAEF,oBAAoB;AACpB,IAAM,YAAY,GAAG;IACnB,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,aAAa;IACrB,GAAG,EAAE,UAAU;IACf,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,UAAU;CAClB,CAAC;AAEF,SAAS,OAAO,CAAC,EASF;QARb,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,OAAO,aAAA,EACP,aAAe,EAAf,KAAK,mBAAG,OAAO,KAAA,EACf,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA,EACrB,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA;IAEhB,IAAA,KAA8D,IAAA,oBAAW,EAAC,SAAS,CAAC,EAA5E,SAAS,UAAA,EAAW,YAAY,aAAA,EAAQ,SAAS,UAA2B,CAAC;IAErF,IAAA,KAA2D,IAAA,oBAAW,EAAC,UAAU,CAAC,EAA1E,QAAQ,UAAA,EAAW,WAAW,aAAA,EAAQ,QAAQ,UAA4B,CAAC;IAEzF,IAAM,aAAa,GAAG,UAAC,KAAU,IAAK,OAAA,CACpC,8BAAC,yBAAS,qBACR,EAAE,EAAE,kBAAW,SAAS,cAAI,IAAI,CAAE,IAC9B,KAAK,IACT,SAAS,EAAE,IAAA,WAAI,EAAC,WAAW,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC,IAC5C,WAAW;QAEf,wDAAK,SAAS,EAAE,IAAA,WAAI,EAAC,iBAAiB,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,IAAM,QAAQ,GAClF,OAAO,CACJ,CACI,CACb,EAXqC,CAWrC,CAAC;IAEF,OAAO,CACL,8BAAC,gCAAc,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,IAC3E,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,sDAAG,SAAS,EAAE,IAAA,WAAI,EAAC,gBAAgB,EAAE,SAAS,CAAC,IAAM,QAAQ,EAAI,CAC/D,CAClB,CAAC;AACJ,CAAC;AACD,kBAAe,OAAO,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { SyntheticEvent } from 'react';
|
|
1
2
|
import { en } from '../strings/en';
|
|
2
3
|
/**
|
|
3
4
|
* Resolves a translation string using the provided key.
|
|
@@ -94,7 +95,7 @@ export declare function isNullOrUndefined(value: any): value is null | undefined
|
|
|
94
95
|
/**
|
|
95
96
|
* Prevents default behavior of an event.
|
|
96
97
|
*/
|
|
97
|
-
export declare function preventDefault(event: Event |
|
|
98
|
+
export declare function preventDefault(event: Event | SyntheticEvent): void;
|
|
98
99
|
/**
|
|
99
100
|
* Deep compares two objects.
|
|
100
101
|
*/
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"helper.js","sourceRoot":"","sources":["../../../src/components/helper.ts"],"names":[],"mappings":";;AAUA,8BAGC;AAOD,kCAEC;AAOD,gCAEC;AAOD,sCAEC;AAOD,0CAEC;AAOD,oCAEC;AAOD,wCAEC;AAQD,0CAEC;AAOD,gCAEC;AAOD,sCAEC;AAQD,0BAgBC;AAQD,4BAUC;AASD,4CAaC;AAKD,wCAGC;AAKD,8CAEC;AAKD,wCAEC;AAKD,gDAoBC;AAKD,sCAEC;AAKD,4CAEC;AAKD,gDAEC;AAKD,oCAEC;AAzOD,oCAAmC;AASnC,SAAgB,SAAS,CAAC,GAAmB;IAC3C,IAAI,UAAU,CAAC,GAAG,CAAC;QAAE,OAAO,EAAE,CAAC;IAC/B,OAAO,OAAE,CAAC,GAAG,CAAC,CAAC;AACjB,CAAC;AAED;;;;GAIG;AACH,SAAgB,WAAW,CAAmB,KAAS;IACrD,OAAO,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAM,CAAC;AAC5B,CAAC;AAED;;;;GAIG;AACH,SAAgB,UAAU,CAAC,KAAqB;IAC9C,OAAO,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AACjE,CAAC;AAED;;;;GAIG;AACH,SAAgB,aAAa,CAAC,KAAqB;IACjD,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAC5B,CAAC;AAED;;;;GAIG;AACH,SAAgB,eAAe,CAAI,KAAkB;IACnD,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;AAClD,CAAC;AAED;;;;GAIG;AACH,SAAgB,YAAY,CAAI,KAAkB;IAChD,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;AACpD,CAAC;AAED;;;;GAIG;AACH,SAAgB,cAAc,CAAI,KAAkB;IAClD,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACjD,CAAC;AAED;;;;;GAKG;AACH,SAAgB,eAAe,CAAI,KAA6B,EAAE,IAAO;IACvE,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AACtD,CAAC;AAED;;;;GAIG;AACH,SAAgB,UAAU,CAAC,KAAqB;IAC9C,OAAO,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,WAAW,KAAK,MAAM,CAAC;AACpF,CAAC;AAED;;;;GAIG;AACH,SAAgB,aAAa,CAAC,KAAqB;IACjD,OAAO,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,KAAK,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;AAClF,CAAC;AAED;;;;;GAKG;AACH,SAAgB,OAAO,CAAC,KAAU;IAChC,IAAI,KAAK,IAAI,IAAI;QAAE,OAAO,IAAI,CAAC,CAAC,oBAAoB;IAEpD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;IACnC,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,WAAW,KAAK,MAAM,CAAC;IACzE,CAAC;IAED,OAAO,KAAK,CAAC,CAAC,yCAAyC;AACzD,CAAC;AAED;;;;;GAKG;AACH,SAAgB,QAAQ,CAAC,KAAW,EAAE,GAAS;IAC7C,IAAM,KAAK,GAAW,EAAE,CAAC;IACzB,IAAM,OAAO,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;IAEhC,OAAO,OAAO,IAAI,GAAG,EAAE,CAAC;QACtB,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc;QAC7C,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,mBAAmB;IAC7D,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;;GAMG;AACH,SAAgB,gBAAgB,CAAC,IAAU,EAAE,MAAqB;IAArB,uBAAA,EAAA,qBAAqB;IAChE,IAAM,GAAG,GAAG,UAAC,CAAS,IAAK,OAAA,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAA7B,CAA6B,CAAC;IAEzD,IAAM,GAAG,GAA2B;QAClC,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE;QACnC,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QAC5B,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;QACvB,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACxB,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;QAC1B,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;KAC3B,CAAC;IAEF,OAAO,MAAM,CAAC,OAAO,CAAC,sBAAsB,EAAE,UAAC,KAAK,IAAK,OAAA,GAAG,CAAC,KAAK,CAAC,EAAV,CAAU,CAAC,CAAC;AACvE,CAAC;AAED;;GAEG;AACH,SAAgB,cAAc;IAC5B,IAAM,IAAI,GAAG,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IACjD,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACxC,CAAC;AAED;;GAEG;AACH,SAAgB,iBAAiB,CAAC,KAAU;IAC1C,OAAO,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC;AAC/C,CAAC;AAED;;GAEG;AACH,SAAgB,cAAc,CAAC,KAA6B;IAC1D,KAAK,CAAC,cAAc,EAAE,CAAC;AACzB,CAAC;AAED;;GAEG;AACH,SAAgB,kBAAkB,CAAC,IAAS,EAAE,IAAS;IACrD,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAC/B,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI;QAAE,OAAO,KAAK,CAAC;IAC/C,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAEvE,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChC,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEhC,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM;QAAE,OAAO,KAAK,CAAC;IAEhD,KAAkB,UAAK,EAAL,eAAK,EAAL,mBAAK,EAAL,IAAK,EAAE,CAAC;QAArB,IAAM,GAAG,cAAA;QACZ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC;YAAE,OAAO,KAAK,CAAC;QACvC,IAAI,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,QAAQ,IAAI,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,QAAQ,EAAE,CAAC;YACnE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;gBAAE,OAAO,KAAK,CAAC;QAC9D,CAAC;aAAM,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;YACnC,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;GAEG;AACH,SAAgB,aAAa,CAAC,KAAqB;IACjD,OAAO,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;AACnD,CAAC;AAED;;GAEG;AACH,SAAgB,gBAAgB,CAAC,KAAqB;IACpD,OAAO,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;AAClD,CAAC;AAED;;GAEG;AACH,SAAgB,kBAAkB,CAAC,MAAc;IAC/C,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,QAAA,EAAE,EAAE,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,EAAD,CAAC,CAAC,CAAC;AAC7C,CAAC;AAED;;GAEG;AACH,SAAgB,YAAY,CAAC,MAAc,EAAE,KAAa;IACxD,OAAO,UAAG,MAAM,cAAI,KAAK,CAAE,CAAC;AAC9B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../src/constants/app.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG,4BAA4B,
|
|
1
|
+
{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../src/constants/app.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG,4BAA4B,CAAC;AACxC,QAAA,WAAW,GAAY,EAAE,CAAC;AAC1B,QAAA,YAAY,GAA0B,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../src/constants/icons.ts"],"names":[],"mappings":";;AAAA,kBAAkB;AAClB,IAAM,KAAK,GAAG;IACZ,SAAS,EAAE,iBAAiB;IAC5B,UAAU,EAAE,kBAAkB;IAC9B,MAAM,EAAE,WAAW;IACnB,SAAS,EAAE,gBAAgB;IAC3B,OAAO,EAAE,QAAQ;IACjB,UAAU,EAAE,cAAc;IAC1B,YAAY,EAAE,aAAa;CAC5B,
|
|
1
|
+
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../src/constants/icons.ts"],"names":[],"mappings":";;AAAA,kBAAkB;AAClB,IAAM,KAAK,GAAG;IACZ,SAAS,EAAE,iBAAiB;IAC5B,UAAU,EAAE,kBAAkB;IAC9B,MAAM,EAAE,WAAW;IACnB,SAAS,EAAE,gBAAgB;IAC3B,OAAO,EAAE,QAAQ;IACjB,UAAU,EAAE,cAAc;IAC1B,YAAY,EAAE,aAAa;CAC5B,CAAC;AAEF,kBAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,qDAAoD;AAA3C,kHAAA,eAAe,OAAA"}
|
|
@@ -3,25 +3,32 @@
|
|
|
3
3
|
* @file useSlider
|
|
4
4
|
* -----------------------------------------------------------------------------
|
|
5
5
|
*
|
|
6
|
+
* @description Add description here
|
|
7
|
+
*
|
|
8
|
+
* Features:
|
|
9
|
+
* - Calculates slider layout and dimensions
|
|
10
|
+
* - Handles next / previous slide navigation
|
|
11
|
+
* - Supports looping and indicators
|
|
12
|
+
* - Applies slide animations
|
|
13
|
+
* - Adds optional autoplay functionality
|
|
14
|
+
*
|
|
6
15
|
* @description
|
|
7
16
|
* Main hook that controls all slider behavior.
|
|
8
|
-
*
|
|
9
17
|
* This hook connects multiple smaller slider hooks and makes them work
|
|
10
18
|
* together. It handles slide size calculation, navigation, animations,
|
|
11
|
-
* autoplay,
|
|
12
|
-
* and window resize updates.
|
|
13
|
-
*
|
|
19
|
+
* autoplay, and window resize updates.
|
|
14
20
|
* The UI layer only needs to use the values and functions returned from
|
|
15
21
|
* this hook.
|
|
16
22
|
*
|
|
17
23
|
* -----------------------------------------------------------------------------
|
|
18
|
-
* Copyright ©
|
|
24
|
+
* Copyright © 2017-present BookingKoala. All rights reserved.
|
|
19
25
|
* -----------------------------------------------------------------------------
|
|
20
26
|
*/
|
|
21
27
|
import { type Ref } from 'react';
|
|
22
|
-
import {
|
|
23
|
-
import { SlickSliderConfig } from './
|
|
24
|
-
export interface
|
|
28
|
+
import type { SlickSliderAnimationConfig, SlickSliderAutoPlayConfig, SlickSliderDataProps } from '../../components/SlickSlider';
|
|
29
|
+
import { SlickSliderConfig } from './useSliderBreakpoints';
|
|
30
|
+
export interface SlickSliderReturn {
|
|
31
|
+
extendedSlides: SlickSliderDataProps[];
|
|
25
32
|
getActiveIndicatorIndex: () => number | undefined;
|
|
26
33
|
getIndicatorCount: () => number | undefined;
|
|
27
34
|
goToSlideIndicator: (index: number) => void;
|
|
@@ -31,22 +38,22 @@ export interface UseSlickSliderReturn {
|
|
|
31
38
|
hasPrevBtnDisabled: () => boolean;
|
|
32
39
|
sliderWrapperRef: Ref<HTMLDivElement>;
|
|
33
40
|
}
|
|
34
|
-
export interface
|
|
41
|
+
export interface SlickSliderProps {
|
|
35
42
|
activeSlide: number;
|
|
36
43
|
animationConfig: SlickSliderAnimationConfig;
|
|
37
44
|
autoPlayConfig: SlickSliderAutoPlayConfig;
|
|
38
|
-
breakpoints
|
|
39
|
-
|
|
45
|
+
breakpoints?: SlickSliderConfig[];
|
|
46
|
+
data: SlickSliderDataProps[];
|
|
47
|
+
draggable: {
|
|
40
48
|
dragThreshold?: number;
|
|
41
49
|
enableDrag?: boolean;
|
|
42
50
|
};
|
|
43
51
|
gap: number;
|
|
44
|
-
isRTLMode: boolean;
|
|
45
52
|
loop: boolean;
|
|
53
|
+
orientation: 'horizontal' | 'vertical';
|
|
46
54
|
slideToScroll: number;
|
|
47
55
|
slideToShow: number;
|
|
48
56
|
totalSlides: number;
|
|
49
|
-
variant: 'horizontal' | 'vertical';
|
|
50
57
|
}
|
|
51
58
|
export interface SlickSliderRefs {
|
|
52
59
|
containerHeight: number;
|
|
@@ -61,5 +68,5 @@ export interface SlickSliderRefs {
|
|
|
61
68
|
isTransitionComplete: boolean;
|
|
62
69
|
totalSlides: number;
|
|
63
70
|
}
|
|
64
|
-
declare function useSlider({ activeSlide, animationConfig, autoPlayConfig, breakpoints, draggable, gap,
|
|
71
|
+
declare function useSlider({ activeSlide, animationConfig, autoPlayConfig, breakpoints, data, draggable, gap, loop, orientation, slideToScroll, slideToShow, totalSlides, }: Readonly<SlickSliderProps>): SlickSliderReturn;
|
|
65
72
|
export default useSlider;
|