@trilogy-ds/react 4.0.0-textarea-native → 4.0.1-beta-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/badge/Badge.d.ts +2 -2
- package/lib/components/badge/Badge.js +2 -2
- package/lib/components/badge/Badge.native.d.ts +10 -3
- package/lib/components/badge/Badge.native.js +78 -8
- package/lib/components/button/Button.d.ts +2 -2
- package/lib/components/button/Button.js +17 -16
- package/lib/components/card/Card.d.ts +0 -1
- package/lib/components/card/Card.js +1 -2
- package/lib/components/card/Card.native.d.ts +0 -1
- package/lib/components/card/Card.native.js +1 -2
- package/lib/components/enumsComponentsName.d.ts +2 -0
- package/lib/components/enumsComponentsName.js +3 -1
- package/lib/components/icon/Icon.native.d.ts +2 -2
- package/lib/components/icon/Icon.native.js +19 -11
- package/lib/components/input/Input.native.js +21 -23
- package/lib/components/modal/Modal.js +47 -46
- package/lib/components/modal/Modal.native.d.ts +2 -2
- package/lib/components/modal/Modal.native.js +8 -13
- package/lib/components/modal/ModalProps.d.ts +3 -3
- package/lib/components/modal/ModalPropsDefaults.js +4 -1
- package/lib/components/modal/footer/ModalFooter.js +4 -4
- package/lib/components/otp/Otp.js +6 -6
- package/lib/components/progress/Progress.native.d.ts +6 -4
- package/lib/components/progress/Progress.native.js +35 -26
- package/lib/components/progress/radial/ProgressRadial.native.d.ts +1 -1
- package/lib/components/progress/radial/ProgressRadial.native.js +3 -3
- package/lib/components/radio/Radio.d.ts +2 -2
- package/lib/components/radio/Radio.js +17 -15
- package/lib/components/radio/Radio.native.d.ts +5 -12
- package/lib/components/radio/Radio.native.js +22 -142
- package/lib/components/radio/tiles/RadioTiles.d.ts +5 -2
- package/lib/components/radio/tiles/RadioTiles.js +8 -5
- package/lib/components/radio/tiles/RadioTiles.native.d.ts +15 -0
- package/lib/components/radio/tiles/RadioTiles.native.js +35 -0
- package/lib/components/radio/tiles/tile/RadioTile.d.ts +14 -4
- package/lib/components/radio/tiles/tile/RadioTile.js +31 -20
- package/lib/components/radio/tiles/tile/RadioTile.native.d.ts +22 -0
- package/lib/components/radio/tiles/tile/RadioTile.native.js +118 -0
- package/lib/components/select/Select.native.js +9 -7
- package/lib/components/select/option/SelectOption.native.js +10 -9
- package/lib/components/tabs/Tabs.d.ts +3 -6
- package/lib/components/tabs/Tabs.js +11 -12
- package/lib/components/tabs/context/index.d.ts +7 -0
- package/lib/components/tabs/context/index.js +6 -0
- package/lib/components/tabs/tab-list/TabList.d.ts +1 -1
- package/lib/components/tabs/tab-list/TabList.js +11 -6
- package/lib/components/tabs/tab-list/tab/Tab.d.ts +2 -1
- package/lib/components/tabs/tab-list/tab/Tab.js +25 -33
- package/lib/components/tabs/tab-panels/TabPanels.d.ts +1 -1
- package/lib/components/tabs/tab-panels/TabPanels.js +10 -5
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.d.ts +1 -1
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +9 -5
- package/lib/components/textarea/Textarea.native.js +3 -3
- package/lib/components/timeline/content/TimelineContent.native.d.ts +1 -1
- package/lib/components/timeline/content/TimelineContent.native.js +7 -7
- package/lib/components/timeline/item/TimelineItem.native.d.ts +2 -2
- package/lib/components/timeline/item/TimelineItem.native.js +3 -3
- package/lib/components/timeline/marker/TimelineMarker.native.d.ts +1 -1
- package/lib/components/timeline/marker/TimelineMarker.native.js +8 -6
- package/lib/events/OnClickEvent.d.ts +1 -1
- package/lib/objects/Typography/TypographyColor.js +9 -5
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +1 -1
|
@@ -7,11 +7,11 @@ import { BadgeProps } from './BadgeProps';
|
|
|
7
7
|
* @param label {string|number} Badge content text
|
|
8
8
|
* @param inverted {boolean} Inverted style for Badge
|
|
9
9
|
* @param onClick {Function} onClick Event for Badge
|
|
10
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
11
|
-
* @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
|
|
12
10
|
* @param variant
|
|
13
11
|
* @param position
|
|
14
12
|
* @param others
|
|
13
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
14
|
+
* @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
|
|
15
15
|
*/
|
|
16
16
|
declare const Badge: ({ className, children, id, label, inverted, onClick, variant, position, status, ...others }: BadgeProps) => JSX.Element;
|
|
17
17
|
export default Badge;
|
|
@@ -13,11 +13,11 @@ import { Icon, IconColor, IconName } from '../../components/icon';
|
|
|
13
13
|
* @param label {string|number} Badge content text
|
|
14
14
|
* @param inverted {boolean} Inverted style for Badge
|
|
15
15
|
* @param onClick {Function} onClick Event for Badge
|
|
16
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
17
|
-
* @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
|
|
18
16
|
* @param variant
|
|
19
17
|
* @param position
|
|
20
18
|
* @param others
|
|
19
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
20
|
+
* @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
|
|
21
21
|
*/
|
|
22
22
|
var Badge = function (_a) {
|
|
23
23
|
var className = _a.className, children = _a.children, id = _a.id, label = _a.label, inverted = _a.inverted, onClick = _a.onClick, variant = _a.variant, position = _a.position, status = _a.status, others = __rest(_a, ["className", "children", "id", "label", "inverted", "onClick", "variant", "position", "status"]);
|
|
@@ -2,13 +2,20 @@
|
|
|
2
2
|
import { BadgeProps } from '../../components/badge/BadgeProps';
|
|
3
3
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
4
4
|
/**
|
|
5
|
-
* Badge
|
|
5
|
+
* Badge Component
|
|
6
6
|
* @param children {React.ReactNode} If no content add children (Icon for example)
|
|
7
|
+
* @param id
|
|
8
|
+
* @param label {string|number} Badge content text
|
|
9
|
+
* @param inverted {boolean} Inverted style for Badge
|
|
7
10
|
* @param onClick {Function} onClick Event for Badge
|
|
8
|
-
* @param
|
|
11
|
+
* @param variant
|
|
12
|
+
* @param position
|
|
13
|
+
* @param others
|
|
14
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
15
|
+
* @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
|
|
9
16
|
*/
|
|
10
17
|
declare const Badge: {
|
|
11
|
-
({ label, onClick, testId, variant, ...others }: BadgeProps): JSX.Element;
|
|
18
|
+
({ children, label, onClick, testId, variant, inverted, position, status, ...others }: BadgeProps): JSX.Element;
|
|
12
19
|
displayName: ComponentName;
|
|
13
20
|
};
|
|
14
21
|
export default Badge;
|
|
@@ -3,14 +3,24 @@ import React from 'react';
|
|
|
3
3
|
import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
|
|
4
4
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
5
5
|
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
6
|
+
import { Icon, IconColor, IconName, IconSize } from "../../components/icon";
|
|
7
|
+
import { StatusState } from "../../objects";
|
|
8
|
+
import { BadgePositionEnum } from "../../components/badge/BadgeEnum";
|
|
6
9
|
/**
|
|
7
|
-
* Badge
|
|
10
|
+
* Badge Component
|
|
8
11
|
* @param children {React.ReactNode} If no content add children (Icon for example)
|
|
12
|
+
* @param id
|
|
13
|
+
* @param label {string|number} Badge content text
|
|
14
|
+
* @param inverted {boolean} Inverted style for Badge
|
|
9
15
|
* @param onClick {Function} onClick Event for Badge
|
|
10
|
-
* @param
|
|
16
|
+
* @param variant
|
|
17
|
+
* @param position
|
|
18
|
+
* @param others
|
|
19
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
20
|
+
* @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
|
|
11
21
|
*/
|
|
12
22
|
var Badge = function (_a) {
|
|
13
|
-
var label = _a.label, onClick = _a.onClick, testId = _a.testId, variant = _a.variant, others = __rest(_a, ["label", "onClick", "testId", "variant"]);
|
|
23
|
+
var children = _a.children, label = _a.label, onClick = _a.onClick, testId = _a.testId, variant = _a.variant, inverted = _a.inverted, position = _a.position, status = _a.status, others = __rest(_a, ["children", "label", "onClick", "testId", "variant", "inverted", "position", "status"]);
|
|
14
24
|
var badgeColor = getColorStyle(variant || TrilogyColor.MAIN);
|
|
15
25
|
var textColor = getColorStyle(TrilogyColor.BACKGROUND);
|
|
16
26
|
var styles = StyleSheet.create({
|
|
@@ -21,13 +31,13 @@ var Badge = function (_a) {
|
|
|
21
31
|
alignSelf: 'baseline',
|
|
22
32
|
minWidth: 20,
|
|
23
33
|
height: 20,
|
|
24
|
-
backgroundColor: badgeColor,
|
|
34
|
+
backgroundColor: !inverted ? badgeColor : getColorStyle(TrilogyColor.BACKGROUND),
|
|
25
35
|
borderRadius: 30,
|
|
26
36
|
justifyContent: 'center',
|
|
27
37
|
alignItems: 'center',
|
|
28
38
|
},
|
|
29
39
|
text: {
|
|
30
|
-
color: textColor,
|
|
40
|
+
color: !inverted ? textColor : getColorStyle(variant || TrilogyColor.MAIN),
|
|
31
41
|
fontSize: 10,
|
|
32
42
|
},
|
|
33
43
|
textContent: {
|
|
@@ -36,13 +46,73 @@ var Badge = function (_a) {
|
|
|
36
46
|
marginLeft: 5,
|
|
37
47
|
color: getColorStyle(TrilogyColor.MAIN),
|
|
38
48
|
},
|
|
49
|
+
iconStatus: {
|
|
50
|
+
position: "absolute",
|
|
51
|
+
zIndex: 1000,
|
|
52
|
+
backgroundColor: 'white',
|
|
53
|
+
width: 16,
|
|
54
|
+
minHeight: 16,
|
|
55
|
+
borderRadius: 15
|
|
56
|
+
},
|
|
57
|
+
iconStatusPositionTopLeft: {
|
|
58
|
+
top: -4,
|
|
59
|
+
left: -4
|
|
60
|
+
},
|
|
61
|
+
iconStatusPositionTopRight: {
|
|
62
|
+
top: -4,
|
|
63
|
+
left: 17
|
|
64
|
+
},
|
|
65
|
+
iconStatusPositionBottomLeft: {
|
|
66
|
+
top: 17,
|
|
67
|
+
left: -4
|
|
68
|
+
},
|
|
69
|
+
iconStatusPositionBottomRight: {
|
|
70
|
+
top: 17,
|
|
71
|
+
left: 17
|
|
72
|
+
}
|
|
39
73
|
});
|
|
40
|
-
|
|
74
|
+
var iconName = null;
|
|
75
|
+
var iconColor = null;
|
|
76
|
+
switch (status) {
|
|
77
|
+
case StatusState.SUCCESS:
|
|
78
|
+
iconName = IconName.CHECK_CIRCLE;
|
|
79
|
+
iconColor = IconColor.SUCCESS;
|
|
80
|
+
break;
|
|
81
|
+
case StatusState.WARNING:
|
|
82
|
+
iconName = IconName.EXCLAMATION_CIRCLE;
|
|
83
|
+
iconColor = IconColor.WARNING;
|
|
84
|
+
break;
|
|
85
|
+
case StatusState.ERROR:
|
|
86
|
+
iconName = IconName.TIMES_CIRCLE;
|
|
87
|
+
iconColor = IconColor.ERROR;
|
|
88
|
+
break;
|
|
89
|
+
case StatusState.INFO:
|
|
90
|
+
iconName = IconName.INFOS_CIRCLE;
|
|
91
|
+
iconColor = IconColor.INFO;
|
|
92
|
+
break;
|
|
93
|
+
default:
|
|
94
|
+
break;
|
|
95
|
+
}
|
|
96
|
+
if (status) {
|
|
97
|
+
return (React.createElement(View, __assign({}, others), iconName && iconColor && (React.createElement(View, null,
|
|
98
|
+
React.createElement(View, { style: [
|
|
99
|
+
styles.iconStatus,
|
|
100
|
+
position === BadgePositionEnum.TOP_LEFT && styles.iconStatusPositionTopLeft ||
|
|
101
|
+
position === BadgePositionEnum.TOP_RIGHT && styles.iconStatusPositionTopRight ||
|
|
102
|
+
position === BadgePositionEnum.BOTTOM_LEFT && styles.iconStatusPositionBottomLeft ||
|
|
103
|
+
position === BadgePositionEnum.BOTTOM_RIGHT && styles.iconStatusPositionBottomRight ||
|
|
104
|
+
styles.iconStatusPositionTopLeft
|
|
105
|
+
] },
|
|
106
|
+
React.createElement(Icon, { name: iconName, size: IconSize.SMALLER, color: iconColor })),
|
|
107
|
+
React.createElement(View, null, children)))));
|
|
108
|
+
}
|
|
109
|
+
return onClick ? (React.createElement(View, __assign({}, others),
|
|
41
110
|
React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85, testID: testId },
|
|
42
111
|
React.createElement(View, __assign({ style: styles.badge }, others),
|
|
43
112
|
React.createElement(Text, { style: styles.text }, label))))) : (React.createElement(View, __assign({ style: styles.badge }, others),
|
|
44
|
-
React.createElement(Text, { style: styles.text }, label)
|
|
113
|
+
React.createElement(Text, { style: styles.text }, label),
|
|
114
|
+
!label && children && (children)));
|
|
45
115
|
};
|
|
46
116
|
Badge.displayName = ComponentName.Badge;
|
|
47
117
|
export default Badge;
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
118
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9iYWRnZS9CYWRnZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFDLFVBQVUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFDLE1BQU0sY0FBYyxDQUFBO0FBRXJFLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQTtBQUM5RCxPQUFPLEVBQUMsYUFBYSxFQUFFLFlBQVksRUFBQyxNQUFNLHdCQUF3QixDQUFBO0FBQ2xFLE9BQU8sRUFBQyxJQUFJLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUMsTUFBTSxtQkFBbUIsQ0FBQTtBQUNyRSxPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLDhCQUE4QixDQUFBO0FBRTlEOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFBZ0c7SUFBOUYsSUFBQSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQWxGLHVGQUFvRixDQUFGO0lBQy9GLElBQU0sVUFBVSxHQUFHLGFBQWEsQ0FBQyxPQUFPLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQzlELElBQU0sU0FBUyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUE7SUFFeEQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxhQUFhLEVBQUUsS0FBSztT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
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { ButtonProps } from './ButtonProps';
|
|
3
3
|
/**
|
|
4
4
|
* Button component
|
|
@@ -22,5 +22,5 @@ import { ButtonProps } from './ButtonProps';
|
|
|
22
22
|
* @param styled {boolean} Component Wearing Styles - Hashed Trilogy Css
|
|
23
23
|
* @param type {ButtonType} button type (button|reset|submit)
|
|
24
24
|
*/
|
|
25
|
-
declare const Button:
|
|
25
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
26
26
|
export default Button;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
2
|
+
import { Icon } from '../../components/icon';
|
|
3
|
+
import { useTrilogyContext } from '../../context';
|
|
4
|
+
import { hashClass } from '../../helpers';
|
|
5
5
|
import { getButtonVariantClassName } from '../../objects/facets/Color';
|
|
6
|
+
import { is } from '../../services/index';
|
|
7
|
+
import clsx from 'clsx';
|
|
8
|
+
import React from 'react';
|
|
9
|
+
import { ComponentName } from '../enumsComponentsName';
|
|
6
10
|
import { ButtonMarkup } from './ButtonEnum';
|
|
7
|
-
import { hashClass } from '../../helpers';
|
|
8
|
-
import { useTrilogyContext } from '../../context';
|
|
9
|
-
import { Icon } from '../../components/icon';
|
|
10
11
|
/**
|
|
11
12
|
* Button component
|
|
12
13
|
* @param loading {boolean} Loading button
|
|
@@ -29,14 +30,13 @@ import { Icon } from '../../components/icon';
|
|
|
29
30
|
* @param styled {boolean} Component Wearing Styles - Hashed Trilogy Css
|
|
30
31
|
* @param type {ButtonType} button type (button|reset|submit)
|
|
31
32
|
*/
|
|
32
|
-
var Button = function (_a) {
|
|
33
|
+
var Button = React.forwardRef(function (_a, ref) {
|
|
33
34
|
var markup = _a.markup, loading = _a.loading, variant = _a.variant, href = _a.href, id = _a.id, fullwidth = _a.fullwidth, children = _a.children, className = _a.className, to = _a.to, accessibilityLabel = _a.accessibilityLabel, onClick = _a.onClick, name = _a.name, routerLink = _a.routerLink, type = _a.type, iconName = _a.iconName, others = __rest(_a, ["markup", "loading", "variant", "href", "id", "fullwidth", "children", "className", "to", "accessibilityLabel", "onClick", "name", "routerLink", "type", "iconName"]);
|
|
34
35
|
var isDisabled = others.disabled || false;
|
|
35
36
|
var styled = useTrilogyContext().styled;
|
|
36
37
|
/** Check if specified markup is valid */
|
|
37
38
|
var isCorrectMarkup = function (stringMarkup) {
|
|
38
|
-
if (stringMarkup in ButtonMarkup ||
|
|
39
|
-
Object.values(ButtonMarkup).includes(stringMarkup))
|
|
39
|
+
if (stringMarkup in ButtonMarkup || Object.values(ButtonMarkup).includes(stringMarkup))
|
|
40
40
|
return true;
|
|
41
41
|
};
|
|
42
42
|
var getClassNames = function (loading, variant, fullwidth, className) {
|
|
@@ -44,13 +44,13 @@ var Button = function (_a) {
|
|
|
44
44
|
};
|
|
45
45
|
var classes = hashClass(styled, getClassNames(loading, variant, fullwidth, className));
|
|
46
46
|
var Tag = markup && isCorrectMarkup(markup) ? markup : 'button';
|
|
47
|
-
if (Tag === 'button' &&
|
|
48
|
-
return (React.createElement("button", __assign({ id: id, "aria-label": accessibilityLabel, className: classes, disabled: isDisabled, name: name, onClick: function (e) {
|
|
47
|
+
if (Tag === 'button' && !href && !to) {
|
|
48
|
+
return (React.createElement("button", __assign({ ref: ref, id: id, "aria-label": accessibilityLabel, className: classes, disabled: isDisabled, name: name, onClick: function (e) {
|
|
49
49
|
// eslint-disable-next-line no-unused-expressions
|
|
50
50
|
!isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
|
|
51
51
|
e.stopPropagation();
|
|
52
52
|
}, type: type !== null && type !== void 0 ? type : 'button' }, others),
|
|
53
|
-
iconName &&
|
|
53
|
+
iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName }),
|
|
54
54
|
children));
|
|
55
55
|
}
|
|
56
56
|
if (Tag === 'input') {
|
|
@@ -63,7 +63,7 @@ var Button = function (_a) {
|
|
|
63
63
|
if (routerLink && to && !isDisabled) {
|
|
64
64
|
var RouterLink = (routerLink ? routerLink : 'a');
|
|
65
65
|
return (React.createElement(RouterLink, __assign({ "aria-label": accessibilityLabel, to: to, className: classes }, others),
|
|
66
|
-
iconName &&
|
|
66
|
+
iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName }),
|
|
67
67
|
children));
|
|
68
68
|
}
|
|
69
69
|
return (React.createElement("a", __assign({ id: id, "aria-label": accessibilityLabel, className: classes, href: href, onClick: function (e) {
|
|
@@ -71,8 +71,9 @@ var Button = function (_a) {
|
|
|
71
71
|
!isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
|
|
72
72
|
e.stopPropagation();
|
|
73
73
|
} }, others),
|
|
74
|
-
iconName &&
|
|
74
|
+
iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName }),
|
|
75
75
|
children));
|
|
76
|
-
};
|
|
76
|
+
});
|
|
77
|
+
Button.displayName = ComponentName.Button;
|
|
77
78
|
export default Button;
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRWxFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsWUFBWSxFQUEwRCxNQUFNLGNBQWMsQ0FBQTtBQUduRzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJHO0FBRUgsSUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDN0IsVUFDRSxFQWlCYyxFQUNkLEdBQWlDO0lBakIvQixJQUFBLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLEVBQUUsUUFBQSxFQUNGLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLGtCQUFrQix3QkFBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1YsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQWhCWCxxS0FpQkMsQ0FEVTtJQUlYLElBQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFBO0lBQ25D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
|
|
@@ -7,7 +7,6 @@ export declare const CardContext: React.Context<{
|
|
|
7
7
|
* Card Component
|
|
8
8
|
* @param flat {boolean} Adding border for Card content
|
|
9
9
|
* @param horizontal {boolean} Horizontal Card orientation
|
|
10
|
-
* @param backgroundColor {TrilogyColor} Card Background Color
|
|
11
10
|
* @param floating {boolean} Floating card
|
|
12
11
|
* @param onClick {Function} onClick Event
|
|
13
12
|
* @param skeleton {boolean} Loading card
|
|
@@ -9,7 +9,6 @@ export var CardContext = createContext({ horizontal: false });
|
|
|
9
9
|
* Card Component
|
|
10
10
|
* @param flat {boolean} Adding border for Card content
|
|
11
11
|
* @param horizontal {boolean} Horizontal Card orientation
|
|
12
|
-
* @param backgroundColor {TrilogyColor} Card Background Color
|
|
13
12
|
* @param floating {boolean} Floating card
|
|
14
13
|
* @param onClick {Function} onClick Event
|
|
15
14
|
* @param skeleton {boolean} Loading card
|
|
@@ -36,4 +35,4 @@ var Card = function (_a) {
|
|
|
36
35
|
return (React.createElement("div", __assign({ id: id, onClick: onClick && onClick, className: classes, style: onClick && __assign({}, hoverStyle) }, others)));
|
|
37
36
|
};
|
|
38
37
|
export default Card;
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDNUMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxNQUFNLENBQUMsSUFBTSxXQUFXLEdBQUcsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFL0Q7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQWFZO0lBWlYsSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FaWCx3SEFhQyxDQURVO0lBR2YsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxVQUFVLEdBQXdCO1FBQ3RDLE1BQU0sRUFBRSxTQUFTO0tBQ2xCLENBQUE7SUFFRCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQy9CLFVBQVUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxFQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsRUFDakQsUUFBUSxJQUFJLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDbkMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDekIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsU0FBUyxFQUNULFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQ3ZCLENBQ0YsQ0FBQTtJQUVELElBQUksSUFBSSxFQUFFO1FBQ1IsT0FBTyxDQUNMLG9DQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFFLElBQUksRUFDVixPQUFPLEVBQUUsVUFBQyxDQUFDO2dCQUNULGlEQUFpRDtnQkFDakQsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO2dCQUNaLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtZQUNyQixDQUFDLElBQ0csTUFBTSxJQUNWLFNBQVMsRUFBRSxPQUFPLElBQ2xCLENBQ0gsQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLHNDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQzNCLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLEtBQUssRUFBRSxPQUFPLGlCQUFTLFVBQVUsQ0FBRSxJQUMvQixNQUFNLEVBQ1YsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBQ0QsZUFBZSxJQUFJLENBQUEifQ==
|
|
@@ -17,7 +17,6 @@ export declare const CardContext: React.Context<{
|
|
|
17
17
|
* @param onClick {Function} onClick Event
|
|
18
18
|
* @param skeleton {boolean} Loading card
|
|
19
19
|
* @param reversed {boolean} Reversed card
|
|
20
|
-
* @param backgroundColor {TrilogyColor} Card Background Color
|
|
21
20
|
* @param fullheight {boolean}
|
|
22
21
|
* @param active {boolean} Activated box
|
|
23
22
|
* @param others
|
|
@@ -21,7 +21,6 @@ export var CardContext = createContext({
|
|
|
21
21
|
* @param onClick {Function} onClick Event
|
|
22
22
|
* @param skeleton {boolean} Loading card
|
|
23
23
|
* @param reversed {boolean} Reversed card
|
|
24
|
-
* @param backgroundColor {TrilogyColor} Card Background Color
|
|
25
24
|
* @param fullheight {boolean}
|
|
26
25
|
* @param active {boolean} Activated box
|
|
27
26
|
* @param others
|
|
@@ -107,4 +106,4 @@ var Card = function (_a) {
|
|
|
107
106
|
};
|
|
108
107
|
Card.displayName = ComponentName.Card;
|
|
109
108
|
export default Card;
|
|
110
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
109
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvQ2FyZC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLGFBQWEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUM1QyxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFM0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLGFBQWEsRUFBRSxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ2pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFFeEQsTUFBTSxDQUFDLElBQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQztJQUN2QyxRQUFRLEVBQUUsS0FBSztJQUNmLGVBQWUsRUFBRSxFQUFFLElBQUksRUFBRTtJQUN6QixVQUFVLEVBQUUsS0FBSztJQUNqQixRQUFRLEVBQUUsS0FBSztJQUNmLE1BQU0sRUFBRSxLQUFLO0NBQ2QsQ0FBQyxDQUFBO0FBRUY7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQVdGO0lBVlYsSUFBQSxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsVUFBVSxnQkFBQSxFQUNWLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FWRyx5R0FXYixDQURVO0lBRVQsSUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFBO0lBQzFCLElBQU0sVUFBVSxHQUFHLENBQUMsQ0FBQTtJQUNw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
|
|
@@ -100,6 +100,8 @@ export var ComponentName;
|
|
|
100
100
|
ComponentName["Otp"] = "Otp";
|
|
101
101
|
ComponentName["Radio"] = "Radio";
|
|
102
102
|
ComponentName["RadioList"] = "RadioList";
|
|
103
|
+
ComponentName["RadioTiles"] = "RadioTiles";
|
|
104
|
+
ComponentName["RadioTile"] = "RadioTile";
|
|
103
105
|
ComponentName["Rows"] = "Rows";
|
|
104
106
|
ComponentName["Row"] = "Row";
|
|
105
107
|
ComponentName["ScrollView"] = "ScrollView";
|
|
@@ -152,4 +154,4 @@ export var ComponentName;
|
|
|
152
154
|
ComponentName["ChipsList"] = "ChipsList";
|
|
153
155
|
ComponentName["Range"] = "Range";
|
|
154
156
|
})(ComponentName || (ComponentName = {}));
|
|
155
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
157
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bXNDb21wb25lbnRzTmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2NvbXBvbmVudHMvZW51bXNDb21wb25lbnRzTmFtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxhQTBKWDtBQTFKRCxXQUFZLGFBQWE7SUFDdkIsd0NBQXVCLENBQUE7SUFDdkIsZ0RBQStCLENBQUE7SUFDL0Isb0RBQW1DLENBQUE7SUFDbkMsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0IsMENBQXlCLENBQUE7SUFDekIsd0RBQXVDLENBQUE7SUFDdkMsNENBQTJCLENBQUE7SUFDM0IsZ0NBQWUsQ0FBQTtJQUNmLDBEQUF5QyxDQUFBO0lBQ3pDLDBDQUF5QixDQUFBO0lBQ3pCLDRCQUFXLENBQUE7SUFDWCx3Q0FBdUIsQ0FBQTtJQUN2QixvQ0FBbUIsQ0FBQTtJQUNuQiw0Q0FBMkIsQ0FBQTtJQUMzQix3Q0FBdUIsQ0FBQTtJQUN2QiwwQ0FBeUIsQ0FBQTtJQUN6Qix3Q0FBdUIsQ0FBQTtJQUN2Qix3REFBdUMsQ0FBQTtJQUN2QywwQ0FBeUIsQ0FBQTtJQUN6QixrREFBaUMsQ0FBQTtJQUNqQyxrQ0FBaUIsQ0FBQTtJQUNqQiwwQ0FBeUIsQ0FBQTtJQUN6QixnREFBK0IsQ0FBQTtJQUMvQiw4Q0FBNkIsQ0FBQTtJQUM3QiwwQ0FBeUIsQ0FBQTtJQUN6Qiw4QkFBYSxDQUFBO0lBQ2Isd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0IsMENBQXlCLENBQUE7SUFDekIsc0NBQXFCLENBQUE7SUFDckIsa0RBQWlDLENBQUE7SUFDakMsb0NBQW1CLENBQUE7SUFDbkIsa0NBQWlCLENBQUE7SUFDakIsd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0Isd0NBQXVCLENBQUE7SUFDdkIsb0NBQW1CLENBQUE7SUFDbkIsNEJBQVcsQ0FBQTtJQUNYLDhCQUFhLENBQUE7SUFDYiw4QkFB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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { IconProps } from '../../components/icon/IconProps';
|
|
4
4
|
/**
|
|
5
5
|
* Icon Component
|
|
6
6
|
* @param size Size of Icon
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { IconSize } from '../../components/icon/IconEnum';
|
|
4
|
+
import { StatesContext } from '../../context/providerStates';
|
|
5
|
+
import { TrilogyThemeContext } from '../../context/providerTheme.native';
|
|
6
|
+
import { getAlignStyle } from '../../objects/facets/Alignable';
|
|
7
|
+
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
2
8
|
import React, { useContext } from 'react';
|
|
9
|
+
import ContentLoader, { Circle } from 'react-content-loader/native';
|
|
3
10
|
import { Platform, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
4
11
|
import { WithLocalSvg } from 'react-native-svg/css';
|
|
5
|
-
import ContentLoader, { Circle } from 'react-content-loader/native';
|
|
6
|
-
import { IconSize } from './IconEnum';
|
|
7
|
-
import { getAlignStyle } from '../../objects/facets/Alignable';
|
|
8
|
-
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
9
|
-
import { ComponentName } from '../enumsComponentsName';
|
|
10
|
-
import { TrilogyThemeContext } from '../../context/providerTheme.native';
|
|
11
|
-
import { StatesContext } from '../../context/providerStates';
|
|
12
|
-
import Text from '../../components/text/Text.native';
|
|
13
12
|
/**
|
|
14
13
|
* Icon Component
|
|
15
14
|
* @param size Size of Icon
|
|
@@ -31,7 +30,6 @@ var Icon = function (_a) {
|
|
|
31
30
|
var size = _a.size, name = _a.name, circled = _a.circled, stretched = _a.stretched, color = _a.color, backgroundColor = _a.backgroundColor, onClick = _a.onClick, align = _a.align, skeleton = _a.skeleton, testId = _a.testId, others = __rest(_a, ["size", "name", "circled", "stretched", "color", "backgroundColor", "onClick", "align", "skeleton", "testId"]);
|
|
32
31
|
var icons = useContext(TrilogyThemeContext).theme.icons;
|
|
33
32
|
var statesContext = useContext(StatesContext);
|
|
34
|
-
var content = '';
|
|
35
33
|
var style = {};
|
|
36
34
|
var defaultSize = (size === IconSize.HUGE && 66) ||
|
|
37
35
|
(size === IconSize.LARGE && 44) ||
|
|
@@ -42,6 +40,7 @@ var Icon = function (_a) {
|
|
|
42
40
|
var iconColor = (color && getColorStyle(color)) ||
|
|
43
41
|
(statesContext.inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
44
42
|
getColorStyle(TrilogyColor.MAIN);
|
|
43
|
+
var background = (backgroundColor && getColorStyle(backgroundColor)) || (circled && getColorStyle(TrilogyColor.MAIN)) || '';
|
|
45
44
|
var iconSkeletonRadius = (size === IconSize.HUGE && 50) ||
|
|
46
45
|
(size === IconSize.LARGE && 35) ||
|
|
47
46
|
(size === IconSize.MEDIUM && 25) ||
|
|
@@ -82,6 +81,14 @@ var Icon = function (_a) {
|
|
|
82
81
|
backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
|
|
83
82
|
overflow: 'hidden',
|
|
84
83
|
},
|
|
84
|
+
circled: {
|
|
85
|
+
width: circledWidth,
|
|
86
|
+
height: circledWidth,
|
|
87
|
+
borderRadius: circledWidth,
|
|
88
|
+
backgroundColor: background,
|
|
89
|
+
alignItems: 'center',
|
|
90
|
+
justifyContent: 'center',
|
|
91
|
+
},
|
|
85
92
|
});
|
|
86
93
|
var IconSkeleton = function () { return (React.createElement(ContentLoader, __assign({ style: styles.skeleton }, others),
|
|
87
94
|
React.createElement(View, { style: { opacity: 0 } }),
|
|
@@ -99,7 +106,8 @@ var Icon = function (_a) {
|
|
|
99
106
|
React.createElement(WithLocalSvg, { style: [styles.iconCircled, styles.icon], asset: icons[name.toString().replace('tri-picto-', '').replace('tri-', '')], width: defaultSize, height: defaultSize, color: getColorStyle(TrilogyColor.BACKGROUND) })));
|
|
100
107
|
}
|
|
101
108
|
else if (circled) {
|
|
102
|
-
iconView = React.createElement(
|
|
109
|
+
iconView = (React.createElement(View, { style: styles.circled, testID: "".concat(testId, "-circled") },
|
|
110
|
+
React.createElement(WithLocalSvg, { style: [styles.iconCircled, styles.icon], asset: icons[name.toString().replace('tri-picto-', '').replace('tri-', '')], width: defaultSize, height: defaultSize, color: iconColor })));
|
|
103
111
|
}
|
|
104
112
|
else {
|
|
105
113
|
iconView = (React.createElement(View, __assign({}, others),
|
|
@@ -111,4 +119,4 @@ var Icon = function (_a) {
|
|
|
111
119
|
};
|
|
112
120
|
Icon.displayName = ComponentName.Icon;
|
|
113
121
|
export default Icon;
|
|
114
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
122
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ljb24vSWNvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBRXJELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDMUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQXNCLE1BQU0sd0JBQXdCLENBQUE7QUFDeEYsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxhQUFhLEVBQUUsRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDM0UsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBRW5EOzs7Ozs7Ozs7Ozs7Ozs7O0dBZ0JHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQVlGO0lBWFYsSUFBQSxJQUFJLFVBQUEsRUFDSixJQUFJLFVBQUEsRUFDSixPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxLQUFLLFdBQUEsRUFDTCxlQUFlLHFCQUFBLEVBQ2YsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQVhHLDhHQVliLENBRFU7SUFHRSxJQUFBLEtBQUssR0FDWixVQUFVLENBQUMsbUJBQW1CLENB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
|