react-native-rectangle-doc-scanner 3.126.0 → 3.127.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/FullDocScanner.js +17 -13
  2. package/package.json +1 -1
  3. package/src/FullDocScanner.tsx +29 -24
package/dist/FullDocScanner.js CHANGED
@@ -574,18 +574,19 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
574
574
  styles.previewImage,
575
575
  { transform: [{ rotate: `${rotationDegrees}deg` }] }
576
576
  ], resizeMode: "contain" })) : null,
577
- croppedImageData.enhanced ? (react_1.default.createElement(react_native_1.TouchableOpacity, { style: [
578
- styles.originalToggleButton,
579
- croppedImageData.useOriginal
580
- ? styles.originalToggleButtonActive
581
- : styles.originalToggleButtonInactive,
582
- ], onPress: () => setCroppedImageData((prev) => prev ? { ...prev, useOriginal: !prev.useOriginal } : prev), accessibilityRole: "button", accessibilityLabel: mergedStrings.originalBtn },
583
- react_1.default.createElement(react_native_1.Text, { style: [
584
- styles.originalToggleButtonText,
577
+ croppedImageData.enhanced ? (react_1.default.createElement(react_native_1.View, { style: styles.originalToggleContainer },
578
+ react_1.default.createElement(react_native_1.TouchableOpacity, { style: [
579
+ styles.originalToggleButton,
585
580
  croppedImageData.useOriginal
586
- ? styles.originalToggleButtonTextActive
587
- : styles.originalToggleButtonTextInactive,
588
- ] }, mergedStrings.originalBtn))) : null,
581
+ ? styles.originalToggleButtonActive
582
+ : styles.originalToggleButtonInactive,
583
+ ], onPress: () => setCroppedImageData((prev) => prev ? { ...prev, useOriginal: !prev.useOriginal } : prev), accessibilityRole: "button", accessibilityLabel: mergedStrings.originalBtn },
584
+ react_1.default.createElement(react_native_1.Text, { style: [
585
+ styles.originalToggleButtonText,
586
+ croppedImageData.useOriginal
587
+ ? styles.originalToggleButtonTextActive
588
+ : styles.originalToggleButtonTextInactive,
589
+ ] }, mergedStrings.originalBtn)))) : null,
589
590
  react_1.default.createElement(react_native_1.View, { style: styles.confirmationButtons },
590
591
  react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styles.confirmButton, styles.retakeButton], onPress: handleRetake, accessibilityLabel: mergedStrings.retake, accessibilityRole: "button" },
591
592
  react_1.default.createElement(react_native_1.Text, { style: styles.confirmButtonText }, mergedStrings.retake)),
@@ -799,13 +800,16 @@ const styles = react_native_1.StyleSheet.create({
799
800
  },
800
801
  originalToggleButton: {
801
802
  alignSelf: 'center',
802
- marginTop: 12,
803
- marginBottom: 4,
804
803
  paddingVertical: 10,
805
804
  paddingHorizontal: 28,
806
805
  borderRadius: 999,
807
806
  borderWidth: 1,
808
807
  },
808
+ originalToggleContainer: {
809
+ alignItems: 'center',
810
+ marginTop: 16,
811
+ marginBottom: 20,
812
+ },
809
813
  originalToggleButtonActive: {
810
814
  backgroundColor: '#3170f3',
811
815
  borderColor: '#3170f3',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-native-rectangle-doc-scanner",
3
- "version": "3.126.0",
3
+ "version": "3.127.0",
4
4
  "description": "Native-backed document scanner for React Native with customizable overlays.",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
package/src/FullDocScanner.tsx CHANGED
@@ -834,32 +834,34 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
834
834
  />
835
835
  ) : null}
836
836
  {croppedImageData.enhanced ? (
837
- <TouchableOpacity
838
- style={[
839
- styles.originalToggleButton,
840
- croppedImageData.useOriginal
841
- ? styles.originalToggleButtonActive
842
- : styles.originalToggleButtonInactive,
843
- ]}
844
- onPress={() =>
845
- setCroppedImageData((prev) =>
846
- prev ? { ...prev, useOriginal: !prev.useOriginal } : prev,
847
- )
848
- }
849
- accessibilityRole="button"
850
- accessibilityLabel={mergedStrings.originalBtn}
851
- >
852
- <Text
837
+ <View style={styles.originalToggleContainer}>
838
+ <TouchableOpacity
853
839
  style={[
854
- styles.originalToggleButtonText,
840
+ styles.originalToggleButton,
855
841
  croppedImageData.useOriginal
856
- ? styles.originalToggleButtonTextActive
857
- : styles.originalToggleButtonTextInactive,
842
+ ? styles.originalToggleButtonActive
843
+ : styles.originalToggleButtonInactive,
858
844
  ]}
845
+ onPress={() =>
846
+ setCroppedImageData((prev) =>
847
+ prev ? { ...prev, useOriginal: !prev.useOriginal } : prev,
848
+ )
849
+ }
850
+ accessibilityRole="button"
851
+ accessibilityLabel={mergedStrings.originalBtn}
859
852
  >
860
- {mergedStrings.originalBtn}
861
- </Text>
862
- </TouchableOpacity>
853
+ <Text
854
+ style={[
855
+ styles.originalToggleButtonText,
856
+ croppedImageData.useOriginal
857
+ ? styles.originalToggleButtonTextActive
858
+ : styles.originalToggleButtonTextInactive,
859
+ ]}
860
+ >
861
+ {mergedStrings.originalBtn}
862
+ </Text>
863
+ </TouchableOpacity>
864
+ </View>
863
865
  ) : null}
864
866
  <View style={styles.confirmationButtons}>
865
867
  <TouchableOpacity
@@ -1168,13 +1170,16 @@ const styles = StyleSheet.create({
1168
1170
  },
1169
1171
  originalToggleButton: {
1170
1172
  alignSelf: 'center',
1171
- marginTop: 12,
1172
- marginBottom: 4,
1173
1173
  paddingVertical: 10,
1174
1174
  paddingHorizontal: 28,
1175
1175
  borderRadius: 999,
1176
1176
  borderWidth: 1,
1177
1177
  },
1178
+ originalToggleContainer: {
1179
+ alignItems: 'center',
1180
+ marginTop: 16,
1181
+ marginBottom: 20,
1182
+ },
1178
1183
  originalToggleButtonActive: {
1179
1184
  backgroundColor: '#3170f3',
1180
1185
  borderColor: '#3170f3',