@trilogy-ds/react 4.10.2 → 4.11.0

package/lib/components/otp/Otp.native.js

@@ -1,12 +1,12 @@
 import { __assign, __read, __rest, __spreadArray } from "tslib";
-import React, { useEffect, useRef, useState } from "react";
-import { Pressable, SafeAreaView, StyleSheet, TextInput, View, } from "react-native";
-import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
-import { Icon, IconColor, IconName, IconSize } from "../../components/icon";
-import { Title, TitleLevels } from "../../components/title";
-import { Text, TextLevels } from "../../components/text";
-import { TypographyAlign } from "../../objects";
-import { ComponentName } from "../../components/enumsComponentsName";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { Icon, IconColor, IconName, IconSize } from '../../components/icon';
+import { Text, TextLevels } from '../../components/text';
+import { Title, TitleLevels } from '../../components/title';
+import { TypographyAlign } from '../../objects';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import React, { useEffect, useRef, useState } from 'react';
+import { Pressable, SafeAreaView, StyleSheet, TextInput, View } from 'react-native';
 /**
  * OTP Code Component
  * @param value {string} Code Text Input
@@ -21,14 +21,14 @@ import { ComponentName } from "../../components/enumsComponentsName";
  */
 var Otp = React.forwardRef(function (_a, ref) {
     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"]);
-    var _c = __read(useState(value || ""), 2), codeInput = _c[0], setCodeInput = _c[1];
+    var _c = __read(useState(value || ''), 2), codeInput = _c[0], setCodeInput = _c[1];
     // eslint-disable-next-line prefer-spread
     var _d = __read(useState(__spreadArray([], __read(Array(length).keys()), false)), 1), codeDigitsArray = _d[0];
     var _e = __read(useState(false), 2), focused = _e[0], setFocused = _e[1];
     var color = getColorStyle(disabled ? TrilogyColor.DISABLED : error ? TrilogyColor.ERROR : TrilogyColor.MAIN);
     useEffect(function () {
         if (/^-?\d*\.?\d*$/.test(codeInput) && !disabled) {
-            setCodeInput(value || "");
+            setCodeInput(value || '');
         }
     }, [value]);
     useEffect(function () {
@@ -44,23 +44,29 @@ var Otp = React.forwardRef(function (_a, ref) {
     var style = StyleSheet.create({
         container: {
             flex: 1,
-            alignItems: "flex-start",
-            justifyContent: "center",
-            alignSelf: "center",
+            alignItems: 'flex-start',
+            justifyContent: 'center',
+            alignSelf: 'center',
         },
         inputsContainer: {
-            flexDirection: "row",
-            justifyContent: "center",
-            alignItems: "center",
+            flexDirection: 'row',
+            justifyContent: 'center',
+            alignItems: 'center',
         },
         inputContainer: {
-            borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED : activated ? TrilogyColor.MAIN : error ? TrilogyColor.ERROR : TrilogyColor.NEUTRAL),
+            borderColor: getColorStyle(disabled
+                ? TrilogyColor.DISABLED
+                : activated
+                    ? TrilogyColor.MAIN
+                    : error
+                        ? TrilogyColor.ERROR
+                        : TrilogyColor.NEUTRAL),
             borderWidth: 1,
             borderRadius: 4,
             marginHorizontal: 5,
-            justifyContent: "center",
-            alignContent: "center",
-            alignItems: "center",
+            justifyContent: 'center',
+            alignContent: 'center',
+            alignItems: 'center',
             width: 28,
             height: 35,
         },
@@ -69,14 +75,14 @@ var Otp = React.forwardRef(function (_a, ref) {
             borderWidth: 1,
             borderRadius: 4,
             marginHorizontal: 5,
-            justifyContent: "center",
-            alignContent: "center",
-            alignItems: "center",
+            justifyContent: 'center',
+            alignContent: 'center',
+            alignItems: 'center',
             width: 28,
             height: 35,
         },
         hiddenCodeInput: {
-            position: "absolute",
+            position: 'absolute',
             height: 1,
             width: 1,
             opacity: 0,
@@ -92,25 +98,25 @@ var Otp = React.forwardRef(function (_a, ref) {
         },
         text: {
             paddingLeft: 5,
-            marginBottom: 8,
             color: color,
         },
     });
     var toDigitInput = function (_value, idx) {
-        var emptyInputChar = " ";
+        var emptyInputChar = ' ';
         var digit = codeInput[idx] || emptyInputChar;
         if (idx <= codeInput.length) {
             return (React.createElement(View, { key: idx, style: style.inputSelectedContainer },
                 React.createElement(Text, { typo: TypographyAlign.TEXT_CENTERED, level: TextLevels.TWO }, digit),
-                Boolean(idx === codeInput.length) && (React.createElement(View, { style: style.currentInput }))));
+                Boolean(idx === codeInput.length) && React.createElement(View, { style: style.currentInput })));
         }
         return (React.createElement(View, { key: idx, style: style.inputContainer },
             React.createElement(Title, { level: TitleLevels.FOUR }, digit)));
     };
     return (React.createElement(SafeAreaView, __assign({ ref: ref, style: style.container }, others),
-        React.createElement(View, { style: { flexDirection: "row", alignItems: "center" } },
-            Boolean(label) && (React.createElement(Text, { style: style.text, level: TextLevels.FOUR }, label)),
-            error && (React.createElement(Icon, { name: IconName.EXCLAMATION_CIRCLE, color: IconColor.ERROR, size: IconSize.SMALL }))),
+        React.createElement(View, { style: { flexDirection: 'row', alignItems: 'center', gap: 4, marginBottom: label ? 8 : undefined } },
+            Boolean(label) && (React.createElement(View, null,
+                React.createElement(Text, { style: style.text, level: TextLevels.FOUR }, label))),
+            error && React.createElement(Icon, { name: IconName.EXCLAMATION_CIRCLE, color: IconColor.ERROR, size: IconSize.SMALLER })),
         React.createElement(Pressable, { style: style.inputsContainer, onPress: handleOnPress }, codeDigitsArray.map(function (_item, index) { return (React.createElement(View, { key: index }, toDigitInput(index, index))); })),
         React.createElement(TextInput, { ref: refInput, value: codeInput, onChangeText: function (code) {
                 if (/^-?\d*\.?\d*$/.test(code) && !disabled) {
@@ -119,7 +125,7 @@ var Otp = React.forwardRef(function (_a, ref) {
                     }
                     setCodeInput(code);
                 }
-            }, keyboardType: "numeric", returnKeyType: "send", textContentType: 'oneTimeCode', maxLength: length, onFocus: function () {
+            }, keyboardType: 'numeric', returnKeyType: 'send', textContentType: 'oneTimeCode', maxLength: length, onFocus: function () {
                 if (!disabled) {
                     setFocused(true);
                     onFocus === null || onFocus === void 0 ? void 0 : onFocus(true);
@@ -131,4 +137,4 @@ var Otp = React.forwardRef(function (_a, ref) {
 });
 Otp.displayName = ComponentName.Otp;
 export default Otp;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3RwLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvb3RwL090cC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsSUFBSSxHQUFHLE1BQU0sY0FBYyxDQUFBO0FBRXBGLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3ZFLE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDdkQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXlCLFVBQUMsRUFXckQsRUFBRSxHQUFHO0lBVkosSUFBQSxLQUFLLFdBQUEsRUFDTCxjQUFVLEVBQVYsTUFBTSxtQkFBRyxDQUFDLEtBQUEsRUFDVixRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQVYyQyxvR0FXckQsQ0FEVTtJQUVILElBQUEsS0FBQSxPQUE0QixRQUFRLENBQVMs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3RwLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvb3RwL090cC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3ZFLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUMxRCxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUduRjs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzFCLFVBQ0UsRUFBbUcsRUFDbkcsR0FBRztJQURELElBQUEsS0FBSyxXQUFBLEVBQUUsY0FBVSxFQUFWLE1BQU0sbUJBQUcsQ0FBQyxLQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFLLE1BQU0sY0FBakcsb0dBQW1HLENBQUY7SUFHM0YsSUFBQSxLQUFBLE9BQTRCLFFBQVEsQ0FB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

package/lib/components/radio/list/RadioList.js

@@ -7,6 +7,8 @@ import { is } from '../../../services';
 import { isRequiredChild } from '../../../helpers/require';
 import clsx from 'clsx';
 import * as React from 'react';
+import { Text, TextMarkup } from '../../../components/text';
+import { TypographyColor } from '../../../objects/Typography';
 /**
  * RadioList Component
  * @param children {ReactNode} CheckboxList children
@@ -18,10 +20,17 @@ import * as React from 'react';
  * @param accessibilityLabelledBy {string} aria-labelledby attribute
  */
 var RadioList = React.forwardRef(function (_a, ref) {
-    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"]);
+    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"]);
     var styled = useTrilogyContext().styled;
-    return (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));
+    var groupLabelClasses = hashClass(styled, 'group-label');
+    return (React.createElement(React.Fragment, null,
+        label && (React.createElement("p", { className: groupLabelClasses },
+            label,
+            isRequiredChild(children) && (React.createElement(Text, { markup: TextMarkup.SPAN, typo: TypographyColor.TEXT_ERROR },
+                ' ',
+                "*")))),
+        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)));
 });
 RadioList.displayName = ComponentName.RadioList;
 export default RadioList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9MaXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby9saXN0L1JhZGlvTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDakQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbkQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBeUcsRUFBRSxHQUFHO0lBQTVHLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsZ0JBQWdCLHNCQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLHVCQUF1Qiw2QkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBdkcsMEdBQXlHLENBQUY7SUFDOUYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsRUFDTixJQUFJLEVBQUMsWUFBWSxxQkFDQSx1QkFBdUIsbUJBQ3pCLGVBQWUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQzdELFNBQVMsRUFBRSxTQUFTLENBQ2xCLE1BQU0sRUFDTixJQUFJLENBQ0YsUUFBUSxFQUNSLFNBQVMsRUFDVCxLQUFLLElBQUksRUFBRSxDQUFDLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQ3pDLGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxFQUMzQyxlQUFlLElBQUksRUFBRSxDQUFDLGtCQUFrQixDQUFDLENBQzFDLENBQ0YsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9MaXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby9saXN0L1JhZGlvTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDakQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbkQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBRXREOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBZ0gsRUFBRSxHQUFHO0lBQW5ILElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsZ0JBQWdCLHNCQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLHVCQUF1Qiw2QkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFLLE1BQU0sY0FBOUcsbUhBQWdILENBQUY7SUFDckcsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxpQkFBaUIsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLGFBQWEsQ0FBQyxDQUFBO0lBRTFELE9BQU8sQ0FDTDtRQUNHLEtBQUssSUFBSSxDQUNSLDJCQUFHLFNBQVMsRUFBRSxpQkFBaUI7WUFDNUIsS0FBSztZQUNMLGVBQWUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUM1QixvQkFBQyxJQUFJLElBQUMsTUFBTSxFQUFFLFVBQVUsQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLGVBQWUsQ0FBQyxVQUFVO2dCQUM1RCxHQUFHO29CQUNDLENBQ1IsQ0FDQyxDQUNMO1FBQ0Qsc0NBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLElBQUksRUFBQyxZQUFZLHFCQUNBLHVCQUF1QixtQkFDekIsZUFBZSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDN0QsU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FDRixRQUFRLEVBQ1IsU0FBUyxFQUNULEtBQUssSUFBSSxFQUFFLENBQUMscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUMsRUFDekMsZ0JBQWdCLElBQUksRUFBRSxDQUFDLG1CQUFtQixDQUFDLEVBQzNDLGVBQWUsSUFBSSxFQUFFLENBQUMsa0JBQWtCLENBQUMsQ0FDMUMsQ0FDRixJQUNHLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDTCxDQUNKLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9

package/lib/components/radio/list/RadioList.native.d.ts

@@ -4,6 +4,7 @@ import type { RadioListProps } from './RadioListProps';
  * RadioList Native Component
  * @param children {ReactNode} RadioList children
  * @param autolayout {boolean} Apply auto-layout rules
+ * @param label {string} RadioList label
  */
-declare const RadioList: React.ForwardRefExoticComponent<RadioListProps & React.RefAttributes<import("react-native/types").View>>;
+declare const RadioList: React.ForwardRefExoticComponent<RadioListProps & React.RefAttributes<import("react-native").View>>;
 export default RadioList;

package/lib/components/radio/list/RadioList.native.js

@@ -3,7 +3,11 @@ import { AutoLayoutWrapper } from '../../../components/autolayout';
 import { SpacingMatrixMode } from '../../../components/autolayout/SpacingMatrix';
 import { ComponentName } from '../../../components/enumsComponentsName';
 import { SpacerSize } from '../../../components/spacer';
+import { Text } from '../../../components/text';
 import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import { isRequiredChild } from '../../../helpers/require';
+import { TypographyColor } from '../../../objects/Typography';
 var THREE = SpacerSize.THREE, TWO = SpacerSize.TWO;
 var INSERT_SPACE_BETWEEN = SpacingMatrixMode.INSERT_SPACE_BETWEEN;
 var SPACING_MATRIX = [
@@ -15,12 +19,22 @@ var SPACING_MATRIX = [
  * RadioList Native Component
  * @param children {ReactNode} RadioList children
  * @param autolayout {boolean} Apply auto-layout rules
+ * @param label {string} RadioList label
  */
 var RadioList = React.forwardRef(function (_a, ref) {
-    var children = _a.children;
-    var refList = React.useRef(ref);
-    return React.createElement(AutoLayoutWrapper, __assign({}, { autolayout: SPACING_MATRIX, children: children }));
+    var children = _a.children, label = _a.label;
+    var styles = StyleSheet.create({
+        label: {
+            marginBottom: 8,
+        },
+    });
+    return (React.createElement(AutoLayoutWrapper, __assign({}, { autolayout: SPACING_MATRIX }),
+        label && (React.createElement(Text, { style: styles.label },
+            label,
+            " ",
+            isRequiredChild(children) && React.createElement(Text, { typo: TypographyColor.TEXT_ERROR }, "*"))),
+        children));
 });
 RadioList.displayName = ComponentName.RadioList;
 export default RadioList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9MaXN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcmFkaW8vbGlzdC9SYWRpb0xpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDM0QsT0FBTyxFQUFpQixpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQ3hGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDaEQsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHdEIsSUFBQSxLQUFLLEdBQVUsVUFBVSxNQUFwQixFQUFFLEdBQUcsR0FBSyxVQUFVLElBQWYsQ0FBZTtBQUN6QixJQUFBLG9CQUFvQixHQUFLLGlCQUFpQixxQkFBdEIsQ0FBc0I7QUFFbEQsSUFBTSxjQUFjLEdBQWtCO0lBQ3BDLENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7SUFDL0MsQ0FBQyxvQkFBb0IsRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLEdBQUcsQ0FBQztJQUMvQyxDQUFDLG9CQUFvQixFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxDQUFDO0NBQ2hELENBQUE7QUFFRDs7OztHQUlHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBcUMsVUFBQyxFQUFZLEVBQUUsR0FBRztRQUFmLFFBQVEsY0FBQTtJQUNoRixJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFBO0lBQ2pDLE9BQU8sb0JBQUMsaUJBQWlCLGVBQUssRUFBRSxVQUFVLEVBQUUsY0FBYyxFQUFFLFFBQVEsVUFBQSxFQUFFLEVBQUksQ0FBQTtBQUM1RSxDQUFDLENBQUMsQ0FBQTtBQUVGLFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUUvQyxlQUFlLFNBQVMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9MaXN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcmFkaW8vbGlzdC9SYWRpb0xpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDM0QsT0FBTyxFQUFpQixpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQ3hGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDaEQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUU5QyxJQUFBLEtBQUssR0FBVSxVQUFVLE1BQXBCLEVBQUUsR0FBRyxHQUFLLFVBQVUsSUFBZixDQUFlO0FBQ3pCLElBQUEsb0JBQW9CLEdBQUssaUJBQWlCLHFCQUF0QixDQUFzQjtBQUVsRCxJQUFNLGNBQWMsR0FBa0I7SUFDcEMsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUMvQyxDQUFDLG9CQUFvQixFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsR0FBRyxDQUFDO0lBQy9DLENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLENBQUM7Q0FDaEQsQ0FBQTtBQUVEOzs7OztHQUtHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBcUMsVUFBQyxFQUFtQixFQUFFLEdBQUc7UUFBdEIsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBO0lBQ3ZGLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDN0IsS0FBSyxFQUFFO1lBQ0wsWUFBWSxFQUFFLENBQUM7U0FDaEI7S0FDRixDQUFDLENBQUE7SUFFSixPQUFPLENBQ0wsb0JBQUMsaUJBQWlCLGVBQUssRUFBRSxVQUFVLEVBQUUsY0FBYyxFQUFFO1FBQ2xELEtBQUssSUFBSSxDQUNSLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUs7WUFBRyxLQUFLOztZQUFHLGVBQWUsQ0FBQyxRQUFRLENBQUMsSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLGVBQWUsQ0FBQyxVQUFVLFFBQVUsQ0FBUSxDQUMxSDtRQUNBLFFBQVEsQ0FDUyxDQUNyQixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/radio/list/RadioListProps.d.ts

@@ -10,6 +10,7 @@ type RadioListChildrenTypes = React.ReactElement<RadioProps | DividerProps> | un
  */
 export interface RadioListProps {
     children?: RadioListChildrenTypes | RadioListChildrenTypes[];
+    label?: string;
 }
 /**
  * Radio List Web Interface

package/lib/components/radio/list/RadioListPropsDefaults.js

@@ -6,5 +6,12 @@ export default {
       "JSXElementConstructor<any>>",
       "RadioListChildrenTypes[]"
     ]
+  },
+  "label": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/radio/list/RadioListWebPropsDefaults.js

@@ -51,6 +51,13 @@ export default {
       "RadioListChildrenTypes[]"
     ]
   },
+  "label": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "id": {
     "type": "string",
     "values": [

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "4.10.2";
+export declare const version = "4.11.0";

package/lib/version.js

@@ -1,2 +1,2 @@
-export var version = "4.10.2";
+export var version = "4.11.0";
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLFFBQVEsQ0FBQSJ9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trilogy-ds/react",
-  "version": "4.10.2",
+  "version": "4.11.0",
   "author": "Bouygues Telecom",
   "files": [
     "lib"