farm-react 1.0.9 → 1.0.11
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/components/Button.d.ts +2 -1
- 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/SlickSlider.d.ts +77 -0
- package/dist/cjs/components/SlickSlider.js +184 -0
- package/dist/cjs/components/SlickSlider.js.map +1 -0
- package/dist/cjs/components/TextInput.d.ts +6 -5
- package/dist/cjs/components/TextInput.js.map +1 -1
- package/dist/cjs/hooks/slider/useSlider.d.ts +72 -0
- package/dist/cjs/hooks/slider/useSlider.js +153 -0
- package/dist/cjs/hooks/slider/useSlider.js.map +1 -0
- package/dist/cjs/hooks/slider/useSliderAutoPlay.d.ts +33 -0
- package/dist/cjs/hooks/slider/useSliderAutoPlay.js +73 -0
- 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/cjs/hooks/slider/useSliderDimension.d.ts +40 -0
- package/dist/cjs/hooks/slider/useSliderDimension.js +89 -0
- package/dist/cjs/hooks/slider/useSliderDimension.js.map +1 -0
- package/dist/cjs/hooks/slider/useSliderDraggable.d.ts +42 -0
- package/dist/cjs/hooks/slider/useSliderDraggable.js +143 -0
- package/dist/cjs/hooks/slider/useSliderDraggable.js.map +1 -0
- package/dist/cjs/hooks/slider/useSliderNavigation.d.ts +42 -0
- package/dist/cjs/hooks/slider/useSliderNavigation.js +124 -0
- package/dist/cjs/hooks/slider/useSliderNavigation.js.map +1 -0
- package/dist/cjs/hooks/slider/useSliderTransform.d.ts +31 -0
- package/dist/cjs/hooks/slider/useSliderTransform.js +66 -0
- package/dist/cjs/hooks/slider/useSliderTransform.js.map +1 -0
- package/dist/cjs/index.d.ts +3 -1
- package/dist/cjs/index.js +4 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/Button.d.ts +2 -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/SlickSlider.d.ts +77 -0
- package/dist/esm/components/SlickSlider.js +181 -0
- package/dist/esm/components/SlickSlider.js.map +1 -0
- package/dist/esm/components/TextInput.d.ts +6 -5
- package/dist/esm/components/TextInput.js.map +1 -1
- package/dist/esm/helpers.d.ts +1 -0
- package/dist/esm/helpers.js +2 -0
- package/dist/esm/helpers.js.map +1 -0
- package/dist/esm/hooks/slider/useSlider.d.ts +72 -0
- package/dist/esm/hooks/slider/useSlider.js +150 -0
- package/dist/esm/hooks/slider/useSlider.js.map +1 -0
- package/dist/esm/hooks/slider/useSliderAutoPlay.d.ts +33 -0
- package/dist/esm/hooks/slider/useSliderAutoPlay.js +71 -0
- 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/esm/hooks/slider/useSliderDimension.d.ts +40 -0
- package/dist/esm/hooks/slider/useSliderDimension.js +87 -0
- package/dist/esm/hooks/slider/useSliderDimension.js.map +1 -0
- package/dist/esm/hooks/slider/useSliderDraggable.d.ts +42 -0
- package/dist/esm/hooks/slider/useSliderDraggable.js +141 -0
- package/dist/esm/hooks/slider/useSliderDraggable.js.map +1 -0
- package/dist/esm/hooks/slider/useSliderNavigation.d.ts +42 -0
- package/dist/esm/hooks/slider/useSliderNavigation.js +122 -0
- package/dist/esm/hooks/slider/useSliderNavigation.js.map +1 -0
- package/dist/esm/hooks/slider/useSliderTransform.d.ts +31 -0
- package/dist/esm/hooks/slider/useSliderTransform.js +64 -0
- package/dist/esm/hooks/slider/useSliderTransform.js.map +1 -0
- package/dist/esm/index.d.ts +3 -1
- package/dist/esm/index.js +3 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/package.json +14 -1
- package/package.json +15 -2
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { type ReactElement, type ReactNode } from 'react';
|
|
2
|
+
import { ButtonProps as BSButtonProps } from 'react-bootstrap';
|
|
2
3
|
interface Classnames {
|
|
3
4
|
button?: string;
|
|
4
5
|
icon?: string;
|
|
@@ -11,7 +12,7 @@ interface Attributes {
|
|
|
11
12
|
spinner?: object;
|
|
12
13
|
label?: object;
|
|
13
14
|
}
|
|
14
|
-
export interface ButtonProps {
|
|
15
|
+
export interface ButtonProps extends BSButtonProps {
|
|
15
16
|
variant?: 'primary' | 'secondary' | 'transparent' | 'success' | 'danger' | 'warning' | 'info' | 'white' | 'outline-primary' | 'outline-secondary' | 'outline-success' | 'outline-danger' | 'outline-warning' | 'outline-info' | 'ghost';
|
|
16
17
|
size?: 'sm' | 'lg';
|
|
17
18
|
label?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";;;AAAA,wDAAgE;AAChE,sDAAuB;AACvB,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -68,7 +68,7 @@ function Card(_a) {
|
|
|
68
68
|
? renderHeader()
|
|
69
69
|
: (headerProps === null || headerProps === void 0 ? void 0 : headerProps.content) && react_1.default.createElement(react_bootstrap_1.Card.Header, { className: classnames.header }, headerProps.content),
|
|
70
70
|
(imgProps === null || imgProps === void 0 ? void 0 : imgProps.src) && react_1.default.createElement(react_bootstrap_1.CardImg, tslib_1.__assign({}, imgProps, { className: classnames.image })),
|
|
71
|
-
react_1.default.createElement(react_bootstrap_1.Card.Body, tslib_1.__assign({ className: classnames.body }, bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.cardBodyProps),
|
|
71
|
+
renderBody ? (renderBody()) : (react_1.default.createElement(react_bootstrap_1.Card.Body, tslib_1.__assign({ className: classnames.body }, bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.cardBodyProps), renderBodySequence(bodyProps, bodySeq, classnames) || children)),
|
|
72
72
|
renderFooter
|
|
73
73
|
? renderFooter()
|
|
74
74
|
: (footerProps === null || footerProps === void 0 ? void 0 : footerProps.content) && react_1.default.createElement(react_bootstrap_1.Card.Footer, { className: classnames.footer }, footerProps.content)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,77 @@
|
|
|
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
|
+
* TODO: add error boundary when move this component into the src folder
|
|
10
|
+
*
|
|
11
|
+
* Features:
|
|
12
|
+
* - Configurable slide animation (speed, easing)
|
|
13
|
+
* - Autoplay support with interval and pause-on-hover options
|
|
14
|
+
* - Looping with seamless slide cloning
|
|
15
|
+
* - Center mode with active slide highlighting
|
|
16
|
+
* - Custom next/previous navigation buttons
|
|
17
|
+
* - Optional slide indicators (dots)
|
|
18
|
+
* - Custom slide rendering via render props
|
|
19
|
+
* - Click handling for individual slides
|
|
20
|
+
*
|
|
21
|
+
* Note: tjs-slick-slider this class only added for sample
|
|
22
|
+
*
|
|
23
|
+
* -----------------------------------------------------------------------------
|
|
24
|
+
* Copyright © 2017-present BookingKoala. All rights reserved.
|
|
25
|
+
* -----------------------------------------------------------------------------
|
|
26
|
+
*/
|
|
27
|
+
import { type MouseEvent, type ReactElement } from 'react';
|
|
28
|
+
import type { SlickSliderConfig } from '../hooks/slider/useSliderBreakpoints';
|
|
29
|
+
export interface SlickSliderDataProps {
|
|
30
|
+
id: number;
|
|
31
|
+
label: string;
|
|
32
|
+
url: string;
|
|
33
|
+
}
|
|
34
|
+
export interface SlickSliderAutoPlayConfig {
|
|
35
|
+
enable?: boolean;
|
|
36
|
+
interval?: number;
|
|
37
|
+
pauseOnHover?: boolean;
|
|
38
|
+
}
|
|
39
|
+
export interface SlickSliderAnimationConfig {
|
|
40
|
+
delay?: number;
|
|
41
|
+
easing?: string;
|
|
42
|
+
}
|
|
43
|
+
export interface SlickSliderDraggable {
|
|
44
|
+
dragThreshold?: number;
|
|
45
|
+
enableDrag?: boolean;
|
|
46
|
+
}
|
|
47
|
+
export interface SlickSliderProps {
|
|
48
|
+
activeSlide?: number;
|
|
49
|
+
animationConfig?: SlickSliderAnimationConfig;
|
|
50
|
+
autoPlayConfig?: SlickSliderAutoPlayConfig;
|
|
51
|
+
breakpoints?: SlickSliderConfig[];
|
|
52
|
+
btnsLabel?: {
|
|
53
|
+
next?: string;
|
|
54
|
+
prev?: string;
|
|
55
|
+
};
|
|
56
|
+
data: SlickSliderDataProps[];
|
|
57
|
+
draggable?: SlickSliderDraggable;
|
|
58
|
+
gap?: number;
|
|
59
|
+
icons?: {
|
|
60
|
+
activeDot?: string;
|
|
61
|
+
dots?: string;
|
|
62
|
+
next?: string;
|
|
63
|
+
prev?: string;
|
|
64
|
+
};
|
|
65
|
+
loop?: boolean;
|
|
66
|
+
onSlideClick?: (item: SlickSliderDataProps, index: number, event: MouseEvent<HTMLButtonElement>) => void;
|
|
67
|
+
orientation?: 'horizontal' | 'vertical';
|
|
68
|
+
renderNextBtn?: (handleNextSlide: () => void, hasNextBtnDisabled: () => boolean) => ReactElement;
|
|
69
|
+
renderPrevBtn?: (handlePrevSlide: () => void, hasPrevBtnDisabled: () => boolean) => ReactElement;
|
|
70
|
+
renderSlide?: (item: SlickSliderDataProps, index?: number) => null | ReactElement;
|
|
71
|
+
showCtrlBtns?: boolean;
|
|
72
|
+
showIndicator?: boolean;
|
|
73
|
+
slideToScroll?: number;
|
|
74
|
+
slideToShow?: number;
|
|
75
|
+
}
|
|
76
|
+
declare function SlickSlider({ activeSlide, animationConfig, autoPlayConfig, breakpoints, btnsLabel, data, draggable, gap, icons, loop, onSlideClick, orientation, renderNextBtn, renderPrevBtn, renderSlide, showCtrlBtns, showIndicator, slideToScroll, slideToShow, }: Readonly<SlickSliderProps>): ReactElement;
|
|
77
|
+
export default SlickSlider;
|
|
@@ -0,0 +1,184 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* -----------------------------------------------------------------------------
|
|
4
|
+
* @component SlickSlider
|
|
5
|
+
* -----------------------------------------------------------------------------
|
|
6
|
+
*
|
|
7
|
+
* @description A highly customizable and reusable React slider/carousel component.
|
|
8
|
+
* Supports autoplay, looping, center mode, custom navigation buttons,
|
|
9
|
+
* slide indicators, and flexible rendering through render props.
|
|
10
|
+
* TODO: add error boundary when move this component into the src folder
|
|
11
|
+
*
|
|
12
|
+
* Features:
|
|
13
|
+
* - Configurable slide animation (speed, easing)
|
|
14
|
+
* - Autoplay support with interval and pause-on-hover options
|
|
15
|
+
* - Looping with seamless slide cloning
|
|
16
|
+
* - Center mode with active slide highlighting
|
|
17
|
+
* - Custom next/previous navigation buttons
|
|
18
|
+
* - Optional slide indicators (dots)
|
|
19
|
+
* - Custom slide rendering via render props
|
|
20
|
+
* - Click handling for individual slides
|
|
21
|
+
*
|
|
22
|
+
* Note: tjs-slick-slider this class only added for sample
|
|
23
|
+
*
|
|
24
|
+
* -----------------------------------------------------------------------------
|
|
25
|
+
* Copyright © 2017-present BookingKoala. All rights reserved.
|
|
26
|
+
* -----------------------------------------------------------------------------
|
|
27
|
+
*/
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
var tslib_1 = require("tslib");
|
|
30
|
+
var clsx_1 = require("clsx");
|
|
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 helpers_1 = require("../helpers");
|
|
36
|
+
var Button_1 = tslib_1.__importDefault(require("./Button"));
|
|
37
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
38
|
+
// Destruct icons
|
|
39
|
+
var angleLeft = icons_1.default.angleLeft, angleRight = icons_1.default.angleRight, circle = icons_1.default.circle, dotCircle = icons_1.default.dotCircle;
|
|
40
|
+
// Default props value
|
|
41
|
+
var defAutoPlayConfig = {
|
|
42
|
+
enable: false,
|
|
43
|
+
interval: 2000,
|
|
44
|
+
pauseOnHover: false,
|
|
45
|
+
};
|
|
46
|
+
var defAnimationConfig = {
|
|
47
|
+
delay: 500,
|
|
48
|
+
easing: 'ease',
|
|
49
|
+
};
|
|
50
|
+
var defaultDraggable = {
|
|
51
|
+
dragThreshold: 200,
|
|
52
|
+
enableDrag: true,
|
|
53
|
+
};
|
|
54
|
+
function SlickSlider(_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;
|
|
56
|
+
// Constants
|
|
57
|
+
var hasUseExtendedSlides = (0, helpers_1.getArrayLength)(data) > slideToShow;
|
|
58
|
+
// Destruct props
|
|
59
|
+
var _v = (0, helpers_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, helpers_1.destructObj)(btnsLabel), _1 = _0.next, nextBtnLabel = _1 === void 0 ? '' : _1, _2 = _0.prev, prevBtnLabel = _2 === void 0 ? '' : _2;
|
|
61
|
+
// Hooks
|
|
62
|
+
var _3 = (0, useSlider_1.default)({
|
|
63
|
+
activeSlide: activeSlide - 1,
|
|
64
|
+
animationConfig: animationConfig,
|
|
65
|
+
autoPlayConfig: autoPlayConfig,
|
|
66
|
+
breakpoints: breakpoints,
|
|
67
|
+
data: data,
|
|
68
|
+
draggable: draggable,
|
|
69
|
+
gap: gap,
|
|
70
|
+
loop: loop,
|
|
71
|
+
orientation: orientation,
|
|
72
|
+
slideToScroll: slideToScroll,
|
|
73
|
+
slideToShow: slideToShow,
|
|
74
|
+
totalSlides: (0, helpers_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, helpers_1.isNullOrUndefined)(renderSlide) ? renderDefSlide : renderSlide;
|
|
77
|
+
function renderDefSlide(item) {
|
|
78
|
+
var _a = (0, helpers_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 })));
|
|
81
|
+
}
|
|
82
|
+
/**
|
|
83
|
+
* This helper function render the button based on the different label and custom icons.
|
|
84
|
+
* @param param0 takes a common property of btn
|
|
85
|
+
*/
|
|
86
|
+
function renderNavBtn(_a) {
|
|
87
|
+
var disabled = _a.disabled, icon = _a.icon, label = _a.label, onClick = _a.onClick;
|
|
88
|
+
return (react_1.default.createElement(Button_1.default, { disabled: disabled, icon: icon, label: label, variant: 'ghost', classnames: { button: 'fs-16 p-5 px-10' }, onClick: onClick }));
|
|
89
|
+
}
|
|
90
|
+
function renderDefPrevBtn() {
|
|
91
|
+
return renderNavBtn({
|
|
92
|
+
disabled: hasPrevBtnDisabled(),
|
|
93
|
+
icon: prevBtnIcon,
|
|
94
|
+
label: prevBtnLabel,
|
|
95
|
+
onClick: handlePrevSlide,
|
|
96
|
+
});
|
|
97
|
+
}
|
|
98
|
+
/**
|
|
99
|
+
* Determines which previous button to render based on whether a custom renderPrevBtn prop is provided.
|
|
100
|
+
* Falls back to the default previous button if no custom renderer is specified.
|
|
101
|
+
*/
|
|
102
|
+
function prevButtonElem() {
|
|
103
|
+
if (!hasUseExtendedSlides)
|
|
104
|
+
return undefined;
|
|
105
|
+
return (0, helpers_1.isNullOrUndefined)(renderPrevBtn) ? renderDefPrevBtn() : renderPrevBtn === null || renderPrevBtn === void 0 ? void 0 : renderPrevBtn(handlePrevSlide, hasPrevBtnDisabled);
|
|
106
|
+
}
|
|
107
|
+
/**
|
|
108
|
+
* Creates a click handler for a slide item.
|
|
109
|
+
* Returns a function that invokes the onSlideClick callback with the item data.
|
|
110
|
+
* @param item - The slide data item
|
|
111
|
+
*/
|
|
112
|
+
function onSlideClickHandler(item, index) {
|
|
113
|
+
return function (event) {
|
|
114
|
+
onSlideClick === null || onSlideClick === void 0 ? void 0 : onSlideClick(item, index, event);
|
|
115
|
+
};
|
|
116
|
+
}
|
|
117
|
+
/**
|
|
118
|
+
* Renders all slide items in the slider.
|
|
119
|
+
* Uses extended slides array for looping mode, otherwise uses the original data array.
|
|
120
|
+
* Each slide is wrapped in a button that handles click events.
|
|
121
|
+
*/
|
|
122
|
+
function renderSlides() {
|
|
123
|
+
if ((0, helpers_1.isArrayEmpty)(data))
|
|
124
|
+
return null;
|
|
125
|
+
var sliderArray = hasUseExtendedSlides ? extendedSlides : data;
|
|
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, helpers_1.getKeyString)('slide', index), id: (0, helpers_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))); })));
|
|
129
|
+
}
|
|
130
|
+
function renderDefNextBtn() {
|
|
131
|
+
return renderNavBtn({
|
|
132
|
+
disabled: hasNextBtnDisabled(),
|
|
133
|
+
icon: nextBtnIcon,
|
|
134
|
+
label: nextBtnLabel,
|
|
135
|
+
onClick: handleNextSlide,
|
|
136
|
+
});
|
|
137
|
+
}
|
|
138
|
+
/**
|
|
139
|
+
* Determines which next button to render based on whether a custom renderNextBtn prop is provided.
|
|
140
|
+
* Falls back to the default next button if no custom renderer is specified.
|
|
141
|
+
*/
|
|
142
|
+
function nextButtonElem() {
|
|
143
|
+
if (!hasUseExtendedSlides)
|
|
144
|
+
return undefined;
|
|
145
|
+
return (0, helpers_1.isNullOrUndefined)(renderNextBtn) ? renderDefNextBtn() : renderNextBtn === null || renderNextBtn === void 0 ? void 0 : renderNextBtn(handleNextSlide, hasNextBtnDisabled);
|
|
146
|
+
}
|
|
147
|
+
/** This callback function handle the indicator click event and call the go to indicator. */
|
|
148
|
+
function handleIndicatorEvent(idx) {
|
|
149
|
+
return function () {
|
|
150
|
+
goToSlideIndicator(idx);
|
|
151
|
+
};
|
|
152
|
+
}
|
|
153
|
+
/**
|
|
154
|
+
* Function is render the indicator item and add the active indicator icons based active slide index.
|
|
155
|
+
* @param index index of the indicator items.
|
|
156
|
+
*/
|
|
157
|
+
function renderIndicator(index) {
|
|
158
|
+
if (!hasUseExtendedSlides)
|
|
159
|
+
return undefined;
|
|
160
|
+
var isActive = index === getActiveIndicatorIndex();
|
|
161
|
+
var indicatorIcon = isActive ? activeDot : dots;
|
|
162
|
+
return (react_1.default.createElement(Button_1.default, { key: (0, helpers_1.getKeyString)('ctrl-dot', index), icon: indicatorIcon, variant: 'ghost',
|
|
163
|
+
// throttleProps={{ delay: animationConfig?.delay, enable: true }}
|
|
164
|
+
onClick: handleIndicatorEvent(index), classnames: { button: 'fs-16' } }));
|
|
165
|
+
}
|
|
166
|
+
/**
|
|
167
|
+
* Function responsible for render the indication icons based on the indicator count.
|
|
168
|
+
* create dynamic array based on the number for indicators.
|
|
169
|
+
*/
|
|
170
|
+
function renderIndicators() {
|
|
171
|
+
var numberOfIndictor = getIndicatorCount();
|
|
172
|
+
if ((0, helpers_1.isNullOrUndefined)(numberOfIndictor))
|
|
173
|
+
return undefined;
|
|
174
|
+
return (react_1.default.createElement("div", { className: 'd-flex justify-content-center gap-10' }, (0, helpers_1.createDynamicArray)(numberOfIndictor).map(function (_, index) { return renderIndicator(index); })));
|
|
175
|
+
}
|
|
176
|
+
return (react_1.default.createElement("div", { className: 'tjs-slick-slider' },
|
|
177
|
+
react_1.default.createElement("div", { className: 'd-flex align-items-center justify-content-between mb-10' },
|
|
178
|
+
showCtrlBtns ? prevButtonElem() : null,
|
|
179
|
+
react_1.default.createElement("div", { className: 'overflow-hidden w-100' }, renderSlides()),
|
|
180
|
+
showCtrlBtns ? nextButtonElem() : null),
|
|
181
|
+
showIndicator ? renderIndicators() : null));
|
|
182
|
+
}
|
|
183
|
+
exports.default = SlickSlider;
|
|
184
|
+
//# sourceMappingURL=SlickSlider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SlickSlider.js","sourceRoot":"","sources":["../../../src/components/SlickSlider.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;;;AAGH,6BAA2B;AAC3B,mDAAuC;AACvC,wCAA4D;AAC5D,qEAAsC;AACtC,gFAAiD;AAEjD,sCAOmB;AACnB,4DAA6B;AAC7B,wDAAyB;AA6DzB,iBAAiB;AACT,IAAA,SAAS,GAAoC,eAAK,UAAzC,EAAE,UAAU,GAAwB,eAAK,WAA7B,EAAE,MAAM,GAAgB,eAAK,OAArB,EAAE,SAAS,GAAK,eAAK,UAAV,CAAU;AAE1D,sBAAsB;AACtB,IAAM,iBAAiB,GAA8B;IACnD,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,IAAI;IACd,YAAY,EAAE,KAAK;CACpB,CAAA;AAED,IAAM,kBAAkB,GAA+B;IACrD,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,MAAM;CACf,CAAA;AAED,IAAM,gBAAgB,GAAyB;IAC7C,aAAa,EAAE,GAAG;IAClB,UAAU,EAAE,IAAI;CACjB,CAAA;AAED,SAAS,WAAW,CAAC,EAoBQ;QAnB3B,mBAAe,EAAf,WAAW,mBAAG,CAAC,KAAA,EACf,uBAAoC,EAApC,eAAe,mBAAG,kBAAkB,KAAA,EACpC,sBAAkC,EAAlC,cAAc,mBAAG,iBAAiB,KAAA,EAClC,mBAAyB,EAAzB,WAAW,mBAAG,iBAAW,KAAA,EACzB,iBAAwB,EAAxB,SAAS,mBAAG,kBAAY,KAAA,EACxB,IAAI,UAAA,EACJ,iBAA4B,EAA5B,SAAS,mBAAG,gBAAgB,KAAA,EAC5B,WAAQ,EAAR,GAAG,mBAAG,EAAE,KAAA,EACR,aAAoB,EAApB,KAAK,mBAAG,kBAAY,KAAA,EACpB,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EACZ,oBAAwB,EAAxB,YAAY,mBAAG,SAAS,KAAA,EACxB,mBAA0B,EAA1B,WAAW,mBAAG,YAAY,KAAA,EAC1B,qBAAyB,EAAzB,aAAa,mBAAG,SAAS,KAAA,EACzB,qBAAyB,EAAzB,aAAa,mBAAG,SAAS,KAAA,EACzB,mBAAuB,EAAvB,WAAW,mBAAG,SAAS,KAAA,EACvB,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,qBAAoB,EAApB,aAAa,mBAAG,IAAI,KAAA,EACpB,qBAAiB,EAAjB,aAAa,mBAAG,CAAC,KAAA,EACjB,mBAAe,EAAf,WAAW,mBAAG,CAAC,KAAA;IAEf,YAAY;IACZ,IAAM,oBAAoB,GAAG,IAAA,wBAAc,EAAC,IAAI,CAAC,GAAG,WAAW,CAAA;IAE/D,iBAAiB;IACX,IAAA,KAKF,IAAA,qBAAW,EAAC,KAAK,CAAC,EAJpB,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA,EACrB,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EACb,YAA8B,EAAxB,WAAW,mBAAG,UAAU,KAAA,EAC9B,YAA6B,EAAvB,WAAW,mBAAG,SAAS,KACT,CAAA;IAEhB,IAAA,KAAuD,IAAA,qBAAW,EAAC,SAAS,CAAC,EAA3E,YAAuB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EAAE,YAAuB,EAAjB,YAAY,mBAAG,EAAE,KAA2B,CAAA;IAEnF,QAAQ;IACF,IAAA,KAUF,IAAA,mBAAS,EAAC;QACZ,WAAW,EAAE,WAAW,GAAG,CAAC;QAC5B,eAAe,iBAAA;QACf,cAAc,gBAAA;QACd,WAAW,aAAA;QACX,IAAI,MAAA;QACJ,SAAS,WAAA;QACT,GAAG,KAAA;QACH,IAAI,MAAA;QACJ,WAAW,aAAA;QACX,aAAa,eAAA;QACb,WAAW,aAAA;QACX,WAAW,EAAE,IAAA,wBAAc,EAAC,IAAI,CAAC;KAClC,CAAC,EAtBA,cAAc,oBAAA,EACd,uBAAuB,6BAAA,EACvB,iBAAiB,uBAAA,EACjB,kBAAkB,wBAAA,EAClB,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,kBAAkB,wBAAA,EAClB,kBAAkB,wBAAA,EAClB,gBAAgB,sBAchB,CAAA;IAEF,IAAM,eAAe,GAAG,IAAA,2BAAiB,EAAC,WAAW,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,CAAA;IAErF,SAAS,cAAc,CAAC,IAA0B;QAC1C,IAAA,KAAkC,IAAA,qBAAW,EAAC,IAAI,CAAC,EAA1C,OAAO,WAAA,EAAO,MAAM,SAAsB,CAAA;QAEzD,OAAO,CACL,uCAAK,SAAS,EAAC,OAAO;YACpB,8BAAC,uBAAK,IAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,GAAI,CAChC,CACP,CAAA;IACH,CAAC;IAED;;;OAGG;IACH,SAAS,YAAY,CAAC,EAAiD;YAA/C,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA;QACpD,OAAO,CACL,8BAAC,gBAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,OAAO,EACf,UAAU,EAAE,EAAE,MAAM,EAAE,iBAAiB,EAAE,EACzC,OAAO,EAAE,OAAO,GAChB,CACH,CAAA;IACH,CAAC;IAED,SAAS,gBAAgB;QACvB,OAAO,YAAY,CAAC;YAClB,QAAQ,EAAE,kBAAkB,EAAE;YAC9B,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE,eAAe;SACzB,CAAC,CAAA;IACJ,CAAC;IAED;;;OAGG;IACH,SAAS,cAAc;QACrB,IAAI,CAAC,oBAAoB;YAAE,OAAO,SAAS,CAAA;QAC3C,OAAO,IAAA,2BAAiB,EAAC,aAAa,CAAC,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,eAAe,EAAE,kBAAkB,CAAC,CAAA;IACrH,CAAC;IAED;;;;OAIG;IACH,SAAS,mBAAmB,CAAC,IAA0B,EAAE,KAAa;QACpE,OAAO,UAAC,KAAoC;YAC1C,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAA;QACpC,CAAC,CAAA;IACH,CAAC;IAED;;;;OAIG;IACH,SAAS,YAAY;QACnB,IAAI,IAAA,sBAAY,EAAC,IAAI,CAAC;YAAE,OAAO,IAAI,CAAA;QACnC,IAAM,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA;QAEhE,OAAO,CACL,uCAAK,GAAG,EAAE,gBAAgB,EAAE,SAAS,EAAC,QAAQ,IAC3C,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACjC,8BAAC,gBAAM,IACL,OAAO,EAAC,OAAO,EACf,GAAG,EAAE,IAAA,sBAAY,EAAC,OAAO,EAAE,KAAK,CAAC,EACjC,EAAE,EAAE,IAAA,sBAAY,EAAC,OAAO,EAAE,KAAK,GAAG,CAAC,CAAC,gBACxB,KAAK,EACjB,UAAU,EAAE;gBACV,MAAM,EAAE,IAAA,WAAI,EAAC,gCAAgC,EAAE,WAAW,KAAK,UAAU,IAAI,UAAU,CAAC;aACzF,EACD,OAAO,EAAE,mBAAmB,CAAC,IAAI,EAAE,KAAK,CAAC,IAExC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,IAAI,CAAC,CACjB,CACV,EAbkC,CAalC,CAAC,CACE,CACP,CAAA;IACH,CAAC;IAED,SAAS,gBAAgB;QACvB,OAAO,YAAY,CAAC;YAClB,QAAQ,EAAE,kBAAkB,EAAE;YAC9B,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE,eAAe;SACzB,CAAC,CAAA;IACJ,CAAC;IAED;;;OAGG;IACH,SAAS,cAAc;QACrB,IAAI,CAAC,oBAAoB;YAAE,OAAO,SAAS,CAAA;QAC3C,OAAO,IAAA,2BAAiB,EAAC,aAAa,CAAC,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,eAAe,EAAE,kBAAkB,CAAC,CAAA;IACrH,CAAC;IAED,4FAA4F;IAC5F,SAAS,oBAAoB,CAAC,GAAW;QACvC,OAAO;YACL,kBAAkB,CAAC,GAAG,CAAC,CAAA;QACzB,CAAC,CAAA;IACH,CAAC;IAED;;;OAGG;IACH,SAAS,eAAe,CAAC,KAAa;QACpC,IAAI,CAAC,oBAAoB;YAAE,OAAO,SAAS,CAAA;QAC3C,IAAM,QAAQ,GAAG,KAAK,KAAK,uBAAuB,EAAE,CAAA;QACpD,IAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;QAEjD,OAAO,CACL,8BAAC,gBAAM,IACL,GAAG,EAAE,IAAA,sBAAY,EAAC,UAAU,EAAE,KAAK,CAAC,EACpC,IAAI,EAAE,aAAa,EACnB,OAAO,EAAC,OAAO;YACf,kEAAkE;YAClE,OAAO,EAAE,oBAAoB,CAAC,KAAK,CAAC,EACpC,UAAU,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAC/B,CACH,CAAA;IACH,CAAC;IAED;;;OAGG;IACH,SAAS,gBAAgB;QACvB,IAAM,gBAAgB,GAAuB,iBAAiB,EAAE,CAAA;QAChE,IAAI,IAAA,2BAAiB,EAAC,gBAAgB,CAAC;YAAE,OAAO,SAAS,CAAA;QACzD,OAAO,CACL,uCAAK,SAAS,EAAC,sCAAsC,IAClD,IAAA,4BAAkB,EAAC,gBAAgB,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,KAAa,IAAK,OAAA,eAAe,CAAC,KAAK,CAAC,EAAtB,CAAsB,CAAC,CACnF,CACP,CAAA;IACH,CAAC;IAED,OAAO,CACL,uCAAK,SAAS,EAAC,kBAAkB;QAC/B,uCAAK,SAAS,EAAC,yDAAyD;YACrE,YAAY,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,IAAI;YACvC,uCAAK,SAAS,EAAC,uBAAuB,IAAE,YAAY,EAAE,CAAO;YAC5D,YAAY,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,IAAI,CACnC;QACL,aAAa,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,IAAI,CACtC,CACP,CAAA;AACH,CAAC;AAED,kBAAe,WAAW,CAAA"}
|
|
@@ -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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/components/TextInput.tsx"],"names":[],"mappings":";;;AAAA,qDAOc;AACd,sDAAuB;AACvB,
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/components/TextInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* -----------------------------------------------------------------------------
|
|
3
|
+
* @file useSlider
|
|
4
|
+
* -----------------------------------------------------------------------------
|
|
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
|
+
*
|
|
15
|
+
* @description
|
|
16
|
+
* Main hook that controls all slider behavior.
|
|
17
|
+
* This hook connects multiple smaller slider hooks and makes them work
|
|
18
|
+
* together. It handles slide size calculation, navigation, animations,
|
|
19
|
+
* autoplay, and window resize updates.
|
|
20
|
+
* The UI layer only needs to use the values and functions returned from
|
|
21
|
+
* this hook.
|
|
22
|
+
*
|
|
23
|
+
* -----------------------------------------------------------------------------
|
|
24
|
+
* Copyright © 2017-present BookingKoala. All rights reserved.
|
|
25
|
+
* -----------------------------------------------------------------------------
|
|
26
|
+
*/
|
|
27
|
+
import { type Ref } from 'react';
|
|
28
|
+
import type { SlickSliderAnimationConfig, SlickSliderAutoPlayConfig, SlickSliderDataProps } from '../../components/SlickSlider';
|
|
29
|
+
import { SlickSliderConfig } from './useSliderBreakpoints';
|
|
30
|
+
export interface SlickSliderReturn {
|
|
31
|
+
extendedSlides: SlickSliderDataProps[];
|
|
32
|
+
getActiveIndicatorIndex: () => number | undefined;
|
|
33
|
+
getIndicatorCount: () => number | undefined;
|
|
34
|
+
goToSlideIndicator: (index: number) => void;
|
|
35
|
+
handleNextSlide: () => void;
|
|
36
|
+
handlePrevSlide: () => void;
|
|
37
|
+
hasNextBtnDisabled: () => boolean;
|
|
38
|
+
hasPrevBtnDisabled: () => boolean;
|
|
39
|
+
sliderWrapperRef: Ref<HTMLDivElement>;
|
|
40
|
+
}
|
|
41
|
+
export interface SlickSliderProps {
|
|
42
|
+
activeSlide: number;
|
|
43
|
+
animationConfig: SlickSliderAnimationConfig;
|
|
44
|
+
autoPlayConfig: SlickSliderAutoPlayConfig;
|
|
45
|
+
breakpoints?: SlickSliderConfig[];
|
|
46
|
+
data: SlickSliderDataProps[];
|
|
47
|
+
draggable: {
|
|
48
|
+
dragThreshold?: number;
|
|
49
|
+
enableDrag?: boolean;
|
|
50
|
+
};
|
|
51
|
+
gap: number;
|
|
52
|
+
loop: boolean;
|
|
53
|
+
orientation: 'horizontal' | 'vertical';
|
|
54
|
+
slideToScroll: number;
|
|
55
|
+
slideToShow: number;
|
|
56
|
+
totalSlides: number;
|
|
57
|
+
}
|
|
58
|
+
export interface SlickSliderRefs {
|
|
59
|
+
containerHeight: number;
|
|
60
|
+
containerWidth: number;
|
|
61
|
+
currentIndex: number;
|
|
62
|
+
drag: {
|
|
63
|
+
isDragging: boolean;
|
|
64
|
+
startX: number;
|
|
65
|
+
startY: number;
|
|
66
|
+
translate: number;
|
|
67
|
+
};
|
|
68
|
+
isTransitionComplete: boolean;
|
|
69
|
+
totalSlides: number;
|
|
70
|
+
}
|
|
71
|
+
declare function useSlider({ activeSlide, animationConfig, autoPlayConfig, breakpoints, data, draggable, gap, loop, orientation, slideToScroll, slideToShow, totalSlides, }: Readonly<SlickSliderProps>): SlickSliderReturn;
|
|
72
|
+
export default useSlider;
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
/**
|
|
5
|
+
* -----------------------------------------------------------------------------
|
|
6
|
+
* @file useSlider
|
|
7
|
+
* -----------------------------------------------------------------------------
|
|
8
|
+
*
|
|
9
|
+
* @description Add description here
|
|
10
|
+
*
|
|
11
|
+
* Features:
|
|
12
|
+
* - Calculates slider layout and dimensions
|
|
13
|
+
* - Handles next / previous slide navigation
|
|
14
|
+
* - Supports looping and indicators
|
|
15
|
+
* - Applies slide animations
|
|
16
|
+
* - Adds optional autoplay functionality
|
|
17
|
+
*
|
|
18
|
+
* @description
|
|
19
|
+
* Main hook that controls all slider behavior.
|
|
20
|
+
* This hook connects multiple smaller slider hooks and makes them work
|
|
21
|
+
* together. It handles slide size calculation, navigation, animations,
|
|
22
|
+
* autoplay, and window resize updates.
|
|
23
|
+
* The UI layer only needs to use the values and functions returned from
|
|
24
|
+
* this hook.
|
|
25
|
+
*
|
|
26
|
+
* -----------------------------------------------------------------------------
|
|
27
|
+
* Copyright © 2017-present BookingKoala. All rights reserved.
|
|
28
|
+
* -----------------------------------------------------------------------------
|
|
29
|
+
*/
|
|
30
|
+
var react_1 = require("react");
|
|
31
|
+
var useSliderAutoPlay_1 = tslib_1.__importDefault(require("./useSliderAutoPlay"));
|
|
32
|
+
var useSliderBreakpoints_1 = tslib_1.__importDefault(require("./useSliderBreakpoints"));
|
|
33
|
+
var useSliderDimension_1 = tslib_1.__importDefault(require("./useSliderDimension"));
|
|
34
|
+
var useSliderDraggable_1 = tslib_1.__importDefault(require("./useSliderDraggable"));
|
|
35
|
+
var useSliderNavigation_1 = tslib_1.__importDefault(require("./useSliderNavigation"));
|
|
36
|
+
var useSliderTransform_1 = tslib_1.__importDefault(require("./useSliderTransform"));
|
|
37
|
+
var Utils_1 = require("../../Utils");
|
|
38
|
+
function useSlider(_a) {
|
|
39
|
+
var _b;
|
|
40
|
+
var activeSlide = _a.activeSlide, animationConfig = _a.animationConfig, autoPlayConfig = _a.autoPlayConfig, breakpoints = _a.breakpoints, data = _a.data, draggable = _a.draggable, gap = _a.gap, loop = _a.loop, orientation = _a.orientation, slideToScroll = _a.slideToScroll, slideToShow = _a.slideToShow, totalSlides = _a.totalSlides;
|
|
41
|
+
// Exceed the activeSlide value to total slide then return a first.
|
|
42
|
+
var activeSlideIndex = (0, react_1.useMemo)(function () { return (totalSlides > 0 && activeSlide >= totalSlides ? 0 : activeSlide); }, [activeSlide, totalSlides]);
|
|
43
|
+
var breakPoint = (0, useSliderBreakpoints_1.default)({
|
|
44
|
+
breakpoints: breakpoints,
|
|
45
|
+
config: {
|
|
46
|
+
activeSlide: activeSlideIndex,
|
|
47
|
+
animationConfig: animationConfig,
|
|
48
|
+
autoPlayConfig: autoPlayConfig,
|
|
49
|
+
draggable: draggable,
|
|
50
|
+
gap: gap,
|
|
51
|
+
loop: loop,
|
|
52
|
+
slideToScroll: slideToScroll,
|
|
53
|
+
slideToShow: slideToShow,
|
|
54
|
+
},
|
|
55
|
+
});
|
|
56
|
+
/**
|
|
57
|
+
* Creates an extended slides array to support seamless looping.
|
|
58
|
+
*
|
|
59
|
+
* - Prepends the last `slideToShow` slides to allow backward looping
|
|
60
|
+
* - Appends the full slides array to allow forward looping
|
|
61
|
+
* - Results in a continuous sequence that prevents visual gaps
|
|
62
|
+
* when transitioning across boundaries
|
|
63
|
+
*
|
|
64
|
+
* Example:
|
|
65
|
+
* data = [A, B, C, D]
|
|
66
|
+
* extendedSlides = [D, A, B, C, D, A, B, C, D] slideToShow = 1
|
|
67
|
+
* extendedSlides = [C,D, A, B, C, D, A, B, C, D] slideToShow = 2
|
|
68
|
+
*/
|
|
69
|
+
var extendedSlides = (0, react_1.useMemo)(function () { return [data.slice(-(breakPoint === null || breakPoint === void 0 ? void 0 : breakPoint.slideToShow)), data, data].flat(); }, [data, breakPoint.slideToShow]);
|
|
70
|
+
// Refs
|
|
71
|
+
var sliderWrapperRef = (0, react_1.useRef)(null);
|
|
72
|
+
var sliderObjRefs = (0, react_1.useRef)({
|
|
73
|
+
containerHeight: 0,
|
|
74
|
+
containerWidth: 0,
|
|
75
|
+
currentIndex: 0,
|
|
76
|
+
drag: { isDragging: false, startX: 0, startY: 0, translate: 0 },
|
|
77
|
+
isTransitionComplete: false, // NOTE: added for the debounce case
|
|
78
|
+
totalSlides: totalSlides,
|
|
79
|
+
});
|
|
80
|
+
var calculateDimensions = (0, useSliderDimension_1.default)({
|
|
81
|
+
gap: breakPoint.gap,
|
|
82
|
+
orientation: orientation,
|
|
83
|
+
sliderObjRefs: sliderObjRefs,
|
|
84
|
+
sliderWrapperRef: sliderWrapperRef,
|
|
85
|
+
slideToShow: breakPoint.slideToShow,
|
|
86
|
+
}).calculateDimensions;
|
|
87
|
+
// Determine if all slides are visible at once (no navigation needed)
|
|
88
|
+
var isAllSlidesVisible = (0, react_1.useMemo)(function () { return breakPoint.slideToShow >= sliderObjRefs.current.totalSlides; }, [breakPoint.slideToShow, sliderObjRefs.current.totalSlides]);
|
|
89
|
+
// Hooks
|
|
90
|
+
var _c = (0, useSliderTransform_1.default)({
|
|
91
|
+
animationConfig: breakPoint.animationConfig,
|
|
92
|
+
isAllSlidesVisible: isAllSlidesVisible,
|
|
93
|
+
orientation: orientation,
|
|
94
|
+
sliderObjRefs: sliderObjRefs,
|
|
95
|
+
sliderWrapperRef: sliderWrapperRef,
|
|
96
|
+
slideToShow: breakPoint.slideToShow,
|
|
97
|
+
}), applyTransform = _c.applyTransform, calculateTranslate = _c.calculateTranslate;
|
|
98
|
+
var _d = (0, useSliderNavigation_1.default)({
|
|
99
|
+
activeSlide: breakPoint.activeSlide,
|
|
100
|
+
applyTransform: applyTransform,
|
|
101
|
+
loop: breakPoint.loop,
|
|
102
|
+
sliderObjRefs: sliderObjRefs,
|
|
103
|
+
sliderWrapperRef: sliderWrapperRef,
|
|
104
|
+
slideToScroll: breakPoint.slideToScroll,
|
|
105
|
+
slideToShow: breakPoint.slideToShow,
|
|
106
|
+
speed: (_b = breakPoint.animationConfig) === null || _b === void 0 ? void 0 : _b.delay,
|
|
107
|
+
}), getActiveIndicatorIndex = _d.getActiveIndicatorIndex, getIndicatorCount = _d.getIndicatorCount, goToSlideIndicator = _d.goToSlideIndicator, handleNextSlide = _d.handleNextSlide, handlePrevSlide = _d.handlePrevSlide, hasNextBtnDisabled = _d.hasNextBtnDisabled, hasPrevBtnDisabled = _d.hasPrevBtnDisabled;
|
|
108
|
+
(0, react_1.useEffect)(function () {
|
|
109
|
+
calculateDimensions();
|
|
110
|
+
Utils_1.safeWindow === null || Utils_1.safeWindow === void 0 ? void 0 : Utils_1.safeWindow.addEventListener('resize', calculateDimensions);
|
|
111
|
+
// Set initial slide position once container width is calculated.
|
|
112
|
+
if (sliderObjRefs.current.containerWidth > 0 || sliderObjRefs.current.containerHeight > 0) {
|
|
113
|
+
applyTransform(breakPoint.activeSlide, false);
|
|
114
|
+
Object.assign(sliderObjRefs.current, { currentIndex: breakPoint.activeSlide });
|
|
115
|
+
}
|
|
116
|
+
return function () {
|
|
117
|
+
Utils_1.safeWindow === null || Utils_1.safeWindow === void 0 ? void 0 : Utils_1.safeWindow.removeEventListener('resize', calculateDimensions);
|
|
118
|
+
};
|
|
119
|
+
}, [calculateDimensions, applyTransform, breakPoint.activeSlide]);
|
|
120
|
+
// Auto navigation hooks
|
|
121
|
+
(0, useSliderAutoPlay_1.default)({
|
|
122
|
+
autoPlayConfig: breakPoint.autoPlayConfig,
|
|
123
|
+
handleNextSlide: handleNextSlide,
|
|
124
|
+
isAllSlidesVisible: isAllSlidesVisible,
|
|
125
|
+
loop: breakPoint.loop,
|
|
126
|
+
sliderWrapperRef: sliderWrapperRef,
|
|
127
|
+
});
|
|
128
|
+
// Draggable Slide
|
|
129
|
+
(0, useSliderDraggable_1.default)({
|
|
130
|
+
applyTransform: applyTransform,
|
|
131
|
+
calculateTranslate: calculateTranslate,
|
|
132
|
+
draggable: breakPoint === null || breakPoint === void 0 ? void 0 : breakPoint.draggable,
|
|
133
|
+
handleNextSlide: handleNextSlide,
|
|
134
|
+
handlePrevSlide: handlePrevSlide,
|
|
135
|
+
hasNextBtnDisabled: hasNextBtnDisabled,
|
|
136
|
+
hasPrevBtnDisabled: hasPrevBtnDisabled,
|
|
137
|
+
sliderObjRefs: sliderObjRefs,
|
|
138
|
+
sliderWrapperRef: sliderWrapperRef,
|
|
139
|
+
});
|
|
140
|
+
return {
|
|
141
|
+
extendedSlides: extendedSlides,
|
|
142
|
+
getActiveIndicatorIndex: getActiveIndicatorIndex,
|
|
143
|
+
getIndicatorCount: getIndicatorCount,
|
|
144
|
+
goToSlideIndicator: goToSlideIndicator,
|
|
145
|
+
handleNextSlide: handleNextSlide,
|
|
146
|
+
handlePrevSlide: handlePrevSlide,
|
|
147
|
+
hasNextBtnDisabled: hasNextBtnDisabled,
|
|
148
|
+
hasPrevBtnDisabled: hasPrevBtnDisabled,
|
|
149
|
+
sliderWrapperRef: sliderWrapperRef,
|
|
150
|
+
};
|
|
151
|
+
}
|
|
152
|
+
exports.default = useSlider;
|
|
153
|
+
//# sourceMappingURL=useSlider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSlider.js","sourceRoot":"","sources":["../../../../src/hooks/slider/useSlider.ts"],"names":[],"mappings":"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"}
|