@trilogy-ds/react 4.0.7-SC-beta-1 → 4.0.7-SC-beta-2
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/lib/components/accordion/item/body/hooks/useAccordionBoy.d.ts +2 -2
- package/lib/components/accordion/item/body/hooks/useAccordionBoy.js +7 -10
- package/lib/components/alert/hooks/useAlert.d.ts +4 -4
- package/lib/components/alert/hooks/useAlert.js +27 -32
- package/lib/components/autocomplete/hooks/useAutocomplete.d.ts +11 -11
- package/lib/components/autocomplete/hooks/useAutocomplete.js +127 -130
- package/lib/components/autocomplete/item/hooks/useAutocompleteItem.d.ts +4 -4
- package/lib/components/autocomplete/item/hooks/useAutocompleteItem.js +11 -12
- package/lib/components/button/hooks/useButton.d.ts +2 -2
- package/lib/components/button/hooks/useButton.js +8 -12
- package/lib/components/countdown/hooks/useCountdown.js +57 -58
- package/lib/components/input/gauge/hook/useGauge.js +62 -63
- package/lib/components/input/hook/useInput.d.ts +15 -15
- package/lib/components/input/hook/useInput.js +126 -127
- package/lib/components/modal/hooks/useModal.d.ts +9 -9
- package/lib/components/modal/hooks/useModal.js +76 -78
- package/lib/components/otp/hooks/useOtp.d.ts +5 -5
- package/lib/components/otp/hooks/useOtp.js +33 -34
- package/lib/components/pagination/hooks/usePagination.d.ts +6 -6
- package/lib/components/pagination/hooks/usePagination.js +33 -34
- package/lib/components/product-tour/hooks/useProductTour.d.ts +2 -2
- package/lib/components/product-tour/hooks/useProductTour.js +12 -13
- package/lib/components/progress/radial/hooks/useProgressRadial.d.ts +3 -3
- package/lib/components/progress/radial/hooks/useProgressRadial.js +31 -32
- package/lib/components/range/hooks/useRange.d.ts +8 -8
- package/lib/components/range/hooks/useRange.js +51 -52
- package/lib/components/segment-control/hooks/useSegmentControl.d.ts +3 -3
- package/lib/components/segment-control/hooks/useSegmentControl.js +21 -22
- package/lib/components/segment-control/item/hooks/useSegmentControlItem.d.ts +3 -3
- package/lib/components/segment-control/item/hooks/useSegmentControlItem.js +16 -17
- package/lib/components/select/web/hooks/useSelectDynamic.d.ts +8 -8
- package/lib/components/select/web/hooks/useSelectDynamic.js +115 -116
- package/lib/components/select/web/hooks/useSelectNative.d.ts +6 -6
- package/lib/components/select/web/hooks/useSelectNative.js +30 -31
- package/lib/components/stepper/hooks/useStepper.js +14 -15
- package/lib/components/switch/hooks/useSwitch.d.ts +4 -4
- package/lib/components/switch/hooks/useSwitch.js +36 -37
- package/lib/components/tabs/hooks/useTabs.js +18 -19
- package/lib/components/tabs/tab-list/tab/hooks/useTab.d.ts +2 -2
- package/lib/components/tabs/tab-list/tab/hooks/useTab.js +18 -19
- package/lib/components/tabs/tab-panels/tab-panel/hooks/useTabPanel.js +5 -6
- package/lib/components/textarea/hooks/useTextarea.d.ts +3 -3
- package/lib/components/textarea/hooks/useTextarea.js +20 -21
- package/lib/helpers/isServer.d.ts +1 -0
- package/lib/helpers/isServer.js +2 -0
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
|
+
import { isServer } from '../../../helpers/isServer';
|
|
2
3
|
import React from 'react';
|
|
3
4
|
export var useOtp = function (_a) {
|
|
4
5
|
var value = _a.value, disabled = _a.disabled, length = _a.length, onChange = _a.onChange, onCompleted = _a.onCompleted;
|
|
@@ -60,42 +61,40 @@ export var useOtp = function (_a) {
|
|
|
60
61
|
focusToNextInput(target);
|
|
61
62
|
}
|
|
62
63
|
};
|
|
63
|
-
|
|
64
|
-
var _b = __read(React.useState(stringToCode(value, length) || new Array(length).fill(null)), 2), codeInput_1 = _b[0], setCodeInput_1 = _b[1];
|
|
65
|
-
var hasChanged_1 = React.useRef(false);
|
|
66
|
-
React.useEffect(function () {
|
|
67
|
-
if (!disabled) {
|
|
68
|
-
isCompleted(codeInput_1) && (onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted(codeToString(codeInput_1)));
|
|
69
|
-
}
|
|
70
|
-
}, [length, codeInput_1, onCompleted, disabled]);
|
|
71
|
-
React.useEffect(function () {
|
|
72
|
-
hasChanged_1.current = codeInput_1.find(function (code) { return code !== null; }) !== undefined;
|
|
73
|
-
if (hasChanged_1.current) {
|
|
74
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(codeToString(codeInput_1));
|
|
75
|
-
}
|
|
76
|
-
}, [codeInput_1]);
|
|
77
|
-
var inputOnChange = function (e, idx) {
|
|
78
|
-
var target = e.target;
|
|
79
|
-
var targetValue = target.value.trim();
|
|
80
|
-
if (targetValue.length > 0) {
|
|
81
|
-
setCodeInput_1(updateCodeInput(targetValue, idx, codeInput_1));
|
|
82
|
-
}
|
|
83
|
-
else {
|
|
84
|
-
setCodeInput_1(codeInput_1.map(function (code, index) {
|
|
85
|
-
return index === idx ? null : code;
|
|
86
|
-
}));
|
|
87
|
-
}
|
|
88
|
-
};
|
|
89
|
-
var inputOnFocus = function (e) {
|
|
90
|
-
var target = e.target;
|
|
91
|
-
target.setSelectionRange(0, target.value.length);
|
|
92
|
-
};
|
|
93
|
-
return { codeInput: codeInput_1, inputOnKeyUp: inputOnKeyUp, inputOnFocus: inputOnFocus, inputOnChange: inputOnChange };
|
|
94
|
-
}
|
|
95
|
-
catch (_c) {
|
|
64
|
+
if (isServer) {
|
|
96
65
|
return {
|
|
97
66
|
codeInput: stringToCode(value, length) || new Array(length).fill(null),
|
|
98
67
|
};
|
|
99
68
|
}
|
|
69
|
+
var _b = __read(React.useState(stringToCode(value, length) || new Array(length).fill(null)), 2), codeInput = _b[0], setCodeInput = _b[1];
|
|
70
|
+
var hasChanged = React.useRef(false);
|
|
71
|
+
React.useEffect(function () {
|
|
72
|
+
if (!disabled) {
|
|
73
|
+
isCompleted(codeInput) && (onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted(codeToString(codeInput)));
|
|
74
|
+
}
|
|
75
|
+
}, [length, codeInput, onCompleted, disabled]);
|
|
76
|
+
React.useEffect(function () {
|
|
77
|
+
hasChanged.current = codeInput.find(function (code) { return code !== null; }) !== undefined;
|
|
78
|
+
if (hasChanged.current) {
|
|
79
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(codeToString(codeInput));
|
|
80
|
+
}
|
|
81
|
+
}, [codeInput]);
|
|
82
|
+
var inputOnChange = function (e, idx) {
|
|
83
|
+
var target = e.target;
|
|
84
|
+
var targetValue = target.value.trim();
|
|
85
|
+
if (targetValue.length > 0) {
|
|
86
|
+
setCodeInput(updateCodeInput(targetValue, idx, codeInput));
|
|
87
|
+
}
|
|
88
|
+
else {
|
|
89
|
+
setCodeInput(codeInput.map(function (code, index) {
|
|
90
|
+
return index === idx ? null : code;
|
|
91
|
+
}));
|
|
92
|
+
}
|
|
93
|
+
};
|
|
94
|
+
var inputOnFocus = function (e) {
|
|
95
|
+
var target = e.target;
|
|
96
|
+
target.setSelectionRange(0, target.value.length);
|
|
97
|
+
};
|
|
98
|
+
return { codeInput: codeInput, inputOnKeyUp: inputOnKeyUp, inputOnFocus: inputOnFocus, inputOnChange: inputOnChange };
|
|
100
99
|
};
|
|
101
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
100
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlT3RwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9vdHAvaG9va3MvdXNlT3RwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQzdDLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQVV6QixNQUFNLENBQUMsSUFBTSxNQUFNLEdBQUcsVUFBQyxFQUEwRDtRQUF4RCxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxXQUFXLGlCQUFBO0lBR3JFLElBQU0sWUFBWSxHQUFHLFVBQUMsR0FBdUIsRUFBRSxRQUFnQjtRQUM3RCxJQUFJLENBQUMsR0FBRztZQUFFLE9BQU8sSUFBSSxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFBO1FBQy9DLE9BQU8sR0FBRyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLElBQUssT0FBQSxDQUFDLElBQUksS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQW5DLENBQW1DLENBQUMsQ0FBQTtJQUN6RSxDQUFDLENBQUE7SUFFRCxJQUFNLFlBQVksR0FBRyxVQUFDLElBQW9CO1FBQ3hDLE9BQU8sSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLENBQUMsSUFBSSxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBNUIsQ0FBNEIsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQTtJQUNsRSxDQUFDLENBQUE7SUFFRCxJQUFNLFdBQVcsR0FBRyxVQUFDLE1BQXNCO1FBQ3pDLE9BQU8sTUFBTSxDQUFDLEtBQUssQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLElBQUksS0FBSyxJQUFJLEVBQWIsQ0FBYSxDQUFDLENBQUE7SUFDOUMsQ0FBQyxDQUFBO0lBRUQsSUFBTSxnQkFBZ0IsR0FBRyxVQUFDLE1BQXdCLEVBQUUsS0FBYztRQUNoRSxJQUFNLGtCQUFrQixHQUFHLE1BQU0sQ0FBQyxrQkFBNkMsQ0FBQTtRQUUvRSxJQUFJLGtCQUFrQixFQUFFO1lBQ3RCLElBQUksS0FBSztnQkFBRSxrQkFBa0IsQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFBO1lBRTNDLElBQUksTUFBTSxDQUFDLEtBQUssQ0FBQyxNQUFNO2dCQUFFLGtCQUFrQixDQUFDLEtBQUssRUFBRSxDQUFBO1NBQ3BEO2FBQU07WUFDTCxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUE7U0FDZjtJQUNILENBQUMsQ0FBQTtJQUNELElBQU0sZ0JBQWdCLEdBQUcsVUFBQyxNQUFtQjtRQUMzQyxJQUFNLHNCQUFzQixHQUFHLE1BQU0sQ0FBQyxzQkFBaUQsQ0FBQTtRQUN2RixJQUFJLHNCQUFzQixFQUFFO1lBQzFCLHNCQUFzQixDQUFDLEtBQUssRUFBRSxDQUFBO1NBQy9CO2FBQU07WUFDTCxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUE7U0FDZjtJQUNILENBQUMsQ0FBQTtJQUVELElBQU0sZUFBZSxHQUFHLFVBQUMsS0FBYSxFQUFFLEtBQWEsRUFBRSxJQUFvQjtRQUN6RSxJQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDakMsSUFBSSxLQUFLLENBQUMsV0FBVyxDQUFDLElBQUksS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDMUMsT0FBTyxJQUFJLENBQUE7U0FDWjtRQUNELElBQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsR0FBRztZQUN0QyxPQUFPLEdBQUcsS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUE7UUFDekQsQ0FBQyxDQUFDLENBQUE7UUFDRixPQUFPLGVBQWUsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssR0FBRyxDQUFDLEVBQUUsWUFBWSxDQUFDLENBQUE7SUFDakUsQ0FBQyxDQUFBO0lBRUQsSUFBTSxZQUFZLEdBQUcsVUFBQyxDQUF3QztRQUNwRCxJQUFBLEdBQUcsR0FBSyxDQUFDLElBQU4sQ0FBTTtRQUNqQixJQUFNLE1BQU0sR0FBRyxDQUFDLENBQUMsTUFBMEIsQ0FBQTtRQUUzQyxJQUFJLEdBQUcsS0FBSyxZQUFZLElBQUksR0FBRyxLQUFLLFdBQVcsRUFBRTtZQUMvQyxPQUFPLGdCQUFnQixDQUFDLE1BQU0sQ0FBQyxDQUFBO1NBQ2hDO1FBQ0QsSUFBSSxHQUFHLEtBQUssV0FBVyxJQUFJLEdBQUcsS0FBSyxTQUFTLEVBQUU7WUFDNUMsT0FBTyxnQkFBZ0IsQ0FBQyxNQUFNLENBQUMsQ0FBQTtTQUNoQztRQUNELElBQUksR0FBRyxLQUFLLFdBQVcsRUFBRTtZQUN2QixPQUFPLE1BQU0sQ0FBQyxLQUFLLEtBQUssRUFBRSxJQUFJLGdCQUFnQixDQUFDLE1BQU0sQ0FBQyxDQUFBO1NBQ3ZEO1FBQ0QsSUFBSSxHQUFHLElBQUksR0FBRyxJQUFJLEdBQUcsSUFBSSxHQUFHLEVBQUU7WUFDNUIsZ0JBQWdCLENBQUMsTUFBTSxDQUFDLENBQUE7U0FDekI7SUFDSCxDQUFDLENBQUE7SUFFRCxJQUFJLFFBQVEsRUFBRTtRQUNaLE9BQU87WUFDTCxTQUFTLEVBQUUsWUFBWSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFJLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO1NBQ3ZFLENBQUE7S0FDRjtJQUVLLElBQUEsS0FBQSxPQUE0QixLQUFLLENBQUMsUUFBUSxDQUM5QyxZQUFZLENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUksS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FDNUQsSUFBQSxFQUZNLFNBQVMsUUFBQSxFQUFFLFlBQVksUUFFN0IsQ0FBQTtJQUVELElBQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUE7SUFFdEMsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUNkLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDYixXQUFXLENBQUMsU0FBUyxDQUFDLEtBQUksV0FBVyxhQUFYLFdBQVcsdUJBQVgsV0FBVyxDQUFHLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFBLENBQUE7U0FDakU7SUFDSCxDQUFDLEVBQUUsQ0FBQyxNQUFNLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRTlDLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxVQUFVLENBQUMsT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsVUFBQyxJQUFJLElBQUssT0FBQSxJQUFJLEtBQUssSUFBSSxFQUFiLENBQWEsQ0FBQyxLQUFLLFNBQVMsQ0FBQTtRQUMxRSxJQUFJLFVBQVUsQ0FBQyxPQUFPLEVBQUU7WUFDdEIsUUFBUSxhQUFSLFFBQVEsdUJBQVIsUUFBUSxDQUFHLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFBO1NBQ3BDO0lBQ0gsQ0FBQyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVmLElBQU0sYUFBYSxHQUFHLFVBQUMsQ0FBc0MsRUFBRSxHQUFXO1FBQ2hFLElBQUEsTUFBTSxHQUFLLENBQUMsT0FBTixDQUFNO1FBQ3BCLElBQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUE7UUFFdkMsSUFBSSxXQUFXLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUMxQixZQUFZLENBQUMsZUFBZSxDQUFDLFdBQVcsRUFBRSxHQUFHLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtTQUMzRDthQUFNO1lBQ0wsWUFBWSxDQUNWLFNBQVMsQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsS0FBSztnQkFDeEIsT0FBTyxLQUFLLEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQTtZQUNwQyxDQUFDLENBQUMsQ0FDSCxDQUFBO1NBQ0Y7SUFDSCxDQUFDLENBQUE7SUFFRCxJQUFNLFlBQVksR0FBRyxVQUFDLENBQXFDO1FBQ2pELElBQUEsTUFBTSxHQUFLLENBQUMsT0FBTixDQUFNO1FBQ3BCLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLEVBQUUsTUFBTSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQTtJQUNsRCxDQUFDLENBQUE7SUFFRCxPQUFPLEVBQUUsU0FBUyxXQUFBLEVBQUUsWUFBWSxjQUFBLEVBQUUsWUFBWSxjQUFBLEVBQUUsYUFBYSxlQUFBLEVBQUUsQ0FBQTtBQUNqRSxDQUFDLENBQUEifQ==
|
|
@@ -5,12 +5,6 @@ interface IProps {
|
|
|
5
5
|
onClick?: (pager: Pager) => void;
|
|
6
6
|
}
|
|
7
7
|
export declare const usePagination: ({ defaultPage, onClick, length }: IProps) => {
|
|
8
|
-
currentPage: number;
|
|
9
|
-
handleClickNext: () => void;
|
|
10
|
-
handleClickPage: (pageNumber: number) => void;
|
|
11
|
-
handleClickPrev: () => void;
|
|
12
|
-
pager: Pager;
|
|
13
|
-
} | {
|
|
14
8
|
currentPage: number;
|
|
15
9
|
pager: {
|
|
16
10
|
currentPage: number;
|
|
@@ -21,5 +15,11 @@ export declare const usePagination: ({ defaultPage, onClick, length }: IProps) =
|
|
|
21
15
|
handleClickNext?: undefined;
|
|
22
16
|
handleClickPage?: undefined;
|
|
23
17
|
handleClickPrev?: undefined;
|
|
18
|
+
} | {
|
|
19
|
+
currentPage: number;
|
|
20
|
+
handleClickNext: () => void;
|
|
21
|
+
handleClickPage: (pageNumber: number) => void;
|
|
22
|
+
handleClickPrev: () => void;
|
|
23
|
+
pager: Pager;
|
|
24
24
|
};
|
|
25
25
|
export {};
|
|
@@ -1,45 +1,44 @@
|
|
|
1
1
|
import { __read, __spreadArray } from "tslib";
|
|
2
|
+
import { isServer } from '../../../helpers/isServer';
|
|
2
3
|
import React from 'react';
|
|
3
4
|
export var usePagination = function (_a) {
|
|
4
5
|
var defaultPage = _a.defaultPage, onClick = _a.onClick, length = _a.length;
|
|
5
|
-
|
|
6
|
-
var _b = __read(React.useState(defaultPage), 2), currentPage_1 = _b[0], setCurrentPage_1 = _b[1];
|
|
7
|
-
var prevCurrentPage_1 = React.useRef(currentPage_1);
|
|
8
|
-
var pager_1 = React.useMemo(function () {
|
|
9
|
-
return calcPager(currentPage_1, length);
|
|
10
|
-
}, [currentPage_1, length]);
|
|
11
|
-
var handleClickPrev = React.useCallback(function () {
|
|
12
|
-
if (currentPage_1 !== 1)
|
|
13
|
-
setCurrentPage_1(currentPage_1 - 1);
|
|
14
|
-
}, [currentPage_1]);
|
|
15
|
-
var handleClickNext = React.useCallback(function () {
|
|
16
|
-
if (currentPage_1 !== Math.max(length))
|
|
17
|
-
setCurrentPage_1(currentPage_1 + 1);
|
|
18
|
-
}, [currentPage_1]);
|
|
19
|
-
var handleClickPage = React.useCallback(function (pageNumber) {
|
|
20
|
-
setCurrentPage_1(pageNumber);
|
|
21
|
-
}, []);
|
|
22
|
-
React.useEffect(function () {
|
|
23
|
-
if (onClick && prevCurrentPage_1.current !== pager_1.currentPage) {
|
|
24
|
-
onClick(pager_1);
|
|
25
|
-
}
|
|
26
|
-
setCurrentPage_1(pager_1.currentPage);
|
|
27
|
-
prevCurrentPage_1.current = pager_1.currentPage;
|
|
28
|
-
}, [pager_1.currentPage]);
|
|
29
|
-
return {
|
|
30
|
-
currentPage: currentPage_1,
|
|
31
|
-
handleClickNext: handleClickNext,
|
|
32
|
-
handleClickPage: handleClickPage,
|
|
33
|
-
handleClickPrev: handleClickPrev,
|
|
34
|
-
pager: pager_1,
|
|
35
|
-
};
|
|
36
|
-
}
|
|
37
|
-
catch (_c) {
|
|
6
|
+
if (isServer) {
|
|
38
7
|
return {
|
|
39
8
|
currentPage: defaultPage,
|
|
40
9
|
pager: calcPager(defaultPage, length),
|
|
41
10
|
};
|
|
42
11
|
}
|
|
12
|
+
var _b = __read(React.useState(defaultPage), 2), currentPage = _b[0], setCurrentPage = _b[1];
|
|
13
|
+
var prevCurrentPage = React.useRef(currentPage);
|
|
14
|
+
var pager = React.useMemo(function () {
|
|
15
|
+
return calcPager(currentPage, length);
|
|
16
|
+
}, [currentPage, length]);
|
|
17
|
+
var handleClickPrev = React.useCallback(function () {
|
|
18
|
+
if (currentPage !== 1)
|
|
19
|
+
setCurrentPage(currentPage - 1);
|
|
20
|
+
}, [currentPage]);
|
|
21
|
+
var handleClickNext = React.useCallback(function () {
|
|
22
|
+
if (currentPage !== Math.max(length))
|
|
23
|
+
setCurrentPage(currentPage + 1);
|
|
24
|
+
}, [currentPage]);
|
|
25
|
+
var handleClickPage = React.useCallback(function (pageNumber) {
|
|
26
|
+
setCurrentPage(pageNumber);
|
|
27
|
+
}, []);
|
|
28
|
+
React.useEffect(function () {
|
|
29
|
+
if (onClick && prevCurrentPage.current !== pager.currentPage) {
|
|
30
|
+
onClick(pager);
|
|
31
|
+
}
|
|
32
|
+
setCurrentPage(pager.currentPage);
|
|
33
|
+
prevCurrentPage.current = pager.currentPage;
|
|
34
|
+
}, [pager.currentPage]);
|
|
35
|
+
return {
|
|
36
|
+
currentPage: currentPage,
|
|
37
|
+
handleClickNext: handleClickNext,
|
|
38
|
+
handleClickPage: handleClickPage,
|
|
39
|
+
handleClickPrev: handleClickPrev,
|
|
40
|
+
pager: pager,
|
|
41
|
+
};
|
|
43
42
|
};
|
|
44
43
|
var calcPager = function (currentPage, length) {
|
|
45
44
|
var startPage = 1;
|
|
@@ -74,4 +73,4 @@ var calcPager = function (currentPage, length) {
|
|
|
74
73
|
pages: pages,
|
|
75
74
|
};
|
|
76
75
|
};
|
|
77
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcGFnaW5hdGlvbi9ob29rcy91c2VQYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQzdDLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQVF6QixNQUFNLENBQUMsSUFBTSxhQUFhLEdBQUcsVUFBQyxFQUF3QztRQUF0QyxXQUFXLGlCQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsTUFBTSxZQUFBO0lBQzFELElBQUksUUFBUSxFQUFFO1FBQ1osT0FBTztZQUNMLFdBQVcsRUFBRSxXQUFXO1lBQ3hCLEtBQUssRUFBRSxTQUFTLENBQUMsV0FBVyxFQUFFLE1BQU0sQ0FBQztTQUN0QyxDQUFBO0tBQ0Y7SUFFSyxJQUFBLEtBQUEsT0FBZ0MsS0FBSyxDQUFDLFFBQVEsQ0FBUyxXQUFXLENBQUMsSUFBQSxFQUFsRSxXQUFXLFFBQUEsRUFBRSxjQUFjLFFBQXVDLENBQUE7SUFDekUsSUFBTSxlQUFlLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBUyxXQUFXLENBQUMsQ0FBQTtJQUV6RCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFRO1FBQ2pDLE9BQU8sU0FBUyxDQUFDLFdBQVcsRUFBRSxNQUFNLENBQUMsQ0FBQTtJQUN2QyxDQUFDLEVBQUUsQ0FBQyxXQUFXLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQTtJQUV6QixJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUFDO1FBQ3hDLElBQUksV0FBVyxLQUFLLENBQUM7WUFBRSxjQUFjLENBQUMsV0FBVyxHQUFHLENBQUMsQ0FBQyxDQUFBO0lBQ3hELENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUE7SUFFakIsSUFBTSxlQUFlLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQztRQUN4QyxJQUFJLFdBQVcsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQztZQUFFLGNBQWMsQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDLENBQUE7SUFDdkUsQ0FBQyxFQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQTtJQUVqQixJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUFDLFVBQUMsVUFBa0I7UUFDM0QsY0FBYyxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBQzVCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtJQUVOLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxJQUFJLE9BQU8sSUFBSSxlQUFlLENBQUMsT0FBTyxLQUFLLEtBQUssQ0FBQyxXQUFXLEVBQUU7WUFDNUQsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFBO1NBQ2Y7UUFDRCxjQUFjLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFBO1FBQ2pDLGVBQWUsQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQTtJQUM3QyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQTtJQUV2QixPQUFPO1FBQ0wsV0FBVyxhQUFBO1FBQ1gsZUFBZSxpQkFBQTtRQUNmLGVBQWUsaUJBQUE7UUFDZixlQUFlLGlCQUFBO1FBQ2YsS0FBSyxPQUFBO0tBQ04sQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELElBQU0sU0FBUyxHQUFHLFVBQUMsV0FBbUIsRUFBRSxNQUFjO0lBQ3BELElBQUksU0FBUyxHQUFHLENBQUMsQ0FBQTtJQUNqQixJQUFJLE9BQU8sR0FBRyxDQUFDLENBQUE7SUFFZixJQUFJLE1BQU0sSUFBSSxDQUFDLEVBQUU7UUFDZiwyREFBMkQ7UUFDM0QsU0FBUyxHQUFHLENBQUMsQ0FBQTtRQUNiLE9BQU8sR0FBRyxNQUFNLENBQUE7S0FDakI7U0FBTTtRQUNMLDJEQUEyRDtRQUMzRCxJQUFJLFdBQVcsSUFBSSxDQUFDLEVBQUU7WUFDcEIsU0FBUyxHQUFHLENBQUMsQ0FBQTtZQUNiLE9BQU8sR0FBRyxDQUFDLENBQUE7U0FDWjthQUFNLElBQUksV0FBVyxHQUFHLENBQUMsSUFBSSxNQUFNLEVBQUU7WUFDcEMsU0FBUyxHQUFHLE1BQU0sR0FBRyxDQUFDLENBQUE7WUFDdEIsT0FBTyxHQUFHLE1BQU0sQ0FBQTtTQUNqQjthQUFNO1lBQ0wsU0FBUyxHQUFHLFdBQVcsR0FBRyxDQUFDLENBQUE7WUFDM0IsT0FBTyxHQUFHLFdBQVcsR0FBRyxDQUFDLENBQUE7U0FDMUI7S0FDRjtJQUVELDJCQUEyQjtJQUMzQixJQUFNLEtBQUssR0FBRyx5QkFBSSxLQUFLLENBQUMsT0FBTyxHQUFHLENBQUMsR0FBRyxTQUFTLENBQUMsQ0FBQyxJQUFJLEVBQUUsVUFBRSxHQUFHLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxTQUFTLEdBQUcsQ0FBQyxFQUFiLENBQWEsQ0FBQyxDQUFBO0lBRWxGLG1CQUFtQjtJQUNuQixPQUFPO1FBQ0wsV0FBVyxhQUFBO1FBQ1gsTUFBTSxRQUFBO1FBQ04sT0FBTyxTQUFBO1FBQ1AsS0FBSyxPQUFBO0tBQ04sQ0FBQTtBQUNILENBQUMsQ0FBQSJ9
|
|
@@ -3,9 +3,9 @@ interface IProps {
|
|
|
3
3
|
}
|
|
4
4
|
export declare const useProductTour: ({ active }: IProps) => {
|
|
5
5
|
display: boolean;
|
|
6
|
-
handleClick
|
|
6
|
+
handleClick?: undefined;
|
|
7
7
|
} | {
|
|
8
8
|
display: boolean;
|
|
9
|
-
handleClick
|
|
9
|
+
handleClick: () => void;
|
|
10
10
|
};
|
|
11
11
|
export {};
|
|
@@ -1,22 +1,21 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
|
+
import { isServer } from '../../../helpers/isServer';
|
|
2
3
|
import React from 'react';
|
|
3
4
|
export var useProductTour = function (_a) {
|
|
4
5
|
var active = _a.active;
|
|
5
|
-
|
|
6
|
-
var _b = __read(React.useState(active || false), 2), display = _b[0], setDisplay_1 = _b[1];
|
|
7
|
-
var handleClick = React.useCallback(function () { return setDisplay_1(function (prev) { return !prev; }); }, []);
|
|
8
|
-
React.useEffect(function () {
|
|
9
|
-
setDisplay_1(active || false);
|
|
10
|
-
}, [active]);
|
|
11
|
-
return {
|
|
12
|
-
display: display,
|
|
13
|
-
handleClick: handleClick,
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
catch (_c) {
|
|
6
|
+
if (isServer) {
|
|
17
7
|
return {
|
|
18
8
|
display: active || false,
|
|
19
9
|
};
|
|
20
10
|
}
|
|
11
|
+
var _b = __read(React.useState(active || false), 2), display = _b[0], setDisplay = _b[1];
|
|
12
|
+
var handleClick = React.useCallback(function () { return setDisplay(function (prev) { return !prev; }); }, []);
|
|
13
|
+
React.useEffect(function () {
|
|
14
|
+
setDisplay(active || false);
|
|
15
|
+
}, [active]);
|
|
16
|
+
return {
|
|
17
|
+
display: display,
|
|
18
|
+
handleClick: handleClick,
|
|
19
|
+
};
|
|
21
20
|
};
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUHJvZHVjdFRvdXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2R1Y3QtdG91ci9ob29rcy91c2VQcm9kdWN0VG91ci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUM3QyxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFNekIsTUFBTSxDQUFDLElBQU0sY0FBYyxHQUFHLFVBQUMsRUFBa0I7UUFBaEIsTUFBTSxZQUFBO0lBQ3JDLElBQUksUUFBUSxFQUFFO1FBQ1osT0FBTztZQUNMLE9BQU8sRUFBRSxNQUFNLElBQUksS0FBSztTQUN6QixDQUFBO0tBQ0Y7SUFFSyxJQUFBLEtBQUEsT0FBd0IsS0FBSyxDQUFDLFFBQVEsQ0FBVSxNQUFNLElBQUksS0FBSyxDQUFDLElBQUEsRUFBL0QsT0FBTyxRQUFBLEVBQUUsVUFBVSxRQUE0QyxDQUFBO0lBQ3RFLElBQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUMsY0FBTSxPQUFBLFVBQVUsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLENBQUMsSUFBSSxFQUFMLENBQUssQ0FBQyxFQUEzQixDQUEyQixFQUFFLEVBQUUsQ0FBQyxDQUFBO0lBRTVFLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxVQUFVLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQzdCLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUE7SUFFWixPQUFPO1FBQ0wsT0FBTyxTQUFBO1FBQ1AsV0FBVyxhQUFBO0tBQ1osQ0FBQTtBQUNILENBQUMsQ0FBQSJ9
|
|
@@ -4,12 +4,12 @@ interface IParams {
|
|
|
4
4
|
secondValue: number;
|
|
5
5
|
}
|
|
6
6
|
export declare const useProgressRadial: ({ value, secondValue }: IParams) => {
|
|
7
|
-
progressRadialRef: React.RefObject<HTMLDivElement>;
|
|
8
|
-
styleSSR?: undefined;
|
|
9
|
-
} | {
|
|
10
7
|
styleSSR: {
|
|
11
8
|
background: string;
|
|
12
9
|
};
|
|
13
10
|
progressRadialRef?: undefined;
|
|
11
|
+
} | {
|
|
12
|
+
progressRadialRef: React.RefObject<HTMLDivElement>;
|
|
13
|
+
styleSSR?: undefined;
|
|
14
14
|
};
|
|
15
15
|
export {};
|
|
@@ -1,43 +1,42 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import { isServer } from '../../../../helpers/isServer';
|
|
3
4
|
import { getColorStyle } from '../../../../objects/facets/Color';
|
|
4
5
|
export var useProgressRadial = function (_a) {
|
|
5
6
|
var value = _a.value, secondValue = _a.secondValue;
|
|
6
|
-
|
|
7
|
-
var _b = __read(React.useState(0), 2), firstProgressCurrentValue_1 = _b[0], setFirstProgressCurrentValue_1 = _b[1];
|
|
8
|
-
var _c = __read(React.useState(0), 2), secondProgressCurrentValue_1 = _c[0], setSecondProgressCurrentValue_1 = _c[1];
|
|
9
|
-
var progressRadialRef_1 = React.useRef(null);
|
|
10
|
-
React.useEffect(function () {
|
|
11
|
-
var animationFrameId;
|
|
12
|
-
// Reset the current values whenever the provided percent or secondPercent change
|
|
13
|
-
setFirstProgressCurrentValue_1(0);
|
|
14
|
-
setSecondProgressCurrentValue_1(0);
|
|
15
|
-
updateBackgroundStyle(value, secondValue, progressRadialRef_1); // if percent or secondPercent are 0, update immediately
|
|
16
|
-
var frame = function () {
|
|
17
|
-
setFirstProgressCurrentValue_1(function (value) {
|
|
18
|
-
return value < value ? value + 1 : value;
|
|
19
|
-
});
|
|
20
|
-
setSecondProgressCurrentValue_1(function (value) {
|
|
21
|
-
return value < secondValue ? value + 1 : value;
|
|
22
|
-
});
|
|
23
|
-
animationFrameId = requestAnimationFrame(frame);
|
|
24
|
-
};
|
|
25
|
-
animationFrameId = requestAnimationFrame(frame);
|
|
26
|
-
// Cleanup
|
|
27
|
-
return function () { return cancelAnimationFrame(animationFrameId); };
|
|
28
|
-
}, [value, secondValue]);
|
|
29
|
-
React.useEffect(function () {
|
|
30
|
-
updateBackgroundStyle(firstProgressCurrentValue_1, secondProgressCurrentValue_1, progressRadialRef_1);
|
|
31
|
-
}, [firstProgressCurrentValue_1, secondProgressCurrentValue_1, progressRadialRef_1]);
|
|
32
|
-
return {
|
|
33
|
-
progressRadialRef: progressRadialRef_1,
|
|
34
|
-
};
|
|
35
|
-
}
|
|
36
|
-
catch (_d) {
|
|
7
|
+
if (isServer) {
|
|
37
8
|
return {
|
|
38
9
|
styleSSR: updateBackgroundStyle(value, secondValue),
|
|
39
10
|
};
|
|
40
11
|
}
|
|
12
|
+
var _b = __read(React.useState(0), 2), firstProgressCurrentValue = _b[0], setFirstProgressCurrentValue = _b[1];
|
|
13
|
+
var _c = __read(React.useState(0), 2), secondProgressCurrentValue = _c[0], setSecondProgressCurrentValue = _c[1];
|
|
14
|
+
var progressRadialRef = React.useRef(null);
|
|
15
|
+
React.useEffect(function () {
|
|
16
|
+
var animationFrameId;
|
|
17
|
+
// Reset the current values whenever the provided percent or secondPercent change
|
|
18
|
+
setFirstProgressCurrentValue(0);
|
|
19
|
+
setSecondProgressCurrentValue(0);
|
|
20
|
+
updateBackgroundStyle(value, secondValue, progressRadialRef); // if percent or secondPercent are 0, update immediately
|
|
21
|
+
var frame = function () {
|
|
22
|
+
setFirstProgressCurrentValue(function (value) {
|
|
23
|
+
return value < value ? value + 1 : value;
|
|
24
|
+
});
|
|
25
|
+
setSecondProgressCurrentValue(function (value) {
|
|
26
|
+
return value < secondValue ? value + 1 : value;
|
|
27
|
+
});
|
|
28
|
+
animationFrameId = requestAnimationFrame(frame);
|
|
29
|
+
};
|
|
30
|
+
animationFrameId = requestAnimationFrame(frame);
|
|
31
|
+
// Cleanup
|
|
32
|
+
return function () { return cancelAnimationFrame(animationFrameId); };
|
|
33
|
+
}, [value, secondValue]);
|
|
34
|
+
React.useEffect(function () {
|
|
35
|
+
updateBackgroundStyle(firstProgressCurrentValue, secondProgressCurrentValue, progressRadialRef);
|
|
36
|
+
}, [firstProgressCurrentValue, secondProgressCurrentValue, progressRadialRef]);
|
|
37
|
+
return {
|
|
38
|
+
progressRadialRef: progressRadialRef,
|
|
39
|
+
};
|
|
41
40
|
};
|
|
42
41
|
var updateBackgroundStyle = function (firstValue, secondValue, progressRadialRef) {
|
|
43
42
|
var progressRadial = progressRadialRef === null || progressRadialRef === void 0 ? void 0 : progressRadialRef.current;
|
|
@@ -54,4 +53,4 @@ var updateBackgroundStyle = function (firstValue, secondValue, progressRadialRef
|
|
|
54
53
|
background: "radial-gradient(circle at center, white 58%, transparent 58.1%), conic-gradient(#0C7B91 0 ".concat(firstProgressDegree, "deg, ").concat(getColorStyle('MAIN'), " ").concat(secondProgressStartDegree, "deg ").concat(secondProgressStartDegree + secondProgressDegree, "deg, gainsboro ").concat(secondProgressStartDegree + secondProgressDegree, "deg 360deg)"),
|
|
55
54
|
};
|
|
56
55
|
};
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUHJvZ3Jlc3NSYWRpYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9ob29rcy91c2VQcm9ncmVzc1JhZGlhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBT3RELE1BQU0sQ0FBQyxJQUFNLGlCQUFpQixHQUFHLFVBQUMsRUFBK0I7UUFBN0IsS0FBSyxXQUFBLEVBQUUsV0FBVyxpQkFBQTtJQUNwRCxJQUFJLFFBQVEsRUFBRTtRQUNaLE9BQU87WUFDTCxRQUFRLEVBQUUscUJBQXFCLENBQUMsS0FBSyxFQUFFLFdBQVcsQ0FBQztTQUNwRCxDQUFBO0tBQ0Y7SUFFSyxJQUFBLEtBQUEsT0FBNEQsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUE1RSx5QkFBeUIsUUFBQSxFQUFFLDRCQUE0QixRQUFxQixDQUFBO0lBQzdFLElBQUEsS0FBQSxPQUE4RCxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQTlFLDBCQUEwQixRQUFBLEVBQUUsNkJBQTZCLFFBQXFCLENBQUE7SUFFckYsSUFBTSxpQkFBaUIsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQTtJQUU1RCxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsSUFBSSxnQkFBcUIsQ0FBQTtRQUV6QixpRkFBaUY7UUFDakYsNEJBQTRCLENBQUMsQ0FBQyxDQUFDLENBQUE7UUFDL0IsNkJBQTZCLENBQUMsQ0FBQyxDQUFDLENBQUE7UUFDaEMscUJBQXFCLENBQUMsS0FBSyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsQ0FBQyxDQUFBLENBQUMsd0RBQXdEO1FBRXJILElBQU0sS0FBSyxHQUFHO1lBQ1osNEJBQTRCLENBQUMsVUFBQyxLQUFLO2dCQUNqQyxPQUFPLEtBQUssR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQTtZQUMxQyxDQUFDLENBQUMsQ0FBQTtZQUNGLDZCQUE2QixDQUFDLFVBQUMsS0FBSztnQkFDbEMsT0FBTyxLQUFLLEdBQUcsV0FBVyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUE7WUFDaEQsQ0FBQyxDQUFDLENBQUE7WUFDRixnQkFBZ0IsR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUNqRCxDQUFDLENBQUE7UUFFRCxnQkFBZ0IsR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUUvQyxVQUFVO1FBQ1YsT0FBTyxjQUFNLE9BQUEsb0JBQW9CLENBQUMsZ0JBQWdCLENBQUMsRUFBdEMsQ0FBc0MsQ0FBQTtJQUNyRCxDQUFDLEVBQUUsQ0FBQyxLQUFLLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQTtJQUV4QixLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QscUJBQXFCLENBQUMseUJBQXlCLEVBQUUsMEJBQTBCLEVBQUUsaUJBQWlCLENBQUMsQ0FBQTtJQUNqRyxDQUFDLEVBQUUsQ0FBQyx5QkFBeUIsRUFBRSwwQkFBMEIsRUFBRSxpQkFBaUIsQ0FBQyxDQUFDLENBQUE7SUFFOUUsT0FBTztRQUNMLGlCQUFpQixtQkFBQTtLQUNsQixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsSUFBTSxxQkFBcUIsR0FBRyxVQUM1QixVQUFrQixFQUNsQixXQUFtQixFQUNuQixpQkFBbUQ7SUFFbkQsSUFBTSxjQUFjLEdBQUcsaUJBQWlCLGFBQWpCLGlCQUFpQix1QkFBakIsaUJBQWlCLENBQUUsT0FBTyxDQUFBO0lBQ2pELElBQU0sbUJBQW1CLEdBQUcsQ0FBQyxHQUFHLEdBQUcsVUFBVSxDQUFDLEdBQUcsR0FBRyxDQUFBO0lBQ3BELElBQU0sb0JBQW9CLEdBQUcsQ0FBQyxHQUFHLEdBQUcsV0FBVyxDQUFDLEdBQUcsR0FBRyxDQUFBO0lBRXRELHlEQUF5RDtJQUN6RCxJQUFNLHlCQUF5QixHQUFHLG1CQUFtQixDQUFBO0lBRXJELElBQUksZUFBZSxDQUFBO0lBQ25CLGVBQWUsR0FBRyxrRUFBa0UsQ0FBQTtJQUNwRixlQUFlLElBQUksbUNBQTRCLG1CQUFtQixrQkFBUSxhQUFhLENBQ3JGLE1BQU0sQ0FDUCxjQUFJLHlCQUF5QixpQkFBTyx5QkFBeUIsR0FBRyxvQkFBb0IsNEJBQ25GLHlCQUF5QixHQUFHLG9CQUFvQixnQkFDckMsQ0FBQTtJQUViLElBQUksY0FBYztRQUFFLGNBQWMsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLGVBQWUsQ0FBQTtJQUVyRSxPQUFPO1FBQ0wsVUFBVSxFQUFFLG9HQUE2RixtQkFBbUIsa0JBQVEsYUFBYSxDQUMvSSxNQUFNLENBQ1AsY0FBSSx5QkFBeUIsaUJBQU8seUJBQXlCLEdBQUcsb0JBQW9CLDRCQUNuRix5QkFBeUIsR0FBRyxvQkFBb0IsZ0JBQ3JDO0tBQ2QsQ0FBQTtBQUNILENBQUMsQ0FBQSJ9
|
|
@@ -11,14 +11,6 @@ interface IProps {
|
|
|
11
11
|
name?: string;
|
|
12
12
|
}
|
|
13
13
|
export declare const useRange: ({ valueMin, valueMax, max, gap, name, onChangeMin, onChangeMax }: IProps) => {
|
|
14
|
-
cursorMax: number;
|
|
15
|
-
cursorMin: number;
|
|
16
|
-
refTrack: React.MutableRefObject<null>;
|
|
17
|
-
handleMouseUpMin: () => void;
|
|
18
|
-
handleChangeCursorMin: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
19
|
-
handleMouseUpMax: () => void;
|
|
20
|
-
handleChangeCursorMax: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
21
|
-
} | {
|
|
22
14
|
cursorMax: number;
|
|
23
15
|
cursorMin: number | undefined;
|
|
24
16
|
refTrack?: undefined;
|
|
@@ -26,5 +18,13 @@ export declare const useRange: ({ valueMin, valueMax, max, gap, name, onChangeMi
|
|
|
26
18
|
handleChangeCursorMin?: undefined;
|
|
27
19
|
handleMouseUpMax?: undefined;
|
|
28
20
|
handleChangeCursorMax?: undefined;
|
|
21
|
+
} | {
|
|
22
|
+
cursorMax: number;
|
|
23
|
+
cursorMin: number;
|
|
24
|
+
refTrack: React.MutableRefObject<null>;
|
|
25
|
+
handleMouseUpMin: () => void;
|
|
26
|
+
handleChangeCursorMin: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
27
|
+
handleMouseUpMax: () => void;
|
|
28
|
+
handleChangeCursorMax: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
29
29
|
};
|
|
30
30
|
export {};
|
|
@@ -1,63 +1,62 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
|
+
import { isServer } from '../../../helpers/isServer';
|
|
2
3
|
import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
|
|
3
4
|
import React from 'react';
|
|
4
5
|
export var useRange = function (_a) {
|
|
5
6
|
var valueMin = _a.valueMin, valueMax = _a.valueMax, max = _a.max, gap = _a.gap, name = _a.name, onChangeMin = _a.onChangeMin, onChangeMax = _a.onChangeMax;
|
|
6
|
-
|
|
7
|
-
var _b = __read(React.useState(valueMin !== null && valueMin !== void 0 ? valueMin : 0), 2), cursorMin_1 = _b[0], setCursorMin_1 = _b[1];
|
|
8
|
-
var _c = __read(React.useState(valueMax !== null && valueMax !== void 0 ? valueMax : max), 2), cursorMax_1 = _c[0], setCursorMax_1 = _c[1];
|
|
9
|
-
var refTrack_1 = React.useRef(null);
|
|
10
|
-
React.useEffect(function () {
|
|
11
|
-
if (refTrack_1.current) {
|
|
12
|
-
var track = refTrack_1.current;
|
|
13
|
-
track.style.background = "linear-gradient(to right, ".concat(getColorStyle(TrilogyColor.MAIN_FADE), " ").concat((cursorMin_1 / max) * 100, "% , ").concat(getColorStyle(TrilogyColor.MAIN), " ").concat((cursorMin_1 / max) * 100, "% , ").concat(getColorStyle(TrilogyColor.MAIN), " ").concat((cursorMax_1 / max) * 100, "%, ").concat(getColorStyle(TrilogyColor.MAIN_FADE), " ").concat((cursorMax_1 / max) * 100, "%) ");
|
|
14
|
-
}
|
|
15
|
-
}, [cursorMin_1, cursorMax_1]);
|
|
16
|
-
React.useEffect(function () {
|
|
17
|
-
setCursorMin_1(valueMin || 0);
|
|
18
|
-
}, [valueMin]);
|
|
19
|
-
React.useEffect(function () {
|
|
20
|
-
setCursorMax_1(valueMax || max);
|
|
21
|
-
}, [valueMax]);
|
|
22
|
-
var handleChangeCursorMin = React.useCallback(function (e) {
|
|
23
|
-
if (Number(e.target.value) < cursorMax_1 - gap)
|
|
24
|
-
setCursorMin_1(Number(e.target.value));
|
|
25
|
-
}, [cursorMax_1, cursorMin_1]);
|
|
26
|
-
var handleChangeCursorMax = React.useCallback(function (e) {
|
|
27
|
-
if (Number(e.target.value) > cursorMin_1 + gap)
|
|
28
|
-
setCursorMax_1(Number(e.target.value));
|
|
29
|
-
}, [cursorMax_1, cursorMin_1]);
|
|
30
|
-
var handleMouseUpMin = React.useCallback(function () {
|
|
31
|
-
if (onChangeMin) {
|
|
32
|
-
onChangeMin({
|
|
33
|
-
inputName: name,
|
|
34
|
-
inputValue: cursorMin_1,
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
}, [onChangeMin, name, cursorMin_1]);
|
|
38
|
-
var handleMouseUpMax = React.useCallback(function () {
|
|
39
|
-
if (onChangeMax) {
|
|
40
|
-
onChangeMax({
|
|
41
|
-
inputName: name,
|
|
42
|
-
inputValue: cursorMax_1,
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
}, [onChangeMax, name, cursorMax_1]);
|
|
46
|
-
return {
|
|
47
|
-
cursorMax: cursorMax_1,
|
|
48
|
-
cursorMin: cursorMin_1,
|
|
49
|
-
refTrack: refTrack_1,
|
|
50
|
-
handleMouseUpMin: handleMouseUpMin,
|
|
51
|
-
handleChangeCursorMin: handleChangeCursorMin,
|
|
52
|
-
handleMouseUpMax: handleMouseUpMax,
|
|
53
|
-
handleChangeCursorMax: handleChangeCursorMax,
|
|
54
|
-
};
|
|
55
|
-
}
|
|
56
|
-
catch (_d) {
|
|
7
|
+
if (isServer) {
|
|
57
8
|
return {
|
|
58
9
|
cursorMax: valueMax !== null && valueMax !== void 0 ? valueMax : max,
|
|
59
10
|
cursorMin: valueMin,
|
|
60
11
|
};
|
|
61
12
|
}
|
|
13
|
+
var _b = __read(React.useState(valueMin !== null && valueMin !== void 0 ? valueMin : 0), 2), cursorMin = _b[0], setCursorMin = _b[1];
|
|
14
|
+
var _c = __read(React.useState(valueMax !== null && valueMax !== void 0 ? valueMax : max), 2), cursorMax = _c[0], setCursorMax = _c[1];
|
|
15
|
+
var refTrack = React.useRef(null);
|
|
16
|
+
React.useEffect(function () {
|
|
17
|
+
if (refTrack.current) {
|
|
18
|
+
var track = refTrack.current;
|
|
19
|
+
track.style.background = "linear-gradient(to right, ".concat(getColorStyle(TrilogyColor.MAIN_FADE), " ").concat((cursorMin / max) * 100, "% , ").concat(getColorStyle(TrilogyColor.MAIN), " ").concat((cursorMin / max) * 100, "% , ").concat(getColorStyle(TrilogyColor.MAIN), " ").concat((cursorMax / max) * 100, "%, ").concat(getColorStyle(TrilogyColor.MAIN_FADE), " ").concat((cursorMax / max) * 100, "%) ");
|
|
20
|
+
}
|
|
21
|
+
}, [cursorMin, cursorMax]);
|
|
22
|
+
React.useEffect(function () {
|
|
23
|
+
setCursorMin(valueMin || 0);
|
|
24
|
+
}, [valueMin]);
|
|
25
|
+
React.useEffect(function () {
|
|
26
|
+
setCursorMax(valueMax || max);
|
|
27
|
+
}, [valueMax]);
|
|
28
|
+
var handleChangeCursorMin = React.useCallback(function (e) {
|
|
29
|
+
if (Number(e.target.value) < cursorMax - gap)
|
|
30
|
+
setCursorMin(Number(e.target.value));
|
|
31
|
+
}, [cursorMax, cursorMin]);
|
|
32
|
+
var handleChangeCursorMax = React.useCallback(function (e) {
|
|
33
|
+
if (Number(e.target.value) > cursorMin + gap)
|
|
34
|
+
setCursorMax(Number(e.target.value));
|
|
35
|
+
}, [cursorMax, cursorMin]);
|
|
36
|
+
var handleMouseUpMin = React.useCallback(function () {
|
|
37
|
+
if (onChangeMin) {
|
|
38
|
+
onChangeMin({
|
|
39
|
+
inputName: name,
|
|
40
|
+
inputValue: cursorMin,
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
}, [onChangeMin, name, cursorMin]);
|
|
44
|
+
var handleMouseUpMax = React.useCallback(function () {
|
|
45
|
+
if (onChangeMax) {
|
|
46
|
+
onChangeMax({
|
|
47
|
+
inputName: name,
|
|
48
|
+
inputValue: cursorMax,
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
}, [onChangeMax, name, cursorMax]);
|
|
52
|
+
return {
|
|
53
|
+
cursorMax: cursorMax,
|
|
54
|
+
cursorMin: cursorMin,
|
|
55
|
+
refTrack: refTrack,
|
|
56
|
+
handleMouseUpMin: handleMouseUpMin,
|
|
57
|
+
handleChangeCursorMin: handleChangeCursorMin,
|
|
58
|
+
handleMouseUpMax: handleMouseUpMax,
|
|
59
|
+
handleChangeCursorMax: handleChangeCursorMax,
|
|
60
|
+
};
|
|
62
61
|
};
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUmFuZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL2hvb2tzL3VzZVJhbmdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQzdDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBYXpCLE1BQU0sQ0FBQyxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQXdFO1FBQXRFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEdBQUcsU0FBQSxFQUFFLEdBQUcsU0FBQSxFQUFFLElBQUksVUFBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxXQUFXLGlCQUFBO0lBQ3JGLElBQUksUUFBUSxFQUFFO1FBQ1osT0FBTztZQUNMLFNBQVMsRUFBRSxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxHQUFHO1lBQzFCLFNBQVMsRUFBRSxRQUFRO1NBQ3BCLENBQUE7S0FDRjtJQUVLLElBQUEsS0FBQSxPQUE0QixLQUFLLENBQUMsUUFBUSxDQUFTLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLENBQUMsQ0FBQyxJQUFBLEVBQWhFLFNBQVMsUUFBQSxFQUFFLFlBQVksUUFBeUMsQ0FBQTtJQUNqRSxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxHQUFHLENBQUMsSUFBQSxFQUFsRSxTQUFTLFFBQUEsRUFBRSxZQUFZLFFBQTJDLENBQUE7SUFDekUsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUVuQyxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsSUFBSSxRQUFRLENBQUMsT0FBTyxFQUFFO1lBQ3BCLElBQU0s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
|
|
@@ -5,10 +5,10 @@ interface IParams {
|
|
|
5
5
|
onClick?: ClickEvent;
|
|
6
6
|
}
|
|
7
7
|
export declare const useSegmentControl: ({ activeIndex, onClick }: IParams) => {
|
|
8
|
-
handleClick: (event: React.MouseEvent, index: number, child: React.ReactElement) => void;
|
|
9
|
-
activateIndex: number;
|
|
10
|
-
} | {
|
|
11
8
|
activateIndex: number | undefined;
|
|
12
9
|
handleClick?: undefined;
|
|
10
|
+
} | {
|
|
11
|
+
handleClick: (event: React.MouseEvent, index: number, child: React.ReactElement) => void;
|
|
12
|
+
activateIndex: number;
|
|
13
13
|
};
|
|
14
14
|
export {};
|
|
@@ -1,31 +1,30 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import { isServer } from '../../../helpers/isServer';
|
|
3
4
|
export var useSegmentControl = function (_a) {
|
|
4
5
|
var activeIndex = _a.activeIndex, onClick = _a.onClick;
|
|
5
|
-
|
|
6
|
-
var _b = __read(React.useState(activeIndex || 0), 2), activateIndex_1 = _b[0], setActivateIndex_1 = _b[1];
|
|
7
|
-
var toggleActive_1 = React.useCallback(function (e, index) {
|
|
8
|
-
setActivateIndex_1(index);
|
|
9
|
-
if (onClick)
|
|
10
|
-
onClick(e);
|
|
11
|
-
}, [onClick]);
|
|
12
|
-
var handleClick = React.useCallback(function (event, index, child) {
|
|
13
|
-
toggleActive_1(event, index);
|
|
14
|
-
if (child) {
|
|
15
|
-
if (child.props.onClick) {
|
|
16
|
-
child.props.onClick(event);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}, [toggleActive_1]);
|
|
20
|
-
React.useEffect(function () {
|
|
21
|
-
setActivateIndex_1(activateIndex_1);
|
|
22
|
-
}, [activateIndex_1]);
|
|
23
|
-
return { handleClick: handleClick, activateIndex: activateIndex_1 };
|
|
24
|
-
}
|
|
25
|
-
catch (_c) {
|
|
6
|
+
if (isServer) {
|
|
26
7
|
return {
|
|
27
8
|
activateIndex: activeIndex,
|
|
28
9
|
};
|
|
29
10
|
}
|
|
11
|
+
var _b = __read(React.useState(activeIndex || 0), 2), activateIndex = _b[0], setActivateIndex = _b[1];
|
|
12
|
+
var toggleActive = React.useCallback(function (e, index) {
|
|
13
|
+
setActivateIndex(index);
|
|
14
|
+
if (onClick)
|
|
15
|
+
onClick(e);
|
|
16
|
+
}, [onClick]);
|
|
17
|
+
var handleClick = React.useCallback(function (event, index, child) {
|
|
18
|
+
toggleActive(event, index);
|
|
19
|
+
if (child) {
|
|
20
|
+
if (child.props.onClick) {
|
|
21
|
+
child.props.onClick(event);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}, [toggleActive]);
|
|
25
|
+
React.useEffect(function () {
|
|
26
|
+
setActivateIndex(activateIndex);
|
|
27
|
+
}, [activateIndex]);
|
|
28
|
+
return { handleClick: handleClick, activateIndex: activateIndex };
|
|
30
29
|
};
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU2VnbWVudENvbnRyb2wuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3NlZ21lbnQtY29udHJvbC9ob29rcy91c2VTZWdtZW50Q29udHJvbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFNN0MsTUFBTSxDQUFDLElBQU0saUJBQWlCLEdBQUcsVUFBQyxFQUFpQztRQUEvQixXQUFXLGlCQUFBLEVBQUUsT0FBTyxhQUFBO0lBQ3RELElBQUksUUFBUSxFQUFFO1FBQ1osT0FBTztZQUNMLGFBQWEsRUFBRSxXQUFXO1NBQzNCLENBQUE7S0FDRjtJQUVLLElBQUEsS0FBQSxPQUFvQyxLQUFLLENBQUMsUUFBUSxDQUFTLFdBQVcsSUFBSSxDQUFDLENBQUMsSUFBQSxFQUEzRSxhQUFhLFFBQUEsRUFBRSxnQkFBZ0IsUUFBNEMsQ0FBQTtJQUVsRixJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsV0FBVyxDQUNwQyxVQUFDLENBQW1CLEVBQUUsS0FBYTtRQUNqQyxnQkFBZ0IsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUN2QixJQUFJLE9BQU87WUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFDekIsQ0FBQyxFQUNELENBQUMsT0FBTyxDQUFDLENBQ1YsQ0FBQTtJQUVELElBQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQ25DLFVBQUMsS0FBdUIsRUFBRSxLQUFhLEVBQUUsS0FBeUI7UUFDaEUsWUFBWSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQTtRQUMxQixJQUFJLEtBQUssRUFBRTtZQUNULElBQUksS0FBSyxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUU7Z0JBQ3ZCLEtBQUssQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFBO2FBQzNCO1NBQ0Y7SUFDSCxDQUFDLEVBQ0QsQ0FBQyxZQUFZLENBQUMsQ0FDZixDQUFBO0lBRUQsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUNkLGdCQUFnQixDQUFDLGFBQWEsQ0FBQyxDQUFBO0lBQ2pDLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUE7SUFFbkIsT0FBTyxFQUFFLFdBQVcsYUFBQSxFQUFFLGFBQWEsZUFBQSxFQUFFLENBQUE7QUFDdkMsQ0FBQyxDQUFBIn0=
|
|
@@ -5,10 +5,10 @@ interface IParams {
|
|
|
5
5
|
onClick?: ClickEvent;
|
|
6
6
|
}
|
|
7
7
|
export declare const useSegmentControlItem: ({ active, onClick }: IParams) => {
|
|
8
|
-
activeItem: boolean;
|
|
9
|
-
handleClick: (e: React.MouseEvent) => void;
|
|
10
|
-
} | {
|
|
11
8
|
activeItem: boolean | undefined;
|
|
12
9
|
handleClick?: undefined;
|
|
10
|
+
} | {
|
|
11
|
+
activeItem: boolean;
|
|
12
|
+
handleClick: (e: React.MouseEvent) => void;
|
|
13
13
|
};
|
|
14
14
|
export {};
|