@trilogy-ds/react 4.10.3-columns-native-perf → 4.11.0
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/autocomplete/AutoCompletePropsNativeDefaults.js +7 -0
- package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js +7 -0
- package/lib/components/card/Card.native.d.ts +1 -1
- package/lib/components/card/Card.native.js +2 -2
- package/lib/components/checkbox/list/CheckboxList.js +12 -3
- package/lib/components/checkbox/list/CheckboxList.native.d.ts +2 -1
- package/lib/components/checkbox/list/CheckboxList.native.js +18 -3
- package/lib/components/checkbox/list/CheckboxListProps.d.ts +1 -0
- package/lib/components/checkbox/list/CheckboxListPropsDefaults.js +7 -0
- package/lib/components/checkbox/list/CheckboxListWebPropsDefaults.js +7 -0
- package/lib/components/columns/column/Column.native.d.ts +4 -1
- package/lib/components/columns/column/Column.native.js +5 -2
- package/lib/components/input/ISecurityRulesDefaults.js +23 -0
- package/lib/components/input/Input.js +3 -3
- package/lib/components/input/Input.native.js +4 -5
- package/lib/components/input/InputProps.d.ts +10 -2
- package/lib/components/input/InputPropsDefaults.js +7 -0
- package/lib/components/input/gauge/InputGauge.d.ts +4 -2
- package/lib/components/input/gauge/InputGauge.js +14 -12
- package/lib/components/input/gauge/InputGauge.native.d.ts +3 -2
- package/lib/components/input/gauge/InputGauge.native.js +24 -14
- package/lib/components/input/gauge/hook/useGauge.d.ts +10 -2
- package/lib/components/input/gauge/hook/useGauge.js +36 -12
- package/lib/components/list/item/ListItem.native.js +2 -2
- package/lib/components/otp/Otp.native.d.ts +3 -3
- package/lib/components/otp/Otp.native.js +38 -32
- package/lib/components/radio/list/RadioList.js +12 -3
- package/lib/components/radio/list/RadioList.native.d.ts +2 -1
- package/lib/components/radio/list/RadioList.native.js +18 -4
- package/lib/components/radio/list/RadioListProps.d.ts +1 -0
- package/lib/components/radio/list/RadioListPropsDefaults.js +7 -0
- package/lib/components/radio/list/RadioListWebPropsDefaults.js +7 -0
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +1 -1
|
@@ -1,24 +1,26 @@
|
|
|
1
1
|
import { __assign } from "tslib";
|
|
2
2
|
import clsx from 'clsx';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { Icon, IconName, IconSize } from '../../../components/icon';
|
|
3
|
+
import React, { useId } from 'react';
|
|
4
|
+
import { Icon, IconColor, IconName, IconSize } from '../../../components/icon';
|
|
5
5
|
import { hashClass } from '../../../helpers';
|
|
6
6
|
import { useGauge } from './hook/useGauge';
|
|
7
7
|
var InputGauge = function (_a) {
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
var
|
|
8
|
+
var validationRules = _a.validationRules, styled = _a.styled, inputValue = _a.inputValue, securityRules = _a.securityRules;
|
|
9
|
+
var id = useId();
|
|
10
|
+
var _b = useGauge({ validationRules: validationRules, inputValue: inputValue, securityRules: securityRules }), widthGauge = _b.widthGauge, colorGauge = _b.colorGauge, LengthvalidationRulesText = _b.LengthvalidationRulesText, isLengthVerify = _b.isLengthVerify, isLowerercaseVerify = _b.isLowerercaseVerify, isNumberVerify = _b.isNumberVerify, isSpecialCharsVerify = _b.isSpecialCharsVerify, isUppercaseVerify = _b.isUppercaseVerify, rules = _b.rules;
|
|
11
11
|
return (React.createElement("div", { "data-testid": 'security-gauge', className: hashClass(styled, clsx('security-gauge-container')) },
|
|
12
12
|
React.createElement("div", { className: hashClass(styled, clsx('security-gauge')) },
|
|
13
13
|
React.createElement("div", { "data-gauge": true, style: { width: widthGauge, backgroundColor: colorGauge() }, className: hashClass(styled, clsx('gauge')) })),
|
|
14
14
|
React.createElement("div", { className: hashClass(styled, clsx('security-gauge-verifies')) },
|
|
15
|
-
React.createElement(
|
|
16
|
-
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.length), dataAttribute: { 'data-security-
|
|
17
|
-
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.specialChars), dataAttribute: { 'data-security-special-chars': true }, classes: 'security-special-chars', type: 'Caract\u00E8res sp\u00E9ciaux', color: isSpecialCharsVerify.color, iconName: isSpecialCharsVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled }),
|
|
18
|
-
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.number), dataAttribute: { 'data-security-number': true }, classes: 'security-number', type: 'Chiffre', color: isNumberVerify.color, iconName: isNumberVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled })),
|
|
19
|
-
React.createElement("div", null,
|
|
15
|
+
validationRules && (React.createElement(React.Fragment, null,
|
|
16
|
+
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.length), dataAttribute: { 'data-security-length': true }, type: LengthvalidationRulesText, classes: 'security-length', color: isLengthVerify.color, iconName: isLengthVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled }),
|
|
20
17
|
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.uppercase), dataAttribute: { 'data-security-uppercase': true }, classes: 'security-uppercase', type: 'Majuscule', color: isUppercaseVerify.color, iconName: isUppercaseVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled }),
|
|
21
|
-
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.
|
|
18
|
+
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.specialChars), dataAttribute: { 'data-security-special-chars': true }, classes: 'security-special-chars', type: 'Caract\u00E8res sp\u00E9ciaux', color: isSpecialCharsVerify.color, iconName: isSpecialCharsVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled }),
|
|
19
|
+
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.lowercase), dataAttribute: { 'data-security-lowercase': true }, classes: 'security-lowercase', type: 'Minuscule', color: isLowerercaseVerify.color, iconName: isLowerercaseVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled }),
|
|
20
|
+
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.number), dataAttribute: { 'data-security-number': true }, classes: 'security-number', type: 'Chiffre', color: isNumberVerify.color, iconName: isNumberVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled }))),
|
|
21
|
+
securityRules &&
|
|
22
|
+
rules &&
|
|
23
|
+
rules.map(function (rule) { return (React.createElement(DataVerify, { key: "".concat(id, "_").concat(rule.label), display: true, type: rule.label, color: rule.validate ? IconColor.SUCCESS : IconColor.NEUTRAL, iconName: rule.validate ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled, dataAttribute: rule.dataAttribute })); }))));
|
|
22
24
|
};
|
|
23
25
|
var DataVerify = function (_a) {
|
|
24
26
|
var dataAttribute = _a.dataAttribute, type = _a.type, display = _a.display, color = _a.color, iconName = _a.iconName, classes = _a.classes, styled = _a.styled;
|
|
@@ -29,4 +31,4 @@ var DataVerify = function (_a) {
|
|
|
29
31
|
React.createElement("span", null, type)));
|
|
30
32
|
};
|
|
31
33
|
export default InputGauge;
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRHYXVnZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvaW5wdXQvZ2F1Z2UvSW5wdXRHYXVnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUVwQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFdkUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFvQjFDLElBQU0sVUFBVSxHQUFHLFVBQUMsRUFBdUU7UUFBckUsZUFBZSxxQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxhQUFhLG1CQUFBO0lBQ3RFLElBQU0sRUFBRSxHQUFHLEtBQUssRUFBRSxDQUFBO0lBQ1osSUFBQSxLQVVGLFFBQVEsQ0FBQyxFQUFFLGVBQWUsaUJBQUEsRUFBRSxVQUFVLFlBQUEsRUFBRSxhQUFhLGVBQUEsRUFBRSxDQUFDLEVBVDFELFVBQVUsZ0JBQUEsRUFDVixVQUFVLGdCQUFBLEVBQ1YseUJBQXlCLCtCQUFBLEVBQ3pCLGNBQWMsb0JBQUEsRUFDZCxtQkFBbUIseUJBQUEsRUFDbkIsY0FBYyxvQkFBQSxFQUNkLG9CQUFvQiwwQkFBQSxFQUNwQixpQkFBaUIsdUJBQUEsRUFDakIsS0FBSyxXQUNxRCxDQUFBO0lBRTVELE9BQU8sQ0FDTCw0Q0FBaUIsZ0JBQWdCLEVBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLDBCQUEwQixDQUFDLENBQUM7UUFDOUYsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGdC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
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { IValidationRules } from '../../../components/input/InputProps';
|
|
2
|
+
import { ISecurityRules, IValidationRules } from '../../../components/input/InputProps';
|
|
3
3
|
interface InputGaugeProps {
|
|
4
4
|
validationRules?: IValidationRules;
|
|
5
5
|
inputValue: string;
|
|
6
|
+
securityRules?: ISecurityRules[];
|
|
6
7
|
}
|
|
7
|
-
declare const InputGauge: ({ validationRules, inputValue }: InputGaugeProps) => JSX.Element;
|
|
8
|
+
declare const InputGauge: ({ validationRules, inputValue, securityRules }: InputGaugeProps) => JSX.Element;
|
|
8
9
|
export default InputGauge;
|
|
@@ -1,38 +1,47 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Icon, IconName, IconSize } from '../../../components/icon';
|
|
1
|
+
import React, { useId } from 'react';
|
|
2
|
+
import { Icon, IconColor, IconName, IconSize } from '../../../components/icon';
|
|
3
3
|
import { Text } from '../../../components/text';
|
|
4
4
|
import { TrilogyColor, getColorStyle } from '../../../objects';
|
|
5
5
|
import { StyleSheet, View } from 'react-native';
|
|
6
6
|
import { useGauge } from './hook/useGauge';
|
|
7
7
|
var InputGauge = function (_a) {
|
|
8
|
-
var validationRules = _a.validationRules, inputValue = _a.inputValue;
|
|
9
|
-
var
|
|
8
|
+
var validationRules = _a.validationRules, inputValue = _a.inputValue, securityRules = _a.securityRules;
|
|
9
|
+
var id = useId();
|
|
10
|
+
var _b = useGauge({ validationRules: validationRules, inputValue: inputValue, securityRules: securityRules }), widthGauge = _b.widthGauge, colorGauge = _b.colorGauge, LengthvalidationRulesText = _b.LengthvalidationRulesText, isLengthVerify = _b.isLengthVerify, isLowerercaseVerify = _b.isLowerercaseVerify, isNumberVerify = _b.isNumberVerify, isSpecialCharsVerify = _b.isSpecialCharsVerify, isUppercaseVerify = _b.isUppercaseVerify, rules = _b.rules;
|
|
10
11
|
return (React.createElement(View, null,
|
|
11
12
|
React.createElement(View, { style: [styles.containerGauge, { backgroundColor: getColorStyle(TrilogyColor.MAIN_FADE) }] },
|
|
12
13
|
React.createElement(View, { style: [styles.gauge, { width: widthGauge, backgroundColor: colorGauge() }] })),
|
|
13
14
|
React.createElement(View, { style: styles.verifies },
|
|
14
|
-
React.createElement(
|
|
15
|
-
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.length), color: isLengthVerify.color, iconName: isLengthVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: LengthvalidationRulesText }),
|
|
16
|
-
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.
|
|
17
|
-
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.
|
|
18
|
-
|
|
19
|
-
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.
|
|
20
|
-
|
|
15
|
+
validationRules && (React.createElement(React.Fragment, null,
|
|
16
|
+
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.length), color: isLengthVerify.color, iconName: isLengthVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: LengthvalidationRulesText, index: 1 }),
|
|
17
|
+
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.uppercase), color: isUppercaseVerify.color, iconName: isUppercaseVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: 'Majuscule', index: 2 }),
|
|
18
|
+
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.specialChars), color: isSpecialCharsVerify.color, iconName: isSpecialCharsVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: 'Caract\u00E8res sp\u00E9ciaux', index: 3 }),
|
|
19
|
+
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.lowercase), color: isLowerercaseVerify.color, iconName: isLowerercaseVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: 'Minuscule', index: 4 }),
|
|
20
|
+
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.number), color: isNumberVerify.color, iconName: isNumberVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: 'Chiffre', index: 5 }))),
|
|
21
|
+
securityRules &&
|
|
22
|
+
rules &&
|
|
23
|
+
rules.map(function (rule, index) { return (React.createElement(DataVerify, { index: index + 1, key: "".concat(id, "_").concat(rule.label), display: true, type: rule.label, color: rule.validate ? IconColor.SUCCESS : IconColor.NEUTRAL, iconName: rule.validate ? IconName.CHECK_CIRCLE : IconName.TIMES })); }))));
|
|
21
24
|
};
|
|
22
25
|
var DataVerify = function (_a) {
|
|
23
|
-
var color = _a.color, iconName = _a.iconName, display = _a.display, type = _a.type;
|
|
26
|
+
var color = _a.color, iconName = _a.iconName, display = _a.display, type = _a.type, index = _a.index;
|
|
24
27
|
if (!display)
|
|
25
28
|
return null;
|
|
26
|
-
return (React.createElement(View, { style: styles.verify },
|
|
29
|
+
return (React.createElement(View, { style: [styles.verify, index % 2 === 0 ? styles.even : undefined] },
|
|
27
30
|
React.createElement(Icon, { color: color, name: iconName, size: IconSize.SMALLER }),
|
|
28
31
|
React.createElement(Text, { style: styles.textVerify }, type)));
|
|
29
32
|
};
|
|
30
33
|
export default InputGauge;
|
|
31
34
|
var styles = StyleSheet.create({
|
|
35
|
+
even: {
|
|
36
|
+
justifyContent: 'flex-end',
|
|
37
|
+
},
|
|
32
38
|
verify: {
|
|
33
39
|
flexDirection: 'row',
|
|
34
40
|
alignItems: 'center',
|
|
35
41
|
marginBottom: 4,
|
|
42
|
+
flexBasis: '50%',
|
|
43
|
+
flexGrow: 0,
|
|
44
|
+
flexShrink: 1,
|
|
36
45
|
},
|
|
37
46
|
textVerify: {
|
|
38
47
|
marginLeft: 8,
|
|
@@ -40,6 +49,7 @@ var styles = StyleSheet.create({
|
|
|
40
49
|
verifies: {
|
|
41
50
|
flexDirection: 'row',
|
|
42
51
|
justifyContent: 'space-between',
|
|
52
|
+
flexWrap: 'wrap',
|
|
43
53
|
},
|
|
44
54
|
containerGauge: {
|
|
45
55
|
height: 4,
|
|
@@ -52,4 +62,4 @@ var styles = StyleSheet.create({
|
|
|
52
62
|
borderRadius: 4,
|
|
53
63
|
},
|
|
54
64
|
});
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRHYXVnZS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2dhdWdlL0lucHV0R2F1Z2UubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUVwQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFdkUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sRUFBa0IsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFnQjFDLElBQU0sVUFBVSxHQUFHLFVBQUMsRUFBK0Q7UUFBN0QsZUFBZSxxQkFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxhQUFhLG1CQUFBO0lBQzlELElBQU0sRUFBRSxHQUFHLEtBQUssRUFBRSxDQUFBO0lBQ1osSUFBQSxLQVVGLFFBQVEsQ0FBQyxFQUFFLGVBQWUsaUJBQUEsRUFBRSxVQUFVLFlBQUEsRUFBRSxhQUFhLGVBQUEsRUFBRSxDQUFDLEVBVDFELFVBQVUsZ0JBQUEsRUFDVixVQUFVLGdCQUFBLEVBQ1YseUJBQXlCLCtCQUFBLEVBQ3pCLGNBQWMsb0JBQUEsRUFDZCxtQkFBbUIseUJBQUEsRUFDbkIsY0FBYyxvQkFBQSxFQUNkLG9CQUFvQiwwQkFBQSxFQUNwQixpQkFBaUIsdUJBQUEsRUFDakIsS0FBSyxXQUNxRCxDQUFBO0lBRTVELE9BQU8sQ0FDTCxvQkFBQyxJQUFJO1FBQ0gsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxj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
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { IconColor } from '../../../../components/icon';
|
|
2
|
-
import { IValidationRules } from '../../../../components/input/InputProps';
|
|
2
|
+
import { ISecurityRules, IValidationRules } from '../../../../components/input/InputProps';
|
|
3
3
|
interface IParams {
|
|
4
4
|
validationRules?: IValidationRules;
|
|
5
5
|
inputValue: string;
|
|
6
|
+
securityRules?: ISecurityRules[];
|
|
6
7
|
}
|
|
7
|
-
export declare const useGauge: ({ validationRules, inputValue }: IParams) => {
|
|
8
|
+
export declare const useGauge: ({ validationRules, inputValue, securityRules }: IParams) => {
|
|
8
9
|
LengthvalidationRulesText: string;
|
|
9
10
|
colorGauge: () => string;
|
|
10
11
|
widthGauge: string;
|
|
@@ -28,5 +29,12 @@ export declare const useGauge: ({ validationRules, inputValue }: IParams) => {
|
|
|
28
29
|
isVerify: boolean;
|
|
29
30
|
color: IconColor;
|
|
30
31
|
};
|
|
32
|
+
rules: {
|
|
33
|
+
label: string | undefined;
|
|
34
|
+
validate: boolean;
|
|
35
|
+
dataAttribute: {
|
|
36
|
+
[key: string]: string | number | boolean;
|
|
37
|
+
} | undefined;
|
|
38
|
+
}[] | undefined;
|
|
31
39
|
};
|
|
32
40
|
export {};
|
|
@@ -4,7 +4,7 @@ import { IconColor } from '../../../../components/icon';
|
|
|
4
4
|
import { TrilogyColor, getColorStyle } from '../../../../objects';
|
|
5
5
|
export var useGauge = function (_a) {
|
|
6
6
|
var _b, _c;
|
|
7
|
-
var validationRules = _a.validationRules, inputValue = _a.inputValue;
|
|
7
|
+
var validationRules = _a.validationRules, inputValue = _a.inputValue, securityRules = _a.securityRules;
|
|
8
8
|
var _d = __read(React.useState(0), 2), points = _d[0], setPoints = _d[1];
|
|
9
9
|
var initStateVerifies = { isVerify: false, color: IconColor.NEUTRAL };
|
|
10
10
|
var _e = __read(React.useState(initStateVerifies), 2), isLengthVerify = _e[0], setIsLengthVerify = _e[1];
|
|
@@ -12,24 +12,47 @@ export var useGauge = function (_a) {
|
|
|
12
12
|
var _g = __read(React.useState(initStateVerifies), 2), isNumberVerify = _g[0], setIsNumberVerify = _g[1];
|
|
13
13
|
var _h = __read(React.useState(initStateVerifies), 2), isUppercaseVerify = _h[0], setIsUppercaseVerify = _h[1];
|
|
14
14
|
var _j = __read(React.useState(initStateVerifies), 2), isLowerercaseVerify = _j[0], setisLowerercaseVerify = _j[1];
|
|
15
|
-
var nbAllVerifies = React.useMemo(function () {
|
|
15
|
+
var nbAllVerifies = React.useMemo(function () {
|
|
16
|
+
return (validationRules && Object.values(validationRules).filter(function (rule) { return rule; }).length) ||
|
|
17
|
+
(securityRules && securityRules.length) ||
|
|
18
|
+
0;
|
|
19
|
+
}, [validationRules, securityRules]);
|
|
20
|
+
var rules = React.useMemo(function () {
|
|
21
|
+
return securityRules &&
|
|
22
|
+
securityRules.map(function (_a) {
|
|
23
|
+
var label = _a.label, patternValidator = _a.patternValidator, dataAttribute = _a.dataAttribute;
|
|
24
|
+
return ({
|
|
25
|
+
label: label,
|
|
26
|
+
validate: !!(patternValidator === null || patternValidator === void 0 ? void 0 : patternValidator.test(inputValue)),
|
|
27
|
+
dataAttribute: dataAttribute,
|
|
28
|
+
});
|
|
29
|
+
});
|
|
30
|
+
}, [inputValue, securityRules]);
|
|
31
|
+
var calcPoints = React.useMemo(function () {
|
|
32
|
+
if (validationRules) {
|
|
33
|
+
return Number(((points / nbAllVerifies) * 100).toFixed(0));
|
|
34
|
+
}
|
|
35
|
+
if (securityRules) {
|
|
36
|
+
var pts = (rules === null || rules === void 0 ? void 0 : rules.filter(function (rule) { return rule.validate; }).length) || 0;
|
|
37
|
+
return Number(((pts / nbAllVerifies) * 100).toFixed(0));
|
|
38
|
+
}
|
|
39
|
+
return 0;
|
|
40
|
+
}, [points, nbAllVerifies, rules, validationRules, securityRules]);
|
|
16
41
|
var widthGauge = React.useMemo(function () {
|
|
17
|
-
|
|
18
|
-
if (calc <= 50 && calc > 0)
|
|
42
|
+
if (calcPoints <= 50 && calcPoints > 0)
|
|
19
43
|
return '50%';
|
|
20
|
-
if (
|
|
44
|
+
if (calcPoints <= 99 && calcPoints > 50)
|
|
21
45
|
return '75%';
|
|
22
|
-
if (
|
|
46
|
+
if (calcPoints === 100)
|
|
23
47
|
return '100%';
|
|
24
48
|
return '0%';
|
|
25
|
-
}, [
|
|
49
|
+
}, [calcPoints, nbAllVerifies]);
|
|
26
50
|
var colorGauge = function () {
|
|
27
|
-
|
|
28
|
-
if (calc <= 50 && calc > 0)
|
|
51
|
+
if (calcPoints <= 50 && calcPoints > 0)
|
|
29
52
|
return getColorStyle(TrilogyColor.ERROR);
|
|
30
|
-
if (
|
|
53
|
+
if (calcPoints <= 99 && calcPoints > 50)
|
|
31
54
|
return getColorStyle(TrilogyColor.WARNING);
|
|
32
|
-
if (
|
|
55
|
+
if (calcPoints === 100)
|
|
33
56
|
return getColorStyle(TrilogyColor.SUCCESS);
|
|
34
57
|
return getColorStyle(TrilogyColor.NEUTRAL_FADE);
|
|
35
58
|
};
|
|
@@ -75,6 +98,7 @@ export var useGauge = function (_a) {
|
|
|
75
98
|
isNumberVerify: isNumberVerify,
|
|
76
99
|
isSpecialCharsVerify: isSpecialCharsVerify,
|
|
77
100
|
isUppercaseVerify: isUppercaseVerify,
|
|
101
|
+
rules: rules,
|
|
78
102
|
};
|
|
79
103
|
};
|
|
80
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
104
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlR2F1Z2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2dhdWdlL2hvb2svdXNlR2F1Z2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFakQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRTdDLE9BQU8sRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBUXZELE1BQU0sQ0FBQyxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQXVEOztRQUFyRCxlQUFlLHFCQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLGFBQWEsbUJBQUE7SUFDN0QsSUFBQSxLQUFBLE9BQXNCLEtBQUssQ0FBQyxRQUFRLENBQVMsQ0FBQyxDQUFDLElBQUEsRUFBOUMsTUFBTSxRQUFBLEVBQUUsU0FBUyxRQUE2QixDQUFBO0lBQ3JELElBQU0saUJBQWlCLEdBQUcsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxTQUFTLENBQUMsT0FBTyxFQUFFLENBQUE7SUFDakUsSUFBQSxLQUFBLE9BQXNDLEtBQUssQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsSUFBQSxFQUF0RSxjQUFjLFFBQUEsRUFBRSxpQkFBaUIsUUFBcUMsQ0FBQTtJQUN2RSxJQUFBLEtBQUEsT0FBa0QsS0FBSyxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFBLEVBQWxGLG9CQUFvQixRQUFBLEVBQUUsdUJBQXVCLFFBQXFDLENBQUE7SUFDbkYsSUFBQSxLQUFBLE9BQXNDLEtBQUssQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsSUFBQSxFQUF0RSxjQUFjLFFBQUEsRUFBRSxpQkFBaUIsUUFBcUMsQ0FBQTtJQUN2RSxJQUFBLEtBQUEsT0FBNEMsS0FBSyxDQUFDLFFBQVEs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
|
|
@@ -55,8 +55,8 @@ var ListItem = React.forwardRef(function (_a, ref) {
|
|
|
55
55
|
React.createElement(View, { style: styles.disc }))),
|
|
56
56
|
iconName && (React.createElement(View, null,
|
|
57
57
|
React.createElement(Icon, { size: 'small', name: iconName, color: status }))),
|
|
58
|
-
React.createElement(View, { style: {
|
|
58
|
+
React.createElement(View, { style: { flexGrow: 1 } }, getComponent)));
|
|
59
59
|
});
|
|
60
60
|
ListItem.displayName = ComponentName.ListItem;
|
|
61
61
|
export default ListItem;
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2l0ZW0vTGlzdEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQVksTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFFdkQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkUsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDcEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0M7Ozs7O0dBS0c7QUFDSCxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMvQixVQUFDLEVBQThCLEVBQUUsR0FBRztRQUFqQyxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxRQUFRLGNBQUE7SUFDM0IsSUFBTSxFQUFFLEdBQUcsS0FBSyxFQUFFLENBQUE7SUFDWixJQUFBLEtBQXFELFVBQVUsQ0FBQyxXQUFXLENBQUMsRUFBMUUsT0FBTyxhQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxPQUFPLGFBQTRCLENBQUE7SUFDbEYsSUFBTSxVQUFVLEdBQUcsV0FBVyxDQUFDLFdBQVcsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFBO0lBRTdELFNBQVMsQ0FBQztRQUNSLGVBQWUsQ0FBQyxVQUFDLElB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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { SafeAreaView } from
|
|
3
|
-
import { OtpProps } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SafeAreaView } from 'react-native';
|
|
3
|
+
import { OtpProps } from './OtpProps';
|
|
4
4
|
/**
|
|
5
5
|
* OTP Code Component
|
|
6
6
|
* @param value {string} Code Text Input
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { __assign, __read, __rest, __spreadArray } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { Icon, IconColor, IconName, IconSize } from '../../components/icon';
|
|
4
|
+
import { Text, TextLevels } from '../../components/text';
|
|
5
|
+
import { Title, TitleLevels } from '../../components/title';
|
|
6
|
+
import { TypographyAlign } from '../../objects';
|
|
7
|
+
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
8
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
9
|
+
import { Pressable, SafeAreaView, StyleSheet, TextInput, View } from 'react-native';
|
|
10
10
|
/**
|
|
11
11
|
* OTP Code Component
|
|
12
12
|
* @param value {string} Code Text Input
|
|
@@ -21,14 +21,14 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
21
21
|
*/
|
|
22
22
|
var Otp = React.forwardRef(function (_a, ref) {
|
|
23
23
|
var value = _a.value, _b = _a.length, length = _b === void 0 ? 6 : _b, disabled = _a.disabled, error = _a.error, onCompleted = _a.onCompleted, onFocus = _a.onFocus, activated = _a.activated, onChange = _a.onChange, label = _a.label, others = __rest(_a, ["value", "length", "disabled", "error", "onCompleted", "onFocus", "activated", "onChange", "label"]);
|
|
24
|
-
var _c = __read(useState(value ||
|
|
24
|
+
var _c = __read(useState(value || ''), 2), codeInput = _c[0], setCodeInput = _c[1];
|
|
25
25
|
// eslint-disable-next-line prefer-spread
|
|
26
26
|
var _d = __read(useState(__spreadArray([], __read(Array(length).keys()), false)), 1), codeDigitsArray = _d[0];
|
|
27
27
|
var _e = __read(useState(false), 2), focused = _e[0], setFocused = _e[1];
|
|
28
28
|
var color = getColorStyle(disabled ? TrilogyColor.DISABLED : error ? TrilogyColor.ERROR : TrilogyColor.MAIN);
|
|
29
29
|
useEffect(function () {
|
|
30
30
|
if (/^-?\d*\.?\d*$/.test(codeInput) && !disabled) {
|
|
31
|
-
setCodeInput(value ||
|
|
31
|
+
setCodeInput(value || '');
|
|
32
32
|
}
|
|
33
33
|
}, [value]);
|
|
34
34
|
useEffect(function () {
|
|
@@ -44,23 +44,29 @@ var Otp = React.forwardRef(function (_a, ref) {
|
|
|
44
44
|
var style = StyleSheet.create({
|
|
45
45
|
container: {
|
|
46
46
|
flex: 1,
|
|
47
|
-
alignItems:
|
|
48
|
-
justifyContent:
|
|
49
|
-
alignSelf:
|
|
47
|
+
alignItems: 'flex-start',
|
|
48
|
+
justifyContent: 'center',
|
|
49
|
+
alignSelf: 'center',
|
|
50
50
|
},
|
|
51
51
|
inputsContainer: {
|
|
52
|
-
flexDirection:
|
|
53
|
-
justifyContent:
|
|
54
|
-
alignItems:
|
|
52
|
+
flexDirection: 'row',
|
|
53
|
+
justifyContent: 'center',
|
|
54
|
+
alignItems: 'center',
|
|
55
55
|
},
|
|
56
56
|
inputContainer: {
|
|
57
|
-
borderColor: getColorStyle(disabled
|
|
57
|
+
borderColor: getColorStyle(disabled
|
|
58
|
+
? TrilogyColor.DISABLED
|
|
59
|
+
: activated
|
|
60
|
+
? TrilogyColor.MAIN
|
|
61
|
+
: error
|
|
62
|
+
? TrilogyColor.ERROR
|
|
63
|
+
: TrilogyColor.NEUTRAL),
|
|
58
64
|
borderWidth: 1,
|
|
59
65
|
borderRadius: 4,
|
|
60
66
|
marginHorizontal: 5,
|
|
61
|
-
justifyContent:
|
|
62
|
-
alignContent:
|
|
63
|
-
alignItems:
|
|
67
|
+
justifyContent: 'center',
|
|
68
|
+
alignContent: 'center',
|
|
69
|
+
alignItems: 'center',
|
|
64
70
|
width: 28,
|
|
65
71
|
height: 35,
|
|
66
72
|
},
|
|
@@ -69,14 +75,14 @@ var Otp = React.forwardRef(function (_a, ref) {
|
|
|
69
75
|
borderWidth: 1,
|
|
70
76
|
borderRadius: 4,
|
|
71
77
|
marginHorizontal: 5,
|
|
72
|
-
justifyContent:
|
|
73
|
-
alignContent:
|
|
74
|
-
alignItems:
|
|
78
|
+
justifyContent: 'center',
|
|
79
|
+
alignContent: 'center',
|
|
80
|
+
alignItems: 'center',
|
|
75
81
|
width: 28,
|
|
76
82
|
height: 35,
|
|
77
83
|
},
|
|
78
84
|
hiddenCodeInput: {
|
|
79
|
-
position:
|
|
85
|
+
position: 'absolute',
|
|
80
86
|
height: 1,
|
|
81
87
|
width: 1,
|
|
82
88
|
opacity: 0,
|
|
@@ -92,25 +98,25 @@ var Otp = React.forwardRef(function (_a, ref) {
|
|
|
92
98
|
},
|
|
93
99
|
text: {
|
|
94
100
|
paddingLeft: 5,
|
|
95
|
-
marginBottom: 8,
|
|
96
101
|
color: color,
|
|
97
102
|
},
|
|
98
103
|
});
|
|
99
104
|
var toDigitInput = function (_value, idx) {
|
|
100
|
-
var emptyInputChar =
|
|
105
|
+
var emptyInputChar = ' ';
|
|
101
106
|
var digit = codeInput[idx] || emptyInputChar;
|
|
102
107
|
if (idx <= codeInput.length) {
|
|
103
108
|
return (React.createElement(View, { key: idx, style: style.inputSelectedContainer },
|
|
104
109
|
React.createElement(Text, { typo: TypographyAlign.TEXT_CENTERED, level: TextLevels.TWO }, digit),
|
|
105
|
-
Boolean(idx === codeInput.length) &&
|
|
110
|
+
Boolean(idx === codeInput.length) && React.createElement(View, { style: style.currentInput })));
|
|
106
111
|
}
|
|
107
112
|
return (React.createElement(View, { key: idx, style: style.inputContainer },
|
|
108
113
|
React.createElement(Title, { level: TitleLevels.FOUR }, digit)));
|
|
109
114
|
};
|
|
110
115
|
return (React.createElement(SafeAreaView, __assign({ ref: ref, style: style.container }, others),
|
|
111
|
-
React.createElement(View, { style: { flexDirection:
|
|
112
|
-
Boolean(label) && (React.createElement(
|
|
113
|
-
|
|
116
|
+
React.createElement(View, { style: { flexDirection: 'row', alignItems: 'center', gap: 4, marginBottom: label ? 8 : undefined } },
|
|
117
|
+
Boolean(label) && (React.createElement(View, null,
|
|
118
|
+
React.createElement(Text, { style: style.text, level: TextLevels.FOUR }, label))),
|
|
119
|
+
error && React.createElement(Icon, { name: IconName.EXCLAMATION_CIRCLE, color: IconColor.ERROR, size: IconSize.SMALLER })),
|
|
114
120
|
React.createElement(Pressable, { style: style.inputsContainer, onPress: handleOnPress }, codeDigitsArray.map(function (_item, index) { return (React.createElement(View, { key: index }, toDigitInput(index, index))); })),
|
|
115
121
|
React.createElement(TextInput, { ref: refInput, value: codeInput, onChangeText: function (code) {
|
|
116
122
|
if (/^-?\d*\.?\d*$/.test(code) && !disabled) {
|
|
@@ -119,7 +125,7 @@ var Otp = React.forwardRef(function (_a, ref) {
|
|
|
119
125
|
}
|
|
120
126
|
setCodeInput(code);
|
|
121
127
|
}
|
|
122
|
-
}, keyboardType:
|
|
128
|
+
}, keyboardType: 'numeric', returnKeyType: 'send', textContentType: 'oneTimeCode', maxLength: length, onFocus: function () {
|
|
123
129
|
if (!disabled) {
|
|
124
130
|
setFocused(true);
|
|
125
131
|
onFocus === null || onFocus === void 0 ? void 0 : onFocus(true);
|
|
@@ -131,4 +137,4 @@ var Otp = React.forwardRef(function (_a, ref) {
|
|
|
131
137
|
});
|
|
132
138
|
Otp.displayName = ComponentName.Otp;
|
|
133
139
|
export default Otp;
|
|
134
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
140
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3RwLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvb3RwL090cC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3ZFLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUMxRCxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUduRjs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzFCLFVBQ0UsRUFBbUcsRUFDbkcsR0FBRztJQURELElBQUEsS0FBSyxXQUFBLEVBQUUsY0FBVSxFQUFWLE1BQU0sbUJBQUcsQ0FBQyxLQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFLLE1BQU0sY0FBakcsb0dBQW1HLENBQUY7SUFHM0YsSUFBQSxLQUFBLE9BQTRCLFFBQVEsQ0FB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
|
|
@@ -7,6 +7,8 @@ import { is } from '../../../services';
|
|
|
7
7
|
import { isRequiredChild } from '../../../helpers/require';
|
|
8
8
|
import clsx from 'clsx';
|
|
9
9
|
import * as React from 'react';
|
|
10
|
+
import { Text, TextMarkup } from '../../../components/text';
|
|
11
|
+
import { TypographyColor } from '../../../objects/Typography';
|
|
10
12
|
/**
|
|
11
13
|
* RadioList Component
|
|
12
14
|
* @param children {ReactNode} CheckboxList children
|
|
@@ -18,10 +20,17 @@ import * as React from 'react';
|
|
|
18
20
|
* @param accessibilityLabelledBy {string} aria-labelledby attribute
|
|
19
21
|
*/
|
|
20
22
|
var RadioList = React.forwardRef(function (_a, ref) {
|
|
21
|
-
var className = _a.className, id = _a.id, align = _a.align, horizontalMobile = _a.horizontalMobile, verticalDesktop = _a.verticalDesktop, accessibilityLabelledBy = _a.accessibilityLabelledBy, children = _a.children, others = __rest(_a, ["className", "id", "align", "horizontalMobile", "verticalDesktop", "accessibilityLabelledBy", "children"]);
|
|
23
|
+
var className = _a.className, id = _a.id, align = _a.align, horizontalMobile = _a.horizontalMobile, verticalDesktop = _a.verticalDesktop, accessibilityLabelledBy = _a.accessibilityLabelledBy, children = _a.children, label = _a.label, others = __rest(_a, ["className", "id", "align", "horizontalMobile", "verticalDesktop", "accessibilityLabelledBy", "children", "label"]);
|
|
22
24
|
var styled = useTrilogyContext().styled;
|
|
23
|
-
|
|
25
|
+
var groupLabelClasses = hashClass(styled, 'group-label');
|
|
26
|
+
return (React.createElement(React.Fragment, null,
|
|
27
|
+
label && (React.createElement("p", { className: groupLabelClasses },
|
|
28
|
+
label,
|
|
29
|
+
isRequiredChild(children) && (React.createElement(Text, { markup: TextMarkup.SPAN, typo: TypographyColor.TEXT_ERROR },
|
|
30
|
+
' ',
|
|
31
|
+
"*")))),
|
|
32
|
+
React.createElement("div", __assign({ ref: ref, id: id, role: "radiogroup", "aria-labelledby": accessibilityLabelledBy, "aria-required": isRequiredChild(children) ? 'true' : undefined, className: hashClass(styled, clsx('radios', className, align && is(getJustifiedClassName(align)), horizontalMobile && is('horizontal-mobile'), verticalDesktop && is('vertical-desktop'))) }, others), children)));
|
|
24
33
|
});
|
|
25
34
|
RadioList.displayName = ComponentName.RadioList;
|
|
26
35
|
export default RadioList;
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9MaXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby9saXN0L1JhZGlvTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDakQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbkQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBRXREOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBZ0gsRUFBRSxHQUFHO0lBQW5ILElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsZ0JBQWdCLHNCQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLHVCQUF1Qiw2QkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFLLE1BQU0sY0FBOUcsbUhBQWdILENBQUY7SUFDckcsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxpQkFBaUIsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLGFBQWEsQ0FBQyxDQUFBO0lBRTFELE9BQU8sQ0FDTDtRQUNHLEtBQUssSUFBSSxDQUNSLDJCQUFHLFNBQVMsRUFBRSxpQkFBaUI7WUFDNUIsS0FBSztZQUNMLGVBQWUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUM1QixvQkFBQyxJQUFJLElBQUMsTUFBTSxFQUFFLFVBQVUsQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLGVBQWUsQ0FBQyxVQUFVO2dCQUM1RCxHQUFHO29CQUNDLENBQ1IsQ0FDQyxDQUNMO1FBQ0Qsc0NBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLElBQUksRUFBQyxZQUFZLHFCQUNBLHVCQUF1QixtQkFDekIsZUFBZSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDN0QsU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FDRixRQUFRLEVBQ1IsU0FBUyxFQUNULEtBQUssSUFBSSxFQUFFLENBQUMscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUMsRUFDekMsZ0JBQWdCLElBQUksRUFBRSxDQUFDLG1CQUFtQixDQUFDLEVBQzNDLGVBQWUsSUFBSSxFQUFFLENBQUMsa0JBQWtCLENBQUMsQ0FDMUMsQ0FDRixJQUNHLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDTCxDQUNKLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9
|
|
@@ -4,6 +4,7 @@ import type { RadioListProps } from './RadioListProps';
|
|
|
4
4
|
* RadioList Native Component
|
|
5
5
|
* @param children {ReactNode} RadioList children
|
|
6
6
|
* @param autolayout {boolean} Apply auto-layout rules
|
|
7
|
+
* @param label {string} RadioList label
|
|
7
8
|
*/
|
|
8
|
-
declare const RadioList: React.ForwardRefExoticComponent<RadioListProps & React.RefAttributes<import("react-native
|
|
9
|
+
declare const RadioList: React.ForwardRefExoticComponent<RadioListProps & React.RefAttributes<import("react-native").View>>;
|
|
9
10
|
export default RadioList;
|