@hedia/recommendation-screen 3.4.7 → 3.5.0-alpha.0
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/commonjs/components/WheelPicker/WheelPicker.js +47 -11
- package/lib/commonjs/components/WheelPicker/WheelPicker.js.map +1 -1
- package/lib/commonjs/components/WheelPicker/WheelPicker.styles.js +6 -0
- package/lib/commonjs/components/WheelPicker/WheelPicker.styles.js.map +1 -1
- package/lib/commonjs/components/WheelPicker/WheelPickerItem.js +1 -94
- package/lib/commonjs/components/WheelPicker/WheelPickerItem.js.map +1 -1
- package/lib/typescript/components/WheelPicker/WheelPicker.d.ts.map +1 -1
- package/lib/typescript/components/WheelPicker/WheelPicker.styles.d.ts +6 -0
- package/lib/typescript/components/WheelPicker/WheelPicker.styles.d.ts.map +1 -1
- package/lib/typescript/components/WheelPicker/WheelPickerItem.d.ts +1 -7
- package/lib/typescript/components/WheelPicker/WheelPickerItem.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -6,7 +6,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
|
|
9
10
|
var _hooks = require("../../hooks");
|
|
11
|
+
var _styles = require("../../styles");
|
|
10
12
|
var _WheelPicker = _interopRequireDefault(require("./WheelPicker.styles"));
|
|
11
13
|
var _WheelPickerItem = _interopRequireDefault(require("./WheelPickerItem"));
|
|
12
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -17,15 +19,13 @@ function WheelPicker({
|
|
|
17
19
|
selectedIndex,
|
|
18
20
|
options,
|
|
19
21
|
onChange,
|
|
20
|
-
visibleRest =
|
|
22
|
+
visibleRest = 3,
|
|
21
23
|
decelerationRate = "normal"
|
|
22
24
|
}) {
|
|
23
|
-
const itemHeight =
|
|
25
|
+
const itemHeight = 35;
|
|
26
|
+
const gradientHeight = itemHeight * (visibleRest - 1);
|
|
24
27
|
const flatListRef = (0, _react.useRef)(null);
|
|
25
28
|
const scrollY = (0, _react.useMemo)(() => new _reactNative.Animated.Value(0), []);
|
|
26
|
-
const scaleFunction = x => 0.95 ** x;
|
|
27
|
-
const rotationFunction = x => 1 - Math.pow(1 / 2, x);
|
|
28
|
-
const opacityFunction = x => Math.pow(1 / 1.5, x);
|
|
29
29
|
const containerHeight = (1 + visibleRest * 2) * itemHeight;
|
|
30
30
|
const paddedOptions = (0, _react.useMemo)(() => {
|
|
31
31
|
const array = [...options];
|
|
@@ -36,7 +36,6 @@ function WheelPicker({
|
|
|
36
36
|
return array;
|
|
37
37
|
}, [options, visibleRest]);
|
|
38
38
|
const offsets = (0, _react.useMemo)(() => [...Array(paddedOptions.length)].map((_, i) => i * itemHeight), [paddedOptions, itemHeight]);
|
|
39
|
-
const currentScrollIndex = (0, _react.useMemo)(() => _reactNative.Animated.add(_reactNative.Animated.divide(scrollY, itemHeight), visibleRest), [visibleRest, scrollY, itemHeight]);
|
|
40
39
|
const handleMomentumScrollEnd = (0, _react.useCallback)(event => {
|
|
41
40
|
const offsetY = Math.min(itemHeight * (options.length - 1), Math.max(event.nativeEvent.contentOffset.y, 0));
|
|
42
41
|
let index = Math.floor(Math.floor(offsetY) / itemHeight);
|
|
@@ -111,13 +110,50 @@ function WheelPicker({
|
|
|
111
110
|
index: index,
|
|
112
111
|
option: option,
|
|
113
112
|
height: itemHeight,
|
|
114
|
-
currentScrollIndex: currentScrollIndex,
|
|
115
|
-
scaleFunction: scaleFunction,
|
|
116
|
-
rotationFunction: rotationFunction,
|
|
117
|
-
opacityFunction: opacityFunction,
|
|
118
|
-
visibleRest: visibleRest,
|
|
119
113
|
onItemPress: () => handleItemPressed(Math.max(0, Math.min(index - visibleRest, options.length - 1)))
|
|
120
114
|
})
|
|
115
|
+
}), /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
|
|
116
|
+
colors: [_styles.COLORS.black, "#000000A6"],
|
|
117
|
+
start: {
|
|
118
|
+
x: 1,
|
|
119
|
+
y: 0
|
|
120
|
+
},
|
|
121
|
+
end: {
|
|
122
|
+
x: 1,
|
|
123
|
+
y: 1
|
|
124
|
+
},
|
|
125
|
+
style: [_WheelPicker.default.mask, {
|
|
126
|
+
top: 0,
|
|
127
|
+
height: gradientHeight,
|
|
128
|
+
borderTopLeftRadius: 16,
|
|
129
|
+
borderTopRightRadius: 16
|
|
130
|
+
}]
|
|
131
|
+
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
132
|
+
style: [_WheelPicker.default.mask, {
|
|
133
|
+
top: gradientHeight,
|
|
134
|
+
height: itemHeight,
|
|
135
|
+
backgroundColor: "#000000A6"
|
|
136
|
+
}]
|
|
137
|
+
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
138
|
+
style: [_WheelPicker.default.mask, {
|
|
139
|
+
bottom: gradientHeight,
|
|
140
|
+
height: itemHeight,
|
|
141
|
+
backgroundColor: "#000000A6"
|
|
142
|
+
}]
|
|
143
|
+
}), /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
|
|
144
|
+
colors: ["#000000A6", _styles.COLORS.black],
|
|
145
|
+
start: {
|
|
146
|
+
x: 1,
|
|
147
|
+
y: 0
|
|
148
|
+
},
|
|
149
|
+
end: {
|
|
150
|
+
x: 1,
|
|
151
|
+
y: 1
|
|
152
|
+
},
|
|
153
|
+
style: [_WheelPicker.default.mask, {
|
|
154
|
+
bottom: 0,
|
|
155
|
+
height: gradientHeight
|
|
156
|
+
}]
|
|
121
157
|
}));
|
|
122
158
|
}
|
|
123
159
|
var _default = exports.default = WheelPicker;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_hooks","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeLinearGradient","_interopRequireDefault","_hooks","_styles","_WheelPicker","_WheelPickerItem","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","WheelPicker","initialScrollIndex","selectedIndex","options","onChange","visibleRest","decelerationRate","itemHeight","gradientHeight","flatListRef","useRef","scrollY","useMemo","Animated","Value","containerHeight","paddedOptions","array","unshift","push","offsets","Array","length","map","_","handleMomentumScrollEnd","useCallback","event","offsetY","Math","min","max","nativeEvent","contentOffset","y","index","floor","last","scrollHandler","round","current","scrollToIndex","animated","debouncedScrollHandler","useDebouncedCallback","handleItemPressed","itemIndex","createElement","View","style","styles","containerPicker","height","testID","selectedIndicator","transform","translateY","FlatList","ref","scrollView","showsVerticalScrollIndicator","onScroll","useNativeDriver","Platform","OS","listener","undefined","onMomentumScrollEnd","snapToInterval","snapToOffsets","getItemLayout","offset","data","keyExtractor","toString","renderItem","item","option","key","onItemPress","colors","COLORS","black","start","x","end","mask","top","borderTopLeftRadius","borderTopRightRadius","backgroundColor","bottom","_default","exports"],"sourceRoot":"../../../../src","sources":["components/WheelPicker/WheelPicker.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -76,6 +76,12 @@ var _default = exports.default = _reactNative.StyleSheet.create({
|
|
|
76
76
|
backgroundColor: _styles.COLORS.black,
|
|
77
77
|
borderBottomLeftRadius: 13,
|
|
78
78
|
borderBottomRightRadius: 13
|
|
79
|
+
},
|
|
80
|
+
mask: {
|
|
81
|
+
position: "absolute",
|
|
82
|
+
left: 0,
|
|
83
|
+
right: 0,
|
|
84
|
+
pointerEvents: "none"
|
|
79
85
|
}
|
|
80
86
|
});
|
|
81
87
|
//# sourceMappingURL=WheelPicker.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_styles","_default","exports","default","StyleSheet","create","buttonContainer","gap","modal","margin","justifyContent","containerPicker","borderTopLeftRadius","borderTopRightRadius","backgroundColor","COLORS","black","contentContainerModal","paddingHorizontal","selectedIndicator","position","width","Dimensions","get","borderRadius","top","alignSelf","scrollView","overflow","flex","option","alignItems","zIndex","itemTextStyle","fontSize","lineHeight","fontWeight","color","white","buttonText","paddingVertical","textAlign","cancelButton","cancelText","confirmButton","borderTopColor","divider10","borderTopWidth","borderBottomLeftRadius","borderBottomRightRadius"],"sourceRoot":"../../../../src","sources":["components/WheelPicker/WheelPicker.styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAAsC,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEvBC,uBAAU,CAACC,MAAM,CAAC;EAChCC,eAAe,EAAE;IAChBC,GAAG,EAAE;EACN,CAAC;EACDC,KAAK,EAAE;IACNC,MAAM,EAAE,CAAC;IACTC,cAAc,EAAE;EACjB,CAAC;EACDC,eAAe,EAAE;IAChBC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBC,eAAe,EAAEC,cAAM,CAACC;EACzB,CAAC;EACDC,qBAAqB,EAAE;IACtBC,iBAAiB,EAAE,EAAE;IACrBJ,eAAe,EAAE;EAClB,CAAC;EACDK,iBAAiB,EAAE;IAClBC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAEC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAACF,KAAK,GAAG,EAAE;IAC1CP,eAAe,EAAE,WAAW;IAC5BU,YAAY,EAAE,CAAC;IACfC,GAAG,EAAE,KAAK;IACVC,SAAS,EAAE;EACZ,CAAC;EACDC,UAAU,EAAE;IACXC,QAAQ,EAAE,QAAQ;IAClBC,IAAI,EAAE,CAAC;IACPjB,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE;EACvB,CAAC;EACDiB,MAAM,EAAE;IACPC,UAAU,EAAE,QAAQ;IACpBrB,cAAc,EAAE,QAAQ;IACxBsB,MAAM,EAAE;EACT,CAAC;EACDC,aAAa,EAAE;IACdC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEtB,cAAM,CAACuB;EACf,CAAC;EACDC,UAAU,EAAE;IACXL,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,KAAK;IACjBlB,iBAAiB,EAAE,EAAE;IACrBsB,eAAe,EAAE,EAAE;IACnBC,SAAS,EAAE,QAAQ;IACnBJ,KAAK,EAAE;EACR,CAAC;EACDK,YAAY,EAAE;IACb5B,eAAe,EAAEC,cAAM,CAACC,KAAK;IAC7BQ,YAAY,EAAE;EACf,CAAC;EACDmB,UAAU,EAAE;IACXT,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,KAAK;IACjBlB,iBAAiB,EAAE,EAAE;IACrBsB,eAAe,EAAE,EAAE;IACnBC,SAAS,EAAE,QAAQ;IACnBJ,KAAK,EAAE;EACR,CAAC;EACDO,aAAa,EAAE;IACdC,cAAc,EAAE9B,cAAM,CAAC+B,SAAS;IAChCC,cAAc,EAAE,GAAG;IACnBjC,eAAe,EAAEC,cAAM,CAACC,KAAK;IAC7BgC,sBAAsB,EAAE,EAAE;IAC1BC,uBAAuB,EAAE;EAC1B;AACD,CAAC,CAAC","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_styles","_default","exports","default","StyleSheet","create","buttonContainer","gap","modal","margin","justifyContent","containerPicker","borderTopLeftRadius","borderTopRightRadius","backgroundColor","COLORS","black","contentContainerModal","paddingHorizontal","selectedIndicator","position","width","Dimensions","get","borderRadius","top","alignSelf","scrollView","overflow","flex","option","alignItems","zIndex","itemTextStyle","fontSize","lineHeight","fontWeight","color","white","buttonText","paddingVertical","textAlign","cancelButton","cancelText","confirmButton","borderTopColor","divider10","borderTopWidth","borderBottomLeftRadius","borderBottomRightRadius","mask","left","right","pointerEvents"],"sourceRoot":"../../../../src","sources":["components/WheelPicker/WheelPicker.styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAAsC,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEvBC,uBAAU,CAACC,MAAM,CAAC;EAChCC,eAAe,EAAE;IAChBC,GAAG,EAAE;EACN,CAAC;EACDC,KAAK,EAAE;IACNC,MAAM,EAAE,CAAC;IACTC,cAAc,EAAE;EACjB,CAAC;EACDC,eAAe,EAAE;IAChBC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBC,eAAe,EAAEC,cAAM,CAACC;EACzB,CAAC;EACDC,qBAAqB,EAAE;IACtBC,iBAAiB,EAAE,EAAE;IACrBJ,eAAe,EAAE;EAClB,CAAC;EACDK,iBAAiB,EAAE;IAClBC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAEC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAACF,KAAK,GAAG,EAAE;IAC1CP,eAAe,EAAE,WAAW;IAC5BU,YAAY,EAAE,CAAC;IACfC,GAAG,EAAE,KAAK;IACVC,SAAS,EAAE;EACZ,CAAC;EACDC,UAAU,EAAE;IACXC,QAAQ,EAAE,QAAQ;IAClBC,IAAI,EAAE,CAAC;IACPjB,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE;EACvB,CAAC;EACDiB,MAAM,EAAE;IACPC,UAAU,EAAE,QAAQ;IACpBrB,cAAc,EAAE,QAAQ;IACxBsB,MAAM,EAAE;EACT,CAAC;EACDC,aAAa,EAAE;IACdC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEtB,cAAM,CAACuB;EACf,CAAC;EACDC,UAAU,EAAE;IACXL,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,KAAK;IACjBlB,iBAAiB,EAAE,EAAE;IACrBsB,eAAe,EAAE,EAAE;IACnBC,SAAS,EAAE,QAAQ;IACnBJ,KAAK,EAAE;EACR,CAAC;EACDK,YAAY,EAAE;IACb5B,eAAe,EAAEC,cAAM,CAACC,KAAK;IAC7BQ,YAAY,EAAE;EACf,CAAC;EACDmB,UAAU,EAAE;IACXT,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,KAAK;IACjBlB,iBAAiB,EAAE,EAAE;IACrBsB,eAAe,EAAE,EAAE;IACnBC,SAAS,EAAE,QAAQ;IACnBJ,KAAK,EAAE;EACR,CAAC;EACDO,aAAa,EAAE;IACdC,cAAc,EAAE9B,cAAM,CAAC+B,SAAS;IAChCC,cAAc,EAAE,GAAG;IACnBjC,eAAe,EAAEC,cAAM,CAACC,KAAK;IAC7BgC,sBAAsB,EAAE,EAAE;IAC1BC,uBAAuB,EAAE;EAC1B,CAAC;EACDC,IAAI,EAAE;IACL9B,QAAQ,EAAE,UAAU;IACpB+B,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,aAAa,EAAE;EAChB;AACD,CAAC,CAAC","ignoreList":[]}
|
|
@@ -12,107 +12,14 @@ function WheelPickerItem({
|
|
|
12
12
|
height,
|
|
13
13
|
option,
|
|
14
14
|
index,
|
|
15
|
-
visibleRest,
|
|
16
|
-
currentScrollIndex,
|
|
17
|
-
opacityFunction,
|
|
18
|
-
rotationFunction,
|
|
19
|
-
scaleFunction,
|
|
20
15
|
onItemPress
|
|
21
16
|
}) {
|
|
22
|
-
const relativeScrollIndex = _reactNative.Animated.subtract(index, currentScrollIndex);
|
|
23
|
-
const translateY = relativeScrollIndex.interpolate({
|
|
24
|
-
inputRange: (() => {
|
|
25
|
-
const range = [0];
|
|
26
|
-
for (let i = 1; i <= visibleRest + 1; i++) {
|
|
27
|
-
range.unshift(-i);
|
|
28
|
-
range.push(i);
|
|
29
|
-
}
|
|
30
|
-
return range;
|
|
31
|
-
})(),
|
|
32
|
-
outputRange: (() => {
|
|
33
|
-
const range = [0];
|
|
34
|
-
for (let i = 1; i <= visibleRest + 1; i++) {
|
|
35
|
-
let y = height / 2 * (1 - Math.sin(Math.PI / 2 - rotationFunction(i)));
|
|
36
|
-
for (let j = 1; j < i; j++) {
|
|
37
|
-
y += height * (1 - Math.sin(Math.PI / 2 - rotationFunction(j)));
|
|
38
|
-
}
|
|
39
|
-
range.unshift(y);
|
|
40
|
-
range.push(-y);
|
|
41
|
-
}
|
|
42
|
-
return range;
|
|
43
|
-
})()
|
|
44
|
-
});
|
|
45
|
-
const opacity = relativeScrollIndex.interpolate({
|
|
46
|
-
inputRange: (() => {
|
|
47
|
-
const range = [0];
|
|
48
|
-
for (let i = 1; i <= visibleRest + 1; i++) {
|
|
49
|
-
range.unshift(-i);
|
|
50
|
-
range.push(i);
|
|
51
|
-
}
|
|
52
|
-
return range;
|
|
53
|
-
})(),
|
|
54
|
-
outputRange: (() => {
|
|
55
|
-
const range = [1];
|
|
56
|
-
for (let x = 1; x <= visibleRest + 1; x++) {
|
|
57
|
-
const y = opacityFunction(x);
|
|
58
|
-
range.unshift(y);
|
|
59
|
-
range.push(y);
|
|
60
|
-
}
|
|
61
|
-
return range;
|
|
62
|
-
})()
|
|
63
|
-
});
|
|
64
|
-
const scale = relativeScrollIndex.interpolate({
|
|
65
|
-
inputRange: (() => {
|
|
66
|
-
const range = [0];
|
|
67
|
-
for (let i = 1; i <= visibleRest + 1; i++) {
|
|
68
|
-
range.unshift(-i);
|
|
69
|
-
range.push(i);
|
|
70
|
-
}
|
|
71
|
-
return range;
|
|
72
|
-
})(),
|
|
73
|
-
outputRange: (() => {
|
|
74
|
-
const range = [1.0];
|
|
75
|
-
for (let x = 1; x <= visibleRest + 1; x++) {
|
|
76
|
-
const y = scaleFunction(x);
|
|
77
|
-
range.unshift(y);
|
|
78
|
-
range.push(y);
|
|
79
|
-
}
|
|
80
|
-
return range;
|
|
81
|
-
})()
|
|
82
|
-
});
|
|
83
|
-
const rotateX = relativeScrollIndex.interpolate({
|
|
84
|
-
inputRange: (() => {
|
|
85
|
-
const range = [0];
|
|
86
|
-
for (let i = 1; i <= visibleRest + 1; i++) {
|
|
87
|
-
range.unshift(-i);
|
|
88
|
-
range.push(i);
|
|
89
|
-
}
|
|
90
|
-
return range;
|
|
91
|
-
})(),
|
|
92
|
-
outputRange: (() => {
|
|
93
|
-
const range = ["0deg"];
|
|
94
|
-
for (let x = 1; x <= visibleRest + 1; x++) {
|
|
95
|
-
const rotate = rotationFunction(x) * x * 20;
|
|
96
|
-
range.unshift(`${rotate}deg`);
|
|
97
|
-
range.push(`${rotate}deg`);
|
|
98
|
-
}
|
|
99
|
-
return range;
|
|
100
|
-
})()
|
|
101
|
-
});
|
|
102
17
|
return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
|
|
103
18
|
onPress: onItemPress,
|
|
104
19
|
testID: "insulin-wheel-picker-item-" + index
|
|
105
20
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
|
|
106
21
|
style: [_WheelPicker.default.option, {
|
|
107
|
-
height
|
|
108
|
-
opacity,
|
|
109
|
-
transform: [{
|
|
110
|
-
translateY
|
|
111
|
-
}, {
|
|
112
|
-
rotateX
|
|
113
|
-
}, {
|
|
114
|
-
scale
|
|
115
|
-
}]
|
|
22
|
+
height
|
|
116
23
|
}]
|
|
117
24
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
118
25
|
style: _WheelPicker.default.itemTextStyle
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_WheelPicker","e","__esModule","default","WheelPickerItem","height","option","index","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_WheelPicker","e","__esModule","default","WheelPickerItem","height","option","index","onItemPress","createElement","Pressable","onPress","testID","Animated","View","style","styles","Text","itemTextStyle","_default","exports","React","memo"],"sourceRoot":"../../../../src","sources":["components/WheelPicker/WheelPickerItem.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA0C,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS1C,SAASG,eAAeA,CAAC;EAAEC,MAAM;EAAEC,MAAM;EAAEC,KAAK;EAAEC;AAA4C,CAAC,EAAE;EAChG,oBACCZ,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACV,YAAA,CAAAW,SAAS;IAACC,OAAO,EAAEH,WAAY;IAACI,MAAM,EAAE,4BAA4B,GAAGL;EAAM,gBAC7EX,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACV,YAAA,CAAAc,QAAQ,CAACC,IAAI;IAACC,KAAK,EAAE,CAACC,oBAAM,CAACV,MAAM,EAAE;MAAED;IAAO,CAAC;EAAE,gBACjDT,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACV,YAAA,CAAAkB,IAAI;IAACF,KAAK,EAAEC,oBAAM,CAACE;EAAc,GAAEZ,MAAa,CACnC,CACL,CAAC;AAEd;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAjB,OAAA,gBAEckB,cAAK,CAACC,IAAI,CAAClB,eAAe,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WheelPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/WheelPicker/WheelPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"WheelPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/WheelPicker/WheelPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAS5D,UAAU,gBAAgB;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;CAC9C;AAED,iBAAS,WAAW,CAAC,EACpB,kBAAkB,EAClB,aAAa,EACb,OAAO,EACP,QAAQ,EACR,WAAe,EACf,gBAA2B,GAC3B,EAAE,QAAQ,CAAC,gBAAgB,CAAC,qBAqJ5B;AAED,eAAe,WAAW,CAAC"}
|
|
@@ -69,6 +69,12 @@ declare const _default: {
|
|
|
69
69
|
borderBottomLeftRadius: number;
|
|
70
70
|
borderBottomRightRadius: number;
|
|
71
71
|
};
|
|
72
|
+
mask: {
|
|
73
|
+
position: "absolute";
|
|
74
|
+
left: number;
|
|
75
|
+
right: number;
|
|
76
|
+
pointerEvents: "none";
|
|
77
|
+
};
|
|
72
78
|
};
|
|
73
79
|
export default _default;
|
|
74
80
|
//# sourceMappingURL=WheelPicker.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WheelPicker.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/WheelPicker/WheelPicker.styles.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WheelPicker.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/WheelPicker/WheelPicker.styles.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,wBA6EG"}
|
|
@@ -1,17 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { Animated } from "react-native";
|
|
3
2
|
interface WheelPickerItemProps {
|
|
4
3
|
option: string | null;
|
|
5
4
|
height: number;
|
|
6
5
|
index: number;
|
|
7
|
-
currentScrollIndex: Animated.AnimatedAddition<number>;
|
|
8
|
-
visibleRest: number;
|
|
9
|
-
rotationFunction: (x: number) => number;
|
|
10
|
-
opacityFunction: (x: number) => number;
|
|
11
|
-
scaleFunction: (x: number) => number;
|
|
12
6
|
onItemPress: () => void;
|
|
13
7
|
}
|
|
14
|
-
declare function WheelPickerItem({ height, option, index,
|
|
8
|
+
declare function WheelPickerItem({ height, option, index, onItemPress }: Readonly<WheelPickerItemProps>): React.JSX.Element;
|
|
15
9
|
declare const _default: React.MemoExoticComponent<typeof WheelPickerItem>;
|
|
16
10
|
export default _default;
|
|
17
11
|
//# sourceMappingURL=WheelPickerItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WheelPickerItem.d.ts","sourceRoot":"","sources":["../../../../src/components/WheelPicker/WheelPickerItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"WheelPickerItem.d.ts","sourceRoot":"","sources":["../../../../src/components/WheelPicker/WheelPickerItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,oBAAoB;IAC7B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,iBAAS,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,QAAQ,CAAC,oBAAoB,CAAC,qBAQ9F;;AAED,wBAA2C"}
|
package/package.json
CHANGED