@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,14 +1,14 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
2
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
-
import {
|
|
4
|
-
import { Alignable } from '../../objects/facets/Alignable';
|
|
5
|
-
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
3
|
+
import { Alignable, getColorStyle, TrilogyColor } from '../../objects';
|
|
6
4
|
import React, { useEffect, useRef, useState } from 'react';
|
|
7
|
-
import {
|
|
8
|
-
import
|
|
5
|
+
import { Dimensions, StyleSheet, TouchableOpacity, View, } from 'react-native';
|
|
6
|
+
import ModalRN from 'react-native-modal';
|
|
9
7
|
import { Column, Columns } from '../columns';
|
|
10
|
-
import {
|
|
8
|
+
import { Icon, IconName, IconSize } from '../icon';
|
|
11
9
|
import { Title } from '../title';
|
|
10
|
+
import { ModalContext } from './context/ModalContext';
|
|
11
|
+
import { isAndroid } from '../../helpers';
|
|
12
12
|
/**
|
|
13
13
|
* Modal Component
|
|
14
14
|
* @param active {boolean} Activated Modal
|
|
@@ -21,114 +21,57 @@ import { Title } from '../title';
|
|
|
21
21
|
*/
|
|
22
22
|
var Modal = function (_a) {
|
|
23
23
|
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"]);
|
|
24
|
-
var
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
|
|
37
|
-
borderRadius: 6,
|
|
38
|
-
padding: 17,
|
|
39
|
-
shadowColor: '#000',
|
|
40
|
-
shadowOffset: {
|
|
41
|
-
width: 0,
|
|
42
|
-
height: 2,
|
|
43
|
-
},
|
|
44
|
-
shadowOpacity: 0.25,
|
|
45
|
-
shadowRadius: 3.84,
|
|
46
|
-
elevation: 5,
|
|
47
|
-
flex: 1,
|
|
48
|
-
},
|
|
49
|
-
title: {
|
|
50
|
-
textAlign: 'center',
|
|
51
|
-
fontSize: 21,
|
|
52
|
-
fontWeight: '600',
|
|
53
|
-
},
|
|
54
|
-
content: {
|
|
55
|
-
textAlign: 'center',
|
|
56
|
-
fontSize: 15,
|
|
57
|
-
paddingTop: 10,
|
|
58
|
-
},
|
|
59
|
-
overlay: {
|
|
60
|
-
flexDirection: 'row',
|
|
61
|
-
width: '100%',
|
|
62
|
-
height: '100%',
|
|
63
|
-
},
|
|
64
|
-
middleModal: {
|
|
65
|
-
justifyContent: 'center',
|
|
66
|
-
},
|
|
67
|
-
bottomModal: {
|
|
68
|
-
justifyContent: 'flex-end',
|
|
69
|
-
},
|
|
70
|
-
childrenContainer: {
|
|
71
|
-
flexWrap: 'wrap',
|
|
72
|
-
borderRadius: 6,
|
|
73
|
-
backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
|
|
74
|
-
width: '100%',
|
|
75
|
-
},
|
|
76
|
-
horizontalMargin: {
|
|
77
|
-
marginTop: 50,
|
|
78
|
-
marginBottom: 0,
|
|
79
|
-
},
|
|
80
|
-
});
|
|
81
|
-
var defaultAnimPosition = Dimensions.get('window').height;
|
|
82
|
-
var translateAnim = useRef(new Animated.Value(defaultAnimPosition)).current;
|
|
83
|
-
var _e = __read(useState(active || false), 2), visible = _e[0], setVisible = _e[1];
|
|
84
|
-
useEffect(function () {
|
|
85
|
-
setVisible(active);
|
|
86
|
-
}, [active]);
|
|
87
|
-
useEffect(function () {
|
|
88
|
-
if (visible) {
|
|
89
|
-
Animated.timing(translateAnim, {
|
|
90
|
-
toValue: 0,
|
|
91
|
-
duration: 500,
|
|
92
|
-
useNativeDriver: true,
|
|
93
|
-
}).start();
|
|
94
|
-
}
|
|
95
|
-
else {
|
|
96
|
-
translateAnim.setValue(defaultAnimPosition);
|
|
97
|
-
}
|
|
98
|
-
}, [visible]);
|
|
99
|
-
var close = function (e) {
|
|
24
|
+
var scrollViewRef = useRef(null);
|
|
25
|
+
var _e = __read(useState(0), 2), scrollOffset = _e[0], setScrollOffset = _e[1];
|
|
26
|
+
var _f = __read(useState(active || false), 2), visible = _f[0], setVisible = _f[1];
|
|
27
|
+
var _g = __read(useState(active || false), 2), isFooter = _g[0], setIsFooter = _g[1];
|
|
28
|
+
var handleOnScroll = function (event) {
|
|
29
|
+
setScrollOffset(event.nativeEvent.contentOffset.y);
|
|
30
|
+
};
|
|
31
|
+
var handleScrollTo = function (p) {
|
|
32
|
+
if (scrollViewRef.current)
|
|
33
|
+
scrollViewRef.current.scrollTo(p);
|
|
34
|
+
};
|
|
35
|
+
var handleClose = function (e) {
|
|
100
36
|
if (onClose)
|
|
101
37
|
onClose(e);
|
|
102
38
|
setVisible(false);
|
|
103
39
|
};
|
|
104
|
-
|
|
40
|
+
useEffect(function () {
|
|
41
|
+
setVisible(active);
|
|
42
|
+
}, [active]);
|
|
43
|
+
return (React.createElement(ModalContext.Provider, { value: { scrollViewRef: scrollViewRef, handleOnScroll: handleOnScroll, isFooter: isFooter, setIsFooter: setIsFooter } },
|
|
105
44
|
trigger,
|
|
106
|
-
React.createElement(
|
|
107
|
-
React.createElement(View, { style: [styles.
|
|
108
|
-
React.createElement(
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
React.createElement(Animated.View, { style: [styles.childrenContainer, { transform: [{ translateY: translateAnim }], overflow: 'hidden' }] },
|
|
117
|
-
!hideCloseButton && (React.createElement(View, { style: { paddingHorizontal: SpacerSize.FOUR, paddingVertical: 16 } },
|
|
118
|
-
React.createElement(Columns, { verticalAlign: Alignable.ALIGNED_CENTER },
|
|
119
|
-
React.createElement(Column, null,
|
|
120
|
-
React.createElement(Title, { level: 4 }, title)),
|
|
121
|
-
React.createElement(Column, { narrow: true },
|
|
122
|
-
React.createElement(TouchableOpacity, { onPress: close },
|
|
123
|
-
React.createElement(Icon, { name: IconName.TIMES, size: IconSize.MEDIUM, color: TrilogyColor.MAIN })))))),
|
|
124
|
-
children)),
|
|
125
|
-
React.createElement(TouchableOpacity, { activeOpacity: 1, style: {
|
|
126
|
-
width: '100%',
|
|
127
|
-
minHeight: 0,
|
|
128
|
-
flexGrow: 0,
|
|
129
|
-
}, onPress: close })),
|
|
130
|
-
React.createElement(TouchableOpacity, { onPress: close, activeOpacity: 1, style: { width: 0, height: '100%' } })))));
|
|
45
|
+
React.createElement(ModalRN, __assign({ isVisible: visible, onBackdropPress: function () { return handleClose({}); }, onSwipeComplete: handleClose, swipeDirection: unClosable ? undefined : ['down'], scrollTo: handleScrollTo, scrollOffset: scrollOffset, scrollOffsetMax: 100, propagateSwipe: true, style: [styles.modal], onModalHide: onModalHide }, others),
|
|
46
|
+
React.createElement(View, { style: [styles.body, { backgroundColor: getColorStyle(TrilogyColor.BACKGROUND) }] },
|
|
47
|
+
React.createElement(View, { style: { paddingVertical: !title && hideCloseButton ? 8 : 16 } },
|
|
48
|
+
React.createElement(Columns, { verticalAlign: Alignable.ALIGNED_CENTER },
|
|
49
|
+
React.createElement(Column, null,
|
|
50
|
+
React.createElement(Title, { level: 4 }, title)),
|
|
51
|
+
!hideCloseButton && (React.createElement(Column, { narrow: true },
|
|
52
|
+
React.createElement(TouchableOpacity, { onPress: handleClose },
|
|
53
|
+
React.createElement(Icon, { name: IconName.TIMES, size: IconSize.MEDIUM, color: TrilogyColor.MAIN })))))),
|
|
54
|
+
children))));
|
|
131
55
|
};
|
|
132
56
|
Modal.displayName = ComponentName.Modal;
|
|
133
57
|
export default Modal;
|
|
134
|
-
|
|
58
|
+
var styles = StyleSheet.create({
|
|
59
|
+
modal: {
|
|
60
|
+
justifyContent: 'flex-end',
|
|
61
|
+
margin: 0,
|
|
62
|
+
},
|
|
63
|
+
body: {
|
|
64
|
+
paddingHorizontal: 16,
|
|
65
|
+
maxHeight: isAndroid ? Dimensions.get('screen').height / 1.15 : Dimensions.get('screen').height / 1.1,
|
|
66
|
+
shadowColor: '#000',
|
|
67
|
+
shadowOffset: {
|
|
68
|
+
width: 0,
|
|
69
|
+
height: 2,
|
|
70
|
+
},
|
|
71
|
+
shadowOpacity: 0.25,
|
|
72
|
+
shadowRadius: 3.84,
|
|
73
|
+
elevation: 5,
|
|
74
|
+
borderRadius: 6,
|
|
75
|
+
},
|
|
76
|
+
});
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ2xFLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDMUQsT0FBTyxFQUNMLFVBQVUsRUFLVixVQUFVLEVBQ1YsZ0JBQWdCLEVBQ2hCLElBQUksR0FDTCxNQUFNLGNBQWMsQ0FBQTtBQUNyQixPQUFPLE9BQWtDLE1BQU0sb0JBQW9CLENBQUE7QUFDbkUsT0FBTyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDNUMsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxVQUFVLENBQUE7QUFFaEMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3JELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFckM7Ozs7Ozs7OztHQVNHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQVVGO0lBVFgsSUFBQSxRQUFRLGNBQUEsRUFDUixjQUFjLEVBQWQsTUFBTSxtQkFBRyxLQUFLLEtBQUEsRUFDZCxPQUFPLGFBQUEsRUFDUCxXQUFXLGlCQUFBLEVBQ1gsdUJBQXVCLEVBQXZCLGVBQWUsbUJBQUcsS0FBSyxLQUFBLEVBQ3ZCLGtCQUFrQixFQUFsQixVQUFVLG1CQUFHLEtBQUssS0FBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEs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
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
+
import { getColorStyle, TrilogyColor } from '../../../objects';
|
|
3
4
|
import * as React from 'react';
|
|
4
|
-
import {
|
|
5
|
+
import { ScrollView, View } from 'react-native';
|
|
6
|
+
import { ModalContext } from '../context/ModalContext';
|
|
7
|
+
import { isIOS } from '../../../helpers';
|
|
5
8
|
/**
|
|
6
9
|
* Modal Footer Component
|
|
7
10
|
* @param children {React.ReactNode}
|
|
@@ -9,13 +12,16 @@ import { Platform, ScrollView, TouchableOpacity } from 'react-native';
|
|
|
9
12
|
*/
|
|
10
13
|
var ModalBody = function (_a) {
|
|
11
14
|
var children = _a.children, others = __rest(_a, ["children"]);
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
var _b = React.useContext(ModalContext), handleOnScroll = _b.handleOnScroll, scrollViewRef = _b.scrollViewRef, isFooter = _b.isFooter;
|
|
16
|
+
return (React.createElement(ScrollView, { ref: scrollViewRef, scrollEventThrottle: 16, onScroll: handleOnScroll, showsVerticalScrollIndicator: false },
|
|
17
|
+
React.createElement(View, __assign({ style: [
|
|
18
|
+
{
|
|
19
|
+
backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
|
|
20
|
+
paddingTop: 8,
|
|
21
|
+
paddingBottom: isFooter ? 8 : isIOS ? 40 : 16,
|
|
22
|
+
},
|
|
23
|
+
] }, others), children)));
|
|
18
24
|
};
|
|
19
25
|
ModalBody.displayName = ComponentName.ModalBody;
|
|
20
26
|
export default ModalBody;
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxCb2R5Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbW9kYWwvYm9keS9Nb2RhbEJvZHkubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBWSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3pELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUV0RCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRWpDOzs7O0dBSUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBQXVDO0lBQXJDLElBQUEsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyQixZQUF1QixDQUFGO0lBQ2hDLElBQUEsS0FBOEMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxZQUFZLENBQUMsRUFBMUUsY0FBYyxvQkFBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxRQUFRLGNBQW1DLENBQUE7SUFFbEYsT0FBTyxDQUNMLG9CQUFDLFVBQVUsSUFDVCxHQUFHLEVBQUUsYUFBYSxFQUNsQixtQkFBbUIsRUFBRSxFQUFFLEVBQ3ZCLFFBQVEsRUFBRSxjQUFjLEVBQ3hCLDRCQUE0QixFQUFFLEtBQUs7UUFFbkMsb0JBQUMsSUFBSSxhQUNILEtBQUssRUFBRTtnQkFDTDtvQkFDRSxlQUFlLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUM7b0JBQ3ZELFVBQVUsRUFBRSxDQUFDO29CQUNiLGFBQWEsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7aUJBQzlDO2FBQ0YsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNKLENBQ0ksQ0FDZCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export var ModalContext = React.createContext({
|
|
3
|
+
scrollViewRef: null,
|
|
4
|
+
handleOnScroll: function () { return null; },
|
|
5
|
+
isFooter: false,
|
|
6
|
+
setIsFooter: function () { return false; },
|
|
7
|
+
});
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxDb250ZXh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9jb250ZXh0L01vZGFsQ29udGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBR3pCLE1BQU0sQ0FBQyxJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFvQjtJQUNqRSxhQUFhLEVBQUUsSUFBSTtJQUNuQixjQUFjLEVBQUUsY0FBTSxPQUFBLElBQUksRUFBSixDQUFJO0lBQzFCLFFBQVEsRUFBRSxLQUFLO0lBQ2YsV0FBVyxFQUFFLGNBQU0sT0FBQSxLQUFLLEVBQUwsQ0FBSztDQUN6QixDQUFDLENBQUEifQ==
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { NativeScrollEvent, NativeSyntheticEvent, type ScrollView } from 'react-native';
|
|
3
|
+
export interface ModalContextProps {
|
|
4
|
+
scrollViewRef: React.Ref<ScrollView>;
|
|
5
|
+
handleOnScroll: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
|
|
6
|
+
isFooter: boolean;
|
|
7
|
+
setIsFooter: React.Dispatch<React.SetStateAction<boolean>>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"scrollViewRef": {
|
|
3
|
+
"type": "function",
|
|
4
|
+
"values": [
|
|
5
|
+
"null",
|
|
6
|
+
"ScrollView | null) => void",
|
|
7
|
+
"ScrollView>"
|
|
8
|
+
]
|
|
9
|
+
},
|
|
10
|
+
"handleOnScroll": {
|
|
11
|
+
"type": "string",
|
|
12
|
+
"values": []
|
|
13
|
+
},
|
|
14
|
+
"isFooter": {
|
|
15
|
+
"type": "boolean",
|
|
16
|
+
"values": [
|
|
17
|
+
"false",
|
|
18
|
+
"true"
|
|
19
|
+
]
|
|
20
|
+
},
|
|
21
|
+
"setIsFooter": {
|
|
22
|
+
"type": "string",
|
|
23
|
+
"values": []
|
|
24
|
+
}
|
|
25
|
+
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './ModalContext';
|
|
2
|
+
export * from './ModalContextProps';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL2NvbnRleHQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxnQkFBZ0IsQ0FBQTtBQUM5QixjQUFjLHFCQUFxQixDQUFBIn0=
|
|
@@ -1,24 +1,35 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
3
|
import { Title, TitleLevels } from '../../../components/title';
|
|
4
|
-
import { getColorStyle, TrilogyColor } from '../../../objects
|
|
4
|
+
import { getColorStyle, TrilogyColor } from '../../../objects';
|
|
5
5
|
import * as React from 'react';
|
|
6
|
-
import {
|
|
6
|
+
import { StyleSheet, View } from 'react-native';
|
|
7
|
+
import { ModalContext } from '../context';
|
|
8
|
+
import { isIOS } from '../../../helpers';
|
|
7
9
|
/**
|
|
8
10
|
* Modal Footer Component
|
|
9
11
|
* @param children {React.ReactNode}
|
|
10
12
|
*/
|
|
11
13
|
var ModalFooter = function (_a) {
|
|
12
14
|
var children = _a.children, others = __rest(_a, ["children"]);
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
var setIsFooter = React.useContext(ModalContext).setIsFooter;
|
|
16
|
+
React.useEffect(function () {
|
|
17
|
+
setIsFooter(true);
|
|
18
|
+
return function () {
|
|
19
|
+
setIsFooter(false);
|
|
20
|
+
};
|
|
21
|
+
}, []);
|
|
22
|
+
return (React.createElement(View, __assign({ style: [styles.container] }, others),
|
|
23
|
+
React.createElement(View, { style: [{ backgroundColor: getColorStyle(TrilogyColor.BACKGROUND) }] }, (typeof children === 'string' && (React.createElement(Title, { level: TitleLevels.THREE, style: styles.title }, children))) ||
|
|
20
24
|
children)));
|
|
21
25
|
};
|
|
22
26
|
ModalFooter.displayName = ComponentName.ModalFooter;
|
|
23
27
|
export default ModalFooter;
|
|
24
|
-
|
|
28
|
+
var styles = StyleSheet.create({
|
|
29
|
+
container: {
|
|
30
|
+
paddingBottom: isIOS ? 40 : 18,
|
|
31
|
+
paddingTop: 16,
|
|
32
|
+
},
|
|
33
|
+
title: { width: '100%', textAlign: 'center' },
|
|
34
|
+
});
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxGb290ZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9mb290ZXIvTW9kYWxGb290ZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFZLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDekQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUV6QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRWpDOzs7R0FHRztBQUNILElBQU0sV0FBVyxHQUFHLFVBQUMsRUFBeUM7SUFBdkMsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDaEMsSUFBQSxXQUFXLEdBQUssS0FBSyxDQUFDLFVBQVUsQ0FBQyxZQUFZLENBQUMsWUFBbkMsQ0FBbUM7SUFFdEQsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUNkLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQTtRQUVqQixPQUFPO1lBQ0wsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFBO1FBQ3BCLENBQUMsQ0FBQTtJQUNILENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtJQUVOLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxJQUFNLE1BQU07UUFDekMsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxDQUFDLEVBQUUsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxJQUN2RSxDQUFDLE9BQU8sUUFBUSxLQUFLLFFBQVEsSUFBSSxDQUNoQyxvQkFBQyxLQUFLLElBQUMsS0FBSyxFQUFFLFdBQVcsQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLElBQ2pELFFBQVEsQ0FDSCxDQUNULENBQUM7WUFDQSxRQUFRLENBQ0wsQ0FDRixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxXQUFXLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxXQUFXLENBQUE7QUFFbkQsZUFBZSxXQUFXLENBQUE7QUFFMUIsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztJQUMvQixTQUFTLEVBQUU7UUFDVCxhQUFhLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7UUFDOUIsVUFBVSxFQUFFLEVBQUU7S0FDZjtJQUNELEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRTtDQUM5QyxDQUFDLENBQUEifQ==
|
|
@@ -18,14 +18,14 @@ var Progress = function (_a) {
|
|
|
18
18
|
var className = _a.className, id = _a.id, value = _a.value, _b = _a.max, max = _b === void 0 ? 100 : _b, status = _a.status, small = _a.small, legendStart = _a.legendStart, legendCenter = _a.legendCenter, legendEnd = _a.legendEnd, others = __rest(_a, ["className", "id", "value", "max", "status", "small", "legendStart", "legendCenter", "legendEnd"]);
|
|
19
19
|
var styled = useTrilogyContext().styled;
|
|
20
20
|
var classes = hashClass(styled, clsx('progress', status && is(getStatusClassName(status)), !status && is('primary'), small && is('small'), className));
|
|
21
|
-
return (React.createElement("div", { className:
|
|
21
|
+
return (React.createElement("div", { className: 'progress-container' },
|
|
22
22
|
React.createElement("progress", __assign({ id: id, className: classes, value: value, max: max }, others), value),
|
|
23
|
-
(legendStart || legendCenter || legendEnd) && (React.createElement("div", { className:
|
|
24
|
-
legendStart && (React.createElement("div", { className:
|
|
23
|
+
(legendStart || legendCenter || legendEnd) && (React.createElement("div", { className: 'progress-legends' },
|
|
24
|
+
legendStart && (React.createElement("div", { className: 'progress-legend-start' },
|
|
25
25
|
React.createElement(Text, null, legendStart))),
|
|
26
|
-
legendCenter && (React.createElement("div", { className:
|
|
26
|
+
legendCenter && (React.createElement("div", { className: 'progress-legend-center' },
|
|
27
27
|
React.createElement(Text, null, legendCenter))),
|
|
28
|
-
legendEnd && (React.createElement("div", { className:
|
|
28
|
+
legendEnd && (React.createElement("div", { className: 'progress-legend-end' },
|
|
29
29
|
React.createElement(Text, null, legendEnd)))))));
|
|
30
30
|
};
|
|
31
31
|
export default Progress;
|
|
@@ -71,4 +71,4 @@ var ProgressRadial = function (_a) {
|
|
|
71
71
|
!label && !description && children)));
|
|
72
72
|
};
|
|
73
73
|
export default ProgressRadial;
|
|
74
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9Qcm9ncmVzc1JhZGlhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDMUQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDNUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFDaEQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXREOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxjQUFjLEdBQUcsVUFBQyxFQVdGO0lBVnBCLElBQUEsUUFBUSxjQUFBLEVBQ1IsYUFBUyxFQUFULEtBQUssbUJBQUcsQ0FBQyxLQUFBLEVBQ1QsbUJBQWUsRUFBZixXQUFXLG1CQUFHLENBQUMsS0FBQSxFQUNmLEtBQUssV0FBQSxFQUNMLFdBQVcsaUJBQUEsRUFDWCxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixLQUFLLFdBQUEsRUFDRixNQUFNLGNBVmEsb0dBV3ZCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUNoQyxJQUFBLEtBQUEsT0FBNEQsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQXRFLHlCQUF5QixRQUFB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
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { StyleSheet, View } from 'react-native';
|
|
4
4
|
import { AnimatedCircularProgress } from './react-native-circular-progress';
|
|
5
5
|
import { Text, TextLevels } from '../../../components/text';
|
|
6
6
|
import { getAlignStyle, TypographyAlign } from '../../../objects';
|
|
7
7
|
import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
|
|
8
8
|
import ContentLoader, { Circle } from 'react-content-loader/native';
|
|
9
9
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
10
|
+
import { isAndroid } from '../../../helpers';
|
|
10
11
|
/**
|
|
11
12
|
* Progress Radial component
|
|
12
13
|
* @param percent {number} Progress percent
|
|
@@ -21,7 +22,7 @@ import { ComponentName } from '../../../components/enumsComponentsName';
|
|
|
21
22
|
*/
|
|
22
23
|
var ProgressRadial = function (_a) {
|
|
23
24
|
var children = _a.children, value = _a.value, label = _a.label, description = _a.description, status = _a.status, full = _a.full, disk = _a.disk, secondValue = _a.secondValue, secondValueColor = _a.secondValueColor, align = _a.align, skeleton = _a.skeleton, others = __rest(_a, ["children", "value", "label", "description", "status", "full", "disk", "secondValue", "secondValueColor", "align", "skeleton"]);
|
|
24
|
-
var color = getColorStyle(status || TrilogyColor.
|
|
25
|
+
var color = getColorStyle(status || TrilogyColor.MAIN);
|
|
25
26
|
var backgroundColor = getColorStyle(TrilogyColor.MAIN_FADE);
|
|
26
27
|
var percentWidth = value || 0;
|
|
27
28
|
var secondFill = secondValue ? { secondFill: secondValue } : null;
|
|
@@ -73,7 +74,7 @@ var ProgressRadial = function (_a) {
|
|
|
73
74
|
});
|
|
74
75
|
var ProgressRadialSkeleton = function () { return (React.createElement(ContentLoader, __assign({ style: styles.skeleton }, others),
|
|
75
76
|
React.createElement(View, { style: { opacity: 0 } }),
|
|
76
|
-
|
|
77
|
+
isAndroid && (React.createElement(View, null,
|
|
77
78
|
React.createElement(Circle, { cx: '50', cy: '50', r: '50' }))))); };
|
|
78
79
|
if (skeleton) {
|
|
79
80
|
return React.createElement(ProgressRadialSkeleton, null);
|
|
@@ -91,4 +92,4 @@ var ProgressRadial = function (_a) {
|
|
|
91
92
|
};
|
|
92
93
|
ProgressRadial.displayName = ComponentName.ProgressRadial;
|
|
93
94
|
export default ProgressRadial;
|
|
94
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
95
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9yYWRpYWwvUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFZLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFekQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDM0UsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sYUFBYSxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDbkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFckM7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLGNBQWMsR0FBRyxVQUFDLEVBYUY7SUFacEIsSUFBQSxRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsTUFBTSxZQUFBLEVBQ04sSUFBSSxVQUFBLEVBQ0osSUFBSSxVQUFBLEVBQ0osV0FBVyxpQkFBQSxFQUNYLGdCQUFnQixzQkFBQSxFQUNoQixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDTCxNQUFNLGNBWmEsK0hBYXZCLENBRFU7SUFFVCxJQUFNLEtBQUssR0FBRyxhQUFhLENBQUMsTUFBTSxJQUFJLFlBQVksQ0FBQyxJQUFJ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
|
|
@@ -56,10 +56,10 @@ var Radio = function (_a) {
|
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
};
|
|
59
|
-
return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.container, onPress: function () { return handleClick(value
|
|
59
|
+
return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.container, onPress: function () { return handleClick(value !== null && value !== void 0 ? value : ''); } },
|
|
60
60
|
React.createElement(View, { style: styles.radio, testID: id }, checked && React.createElement(View, { style: styles.icon })),
|
|
61
61
|
label && typeof label.valueOf() === 'string' ? React.createElement(Text, { style: styles.label }, String(label)) : label));
|
|
62
62
|
};
|
|
63
63
|
Radio.displayName = ComponentName.Radio;
|
|
64
64
|
export default Radio;
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW8ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby9SYWRpby5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRWpFOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLEtBQUssR0FBRyxVQUFDLEVBU0Y7UUFSWCxVQUFrQixFQUFsQixFQUFFLG1CQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxLQUFLLFdBQUE7SUFFTCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULGFBQWEsRUFBRSxLQUFLO1lBQ3BCLFVBQVUsRUFBRSxRQUFRO1NBQ3JCO1FBQ0QsS0FBSyxFQUFFO1lBQ0wsVUFBVSxFQUFFLFFBQVE7WUFDcEIsY0FBYyxFQUFFLFFBQVE7WUFDeEIsV0FBVyxFQUFFLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDaEYsV0FBVyxFQUFFLENBQUM7WUFDZCxLQUFLLEVBQUUsRUFBRTtZQUNULE1BQU0sRUFBRSxFQUFFO1lBQ1YsWUFBWSxFQUFFLEVBQUU7WUFDaEIsV0FBVyxFQUFFLEVBQUU7U0FDaEI7UUFDRCxJQUFJLEVBQUU7WUFDSixZQUFZLEVBQUUsRUFBRTtZQUNoQixLQUFLLEVBQUUsRUFBRTtZQUNULE1BQU0sRUFBRSxFQUFFO1lBQ1YsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1NBQ2xEO1FBQ0QsS0FBSyxFQUFFO1lBQ0wsVUFBVSxFQUFFLENBQUM7WUFDYixLQUFLLEVBQ0gsQ0FBQyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDbEQsQ0FBQyxPQUFPLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDN0MsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7U0FDbkM7S0FDRixDQUFDLENBQUE7SUFFRixJQUFNLFdBQVcsR0FBRyxVQUFDLEtBQWE7UUFDaEMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNiLElBQUksUUFBUSxFQUFFO2dCQUNaLFFBQVEsQ0FBQztvQkFDUCxPQUFPLEVBQUUsRUFBRTtvQkFDWCxVQUFVLEVBQUUsS0FBSztvQkFDakIsU0FBUyxFQUFFLElBQUksSUFBSSxFQUFFO29CQUNyQixZQUFZLEVBQUUsSUFBSTtpQkFDbkIsQ0FBQyxDQUFBO2FBQ0g7U0FDRjtJQUNILENBQUMsQ0FBQTtJQUVELE9BQU8sQ0FDTCxvQkFBQyxnQkFBZ0IsSUFBQyxRQUFRLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxjQUFNLE9BQUEsV0FBVyxDQUFDLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLEVBQUUsQ0FBQyxFQUF4QixDQUF3QjtRQUNwRyxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLEVBQUUsSUFDbEMsT0FBTyxJQUFJLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksR0FBSSxDQUNuQztRQUNOLEtBQUssSUFBSSxPQUFPLEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssSUFBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUN4RixDQUNwQixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBRXZDLGVBQWUsS0FBSyxDQUFBIn0=
|
|
@@ -22,4 +22,4 @@ var RadioList = function (_a) {
|
|
|
22
22
|
};
|
|
23
23
|
RadioList.displayName = ComponentName.RadioList;
|
|
24
24
|
export default RadioList;
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9MaXN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcmFkaW8vbGlzdC9SYWRpb0xpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ2hELE9BQU8sRUFBRSxpQkFBaUIsRUFBaUIsTUFBTSx1Q0FBdUMsQ0FBQTtBQUV4RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFeEQsSUFBQSxLQUFLLEdBQVUsVUFBVSxNQUFwQixFQUFFLEdBQUcsR0FBSyxVQUFVLElBQWYsQ0FBZTtBQUN6QixJQUFBLG9CQUFvQixHQUFLLGlCQUFpQixxQkFBdEIsQ0FBc0I7QUFFbEQsSUFBTSxjQUFjLEdBQWtCO0lBQ3BDLENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7SUFDL0MsQ0FBQyxvQkFBb0IsRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLEdBQUcsQ0FBQztJQUMvQyxDQUFDLG9CQUFvQixFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxDQUFDO0NBQ2hELENBQUE7QUFFRDs7OztHQUlHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUE0QjtRQUExQixRQUFRLGNBQUE7SUFDM0IsT0FBTyxvQkFBQyxpQkFBaUIsZUFBSyxFQUFFLFVBQVUsRUFBRSxjQUFjLEVBQUUsUUFBUSxVQUFBLEVBQUUsRUFBSSxDQUFBO0FBQzVFLENBQUMsQ0FBQTtBQUVELFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUUvQyxlQUFlLFNBQVMsQ0FBQSJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as React from
|
|
2
|
-
import { ScrollView as ScrollViewNative } from
|
|
3
|
-
import { ScrollViewProps } from
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ScrollView as ScrollViewNative } from 'react-native';
|
|
3
|
+
import { ScrollViewProps } from './ScrollViewProps';
|
|
4
4
|
declare const ScrollView: React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<ScrollViewNative>>;
|
|
5
5
|
export default ScrollView;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import * as React from
|
|
3
|
-
import { StyleSheet,
|
|
4
|
-
import { getColorStyle, ScrollDirectionEnum } from
|
|
5
|
-
import { ComponentName } from
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { StyleSheet, ScrollView as ScrollViewNative, View, RefreshControl } from 'react-native';
|
|
4
|
+
import { getColorStyle, ScrollDirectionEnum } from '../../objects';
|
|
5
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
6
|
+
import { isAndroid, isIOS } from '../../helpers';
|
|
6
7
|
var ScrollView = React.forwardRef(function (_a, ref) {
|
|
7
8
|
var children = _a.children, footer = _a.footer, bounce = _a.bounce, centerContent = _a.centerContent, refresh = _a.refresh, onRefresh = _a.onRefresh, refreshControlColor = _a.refreshControlColor, id = _a.id, scrollDirection = _a.scrollDirection, others = __rest(_a, ["children", "footer", "bounce", "centerContent", "refresh", "onRefresh", "refreshControlColor", "id", "scrollDirection"]);
|
|
8
9
|
var _b = __read(React.useState(false), 2), refreshing = _b[0], setRefreshing = _b[1];
|
|
@@ -16,12 +17,12 @@ var ScrollView = React.forwardRef(function (_a, ref) {
|
|
|
16
17
|
var styles = StyleSheet.create({
|
|
17
18
|
stickyContent: {
|
|
18
19
|
flexGrow: 1,
|
|
19
|
-
justifyContent:
|
|
20
|
-
flexDirection:
|
|
20
|
+
justifyContent: 'space-between',
|
|
21
|
+
flexDirection: 'column',
|
|
21
22
|
},
|
|
22
23
|
});
|
|
23
24
|
if (footer) {
|
|
24
|
-
return (React.createElement(ScrollViewNative, __assign({ horizontal: scrollDirection === ScrollDirectionEnum.HORIZONTAL, testID: id, showsVerticalScrollIndicator: false, contentContainerStyle: styles.stickyContent, bounces: bounce &&
|
|
25
|
+
return (React.createElement(ScrollViewNative, __assign({ horizontal: scrollDirection === ScrollDirectionEnum.HORIZONTAL, testID: id, showsVerticalScrollIndicator: false, contentContainerStyle: styles.stickyContent, bounces: bounce && isIOS && true, overScrollMode: (bounce && isAndroid && 'always') || 'never' }, (refresh && {
|
|
25
26
|
refreshControl: (React.createElement(RefreshControl, { tintColor: refreshControlColor && getColorStyle(refreshControlColor), colors: refreshControlColor && [getColorStyle(refreshControlColor)], refreshing: refreshing, onRefresh: function () {
|
|
26
27
|
onRefreshing();
|
|
27
28
|
if (onRefresh) {
|
|
@@ -31,19 +32,19 @@ var ScrollView = React.forwardRef(function (_a, ref) {
|
|
|
31
32
|
}), others),
|
|
32
33
|
React.createElement(View, { style: {
|
|
33
34
|
flex: 1,
|
|
34
|
-
justifyContent: centerContent ?
|
|
35
|
+
justifyContent: centerContent ? 'center' : 'flex-start',
|
|
35
36
|
} }, children),
|
|
36
|
-
React.createElement(View, { style: { justifyContent:
|
|
37
|
+
React.createElement(View, { style: { justifyContent: 'flex-end' } }, footer)));
|
|
37
38
|
}
|
|
38
|
-
return (React.createElement(ScrollViewNative, __assign({ horizontal: scrollDirection === ScrollDirectionEnum.HORIZONTAL, testID: id, contentContainerStyle: { flexGrow: 1 }, ref: ref, showsVerticalScrollIndicator: false, bounces: bounce &&
|
|
39
|
+
return (React.createElement(ScrollViewNative, __assign({ horizontal: scrollDirection === ScrollDirectionEnum.HORIZONTAL, testID: id, contentContainerStyle: { flexGrow: 1 }, ref: ref, showsVerticalScrollIndicator: false, bounces: bounce && isIOS && true, overScrollMode: (bounce && isAndroid && 'always') || 'never' }, (refresh && {
|
|
39
40
|
refreshControl: (React.createElement(RefreshControl, { tintColor: refreshControlColor && getColorStyle(refreshControlColor), colors: refreshControlColor && [getColorStyle(refreshControlColor)], refreshing: refreshing, onRefresh: function () {
|
|
40
41
|
onRefreshing();
|
|
41
42
|
if (onRefresh) {
|
|
42
43
|
onRefresh();
|
|
43
44
|
}
|
|
44
45
|
} })),
|
|
45
|
-
}), others), centerContent ?
|
|
46
|
+
}), others), centerContent ? React.createElement(View, { style: { flex: 1, justifyContent: 'center' } }, children) : children));
|
|
46
47
|
});
|
|
47
48
|
ScrollView.displayName = ComponentName.ScrollView;
|
|
48
49
|
export default ScrollView;
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2Nyb2xsVmlldy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Njcm9sbC12aWV3L1Njcm9sbFZpZXcubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBWSxVQUFVLElBQUksZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLGNBQWMsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUN6RyxPQUFPLEVBQUUsYUFBYSxFQUFFLG1CQUFtQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTlELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQXFCNUMsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDakMsVUFDRSxFQVdrQixFQUNsQixHQUFrQjtJQVhoQixJQUFBLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNOLE1BQU0sWUFBQSxFQUNOLGFBQWEsbUJBQUEsRUFDYixPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxtQkFBbUIseUJBQUEsRUFDbkIsRUFBRSxRQUFBLEVBQ0YsZUFBZSxxQkFBQSxFQUNaLE1BQU0sY0FWWCx5SEFXQyxDQURVO0lBSUwsSUFBQSxLQUFBLE9BQThCLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLElBQUEsRUFBbEQsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUF5QixDQUFBO0lBRXpELElBQU0sSUFBSSxHQUFHLFVBQUMsT0FBZTtRQUMzQixPQUFPLElBQUksT0FBTyxDQUFDLFVBQUMsT0FBTyxJQUFLLE9BQUEsVUFBVSxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQUMsRUFBNUIsQ0FBNEIsQ0FBQyxDQUFBO0lBQy9ELENBQUMsQ0FBQTtJQUVELElB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
|