@trilogy-ds/react 4.0.7-SC-beta-2 → 4.0.7-SC-beta-3
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 +10 -7
- package/lib/components/alert/hooks/useAlert.d.ts +4 -4
- package/lib/components/alert/hooks/useAlert.js +32 -27
- package/lib/components/autocomplete/hooks/useAutocomplete.d.ts +11 -11
- package/lib/components/autocomplete/hooks/useAutocomplete.js +130 -127
- package/lib/components/autocomplete/item/hooks/useAutocompleteItem.d.ts +4 -4
- package/lib/components/autocomplete/item/hooks/useAutocompleteItem.js +12 -11
- package/lib/components/button/hooks/useButton.d.ts +2 -2
- package/lib/components/button/hooks/useButton.js +12 -8
- package/lib/components/countdown/hooks/useCountdown.js +58 -57
- package/lib/components/input/gauge/hook/useGauge.js +63 -62
- package/lib/components/input/hook/useInput.d.ts +15 -15
- package/lib/components/input/hook/useInput.js +127 -126
- package/lib/components/modal/hooks/useModal.d.ts +9 -9
- package/lib/components/modal/hooks/useModal.js +78 -76
- package/lib/components/otp/hooks/useOtp.d.ts +5 -5
- package/lib/components/otp/hooks/useOtp.js +34 -33
- package/lib/components/pagination/hooks/usePagination.d.ts +6 -6
- package/lib/components/pagination/hooks/usePagination.js +34 -33
- package/lib/components/product-tour/hooks/useProductTour.d.ts +2 -2
- package/lib/components/product-tour/hooks/useProductTour.js +13 -12
- package/lib/components/progress/radial/hooks/useProgressRadial.d.ts +3 -3
- package/lib/components/progress/radial/hooks/useProgressRadial.js +32 -31
- package/lib/components/range/hooks/useRange.d.ts +8 -8
- package/lib/components/range/hooks/useRange.js +52 -51
- package/lib/components/segment-control/hooks/useSegmentControl.d.ts +3 -3
- package/lib/components/segment-control/hooks/useSegmentControl.js +22 -21
- package/lib/components/segment-control/item/hooks/useSegmentControlItem.d.ts +3 -3
- package/lib/components/segment-control/item/hooks/useSegmentControlItem.js +17 -16
- package/lib/components/select/web/hooks/useSelectDynamic.d.ts +8 -8
- package/lib/components/select/web/hooks/useSelectDynamic.js +116 -115
- package/lib/components/select/web/hooks/useSelectNative.d.ts +6 -6
- package/lib/components/select/web/hooks/useSelectNative.js +31 -30
- package/lib/components/stepper/hooks/useStepper.js +15 -14
- package/lib/components/switch/hooks/useSwitch.d.ts +4 -4
- package/lib/components/switch/hooks/useSwitch.js +37 -36
- package/lib/components/tabs/hooks/useTabs.js +19 -18
- package/lib/components/tabs/tab-list/tab/hooks/useTab.d.ts +2 -2
- package/lib/components/tabs/tab-list/tab/hooks/useTab.js +19 -18
- package/lib/components/tabs/tab-panels/tab-panel/hooks/useTabPanel.js +6 -5
- package/lib/components/textarea/hooks/useTextarea.d.ts +3 -3
- package/lib/components/textarea/hooks/useTextarea.js +21 -20
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +11 -1
- package/lib/helpers/isServer.d.ts +0 -1
- package/lib/helpers/isServer.js +0 -2
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
|
-
import { isServer } from '../../../helpers/isServer';
|
|
3
2
|
import React from 'react';
|
|
4
3
|
export var useOtp = function (_a) {
|
|
5
4
|
var value = _a.value, disabled = _a.disabled, length = _a.length, onChange = _a.onChange, onCompleted = _a.onCompleted;
|
|
@@ -61,40 +60,42 @@ export var useOtp = function (_a) {
|
|
|
61
60
|
focusToNextInput(target);
|
|
62
61
|
}
|
|
63
62
|
};
|
|
64
|
-
|
|
63
|
+
try {
|
|
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) {
|
|
65
96
|
return {
|
|
66
97
|
codeInput: stringToCode(value, length) || new Array(length).fill(null),
|
|
67
98
|
};
|
|
68
99
|
}
|
|
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 };
|
|
99
100
|
};
|
|
100
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
101
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlT3RwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9vdHAvaG9va3MvdXNlT3RwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBVXpCLE1BQU0sQ0FBQyxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBQTBEO1FBQXhELEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFdBQVcsaUJBQUE7SUFHckUsSUFBTSxZQUFZLEdBQUcsVUFBQyxHQUF1QixFQUFFLFFBQWdCO1FBQzdELElBQUksQ0FBQyxHQUFHO1lBQUUsT0FBTyxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUE7UUFDL0MsT0FBTyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLENBQUMsSUFBSSxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBbkMsQ0FBbUMsQ0FBQyxDQUFBO0lBQ3pFLENBQUMsQ0FBQTtJQUVELElBQU0sWUFBWSxHQUFHLFVBQUMsSUFBb0I7UUFDeEMsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUE1QixDQUE0QixDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFBO0lBQ2xFLENBQUMsQ0FBQTtJQUVELElBQU0sV0FBVyxHQUFHLFVBQUMsTUFBc0I7UUFDekMsT0FBTyxNQUFNLENBQUMsS0FBSyxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsSUFBSSxL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
|
|
@@ -5,6 +5,12 @@ 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
|
+
} | {
|
|
8
14
|
currentPage: number;
|
|
9
15
|
pager: {
|
|
10
16
|
currentPage: number;
|
|
@@ -15,11 +21,5 @@ export declare const usePagination: ({ defaultPage, onClick, length }: IProps) =
|
|
|
15
21
|
handleClickNext?: undefined;
|
|
16
22
|
handleClickPage?: undefined;
|
|
17
23
|
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,44 +1,45 @@
|
|
|
1
1
|
import { __read, __spreadArray } from "tslib";
|
|
2
|
-
import { isServer } from '../../../helpers/isServer';
|
|
3
2
|
import React from 'react';
|
|
4
3
|
export var usePagination = function (_a) {
|
|
5
4
|
var defaultPage = _a.defaultPage, onClick = _a.onClick, length = _a.length;
|
|
6
|
-
|
|
5
|
+
try {
|
|
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) {
|
|
7
38
|
return {
|
|
8
39
|
currentPage: defaultPage,
|
|
9
40
|
pager: calcPager(defaultPage, length),
|
|
10
41
|
};
|
|
11
42
|
}
|
|
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
|
-
};
|
|
42
43
|
};
|
|
43
44
|
var calcPager = function (currentPage, length) {
|
|
44
45
|
var startPage = 1;
|
|
@@ -73,4 +74,4 @@ var calcPager = function (currentPage, length) {
|
|
|
73
74
|
pages: pages,
|
|
74
75
|
};
|
|
75
76
|
};
|
|
76
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcGFnaW5hdGlvbi9ob29rcy91c2VQYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBUXpCLE1BQU0sQ0FBQyxJQUFNLGFBQWEsR0FBRyxVQUFDLEVBQXdDO1FBQXRDLFdBQVcsaUJBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxNQUFNLFlBQUE7SUFDMUQsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUFnQyxLQUFLLENBQUMsUUFBUSxDQUFTLFdBQVcsQ0FBQyxJQUFBLEVBQWxFLGFBQVcsUUFBQSxFQUFFLGdCQUFjLFFBQXVDLENBQUE7UUFDekUsSUFBTSxpQkFBZSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQVMsYUFBVyxDQUFDLENBQUE7UUFFekQsSUFBTSxPQUFLLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBUTtZQUNqQyxPQUFPLFNBQVMsQ0FBQyxhQUFXLEVBQUUsTUFBTSxDQUFDLENBQUE7UUFDdkMsQ0FBQyxFQUFFLENBQUMsYUFBVyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUE7UUFFekIsSUFBTSxlQUFlLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQztZQUN4QyxJQUFJLGFBQVcsS0FBSyxDQUFDO2dCQUFFLGdCQUFjLENBQUMsYUFBVyxHQUFHLENBQUMsQ0FBQyxDQUFBO1FBQ3hELENBQUMsRUFBRSxDQUFDLGFBQVcsQ0FBQyxDQUFDLENBQUE7UUFFakIsSUFBTSxlQUFlLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQztZQUN4QyxJQUFJLGFBQVcsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQztnQkFBRSxnQkFBYyxDQUFDLGFBQVcsR0FBRyxDQUFDLENBQUMsQ0FBQTtRQUN2RSxDQUFDLEVBQUUsQ0FBQyxhQUFXLENBQUMsQ0FBQyxDQUFBO1FBRWpCLElBQU0sZUFBZSxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUMsVUFBQyxVQUFrQjtZQUMzRCxnQkFBYyxDQUFDLFVBQVUsQ0FBQyxDQUFBO1FBQzVCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtRQUVOLEtBQUssQ0FBQyxTQUFTLENBQUM7WUFDZCxJQUFJLE9BQU8sSUFBSSxpQkFBZSxDQUFDLE9BQU8sS0FBSyxPQUFLLENBQUMsV0FBVyxFQUFFO2dCQUM1RCxPQUFPLENBQUMsT0FBSyxDQUFDLENBQUE7YUFDZjtZQUNELGdCQUFjLENBQUMsT0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFBO1lBQ2pDLGlCQUFlLENBQUMsT0FBTyxHQUFHLE9BQUssQ0FBQyxXQUFXLENBQUE7UUFDN0MsQ0FBQyxFQUFFLENBQUMsT0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUE7UUFFdkIsT0FBTztZQUNMLFdBQVcsZUFBQTtZQUNYLGVBQWUsaUJBQUE7WUFDZixlQUFlLGlCQUFBO1lBQ2YsZUFBZSxpQkFBQTtZQUNmLEtBQUssU0FBQTtTQUNOLENBQUE7S0FDRjtJQUFDLFdBQU07UUFDTixPQUFPO1lBQ0wsV0FBVyxFQUFFLFdBQVc7WUFDeEIsS0FBSyxFQUFFLFNBQVMsQ0FBQyxXQUFXLEVBQUUsTUFBTSxDQUFDO1NBQ3RDLENBQUE7S0FDRjtBQUNILENBQUMsQ0FBQTtBQUVELElBQU0sU0FBUyxHQUFHLFVBQUMsV0FBbUIsRUFBRSxNQUFjO0lBQ3BELElBQUksU0FBUyxHQUFHLENBQUMsQ0FBQTtJQUNqQixJQUFJLE9BQU8sR0FBRyxDQUFDLENBQUE7SUFFZixJQUFJLE1BQU0sSUFBSSxDQUFDLEVBQUU7UUFDZiwyREFBMkQ7UUFDM0QsU0FBUyxHQUFHLENBQUMsQ0FBQTtRQUNiLE9BQU8sR0FBRyxNQUFNLENBQUE7S0FDakI7U0FBTTtRQUNMLDJEQUEyRDtRQUMzRCxJQUFJLFdBQVcsSUFBSSxDQUFDLEVBQUU7WUFDcEIsU0FBUyxHQUFHLENBQUMsQ0FBQTtZQUNiLE9BQU8sR0FBRyxDQUFDLENBQUE7U0FDWjthQUFNLElBQUksV0FBVyxHQUFHLENBQUMsSUFBSSxNQUFNLEVBQUU7WUFDcEMsU0FBUyxHQUFHLE1BQU0sR0FBRyxDQUFDLENBQUE7WUFDdEIsT0FBTyxHQUFHLE1BQU0sQ0FBQTtTQUNqQjthQUFNO1lBQ0wsU0FBUyxHQUFHLFdBQVcsR0FBRyxDQUFDLENBQUE7WUFDM0IsT0FBTyxHQUFHLFdBQVcsR0FBRyxDQUFDLENBQUE7U0FDMUI7S0FDRjtJQUVELDJCQUEyQjtJQUMzQixJQUFNLEtBQUssR0FBRyx5QkFBSSxLQUFLLENBQUMsT0FBTyxHQUFHLENBQUMsR0FBRyxTQUFTLENBQUMsQ0FBQyxJQUFJLEVBQUUsVUFBRSxHQUFHLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxTQUFTLEdBQUcsQ0FBQyxFQUFiLENBQWEsQ0FBQyxDQUFBO0lBRWxGLG1CQUFtQjtJQUNuQixPQUFPO1FBQ0wsV0FBVyxhQUFBO1FBQ1gsTUFBTSxRQUFBO1FBQ04sT0FBTyxTQUFBO1FBQ1AsS0FBSyxPQUFBO0tBQ04sQ0FBQTtBQUNILENBQUMsQ0FBQSJ9
|
|
@@ -3,9 +3,9 @@ interface IProps {
|
|
|
3
3
|
}
|
|
4
4
|
export declare const useProductTour: ({ active }: IProps) => {
|
|
5
5
|
display: boolean;
|
|
6
|
-
handleClick
|
|
6
|
+
handleClick: () => void;
|
|
7
7
|
} | {
|
|
8
8
|
display: boolean;
|
|
9
|
-
handleClick
|
|
9
|
+
handleClick?: undefined;
|
|
10
10
|
};
|
|
11
11
|
export {};
|
|
@@ -1,21 +1,22 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
|
-
import { isServer } from '../../../helpers/isServer';
|
|
3
2
|
import React from 'react';
|
|
4
3
|
export var useProductTour = function (_a) {
|
|
5
4
|
var active = _a.active;
|
|
6
|
-
|
|
5
|
+
try {
|
|
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) {
|
|
7
17
|
return {
|
|
8
18
|
display: active || false,
|
|
9
19
|
};
|
|
10
20
|
}
|
|
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
|
-
};
|
|
20
21
|
};
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUHJvZHVjdFRvdXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2R1Y3QtdG91ci9ob29rcy91c2VQcm9kdWN0VG91ci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQU16QixNQUFNLENBQUMsSUFBTSxjQUFjLEdBQUcsVUFBQyxFQUFrQjtRQUFoQixNQUFNLFlBQUE7SUFDckMsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUF3QixLQUFLLENBQUMsUUFBUSxDQUFVLE1BQU0sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEvRCxPQUFPLFFBQUEsRUFBRSxZQUFVLFFBQTRDLENBQUE7UUFDdEUsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQyxjQUFNLE9BQUEsWUFBVSxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLEVBQUwsQ0FBSyxDQUFDLEVBQTNCLENBQTJCLEVBQUUsRUFBRSxDQUFDLENBQUE7UUFFNUUsS0FBSyxDQUFDLFNBQVMsQ0FBQztZQUNkLFlBQVUsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7UUFDN0IsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtRQUVaLE9BQU87WUFDTCxPQUFPLFNBQUE7WUFDUCxXQUFXLGFBQUE7U0FDWixDQUFBO0tBQ0Y7SUFBQyxXQUFNO1FBQ04sT0FBTztZQUNMLE9BQU8sRUFBRSxNQUFNLElBQUksS0FBSztTQUN6QixDQUFBO0tBQ0Y7QUFDSCxDQUFDLENBQUEifQ==
|
|
@@ -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
|
+
} | {
|
|
7
10
|
styleSSR: {
|
|
8
11
|
background: string;
|
|
9
12
|
};
|
|
10
13
|
progressRadialRef?: undefined;
|
|
11
|
-
} | {
|
|
12
|
-
progressRadialRef: React.RefObject<HTMLDivElement>;
|
|
13
|
-
styleSSR?: undefined;
|
|
14
14
|
};
|
|
15
15
|
export {};
|
|
@@ -1,42 +1,43 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { isServer } from '../../../../helpers/isServer';
|
|
4
3
|
import { getColorStyle } from '../../../../objects/facets/Color';
|
|
5
4
|
export var useProgressRadial = function (_a) {
|
|
6
5
|
var value = _a.value, secondValue = _a.secondValue;
|
|
7
|
-
|
|
6
|
+
try {
|
|
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]);
|
|
8
32
|
return {
|
|
9
|
-
|
|
33
|
+
progressRadialRef: progressRadialRef_1,
|
|
10
34
|
};
|
|
11
35
|
}
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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);
|
|
36
|
+
catch (_d) {
|
|
37
|
+
return {
|
|
38
|
+
styleSSR: updateBackgroundStyle(value, secondValue),
|
|
29
39
|
};
|
|
30
|
-
|
|
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
|
-
};
|
|
40
|
+
}
|
|
40
41
|
};
|
|
41
42
|
var updateBackgroundStyle = function (firstValue, secondValue, progressRadialRef) {
|
|
42
43
|
var progressRadial = progressRadialRef === null || progressRadialRef === void 0 ? void 0 : progressRadialRef.current;
|
|
@@ -53,4 +54,4 @@ var updateBackgroundStyle = function (firstValue, secondValue, progressRadialRef
|
|
|
53
54
|
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)"),
|
|
54
55
|
};
|
|
55
56
|
};
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUHJvZ3Jlc3NSYWRpYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9ob29rcy91c2VQcm9ncmVzc1JhZGlhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFPdEQsTUFBTSxDQUFDLElBQU0saUJBQWlCLEdBQUcsVUFBQyxFQUErQjtRQUE3QixLQUFLLFdBQUEsRUFBRSxXQUFXLGlCQUFBO0lBQ3BELElBQUk7UUFDSSxJQUFBLEtBQUEsT0FBNEQsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUE1RSwyQkFBeUIsUUFBQSxFQUFFLDhCQUE0QixRQUFxQixDQUFBO1FBQzdFLElBQUEsS0FBQSxPQUE4RCxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQTlFLDRCQUEwQixRQUFBLEVBQUUsK0JBQTZCLFFBQXFCLENBQUE7UUFFckYsSUFBTSxtQkFBaUIsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQTtRQUU1RCxLQUFLLENBQUMsU0FBUyxDQUFDO1lBQ2QsSUFBSSxnQkFBcUIsQ0FBQTtZQUV6QixpRkFBaUY7WUFDakYsOEJBQTRCLENBQUMsQ0FBQyxDQUFDLENBQUE7WUFDL0IsK0JBQTZCLENBQUMsQ0FBQyxDQUFDLENBQUE7WUFDaEMscUJBQXFCLENBQUMsS0FBSyxFQUFFLFdBQVcsRUFBRSxtQkFBaUIsQ0FBQyxDQUFBLENBQUMsd0RBQXdEO1lBRXJILElBQU0sS0FBSyxHQUFHO2dCQUNaLDhCQUE0QixDQUFDLFVBQUMsS0FBSztvQkFDakMsT0FBTyxLQUFLLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUE7Z0JBQzFDLENBQUMsQ0FBQyxDQUFBO2dCQUNGLCtCQUE2QixDQUFDLFVBQUMsS0FBSztvQkFDbEMsT0FBTyxLQUFLLEdBQUcsV0FBVyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUE7Z0JBQ2hELENBQUMsQ0FBQyxDQUFBO2dCQUNGLGdCQUFnQixHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFBO1lBQ2pELENBQUMsQ0FBQTtZQUVELGdCQUFnQixHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFBO1lBRS9DLFVBQVU7WUFDVixPQUFPLGNBQU0sT0FBQSxvQkFBb0IsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUF0QyxDQUFzQyxDQUFBO1FBQ3JELENBQUMsRUFBRSxDQUFDLEtBQUssRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFBO1FBRXhCLEtBQUssQ0FBQyxTQUFTLENBQUM7WUFDZCxxQkFBcUIsQ0FBQywyQkFBeUIsRUFBRSw0QkFBMEIsRUFBRSxtQkFBaUIsQ0FBQyxDQUFBO1FBQ2pHLENBQUMsRUFBRSxDQUFDLDJCQUF5QixFQUFFLDRCQUEwQixFQUFFLG1CQUFpQixDQUFDLENBQUMsQ0FBQTtRQUU5RSxPQUFPO1lBQ0wsaUJBQWlCLHFCQUFBO1NBQ2xCLENBQUE7S0FDRjtJQUFDLFdBQU07UUFDTixPQUFPO1lBQ0wsUUFBUSxFQUFFLHFCQUFxQixDQUFDLEtBQUssRUFBRSxXQUFXLENBQUM7U0FDcEQsQ0FBQTtLQUNGO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsSUFBTSxxQkFBcUIsR0FBRyxVQUM1QixVQUFrQixFQUNsQixXQUFtQixFQUNuQixpQkFBbUQ7SUFFbkQsSUFBTSxjQUFjLEdBQUcsaUJBQWlCLGFBQWpCLGlCQUFpQix1QkFBakIsaUJBQWlCLENBQUUsT0FBTyxDQUFBO0lBQ2pELElBQU0sbUJBQW1CLEdBQUcsQ0FBQyxHQUFHLEdBQUcsVUFBVSxDQUFDLEdBQUcsR0FBRyxDQUFBO0lBQ3BELElBQU0sb0JBQW9CLEdBQUcsQ0FBQyxHQUFHLEdBQUcsV0FBVyxDQUFDLEdBQUcsR0FBRyxDQUFBO0lBRXRELHlEQUF5RDtJQUN6RCxJQUFNLHlCQUF5QixHQUFHLG1CQUFtQixDQUFBO0lBRXJELElBQUksZUFBZSxDQUFBO0lBQ25CLGVBQWUsR0FBRyxrRUFBa0UsQ0FBQTtJQUNwRixlQUFlLElBQUksbUNBQTRCLG1CQUFtQixrQkFBUSxhQUFhLENBQ3JGLE1BQU0sQ0FDUCxjQUFJLHlCQUF5QixpQkFBTyx5QkFBeUIsR0FBRyxvQkFBb0IsNEJBQ25GLHlCQUF5QixHQUFHLG9CQUFvQixnQkFDckMsQ0FBQTtJQUViLElBQUksY0FBYztRQUFFLGNBQWMsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLGVBQWUsQ0FBQTtJQUVyRSxPQUFPO1FBQ0wsVUFBVSxFQUFFLG9HQUE2RixtQkFBbUIsa0JBQVEsYUFBYSxDQUMvSSxNQUFNLENBQ1AsY0FBSSx5QkFBeUIsaUJBQU8seUJBQXlCLEdBQUcsb0JBQW9CLDRCQUNuRix5QkFBeUIsR0FBRyxvQkFBb0IsZ0JBQ3JDO0tBQ2QsQ0FBQTtBQUNILENBQUMsQ0FBQSJ9
|
|
@@ -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 | undefined;
|
|
16
|
-
refTrack?: undefined;
|
|
17
|
-
handleMouseUpMin?: undefined;
|
|
18
|
-
handleChangeCursorMin?: undefined;
|
|
19
|
-
handleMouseUpMax?: undefined;
|
|
20
|
-
handleChangeCursorMax?: undefined;
|
|
21
|
-
} | {
|
|
22
14
|
cursorMax: number;
|
|
23
15
|
cursorMin: number;
|
|
24
16
|
refTrack: React.MutableRefObject<null>;
|
|
@@ -26,5 +18,13 @@ export declare const useRange: ({ valueMin, valueMax, max, gap, name, onChangeMi
|
|
|
26
18
|
handleChangeCursorMin: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
27
19
|
handleMouseUpMax: () => void;
|
|
28
20
|
handleChangeCursorMax: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
21
|
+
} | {
|
|
22
|
+
cursorMax: number;
|
|
23
|
+
cursorMin: number | undefined;
|
|
24
|
+
refTrack?: undefined;
|
|
25
|
+
handleMouseUpMin?: undefined;
|
|
26
|
+
handleChangeCursorMin?: undefined;
|
|
27
|
+
handleMouseUpMax?: undefined;
|
|
28
|
+
handleChangeCursorMax?: undefined;
|
|
29
29
|
};
|
|
30
30
|
export {};
|
|
@@ -1,62 +1,63 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
|
-
import { isServer } from '../../../helpers/isServer';
|
|
3
2
|
import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
|
|
4
3
|
import React from 'react';
|
|
5
4
|
export var useRange = function (_a) {
|
|
6
5
|
var valueMin = _a.valueMin, valueMax = _a.valueMax, max = _a.max, gap = _a.gap, name = _a.name, onChangeMin = _a.onChangeMin, onChangeMax = _a.onChangeMax;
|
|
7
|
-
|
|
6
|
+
try {
|
|
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) {
|
|
8
57
|
return {
|
|
9
58
|
cursorMax: valueMax !== null && valueMax !== void 0 ? valueMax : max,
|
|
10
59
|
cursorMin: valueMin,
|
|
11
60
|
};
|
|
12
61
|
}
|
|
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
|
-
};
|
|
61
62
|
};
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUmFuZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL2hvb2tzL3VzZVJhbmdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFhekIsTUFBTSxDQUFDLElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBd0U7UUFBdEUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLFdBQVcsaUJBQUE7SUFDckYsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUE0QixLQUFLLENBQUMsUUFBUSxDQUFTLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLENBQUMsQ0FBQyxJQUFBLEVBQWhFLFdBQVMsUUFBQSxFQUFFLGNBQVksUUFBeUMsQ0FBQTtRQUNqRSxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxHQUFHLENBQUMsSUFBQSxFQUFsRSxXQUFTLFFBQUEsRUFBRSxjQUFZLFFBQTJDLENBQUE7UUFDekUsSUFBTSxVQUFRLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQTtRQUVuQyxLQUFLLENBQUMsU0FBUyxDQUFDO1lBQ2QsSUFBSSxVQUFRLENBQUMsT0FBTyxFQUFFO2dCQUNwQixJQUFNLEtBQUssR0FBRyxVQUFRLENBQUMsT0FBc0IsQ0FBQTtnQkFDN0MsS0FBSyxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsb0NBQTZCLGFBQWEsQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLGNBQ3pGLENBQUMsV0FBUyxHQUFHLEdBQUcsQ0FBQyxHQUFHLEdBQUcsaUJB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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
|
-
activateIndex: number | undefined;
|
|
9
|
-
handleClick?: undefined;
|
|
10
|
-
} | {
|
|
11
8
|
handleClick: (event: React.MouseEvent, index: number, child: React.ReactElement) => void;
|
|
12
9
|
activateIndex: number;
|
|
10
|
+
} | {
|
|
11
|
+
activateIndex: number | undefined;
|
|
12
|
+
handleClick?: undefined;
|
|
13
13
|
};
|
|
14
14
|
export {};
|
|
@@ -1,30 +1,31 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { isServer } from '../../../helpers/isServer';
|
|
4
3
|
export var useSegmentControl = function (_a) {
|
|
5
4
|
var activeIndex = _a.activeIndex, onClick = _a.onClick;
|
|
6
|
-
|
|
5
|
+
try {
|
|
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) {
|
|
7
26
|
return {
|
|
8
27
|
activateIndex: activeIndex,
|
|
9
28
|
};
|
|
10
29
|
}
|
|
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 };
|
|
29
30
|
};
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU2VnbWVudENvbnRyb2wuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3NlZ21lbnQtY29udHJvbC9ob29rcy91c2VTZWdtZW50Q29udHJvbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQVF6QixNQUFNLENBQUMsSUFBTSxpQkFBaUIsR0FBRyxVQUFDLEVBQWlDO1FBQS9CLFdBQVcsaUJBQUEsRUFBRSxPQUFPLGFBQUE7SUFDdEQsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUFvQyxLQUFLLENBQUMsUUFBUSxDQUFTLFdBQVcsSUFBSSxDQUFDLENBQUMsSUFBQSxFQUEzRSxlQUFhLFFBQUEsRUFBRSxrQkFBZ0IsUUFBNEMsQ0FBQTtRQUVsRixJQUFNLGNBQVksR0FBRyxLQUFLLENBQUMsV0FBVyxDQUNwQyxVQUFDLENBQW1CLEVBQUUsS0FBYTtZQUNqQyxrQkFBZ0IsQ0FBQyxLQUFLLENBQUMsQ0FBQTtZQUN2QixJQUFJLE9BQU87Z0JBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFBO1FBQ3pCLENBQUMsRUFDRCxDQUFDLE9BQU8sQ0FBQyxDQUNWLENBQUE7UUFFRCxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUNuQyxVQUFDLEtBQXVCLEVBQUUsS0FBYSxFQUFFLEtBQXlCO1lBQ2hFLGNBQVksQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUE7WUFDMUIsSUFBSSxLQUFLLEVBQUU7Z0JBQ1QsSUFBSSxLQUFLLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRTtvQkFDdkIsS0FBSyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUE7aUJBQzNCO2FBQ0Y7UUFDSCxDQUFDLEVBQ0QsQ0FBQyxjQUFZLENBQUMsQ0FDZixDQUFBO1FBRUQsS0FBSyxDQUFDLFNBQVMsQ0FBQztZQUNkLGtCQUFnQixDQUFDLGVBQWEsQ0FBQyxDQUFBO1FBQ2pDLENBQUMsRUFBRSxDQUFDLGVBQWEsQ0FBQyxDQUFDLENBQUE7UUFFbkIsT0FBTyxFQUFFLFdBQVcsYUFBQSxFQUFFLGFBQWEsaUJBQUEsRUFBRSxDQUFBO0tBQ3RDO0lBQUMsV0FBTTtRQUNOLE9BQU87WUFDTCxhQUFhLEVBQUUsV0FBVztTQUMzQixDQUFBO0tBQ0Y7QUFDSCxDQUFDLENBQUEifQ==
|
|
@@ -5,10 +5,10 @@ interface IParams {
|
|
|
5
5
|
onClick?: ClickEvent;
|
|
6
6
|
}
|
|
7
7
|
export declare const useSegmentControlItem: ({ active, onClick }: IParams) => {
|
|
8
|
-
activeItem: boolean | undefined;
|
|
9
|
-
handleClick?: undefined;
|
|
10
|
-
} | {
|
|
11
8
|
activeItem: boolean;
|
|
12
9
|
handleClick: (e: React.MouseEvent) => void;
|
|
10
|
+
} | {
|
|
11
|
+
activeItem: boolean | undefined;
|
|
12
|
+
handleClick?: undefined;
|
|
13
13
|
};
|
|
14
14
|
export {};
|