@trilogy-ds/react 4.16.1 → 4.16.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/box/Box.native.js +7 -7
- package/lib/components/card/Card.native.js +6 -4
- package/lib/components/price/Price.js +16 -11
- package/lib/components/progress/radial/ProgressRadial.native.js +5 -5
- package/lib/components/prompt/Prompt.native.js +4 -4
- package/lib/components/prompt/toolbar/submit/PromptSubmit.js +2 -2
- package/lib/components/prompt/toolbar/submit/PromptSubmit.native.js +2 -2
- package/lib/components/prompt/toolbar/tools/button/PromptButton.native.js +8 -2
- package/lib/components/timepicker/circular/TimepickerCircular.js +22 -20
- package/lib/components/timepicker/circular/TimepickerCircular.native.js +223 -204
- package/lib/components/timepicker/default/selector/TimepickerSelector.native.js +6 -13
- package/lib/components/timepicker/default/selector/item/TimepickerSelectorItem.native.js +3 -3
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +2 -2
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
|
-
import { ModalContext } from '../../../../components/modal/context/ModalContext';
|
|
3
2
|
import { getColorStyle, TrilogyColor } from '../../../../objects/facets/Color';
|
|
4
|
-
import React, { useCallback,
|
|
5
|
-
import { ScrollView, StyleSheet, View } from 'react-native';
|
|
3
|
+
import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
4
|
+
import { Pressable, ScrollView, StyleSheet, View } from 'react-native';
|
|
6
5
|
import TimepickerSelectorItem from './item/TimepickerSelectorItem.native';
|
|
7
6
|
var itemHeight = 36;
|
|
8
7
|
export var TimepickerSelector = function (_a) {
|
|
@@ -10,14 +9,8 @@ export var TimepickerSelector = function (_a) {
|
|
|
10
9
|
var _c = __read(useState(0), 2), scrollOffset = _c[0], setScrollOffset = _c[1];
|
|
11
10
|
var containerHeight = itemHeight * visibleItems;
|
|
12
11
|
var localScrollRef = useRef(null);
|
|
13
|
-
var _d = useContext(ModalContext), scrollViewRef = _d.scrollViewRef, modalOnScroll = _d.handleOnScroll;
|
|
14
12
|
var selectedIndex = useMemo(function () { return items.findIndex(function (item) { return item.value === value; }); }, [items, value]);
|
|
15
13
|
var verticalPadding = (containerHeight - itemHeight) / 2;
|
|
16
|
-
useEffect(function () {
|
|
17
|
-
if (localScrollRef.current && scrollViewRef) {
|
|
18
|
-
scrollViewRef.current = localScrollRef.current;
|
|
19
|
-
}
|
|
20
|
-
}, [scrollViewRef]);
|
|
21
14
|
useEffect(function () {
|
|
22
15
|
if (localScrollRef.current && selectedIndex >= 0) {
|
|
23
16
|
var targetOffset_1 = selectedIndex * itemHeight;
|
|
@@ -30,8 +23,7 @@ export var TimepickerSelector = function (_a) {
|
|
|
30
23
|
}, [selectedIndex, itemHeight]);
|
|
31
24
|
var onScroll = useCallback(function (event) {
|
|
32
25
|
setScrollOffset(event.nativeEvent.contentOffset.y);
|
|
33
|
-
|
|
34
|
-
}, [modalOnScroll]);
|
|
26
|
+
}, []);
|
|
35
27
|
var onScrollEnd = useCallback(function (event) {
|
|
36
28
|
var offsetY = event.nativeEvent.contentOffset.y;
|
|
37
29
|
var index = Math.round(offsetY / itemHeight);
|
|
@@ -51,7 +43,8 @@ export var TimepickerSelector = function (_a) {
|
|
|
51
43
|
] }),
|
|
52
44
|
React.createElement(ScrollView, { ref: localScrollRef, showsVerticalScrollIndicator: false, snapToInterval: itemHeight, decelerationRate: 'fast', onScroll: onScroll, onMomentumScrollEnd: onScrollEnd, contentContainerStyle: {
|
|
53
45
|
paddingVertical: verticalPadding,
|
|
54
|
-
}, scrollEventThrottle: 16, nestedScrollEnabled: true },
|
|
46
|
+
}, scrollEventThrottle: 16, nestedScrollEnabled: true },
|
|
47
|
+
React.createElement(Pressable, null, items.map(function (item, index) { return (React.createElement(TimepickerSelectorItem, { key: String(item.value), item: item, index: index, scrollOffset: scrollOffset })); })))));
|
|
55
48
|
};
|
|
56
49
|
var styles = StyleSheet.create({
|
|
57
50
|
container: {
|
|
@@ -66,4 +59,4 @@ var styles = StyleSheet.create({
|
|
|
66
59
|
borderRadius: 8,
|
|
67
60
|
},
|
|
68
61
|
});
|
|
69
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZXBpY2tlclNlbGVjdG9yLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGltZXBpY2tlci9kZWZhdWx0L3NlbGVjdG9yL1RpbWVwaWNrZXJTZWxlY3Rvci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sS0FBSyxFQUFFLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNoRixPQUFPLEVBQTJDLFNBQVMsRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvRyxPQUFPLHNCQUFzQixNQUFNLHNDQUFzQyxDQUFBO0FBY3pFLElBQU0sVUFBVSxHQUFHLEVBQUUsQ0FBQTtBQUVyQixNQUFNLENBQUMsSUFBTSxrQkFBa0IsR0FBRyxVQUFDLEVBQThEO1FBQTVELEtBQUssV0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxvQkFBZ0IsRUFBaEIsWUFBWSxtQkFBRyxDQUFDLEtBQUE7SUFDMUUsSUFBQSxLQUFBLE9BQWtDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUE1QyxZQUFZLFFBQUEsRUFBRSxlQUFlLFFBQWUsQ0FBQTtJQUNuRCxJQUFNLGVBQWUsR0FBRyxVQUFVLEdBQUcsWUFBWSxDQUFBO0lBQ2pELElBQU0sY0FBYyxHQUFHLE1BQU0sQ0FBYSxJQUFJLENBQUMsQ0FBQTtJQUMvQyxJQUFNLGFBQWEsR0FBRyxPQUFPLENBQUMsY0FBTSxPQUFBLEtBQUssQ0FBQyxTQUFTLENBQUMsVUFBQyxJQUFJLElBQUssT0FBQSxJQUFJLENBQUMsS0FBSyxLQUFLLEtBQUssRUFBcEIsQ0FBb0IsQ0FBQyxFQUEvQyxD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
|
|
@@ -2,7 +2,7 @@ import { Text } from '../../../../../components/text';
|
|
|
2
2
|
import { TypographyAlign } from '../../../../../objects/Typography/TypographyAlign';
|
|
3
3
|
import { TypographyColor } from '../../../../../objects/Typography/TypographyColor';
|
|
4
4
|
import React, { useMemo } from 'react';
|
|
5
|
-
import { StyleSheet, View } from 'react-native';
|
|
5
|
+
import { Platform, StyleSheet, View } from 'react-native';
|
|
6
6
|
var itemHeight = 36;
|
|
7
7
|
var clamp = function (val, min, max) { return Math.min(Math.max(val, min), max); };
|
|
8
8
|
var TimepickerSelectorItem = function (_a) {
|
|
@@ -25,7 +25,7 @@ var TimepickerSelectorItem = function (_a) {
|
|
|
25
25
|
] },
|
|
26
26
|
React.createElement(Text, { typo: computedStyle.isActive
|
|
27
27
|
? [TypographyAlign.TEXT_CENTERED, TypographyColor.TEXT_WHITE]
|
|
28
|
-
: [TypographyAlign.TEXT_CENTERED], style: { lineHeight: 0 } }, item.label)));
|
|
28
|
+
: [TypographyAlign.TEXT_CENTERED], style: { lineHeight: Platform.OS === 'ios' ? 0 : undefined } }, item.label)));
|
|
29
29
|
};
|
|
30
30
|
export default TimepickerSelectorItem;
|
|
31
31
|
var styles = StyleSheet.create({
|
|
@@ -35,4 +35,4 @@ var styles = StyleSheet.create({
|
|
|
35
35
|
width: '100%',
|
|
36
36
|
},
|
|
37
37
|
});
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZXBpY2tlclNlbGVjdG9ySXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVwaWNrZXIvZGVmYXVsdC9zZWxlY3Rvci9pdGVtL1RpbWVwaWNrZXJTZWxlY3Rvckl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNDQUFzQyxDQUFBO0FBQ3RFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQTtBQUN0RSxPQUFPLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN0QyxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFhekQsSUFBTSxVQUFVLEdBQUcsRUFBRSxDQUFBO0FBRXJCLElBQU0sS0FBSyxHQUFHLFVBQUMsR0FBVyxFQUFFLEdBQVcsRUFBRSxHQUFXLElBQUssT0FBQSxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFLEdBQUcsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxFQUFqQyxDQUFpQyxDQUFBO0FBRTFGLElBQU0sc0JBQXNCLEdBQUcsVUFBQyxFQUE2QztRQUEzQyxJQUFJLFVBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxZQUFZLGtCQUFBO0lBQ3pELElBQU0sUUFBUSxHQUFHLEtBQUssR0FBRyxVQUFVLENBQUE7SUFDbkMsSUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEdBQUcsUUFBUSxDQUFDLENBQUE7SUFFbEQsSUFBTSxhQUFhLEdBQUcsT0FBTyxDQUFDO1FBQzVCLElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxDQUFDLEdBQUcsUUFBUSxHQUFHLENBQUMsVUFBVSxHQUFHLEdBQUcsQ0FBQyxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQTtRQUNqRSxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsR0FBRyxHQUFHLENBQUMsUUFBUSxHQUFHLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQyxDQUFDLEdBQUcsSUFBSSxFQUFFLElBQUksRUFBRSxHQUFHLENBQUMsQ0FBQTtRQUMxRSxJQUFNLFFBQVEsR0FBRyxRQUFRLEdBQUcsVUFBVSxHQUFHLENBQUMsQ0FBQTtRQUUxQyxPQUFPLEVBQUUsT0FBTyxTQUFBLEVBQUUsS0FBSyxPQUFBLEVBQUUsUUFBUSxVQUFBLEVBQUUsQ0FBQTtJQUNyQyxDQUFDLEVBQUUsQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQTtJQUUxQixPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUNILEtBQUssRUFBRTtZQUNMLE1BQU0sQ0FBQyxhQUFhO1lBQ3BCO2dCQUNFLE1BQU0sRUFBRSxVQUFVO2dCQUNsQixPQUFPLEVBQUUsYUFBYSxDQUFDLE9BQU87Z0JBQzlCLFNBQVMsRUFBRSxDQUFDLEVBQUUsS0FBSyxFQUFFLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQzthQUM1QztTQUNGO1FBRUQsb0JBQUMsSUFBSSxJQUNILElBQUksRUFDRixhQUFhLENBQUMsUUFBUTtnQkFDcEIsQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDLGFBQWEsRUFBRSxlQUFlLENBQUMsVUFBVSxDQUFDO2dCQUM3RCxDQUFDLENBQUMsQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFDLEVBRXJDLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxRQUFRLENBQUMsRUFBRSxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQUUsSUFFM0QsSUFBSSxDQUFDLEtBQUssQ0FDTixDQUNGLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsc0JBQXNCLENBQUE7QUFFckMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztJQUMvQixhQUFhLEVBQUU7UUFDYixjQUFjLEVBQUUsUUFBUTtRQUN4QixVQUFVLEVBQUUsUUFBUTtRQUNwQixLQUFLLEVBQUUsTUFBTTtLQUNkO0NBQ0YsQ0FBQyxDQUFBIn0=
|
package/lib/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "4.16.
|
|
1
|
+
export declare const version = "4.16.2";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "4.16.
|
|
1
|
+
export var version = "4.16.2";
|
|
2
2
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLFFBQVEsQ0FBQSJ9
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trilogy-ds/react",
|
|
3
|
-
"version": "4.16.
|
|
3
|
+
"version": "4.16.2",
|
|
4
4
|
"author": "Bouygues Telecom",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@ptomasroos/react-native-multi-slider": "^2.2.2",
|
|
28
28
|
"@react-native-picker/picker": "^2.6.1",
|
|
29
|
-
"@react-native-community/datetimepicker": "
|
|
29
|
+
"@react-native-community/datetimepicker": "8.2.0",
|
|
30
30
|
"@trilogy-ds/assets": "*",
|
|
31
31
|
"@trilogy-ds/locales": "en",
|
|
32
32
|
"@trilogy-ds/styles": "*",
|