@trilogy-ds/react 4.0.3-beta-1 → 4.0.5-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/box/Box.native.d.ts +2 -2
- package/lib/components/box/Box.native.js +23 -33
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.d.ts +1 -1
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.js +24 -29
- package/lib/components/columns/Columns.native.d.ts +1 -4
- package/lib/components/columns/Columns.native.js +20 -43
- package/lib/components/columns/column/Column.native.d.ts +2 -2
- package/lib/components/columns/column/Column.native.js +20 -4
- package/lib/components/columns/context/index.d.ts +7 -0
- package/lib/components/columns/context/index.js +3 -0
- package/lib/components/modal/Modal.native.d.ts +1 -1
- package/lib/components/modal/Modal.native.js +16 -10
- package/lib/components/modal/body/ModalBody.native.d.ts +1 -1
- package/lib/components/modal/body/ModalBody.native.js +5 -6
- package/lib/components/sticker/Sticker.d.ts +2 -1
- package/lib/components/sticker/Sticker.js +8 -4
- package/lib/components/sticker/Sticker.native.d.ts +2 -1
- package/lib/components/sticker/Sticker.native.js +15 -6
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { BoxProps } from './BoxProps';
|
|
4
4
|
/**
|
|
5
5
|
* Box Component
|
|
6
6
|
* @param children {React.ReactNode} Childrens
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import { getColorStyle, TrilogyColor
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { StatesContext } from '../../context/providerStates';
|
|
4
|
+
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
5
|
+
import React, { useState } from 'react';
|
|
6
|
+
import ContentLoader, { Rect } from 'react-content-loader/native';
|
|
7
|
+
import { ImageBackground, Platform, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
8
8
|
/**
|
|
9
9
|
* Box Component
|
|
10
10
|
* @param children {React.ReactNode} Childrens
|
|
@@ -30,24 +30,21 @@ var Box = function (_a) {
|
|
|
30
30
|
var boxRadius = 6;
|
|
31
31
|
var styles = StyleSheet.create({
|
|
32
32
|
box: {
|
|
33
|
-
width:
|
|
33
|
+
width: '100%',
|
|
34
34
|
backgroundColor: backgroundColor ? getColorStyle(backgroundColor) : colorBgc,
|
|
35
35
|
borderRadius: boxRadius,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
borderStyle: flat ? "solid" : undefined,
|
|
36
|
+
justifyContent: 'flex-start',
|
|
37
|
+
position: 'relative',
|
|
38
|
+
borderStyle: flat ? 'solid' : undefined,
|
|
40
39
|
borderWidth: (flat && 1) || (active && 2) || 0,
|
|
41
|
-
borderColor: active
|
|
42
|
-
? getColorStyle(TrilogyColor.MAIN)
|
|
43
|
-
: getColorStyle(TrilogyColor.NEUTRAL),
|
|
40
|
+
borderColor: active ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.NEUTRAL),
|
|
44
41
|
marginTop: headerOffset ? 35 : 0,
|
|
45
42
|
flex: fullheight ? 1 : 0,
|
|
46
43
|
},
|
|
47
44
|
shadow: shadowless
|
|
48
45
|
? {}
|
|
49
46
|
: {
|
|
50
|
-
shadowColor:
|
|
47
|
+
shadowColor: '#000',
|
|
51
48
|
shadowOffset: {
|
|
52
49
|
width: 0,
|
|
53
50
|
height: 1,
|
|
@@ -57,39 +54,36 @@ var Box = function (_a) {
|
|
|
57
54
|
elevation: 1,
|
|
58
55
|
},
|
|
59
56
|
skeleton: {
|
|
60
|
-
width:
|
|
57
|
+
width: '100%',
|
|
61
58
|
minHeight: 50,
|
|
62
59
|
backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
|
|
63
|
-
overflow:
|
|
60
|
+
overflow: 'hidden',
|
|
64
61
|
borderRadius: boxRadius,
|
|
65
62
|
},
|
|
66
63
|
highlighted: {
|
|
67
|
-
position:
|
|
64
|
+
position: 'absolute',
|
|
68
65
|
width: 8,
|
|
69
66
|
borderTopStartRadius: boxRadius,
|
|
70
67
|
borderBottomStartRadius: boxRadius,
|
|
71
68
|
height: boxHeight,
|
|
72
69
|
backgroundColor: highlighted ? getColorStyle(highlighted) : 'transparent',
|
|
73
70
|
},
|
|
74
|
-
column: {
|
|
75
|
-
flexDirection: "column",
|
|
76
|
-
width: "100%",
|
|
77
|
-
},
|
|
71
|
+
column: {},
|
|
78
72
|
boxImage: {
|
|
79
|
-
width:
|
|
73
|
+
width: '100%',
|
|
80
74
|
minHeight: 100,
|
|
81
75
|
maxHeight: 300,
|
|
82
|
-
height:
|
|
76
|
+
height: 'auto',
|
|
83
77
|
},
|
|
84
78
|
boxImageProps: {},
|
|
85
79
|
content: {
|
|
86
80
|
padding: 16,
|
|
87
81
|
},
|
|
88
82
|
});
|
|
89
|
-
var boxTestId =
|
|
83
|
+
var boxTestId = 'NotSpecified';
|
|
90
84
|
var BoxSkeleton = function () { return (React.createElement(ContentLoader, __assign({ style: styles.skeleton }, others, { testID: 'skeleton' }),
|
|
91
85
|
React.createElement(View, { style: { opacity: 0 } }, children),
|
|
92
|
-
Platform.OS ===
|
|
86
|
+
Platform.OS === 'android' && (React.createElement(View, null,
|
|
93
87
|
React.createElement(Rect, { rx: '10', ry: '10', width: '100%', height: '100%' }))))); };
|
|
94
88
|
if (skeleton) {
|
|
95
89
|
return React.createElement(BoxSkeleton, null);
|
|
@@ -100,9 +94,7 @@ var Box = function (_a) {
|
|
|
100
94
|
style: [styles.box, !flat && styles.shadow, others === null || others === void 0 ? void 0 : others.style], onLayout: function (event) {
|
|
101
95
|
var height = event.nativeEvent.layout.height;
|
|
102
96
|
setBoxHeight(height);
|
|
103
|
-
}, testID: boxTestId }, backgroundSrc ? (React.createElement(ImageBackground, { imageStyle: { borderRadius: boxRadius }, style: styles.boxImage, source: typeof backgroundSrc ===
|
|
104
|
-
? backgroundSrc
|
|
105
|
-
: { uri: backgroundSrc } },
|
|
97
|
+
}, testID: boxTestId }, backgroundSrc ? (React.createElement(ImageBackground, { imageStyle: { borderRadius: boxRadius }, style: styles.boxImage, source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc } },
|
|
106
98
|
Boolean(highlighted) && React.createElement(View, { style: styles.highlighted }),
|
|
107
99
|
React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } },
|
|
108
100
|
React.createElement(View, { style: styles.column }, children)))) : (React.createElement(React.Fragment, null,
|
|
@@ -115,9 +107,7 @@ var Box = function (_a) {
|
|
|
115
107
|
setBoxHeight(height);
|
|
116
108
|
},
|
|
117
109
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
118
|
-
style: [styles.box, !flat && styles.shadow, others === null || others === void 0 ? void 0 : others.style], testID: boxTestId }, backgroundSrc ? (React.createElement(ImageBackground, { imageStyle: { borderRadius: boxRadius }, style: styles.boxImage, source: typeof backgroundSrc ===
|
|
119
|
-
? backgroundSrc
|
|
120
|
-
: { uri: backgroundSrc } },
|
|
110
|
+
style: [styles.box, !flat && styles.shadow, others === null || others === void 0 ? void 0 : others.style], testID: boxTestId }, backgroundSrc ? (React.createElement(ImageBackground, { imageStyle: { borderRadius: boxRadius }, style: styles.boxImage, source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc } },
|
|
121
111
|
Boolean(highlighted) && React.createElement(View, { style: styles.highlighted }),
|
|
122
112
|
React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } },
|
|
123
113
|
React.createElement(View, { style: styles.column }, children)))) : (React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } },
|
|
@@ -126,4 +116,4 @@ var Box = function (_a) {
|
|
|
126
116
|
};
|
|
127
117
|
Box.displayName = ComponentName.Box;
|
|
128
118
|
export default Box;
|
|
129
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
119
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYm94L0JveC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFzQixNQUFNLHdCQUF3QixDQUFBO0FBQ3hGLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3ZDLE9BQU8sYUFBYSxFQUFFLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDakUsT0FBTyxFQUFFLGVBQWUsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUc1Rjs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQkc7QUFDSCxJQUFNLEdBQUcsR0FBRyxVQUFDLEVBY0Y7SUFiVCxJQUFBLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLFdBQVcsaUJBQUEsRUFDWCxVQUFVLGdCQUFBLEVBQ1YsZUFBZSxxQkFBQSxFQUNmLGFBQWEsbUJBQUEsRUFDYixRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixZQUFZLGtCQUFBLEVBQ1osVUFBVSxnQkFBQSxFQUNWLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FiRSxnS0FjWixDQURVO0lBRVQsSUFBTSxRQUFRLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQTtJQUNqRCxJQUFBLEtBQUEsT0FBNEIsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQXRDLFNBQVMsUUFBQSxFQUFFLFlBQVksUUFBZSxDQUFBO0lBQzdDLElBQU0sU0FBUyxHQUFHLENBQUMsQ0FBQTtJ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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { CheckboxTileProps } from './CheckboxTileProps';
|
|
3
2
|
import { ComponentName } from '../../../../components/enumsComponentsName';
|
|
3
|
+
import { CheckboxTileProps } from './CheckboxTileProps';
|
|
4
4
|
declare const CheckboxTile: {
|
|
5
5
|
({ disabled, checked, readonly, id, label, onChange, name, value, description, icon, horizontal, ...others }: CheckboxTileProps): JSX.Element;
|
|
6
6
|
displayName: ComponentName;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../../../components/enumsComponentsName';
|
|
3
|
+
import { Icon, IconName, IconSize } from '../../../../components/icon';
|
|
4
|
+
import { SpacerSize } from '../../../../components/spacer';
|
|
5
|
+
import { Text, TextLevels } from '../../../../components/text';
|
|
6
|
+
import { View } from '../../../../components/view';
|
|
7
|
+
import { getColorStyle, TrilogyColor, TypographyAlign, TypographyBold } from '../../../../objects';
|
|
2
8
|
import React, { useState } from 'react';
|
|
3
9
|
import { StyleSheet, TouchableOpacity } from 'react-native';
|
|
4
|
-
import
|
|
5
|
-
import { ComponentName } from '../../../../components/enumsComponentsName';
|
|
6
|
-
import shortid from "shortid";
|
|
7
|
-
import { Icon, IconName, IconSize } from "../../../../components/icon";
|
|
8
|
-
import { getColorStyle, TrilogyColor, TypographyAlign, TypographyBold } from "../../../../objects";
|
|
9
|
-
import { View } from "../../../../components/view";
|
|
10
|
+
import shortid from 'shortid';
|
|
10
11
|
var CheckboxTile = function (_a) {
|
|
11
12
|
var disabled = _a.disabled, checked = _a.checked, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, value = _a.value, description = _a.description, icon = _a.icon, horizontal = _a.horizontal, others = __rest(_a, ["disabled", "checked", "readonly", "id", "label", "onChange", "name", "value", "description", "icon", "horizontal"]);
|
|
12
13
|
var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
|
|
@@ -24,8 +25,6 @@ var CheckboxTile = function (_a) {
|
|
|
24
25
|
width: 19,
|
|
25
26
|
height: 19,
|
|
26
27
|
borderRadius: 4,
|
|
27
|
-
marginRight: 10,
|
|
28
|
-
marginLeft: 0,
|
|
29
28
|
backgroundColor: (disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) ||
|
|
30
29
|
(_checked && getColorStyle(TrilogyColor.MAIN)) ||
|
|
31
30
|
'transparent',
|
|
@@ -36,8 +35,7 @@ var CheckboxTile = function (_a) {
|
|
|
36
35
|
getColorStyle(TrilogyColor.MAIN),
|
|
37
36
|
},
|
|
38
37
|
tile: {
|
|
39
|
-
padding: _checked ?
|
|
40
|
-
paddingBottom: _checked ? 7 : 8,
|
|
38
|
+
padding: _checked ? SpacerSize.FOUR - 1 : SpacerSize.FOUR,
|
|
41
39
|
maxWidth: 140,
|
|
42
40
|
borderWidth: (_checked && 2) || 1,
|
|
43
41
|
width: 126,
|
|
@@ -54,8 +52,7 @@ var CheckboxTile = function (_a) {
|
|
|
54
52
|
alignSelf: horizontal ? 'flex-start' : 'center',
|
|
55
53
|
},
|
|
56
54
|
horizontal: {
|
|
57
|
-
|
|
58
|
-
paddingHorizontal: _checked ? 5 : 6,
|
|
55
|
+
padding: _checked ? SpacerSize.FOUR - 1 : SpacerSize.FOUR,
|
|
59
56
|
width: '100%',
|
|
60
57
|
height: 'auto',
|
|
61
58
|
borderWidth: (_checked && 2) || 1,
|
|
@@ -82,45 +79,43 @@ var CheckboxTile = function (_a) {
|
|
|
82
79
|
if (horizontal) {
|
|
83
80
|
return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.horizontal, onPress: function () { return handleClick(); } },
|
|
84
81
|
React.createElement(View, { style: { flexDirection: 'row' } },
|
|
85
|
-
React.createElement(View, { style: {
|
|
82
|
+
icon && (React.createElement(View, { style: {
|
|
86
83
|
width: '10%',
|
|
87
84
|
height: 'auto',
|
|
88
85
|
justifyContent: 'center',
|
|
89
86
|
alignItems: 'center',
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
87
|
+
} },
|
|
88
|
+
React.createElement(View, null,
|
|
89
|
+
React.createElement(Icon, { size: IconSize.SMALL, name: icon, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN })))),
|
|
93
90
|
React.createElement(View, { style: {
|
|
94
|
-
width: '78%',
|
|
91
|
+
width: icon ? '78%' : '88%',
|
|
95
92
|
flexDirection: 'row',
|
|
96
93
|
alignSelf: 'stretch',
|
|
97
94
|
flexWrap: 'wrap',
|
|
98
95
|
height: 'auto',
|
|
99
96
|
} },
|
|
100
|
-
React.createElement(View,
|
|
101
|
-
label && typeof label.valueOf() === 'string' && (React.createElement(Text, { style: styles.label, level: TextLevels.
|
|
97
|
+
React.createElement(View, { style: { gap: SpacerSize.ONE } },
|
|
98
|
+
label && typeof label.valueOf() === 'string' && (React.createElement(Text, { style: styles.label, level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, String(label))),
|
|
102
99
|
description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.tileDescription }, String(description))) : (description))),
|
|
103
100
|
React.createElement(View, { style: {
|
|
104
101
|
width: '12%',
|
|
105
|
-
alignItems: 'flex-end',
|
|
106
102
|
justifyContent: 'center',
|
|
107
|
-
|
|
103
|
+
alignItems: 'flex-end',
|
|
108
104
|
} },
|
|
109
105
|
React.createElement(TouchableOpacity, { style: styles.checkBox, disabled: disabled, testID: id, onPressIn: function () { return handleClick(); } }, _checked && React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK }))))));
|
|
110
106
|
}
|
|
111
|
-
return (React.createElement(TouchableOpacity, __assign({ disabled: disabled, style: horizontal ? styles.horizontal : styles.tile, onPress:
|
|
112
|
-
React.createElement(
|
|
113
|
-
|
|
107
|
+
return (React.createElement(TouchableOpacity, __assign({ disabled: disabled, style: horizontal ? styles.horizontal : styles.tile, onPress: handleClick }, others),
|
|
108
|
+
React.createElement(View, { style: { gap: SpacerSize.TWO } },
|
|
109
|
+
React.createElement(TouchableOpacity, { style: [{ alignSelf: 'flex-end' }, styles.checkBox], disabled: disabled, testID: id, onPressIn: handleClick }, _checked && React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK })),
|
|
114
110
|
icon && (React.createElement(View, { style: {
|
|
115
111
|
flexDirection: 'row',
|
|
116
112
|
alignItems: 'center',
|
|
117
113
|
justifyContent: 'center',
|
|
118
|
-
marginBottom: 5,
|
|
119
114
|
} },
|
|
120
|
-
React.createElement(Icon, { size: IconSize.
|
|
121
|
-
label && typeof label.valueOf() === 'string' && (React.createElement(Text, { level: TextLevels.
|
|
122
|
-
description && typeof description.valueOf() === 'string' && (React.createElement(Text, { level: TextLevels.
|
|
115
|
+
React.createElement(Icon, { size: IconSize.SMALL, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN, name: icon }))),
|
|
116
|
+
label && typeof label.valueOf() === 'string' && (React.createElement(Text, { level: TextLevels.ONE, typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD, TypographyAlign.TEXT_CENTERED], style: [styles.label] }, String(label))),
|
|
117
|
+
description && typeof description.valueOf() === 'string' && (React.createElement(Text, { level: TextLevels.TWO, typo: [TypographyAlign.TEXT_CENTERED] }, String(description))))));
|
|
123
118
|
};
|
|
124
119
|
CheckboxTile.displayName = ComponentName.CheckboxTiles;
|
|
125
120
|
export default CheckboxTile;
|
|
126
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
121
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hlY2tib3gvdGlsZXMvdGlsZS9DaGVja2JveFRpbGUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxlQUFlLEVBQUUsY0FBYyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3hGLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3ZDLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDM0QsT0FBTyxPQUFPLE1BQU0sU0FBUyxDQUFBO0FBRzdCLElBQU0sWUFBWSxHQUFHLFVBQUMsRUFhRjtJQVpsQixJQUFBLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLFVBQXVCLEVBQXZCLEVBQUUsbUJBQUcsT0FBTyxDQUFDLFFBQVEsRUFBRSxLQUFBLEVBQ3ZCLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLEtBQUssV0FBQSxFQUNMLFdBQVcsaUJBQUEsRUFDWCxJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1AsTUFBTSxjQVpXLG9IQWFyQixDQURVO0lBRUgsSUFBQSxL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
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
2
|
-
import React from 'react';
|
|
3
3
|
import { ColumnsProps } from './ColumnsProps';
|
|
4
4
|
/**
|
|
5
5
|
* Columns Native Component
|
|
@@ -9,9 +9,6 @@ import { ColumnsProps } from './ColumnsProps';
|
|
|
9
9
|
* @param scrollable {boolean} Makes columns vertically scrollable.
|
|
10
10
|
* @param gap {GapSize} Gap between columns
|
|
11
11
|
*/
|
|
12
|
-
export declare const ColumnsContext: React.Context<{
|
|
13
|
-
scrollable: boolean;
|
|
14
|
-
}>;
|
|
15
12
|
declare const Columns: {
|
|
16
13
|
({ children, align, gap, verticalAlign, fullBleed, scrollable, multiline, ...others }: ColumnsProps): JSX.Element;
|
|
17
14
|
displayName: ComponentName;
|
|
@@ -3,8 +3,9 @@ import { ColumnsGapValue } from '../../components/columns/ColumnsTypes';
|
|
|
3
3
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
4
4
|
import { View } from '../../components/view';
|
|
5
5
|
import { Alignable, getAlignStyle } from '../../objects';
|
|
6
|
-
import React, {
|
|
6
|
+
import React, { useState } from 'react';
|
|
7
7
|
import { Dimensions, ScrollView, StyleSheet } from 'react-native';
|
|
8
|
+
import { ColumnsContext } from './context';
|
|
8
9
|
/**
|
|
9
10
|
* Columns Native Component
|
|
10
11
|
* @param children {React.ReactNode}
|
|
@@ -13,7 +14,6 @@ import { Dimensions, ScrollView, StyleSheet } from 'react-native';
|
|
|
13
14
|
* @param scrollable {boolean} Makes columns vertically scrollable.
|
|
14
15
|
* @param gap {GapSize} Gap between columns
|
|
15
16
|
*/
|
|
16
|
-
export var ColumnsContext = createContext({ scrollable: false });
|
|
17
17
|
var Columns = function (_a) {
|
|
18
18
|
var children = _a.children, align = _a.align, gap = _a.gap, verticalAlign = _a.verticalAlign, fullBleed = _a.fullBleed, scrollable = _a.scrollable, multiline = _a.multiline, others = __rest(_a, ["children", "align", "gap", "verticalAlign", "fullBleed", "scrollable", "multiline"]);
|
|
19
19
|
var _b = __read(useState(0), 2), width = _b[0], setWidth = _b[1];
|
|
@@ -55,47 +55,24 @@ var Columns = function (_a) {
|
|
|
55
55
|
flexDirection: 'column',
|
|
56
56
|
},
|
|
57
57
|
});
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
realGap * ((React.Children.count(children) - 1) / React.Children.count(children))
|
|
76
|
-
: 'auto',
|
|
77
|
-
} }, child)));
|
|
78
|
-
}))));
|
|
79
|
-
}
|
|
80
|
-
return (React.createElement(View, __assign({ style: {
|
|
81
|
-
width: "100% + ".concat(enlarge * 2, "px"),
|
|
82
|
-
marginHorizontal: -enlarge,
|
|
83
|
-
} }, { onLayout: onLayoutHandler }),
|
|
84
|
-
React.createElement(ScrollView, { horizontal: true, contentContainerStyle: styles.scrollContainer },
|
|
85
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
86
|
-
React.Children.map(children, function (child) {
|
|
87
|
-
return React.cloneElement(child, {
|
|
88
|
-
style: [
|
|
89
|
-
child.props.style,
|
|
90
|
-
{
|
|
91
|
-
width: width / (12 / (child.props.size || child.props.mobileSize || 12)) - 2 * realGap,
|
|
92
|
-
flexGrow: 0,
|
|
93
|
-
},
|
|
94
|
-
child.props.narrow && { flex: 'none', flexShrink: 1 },
|
|
95
|
-
],
|
|
96
|
-
});
|
|
97
|
-
}))));
|
|
58
|
+
return (React.createElement(ColumnsContext.Provider, { value: {
|
|
59
|
+
width: width,
|
|
60
|
+
realGap: realGap,
|
|
61
|
+
scrollable: scrollable || false,
|
|
62
|
+
childrensLength: React.Children.count(children),
|
|
63
|
+
} },
|
|
64
|
+
!scrollable && (React.createElement(View, __assign({ style: [
|
|
65
|
+
styles.columns,
|
|
66
|
+
multiline && styles.multiline,
|
|
67
|
+
align === Alignable.ALIGNED_CENTER && styles.centered,
|
|
68
|
+
verticalAlign && styles.verticalAlign,
|
|
69
|
+
] }, others, { onLayout: onLayoutHandler }), children)),
|
|
70
|
+
scrollable && (React.createElement(View, __assign({ style: {
|
|
71
|
+
width: "100% + ".concat(enlarge * 2, "px"),
|
|
72
|
+
marginHorizontal: -enlarge,
|
|
73
|
+
} }, { onLayout: onLayoutHandler }),
|
|
74
|
+
React.createElement(ScrollView, { horizontal: true, contentContainerStyle: styles.scrollContainer, showsHorizontalScrollIndicator: false }, children)))));
|
|
98
75
|
};
|
|
99
76
|
Columns.displayName = ComponentName.Columns;
|
|
100
77
|
export default Columns;
|
|
101
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvQ29sdW1ucy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFXLE1BQU0sbUNBQW1DLENBQUE7QUFDNUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNwRCxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLEVBQUUsVUFBVSxFQUFxQixVQUFVLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXBGLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFMUM7Ozs7Ozs7R0FPRztBQUVILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFTRjtJQVJiLElBQUEsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsR0FBRyxTQUFBLEVBQ0gsYUFBYSxtQkFBQSxFQUNiLFNBQVMsZUFBQSxFQUNULFVBQVUsZ0JBQUEsRUFDVixTQUFTLGVBQUEsRUFDTixNQUFNLGNBUk0scUZBU2hCLENBRFU7SUFFSCxJQUFBLEtBQUEsT0FBb0IsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQTlCLEtBQUssUUFBQSxFQUFFLFFBQVEsUUFBZSxDQUFBO0lBQy9CLElBQUEsS0FBQSxPQUF3QixRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBbEMsT0FBTyxRQUFBLEVBQUUsVUFBVSxRQUFlLENBQUE7SUFFekMsSUFBTSxlQUFlLEdBQUcsVUFBQyxLQUF3QjtRQUMvQyxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ0YsSUFBQSxPQUFLLEdB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
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { ColumnProps } from './ColumnProps';
|
|
3
2
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
+
import { ColumnProps } from './ColumnProps';
|
|
4
4
|
/**
|
|
5
5
|
* Columns Item Component - Columns Child
|
|
6
6
|
* @param children {React.ReactNode}
|
|
7
7
|
*/
|
|
8
8
|
declare const Column: {
|
|
9
|
-
({ children, ...others }: ColumnProps): JSX.Element;
|
|
9
|
+
({ children, narrow, size, ...others }: ColumnProps): JSX.Element;
|
|
10
10
|
displayName: ComponentName;
|
|
11
11
|
};
|
|
12
12
|
export default Column;
|
|
@@ -1,15 +1,31 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
2
3
|
import React from 'react';
|
|
3
4
|
import { View } from 'react-native';
|
|
4
|
-
import {
|
|
5
|
+
import { ColumnsContext } from '../context';
|
|
5
6
|
/**
|
|
6
7
|
* Columns Item Component - Columns Child
|
|
7
8
|
* @param children {React.ReactNode}
|
|
8
9
|
*/
|
|
9
10
|
var Column = function (_a) {
|
|
10
|
-
var children = _a.children, others = __rest(_a, ["children"]);
|
|
11
|
-
|
|
11
|
+
var children = _a.children, narrow = _a.narrow, size = _a.size, others = __rest(_a, ["children", "narrow", "size"]);
|
|
12
|
+
var _b = React.useContext(ColumnsContext), width = _b.width, realGap = _b.realGap, scrollable = _b.scrollable, childrensLength = _b.childrensLength;
|
|
13
|
+
var scrollableStyle = {
|
|
14
|
+
height: '100%',
|
|
15
|
+
width: size
|
|
16
|
+
? (size / 12) * width - realGap * ((childrensLength - 1) / childrensLength)
|
|
17
|
+
: narrow
|
|
18
|
+
? 'auto'
|
|
19
|
+
: width - 2 * realGap,
|
|
20
|
+
};
|
|
21
|
+
var noScrollableStyle = {
|
|
22
|
+
flex: narrow ? 0 : 1,
|
|
23
|
+
flexGrow: size || narrow ? 0 : 1,
|
|
24
|
+
flexShrink: narrow ? 1 : 0,
|
|
25
|
+
flexBasis: size ? (size / 12) * width - realGap * ((childrensLength - 1) / childrensLength) : 'auto',
|
|
26
|
+
};
|
|
27
|
+
return (React.createElement(View, __assign({ style: [scrollable && scrollableStyle, !scrollable && noScrollableStyle] }, others), children));
|
|
12
28
|
};
|
|
13
29
|
Column.displayName = ComponentName.Column;
|
|
14
30
|
export default Column;
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9jb2x1bW4vQ29sdW1uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLGNBQWMsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRzNDOzs7R0FHRztBQUNILElBQU0sTUFBTSxHQUFHLFVBQUMsRUFBa0Q7SUFBaEQsSUFBQSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxJQUFJLFVBQUEsRUFBSyxNQUFNLGNBQW5DLDhCQUFxQyxDQUFGO0lBQzNDLElBQUEsS0FBa0QsS0FBSyxDQUFDLFVBQVUsQ0FBQyxjQUFjLENBQUMsRUFBaEYsS0FBSyxXQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLGVBQWUscUJBQXFDLENBQUE7SUFFeEYsSUFBTSxlQUFlLEdBQWM7UUFDakMsTUFBTSxFQUFFLE1BQU07UUFDZCxLQUFLLEVBQUUsSUFBSTtZQUNULENBQUMsQ0FBQyxDQUFDLElBQUksR0FBRyxFQUFFLENBQUMsR0FBRyxLQUFLLEdBQUcsT0FBTyxHQUFHLENBQUMsQ0FBQyxlQUFlLEdBQUcsQ0FBQyxDQUFDLEdBQUcsZUFBZSxDQUFDO1lBQzNFLENBQUMsQ0FBQyxNQUFNO2dCQUNSLENBQUMsQ0FBQyxNQUFNO2dCQUNSLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxHQUFHLE9BQU87S0FDeEIsQ0FBQTtJQUVELElBQU0saUJBQWlCLEdBQWM7UUFDbkMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3BCLFFBQVEsRUFBRSxJQUFJLElBQUksTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDaEMsVUFBVSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzFCLFNBQVMsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQyxHQUFHLEtBQUssR0FBRyxPQUFPLEdBQUcsQ0FBQyxDQUFDLGVBQWUsR0FBRyxDQUFDLENBQUMsR0FBRyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTTtLQUNyRyxDQUFBO0lBRUQsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsQ0FBQyxVQUFVLElBQUksZUFBZSxFQUFFLENBQUMsVUFBVSxJQUFJLGlCQUFpQixDQUFDLElBQU0sTUFBTSxHQUN2RixRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsTUFBTSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsTUFBTSxDQUFBO0FBRXpDLGVBQWUsTUFBTSxDQUFBIn0=
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export var ColumnsContext = React.createContext({ scrollable: false, width: 0, realGap: 16, childrensLength: 1 });
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvY29udGV4dC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE1BQU0sQ0FBQyxJQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUUsZUFBZSxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUEifQ==
|
|
@@ -12,7 +12,7 @@ import { ModalProps } from './ModalProps';
|
|
|
12
12
|
* @param unClosable {boolean} unClosable Native Modal
|
|
13
13
|
*/
|
|
14
14
|
declare const Modal: {
|
|
15
|
-
({ children, active, onClose, onModalHide, hideCloseButton, unClosable, trigger, ...others }: ModalProps): JSX.Element;
|
|
15
|
+
({ children, active, onClose, onModalHide, hideCloseButton, unClosable, trigger, title, ...others }: ModalProps): JSX.Element;
|
|
16
16
|
displayName: ComponentName;
|
|
17
17
|
};
|
|
18
18
|
export default Modal;
|
|
@@ -4,8 +4,10 @@ import { Icon, IconName, IconSize } from '../../components/icon';
|
|
|
4
4
|
import { View } from '../../components/view';
|
|
5
5
|
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
6
6
|
import React, { useEffect, useRef, useState } from 'react';
|
|
7
|
-
import { Animated, Dimensions,
|
|
7
|
+
import { Animated, Dimensions, StyleSheet, TouchableOpacity } from 'react-native';
|
|
8
8
|
import NativeModal from 'react-native-modal';
|
|
9
|
+
import { SpacerSize } from '../spacer';
|
|
10
|
+
import { Title } from '../title';
|
|
9
11
|
/**
|
|
10
12
|
* Modal Component
|
|
11
13
|
* @param active {boolean} Activated Modal
|
|
@@ -17,7 +19,7 @@ import NativeModal from 'react-native-modal';
|
|
|
17
19
|
* @param unClosable {boolean} unClosable Native Modal
|
|
18
20
|
*/
|
|
19
21
|
var Modal = function (_a) {
|
|
20
|
-
var children = _a.children, _b = _a.active, active = _b === void 0 ? false : _b, onClose = _a.onClose, onModalHide = _a.onModalHide, _c = _a.hideCloseButton, hideCloseButton = _c === void 0 ? false : _c, _d = _a.unClosable, unClosable = _d === void 0 ? false : _d, trigger = _a.trigger, others = __rest(_a, ["children", "active", "onClose", "onModalHide", "hideCloseButton", "unClosable", "trigger"]);
|
|
22
|
+
var children = _a.children, _b = _a.active, active = _b === void 0 ? false : _b, onClose = _a.onClose, onModalHide = _a.onModalHide, _c = _a.hideCloseButton, hideCloseButton = _c === void 0 ? false : _c, _d = _a.unClosable, unClosable = _d === void 0 ? false : _d, trigger = _a.trigger, title = _a.title, others = __rest(_a, ["children", "active", "onClose", "onModalHide", "hideCloseButton", "unClosable", "trigger", "title"]);
|
|
21
23
|
var styles = StyleSheet.create({
|
|
22
24
|
centeredView: {
|
|
23
25
|
justifyContent: 'flex-end',
|
|
@@ -101,9 +103,7 @@ var Modal = function (_a) {
|
|
|
101
103
|
};
|
|
102
104
|
return (React.createElement(React.Fragment, null,
|
|
103
105
|
trigger,
|
|
104
|
-
React.createElement(NativeModal, __assign({ onSwipeComplete: function (e) {
|
|
105
|
-
close(e);
|
|
106
|
-
}, onModalHide: onModalHide, swipeDirection: unClosable ? undefined : 'down', isVisible: visible, statusBarTranslucent: true, style: { width: '100%', padding: 0, margin: 0 } }, others),
|
|
106
|
+
React.createElement(NativeModal, __assign({ onSwipeComplete: function (e) { return close(e); }, onModalHide: onModalHide, swipeDirection: unClosable ? undefined : 'down', isVisible: visible, statusBarTranslucent: true, style: { width: '100%', padding: 0, margin: 0 }, propagateSwipe: true }, others),
|
|
107
107
|
React.createElement(View, { style: [styles.overlay, styles.bottomModal] },
|
|
108
108
|
React.createElement(TouchableOpacity, { activeOpacity: 1, style: { width: 0, height: '100%' }, onPress: close }),
|
|
109
109
|
React.createElement(View, { style: {
|
|
@@ -114,10 +114,16 @@ var Modal = function (_a) {
|
|
|
114
114
|
React.createElement(TouchableOpacity, { activeOpacity: 1, style: { width: '100%', minHeight: 50, flexGrow: 1 }, onPress: close }),
|
|
115
115
|
React.createElement(View, { style: { flexShrink: 1 } },
|
|
116
116
|
React.createElement(Animated.View, { style: [styles.childrenContainer, { transform: [{ translateY: translateAnim }], overflow: 'hidden' }] },
|
|
117
|
-
!hideCloseButton && (React.createElement(View, { style: {
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
117
|
+
!hideCloseButton && (React.createElement(View, { style: {
|
|
118
|
+
flexDirection: 'row',
|
|
119
|
+
alignItems: 'center',
|
|
120
|
+
justifyContent: 'space-between',
|
|
121
|
+
paddingHorizontal: SpacerSize.FOUR,
|
|
122
|
+
} },
|
|
123
|
+
React.createElement(Title, { level: 4 }, title),
|
|
124
|
+
React.createElement(TouchableOpacity, { onPress: close },
|
|
125
|
+
React.createElement(Icon, { name: IconName.TIMES, size: IconSize.MEDIUM, color: TrilogyColor.MAIN })))),
|
|
126
|
+
children)),
|
|
121
127
|
React.createElement(TouchableOpacity, { activeOpacity: 1, style: {
|
|
122
128
|
width: '100%',
|
|
123
129
|
minHeight: 0,
|
|
@@ -127,4 +133,4 @@ var Modal = function (_a) {
|
|
|
127
133
|
};
|
|
128
134
|
Modal.displayName = ComponentName.Modal;
|
|
129
135
|
export default Modal;
|
|
130
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
136
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUMxRCxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBeUIsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3hHLE9BQU8sV0FBc0MsTUFBTSxvQkFBb0IsQ0FBQTtBQUN2RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3RDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxVQUFVLENBQUE7QUFHaEM7Ozs7Ozs7OztHQVNHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQVVGO0lBVFgsSUFBQSxRQUFRLGNBQUEsRUFDUixjQUFjLEVBQWQsTUFBTSxtQkFBRyxLQUFLLEtBQUEsRUFDZCxPQUFPLGFBQUEsRUFDUCxXQUFXLGlCQUFBLEVBQ1gsdUJBQXVCLEVBQXZCLGVBQWUsbUJBQUcsS0FBSyxLQUFBLEVBQ3ZCLGtCQUFrQixFQUFsQixVQUFVLG1CQUFHLEtBQUssS0FBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDRixNQUFNLGNBVEkscUdBVWQsQ0FEVTtJQUVULElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxN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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { ModalBodyProps } from './ModalBodyProps';
|
|
3
2
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
+
import { ModalBodyProps } from './ModalBodyProps';
|
|
4
4
|
/**
|
|
5
5
|
* Modal Footer Component
|
|
6
6
|
* @param children {React.ReactNode}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
2
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
4
|
-
import
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { ScrollView, TouchableOpacity } from 'react-native';
|
|
5
5
|
var styles = {
|
|
6
|
-
position: 'sticky',
|
|
7
6
|
bottom: 0,
|
|
8
7
|
width: '100%',
|
|
9
|
-
textAlign: 'right',
|
|
10
8
|
padding: 16,
|
|
11
9
|
};
|
|
12
10
|
/**
|
|
@@ -16,8 +14,9 @@ var styles = {
|
|
|
16
14
|
*/
|
|
17
15
|
var ModalBody = function (_a) {
|
|
18
16
|
var children = _a.children, others = __rest(_a, ["children"]);
|
|
19
|
-
return (React.createElement(
|
|
17
|
+
return (React.createElement(ScrollView, { contentContainerStyle: { flexGrow: 1 } },
|
|
18
|
+
React.createElement(TouchableOpacity, __assign({ activeOpacity: 1 }, others, { style: styles }), children)));
|
|
20
19
|
};
|
|
21
20
|
ModalBody.displayName = ComponentName.ModalBody;
|
|
22
21
|
export default ModalBody;
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxCb2R5Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbW9kYWwvYm9keS9Nb2RhbEJvZHkubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQXlCLE1BQU0sY0FBYyxDQUFBO0FBR2xGLElBQU0sTUFBTSxHQUFtQztJQUM3QyxNQUFNLEVBQUUsQ0FBQztJQUNULEtBQUssRUFBRSxNQUFNO0lBQ2IsT0FBTyxFQUFFLEVBQUU7Q0FDWixDQUFBO0FBRUQ7Ozs7R0FJRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFBdUM7SUFBckMsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDdEMsT0FBTyxDQUNMLG9CQUFDLFVBQVUsSUFBQyxxQkFBcUIsRUFBRSxFQUFFLFFBQVEsRUFBRSxDQUFDLEVBQUU7UUFDaEQsb0JBQUMsZ0JBQWdCLGFBQUMsYUFBYSxFQUFFLENBQUMsSUFBTSxNQUFNLElBQUUsS0FBSyxFQUFFLE1BQU0sS0FDMUQsUUFBUSxDQUNRLENBQ1IsQ0FDZCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=
|
|
@@ -7,9 +7,10 @@ import { StickerProps } from './StickerProps';
|
|
|
7
7
|
* @param small {boolean} Small Sticker
|
|
8
8
|
* @param id
|
|
9
9
|
* @param outlined {boolean} Outlined sticker
|
|
10
|
+
* @param iconName {IconName} Icon
|
|
10
11
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
11
12
|
* @param className {string} Additionnal css classes
|
|
12
13
|
* @param others
|
|
13
14
|
*/
|
|
14
|
-
declare const Sticker: ({ className, id, variant, small, label, outlined, ...others }: StickerProps) => JSX.Element;
|
|
15
|
+
declare const Sticker: ({ className, id, variant, small, label, outlined, iconName, ...others }: StickerProps) => JSX.Element;
|
|
15
16
|
export default Sticker;
|
|
@@ -5,6 +5,7 @@ import { is } from '../../services/classify';
|
|
|
5
5
|
import { getVariantClassName } from '../../objects';
|
|
6
6
|
import { hashClass } from '../../helpers';
|
|
7
7
|
import { useTrilogyContext } from '../../context';
|
|
8
|
+
import { Icon, IconSize } from "../../components/icon";
|
|
8
9
|
/**
|
|
9
10
|
* Sticker component
|
|
10
11
|
* @param children {ReactNode} Sticker child
|
|
@@ -12,15 +13,18 @@ import { useTrilogyContext } from '../../context';
|
|
|
12
13
|
* @param small {boolean} Small Sticker
|
|
13
14
|
* @param id
|
|
14
15
|
* @param outlined {boolean} Outlined sticker
|
|
16
|
+
* @param iconName {IconName} Icon
|
|
15
17
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
16
18
|
* @param className {string} Additionnal css classes
|
|
17
19
|
* @param others
|
|
18
20
|
*/
|
|
19
21
|
var Sticker = function (_a) {
|
|
20
|
-
var className = _a.className, id = _a.id, variant = _a.variant, small = _a.small, label = _a.label, outlined = _a.outlined, others = __rest(_a, ["className", "id", "variant", "small", "label", "outlined"]);
|
|
22
|
+
var className = _a.className, id = _a.id, variant = _a.variant, small = _a.small, label = _a.label, outlined = _a.outlined, iconName = _a.iconName, others = __rest(_a, ["className", "id", "variant", "small", "label", "outlined", "iconName"]);
|
|
21
23
|
var styled = useTrilogyContext().styled;
|
|
22
|
-
var classes = hashClass(styled, clsx('sticker', variant && is(getVariantClassName(variant)), small && is('small'), className, outlined && is('outlined')));
|
|
23
|
-
return (React.createElement("p", __assign({ id: id, className: classes }, others),
|
|
24
|
+
var classes = hashClass(styled, clsx('sticker', variant && is(getVariantClassName(variant)), small && is('small'), className, outlined && is('outlined'), is('vcentered')));
|
|
25
|
+
return (React.createElement("p", __assign({ id: id, className: classes }, others),
|
|
26
|
+
iconName && React.createElement(Icon, { size: small ? IconSize.SMALLER : IconSize.SMALL, name: iconName }),
|
|
27
|
+
label));
|
|
24
28
|
};
|
|
25
29
|
export default Sticker;
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RpY2tlci9TdGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUMsRUFBRSxFQUFDLE1BQU0scUJBQXFCLENBQUE7QUFDdEMsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxXQUFXLENBQUE7QUFDbkMsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBQyxJQUFJLEVBQUUsUUFBUSxFQUFDLE1BQU0sbUJBQW1CLENBQUM7QUFFakQ7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQXFGO0lBQW5GLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyRSx3RUFBdUUsQ0FBRjtJQUM1RSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsU0FBUyxFQUNULE9BQU8sSUFBSSxFQUFFLENBQUMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLENBQUMsRUFDM0MsS0FBSyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFDcEIsU0FBUyxFQUNULFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLEVBQUUsQ0FBQyxXQUFXLENBQUMsQ0FDaEIsQ0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLG9DQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNO1FBQ3RDLFFBQVEsSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFJO1FBQ3JGLEtBQUssQ0FDSixDQUNMLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLE9BQU8sQ0FBQSJ9
|
|
@@ -8,10 +8,11 @@ import { ComponentName } from '../../components/enumsComponentsName';
|
|
|
8
8
|
* @param small {boolean} Small Sticker
|
|
9
9
|
* @param hat {boolean} Hat Sticker ( for box )
|
|
10
10
|
* @param outlined {boolean} Outlined sticker
|
|
11
|
+
* @param iconName {IconName} Icon
|
|
11
12
|
* @param others
|
|
12
13
|
*/
|
|
13
14
|
declare const Sticker: {
|
|
14
|
-
({ variant, small, outlined, label, ...others }: StickerProps): JSX.Element;
|
|
15
|
+
({ variant, small, outlined, label, iconName, ...others }: StickerProps): JSX.Element;
|
|
15
16
|
displayName: ComponentName;
|
|
16
17
|
};
|
|
17
18
|
export default Sticker;
|
|
@@ -4,6 +4,7 @@ import { Platform, StyleSheet, View } from 'react-native';
|
|
|
4
4
|
import { getColorStyle, getVariantStyle, TrilogyColor } from '../../objects';
|
|
5
5
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
6
6
|
import { Text } from '../../components/text';
|
|
7
|
+
import { Icon, IconSize } from "../../components/icon";
|
|
7
8
|
/**
|
|
8
9
|
* Sticker component
|
|
9
10
|
* @param children {ReactNode} Sticker child
|
|
@@ -11,16 +12,18 @@ import { Text } from '../../components/text';
|
|
|
11
12
|
* @param small {boolean} Small Sticker
|
|
12
13
|
* @param hat {boolean} Hat Sticker ( for box )
|
|
13
14
|
* @param outlined {boolean} Outlined sticker
|
|
15
|
+
* @param iconName {IconName} Icon
|
|
14
16
|
* @param others
|
|
15
17
|
*/
|
|
16
18
|
var Sticker = function (_a) {
|
|
17
|
-
var variant = _a.variant, small = _a.small, outlined = _a.outlined, label = _a.label, others = __rest(_a, ["variant", "small", "outlined", "label"]);
|
|
19
|
+
var variant = _a.variant, small = _a.small, outlined = _a.outlined, label = _a.label, iconName = _a.iconName, others = __rest(_a, ["variant", "small", "outlined", "label", "iconName"]);
|
|
18
20
|
var defaultColor = getColorStyle(TrilogyColor.MAIN);
|
|
19
21
|
var styles = StyleSheet.create({
|
|
20
22
|
sticker: {
|
|
23
|
+
flexDirection: 'row',
|
|
21
24
|
justifyContent: 'center',
|
|
22
|
-
paddingTop: small ?
|
|
23
|
-
paddingBottom: small ?
|
|
25
|
+
paddingTop: small ? 3 : 7,
|
|
26
|
+
paddingBottom: small ? 3 : 7,
|
|
24
27
|
paddingLeft: small ? 8 : 16,
|
|
25
28
|
paddingRight: small ? 8 : 16,
|
|
26
29
|
alignSelf: 'flex-start',
|
|
@@ -34,20 +37,26 @@ var Sticker = function (_a) {
|
|
|
34
37
|
marginTop: 0,
|
|
35
38
|
fontSize: small ? 12 : 16,
|
|
36
39
|
top: 0,
|
|
40
|
+
alignItems: 'center',
|
|
41
|
+
textAlign: 'center'
|
|
37
42
|
},
|
|
38
43
|
text: {
|
|
39
44
|
lineHeight: (!small && 20) || 15,
|
|
40
45
|
textAlign: 'center',
|
|
41
46
|
color: (outlined && defaultColor) || getColorStyle(TrilogyColor.BACKGROUND),
|
|
42
47
|
justifyContent: 'center',
|
|
43
|
-
|
|
48
|
+
alignSelf: 'center',
|
|
44
49
|
fontWeight: 'bold',
|
|
45
50
|
fontSize: (!small && 16) || 12,
|
|
46
51
|
transform: Platform.OS === 'ios' ? [{ skewX: '0deg' }] : [],
|
|
52
|
+
marginLeft: (iconName && small && 4) || (iconName && !small && 5) || 0,
|
|
53
|
+
marginTop: 1
|
|
47
54
|
},
|
|
48
55
|
});
|
|
49
|
-
return (React.createElement(View, __assign({ style: styles.sticker }, others),
|
|
56
|
+
return (React.createElement(View, __assign({ style: styles.sticker }, others),
|
|
57
|
+
iconName && React.createElement(Icon, { color: TrilogyColor.BACKGROUND, size: small ? IconSize.SMALLER : IconSize.SMALL, name: iconName }),
|
|
58
|
+
label && React.createElement(Text, { style: styles.text }, label)));
|
|
50
59
|
};
|
|
51
60
|
Sticker.displayName = ComponentName.Sticker;
|
|
52
61
|
export default Sticker;
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0aWNrZXIvU3RpY2tlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUMsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUMsTUFBTSxjQUFjLENBQUE7QUFFdkQsT0FBTyxFQUFDLGFBQWEsRUFBRSxlQUFlLEVBQUUsWUFBWSxFQUFDLE1BQU0sV0FBVyxDQUFBO0FBQ3RFLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQTtBQUM5RCxPQUFPLEVBQUMsSUFBSSxFQUFDLE1BQU0sbUJBQW1CLENBQUE7QUFDdEMsT0FBTyxFQUFDLElBQUksRUFBRSxRQUFRLEVBQUMsTUFBTSxtQkFBbUIsQ0FBQztBQUVqRDs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQXNFO0lBQXBFLElBQUEsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUF0RCxxREFBd0QsQ0FBRjtJQUNyRSxJQUFNLFlBQVksR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ3JELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsYUFBYSxFQUFFLEtBQUs7WUFDcEIsY0FBYyxFQUFFLFFBQVE7WUFDeEIsVUFBVSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3pCLGFBQWEsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUM1QixXQUFXLEVBQUUsS0FBSyxDQUFDLENB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
|
package/lib/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "4.0.
|
|
1
|
+
export declare const version = "4.0.5-beta-1";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "4.0.
|
|
1
|
+
export var version = "4.0.5-beta-1";
|
|
2
2
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLGNBQWMsQ0FBQSJ9
|