react-native-rectangle-doc-scanner 0.51.0 → 0.52.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.
Files changed (3) hide show
  1. package/dist/CropEditor.js +6 -10
  2. package/package.json +1 -1
  3. package/src/CropEditor.tsx +29 -29
package/dist/CropEditor.js CHANGED
@@ -97,17 +97,13 @@ const CropEditor = ({ document, overlayColor = 'rgba(0,0,0,0.5)', overlayStrokeC
97
97
  };
98
98
  onCropChange?.(rect);
99
99
  }, [imageSize, onCropChange]);
100
- // Wait for image to load to get dimensions
101
- if (!imageSize || isImageLoading) {
102
- return (react_1.default.createElement(react_native_1.View, { style: [styles.container, styles.loadingContainer], onLayout: handleLayout },
103
- react_1.default.createElement(react_native_1.Image, { source: { uri: `file://${document.path}` }, style: styles.hiddenImage, onLoad: handleImageLoad, onError: (error) => {
104
- console.error('Image load error:', error);
105
- setIsImageLoading(false);
106
- }, resizeMode: "contain" }),
107
- react_1.default.createElement(react_native_1.ActivityIndicator, { size: "large", color: handlerColor })));
108
- }
109
100
  return (react_1.default.createElement(react_native_1.View, { style: styles.container, onLayout: handleLayout },
110
- react_1.default.createElement(react_native_perspective_image_cropper_1.default, { height: displaySize.height, width: displaySize.width, image: `file://${document.path}`, rectangleCoordinates: getInitialRectangle(), overlayColor: overlayColor, overlayStrokeColor: overlayStrokeColor, handlerColor: handlerColor, enablePanStrict: enablePanStrict, onDragEnd: handleDragEnd })));
101
+ react_1.default.createElement(react_native_1.Image, { source: { uri: `file://${document.path}` }, style: styles.hiddenImage, onLoad: handleImageLoad, onError: (error) => {
102
+ console.error('Image load error:', error);
103
+ setIsImageLoading(false);
104
+ }, resizeMode: "contain" }),
105
+ !imageSize || isImageLoading ? (react_1.default.createElement(react_native_1.View, { style: styles.loadingContainer },
106
+ react_1.default.createElement(react_native_1.ActivityIndicator, { size: "large", color: handlerColor }))) : (react_1.default.createElement(react_native_perspective_image_cropper_1.default, { height: displaySize.height, width: displaySize.width, image: `file://${document.path}`, rectangleCoordinates: getInitialRectangle(), overlayColor: overlayColor, overlayStrokeColor: overlayStrokeColor, handlerColor: handlerColor, enablePanStrict: enablePanStrict, onDragEnd: handleDragEnd }))));
111
107
  };
112
108
  exports.CropEditor = CropEditor;
113
109
  const styles = react_native_1.StyleSheet.create({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-native-rectangle-doc-scanner",
3
- "version": "0.51.0",
3
+ "version": "0.52.0",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "repository": {
package/src/CropEditor.tsx CHANGED
@@ -93,38 +93,38 @@ export const CropEditor: React.FC<CropEditorProps> = ({
93
93
  onCropChange?.(rect);
94
94
  }, [imageSize, onCropChange]);
95
95
 
96
- // Wait for image to load to get dimensions
97
- if (!imageSize || isImageLoading) {
98
- return (
99
- <View style={[styles.container, styles.loadingContainer]} onLayout={handleLayout}>
100
- <Image
101
- source={{ uri: `file://${document.path}` }}
102
- style={styles.hiddenImage}
103
- onLoad={handleImageLoad}
104
- onError={(error) => {
105
- console.error('Image load error:', error);
106
- setIsImageLoading(false);
107
- }}
108
- resizeMode="contain"
109
- />
110
- <ActivityIndicator size="large" color={handlerColor} />
111
- </View>
112
- );
113
- }
114
-
115
96
  return (
116
97
  <View style={styles.container} onLayout={handleLayout}>
117
- <CustomImageCropper
118
- height={displaySize.height}
119
- width={displaySize.width}
120
- image={`file://${document.path}`}
121
- rectangleCoordinates={getInitialRectangle()}
122
- overlayColor={overlayColor}
123
- overlayStrokeColor={overlayStrokeColor}
124
- handlerColor={handlerColor}
125
- enablePanStrict={enablePanStrict}
126
- onDragEnd={handleDragEnd}
98
+ {/* Always load the hidden image to get dimensions */}
99
+ <Image
100
+ source={{ uri: `file://${document.path}` }}
101
+ style={styles.hiddenImage}
102
+ onLoad={handleImageLoad}
103
+ onError={(error) => {
104
+ console.error('Image load error:', error);
105
+ setIsImageLoading(false);
106
+ }}
107
+ resizeMode="contain"
127
108
  />
109
+
110
+ {/* Show loading or cropper */}
111
+ {!imageSize || isImageLoading ? (
112
+ <View style={styles.loadingContainer}>
113
+ <ActivityIndicator size="large" color={handlerColor} />
114
+ </View>
115
+ ) : (
116
+ <CustomImageCropper
117
+ height={displaySize.height}
118
+ width={displaySize.width}
119
+ image={`file://${document.path}`}
120
+ rectangleCoordinates={getInitialRectangle()}
121
+ overlayColor={overlayColor}
122
+ overlayStrokeColor={overlayStrokeColor}
123
+ handlerColor={handlerColor}
124
+ enablePanStrict={enablePanStrict}
125
+ onDragEnd={handleDragEnd}
126
+ />
127
+ )}
128
128
  </View>
129
129
  );
130
130
  };