@trilogy-ds/react 4.0.7-test-svg-beta-3 → 4.1.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/alert/Alert.d.ts +2 -0
- package/lib/components/alert/Alert.js +54 -47
- package/lib/components/alert/Alert.native.js +12 -13
- package/lib/components/alert/AlertProps.d.ts +5 -0
- package/lib/components/alert/AlertProps.js +6 -1
- package/lib/components/alert/ToasterStatusPropsDefaults.js +8 -0
- package/lib/components/badge/Badge.native.js +2 -2
- package/lib/components/breadcrumb/item/BreadcrumbItem.d.ts +1 -1
- package/lib/components/breadcrumb/item/BreadcrumbItem.js +4 -7
- package/lib/components/button/list/ButtonList.js +4 -3
- package/lib/components/button/list/index.d.ts +1 -0
- package/lib/components/button/list/index.js +2 -1
- package/lib/components/card/Card.native.d.ts +1 -1
- package/lib/components/card/Card.native.js +17 -14
- package/lib/components/card/image/CardImage.native.d.ts +1 -1
- package/lib/components/card/image/CardImage.native.js +12 -12
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.d.ts +1 -1
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.js +2 -2
- package/lib/components/chips/list/ChipsList.js +1 -1
- package/lib/components/divider/Divider.native.d.ts +1 -1
- package/lib/components/divider/Divider.native.js +2 -2
- package/lib/components/hero/Hero.native.js +2 -1
- package/lib/components/icon/Icon.js +1 -1
- package/lib/components/icon/Icon.native.js +6 -5
- package/lib/components/input/Input.d.ts +1 -1
- package/lib/components/input/Input.js +29 -25
- package/lib/components/input/Input.native.js +5 -4
- package/lib/components/link/Link.native.d.ts +1 -2
- package/lib/components/link/Link.native.js +9 -51
- package/lib/components/list/List.d.ts +3 -2
- package/lib/components/list/List.js +9 -7
- package/lib/components/list/List.native.d.ts +4 -3
- package/lib/components/list/List.native.js +11 -7
- package/lib/components/list/ListProps.d.ts +1 -0
- package/lib/components/list/ListPropsDefaults.js +8 -0
- package/lib/components/list/context/ListContext.d.ts +3 -0
- package/lib/components/list/context/ListContext.js +8 -0
- package/lib/components/list/context/ListContextProps.d.ts +7 -0
- package/lib/components/list/context/ListContextProps.js +2 -0
- package/lib/components/list/context/ListContextPropsDefaults.js +24 -0
- package/lib/components/list/context/index.d.ts +2 -0
- package/lib/components/list/context/index.js +3 -0
- package/lib/components/list/item/ListItem.native.d.ts +1 -1
- package/lib/components/list/item/ListItem.native.js +19 -5
- package/lib/components/modal/Modal.d.ts +1 -2
- package/lib/components/modal/Modal.js +5 -6
- package/lib/components/modal/Modal.native.js +52 -109
- package/lib/components/modal/body/ModalBody.native.js +14 -8
- package/lib/components/modal/context/ModalContext.d.ts +3 -0
- package/lib/components/modal/context/ModalContext.js +8 -0
- package/lib/components/modal/context/ModalContextProps.d.ts +8 -0
- package/lib/components/modal/context/ModalContextProps.js +2 -0
- package/lib/components/modal/context/ModalContextPropsDefaults.js +25 -0
- package/lib/components/modal/context/index.d.ts +2 -0
- package/lib/components/modal/context/index.js +3 -0
- package/lib/components/modal/footer/ModalFooter.native.js +21 -10
- package/lib/components/progress/Progress.js +5 -5
- package/lib/components/progress/radial/ProgressRadial.js +1 -1
- package/lib/components/progress/radial/ProgressRadial.native.js +5 -4
- package/lib/components/radio/Radio.native.js +2 -2
- package/lib/components/radio/list/RadioList.native.js +1 -1
- package/lib/components/scroll-view/ScrollView.native.d.ts +3 -3
- package/lib/components/scroll-view/ScrollView.native.js +13 -12
- package/lib/components/select/Select.native.js +3 -3
- package/lib/components/select/option/SelectOption.js +2 -2
- package/lib/components/select/web/SelectDynamic.js +6 -7
- package/lib/components/spacer/Spacer.js +2 -2
- package/lib/components/stepper/Stepper.js +1 -1
- package/lib/components/sticker/Sticker.d.ts +1 -1
- package/lib/components/sticker/Sticker.js +4 -4
- package/lib/components/sticker/Sticker.native.d.ts +1 -1
- package/lib/components/sticker/Sticker.native.js +10 -9
- package/lib/components/sticker/StickerProps.d.ts +2 -2
- package/lib/components/sticker/StickerPropsDefaults.js +7 -0
- package/lib/components/switch/Switch.native.d.ts +2 -2
- package/lib/components/switch/Switch.native.js +11 -12
- package/lib/components/tag/Tag.native.js +1 -1
- package/lib/components/text/Text.native.js +4 -3
- package/lib/components/title/Title.native.js +4 -3
- package/lib/helpers/device.d.ts +3 -0
- package/lib/helpers/device.js +5 -4
- package/lib/helpers/device.native.d.ts +19 -0
- package/lib/helpers/device.native.js +36 -0
- package/lib/objects/Typography/TypographyBold.js +1 -1
- package/lib/objects/facets/Color.d.ts +1 -1
- package/lib/objects/facets/Color.js +2 -2
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +1 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
1
|
+
import { __assign, __read, __rest } from "tslib";
|
|
2
2
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
3
|
import { Icon } from '../../components/icon';
|
|
4
|
-
import { TextLevels } from '../../components/text';
|
|
5
4
|
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
6
5
|
import * as React from 'react';
|
|
7
|
-
import {
|
|
6
|
+
import { useState } from 'react';
|
|
7
|
+
import { Linking, StyleSheet, Text, View, } from 'react-native';
|
|
8
8
|
/**
|
|
9
9
|
* Link Component
|
|
10
10
|
* @param to {string} Url to open
|
|
@@ -13,53 +13,19 @@ import { Linking, Platform, StyleSheet, Text, TouchableOpacity, View } from 'rea
|
|
|
13
13
|
* @param children {React.ReactNode}
|
|
14
14
|
* @param testId {string} id for test
|
|
15
15
|
* @param accessibilityLabel {string}
|
|
16
|
-
* @param inline {boolean} If link is inside paragraphe
|
|
17
16
|
* @param iconName {IconName} Adding Icon Link
|
|
18
17
|
* @param inverted {boolean} Inverted link
|
|
19
18
|
*/
|
|
20
19
|
var Link = function (_a) {
|
|
21
|
-
var children = _a.children, to = _a.to, onClick = _a.onClick, testId = _a.testId, accessibilityLabel = _a.accessibilityLabel,
|
|
22
|
-
var
|
|
23
|
-
return ((level && level == TextLevels.ONE && 16) ||
|
|
24
|
-
(level && level == TextLevels.TWO && 14) ||
|
|
25
|
-
(level && level == TextLevels.THREE && 12) ||
|
|
26
|
-
(level && level == TextLevels.FOUR && 10) ||
|
|
27
|
-
10);
|
|
28
|
-
};
|
|
29
|
-
var getHeightLinkAndroid = function (level) {
|
|
30
|
-
return ((level && level == TextLevels.ONE && 20) ||
|
|
31
|
-
(level && level == TextLevels.TWO && 18) ||
|
|
32
|
-
(level && level == TextLevels.THREE && 15) ||
|
|
33
|
-
(level && level == TextLevels.FOUR && 13) ||
|
|
34
|
-
14);
|
|
35
|
-
};
|
|
20
|
+
var children = _a.children, to = _a.to, onClick = _a.onClick, testId = _a.testId, accessibilityLabel = _a.accessibilityLabel, iconName = _a.iconName, inverted = _a.inverted, others = __rest(_a, ["children", "to", "onClick", "testId", "accessibilityLabel", "iconName", "inverted"]);
|
|
21
|
+
var _b = __read(useState(false), 2), pressedLink = _b[0], setPressedLink = _b[1];
|
|
36
22
|
var styles = StyleSheet.create({
|
|
37
23
|
linkAlignement: {
|
|
38
24
|
alignSelf: 'baseline',
|
|
39
25
|
},
|
|
40
|
-
container: {
|
|
41
|
-
padding: inline ? 4 : 8,
|
|
42
|
-
marginTop: inline ? -4 : 0,
|
|
43
|
-
marginBottom: inline ? -3 : -10,
|
|
44
|
-
paddingLeft: inline ? 4 : 0,
|
|
45
|
-
paddingRight: inline ? 4 : 0,
|
|
46
|
-
},
|
|
47
|
-
androidContainer: {
|
|
48
|
-
paddingLeft: inline ? 2 : 0,
|
|
49
|
-
paddingRight: inline ? 2 : 0,
|
|
50
|
-
},
|
|
51
26
|
link: {
|
|
52
|
-
color: (inverted &&
|
|
53
|
-
fontSize: 14,
|
|
54
|
-
lineHeight: 14,
|
|
55
|
-
textDecorationStyle: 'solid',
|
|
56
|
-
textDecorationLine: 'underline',
|
|
57
|
-
},
|
|
58
|
-
androidLink: {
|
|
59
|
-
color: (inverted && getColorStyle(TrilogyColor.BACKGROUND)) || getColorStyle(TrilogyColor.MAIN),
|
|
27
|
+
color: getColorStyle(pressedLink && TrilogyColor.MAIN_FADE || inverted && TrilogyColor.BACKGROUND || TrilogyColor.MAIN),
|
|
60
28
|
fontSize: 14,
|
|
61
|
-
lineHeight: 14,
|
|
62
|
-
height: 'auto',
|
|
63
29
|
textDecorationStyle: 'solid',
|
|
64
30
|
textDecorationLine: 'underline',
|
|
65
31
|
},
|
|
@@ -71,15 +37,7 @@ var Link = function (_a) {
|
|
|
71
37
|
marginLeft: 4,
|
|
72
38
|
},
|
|
73
39
|
});
|
|
74
|
-
|
|
75
|
-
var linkAccessibilityLabel = accessibilityLabel
|
|
76
|
-
? accessibilityLabel
|
|
77
|
-
: typeof children === 'string'
|
|
78
|
-
? children
|
|
79
|
-
: 'NotSpecified';
|
|
80
|
-
return (React.createElement(View, { style: Platform.OS === 'android'
|
|
81
|
-
? [styles.linkAlignement, styles.androidContainer]
|
|
82
|
-
: [styles.linkAlignement, styles.container], accessible: !!linkAccessibilityLabel, accessibilityLabel: linkAccessibilityLabel, testID: linkTestId }, children && typeof children.valueOf() === 'string' ? (React.createElement(TouchableOpacity, { activeOpacity: 0.8, onPress: function (e) {
|
|
40
|
+
return (React.createElement(React.Fragment, null, children && typeof children.valueOf() === 'string' ? (React.createElement(Text, { testID: testId, suppressHighlighting: true, onPressIn: function () { return setPressedLink(true); }, onPressOut: function () { return setPressedLink(false); }, onPress: function (e) {
|
|
83
41
|
if (to) {
|
|
84
42
|
Linking.openURL(to || '');
|
|
85
43
|
}
|
|
@@ -89,7 +47,7 @@ var Link = function (_a) {
|
|
|
89
47
|
} }, iconName ? (React.createElement(View, { style: styles.iconView },
|
|
90
48
|
React.createElement(Text, __assign({ accessibilityLabel: accessibilityLabel, style: [styles.link] }, others), children),
|
|
91
49
|
React.createElement(View, { style: styles.icon },
|
|
92
|
-
React.createElement(Icon, { color: TrilogyColor.MAIN, name: iconName, size: 'small' })))) : (React.createElement(Text, __assign({ accessibilityLabel: accessibilityLabel, style:
|
|
50
|
+
React.createElement(Icon, { color: TrilogyColor.MAIN, name: iconName, size: 'small' })))) : (React.createElement(Text, __assign({ accessibilityLabel: accessibilityLabel, style: [styles.link] }, others), children)))) : (React.createElement(Text, { testID: testId, suppressHighlighting: true, onPressIn: function () { return setPressedLink(true); }, onPressOut: function () { return setPressedLink(false); }, onPress: function (e) {
|
|
93
51
|
if (to) {
|
|
94
52
|
Linking.openURL(to || '');
|
|
95
53
|
}
|
|
@@ -100,4 +58,4 @@ var Link = function (_a) {
|
|
|
100
58
|
};
|
|
101
59
|
Link.displayName = ComponentName.Link;
|
|
102
60
|
export default Link;
|
|
103
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpbmsvTGluay5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sa0NBQWtDLENBQUE7QUFDOUQsT0FBTyxFQUFDLElBQUksRUFBQyxNQUFNLG1CQUFtQixDQUFBO0FBQ3RDLE9BQU8sRUFBQyxhQUFhLEVBQUUsWUFBWSxFQUFDLE1BQU0sd0JBQXdCLENBQUE7QUFDbEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxHQUFFLE1BQU0sY0FBYyxDQUFBO0FBRzdEOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBU0k7SUFSaEIsSUFBQSxRQUFRLGNBQUEsRUFDUixFQUFFLFFBQUEsRUFDRixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDTixrQkFBa0Isd0JBQUEsRUFDbEIsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVJHLHFGQVNiLENBRFU7SUFFSCxJQUFBLEtBQUEsT0FBZ0MsUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUFBLEVBQTlDLFdBQVcsUUFBQSxFQUFFLGNBQWMsUUFBbUIsQ0FBQTtJQUVyRCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLGNBQWMsRUFBRTtZQUNkLFNBQVMsRUFBRSxVQUFVO1NBQ3RCO1FBQ0QsSUFBSSxFQUFFO1lBQ0osS0FBSyxFQUFFLGFBQWEsQ0FBQyxXQUFXLElBQUksWUFBWSxDQUFDLFNBQVMsSUFBSSxRQUFRLElBQUksWUFBWSxDQUFDLFVBQVUsSUFBSSxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ3ZI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
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
+
import { ListProps } from '../../components/list/ListProps';
|
|
1
2
|
import * as React from 'react';
|
|
2
|
-
import { ListProps } from './ListProps';
|
|
3
3
|
/**
|
|
4
4
|
* ListItem Component
|
|
5
5
|
* @param className {string} Additionnal CSS Classes
|
|
6
6
|
* @param children {React.ReactNode}
|
|
7
7
|
* @param hasIcon {boolean} If Have icon
|
|
8
|
+
* @param ordered {boolean} Display ordered list
|
|
8
9
|
*/
|
|
9
|
-
declare const List: ({ className, id, children, testId, divider, ...others }: ListProps) => React.JSX.Element;
|
|
10
|
+
declare const List: ({ className, id, children, testId, divider, ordered, ...others }: ListProps) => React.JSX.Element;
|
|
10
11
|
export default List;
|
|
@@ -1,20 +1,22 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import { hashClass } from '../../helpers';
|
|
5
2
|
import { useTrilogyContext } from '../../context';
|
|
6
|
-
import {
|
|
3
|
+
import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
4
|
+
import { has } from '../../services/classify';
|
|
5
|
+
import clsx from 'clsx';
|
|
6
|
+
import * as React from 'react';
|
|
7
7
|
/**
|
|
8
8
|
* ListItem Component
|
|
9
9
|
* @param className {string} Additionnal CSS Classes
|
|
10
10
|
* @param children {React.ReactNode}
|
|
11
11
|
* @param hasIcon {boolean} If Have icon
|
|
12
|
+
* @param ordered {boolean} Display ordered list
|
|
12
13
|
*/
|
|
13
14
|
var List = function (_a) {
|
|
14
|
-
var className = _a.className, id = _a.id, children = _a.children, testId = _a.testId, divider = _a.divider, others = __rest(_a, ["className", "id", "children", "testId", "divider"]);
|
|
15
|
+
var className = _a.className, id = _a.id, children = _a.children, testId = _a.testId, divider = _a.divider, ordered = _a.ordered, others = __rest(_a, ["className", "id", "children", "testId", "divider", "ordered"]);
|
|
15
16
|
var styled = useTrilogyContext().styled;
|
|
16
17
|
var classes = hashClass(styled, clsx('list', divider && has('divider'), className));
|
|
17
|
-
|
|
18
|
+
var Tag = ordered ? 'ol' : 'ul';
|
|
19
|
+
return (React.createElement(Tag, __assign({ id: id, "data-testid": testId, className: classes }, others), children));
|
|
18
20
|
};
|
|
19
21
|
export default List;
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9MaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDekMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCOzs7Ozs7R0FNRztBQUVILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFBMkU7SUFBekUsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQTlELCtEQUFnRSxDQUFGO0lBQ2xFLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxPQUFPLElBQUksR0FBRyxDQUFDLFNBQVMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDckYsSUFBTSxHQUFHLEdBQUcsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQTtJQUVqQyxPQUFPLENBQ0wsb0JBQUMsR0FBRyxhQUFDLEVBQUUsRUFBRSxFQUFFLGlCQUFlLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDN0QsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsSUFBSSxDQUFBIn0=
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { ListProps } from '../../components/list/ListProps';
|
|
4
4
|
/**
|
|
5
5
|
* List Component
|
|
6
6
|
* @param children {React.ReactNode}
|
|
7
|
+
* @param ordered {boolean} Display ordered list
|
|
7
8
|
*/
|
|
8
9
|
declare const List: {
|
|
9
|
-
({ children, ...others }: ListProps): JSX.Element;
|
|
10
|
+
({ children, ordered, divider, testId, ...others }: ListProps): JSX.Element;
|
|
10
11
|
displayName: ComponentName;
|
|
11
12
|
};
|
|
12
13
|
export default List;
|
|
@@ -1,15 +1,19 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
1
|
+
import { __assign, __read, __rest } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { ListContext } from '../../components/list/context';
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import { View } from 'react-native';
|
|
5
6
|
/**
|
|
6
7
|
* List Component
|
|
7
8
|
* @param children {React.ReactNode}
|
|
9
|
+
* @param ordered {boolean} Display ordered list
|
|
8
10
|
*/
|
|
9
11
|
var List = function (_a) {
|
|
10
|
-
var children = _a.children, others = __rest(_a, ["children"]);
|
|
11
|
-
|
|
12
|
+
var children = _a.children, _b = _a.ordered, ordered = _b === void 0 ? false : _b, _c = _a.divider, divider = _c === void 0 ? false : _c, testId = _a.testId, others = __rest(_a, ["children", "ordered", "divider", "testId"]);
|
|
13
|
+
var _d = __read(React.useState([]), 2), chilIndexes = _d[0], setChildIndexes = _d[1];
|
|
14
|
+
return (React.createElement(ListContext.Provider, { value: { ordered: ordered, divider: divider, chilIndexes: chilIndexes, setChildIndexes: setChildIndexes } },
|
|
15
|
+
React.createElement(View, __assign({ testID: testId }, others), children)));
|
|
12
16
|
};
|
|
13
17
|
List.displayName = ComponentName.List;
|
|
14
18
|
export default List;
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvTGlzdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQ3ZELE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFbkM7Ozs7R0FJRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFBNEU7SUFBMUUsSUFBQSxRQUFRLGNBQUEsRUFBRSxlQUFlLEVBQWYsT0FBTyxtQkFBRyxLQUFLLEtBQUEsRUFBRSxlQUFlLEVBQWYsT0FBTyxtQkFBRyxLQUFLLEtBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQS9ELDRDQUFpRSxDQUFGO0lBQ3JFLElBQUEsS0FBQSxPQUFpQyxLQUFLLENBQUMsUUFBUSxDQUFXLEVBQUUsQ0FBQyxJQUFBLEVBQTVELFdBQVcsUUFBQSxFQUFFLGVBQWUsUUFBZ0MsQ0FBQTtJQUVuRSxPQUFPLENBQ0wsb0JBQUMsV0FBVyxDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxPQUFPLFNBQUEsRUFBRSxPQUFPLFNBQUEsRUFBRSxXQUFXLGFBQUEsRUFBRSxlQUFlLGlCQUFBLEVBQUU7UUFDN0Usb0JBQUMsSUFBSSxhQUFDLE1BQU0sRUFBRSxNQUFNLElBQU0sTUFBTSxHQUM3QixRQUFRLENBQ0osQ0FDYyxDQUN4QixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsSUFBSSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsSUFBSSxDQUFBO0FBRXJDLGVBQWUsSUFBSSxDQUFBIn0=
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export var ListContext = React.createContext({
|
|
3
|
+
divider: false,
|
|
4
|
+
ordered: false,
|
|
5
|
+
chilIndexes: [],
|
|
6
|
+
setChildIndexes: function () { return ['']; },
|
|
7
|
+
});
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdENvbnRleHQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvY29udGV4dC9MaXN0Q29udGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBR3pCLE1BQU0sQ0FBQyxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFtQjtJQUMvRCxPQUFPLEVBQUUsS0FBSztJQUNkLE9BQU8sRUFBRSxLQUFLO0lBQ2QsV0FBVyxFQUFFLEVBQUU7SUFDZixlQUFlLEVBQUUsY0FBTSxPQUFBLENBQUMsRUFBRSxDQUFDLEVBQUosQ0FBSTtDQUM1QixDQUFDLENBQUEifQ==
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"divider": {
|
|
3
|
+
"type": "boolean",
|
|
4
|
+
"values": [
|
|
5
|
+
"false",
|
|
6
|
+
"true"
|
|
7
|
+
]
|
|
8
|
+
},
|
|
9
|
+
"ordered": {
|
|
10
|
+
"type": "boolean",
|
|
11
|
+
"values": [
|
|
12
|
+
"false",
|
|
13
|
+
"true"
|
|
14
|
+
]
|
|
15
|
+
},
|
|
16
|
+
"chilIndexes": {
|
|
17
|
+
"type": "string",
|
|
18
|
+
"values": []
|
|
19
|
+
},
|
|
20
|
+
"setChildIndexes": {
|
|
21
|
+
"type": "string",
|
|
22
|
+
"values": []
|
|
23
|
+
}
|
|
24
|
+
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './ListContext';
|
|
2
|
+
export * from './ListContextProps';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvY29udGV4dC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGVBQWUsQ0FBQTtBQUM3QixjQUFjLG9CQUFvQixDQUFBIn0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
-
import { ListItemProps } from '
|
|
3
|
+
import { ListItemProps } from '../../../components/list/item/ListItemProps';
|
|
4
4
|
/**
|
|
5
5
|
* ListItem Component
|
|
6
6
|
* @param children {React.ReactNode}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
+
import { __read, __spreadArray } from "tslib";
|
|
1
2
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
2
3
|
import { Icon } from '../../../components/icon';
|
|
4
|
+
import { ListContext } from '../../../components/list/context';
|
|
3
5
|
import { Text, TextLevels } from '../../../components/text';
|
|
4
|
-
import { getColorStyle, TrilogyColor } from '../../../objects';
|
|
5
|
-
import React, { useMemo } from 'react';
|
|
6
|
+
import { getColorStyle, TrilogyColor, TypographyBold } from '../../../objects';
|
|
7
|
+
import React, { useContext, useEffect, useId, useMemo } from 'react';
|
|
6
8
|
import { StyleSheet, View } from 'react-native';
|
|
7
9
|
/**
|
|
8
10
|
* ListItem Component
|
|
@@ -12,6 +14,12 @@ import { StyleSheet, View } from 'react-native';
|
|
|
12
14
|
*/
|
|
13
15
|
var ListItem = function (_a) {
|
|
14
16
|
var children = _a.children, status = _a.status, iconName = _a.iconName;
|
|
17
|
+
var id = useId();
|
|
18
|
+
var _b = useContext(ListContext), ordered = _b.ordered, chilIndexes = _b.chilIndexes, setChildIndexes = _b.setChildIndexes, divider = _b.divider;
|
|
19
|
+
var isLastItem = chilIndexes[chilIndexes.length - 1] === id;
|
|
20
|
+
useEffect(function () {
|
|
21
|
+
setChildIndexes(function (prev) { return __spreadArray(__spreadArray([], __read(prev), false), [id], false); });
|
|
22
|
+
}, [id]);
|
|
15
23
|
var styles = StyleSheet.create({
|
|
16
24
|
text: {
|
|
17
25
|
paddingHorizontal: 16,
|
|
@@ -20,6 +28,8 @@ var ListItem = function (_a) {
|
|
|
20
28
|
flexDirection: 'row',
|
|
21
29
|
alignItems: 'center',
|
|
22
30
|
paddingVertical: iconName ? 8 : 2,
|
|
31
|
+
borderBottomWidth: divider && !isLastItem ? 1 : 0,
|
|
32
|
+
borderBottomColor: getColorStyle(TrilogyColor.NEUTRAL),
|
|
23
33
|
},
|
|
24
34
|
disc: {
|
|
25
35
|
alignSelf: 'center',
|
|
@@ -36,8 +46,12 @@ var ListItem = function (_a) {
|
|
|
36
46
|
return (React.createElement(Text, { style: styles.text, level: TextLevels.ONE }, children));
|
|
37
47
|
}
|
|
38
48
|
}, [children]);
|
|
39
|
-
return (React.createElement(View, { style: styles.content },
|
|
40
|
-
!iconName && (React.createElement(View, null,
|
|
49
|
+
return (React.createElement(View, { style: [styles.content] },
|
|
50
|
+
ordered && !iconName && (React.createElement(View, null,
|
|
51
|
+
React.createElement(Text, { typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD] },
|
|
52
|
+
chilIndexes.indexOf(id) + 1,
|
|
53
|
+
"."))),
|
|
54
|
+
!iconName && !ordered && (React.createElement(View, null,
|
|
41
55
|
React.createElement(View, { style: styles.disc }))),
|
|
42
56
|
iconName && (React.createElement(View, null,
|
|
43
57
|
React.createElement(Icon, { size: 'small', name: iconName, color: status }))),
|
|
@@ -45,4 +59,4 @@ var ListItem = function (_a) {
|
|
|
45
59
|
};
|
|
46
60
|
ListItem.displayName = ComponentName.ListItem;
|
|
47
61
|
export default ListItem;
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2l0ZW0vTGlzdEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQVksTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFFdkQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkUsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDcEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0M7Ozs7O0dBS0c7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQTZDO1FBQTNDLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQTtJQUM1QyxJQUFNLEVBQUUsR0FBRyxLQUFLLEVBQUUsQ0FBQTtJQUNaLElBQUEsS0FBcUQsVUFBVSxDQUFDLFdBQVcsQ0FBQyxFQUExRSxPQUFPLGFBQUEsRUFBRSxXQUFXLGlCQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLE9BQU8sYUFBNEIsQ0FBQTtJQUNsRixJQUFNLFVBQVUsR0FBRyxXQUFXLENBQUMsV0FBVyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLENBQUE7SUFFN0QsU0FBUyxDQUFDO1FBQ1IsZUFBZSxDQUFDLFVBQUMsSUFBSSxJQUFLLDhDQUFJLElBQUksWUFBRSxFQUFFLFdB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
|
|
@@ -7,12 +7,11 @@ import { ModalProps } from './ModalProps';
|
|
|
7
7
|
* @param onClose {Function} Additionnal close custom function
|
|
8
8
|
* @param onOpen {Function} Additionnal open custom function
|
|
9
9
|
* @param children {React.ReactNode}
|
|
10
|
-
* @param disableHandlingClickOutside {boolean} Disable the handling on outside click event
|
|
11
10
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
12
11
|
* @param className {string} Additionnal CSS Classes
|
|
13
12
|
* @param panel {boolean} Panel Side Modal
|
|
14
13
|
* @param accessibilityLabel {string} Accessibility label
|
|
15
14
|
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
16
15
|
*/
|
|
17
|
-
declare const Modal: ({ children, className, id, accessibilityLabel, active, onClose,
|
|
16
|
+
declare const Modal: ({ children, className, id, accessibilityLabel, active, onClose, panel, size, hideCloseButton, trigger, title, ...others }: ModalProps) => JSX.Element;
|
|
18
17
|
export default Modal;
|
|
@@ -15,7 +15,6 @@ var modalGeneratedId = shortid.generate();
|
|
|
15
15
|
* @param onClose {Function} Additionnal close custom function
|
|
16
16
|
* @param onOpen {Function} Additionnal open custom function
|
|
17
17
|
* @param children {React.ReactNode}
|
|
18
|
-
* @param disableHandlingClickOutside {boolean} Disable the handling on outside click event
|
|
19
18
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
20
19
|
* @param className {string} Additionnal CSS Classes
|
|
21
20
|
* @param panel {boolean} Panel Side Modal
|
|
@@ -23,14 +22,14 @@ var modalGeneratedId = shortid.generate();
|
|
|
23
22
|
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
24
23
|
*/
|
|
25
24
|
var Modal = function (_a) {
|
|
26
|
-
var children = _a.children, className = _a.className, id = _a.id, _b = _a.accessibilityLabel, accessibilityLabel = _b === void 0 ? 'Close' : _b, active = _a.active, onClose = _a.onClose,
|
|
25
|
+
var children = _a.children, className = _a.className, id = _a.id, _b = _a.accessibilityLabel, accessibilityLabel = _b === void 0 ? 'Close' : _b, active = _a.active, onClose = _a.onClose, panel = _a.panel, size = _a.size, _c = _a.hideCloseButton, hideCloseButton = _c === void 0 ? false : _c, trigger = _a.trigger, title = _a.title, others = __rest(_a, ["children", "className", "id", "accessibilityLabel", "active", "onClose", "panel", "size", "hideCloseButton", "trigger", "title"]);
|
|
27
26
|
var modal = useRef(null);
|
|
28
|
-
var
|
|
27
|
+
var _d = __read(useState(active || false), 2), display = _d[0], setDisplay = _d[1];
|
|
29
28
|
var styled = useTrilogyContext().styled;
|
|
30
29
|
var refsActions = useRef([]);
|
|
31
30
|
var refBtnModal = useRef(null);
|
|
32
31
|
var refModal = useRef(null);
|
|
33
|
-
var
|
|
32
|
+
var _e = __read(useState(0), 2), setIndexFocusable = _e[1];
|
|
34
33
|
var handleClose = React.useCallback(function (onCloseFunc, e) {
|
|
35
34
|
setDisplay(false);
|
|
36
35
|
refBtnModal.current && refBtnModal.current.focus();
|
|
@@ -38,7 +37,7 @@ var Modal = function (_a) {
|
|
|
38
37
|
if (onCloseFunc)
|
|
39
38
|
onCloseFunc(e);
|
|
40
39
|
}, [refBtnModal.current]);
|
|
41
|
-
var classes =
|
|
40
|
+
var classes = hashClass(styled, clsx('modal', display && is('active'), size && is(size), panel && is('panel'), className));
|
|
42
41
|
var onKeyDown = useCallback(function (event) {
|
|
43
42
|
if (display && refsActions.current) {
|
|
44
43
|
var refs_1 = refsActions.current.filter(function (ref) { return ref; });
|
|
@@ -98,4 +97,4 @@ var Modal = function (_a) {
|
|
|
98
97
|
children && children))));
|
|
99
98
|
};
|
|
100
99
|
export default Modal;
|
|
101
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
100
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ2hELE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBRW5ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssRUFBRSxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2RSxPQUFPLE9BQU8sTUFBTSxTQUFTLENBQUE7QUFHN0IsSUFBTSxnQkFBZ0IsR0FBRyxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUE7QUFFM0M7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQWFGO0lBWlgsSUFBQSxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRiwwQkFBNEIsRUFBNUIsa0JBQWtCLG1CQUFHLE9BQU8sS0FBQSxFQUM1QixNQUFNLFlBQUEsRUFDTixPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxJQUFJLFVBQUEsRUFDSix1QkFBdUIsRUFBdkIsZUFBZSxtQkFBRyxLQUFLLEtBQUEsRUFDdkIsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQVpJLGtJQWFkLENBRFU7SUFFVCxJQUFNLEtBQUssR0FBRyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFBO0lBQ3BDLElB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
|