@trilogy-ds/react 4.10.3-columns-native-perf → 4.11.1-container-query-1
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/calendar/Calendar.d.ts +8 -0
- package/lib/components/calendar/Calendar.js +278 -0
- package/lib/components/calendar/CalendarProps.d.ts +11 -0
- package/lib/components/calendar/CalendarProps.js +2 -0
- package/lib/components/calendar/CalendarPropsDefaults.js +63 -0
- package/lib/components/calendar/index.d.ts +2 -0
- package/lib/components/calendar/index.js +3 -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/columns/column/ColumnPropsDefaults.js +14 -14
- package/lib/components/enumsComponentsName.d.ts +1 -0
- package/lib/components/enumsComponentsName.js +2 -1
- package/lib/components/flex-box/flex-item/FlexItemPropsDefaults.js +1 -1
- package/lib/components/flex-box/flex-item/FlexSizeDefaults.js +6 -6
- package/lib/components/image/Image.d.ts +2 -0
- package/lib/components/image/Image.js +3 -1
- package/lib/components/image/Image.native.d.ts +2 -0
- package/lib/components/image/Image.native.js +25 -3
- package/lib/components/image/ImageProps.d.ts +2 -0
- package/lib/components/image/ImagePropsDefaults.js +9 -0
- package/lib/components/index.d.ts +1 -0
- package/lib/components/index.js +2 -1
- package/lib/components/input/ISecurityRulesDefaults.js +23 -0
- package/lib/components/input/Input.d.ts +1 -0
- package/lib/components/input/Input.js +5 -4
- 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/modal/Modal.js +2 -2
- package/lib/components/modal/Modal.native.js +4 -4
- 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/components/tabs/Tabs.d.ts +1 -1
- package/lib/components/tabs/Tabs.js +1 -1
- package/lib/components/tabs/Tabs.native.js +3 -2
- package/lib/components/tabs/context/index.d.ts +1 -0
- package/lib/components/tabs/context/index.js +2 -1
- package/lib/components/tabs/tab-list/TabList.native.js +8 -8
- package/lib/components/tabs/tab-list/tab/Tab.native.js +5 -3
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +4 -1
|
@@ -42,13 +42,13 @@ var Modal = React.forwardRef(function (_a, ref) {
|
|
|
42
42
|
}, [active]);
|
|
43
43
|
return (React.createElement(ModalContext.Provider, { value: { scrollViewRef: scrollViewRef, handleOnScroll: handleOnScroll, isFooter: isFooter, setIsFooter: setIsFooter } },
|
|
44
44
|
trigger,
|
|
45
|
-
React.createElement(ModalRN, __assign({ isVisible: visible, onBackdropPress: function () { return handleClose({}); }, onSwipeComplete: handleClose, swipeDirection: unClosable ? undefined : ['down'], scrollTo: handleScrollTo, scrollOffset: scrollOffset, scrollOffsetMax: 100, propagateSwipe: true, style: [styles.modal], onModalHide: onModalHide }, others),
|
|
45
|
+
React.createElement(ModalRN, __assign({ isVisible: visible, onBackdropPress: unClosable ? undefined : function () { return handleClose({}); }, onSwipeComplete: unClosable ? undefined : handleClose, swipeDirection: unClosable ? undefined : ['down'], scrollTo: handleScrollTo, scrollOffset: scrollOffset, scrollOffsetMax: 100, propagateSwipe: true, style: [styles.modal], onModalHide: onModalHide }, others),
|
|
46
46
|
React.createElement(View, { ref: ref, style: [styles.body, { backgroundColor: getColorStyle(TrilogyColor.BACKGROUND) }] },
|
|
47
|
-
React.createElement(View, { style: { paddingVertical: !title && hideCloseButton ? 8 : 16 } },
|
|
47
|
+
React.createElement(View, { style: { paddingVertical: !title && (hideCloseButton || unClosable) ? 8 : 16 } },
|
|
48
48
|
React.createElement(Columns, { verticalAlign: Alignable.ALIGNED_CENTER },
|
|
49
49
|
React.createElement(Column, null,
|
|
50
50
|
React.createElement(Title, { level: 4 }, title)),
|
|
51
|
-
!hideCloseButton && (React.createElement(Column, { narrow: true },
|
|
51
|
+
!hideCloseButton && !unClosable && (React.createElement(Column, { narrow: true },
|
|
52
52
|
React.createElement(TouchableOpacity, { onPress: handleClose },
|
|
53
53
|
React.createElement(Icon, { name: IconName.TIMES, size: IconSize.MEDIUM, color: TrilogyColor.MAIN })))))),
|
|
54
54
|
children))));
|
|
@@ -75,4 +75,4 @@ var styles = StyleSheet.create({
|
|
|
75
75
|
borderTopRightRadius: 6,
|
|
76
76
|
},
|
|
77
77
|
});
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNsRSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFDTCxVQUFVLEVBS1YsVUFBVSxFQUNWLGdCQUFnQixFQUNoQixJQUFJLEdBQ0wsTUFBTSxjQUFjLENBQUE7QUFDckIsT0FBTyxPQUFrQyxNQUFNLG9CQUFvQixDQUFBO0FBQ25FLE9BQU8sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQzVDLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sVUFBVSxDQUFBO0FBRWhDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUVyRDs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM1QixVQUNFLEVBVUMsRUFDRCxHQUFHO0lBVkQsSUFBQSxRQUFRLGNBQUEsRUFDUixjQUFjLEVBQWQsTUFBTSxtQkFBRyxLQUFLLEtBQUEsRUFDZCxPQUFPLGFBQUEsRUFDUCxXQUFXLGlCQUFBLEVBQ1gsdUJBQXVCLEVBQXZCLGVBQWUsbUJBQUcsS0FBSyxLQUFBLEVBQ3ZCLGtCQUFrQixFQUFsQixVQUFVLG1CQUFHLEtBQUssS0FB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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;
|
|
@@ -3,7 +3,11 @@ import { AutoLayoutWrapper } from '../../../components/autolayout';
|
|
|
3
3
|
import { SpacingMatrixMode } from '../../../components/autolayout/SpacingMatrix';
|
|
4
4
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
5
5
|
import { SpacerSize } from '../../../components/spacer';
|
|
6
|
+
import { Text } from '../../../components/text';
|
|
6
7
|
import * as React from 'react';
|
|
8
|
+
import { StyleSheet } from 'react-native';
|
|
9
|
+
import { isRequiredChild } from '../../../helpers/require';
|
|
10
|
+
import { TypographyColor } from '../../../objects/Typography';
|
|
7
11
|
var THREE = SpacerSize.THREE, TWO = SpacerSize.TWO;
|
|
8
12
|
var INSERT_SPACE_BETWEEN = SpacingMatrixMode.INSERT_SPACE_BETWEEN;
|
|
9
13
|
var SPACING_MATRIX = [
|
|
@@ -15,12 +19,22 @@ var SPACING_MATRIX = [
|
|
|
15
19
|
* RadioList Native Component
|
|
16
20
|
* @param children {ReactNode} RadioList children
|
|
17
21
|
* @param autolayout {boolean} Apply auto-layout rules
|
|
22
|
+
* @param label {string} RadioList label
|
|
18
23
|
*/
|
|
19
24
|
var RadioList = React.forwardRef(function (_a, ref) {
|
|
20
|
-
var children = _a.children;
|
|
21
|
-
var
|
|
22
|
-
|
|
25
|
+
var children = _a.children, label = _a.label;
|
|
26
|
+
var styles = StyleSheet.create({
|
|
27
|
+
label: {
|
|
28
|
+
marginBottom: 8,
|
|
29
|
+
},
|
|
30
|
+
});
|
|
31
|
+
return (React.createElement(AutoLayoutWrapper, __assign({}, { autolayout: SPACING_MATRIX }),
|
|
32
|
+
label && (React.createElement(Text, { style: styles.label },
|
|
33
|
+
label,
|
|
34
|
+
" ",
|
|
35
|
+
isRequiredChild(children) && React.createElement(Text, { typo: TypographyColor.TEXT_ERROR }, "*"))),
|
|
36
|
+
children));
|
|
23
37
|
});
|
|
24
38
|
RadioList.displayName = ComponentName.RadioList;
|
|
25
39
|
export default RadioList;
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9MaXN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcmFkaW8vbGlzdC9SYWRpb0xpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDM0QsT0FBTyxFQUFpQixpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQ3hGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDaEQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUU5QyxJQUFBLEtBQUssR0FBVSxVQUFVLE1BQXBCLEVBQUUsR0FBRyxHQUFLLFVBQVUsSUFBZixDQUFlO0FBQ3pCLElBQUEsb0JBQW9CLEdBQUssaUJBQWlCLHFCQUF0QixDQUFzQjtBQUVsRCxJQUFNLGNBQWMsR0FBa0I7SUFDcEMsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUMvQyxDQUFDLG9CQUFvQixFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsR0FBRyxDQUFDO0lBQy9DLENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLENBQUM7Q0FDaEQsQ0FBQTtBQUVEOzs7OztHQUtHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBcUMsVUFBQyxFQUFtQixFQUFFLEdBQUc7UUFBdEIsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBO0lBQ3ZGLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDN0IsS0FBSyxFQUFFO1lBQ0wsWUFBWSxFQUFFLENBQUM7U0FDaEI7S0FDRixDQUFDLENBQUE7SUFFSixPQUFPLENBQ0wsb0JBQUMsaUJBQWlCLGVBQUssRUFBRSxVQUFVLEVBQUUsY0FBYyxFQUFFO1FBQ2xELEtBQUssSUFBSSxDQUNSLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUs7WUFBRyxLQUFLOztZQUFHLGVBQWUsQ0FBQyxRQUFRLENBQUMsSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLGVBQWUsQ0FBQyxVQUFVLFFBQVUsQ0FBUSxDQUMxSDtRQUNBLFFBQVEsQ0FDUyxDQUNyQixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUEifQ==
|
|
@@ -5,9 +5,9 @@ import React from 'react';
|
|
|
5
5
|
* @param children {ReactNode} Children for tabs
|
|
6
6
|
* @param activeIndex {number} default active tab index
|
|
7
7
|
* @param inverted {boolean} Inverted style
|
|
8
|
+
* @param fullwidth {boolean} Fullwidth tabs
|
|
8
9
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
9
10
|
* @param className {string} Additional CSS Classes
|
|
10
|
-
* @param fullwidth {boolean} Fullwidth tabs
|
|
11
11
|
* @param small {boolean} small tabs
|
|
12
12
|
* @param id
|
|
13
13
|
*/
|
|
@@ -11,9 +11,9 @@ import { ComponentName } from '../enumsComponentsName';
|
|
|
11
11
|
* @param children {ReactNode} Children for tabs
|
|
12
12
|
* @param activeIndex {number} default active tab index
|
|
13
13
|
* @param inverted {boolean} Inverted style
|
|
14
|
+
* @param fullwidth {boolean} Fullwidth tabs
|
|
14
15
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
15
16
|
* @param className {string} Additional CSS Classes
|
|
16
|
-
* @param fullwidth {boolean} Fullwidth tabs
|
|
17
17
|
* @param small {boolean} small tabs
|
|
18
18
|
* @param id
|
|
19
19
|
*/
|
|
@@ -10,7 +10,7 @@ import { View } from 'react-native';
|
|
|
10
10
|
* @param inverted {boolean} Inverted style
|
|
11
11
|
*/
|
|
12
12
|
var Tabs = React.forwardRef(function (_a, ref) {
|
|
13
|
-
var children = _a.children, activeIndex = _a.activeIndex, inverted = _a.inverted;
|
|
13
|
+
var children = _a.children, activeIndex = _a.activeIndex, inverted = _a.inverted, fullwidth = _a.fullwidth;
|
|
14
14
|
var _b = __read(React.useState(activeIndex || 0), 2), currentIndex = _b[0], setCurrentIndex = _b[1];
|
|
15
15
|
var _c = __read(React.useState(inverted || false), 2), isInverted = _c[0], setIsInverted = _c[1];
|
|
16
16
|
React.useEffect(function () {
|
|
@@ -24,9 +24,10 @@ var Tabs = React.forwardRef(function (_a, ref) {
|
|
|
24
24
|
inverted: isInverted,
|
|
25
25
|
setInverted: setIsInverted,
|
|
26
26
|
setActiveIndex: setCurrentIndex,
|
|
27
|
+
fullwidth: fullwidth,
|
|
27
28
|
} },
|
|
28
29
|
React.createElement(View, { ref: ref }, children)));
|
|
29
30
|
});
|
|
30
31
|
Tabs.displayName = ComponentName.Tabs;
|
|
31
32
|
export default Tabs;
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvVGFicy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQ3ZELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRW5DOzs7OztHQUtHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBMkIsVUFBQyxFQUE4QyxFQUFFLEdBQUc7UUFBakQsUUFBUSxjQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQTtJQUM3RixJQUFBLEtBQUEsT0FBa0MsS0FBSyxDQUFDLFFBQVEsQ0FBUyxXQUFXLElBQUksQ0FBQyxDQUFDLElBQUEsRUFBekUsWUFBWSxRQUFBLEVBQUUsZUFBZSxRQUE0QyxDQUFBO0lBQzFFLElBQUEsS0FBQSxPQUE4QixLQUFLLENBQUMsUUFBUSxDQUFVLFFBQVEsSUFBSSxLQUFLLENBQUMsSUFBQSxFQUF2RSxVQUFVLFFBQUEsRUFBRSxhQUFhLFFBQThDLENBQUE7SUFFOUUsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUNkLFdBQVcsS0FBSyxTQUFTLElBQUksZUFBZSxDQUFDLFdBQVcsQ0FBQyxDQUFBO0lBQzNELENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUE7SUFFakIsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUNkLGFBQWEsQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFDLENBQUE7SUFDbEMsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUVkLE9BQU8sQ0FDTCxvQkFBQyxXQUFXLENBQUMsUUFBUSxJQUNuQixLQUFLLEVBQUU7WUFDTCxXQUFXLEVBQUUsWUFBWTtZQUN6QixRQUFRLEVBQUUsVUFBVTtZQUNwQixXQUFXLEVBQUUsYUFBYTtZQUMxQixjQUFjLEVBQUUsZUFBZTtZQUMvQixTQUFTLFdBQUE7U0FDVjtRQUVELG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsR0FBRyxJQUFHLFFBQVEsQ0FBUSxDQUNaLENBQ3hCLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUNyQyxlQUFlLElBQUksQ0FBQSJ9
|
|
@@ -5,5 +5,6 @@ export var TabsContext = React.createContext({
|
|
|
5
5
|
setActiveIndex: function () { return 0; },
|
|
6
6
|
setInverted: function () { return false; },
|
|
7
7
|
small: false,
|
|
8
|
+
fullwidth: false,
|
|
8
9
|
});
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvY29udGV4dC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBV3pCLE1BQU0sQ0FBQyxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFXO0lBQ3ZELFdBQVcsRUFBRSxDQUFDO0lBQ2QsUUFBUSxFQUFFLEtBQUs7SUFDZixjQUFjLEVBQUUsY0FBTSxPQUFBLENBQUMsRUFBRCxDQUFDO0lBQ3ZCLFdBQVcsRUFBRSxjQUFNLE9BQUEsS0FBSyxFQUFMLENBQUs7SUFDeEIsS0FBSyxFQUFFLEtBQUs7SUFDWixTQUFTLEVBQUUsS0FBSztDQUNqQixDQUFDLENBQUEifQ==
|
|
@@ -17,15 +17,15 @@ import { ScrollView, StyleSheet, View, } from 'react-native';
|
|
|
17
17
|
*/
|
|
18
18
|
var TabList = React.forwardRef(function (_a, ref) {
|
|
19
19
|
var children = _a.children, others = __rest(_a, ["children"]);
|
|
20
|
-
var
|
|
20
|
+
var _b = React.useContext(TabsContext), inverted = _b.inverted, fullwidth = _b.fullwidth;
|
|
21
21
|
var TabListRef = React.useRef(null);
|
|
22
22
|
var paddingHorizontalTab = 12;
|
|
23
23
|
var negativeGap = -35;
|
|
24
|
-
var
|
|
25
|
-
var
|
|
26
|
-
var
|
|
27
|
-
var
|
|
28
|
-
var
|
|
24
|
+
var _c = __read(React.useState(0), 2), tabsWidth = _c[0], setTabsWidth = _c[1];
|
|
25
|
+
var _d = __read(React.useState(0), 2), tabListWidth = _d[0], setTabListWidth = _d[1];
|
|
26
|
+
var _e = __read(React.useState(0), 2), scrollLeft = _e[0], setScrollLeft = _e[1];
|
|
27
|
+
var _f = __read(React.useState(0), 2), tabFocused = _f[0], setTabFocused = _f[1];
|
|
28
|
+
var _g = __read(React.useState([]), 2), tabElms = _g[0], setTabElms = _g[1];
|
|
29
29
|
React.useImperativeHandle(ref, function () { return TabListRef.current; });
|
|
30
30
|
var styles = StyleSheet.create({
|
|
31
31
|
tabList: {
|
|
@@ -63,7 +63,7 @@ var TabList = React.forwardRef(function (_a, ref) {
|
|
|
63
63
|
return (React.createElement(View, { style: { flexDirection: 'row' }, onLayout: function (e) { return setTabsWidth(e.nativeEvent.layout.width); } },
|
|
64
64
|
tabListWidth > tabsWidth && (React.createElement(View, { style: styles.arrow },
|
|
65
65
|
React.createElement(Icon, { name: 'tri-arrow-left', align: 'ALIGNED_CENTER', color: isVisibleArrowLeft ? undefined : 'transparent', onClick: onClickPrev }))),
|
|
66
|
-
React.createElement(ScrollView, __assign({ ref: TabListRef, scrollEventThrottle: 16, onContentSizeChange: function (w) { return setTabListWidth(w); }, horizontal: true, showsHorizontalScrollIndicator: false, style: styles.tabList, onScroll: handleScrollList }, others), React.Children.map(children, function (child, index) {
|
|
66
|
+
React.createElement(ScrollView, __assign({ scrollEnabled: fullwidth ? false : undefined, ref: TabListRef, scrollEventThrottle: 16, onContentSizeChange: function (w) { return setTabListWidth(w); }, horizontal: true, showsHorizontalScrollIndicator: false, style: styles.tabList, onScroll: handleScrollList, contentContainerStyle: { flexGrow: fullwidth ? 1 : undefined } }, others), React.Children.map(children, function (child, index) {
|
|
67
67
|
if (!React.isValidElement(child))
|
|
68
68
|
return false;
|
|
69
69
|
return (React.createElement(Tab, __assign({ onLayout: function (e) {
|
|
@@ -80,4 +80,4 @@ var TabList = React.forwardRef(function (_a, ref) {
|
|
|
80
80
|
});
|
|
81
81
|
TabList.displayName = ComponentName.TabList;
|
|
82
82
|
export default TabList;
|
|
83
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
83
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLWxpc3QvVGFiTGlzdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQTtBQUN2RCxPQUFPLEdBQUcsTUFBTSxvQ0FBb0MsQ0FBQTtBQUVwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUtMLFVBQVUsRUFDVixVQUFVLEVBQ1YsSUFBSSxHQUNMLE1BQU0sY0FBYyxDQUFBO0FBRXJCOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBaUMsVUFBQyxFQUF1QixFQUFFLEdBQUc7SUFBMUIsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDL0UsSUFBQSxLQUEwQixLQUFLLENBQUMsVUFBVSxDQUFDLFdBQVcsQ0FBQyxFQUFyRCxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQWtDLENBQUE7SUFDN0QsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBYSxJQUFJLENBQUMsQ0FBQTtJQUNqRCxJQUFNLG9CQUFvQixHQUFHLEVBQUUsQ0FBQTtJQUMvQixJQUFNLFdBQVcsR0FBRyxDQUFDLEVBQUUsQ0FBQTtJQUVqQixJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUFwRCxTQUFTLFFBQUEsRUFBRSxZQUFZLFFBQTZCLENBQUE7SUFDckQsSUFBQSxLQUFB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
|
|
@@ -3,6 +3,7 @@ import { ComponentName } from '../../../../components/enumsComponentsName';
|
|
|
3
3
|
import { Icon } from '../../../../components/icon';
|
|
4
4
|
import { TabsContext } from '../../../../components/tabs/context';
|
|
5
5
|
import { Text } from '../../../../components/text';
|
|
6
|
+
import { TypographyAlign } from '../../../../objects';
|
|
6
7
|
import { getColorStyle, TrilogyColor } from '../../../../objects/facets/Color';
|
|
7
8
|
import React from 'react';
|
|
8
9
|
import { Linking, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
@@ -20,7 +21,7 @@ import { Linking, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
|
20
21
|
var Tab = React.forwardRef(function (_a, ref) {
|
|
21
22
|
var active = _a.active, onClick = _a.onClick, to = _a.to, href = _a.href, iconName = _a.iconName, label = _a.label, disabled = _a.disabled, others = __rest(_a, ["active", "onClick", "to", "href", "iconName", "label", "disabled"]);
|
|
22
23
|
var _b = others, index = _b.index, props = __rest(_b, ["index"]);
|
|
23
|
-
var _c = React.useContext(TabsContext), activeIndex = _c.activeIndex, setActiveIndex = _c.setActiveIndex, inverted = _c.inverted;
|
|
24
|
+
var _c = React.useContext(TabsContext), activeIndex = _c.activeIndex, setActiveIndex = _c.setActiveIndex, inverted = _c.inverted, fullwidth = _c.fullwidth;
|
|
24
25
|
var isActive = React.useMemo(function () { return activeIndex === index; }, [activeIndex, index]);
|
|
25
26
|
var handleClick = React.useCallback(function (e) {
|
|
26
27
|
if (!disabled) {
|
|
@@ -34,6 +35,7 @@ var Tab = React.forwardRef(function (_a, ref) {
|
|
|
34
35
|
}, [disabled, onClick, index, setActiveIndex, to, href]);
|
|
35
36
|
var styles = StyleSheet.create({
|
|
36
37
|
tab: {
|
|
38
|
+
flex: fullwidth ? 1 : undefined,
|
|
37
39
|
paddingVertical: 4,
|
|
38
40
|
paddingHorizontal: 12,
|
|
39
41
|
borderBottomWidth: isActive ? 2 : 1,
|
|
@@ -57,8 +59,8 @@ var Tab = React.forwardRef(function (_a, ref) {
|
|
|
57
59
|
return (React.createElement(TouchableOpacity, __assign({ ref: ref, activeOpacity: 1, style: styles.tab, onPress: handleClick }, props),
|
|
58
60
|
iconName && (React.createElement(View, { style: { alignSelf: 'center' } },
|
|
59
61
|
React.createElement(Icon, { color: disabled ? TrilogyColor.DISABLED : inverted ? TrilogyColor.BACKGROUND : TrilogyColor.MAIN, size: 'small', name: iconName }))),
|
|
60
|
-
React.createElement(Text, { style: styles.text }, label && label)));
|
|
62
|
+
React.createElement(Text, { style: styles.text, typo: fullwidth ? [TypographyAlign.TEXT_CENTERED] : undefined }, label && label)));
|
|
61
63
|
});
|
|
62
64
|
Tab.displayName = ComponentName.Tab;
|
|
63
65
|
export default Tab;
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItbGlzdC90YWIvVGFiLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBRXZELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBeUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFakc7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzFCLFVBQUMsRUFBbUUsRUFBRSxHQUFHO0lBQXRFLElBQUEsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFqRSxvRUFBbUUsQ0FBRjtJQUNoRSxJQUFNLEtBQXNCLE1BQWEsRUFBakMsS0FBSyxXQUFBLEVBQUssS0FBSyxjQUFqQixTQUFtQixDQUFnQixDQUFBO0lBQ25DLElBQUEsS0FBdUQsS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsRUFBbEYsV0FBVyxpQkFBQSxFQUFFLGNBQWMsb0JBQUEsRUFBRSxRQUFR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
|
package/lib/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "4.
|
|
1
|
+
export declare const version = "4.11.1-container-query-1";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "4.
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export var version = "4.11.1-container-query-1";
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLDBCQUEwQixDQUFBIn0=
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trilogy-ds/react",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.11.1-container-query-1",
|
|
4
4
|
"author": "Bouygues Telecom",
|
|
5
5
|
"files": [
|
|
6
6
|
"lib"
|
|
@@ -34,6 +34,9 @@
|
|
|
34
34
|
"rollup-plugin-copy": "^3.5.0",
|
|
35
35
|
"shortid": "^2.2.16"
|
|
36
36
|
},
|
|
37
|
+
"devDependencies": {
|
|
38
|
+
"jest-util": "^29.7.0"
|
|
39
|
+
},
|
|
37
40
|
"peerDependencies": {
|
|
38
41
|
"@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
39
42
|
"react": "^17.0.0 || ^18.0.0 || ^19.0.0",
|