@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,70 +1,71 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { CountdownFormat } from '../../../components/countdown/CountdownEnum';
|
|
4
|
-
import { isServer } from '../../../helpers/isServer';
|
|
5
4
|
export var useCountdown = function (_a) {
|
|
6
5
|
var event = _a.event, format = _a.format, deadline = _a.deadline;
|
|
7
6
|
var initialTimeDifference = deadline.getTime() - new Date().getTime();
|
|
8
7
|
var initialTimer = calculateTimer(initialTimeDifference);
|
|
9
|
-
|
|
8
|
+
try {
|
|
9
|
+
var _b = __read(React.useState(deadline), 1), timeLeft_1 = _b[0];
|
|
10
|
+
var _c = __read(React.useState(initialTimer), 2), timer_1 = _c[0], setTimer_1 = _c[1];
|
|
11
|
+
var _d = __read(React.useState(false), 2), init_1 = _d[0], setInit_1 = _d[1];
|
|
12
|
+
React.useEffect(function () {
|
|
13
|
+
setInterval(function () {
|
|
14
|
+
var difference = timeLeft_1.getTime() - new Date().getTime();
|
|
15
|
+
if (difference > 0) {
|
|
16
|
+
switch (format) {
|
|
17
|
+
case CountdownFormat.DAY:
|
|
18
|
+
setTimer_1({
|
|
19
|
+
days: Math.ceil(difference / (1000 * 60 * 60 * 24)),
|
|
20
|
+
hours: 0,
|
|
21
|
+
minutes: 0,
|
|
22
|
+
seconds: 0,
|
|
23
|
+
});
|
|
24
|
+
break;
|
|
25
|
+
case CountdownFormat.DAY_HOUR:
|
|
26
|
+
setTimer_1({
|
|
27
|
+
days: Math.floor(difference / (1000 * 60 * 60 * 24)),
|
|
28
|
+
hours: Math.ceil((difference / (1000 * 60 * 60)) % 24),
|
|
29
|
+
minutes: 0,
|
|
30
|
+
seconds: 0,
|
|
31
|
+
});
|
|
32
|
+
break;
|
|
33
|
+
case CountdownFormat.DAY_HOUR_MIN:
|
|
34
|
+
setTimer_1({
|
|
35
|
+
days: Math.floor(difference / (1000 * 60 * 60 * 24)),
|
|
36
|
+
hours: Math.floor((difference / (1000 * 60 * 60)) % 24),
|
|
37
|
+
minutes: Math.ceil((difference / 1000 / 60) % 60),
|
|
38
|
+
seconds: 0,
|
|
39
|
+
});
|
|
40
|
+
break;
|
|
41
|
+
default:
|
|
42
|
+
setTimer_1({
|
|
43
|
+
days: Math.floor(difference / (1000 * 60 * 60 * 24)),
|
|
44
|
+
hours: Math.floor((difference / (1000 * 60 * 60)) % 24),
|
|
45
|
+
minutes: Math.floor((difference / 1000 / 60) % 60),
|
|
46
|
+
seconds: Math.floor((difference / 1000) % 60),
|
|
47
|
+
});
|
|
48
|
+
break;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
setInit_1(true);
|
|
52
|
+
}, 1000);
|
|
53
|
+
}, [timeLeft_1, format]);
|
|
54
|
+
React.useEffect(function () {
|
|
55
|
+
if (timer_1.days + timer_1.hours + timer_1.minutes + timer_1.seconds === 0 && event && init_1) {
|
|
56
|
+
event(null);
|
|
57
|
+
setInit_1(false);
|
|
58
|
+
}
|
|
59
|
+
}, [timer_1, event, init_1]);
|
|
60
|
+
return {
|
|
61
|
+
timer: timer_1,
|
|
62
|
+
};
|
|
63
|
+
}
|
|
64
|
+
catch (_e) {
|
|
10
65
|
return {
|
|
11
66
|
timer: initialTimer,
|
|
12
67
|
};
|
|
13
68
|
}
|
|
14
|
-
var _b = __read(React.useState(deadline), 1), timeLeft = _b[0];
|
|
15
|
-
var _c = __read(React.useState(initialTimer), 2), timer = _c[0], setTimer = _c[1];
|
|
16
|
-
var _d = __read(React.useState(false), 2), init = _d[0], setInit = _d[1];
|
|
17
|
-
React.useEffect(function () {
|
|
18
|
-
setInterval(function () {
|
|
19
|
-
var difference = timeLeft.getTime() - new Date().getTime();
|
|
20
|
-
if (difference > 0) {
|
|
21
|
-
switch (format) {
|
|
22
|
-
case CountdownFormat.DAY:
|
|
23
|
-
setTimer({
|
|
24
|
-
days: Math.ceil(difference / (1000 * 60 * 60 * 24)),
|
|
25
|
-
hours: 0,
|
|
26
|
-
minutes: 0,
|
|
27
|
-
seconds: 0,
|
|
28
|
-
});
|
|
29
|
-
break;
|
|
30
|
-
case CountdownFormat.DAY_HOUR:
|
|
31
|
-
setTimer({
|
|
32
|
-
days: Math.floor(difference / (1000 * 60 * 60 * 24)),
|
|
33
|
-
hours: Math.ceil((difference / (1000 * 60 * 60)) % 24),
|
|
34
|
-
minutes: 0,
|
|
35
|
-
seconds: 0,
|
|
36
|
-
});
|
|
37
|
-
break;
|
|
38
|
-
case CountdownFormat.DAY_HOUR_MIN:
|
|
39
|
-
setTimer({
|
|
40
|
-
days: Math.floor(difference / (1000 * 60 * 60 * 24)),
|
|
41
|
-
hours: Math.floor((difference / (1000 * 60 * 60)) % 24),
|
|
42
|
-
minutes: Math.ceil((difference / 1000 / 60) % 60),
|
|
43
|
-
seconds: 0,
|
|
44
|
-
});
|
|
45
|
-
break;
|
|
46
|
-
default:
|
|
47
|
-
setTimer({
|
|
48
|
-
days: Math.floor(difference / (1000 * 60 * 60 * 24)),
|
|
49
|
-
hours: Math.floor((difference / (1000 * 60 * 60)) % 24),
|
|
50
|
-
minutes: Math.floor((difference / 1000 / 60) % 60),
|
|
51
|
-
seconds: Math.floor((difference / 1000) % 60),
|
|
52
|
-
});
|
|
53
|
-
break;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
setInit(true);
|
|
57
|
-
}, 1000);
|
|
58
|
-
}, [timeLeft, format]);
|
|
59
|
-
React.useEffect(function () {
|
|
60
|
-
if (timer.days + timer.hours + timer.minutes + timer.seconds === 0 && event && init) {
|
|
61
|
-
event(null);
|
|
62
|
-
setInit(false);
|
|
63
|
-
}
|
|
64
|
-
}, [timer, event, init]);
|
|
65
|
-
return {
|
|
66
|
-
timer: timer,
|
|
67
|
-
};
|
|
68
69
|
};
|
|
69
70
|
var calculateTimer = function (timeDifference) {
|
|
70
71
|
var seconds = Math.floor((timeDifference / 1000) % 60);
|
|
@@ -73,4 +74,4 @@ var calculateTimer = function (timeDifference) {
|
|
|
73
74
|
var days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
|
|
74
75
|
return { days: days, hours: hours, minutes: minutes, seconds: seconds };
|
|
75
76
|
};
|
|
76
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQ291bnRkb3duLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jb3VudGRvd24vaG9va3MvdXNlQ291bnRkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQTtBQVN0RSxNQUFNLENBQUMsSUFBTSxZQUFZLEdBQUcsVUFBQyxFQUFvQztRQUFsQyxLQUFLLFdBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxRQUFRLGNBQUE7SUFDcEQsSUFBTSxxQkFBcUIsR0FBRyxRQUFRLENBQUMsT0FBTyxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsQ0FBQyxPQUFPLEVBQUUsQ0FBQTtJQUN2RSxJQUFNLFlBQVksR0FBRyxjQUFjLENBQUMscUJBQXFCLENBQUMsQ0FBQTtJQUUxRCxJQUFJO1FBQ0ksSUFBQSxLQUFBLE9BQWEsS0FBSyxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBQSxFQUFwQyxVQUFRLFFBQTRCLENBQUE7UUFDckMsSUFBQSxLQUFBLE9BQW9CLEtBQUssQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLElBQUEsRUFBL0MsT0FBSyxRQUFBLEVBQUUsVUFBUSxRQUFnQyxDQUFBO1FBQ2hELElBQUEsS0FBQSxPQUFrQixLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUFBLEVBQXRDLE1BQUksUUFBQSxFQUFFLFNBQU8sUUFBeUIsQ0FBQTtRQUU3QyxLQUFLLENBQUMsU0FBUyxDQUFDO1lBQ2QsV0FBVyxDQUFDO2dCQUNWLElBQU0sVUFBVSxHQUFHLFVBQVEsQ0FBQyxPQUFPLEVBQUUsR0FBRyxJQUFJLElBQUksRUFBRSxDQUFDLE9BQU8sRUFBRSxDQUFBO2dCQUM1RCxJQUFJLFVBQVUsR0FBRyxDQUFDLEVBQUU7b0JBQ2xCLFFBQVEsTUFBTSxFQUFFO3dCQUNkLEtB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S0FBSyxFQUFFLFlBQVk7U0FDcEIsQ0FBQTtLQUNGO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsSUFBTSxjQUFjLEdBQUcsVUFBQyxjQUFzQjtJQUM1QyxJQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFBO0lBQ3hELElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxjQUFjLEdBQUcsSUFBSSxHQUFHLEVBQUUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFBO0lBQzdELElBQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxjQUFjLEdBQUcsQ0FBQyxJQUFJLEdBQUcsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDbEUsSUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLEdBQUcsQ0FBQyxJQUFJLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFBO0lBRS9ELE9BQU8sRUFBRSxJQUFJLE1BQUEsRUFBRSxLQUFLLE9BQUEsRUFBRSxPQUFPLFNBQUEsRUFBRSxPQUFPLFNBQUEsRUFBRSxDQUFBO0FBQzFDLENBQUMsQ0FBQSJ9
|
|
@@ -1,11 +1,71 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { IconColor } from '../../../../components/icon';
|
|
4
|
-
import { isServer } from '../../../../helpers/isServer';
|
|
5
4
|
import { TrilogyColor, getColorStyle } from '../../../../objects';
|
|
6
5
|
export var useGauge = function (_a) {
|
|
7
6
|
var validationRules = _a.validationRules, inputValue = _a.inputValue;
|
|
8
|
-
|
|
7
|
+
try {
|
|
8
|
+
var _b = __read(React.useState(0), 2), points_1 = _b[0], setPoints_1 = _b[1];
|
|
9
|
+
var _c = __read(React.useState(initStateVerifies), 2), isLengthVerify = _c[0], setIsLengthVerify_1 = _c[1];
|
|
10
|
+
var _d = __read(React.useState(initStateVerifies), 2), isSpecialCharsVerify = _d[0], setIsSpecialCharsVerify_1 = _d[1];
|
|
11
|
+
var _e = __read(React.useState(initStateVerifies), 2), isNumberVerify = _e[0], setIsNumberVerify_1 = _e[1];
|
|
12
|
+
var _f = __read(React.useState(initStateVerifies), 2), isUppercaseVerify = _f[0], setIsUppercaseVerify_1 = _f[1];
|
|
13
|
+
var _g = __read(React.useState(initStateVerifies), 2), isLowerercaseVerify = _g[0], setisLowerercaseVerify_1 = _g[1];
|
|
14
|
+
var nbAllVerifies_1 = React.useMemo(function () { return (validationRules && Object.values(validationRules).filter(function (rule) { return rule; }).length) || 0; }, [validationRules]);
|
|
15
|
+
var widthGauge = React.useMemo(function () {
|
|
16
|
+
var calc = Number(((points_1 / nbAllVerifies_1) * 100).toFixed(0));
|
|
17
|
+
if (calc <= 50 && calc > 0)
|
|
18
|
+
return '50%';
|
|
19
|
+
if (calc <= 99 && calc > 50)
|
|
20
|
+
return '75%';
|
|
21
|
+
if (calc === 100)
|
|
22
|
+
return '100%';
|
|
23
|
+
return '0%';
|
|
24
|
+
}, [points_1, nbAllVerifies_1]);
|
|
25
|
+
var colorGauge = function () {
|
|
26
|
+
var calc = Number(((points_1 / nbAllVerifies_1) * 100).toFixed(0));
|
|
27
|
+
if (calc <= 50 && calc > 0)
|
|
28
|
+
return getColorStyle(TrilogyColor.ERROR);
|
|
29
|
+
if (calc <= 99 && calc > 50)
|
|
30
|
+
return getColorStyle(TrilogyColor.WARNING);
|
|
31
|
+
if (calc === 100)
|
|
32
|
+
return getColorStyle(TrilogyColor.SUCCESS);
|
|
33
|
+
return getColorStyle(TrilogyColor.NEUTRAL_FADE);
|
|
34
|
+
};
|
|
35
|
+
React.useEffect(function () {
|
|
36
|
+
var _a, _b;
|
|
37
|
+
var min = ((_a = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _a === void 0 ? void 0 : _a.min) || 0;
|
|
38
|
+
var max = ((_b = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _b === void 0 ? void 0 : _b.max) || '';
|
|
39
|
+
var regex = new RegExp("^.{".concat(min, ",").concat(max, "}$"));
|
|
40
|
+
var validations = [];
|
|
41
|
+
(validationRules === null || validationRules === void 0 ? void 0 : validationRules.specialChars) &&
|
|
42
|
+
validations.push({ test: /[^\w]/.test(inputValue || ''), setState: setIsSpecialCharsVerify_1 });
|
|
43
|
+
(validationRules === null || validationRules === void 0 ? void 0 : validationRules.number) && validations.push({ test: /[0-9]/.test(inputValue || ''), setState: setIsNumberVerify_1 });
|
|
44
|
+
(validationRules === null || validationRules === void 0 ? void 0 : validationRules.uppercase) &&
|
|
45
|
+
validations.push({ test: /[A-Z]/.test(inputValue || ''), setState: setIsUppercaseVerify_1 });
|
|
46
|
+
(validationRules === null || validationRules === void 0 ? void 0 : validationRules.lowercase) &&
|
|
47
|
+
validations.push({ test: /[a-z]/.test(inputValue || ''), setState: setisLowerercaseVerify_1 });
|
|
48
|
+
(validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) && validations.push({ test: regex.test(inputValue || ''), setState: setIsLengthVerify_1 });
|
|
49
|
+
validations.forEach(function (_a) {
|
|
50
|
+
var test = _a.test, setState = _a.setState;
|
|
51
|
+
if (test)
|
|
52
|
+
return setState({ isVerify: true, color: IconColor.SUCCESS });
|
|
53
|
+
return setState(initStateVerifies);
|
|
54
|
+
});
|
|
55
|
+
setPoints_1(validations.filter(function (item) { return item.test; }).length);
|
|
56
|
+
}, [inputValue, validationRules]);
|
|
57
|
+
return {
|
|
58
|
+
LengthvalidationRulesText: LengthvalidationRulesText(validationRules),
|
|
59
|
+
colorGauge: colorGauge,
|
|
60
|
+
widthGauge: widthGauge,
|
|
61
|
+
isLengthVerify: isLengthVerify,
|
|
62
|
+
isLowerercaseVerify: isLowerercaseVerify,
|
|
63
|
+
isNumberVerify: isNumberVerify,
|
|
64
|
+
isSpecialCharsVerify: isSpecialCharsVerify,
|
|
65
|
+
isUppercaseVerify: isUppercaseVerify,
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
catch (_h) {
|
|
9
69
|
return {
|
|
10
70
|
LengthvalidationRulesText: LengthvalidationRulesText(validationRules),
|
|
11
71
|
colorGauge: function () { return getColorStyle(TrilogyColor.NEUTRAL_FADE); },
|
|
@@ -17,65 +77,6 @@ export var useGauge = function (_a) {
|
|
|
17
77
|
isUppercaseVerify: initStateVerifies,
|
|
18
78
|
};
|
|
19
79
|
}
|
|
20
|
-
var _b = __read(React.useState(0), 2), points = _b[0], setPoints = _b[1];
|
|
21
|
-
var _c = __read(React.useState(initStateVerifies), 2), isLengthVerify = _c[0], setIsLengthVerify = _c[1];
|
|
22
|
-
var _d = __read(React.useState(initStateVerifies), 2), isSpecialCharsVerify = _d[0], setIsSpecialCharsVerify = _d[1];
|
|
23
|
-
var _e = __read(React.useState(initStateVerifies), 2), isNumberVerify = _e[0], setIsNumberVerify = _e[1];
|
|
24
|
-
var _f = __read(React.useState(initStateVerifies), 2), isUppercaseVerify = _f[0], setIsUppercaseVerify = _f[1];
|
|
25
|
-
var _g = __read(React.useState(initStateVerifies), 2), isLowerercaseVerify = _g[0], setisLowerercaseVerify = _g[1];
|
|
26
|
-
var nbAllVerifies = React.useMemo(function () { return (validationRules && Object.values(validationRules).filter(function (rule) { return rule; }).length) || 0; }, [validationRules]);
|
|
27
|
-
var widthGauge = React.useMemo(function () {
|
|
28
|
-
var calc = Number(((points / nbAllVerifies) * 100).toFixed(0));
|
|
29
|
-
if (calc <= 50 && calc > 0)
|
|
30
|
-
return '50%';
|
|
31
|
-
if (calc <= 99 && calc > 50)
|
|
32
|
-
return '75%';
|
|
33
|
-
if (calc === 100)
|
|
34
|
-
return '100%';
|
|
35
|
-
return '0%';
|
|
36
|
-
}, [points, nbAllVerifies]);
|
|
37
|
-
var colorGauge = function () {
|
|
38
|
-
var calc = Number(((points / nbAllVerifies) * 100).toFixed(0));
|
|
39
|
-
if (calc <= 50 && calc > 0)
|
|
40
|
-
return getColorStyle(TrilogyColor.ERROR);
|
|
41
|
-
if (calc <= 99 && calc > 50)
|
|
42
|
-
return getColorStyle(TrilogyColor.WARNING);
|
|
43
|
-
if (calc === 100)
|
|
44
|
-
return getColorStyle(TrilogyColor.SUCCESS);
|
|
45
|
-
return getColorStyle(TrilogyColor.NEUTRAL_FADE);
|
|
46
|
-
};
|
|
47
|
-
React.useEffect(function () {
|
|
48
|
-
var _a, _b;
|
|
49
|
-
var min = ((_a = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _a === void 0 ? void 0 : _a.min) || 0;
|
|
50
|
-
var max = ((_b = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _b === void 0 ? void 0 : _b.max) || '';
|
|
51
|
-
var regex = new RegExp("^.{".concat(min, ",").concat(max, "}$"));
|
|
52
|
-
var validations = [];
|
|
53
|
-
(validationRules === null || validationRules === void 0 ? void 0 : validationRules.specialChars) &&
|
|
54
|
-
validations.push({ test: /[^\w]/.test(inputValue || ''), setState: setIsSpecialCharsVerify });
|
|
55
|
-
(validationRules === null || validationRules === void 0 ? void 0 : validationRules.number) && validations.push({ test: /[0-9]/.test(inputValue || ''), setState: setIsNumberVerify });
|
|
56
|
-
(validationRules === null || validationRules === void 0 ? void 0 : validationRules.uppercase) &&
|
|
57
|
-
validations.push({ test: /[A-Z]/.test(inputValue || ''), setState: setIsUppercaseVerify });
|
|
58
|
-
(validationRules === null || validationRules === void 0 ? void 0 : validationRules.lowercase) &&
|
|
59
|
-
validations.push({ test: /[a-z]/.test(inputValue || ''), setState: setisLowerercaseVerify });
|
|
60
|
-
(validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) && validations.push({ test: regex.test(inputValue || ''), setState: setIsLengthVerify });
|
|
61
|
-
validations.forEach(function (_a) {
|
|
62
|
-
var test = _a.test, setState = _a.setState;
|
|
63
|
-
if (test)
|
|
64
|
-
return setState({ isVerify: true, color: IconColor.SUCCESS });
|
|
65
|
-
return setState(initStateVerifies);
|
|
66
|
-
});
|
|
67
|
-
setPoints(validations.filter(function (item) { return item.test; }).length);
|
|
68
|
-
}, [inputValue, validationRules]);
|
|
69
|
-
return {
|
|
70
|
-
LengthvalidationRulesText: LengthvalidationRulesText(validationRules),
|
|
71
|
-
colorGauge: colorGauge,
|
|
72
|
-
widthGauge: widthGauge,
|
|
73
|
-
isLengthVerify: isLengthVerify,
|
|
74
|
-
isLowerercaseVerify: isLowerercaseVerify,
|
|
75
|
-
isNumberVerify: isNumberVerify,
|
|
76
|
-
isSpecialCharsVerify: isSpecialCharsVerify,
|
|
77
|
-
isUppercaseVerify: isUppercaseVerify,
|
|
78
|
-
};
|
|
79
80
|
};
|
|
80
81
|
var initStateVerifies = { isVerify: false, color: IconColor.NEUTRAL };
|
|
81
82
|
var LengthvalidationRulesText = function (validationRules) {
|
|
@@ -91,4 +92,4 @@ var LengthvalidationRulesText = function (validationRules) {
|
|
|
91
92
|
return '';
|
|
92
93
|
}
|
|
93
94
|
};
|
|
94
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
95
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlR2F1Z2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2dhdWdlL2hvb2svdXNlR2F1Z2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRTdDLE9BQU8sRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBT3ZELE1BQU0sQ0FBQyxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQXdDO1FBQXRDLGVBQWUscUJBQUEsRUFBRSxVQUFVLGdCQUFBO0lBQ3BELElBQUk7UUFDSSxJQUFBLEtBQUEsT0FBc0IsS0FBSyxDQUFDLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUE5QyxRQUFNLFFBQUEsRUFBRSxXQUFTLFFBQTZCLENBQUE7UUFDL0MsSUFBQSxLQUFBLE9BQXNDLEtBQUssQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsSUFBQSxFQUF0RSxjQUFjLFFBQUEsRUFBRSxtQkFBaUIsUUFBcUMsQ0FBQTtRQUN2RSxJQUFBLEtBQUEsT0FBa0QsS0FBSyxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFBLEVBQWxGLG9CQUFvQixRQUFBLEVBQUUseUJBQXVCLFFBQXFDLENBQUE7UUFDbkYsSUFBQSxLQUFBLE9BQXNDLEtBQUssQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsSUFBQSxFQUF0RSxjQUFjLFFBQUEsRUFBRSxtQkFBaUIsUUFBcUMsQ0FBQTtRQUN2RSxJQUFBLEtBQUEsT0FBNEMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFBLEVBQTVFLGlCQUFpQixRQUFBLEVBQUUsc0JBQW9CLFFBQXFDLENBQUE7UUFDN0UsSUFBQSxLQUFBLE9BQWdELEtBQUssQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsSUFB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
|
|
@@ -35,21 +35,6 @@ interface IParams {
|
|
|
35
35
|
forceControl?: boolean;
|
|
36
36
|
}
|
|
37
37
|
export declare const useInput: ({ defaultValue, focused, status, type, value, validator, onStatusChange, onKeyUp, onKeyPress, onMouseEnter, onMouseLeave, onClick, forceControl, onChange, onFocus, onBlur, onIconClick, }: IParams) => {
|
|
38
|
-
localStatus: "success" | "warning" | "error" | "default" | InputStatus | "danger";
|
|
39
|
-
inputType: InputType | InputTypeValues;
|
|
40
|
-
_value: string | undefined;
|
|
41
|
-
isShowPwd: boolean;
|
|
42
|
-
IconWrapper: ({ className, name, color, closeIconSearch, onClick, type, _value, onClickCloseIconSearch, }: IconWrapper) => React.JSX.Element;
|
|
43
|
-
handleBlur?: undefined;
|
|
44
|
-
handleChange?: undefined;
|
|
45
|
-
handleClick?: undefined;
|
|
46
|
-
handleFocus?: undefined;
|
|
47
|
-
handleKeyPress?: undefined;
|
|
48
|
-
handleKeyUp?: undefined;
|
|
49
|
-
handleMouseEnter?: undefined;
|
|
50
|
-
handleMouseLeave?: undefined;
|
|
51
|
-
handlePressIconPwd?: undefined;
|
|
52
|
-
} | {
|
|
53
38
|
localStatus: "success" | "warning" | "error" | "default" | InputStatus | "danger";
|
|
54
39
|
inputType: InputType | InputTypeValues;
|
|
55
40
|
_value: string;
|
|
@@ -64,5 +49,20 @@ export declare const useInput: ({ defaultValue, focused, status, type, value, va
|
|
|
64
49
|
handleMouseLeave: (e: React.MouseEvent<HTMLInputElement, MouseEvent>) => void | undefined;
|
|
65
50
|
IconWrapper: ({ className, name, color, closeIconSearch, onPress }: IconWrapper) => React.JSX.Element;
|
|
66
51
|
handlePressIconPwd: () => void;
|
|
52
|
+
} | {
|
|
53
|
+
localStatus: "success" | "warning" | "error" | "default" | InputStatus | "danger";
|
|
54
|
+
inputType: InputType | InputTypeValues;
|
|
55
|
+
_value: string | undefined;
|
|
56
|
+
isShowPwd: boolean;
|
|
57
|
+
IconWrapper: ({ className, name, color, closeIconSearch, onClick, type, _value, onClickCloseIconSearch, }: IconWrapper) => React.JSX.Element;
|
|
58
|
+
handleBlur?: undefined;
|
|
59
|
+
handleChange?: undefined;
|
|
60
|
+
handleClick?: undefined;
|
|
61
|
+
handleFocus?: undefined;
|
|
62
|
+
handleKeyPress?: undefined;
|
|
63
|
+
handleKeyUp?: undefined;
|
|
64
|
+
handleMouseEnter?: undefined;
|
|
65
|
+
handleMouseLeave?: undefined;
|
|
66
|
+
handlePressIconPwd?: undefined;
|
|
67
67
|
};
|
|
68
68
|
export {};
|