@trilogy-ds/react 4.4.0 → 4.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/alert/Alert.native.js +6 -17
- package/lib/components/autocomplete/AutoComplete.js +5 -4
- package/lib/components/box/BoxPropsDefaults.js +10 -2
- package/lib/components/box/content/BoxContentPropsDefaults.js +5 -1
- package/lib/components/box/footer/BoxFooterPropsDefaults.js +5 -1
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +5 -1
- package/lib/components/chips/list/ChipsList.js +3 -3
- package/lib/components/chips/list/ChipsListProps.d.ts +1 -0
- package/lib/components/chips/list/ChipsListPropsDefaults.js +7 -0
- package/lib/components/enumsComponentsName.d.ts +2 -2
- package/lib/components/enumsComponentsName.js +3 -3
- package/lib/components/hero/HeroPropsDefaults.js +5 -1
- package/lib/components/icon/IconPropsDefaults.js +5 -1
- package/lib/components/image/Image.d.ts +3 -1
- package/lib/components/image/Image.js +4 -2
- package/lib/components/image/Image.native.d.ts +2 -1
- package/lib/components/image/Image.native.js +3 -2
- package/lib/components/input/Input.js +2 -2
- package/lib/components/input/Input.native.js +2 -2
- package/lib/components/otp/Otp.js +2 -2
- package/lib/components/pagination/Pagination.js +4 -1
- package/lib/components/price/Price.js +3 -2
- package/lib/components/progress/radial/ProgressRadialPropsDefaults.js +10 -2
- package/lib/components/progress/radial/item/ProgressRadialItemPropsDefaults.js +2 -0
- package/lib/components/scroll-view/ScrollViewPropsDefaults.js +5 -1
- package/lib/components/section/SectionPropsDefaults.js +5 -1
- package/lib/components/table/body/TableBodyPropsDefaults.js +10 -2
- package/lib/components/table/head/TableHeadPropsDefaults.js +10 -2
- package/lib/components/table/tr/TableTrPropsWebDefaults.js +5 -1
- package/lib/components/tabs/Tabs.d.ts +1 -0
- package/lib/components/tabs/Tabs.js +8 -6
- package/lib/components/tabs/TabsProps.d.ts +1 -0
- package/lib/components/tabs/TabsPropsDefaults.js +8 -0
- 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.js +67 -8
- package/lib/components/tabs/tab-list/TabList.native.js +56 -8
- package/lib/components/tabs/tab-list/tab/Tab.js +5 -5
- package/lib/components/tabs/tab-list/tab/Tab.native.js +3 -3
- package/lib/components/textarea/Textarea.native.js +10 -4
- package/lib/components/view/ViewPropsDefaults.js +9 -5
- package/lib/objects/facets/Color.d.ts +3 -1
- package/lib/objects/facets/Color.js +5 -1
- package/lib/objects/facets/Justifiable.d.ts +6 -6
- package/lib/objects/facets/Justifiable.js +12 -12
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
|
@@ -6,8 +6,7 @@ import { Spacer, SpacerSize } from '../../components/spacer';
|
|
|
6
6
|
import { Text, TextLevels } from '../../components/text';
|
|
7
7
|
import { Title, TitleLevels } from '../../components/title';
|
|
8
8
|
import { View } from '../../components/view';
|
|
9
|
-
import { Alignable, TypographyBold } from '../../objects';
|
|
10
|
-
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
9
|
+
import { Alignable, TrilogyColor, TypographyBold } from '../../objects';
|
|
11
10
|
import { getStatusIconName, getStatusStyle } from '../../objects/facets/Status';
|
|
12
11
|
import * as React from 'react';
|
|
13
12
|
import { StyleSheet, TouchableOpacity } from 'react-native';
|
|
@@ -20,7 +19,7 @@ import ToasterContext from './context';
|
|
|
20
19
|
* @param params {ToasterShowContext}
|
|
21
20
|
*/
|
|
22
21
|
var showToast = function (params) {
|
|
23
|
-
var position = params.position, duration = params.duration, offset = params.offset, title = params.title, description = params.description, onClick = params.onClick, closable = params.closable, onHide = params.onHide, iconName = params.iconName;
|
|
22
|
+
var position = params.position, duration = params.duration, offset = params.offset, title = params.title, description = params.description, onClick = params.onClick, closable = params.closable, onHide = params.onHide, iconName = params.iconName, status = params.status;
|
|
24
23
|
LibToast.show({
|
|
25
24
|
type: 'tomatoToast',
|
|
26
25
|
position: position || ToasterAlertPosition.BOTTOM,
|
|
@@ -28,7 +27,7 @@ var showToast = function (params) {
|
|
|
28
27
|
topOffset: offset || 10,
|
|
29
28
|
visibilityTime: duration || 5000,
|
|
30
29
|
onHide: onHide,
|
|
31
|
-
props: { title: title, description: description, closable: closable, iconName: iconName, alert: alert, onClick: onClick },
|
|
30
|
+
props: { title: title, description: description, closable: closable, iconName: iconName, alert: alert, onClick: onClick, status: status },
|
|
32
31
|
});
|
|
33
32
|
};
|
|
34
33
|
/**
|
|
@@ -59,11 +58,6 @@ var Alert = React.forwardRef(function (_a, ref) {
|
|
|
59
58
|
paddingLeft: 12,
|
|
60
59
|
paddingRight: 12,
|
|
61
60
|
},
|
|
62
|
-
icon: {
|
|
63
|
-
justifyContent: 'center',
|
|
64
|
-
alignItems: 'center',
|
|
65
|
-
color: status !== undefined ? color : getColorStyle(TrilogyColor.MAIN),
|
|
66
|
-
},
|
|
67
61
|
description: {
|
|
68
62
|
justifyContent: 'center',
|
|
69
63
|
textAlignVertical: 'center',
|
|
@@ -81,7 +75,7 @@ var Alert = React.forwardRef(function (_a, ref) {
|
|
|
81
75
|
React.createElement(Columns, { gap: 2, verticalAlign: Alignable.ALIGNED_START },
|
|
82
76
|
React.createElement(Column, { narrow: true },
|
|
83
77
|
React.createElement(View, { style: { marginTop: -2 } },
|
|
84
|
-
React.createElement(Icon, { name: iconName ? iconName : getStatusIconName(status) }))),
|
|
78
|
+
React.createElement(Icon, { name: iconName ? iconName : getStatusIconName(status), color: status || TrilogyColor.MAIN }))),
|
|
85
79
|
React.createElement(Column, null,
|
|
86
80
|
React.createElement(Rows, { gap: description ? 2 : 0 },
|
|
87
81
|
React.createElement(Row, null,
|
|
@@ -118,16 +112,11 @@ export var ToasterAlert = function (_a) {
|
|
|
118
112
|
padding: 14,
|
|
119
113
|
borderRadius: 6,
|
|
120
114
|
},
|
|
121
|
-
icon: {
|
|
122
|
-
fontSize: 16,
|
|
123
|
-
color: color,
|
|
124
|
-
marginTop: 1.5,
|
|
125
|
-
},
|
|
126
115
|
});
|
|
127
116
|
return (React.createElement(View, { style: styles.toaster },
|
|
128
117
|
React.createElement(TouchableOpacity, { style: styles.toasterContainer, onPress: onClick },
|
|
129
118
|
React.createElement(Columns, null,
|
|
130
|
-
React.createElement(Column, { size: 1 }, iconName && React.createElement(Icon, { name: iconName })),
|
|
119
|
+
React.createElement(Column, { size: 1 }, iconName && React.createElement(Icon, { name: iconName, color: status || TrilogyColor.MAIN })),
|
|
131
120
|
React.createElement(Column, null,
|
|
132
121
|
title && React.createElement(Title, { level: TitleLevels.SIX }, title),
|
|
133
122
|
description && (React.createElement(React.Fragment, null,
|
|
@@ -158,4 +147,4 @@ export var ToasterAlertProvider = function (_a) {
|
|
|
158
147
|
};
|
|
159
148
|
Alert.displayName = ComponentName.Alert;
|
|
160
149
|
export default Alert;
|
|
161
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
150
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hbGVydC9BbGVydC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3RELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsY0FBYyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ25FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUMzRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQzNELE9BQU8sUUFBUSxNQUFNLDRCQUE0QixDQUFBO0FBQ2pELE9BQU8sRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBQ25DLE9BQU8sRUFBOEIsb0JBQW9CLEVBQXNCLE1BQU0sY0FBYyxDQUFBO0FBQ25HLE9BQU8sY0FBYyxNQUFNLFdBQVcsQ0FBQTtBQUd0Qzs7O0dBR0c7QUFDSCxJQUFNLFNBQVMsR0FBdUIsVUFBQyxN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
|
|
@@ -20,6 +20,7 @@ var AutoCompleteRef = function (_a, ref) {
|
|
|
20
20
|
var _f = __read(useState(displayMenu || false), 2), isAutocompleteMenuVisible = _f[0], setIsAutocompleteMenuVisible = _f[1];
|
|
21
21
|
var _g = __read(useState([]), 2), search = _g[0], setSearch = _g[1];
|
|
22
22
|
var autocompleteClasses = hashClass(styled, clsx(is('autocomplete'), is('active')));
|
|
23
|
+
var autocompleteContainerClasses = hashClass(styled, clsx(is('autocomplete-container')));
|
|
23
24
|
useEffect(function () {
|
|
24
25
|
setInputValue(value || '');
|
|
25
26
|
}, [value]);
|
|
@@ -120,8 +121,8 @@ var AutoCompleteRef = function (_a, ref) {
|
|
|
120
121
|
if (onFocus)
|
|
121
122
|
onFocus(event);
|
|
122
123
|
};
|
|
123
|
-
return (React.createElement(
|
|
124
|
-
React.createElement(Input, __assign({ id: id, ref: ref, defaultValue: defaultValue, accessibilityLabel: accessibilityLabel, iconNameLeft: iconNameLeft, iconNameRight: iconNameRight, placeholder: placeholder }, (name ? { name: name } : {}), {
|
|
124
|
+
return (React.createElement("div", { className: autocompleteContainerClasses },
|
|
125
|
+
React.createElement(Input, __assign({ id: id, ref: ref, defaultValue: defaultValue, accessibilityLabel: accessibilityLabel, iconNameLeft: iconNameLeft, iconNameRight: iconNameRight, placeholder: placeholder }, (name ? { name: name } : {}), { type: 'text', status: status, autoCompleteType: InputAutoCompleteType.OFF, disabled: disabled,
|
|
125
126
|
// Add delay for selection of suggestion
|
|
126
127
|
onBlur: function (e) {
|
|
127
128
|
setTimeout(function () { return setIsAutocompleteMenuVisible(false); }, 250);
|
|
@@ -129,7 +130,7 @@ var AutoCompleteRef = function (_a, ref) {
|
|
|
129
130
|
onBlur(e);
|
|
130
131
|
}, onFocus: handleFocus, onKeyUp: handleKeyPress, value: _inputValue, onChange: function (event) {
|
|
131
132
|
onInputChange(event);
|
|
132
|
-
}, onIconClick: onIconClick, loading: loading }, others)),
|
|
133
|
+
}, onIconClick: onIconClick, loading: loading }, __assign({ onKeyDown: function (e) { return e.key === 'Enter' && e.preventDefault(); } }, others))),
|
|
133
134
|
isAutocompleteMenuVisible && (React.createElement("div", { className: autocompleteClasses }, search.length > 0 && (React.createElement(AutoCompleteMenu, { absolute: absoluteMenu, fullwidth: fullwidthMenu, className: classNameMenu }, search.map(function (item, i) { return (React.createElement(AutoCompleteItem, { active: activeItem === i, key: i, item: item, suggestionSelected: function (v) { return suggestionSelected(v, data, search); } }, children ? children(item) : getLabel(item))); })))))));
|
|
134
135
|
};
|
|
135
136
|
AutoCompleteRef.displayName = ComponentName.AutoComplete;
|
|
@@ -164,4 +165,4 @@ AutoCompleteRef.displayName = ComponentName.AutoComplete;
|
|
|
164
165
|
*/
|
|
165
166
|
var AutoComplete = React.forwardRef(AutoCompleteRef);
|
|
166
167
|
export default AutoComplete;
|
|
167
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
168
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hdXRvY29tcGxldGUvQXV0b0NvbXBsZXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQWMsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUU5RCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDMUMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFFcEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxRQUFRLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNsRSxPQUFPLGdCQUFnQixNQUFNLFFBQVEsQ0FBQTtBQUNyQyxPQUFPLGdCQUFnQixNQUFNLFFBQVEsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBRWxDLElBQU0sZUFBZSxHQUFHLFVBQ3RCLEVBMkIwQixFQUMxQixHQUFnQztJQTNCOUIsSUFBQSxZQUFZLGtCQUFBLEVBQ1osS0FBSyxXQUFBLEVBQ0wsYUFBYSxtQkFBQSxFQUNiLFlBQVksa0JBQUEsRUFDWixhQUFhLG1CQUFBLEVBQ2IsV0FBVyxpQkFBQSxFQUNYLElBQUksVUFBQSxFQUNKLE1BQU0sWUFBQSxFQUNOLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLGdCQUEwQixFQUExQixRQUFRLG1CQUFH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
|
|
@@ -43,6 +43,7 @@ export default {
|
|
|
43
43
|
"MAIN_FADE",
|
|
44
44
|
"ACCENT",
|
|
45
45
|
"FONT",
|
|
46
|
+
"FONT_PLACEHOLDER",
|
|
46
47
|
"SUCCESS",
|
|
47
48
|
"SUCCESS_FADE",
|
|
48
49
|
"INFO",
|
|
@@ -55,9 +56,11 @@ export default {
|
|
|
55
56
|
"DISABLED_FADE",
|
|
56
57
|
"NEUTRAL",
|
|
57
58
|
"NEUTRAL_FADE",
|
|
59
|
+
"STROKE",
|
|
58
60
|
"WHITE",
|
|
59
61
|
"MAIN_FADE",
|
|
60
62
|
"FONT",
|
|
63
|
+
"FONT_PLACEHOLDER",
|
|
61
64
|
"SUCCESS_FADE",
|
|
62
65
|
"INFO_FADE",
|
|
63
66
|
"WARNING_FADE",
|
|
@@ -65,7 +68,8 @@ export default {
|
|
|
65
68
|
"DISABLED",
|
|
66
69
|
"DISABLED_FADE",
|
|
67
70
|
"NEUTRAL",
|
|
68
|
-
"NEUTRAL_FADE"
|
|
71
|
+
"NEUTRAL_FADE",
|
|
72
|
+
"STROKE"
|
|
69
73
|
]
|
|
70
74
|
},
|
|
71
75
|
"shadowless": {
|
|
@@ -138,6 +142,7 @@ export default {
|
|
|
138
142
|
"MAIN_FADE",
|
|
139
143
|
"ACCENT",
|
|
140
144
|
"FONT",
|
|
145
|
+
"FONT_PLACEHOLDER",
|
|
141
146
|
"SUCCESS",
|
|
142
147
|
"SUCCESS_FADE",
|
|
143
148
|
"INFO",
|
|
@@ -150,9 +155,11 @@ export default {
|
|
|
150
155
|
"DISABLED_FADE",
|
|
151
156
|
"NEUTRAL",
|
|
152
157
|
"NEUTRAL_FADE",
|
|
158
|
+
"STROKE",
|
|
153
159
|
"WHITE",
|
|
154
160
|
"MAIN_FADE",
|
|
155
161
|
"FONT",
|
|
162
|
+
"FONT_PLACEHOLDER",
|
|
156
163
|
"SUCCESS_FADE",
|
|
157
164
|
"INFO_FADE",
|
|
158
165
|
"WARNING_FADE",
|
|
@@ -160,7 +167,8 @@ export default {
|
|
|
160
167
|
"DISABLED",
|
|
161
168
|
"DISABLED_FADE",
|
|
162
169
|
"NEUTRAL",
|
|
163
|
-
"NEUTRAL_FADE"
|
|
170
|
+
"NEUTRAL_FADE",
|
|
171
|
+
"STROKE"
|
|
164
172
|
]
|
|
165
173
|
},
|
|
166
174
|
"onClick": {
|
|
@@ -28,6 +28,7 @@ export default {
|
|
|
28
28
|
"MAIN_FADE",
|
|
29
29
|
"ACCENT",
|
|
30
30
|
"FONT",
|
|
31
|
+
"FONT_PLACEHOLDER",
|
|
31
32
|
"SUCCESS",
|
|
32
33
|
"SUCCESS_FADE",
|
|
33
34
|
"INFO",
|
|
@@ -40,9 +41,11 @@ export default {
|
|
|
40
41
|
"DISABLED_FADE",
|
|
41
42
|
"NEUTRAL",
|
|
42
43
|
"NEUTRAL_FADE",
|
|
44
|
+
"STROKE",
|
|
43
45
|
"WHITE",
|
|
44
46
|
"MAIN_FADE",
|
|
45
47
|
"FONT",
|
|
48
|
+
"FONT_PLACEHOLDER",
|
|
46
49
|
"SUCCESS_FADE",
|
|
47
50
|
"INFO_FADE",
|
|
48
51
|
"WARNING_FADE",
|
|
@@ -50,7 +53,8 @@ export default {
|
|
|
50
53
|
"DISABLED",
|
|
51
54
|
"DISABLED_FADE",
|
|
52
55
|
"NEUTRAL",
|
|
53
|
-
"NEUTRAL_FADE"
|
|
56
|
+
"NEUTRAL_FADE",
|
|
57
|
+
"STROKE"
|
|
54
58
|
]
|
|
55
59
|
},
|
|
56
60
|
"backgroundSrc": {
|
|
@@ -28,6 +28,7 @@ export default {
|
|
|
28
28
|
"MAIN_FADE",
|
|
29
29
|
"ACCENT",
|
|
30
30
|
"FONT",
|
|
31
|
+
"FONT_PLACEHOLDER",
|
|
31
32
|
"SUCCESS",
|
|
32
33
|
"SUCCESS_FADE",
|
|
33
34
|
"INFO",
|
|
@@ -40,9 +41,11 @@ export default {
|
|
|
40
41
|
"DISABLED_FADE",
|
|
41
42
|
"NEUTRAL",
|
|
42
43
|
"NEUTRAL_FADE",
|
|
44
|
+
"STROKE",
|
|
43
45
|
"WHITE",
|
|
44
46
|
"MAIN_FADE",
|
|
45
47
|
"FONT",
|
|
48
|
+
"FONT_PLACEHOLDER",
|
|
46
49
|
"SUCCESS_FADE",
|
|
47
50
|
"INFO_FADE",
|
|
48
51
|
"WARNING_FADE",
|
|
@@ -50,7 +53,8 @@ export default {
|
|
|
50
53
|
"DISABLED",
|
|
51
54
|
"DISABLED_FADE",
|
|
52
55
|
"NEUTRAL",
|
|
53
|
-
"NEUTRAL_FADE"
|
|
56
|
+
"NEUTRAL_FADE",
|
|
57
|
+
"STROKE"
|
|
54
58
|
]
|
|
55
59
|
},
|
|
56
60
|
"accessibilityLabel": {
|
|
@@ -28,6 +28,7 @@ export default {
|
|
|
28
28
|
"MAIN_FADE",
|
|
29
29
|
"ACCENT",
|
|
30
30
|
"FONT",
|
|
31
|
+
"FONT_PLACEHOLDER",
|
|
31
32
|
"SUCCESS",
|
|
32
33
|
"SUCCESS_FADE",
|
|
33
34
|
"INFO",
|
|
@@ -40,9 +41,11 @@ export default {
|
|
|
40
41
|
"DISABLED_FADE",
|
|
41
42
|
"NEUTRAL",
|
|
42
43
|
"NEUTRAL_FADE",
|
|
44
|
+
"STROKE",
|
|
43
45
|
"WHITE",
|
|
44
46
|
"MAIN_FADE",
|
|
45
47
|
"FONT",
|
|
48
|
+
"FONT_PLACEHOLDER",
|
|
46
49
|
"SUCCESS_FADE",
|
|
47
50
|
"INFO_FADE",
|
|
48
51
|
"WARNING_FADE",
|
|
@@ -50,7 +53,8 @@ export default {
|
|
|
50
53
|
"DISABLED",
|
|
51
54
|
"DISABLED_FADE",
|
|
52
55
|
"NEUTRAL",
|
|
53
|
-
"NEUTRAL_FADE"
|
|
56
|
+
"NEUTRAL_FADE",
|
|
57
|
+
"STROKE"
|
|
54
58
|
]
|
|
55
59
|
},
|
|
56
60
|
"align": {
|
|
@@ -15,11 +15,11 @@ import * as React from 'react';
|
|
|
15
15
|
* @param others
|
|
16
16
|
*/
|
|
17
17
|
var ChipsList = React.forwardRef(function (_a, ref) {
|
|
18
|
-
var className = _a.className, id = _a.id, children = _a.children, multiple = _a.multiple, scrollable = _a.scrollable, others = __rest(_a, ["className", "id", "children", "multiple", "scrollable"]);
|
|
18
|
+
var className = _a.className, id = _a.id, children = _a.children, multiple = _a.multiple, scrollable = _a.scrollable, accessibilityLabelledBy = _a.accessibilityLabelledBy, others = __rest(_a, ["className", "id", "children", "multiple", "scrollable", "accessibilityLabelledBy"]);
|
|
19
19
|
var styled = useTrilogyContext().styled;
|
|
20
20
|
var classes = hashClass(styled, clsx('chips-list', multiple && is('multiple'), scrollable && is('scrollable'), className));
|
|
21
|
-
return (React.createElement("div", __assign({ ref: ref, id: id, role: 'group', className: classes }, others), children));
|
|
21
|
+
return (React.createElement("div", __assign({ ref: ref, id: id, role: 'group', "aria-labelledby": accessibilityLabelledBy, className: classes }, others), children));
|
|
22
22
|
});
|
|
23
23
|
ChipsList.displayName = ComponentName.ChipsList;
|
|
24
24
|
export default ChipsList;
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHNMaXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jaGlwcy9saXN0L0NoaXBzTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQXFGLEVBQUUsR0FBRztJQUF4RixJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSx1QkFBdUIsNkJBQUEsRUFBSyxNQUFNLGNBQW5GLG9GQUFxRixDQUFGO0lBQzFFLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxZQUFZLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUMxRixDQUFBO0lBRUQsT0FBTyxDQUNMLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUMsT0FBTyxxQkFBa0IsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQ3pHLFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9
|
|
@@ -8,6 +8,7 @@ export interface ChipsListProps extends CommonProps {
|
|
|
8
8
|
children?: React.ReactNode | React.ReactElement;
|
|
9
9
|
multiple?: boolean;
|
|
10
10
|
scrollable?: boolean;
|
|
11
|
+
accessibilityLabelledBy?: string;
|
|
11
12
|
}
|
|
12
13
|
export type ChipsListRef = HTMLDivElement;
|
|
13
14
|
export type ChipsListNativeRef = View | ScrollView;
|
|
@@ -31,8 +31,8 @@ export declare enum ComponentName {
|
|
|
31
31
|
CircleIcon = "CircleIcon",
|
|
32
32
|
Checkbox = "Checkbox",
|
|
33
33
|
CheckboxList = "CheckboxList",
|
|
34
|
-
CheckboxTiles = "
|
|
35
|
-
CheckboxTile = "
|
|
34
|
+
CheckboxTiles = "CheckboxTiles",
|
|
35
|
+
CheckboxTile = "CheckboxTile",
|
|
36
36
|
Columns = "Columns",
|
|
37
37
|
Column = "Column",
|
|
38
38
|
Container = "Container",
|
|
@@ -32,8 +32,8 @@ export var ComponentName;
|
|
|
32
32
|
ComponentName["CircleIcon"] = "CircleIcon";
|
|
33
33
|
ComponentName["Checkbox"] = "Checkbox";
|
|
34
34
|
ComponentName["CheckboxList"] = "CheckboxList";
|
|
35
|
-
ComponentName["CheckboxTiles"] = "
|
|
36
|
-
ComponentName["CheckboxTile"] = "
|
|
35
|
+
ComponentName["CheckboxTiles"] = "CheckboxTiles";
|
|
36
|
+
ComponentName["CheckboxTile"] = "CheckboxTile";
|
|
37
37
|
ComponentName["Columns"] = "Columns";
|
|
38
38
|
ComponentName["Column"] = "Column";
|
|
39
39
|
ComponentName["Container"] = "Container";
|
|
@@ -160,4 +160,4 @@ export var ComponentName;
|
|
|
160
160
|
ComponentName["ChipsList"] = "ChipsList";
|
|
161
161
|
ComponentName["Range"] = "Range";
|
|
162
162
|
})(ComponentName || (ComponentName = {}));
|
|
163
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
163
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bXNDb21wb25lbnRzTmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2NvbXBvbmVudHMvZW51bXNDb21wb25lbnRzTmFtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxhQWdLWDtBQWhLRCxXQUFZLGFBQWE7SUFDdkIsd0NBQXVCLENBQUE7SUFDdkIsZ0RBQStCLENBQUE7SUFDL0Isb0RBQW1DLENBQUE7SUFDbkMsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0IsMENBQXlCLENBQUE7SUFDekIsd0RBQXVDLENBQUE7SUFDdkMsNENBQTJCLENBQUE7SUFDM0IsZ0NBQWUsQ0FBQTtJQUNmLDBEQUF5QyxDQUFBO0lBQ3pDLDBDQUF5QixDQUFBO0lBQ3pCLDRCQUFXLENBQUE7SUFDWCx3Q0FBdUIsQ0FBQTtJQUN2QixvQ0FBbUIsQ0FBQTtJQUNuQiw0Q0FBMkIsQ0FBQTtJQUMzQix3Q0FBdUIsQ0FBQTtJQUN2QiwwQ0FBeUIsQ0FBQTtJQUN6Qix3Q0FBdUIsQ0FBQTtJQUN2Qix3REFBdUMsQ0FBQTtJQUN2QywwQ0FBeUIsQ0FBQTtJQUN6QixrREFBaUMsQ0FBQTtJQUNqQyxrQ0FBaUIsQ0FBQTtJQUNqQiwwQ0FBeUIsQ0FBQTtJQUN6QixnREFBK0IsQ0FBQTtJQUMvQiw4Q0FBNkIsQ0FBQTtJQUM3QiwwQ0FBeUIsQ0FBQTtJQUN6Qiw4QkFBYSxDQUFBO0lBQ2Isd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0IsMENBQXlCLENBQUE7SUFDekIsc0NBQXFCLENBQUE7SUFDckIsOENBQTZCLENBQUE7SUFDN0IsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0Isb0NBQW1CLENBQUE7SUFDbkIsa0NBQWlCLENBQUE7SUFDakIsd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0Isd0NBQXVCLENBQUE7SUFDdkIsb0NBQW1CLENBQUE7SUFDbkIs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
|
|
@@ -54,6 +54,7 @@ export default {
|
|
|
54
54
|
"MAIN_FADE",
|
|
55
55
|
"ACCENT",
|
|
56
56
|
"FONT",
|
|
57
|
+
"FONT_PLACEHOLDER",
|
|
57
58
|
"SUCCESS",
|
|
58
59
|
"SUCCESS_FADE",
|
|
59
60
|
"INFO",
|
|
@@ -66,9 +67,11 @@ export default {
|
|
|
66
67
|
"DISABLED_FADE",
|
|
67
68
|
"NEUTRAL",
|
|
68
69
|
"NEUTRAL_FADE",
|
|
70
|
+
"STROKE",
|
|
69
71
|
"WHITE",
|
|
70
72
|
"MAIN_FADE",
|
|
71
73
|
"FONT",
|
|
74
|
+
"FONT_PLACEHOLDER",
|
|
72
75
|
"SUCCESS_FADE",
|
|
73
76
|
"INFO_FADE",
|
|
74
77
|
"WARNING_FADE",
|
|
@@ -76,7 +79,8 @@ export default {
|
|
|
76
79
|
"DISABLED",
|
|
77
80
|
"DISABLED_FADE",
|
|
78
81
|
"NEUTRAL",
|
|
79
|
-
"NEUTRAL_FADE"
|
|
82
|
+
"NEUTRAL_FADE",
|
|
83
|
+
"STROKE"
|
|
80
84
|
]
|
|
81
85
|
},
|
|
82
86
|
"backgroundSrc": {
|
|
@@ -104,6 +104,7 @@ export default {
|
|
|
104
104
|
"MAIN_FADE",
|
|
105
105
|
"ACCENT",
|
|
106
106
|
"FONT",
|
|
107
|
+
"FONT_PLACEHOLDER",
|
|
107
108
|
"SUCCESS",
|
|
108
109
|
"SUCCESS_FADE",
|
|
109
110
|
"INFO",
|
|
@@ -116,9 +117,11 @@ export default {
|
|
|
116
117
|
"DISABLED_FADE",
|
|
117
118
|
"NEUTRAL",
|
|
118
119
|
"NEUTRAL_FADE",
|
|
120
|
+
"STROKE",
|
|
119
121
|
"WHITE",
|
|
120
122
|
"MAIN_FADE",
|
|
121
123
|
"FONT",
|
|
124
|
+
"FONT_PLACEHOLDER",
|
|
122
125
|
"SUCCESS_FADE",
|
|
123
126
|
"INFO_FADE",
|
|
124
127
|
"WARNING_FADE",
|
|
@@ -126,7 +129,8 @@ export default {
|
|
|
126
129
|
"DISABLED",
|
|
127
130
|
"DISABLED_FADE",
|
|
128
131
|
"NEUTRAL",
|
|
129
|
-
"NEUTRAL_FADE"
|
|
132
|
+
"NEUTRAL_FADE",
|
|
133
|
+
"STROKE"
|
|
130
134
|
]
|
|
131
135
|
},
|
|
132
136
|
"skeleton": {
|
|
@@ -4,10 +4,12 @@ import { ImageProps } from './ImageProps';
|
|
|
4
4
|
* Image Component
|
|
5
5
|
* @param src {string} Image source
|
|
6
6
|
* @param alt {string} Image alt
|
|
7
|
-
* @param
|
|
7
|
+
* @param radius {RadiusValues} Image border radius size
|
|
8
8
|
* @param width {number|string} Image width (Number if not percent else string)
|
|
9
9
|
* @param height {number|string} Image height (Number if not percent else string)
|
|
10
10
|
* @param onClick {Function} onClick Event
|
|
11
|
+
* @param align {Alignable} Align Image
|
|
12
|
+
* @param circled {boolean} Circled Image
|
|
11
13
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
12
14
|
* @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
|
|
13
15
|
*/
|
|
@@ -10,10 +10,12 @@ import { ComponentName } from '../enumsComponentsName';
|
|
|
10
10
|
* Image Component
|
|
11
11
|
* @param src {string} Image source
|
|
12
12
|
* @param alt {string} Image alt
|
|
13
|
-
* @param
|
|
13
|
+
* @param radius {RadiusValues} Image border radius size
|
|
14
14
|
* @param width {number|string} Image width (Number if not percent else string)
|
|
15
15
|
* @param height {number|string} Image height (Number if not percent else string)
|
|
16
16
|
* @param onClick {Function} onClick Event
|
|
17
|
+
* @param align {Alignable} Align Image
|
|
18
|
+
* @param circled {boolean} Circled Image
|
|
17
19
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
18
20
|
* @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
|
|
19
21
|
*/
|
|
@@ -36,4 +38,4 @@ var Image = React.forwardRef(function (_a, ref) {
|
|
|
36
38
|
});
|
|
37
39
|
Image.displayName = ComponentName.Image;
|
|
38
40
|
export default Image;
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ltYWdlL0ltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ2pELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQ7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBdUIsVUFBQyxFQVlyRCxFQUFFLEdBQUc7SUFYSixJQUFBLEdBQUcsU0FBQSxFQUNILFdBQVEsRUFBUixHQUFHLG1CQUFHLEVBQUUsS0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLE9BQU8sYUFBQSxFQUNQLEtBQUssV0FBQSxFQUNMLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLEtBQUssV0FBQSxFQUNGLE1BQU0sY0FYMkMsNkZBWXJELENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssSUFBSSxFQUFFLENBQUMscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFFdEcsOERBQThEO0lBQzlELElBQU0sTUFBTSxHQUE4QjtRQUN4QyxLQUFLLEVBQUU7WUFDTCxLQUFLLEVBQUUsS0FBSztZQUNaLE1BQU0sRUFBRSxNQUFNO1NBQ2Y7S0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLHlDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsRUFDTixPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1lBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsRUFDRCxTQUFTLEVBQUUsT0FBTyxJQUNkLE1BQU07UUFFViw2QkFDRSxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFDbkIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sSUFBSSxHQUFHLENBQUMsd0JBQWlCLE1BQU0sQ0FBRSxDQUFDLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQzFHLEdBQUcsRUFBRSxPQUFPLEdBQUcsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUN2QyxHQUFHLEVBQUUsR0FBRyxHQUNSLENBQ0ssQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFDdkMsZUFBZSxLQUFLLENBQUEifQ==
|
|
@@ -5,10 +5,11 @@ import { ImageProps } from './ImageProps';
|
|
|
5
5
|
* Image Component
|
|
6
6
|
* @param src {string} Image source
|
|
7
7
|
* @param alt {string} Image alt
|
|
8
|
-
* @param
|
|
8
|
+
* @param radius {RadiusValues} Image border radius size
|
|
9
9
|
* @param width {number|string} Image width (Number if not percent else string)
|
|
10
10
|
* @param height {number|string} Image height (Number if not percent else string)
|
|
11
11
|
* @param onClick {Function} onClick Event
|
|
12
|
+
* @param circled {boolean} Circled Image
|
|
12
13
|
*/
|
|
13
14
|
declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<ImageNative>>;
|
|
14
15
|
export default Image;
|
|
@@ -6,10 +6,11 @@ import { Image as ImageNative, StyleSheet, TouchableOpacity, View } from 'react-
|
|
|
6
6
|
* Image Component
|
|
7
7
|
* @param src {string} Image source
|
|
8
8
|
* @param alt {string} Image alt
|
|
9
|
-
* @param
|
|
9
|
+
* @param radius {RadiusValues} Image border radius size
|
|
10
10
|
* @param width {number|string} Image width (Number if not percent else string)
|
|
11
11
|
* @param height {number|string} Image height (Number if not percent else string)
|
|
12
12
|
* @param onClick {Function} onClick Event
|
|
13
|
+
* @param circled {boolean} Circled Image
|
|
13
14
|
*/
|
|
14
15
|
var Image = React.forwardRef(function (_a, ref) {
|
|
15
16
|
var src = _a.src, _b = _a.alt, alt = _b === void 0 ? '' : _b, circled = _a.circled, width = _a.width, height = _a.height, onClick = _a.onClick, others = __rest(_a, ["src", "alt", "circled", "width", "height", "onClick"]);
|
|
@@ -28,4 +29,4 @@ var Image = React.forwardRef(function (_a, ref) {
|
|
|
28
29
|
});
|
|
29
30
|
Image.displayName = ComponentName.Image;
|
|
30
31
|
export default Image;
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9pbWFnZS9JbWFnZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLEtBQUssSUFBSSxXQUFXLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUd2Rjs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUE2QixVQUFDLEVBQTZELEVBQUUsR0FBRztJQUFoRSxJQUFBLEdBQUcsU0FBQSxFQUFFLFdBQVEsRUFBUixHQUFHLG1CQUFHLEVBQUUsS0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBM0QsdURBQTZELENBQUY7SUFDckgsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixLQUFLLEVBQUU7WUFDTCxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLE1BQU07WUFDN0IsTUFBTSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNO1lBQ2hDLFlBQVksRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUMvQixRQUFRLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVM7WUFDeEMsVUFBVSxFQUFFLFNBQVM7U0FDdEI7S0FDRixDQUFDLENBQUE7SUFFRixJQUFNLEtBQUssR0FBRyxDQUNaLG9CQUFDLFdBQVcsYUFDVixHQUFHLEVBQUUsR0FBRyxFQUNSLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUNuQixrQkFBa0IsRUFBRSxHQUFHLEVBQ3ZCLE1BQU0sRUFBRSxPQUFPLEdBQUcsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLElBQ2hELE1BQU0sSUFDVixHQUFHLEVBQUUsR0FBRyxJQUNSLENBQ0gsQ0FBQTtJQUVELE9BQU8sT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUNmLG9CQUFDLElBQUk7UUFDSCxvQkFBQyxnQkFBZ0IsSUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxJQUFJLElBQ3BELEtBQUssQ0FDVyxDQUNkLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRixLQUFLLENBQ04sQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBRXZDLGVBQWUsS0FBSyxDQUFBIn0=
|