@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,71 +1,70 @@
|
|
|
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';
|
|
4
5
|
export var useCountdown = function (_a) {
|
|
5
6
|
var event = _a.event, format = _a.format, deadline = _a.deadline;
|
|
6
7
|
var initialTimeDifference = deadline.getTime() - new Date().getTime();
|
|
7
8
|
var initialTimer = calculateTimer(initialTimeDifference);
|
|
8
|
-
|
|
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) {
|
|
9
|
+
if (isServer) {
|
|
65
10
|
return {
|
|
66
11
|
timer: initialTimer,
|
|
67
12
|
};
|
|
68
13
|
}
|
|
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
|
+
};
|
|
69
68
|
};
|
|
70
69
|
var calculateTimer = function (timeDifference) {
|
|
71
70
|
var seconds = Math.floor((timeDifference / 1000) % 60);
|
|
@@ -74,4 +73,4 @@ var calculateTimer = function (timeDifference) {
|
|
|
74
73
|
var days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
|
|
75
74
|
return { days: days, hours: hours, minutes: minutes, seconds: seconds };
|
|
76
75
|
};
|
|
77
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQ291bnRkb3duLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jb3VudGRvd24vaG9va3MvdXNlQ291bnRkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQTtBQUV0RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFRN0MsTUFBTSxDQUFDLElBQU0sWUFBWSxHQUFHLFVBQUMsRUFBb0M7UUFBbEMsS0FBSyxXQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsUUFBUSxjQUFBO0lBQ3BELElBQU0scUJBQXFCLEdBQUcsUUFBUSxDQUFDLE9BQU8sRUFBRSxHQUFHLElBQUksSUFBSSxFQUFFLENBQUMsT0FBTyxFQUFFLENBQUE7SUFDdkUsSUFBTSxZQUFZLEdBQUcsY0FBYyxDQUFDLHFCQUFxQixDQUFDLENBQUE7SUFFMUQsSUFBSSxRQUFRLEVBQUU7UUFDWixPQUFPO1lBQ0wsS0FBSyxFQUFFLFlBQVk7U0FDcEIsQ0FBQTtLQUNGO0lBRUssSUFBQSxLQUFBLE9BQWEsS0FBSyxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBQSxFQUFwQyxRQUFRLFFBQTRCLENBQUE7SUFDckMsSUFBQSxLQUFBLE9BQW9CLEtBQUssQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLElBQUEsRUFBL0MsS0FBSyxRQUFBLEVBQUUsUUFBUSxRQUFnQyxDQUFBO0lBQ2hELElBQUEsS0FBQSxPQUFrQixLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUFBLEVBQXRDLElBQUksUUFBQSxFQUFFLE9BQU8sUUFBeUIsQ0FBQTtJQUU3QyxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsV0FBVyxDQUFDO1lBQ1YsSUFBTSxVQUFVLEdBQUcsUUFBUSxDQUFDLE9BQU8sRUFBRSxHQUFH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SyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUE7SUFFeEIsT0FBTztRQUNMLEtBQUssT0FBQTtLQUNOLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxJQUFNLGNBQWMsR0FBRyxVQUFDLGNBQXNCO0lBQzVDLElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDeEQsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLGNBQWMsR0FBRyxJQUFJLEdBQUcsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDN0QsSUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLGNBQWMsR0FBRyxDQUFDLElBQUksR0FBRyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQTtJQUNsRSxJQUFNLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsR0FBRyxDQUFDLElBQUksR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUE7SUFFL0QsT0FBTyxFQUFFLElBQUksTUFBQSxFQUFFLEtBQUssT0FBQSxFQUFFLE9BQU8sU0FBQSxFQUFFLE9BQU8sU0FBQSxFQUFFLENBQUE7QUFDMUMsQ0FBQyxDQUFBIn0=
|
|
@@ -1,71 +1,11 @@
|
|
|
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';
|
|
4
5
|
import { TrilogyColor, getColorStyle } from '../../../../objects';
|
|
5
6
|
export var useGauge = function (_a) {
|
|
6
7
|
var validationRules = _a.validationRules, inputValue = _a.inputValue;
|
|
7
|
-
|
|
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) {
|
|
8
|
+
if (isServer) {
|
|
69
9
|
return {
|
|
70
10
|
LengthvalidationRulesText: LengthvalidationRulesText(validationRules),
|
|
71
11
|
colorGauge: function () { return getColorStyle(TrilogyColor.NEUTRAL_FADE); },
|
|
@@ -77,6 +17,65 @@ export var useGauge = function (_a) {
|
|
|
77
17
|
isUppercaseVerify: initStateVerifies,
|
|
78
18
|
};
|
|
79
19
|
}
|
|
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
|
+
};
|
|
80
79
|
};
|
|
81
80
|
var initStateVerifies = { isVerify: false, color: IconColor.NEUTRAL };
|
|
82
81
|
var LengthvalidationRulesText = function (validationRules) {
|
|
@@ -92,4 +91,4 @@ var LengthvalidationRulesText = function (validationRules) {
|
|
|
92
91
|
return '';
|
|
93
92
|
}
|
|
94
93
|
};
|
|
95
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
94
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlR2F1Z2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2dhdWdlL2hvb2svdXNlR2F1Z2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRTdDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQU92RCxNQUFNLENBQUMsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQUF3QztRQUF0QyxlQUFlLHFCQUFBLEVBQUUsVUFBVSxnQkFBQTtJQUNwRCxJQUFJLFFBQVEsRUFBRTtRQUNaLE9BQU87WUFDTCx5QkFBeUIsRUFBRSx5QkFBeUIsQ0FBQyxlQUFlLENBQUM7WUFDckUsVUFBVSxFQUFFLGNBQU0sT0FBQSxhQUFhLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQyxFQUF4QyxDQUF3QztZQUMxRCxVQUFVLEVBQUUsSUFBSTtZQUNoQixjQUFjLEVBQUUsaUJBQWlCO1lBQ2pDLG1CQUFtQixFQUFFLGlCQUFpQjtZQUN0QyxjQUFjLEVBQUUsaUJBQWlCO1lBQ2pDLG9CQUFvQixFQUFFLGlCQUFpQjtZQUN2QyxpQkFBaUIsRUFBRSxpQkFBaUI7U0FDckMsQ0FBQTtLQUNGO0lBRUssSUFBQSxLQUFBLE9BQXNCLEtBQUssQ0FBQyxRQUFRLENBQVMsQ0FBQyxDQUFDLElBQUEsRUFBOUMsTUFBTSxRQUFBLEVBQUUsU0FBUyxRQUE2QixDQUFBO0lBQy9DLElBQUEsS0FBQSxPQUFzQyxLQUFLLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLElBQUEsRUFBdEUsY0FBYyxRQUFBLEVBQUUsaUJBQWlCLFFBQXFDLENBQUE7SUFDdkUsSUFBQSxLQUFBLE9BQWtELEtBQUss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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;
|
|
41
|
-
isShowPwd: boolean;
|
|
42
|
-
handleBlur: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
|
|
43
|
-
handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
44
|
-
handleClick: (e: React.MouseEvent<Element>) => void;
|
|
45
|
-
handleFocus: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
|
|
46
|
-
handleKeyPress: (e: React.KeyboardEvent) => void | undefined;
|
|
47
|
-
handleKeyUp: (e: React.KeyboardEvent) => void | undefined;
|
|
48
|
-
handleMouseEnter: (e: React.MouseEvent<HTMLInputElement, MouseEvent>) => void | undefined;
|
|
49
|
-
handleMouseLeave: (e: React.MouseEvent<HTMLInputElement, MouseEvent>) => void | undefined;
|
|
50
|
-
IconWrapper: ({ className, name, color, closeIconSearch, onPress }: IconWrapper) => React.JSX.Element;
|
|
51
|
-
handlePressIconPwd: () => void;
|
|
52
|
-
} | {
|
|
53
38
|
localStatus: "success" | "warning" | "error" | "default" | InputStatus | "danger";
|
|
54
39
|
inputType: InputType | InputTypeValues;
|
|
55
40
|
_value: string | undefined;
|
|
@@ -64,5 +49,20 @@ export declare const useInput: ({ defaultValue, focused, status, type, value, va
|
|
|
64
49
|
handleMouseEnter?: undefined;
|
|
65
50
|
handleMouseLeave?: undefined;
|
|
66
51
|
handlePressIconPwd?: undefined;
|
|
52
|
+
} | {
|
|
53
|
+
localStatus: "success" | "warning" | "error" | "default" | InputStatus | "danger";
|
|
54
|
+
inputType: InputType | InputTypeValues;
|
|
55
|
+
_value: string;
|
|
56
|
+
isShowPwd: boolean;
|
|
57
|
+
handleBlur: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
|
|
58
|
+
handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
59
|
+
handleClick: (e: React.MouseEvent<Element>) => void;
|
|
60
|
+
handleFocus: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
|
|
61
|
+
handleKeyPress: (e: React.KeyboardEvent) => void | undefined;
|
|
62
|
+
handleKeyUp: (e: React.KeyboardEvent) => void | undefined;
|
|
63
|
+
handleMouseEnter: (e: React.MouseEvent<HTMLInputElement, MouseEvent>) => void | undefined;
|
|
64
|
+
handleMouseLeave: (e: React.MouseEvent<HTMLInputElement, MouseEvent>) => void | undefined;
|
|
65
|
+
IconWrapper: ({ className, name, color, closeIconSearch, onPress }: IconWrapper) => React.JSX.Element;
|
|
66
|
+
handlePressIconPwd: () => void;
|
|
67
67
|
};
|
|
68
68
|
export {};
|