@chem-po/react-native 0.0.26 → 0.0.27

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.
Files changed (43) hide show
  1. package/lib/commonjs/components/form/input/file/index.js +53 -6
  2. package/lib/commonjs/components/form/input/file/index.js.map +1 -1
  3. package/lib/commonjs/components/image/ImageViewModal.js +52 -2
  4. package/lib/commonjs/components/image/ImageViewModal.js.map +1 -1
  5. package/lib/commonjs/components/loading/LoadingImage.js +8 -2
  6. package/lib/commonjs/components/loading/LoadingImage.js.map +1 -1
  7. package/lib/commonjs/utils/downloadFile.js +43 -0
  8. package/lib/commonjs/utils/downloadFile.js.map +1 -0
  9. package/lib/module/components/form/input/file/index.js +54 -7
  10. package/lib/module/components/form/input/file/index.js.map +1 -1
  11. package/lib/module/components/image/ImageViewModal.js +53 -3
  12. package/lib/module/components/image/ImageViewModal.js.map +1 -1
  13. package/lib/module/components/loading/LoadingImage.js +8 -2
  14. package/lib/module/components/loading/LoadingImage.js.map +1 -1
  15. package/lib/module/utils/downloadFile.js +35 -0
  16. package/lib/module/utils/downloadFile.js.map +1 -0
  17. package/lib/typescript/components/form/input/file/index.d.ts +2 -1
  18. package/lib/typescript/components/form/input/file/index.d.ts.map +1 -1
  19. package/lib/typescript/components/image/ImageViewModal.d.ts +3 -0
  20. package/lib/typescript/components/image/ImageViewModal.d.ts.map +1 -1
  21. package/lib/typescript/components/loading/LoadingImage.d.ts +4 -1
  22. package/lib/typescript/components/loading/LoadingImage.d.ts.map +1 -1
  23. package/lib/typescript/utils/downloadFile.d.ts +4 -0
  24. package/lib/typescript/utils/downloadFile.d.ts.map +1 -0
  25. package/package.json +4 -3
  26. package/src/components/form/input/file/index.tsx +52 -3
  27. package/src/components/image/ImageViewModal.tsx +57 -2
  28. package/src/components/loading/LoadingImage.tsx +16 -1
  29. package/src/utils/downloadFile.ts +36 -0
  30. package/lib/commonjs/components/image/ImageViewModal.backup.js +0 -285
  31. package/lib/commonjs/components/image/ImageViewModal.backup.js.map +0 -1
  32. package/lib/commonjs/components/image/ImageViewModal.old.js +0 -285
  33. package/lib/commonjs/components/image/ImageViewModal.old.js.map +0 -1
  34. package/lib/module/components/image/ImageViewModal.backup.js +0 -277
  35. package/lib/module/components/image/ImageViewModal.backup.js.map +0 -1
  36. package/lib/module/components/image/ImageViewModal.old.js +0 -277
  37. package/lib/module/components/image/ImageViewModal.old.js.map +0 -1
  38. package/lib/typescript/components/image/ImageViewModal.backup.d.ts +0 -9
  39. package/lib/typescript/components/image/ImageViewModal.backup.d.ts.map +0 -1
  40. package/lib/typescript/components/image/ImageViewModal.old.d.ts +0 -9
  41. package/lib/typescript/components/image/ImageViewModal.old.d.ts.map +0 -1
  42. package/src/components/image/ImageViewModal.backup.tsx +0 -261
  43. package/src/components/image/ImageViewModal.old.tsx +0 -261
@@ -1,277 +0,0 @@
1
- import { useScreen } from '@chem-po/react';
2
- import { Ionicons } from '@expo/vector-icons';
3
- import React, { useCallback, useMemo, useRef, useState } from 'react';
4
- import { Animated, Image, Modal, StyleSheet, TouchableOpacity, View } from 'react-native';
5
- import { Gesture, GestureDetector, GestureHandlerRootView } from 'react-native-gesture-handler';
6
- import { LoadingLogo } from '../loading/Loading';
7
- export const ImageViewModal = ({
8
- isOpen,
9
- onClose,
10
- src
11
- }) => {
12
- const [loading, setLoading] = useState(true);
13
- const screenWidth = useScreen(s => s.width);
14
- const screenHeight = useScreen(s => s.height);
15
- const [imageSize, setImageSize] = useState({
16
- width: screenWidth / 2,
17
- height: screenHeight / 2
18
- });
19
-
20
- // Animated values for zoom and pan
21
- const scale = useRef(new Animated.Value(1)).current;
22
- const translateX = useRef(new Animated.Value(0)).current;
23
- const translateY = useRef(new Animated.Value(0)).current;
24
-
25
- // Gesture state
26
- const savedScale = useRef(1);
27
- const savedTranslateX = useRef(0);
28
- const savedTranslateY = useRef(0);
29
- const currentScale = useRef(1);
30
- const currentTranslateX = useRef(0);
31
- const currentTranslateY = useRef(0);
32
- const {
33
- height,
34
- width
35
- } = useMemo(() => {
36
- if (loading) return imageSize;
37
- const ratio = imageSize.width / imageSize.height;
38
- let h = Math.min(imageSize.height, screenHeight * 0.9);
39
- let w = h * ratio;
40
- if (w > screenWidth * 0.9) {
41
- w = Math.min(imageSize.width, screenWidth * 0.9);
42
- h = w / ratio;
43
- }
44
- return {
45
- height: h,
46
- width: w
47
- };
48
- }, [screenHeight, screenWidth, imageSize, loading]);
49
- const onLoadStart = useCallback(() => setLoading(true), []);
50
- const onLoad = useCallback(e => {
51
- const {
52
- width: naturalWidth,
53
- height: naturalHeight
54
- } = e.nativeEvent.source;
55
- setImageSize({
56
- width: naturalWidth,
57
- height: naturalHeight
58
- });
59
- setLoading(false);
60
- }, []);
61
-
62
- // Reset zoom and pan when modal opens/closes
63
- const resetTransform = useCallback(() => {
64
- scale.setValue(1);
65
- translateX.setValue(0);
66
- translateY.setValue(0);
67
- savedScale.current = 1;
68
- savedTranslateX.current = 0;
69
- savedTranslateY.current = 0;
70
- currentScale.current = 1;
71
- currentTranslateX.current = 0;
72
- currentTranslateY.current = 0;
73
- }, [scale, translateX, translateY]);
74
-
75
- // Reset when modal closes or src changes
76
- React.useEffect(() => {
77
- if (!isOpen || !src) {
78
- resetTransform();
79
- }
80
- }, [isOpen, src, resetTransform]);
81
-
82
- // Pan gesture
83
- const panGesture = Gesture.Pan().onUpdate(event => {
84
- // Only allow panning if zoomed in
85
- if (savedScale.current > 1) {
86
- const newTranslateX = savedTranslateX.current + event.translationX;
87
- const newTranslateY = savedTranslateY.current + event.translationY;
88
-
89
- // Calculate bounds to prevent panning too far
90
- const maxTranslateX = (width * savedScale.current - width) / 2;
91
- const maxTranslateY = (height * savedScale.current - height) / 2;
92
- const boundedTranslateX = Math.max(-maxTranslateX, Math.min(maxTranslateX, newTranslateX));
93
- const boundedTranslateY = Math.max(-maxTranslateY, Math.min(maxTranslateY, newTranslateY));
94
- translateX.setValue(boundedTranslateX);
95
- translateY.setValue(boundedTranslateY);
96
- currentTranslateX.current = boundedTranslateX;
97
- currentTranslateY.current = boundedTranslateY;
98
- }
99
- }).onEnd(() => {
100
- savedTranslateX.current = currentTranslateX.current;
101
- savedTranslateY.current = currentTranslateY.current;
102
- });
103
-
104
- // Pinch gesture
105
- const pinchGesture = Gesture.Pinch().onUpdate(event => {
106
- const newScale = savedScale.current * event.scale;
107
- // Limit zoom between 1x and 5x
108
- const boundedScale = Math.max(1, Math.min(5, newScale));
109
- scale.setValue(boundedScale);
110
- currentScale.current = boundedScale;
111
-
112
- // If zooming out to 1x, reset position
113
- if (boundedScale <= 1) {
114
- translateX.setValue(0);
115
- translateY.setValue(0);
116
- currentTranslateX.current = 0;
117
- currentTranslateY.current = 0;
118
- }
119
- }).onEnd(() => {
120
- savedScale.current = currentScale.current;
121
- // If scale is close to 1, snap back to 1
122
- if (savedScale.current < 1.1) {
123
- Animated.parallel([Animated.spring(scale, {
124
- toValue: 1,
125
- useNativeDriver: true
126
- }), Animated.spring(translateX, {
127
- toValue: 0,
128
- useNativeDriver: true
129
- }), Animated.spring(translateY, {
130
- toValue: 0,
131
- useNativeDriver: true
132
- })]).start();
133
- savedScale.current = 1;
134
- savedTranslateX.current = 0;
135
- savedTranslateY.current = 0;
136
- currentScale.current = 1;
137
- currentTranslateX.current = 0;
138
- currentTranslateY.current = 0;
139
- } else {
140
- savedTranslateX.current = currentTranslateX.current;
141
- savedTranslateY.current = currentTranslateY.current;
142
- }
143
- });
144
-
145
- // Double tap to zoom
146
- const doubleTapGesture = Gesture.Tap().numberOfTaps(2).onEnd(() => {
147
- if (savedScale.current > 1) {
148
- // Zoom out
149
- Animated.parallel([Animated.spring(scale, {
150
- toValue: 1,
151
- useNativeDriver: true
152
- }), Animated.spring(translateX, {
153
- toValue: 0,
154
- useNativeDriver: true
155
- }), Animated.spring(translateY, {
156
- toValue: 0,
157
- useNativeDriver: true
158
- })]).start();
159
- savedScale.current = 1;
160
- savedTranslateX.current = 0;
161
- savedTranslateY.current = 0;
162
- currentScale.current = 1;
163
- currentTranslateX.current = 0;
164
- currentTranslateY.current = 0;
165
- } else {
166
- // Zoom in to 2x
167
- Animated.spring(scale, {
168
- toValue: 2,
169
- useNativeDriver: true
170
- }).start();
171
- savedScale.current = 2;
172
- currentScale.current = 2;
173
- }
174
- });
175
-
176
- // Test simple single tap gesture
177
-
178
- // Combine gestures - simplified approach
179
- const combinedGestures = Gesture.Race(doubleTapGesture, Gesture.Simultaneous(panGesture, pinchGesture));
180
- if (!isOpen) {
181
- return null;
182
- }
183
- return /*#__PURE__*/React.createElement(Modal, {
184
- visible: isOpen,
185
- transparent: true,
186
- animationType: "fade",
187
- onRequestClose: onClose
188
- }, /*#__PURE__*/React.createElement(GestureHandlerRootView, {
189
- style: styles.gestureRoot
190
- }, /*#__PURE__*/React.createElement(View, {
191
- style: styles.modalOverlay
192
- }, /*#__PURE__*/React.createElement(TouchableOpacity, {
193
- style: styles.backgroundTouchable,
194
- activeOpacity: 1,
195
- onPress: onClose
196
- }), /*#__PURE__*/React.createElement(View, {
197
- style: styles.contentContainer
198
- }, /*#__PURE__*/React.createElement(GestureDetector, {
199
- gesture: combinedGestures
200
- }, /*#__PURE__*/React.createElement(Animated.View, {
201
- style: [styles.imageContainer, {
202
- width,
203
- height,
204
- opacity: loading ? 0 : 1,
205
- transform: [{
206
- scale
207
- }, {
208
- translateX
209
- }, {
210
- translateY
211
- }]
212
- }]
213
- }, /*#__PURE__*/React.createElement(Image, {
214
- source: src ? {
215
- uri: src
216
- } : undefined,
217
- style: styles.image,
218
- onLoadStart: onLoadStart,
219
- onLoad: onLoad,
220
- resizeMode: "contain"
221
- }))), /*#__PURE__*/React.createElement(TouchableOpacity, {
222
- style: styles.closeButton,
223
- onPress: onClose
224
- }, /*#__PURE__*/React.createElement(Ionicons, {
225
- name: "close",
226
- size: 24,
227
- color: "white"
228
- })), loading || !src ? /*#__PURE__*/React.createElement(View, {
229
- style: styles.loadingContainer
230
- }, /*#__PURE__*/React.createElement(LoadingLogo, {
231
- isLoading: loading,
232
- size: 70
233
- })) : null))));
234
- };
235
- const styles = StyleSheet.create({
236
- gestureRoot: {
237
- flex: 1
238
- },
239
- modalOverlay: {
240
- flex: 1,
241
- backgroundColor: 'rgba(0, 0, 0, 0.7)'
242
- },
243
- backgroundTouchable: {
244
- ...StyleSheet.absoluteFillObject
245
- },
246
- contentContainer: {
247
- flex: 1,
248
- justifyContent: 'center',
249
- alignItems: 'center',
250
- padding: 16
251
- },
252
- imageContainer: {
253
- overflow: 'hidden',
254
- borderRadius: 4
255
- },
256
- image: {
257
- width: '100%',
258
- height: '100%'
259
- },
260
- closeButton: {
261
- position: 'absolute',
262
- top: 16,
263
- right: 16,
264
- width: 40,
265
- height: 40,
266
- borderRadius: 20,
267
- backgroundColor: 'rgba(0, 0, 0, 0.5)',
268
- justifyContent: 'center',
269
- alignItems: 'center'
270
- },
271
- loadingContainer: {
272
- ...StyleSheet.absoluteFillObject,
273
- justifyContent: 'center',
274
- alignItems: 'center'
275
- }
276
- });
277
- //# sourceMappingURL=ImageViewModal.backup.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["useScreen","Ionicons","React","useCallback","useMemo","useRef","useState","Animated","Image","Modal","StyleSheet","TouchableOpacity","View","Gesture","GestureDetector","GestureHandlerRootView","LoadingLogo","ImageViewModal","isOpen","onClose","src","loading","setLoading","screenWidth","s","width","screenHeight","height","imageSize","setImageSize","scale","Value","current","translateX","translateY","savedScale","savedTranslateX","savedTranslateY","currentScale","currentTranslateX","currentTranslateY","ratio","h","Math","min","w","onLoadStart","onLoad","e","naturalWidth","naturalHeight","nativeEvent","source","resetTransform","setValue","useEffect","panGesture","Pan","onUpdate","event","newTranslateX","translationX","newTranslateY","translationY","maxTranslateX","maxTranslateY","boundedTranslateX","max","boundedTranslateY","onEnd","pinchGesture","Pinch","newScale","boundedScale","parallel","spring","toValue","useNativeDriver","start","doubleTapGesture","Tap","numberOfTaps","combinedGestures","Race","Simultaneous","createElement","visible","transparent","animationType","onRequestClose","style","styles","gestureRoot","modalOverlay","backgroundTouchable","activeOpacity","onPress","contentContainer","gesture","imageContainer","opacity","transform","uri","undefined","image","resizeMode","closeButton","name","size","color","loadingContainer","isLoading","create","flex","backgroundColor","absoluteFillObject","justifyContent","alignItems","padding","overflow","borderRadius","position","top","right"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/image/ImageViewModal.backup.tsx"],"mappings":"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","ignoreList":[]}
@@ -1,277 +0,0 @@
1
- import { useScreen } from '@chem-po/react';
2
- import { Ionicons } from '@expo/vector-icons';
3
- import React, { useCallback, useMemo, useRef, useState } from 'react';
4
- import { Animated, Image, Modal, StyleSheet, TouchableOpacity, View } from 'react-native';
5
- import { Gesture, GestureDetector, GestureHandlerRootView } from 'react-native-gesture-handler';
6
- import { LoadingLogo } from '../loading/Loading';
7
- export const ImageViewModal = ({
8
- isOpen,
9
- onClose,
10
- src
11
- }) => {
12
- const [loading, setLoading] = useState(true);
13
- const screenWidth = useScreen(s => s.width);
14
- const screenHeight = useScreen(s => s.height);
15
- const [imageSize, setImageSize] = useState({
16
- width: screenWidth / 2,
17
- height: screenHeight / 2
18
- });
19
-
20
- // Animated values for zoom and pan
21
- const scale = useRef(new Animated.Value(1)).current;
22
- const translateX = useRef(new Animated.Value(0)).current;
23
- const translateY = useRef(new Animated.Value(0)).current;
24
-
25
- // Gesture state
26
- const savedScale = useRef(1);
27
- const savedTranslateX = useRef(0);
28
- const savedTranslateY = useRef(0);
29
- const currentScale = useRef(1);
30
- const currentTranslateX = useRef(0);
31
- const currentTranslateY = useRef(0);
32
- const {
33
- height,
34
- width
35
- } = useMemo(() => {
36
- if (loading) return imageSize;
37
- const ratio = imageSize.width / imageSize.height;
38
- let h = Math.min(imageSize.height, screenHeight * 0.9);
39
- let w = h * ratio;
40
- if (w > screenWidth * 0.9) {
41
- w = Math.min(imageSize.width, screenWidth * 0.9);
42
- h = w / ratio;
43
- }
44
- return {
45
- height: h,
46
- width: w
47
- };
48
- }, [screenHeight, screenWidth, imageSize, loading]);
49
- const onLoadStart = useCallback(() => setLoading(true), []);
50
- const onLoad = useCallback(e => {
51
- const {
52
- width: naturalWidth,
53
- height: naturalHeight
54
- } = e.nativeEvent.source;
55
- setImageSize({
56
- width: naturalWidth,
57
- height: naturalHeight
58
- });
59
- setLoading(false);
60
- }, []);
61
-
62
- // Reset zoom and pan when modal opens/closes
63
- const resetTransform = useCallback(() => {
64
- scale.setValue(1);
65
- translateX.setValue(0);
66
- translateY.setValue(0);
67
- savedScale.current = 1;
68
- savedTranslateX.current = 0;
69
- savedTranslateY.current = 0;
70
- currentScale.current = 1;
71
- currentTranslateX.current = 0;
72
- currentTranslateY.current = 0;
73
- }, [scale, translateX, translateY]);
74
-
75
- // Reset when modal closes or src changes
76
- React.useEffect(() => {
77
- if (!isOpen || !src) {
78
- resetTransform();
79
- }
80
- }, [isOpen, src, resetTransform]);
81
-
82
- // Pan gesture
83
- const panGesture = Gesture.Pan().onUpdate(event => {
84
- // Only allow panning if zoomed in
85
- if (savedScale.current > 1) {
86
- const newTranslateX = savedTranslateX.current + event.translationX;
87
- const newTranslateY = savedTranslateY.current + event.translationY;
88
-
89
- // Calculate bounds to prevent panning too far
90
- const maxTranslateX = (width * savedScale.current - width) / 2;
91
- const maxTranslateY = (height * savedScale.current - height) / 2;
92
- const boundedTranslateX = Math.max(-maxTranslateX, Math.min(maxTranslateX, newTranslateX));
93
- const boundedTranslateY = Math.max(-maxTranslateY, Math.min(maxTranslateY, newTranslateY));
94
- translateX.setValue(boundedTranslateX);
95
- translateY.setValue(boundedTranslateY);
96
- currentTranslateX.current = boundedTranslateX;
97
- currentTranslateY.current = boundedTranslateY;
98
- }
99
- }).onEnd(() => {
100
- savedTranslateX.current = currentTranslateX.current;
101
- savedTranslateY.current = currentTranslateY.current;
102
- });
103
-
104
- // Pinch gesture
105
- const pinchGesture = Gesture.Pinch().onUpdate(event => {
106
- const newScale = savedScale.current * event.scale;
107
- // Limit zoom between 1x and 5x
108
- const boundedScale = Math.max(1, Math.min(5, newScale));
109
- scale.setValue(boundedScale);
110
- currentScale.current = boundedScale;
111
-
112
- // If zooming out to 1x, reset position
113
- if (boundedScale <= 1) {
114
- translateX.setValue(0);
115
- translateY.setValue(0);
116
- currentTranslateX.current = 0;
117
- currentTranslateY.current = 0;
118
- }
119
- }).onEnd(() => {
120
- savedScale.current = currentScale.current;
121
- // If scale is close to 1, snap back to 1
122
- if (savedScale.current < 1.1) {
123
- Animated.parallel([Animated.spring(scale, {
124
- toValue: 1,
125
- useNativeDriver: true
126
- }), Animated.spring(translateX, {
127
- toValue: 0,
128
- useNativeDriver: true
129
- }), Animated.spring(translateY, {
130
- toValue: 0,
131
- useNativeDriver: true
132
- })]).start();
133
- savedScale.current = 1;
134
- savedTranslateX.current = 0;
135
- savedTranslateY.current = 0;
136
- currentScale.current = 1;
137
- currentTranslateX.current = 0;
138
- currentTranslateY.current = 0;
139
- } else {
140
- savedTranslateX.current = currentTranslateX.current;
141
- savedTranslateY.current = currentTranslateY.current;
142
- }
143
- });
144
-
145
- // Double tap to zoom
146
- const doubleTapGesture = Gesture.Tap().numberOfTaps(2).onEnd(() => {
147
- if (savedScale.current > 1) {
148
- // Zoom out
149
- Animated.parallel([Animated.spring(scale, {
150
- toValue: 1,
151
- useNativeDriver: true
152
- }), Animated.spring(translateX, {
153
- toValue: 0,
154
- useNativeDriver: true
155
- }), Animated.spring(translateY, {
156
- toValue: 0,
157
- useNativeDriver: true
158
- })]).start();
159
- savedScale.current = 1;
160
- savedTranslateX.current = 0;
161
- savedTranslateY.current = 0;
162
- currentScale.current = 1;
163
- currentTranslateX.current = 0;
164
- currentTranslateY.current = 0;
165
- } else {
166
- // Zoom in to 2x
167
- Animated.spring(scale, {
168
- toValue: 2,
169
- useNativeDriver: true
170
- }).start();
171
- savedScale.current = 2;
172
- currentScale.current = 2;
173
- }
174
- });
175
-
176
- // Test simple single tap gesture
177
-
178
- // Combine gestures - simplified approach
179
- const combinedGestures = Gesture.Race(doubleTapGesture, Gesture.Simultaneous(panGesture, pinchGesture));
180
- if (!isOpen) {
181
- return null;
182
- }
183
- return /*#__PURE__*/React.createElement(Modal, {
184
- visible: isOpen,
185
- transparent: true,
186
- animationType: "fade",
187
- onRequestClose: onClose
188
- }, /*#__PURE__*/React.createElement(GestureHandlerRootView, {
189
- style: styles.gestureRoot
190
- }, /*#__PURE__*/React.createElement(View, {
191
- style: styles.modalOverlay
192
- }, /*#__PURE__*/React.createElement(TouchableOpacity, {
193
- style: styles.backgroundTouchable,
194
- activeOpacity: 1,
195
- onPress: onClose
196
- }), /*#__PURE__*/React.createElement(View, {
197
- style: styles.contentContainer
198
- }, /*#__PURE__*/React.createElement(GestureDetector, {
199
- gesture: combinedGestures
200
- }, /*#__PURE__*/React.createElement(Animated.View, {
201
- style: [styles.imageContainer, {
202
- width,
203
- height,
204
- opacity: loading ? 0 : 1,
205
- transform: [{
206
- scale
207
- }, {
208
- translateX
209
- }, {
210
- translateY
211
- }]
212
- }]
213
- }, /*#__PURE__*/React.createElement(Image, {
214
- source: src ? {
215
- uri: src
216
- } : undefined,
217
- style: styles.image,
218
- onLoadStart: onLoadStart,
219
- onLoad: onLoad,
220
- resizeMode: "contain"
221
- }))), /*#__PURE__*/React.createElement(TouchableOpacity, {
222
- style: styles.closeButton,
223
- onPress: onClose
224
- }, /*#__PURE__*/React.createElement(Ionicons, {
225
- name: "close",
226
- size: 24,
227
- color: "white"
228
- })), loading || !src ? /*#__PURE__*/React.createElement(View, {
229
- style: styles.loadingContainer
230
- }, /*#__PURE__*/React.createElement(LoadingLogo, {
231
- isLoading: loading,
232
- size: 70
233
- })) : null))));
234
- };
235
- const styles = StyleSheet.create({
236
- gestureRoot: {
237
- flex: 1
238
- },
239
- modalOverlay: {
240
- flex: 1,
241
- backgroundColor: 'rgba(0, 0, 0, 0.7)'
242
- },
243
- backgroundTouchable: {
244
- ...StyleSheet.absoluteFillObject
245
- },
246
- contentContainer: {
247
- flex: 1,
248
- justifyContent: 'center',
249
- alignItems: 'center',
250
- padding: 16
251
- },
252
- imageContainer: {
253
- overflow: 'hidden',
254
- borderRadius: 4
255
- },
256
- image: {
257
- width: '100%',
258
- height: '100%'
259
- },
260
- closeButton: {
261
- position: 'absolute',
262
- top: 16,
263
- right: 16,
264
- width: 40,
265
- height: 40,
266
- borderRadius: 20,
267
- backgroundColor: 'rgba(0, 0, 0, 0.5)',
268
- justifyContent: 'center',
269
- alignItems: 'center'
270
- },
271
- loadingContainer: {
272
- ...StyleSheet.absoluteFillObject,
273
- justifyContent: 'center',
274
- alignItems: 'center'
275
- }
276
- });
277
- //# sourceMappingURL=ImageViewModal.old.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["useScreen","Ionicons","React","useCallback","useMemo","useRef","useState","Animated","Image","Modal","StyleSheet","TouchableOpacity","View","Gesture","GestureDetector","GestureHandlerRootView","LoadingLogo","ImageViewModal","isOpen","onClose","src","loading","setLoading","screenWidth","s","width","screenHeight","height","imageSize","setImageSize","scale","Value","current","translateX","translateY","savedScale","savedTranslateX","savedTranslateY","currentScale","currentTranslateX","currentTranslateY","ratio","h","Math","min","w","onLoadStart","onLoad","e","naturalWidth","naturalHeight","nativeEvent","source","resetTransform","setValue","useEffect","panGesture","Pan","onUpdate","event","newTranslateX","translationX","newTranslateY","translationY","maxTranslateX","maxTranslateY","boundedTranslateX","max","boundedTranslateY","onEnd","pinchGesture","Pinch","newScale","boundedScale","parallel","spring","toValue","useNativeDriver","start","doubleTapGesture","Tap","numberOfTaps","combinedGestures","Race","Simultaneous","createElement","visible","transparent","animationType","onRequestClose","style","styles","gestureRoot","modalOverlay","backgroundTouchable","activeOpacity","onPress","contentContainer","gesture","imageContainer","opacity","transform","uri","undefined","image","resizeMode","closeButton","name","size","color","loadingContainer","isLoading","create","flex","backgroundColor","absoluteFillObject","justifyContent","alignItems","padding","overflow","borderRadius","position","top","right"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/image/ImageViewModal.old.tsx"],"mappings":"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","ignoreList":[]}
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- interface ImageViewModalProps {
3
- isOpen: boolean;
4
- onClose: () => void;
5
- src: string | null;
6
- }
7
- export declare const ImageViewModal: React.FC<ImageViewModalProps>;
8
- export {};
9
- //# sourceMappingURL=ImageViewModal.backup.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ImageViewModal.backup.d.ts","sourceRoot":"","sources":["../../../../src/components/image/ImageViewModal.backup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiD,MAAM,OAAO,CAAA;AAKrE,UAAU,mBAAmB;IAC3B,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4MxD,CAAA"}
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- interface ImageViewModalProps {
3
- isOpen: boolean;
4
- onClose: () => void;
5
- src: string | null;
6
- }
7
- export declare const ImageViewModal: React.FC<ImageViewModalProps>;
8
- export {};
9
- //# sourceMappingURL=ImageViewModal.old.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ImageViewModal.old.d.ts","sourceRoot":"","sources":["../../../../src/components/image/ImageViewModal.old.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiD,MAAM,OAAO,CAAA;AAKrE,UAAU,mBAAmB;IAC3B,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4MxD,CAAA"}