react-native-rectangle-doc-scanner 3.124.0 → 3.126.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/dist/FullDocScanner.js +23 -14
- package/package.json +1 -1
- package/src/FullDocScanner.tsx +23 -14
package/dist/FullDocScanner.js
CHANGED
|
@@ -97,9 +97,9 @@ async function withTimeout(factory) {
|
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
99
|
const AUTO_ENHANCE_PARAMS = {
|
|
100
|
-
brightness: 0.
|
|
101
|
-
contrast: 1.
|
|
102
|
-
saturation: 0.
|
|
100
|
+
brightness: 0.18,
|
|
101
|
+
contrast: 1.12,
|
|
102
|
+
saturation: 0.78,
|
|
103
103
|
};
|
|
104
104
|
const normalizeCapturedDocument = (document) => {
|
|
105
105
|
const { origin: _origin, ...rest } = document;
|
|
@@ -576,11 +576,15 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
|
|
|
576
576
|
], resizeMode: "contain" })) : null,
|
|
577
577
|
croppedImageData.enhanced ? (react_1.default.createElement(react_native_1.TouchableOpacity, { style: [
|
|
578
578
|
styles.originalToggleButton,
|
|
579
|
-
croppedImageData.useOriginal
|
|
579
|
+
croppedImageData.useOriginal
|
|
580
|
+
? styles.originalToggleButtonActive
|
|
581
|
+
: styles.originalToggleButtonInactive,
|
|
580
582
|
], onPress: () => setCroppedImageData((prev) => prev ? { ...prev, useOriginal: !prev.useOriginal } : prev), accessibilityRole: "button", accessibilityLabel: mergedStrings.originalBtn },
|
|
581
583
|
react_1.default.createElement(react_native_1.Text, { style: [
|
|
582
584
|
styles.originalToggleButtonText,
|
|
583
|
-
croppedImageData.useOriginal
|
|
585
|
+
croppedImageData.useOriginal
|
|
586
|
+
? styles.originalToggleButtonTextActive
|
|
587
|
+
: styles.originalToggleButtonTextInactive,
|
|
584
588
|
] }, mergedStrings.originalBtn))) : null,
|
|
585
589
|
react_1.default.createElement(react_native_1.View, { style: styles.confirmationButtons },
|
|
586
590
|
react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styles.confirmButton, styles.retakeButton], onPress: handleRetake, accessibilityLabel: mergedStrings.retake, accessibilityRole: "button" },
|
|
@@ -795,26 +799,31 @@ const styles = react_native_1.StyleSheet.create({
|
|
|
795
799
|
},
|
|
796
800
|
originalToggleButton: {
|
|
797
801
|
alignSelf: 'center',
|
|
798
|
-
marginTop:
|
|
802
|
+
marginTop: 12,
|
|
803
|
+
marginBottom: 4,
|
|
799
804
|
paddingVertical: 10,
|
|
800
|
-
paddingHorizontal:
|
|
801
|
-
borderRadius:
|
|
805
|
+
paddingHorizontal: 28,
|
|
806
|
+
borderRadius: 999,
|
|
802
807
|
borderWidth: 1,
|
|
803
|
-
borderColor: 'rgba(255,255,255,0.4)',
|
|
804
|
-
backgroundColor: 'rgba(30,30,30,0.7)',
|
|
805
808
|
},
|
|
806
809
|
originalToggleButtonActive: {
|
|
807
|
-
backgroundColor: '
|
|
808
|
-
borderColor: '#
|
|
810
|
+
backgroundColor: '#3170f3',
|
|
811
|
+
borderColor: '#3170f3',
|
|
812
|
+
},
|
|
813
|
+
originalToggleButtonInactive: {
|
|
814
|
+
backgroundColor: 'rgba(255,255,255,0.12)',
|
|
815
|
+
borderColor: 'rgba(255,255,255,0.25)',
|
|
809
816
|
},
|
|
810
817
|
originalToggleButtonText: {
|
|
811
|
-
color: '#fff',
|
|
812
818
|
fontSize: 14,
|
|
813
|
-
fontWeight: '
|
|
819
|
+
fontWeight: '700',
|
|
814
820
|
},
|
|
815
821
|
originalToggleButtonTextActive: {
|
|
816
822
|
color: '#fff',
|
|
817
823
|
},
|
|
824
|
+
originalToggleButtonTextInactive: {
|
|
825
|
+
color: 'rgba(255,255,255,0.65)',
|
|
826
|
+
},
|
|
818
827
|
confirmButton: {
|
|
819
828
|
paddingHorizontal: 40,
|
|
820
829
|
paddingVertical: 16,
|
package/package.json
CHANGED
package/src/FullDocScanner.tsx
CHANGED
|
@@ -96,9 +96,9 @@ type PreviewImageData = {
|
|
|
96
96
|
};
|
|
97
97
|
|
|
98
98
|
const AUTO_ENHANCE_PARAMS = {
|
|
99
|
-
brightness: 0.
|
|
100
|
-
contrast: 1.
|
|
101
|
-
saturation: 0.
|
|
99
|
+
brightness: 0.18,
|
|
100
|
+
contrast: 1.12,
|
|
101
|
+
saturation: 0.78,
|
|
102
102
|
};
|
|
103
103
|
|
|
104
104
|
const normalizeCapturedDocument = (document: DocScannerCapture): CapturedDocument => {
|
|
@@ -837,7 +837,9 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
|
|
|
837
837
|
<TouchableOpacity
|
|
838
838
|
style={[
|
|
839
839
|
styles.originalToggleButton,
|
|
840
|
-
croppedImageData.useOriginal
|
|
840
|
+
croppedImageData.useOriginal
|
|
841
|
+
? styles.originalToggleButtonActive
|
|
842
|
+
: styles.originalToggleButtonInactive,
|
|
841
843
|
]}
|
|
842
844
|
onPress={() =>
|
|
843
845
|
setCroppedImageData((prev) =>
|
|
@@ -850,7 +852,9 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
|
|
|
850
852
|
<Text
|
|
851
853
|
style={[
|
|
852
854
|
styles.originalToggleButtonText,
|
|
853
|
-
croppedImageData.useOriginal
|
|
855
|
+
croppedImageData.useOriginal
|
|
856
|
+
? styles.originalToggleButtonTextActive
|
|
857
|
+
: styles.originalToggleButtonTextInactive,
|
|
854
858
|
]}
|
|
855
859
|
>
|
|
856
860
|
{mergedStrings.originalBtn}
|
|
@@ -1164,26 +1168,31 @@ const styles = StyleSheet.create({
|
|
|
1164
1168
|
},
|
|
1165
1169
|
originalToggleButton: {
|
|
1166
1170
|
alignSelf: 'center',
|
|
1167
|
-
marginTop:
|
|
1171
|
+
marginTop: 12,
|
|
1172
|
+
marginBottom: 4,
|
|
1168
1173
|
paddingVertical: 10,
|
|
1169
|
-
paddingHorizontal:
|
|
1170
|
-
borderRadius:
|
|
1174
|
+
paddingHorizontal: 28,
|
|
1175
|
+
borderRadius: 999,
|
|
1171
1176
|
borderWidth: 1,
|
|
1172
|
-
borderColor: 'rgba(255,255,255,0.4)',
|
|
1173
|
-
backgroundColor: 'rgba(30,30,30,0.7)',
|
|
1174
1177
|
},
|
|
1175
1178
|
originalToggleButtonActive: {
|
|
1176
|
-
backgroundColor: '
|
|
1177
|
-
borderColor: '#
|
|
1179
|
+
backgroundColor: '#3170f3',
|
|
1180
|
+
borderColor: '#3170f3',
|
|
1181
|
+
},
|
|
1182
|
+
originalToggleButtonInactive: {
|
|
1183
|
+
backgroundColor: 'rgba(255,255,255,0.12)',
|
|
1184
|
+
borderColor: 'rgba(255,255,255,0.25)',
|
|
1178
1185
|
},
|
|
1179
1186
|
originalToggleButtonText: {
|
|
1180
|
-
color: '#fff',
|
|
1181
1187
|
fontSize: 14,
|
|
1182
|
-
fontWeight: '
|
|
1188
|
+
fontWeight: '700',
|
|
1183
1189
|
},
|
|
1184
1190
|
originalToggleButtonTextActive: {
|
|
1185
1191
|
color: '#fff',
|
|
1186
1192
|
},
|
|
1193
|
+
originalToggleButtonTextInactive: {
|
|
1194
|
+
color: 'rgba(255,255,255,0.65)',
|
|
1195
|
+
},
|
|
1187
1196
|
confirmButton: {
|
|
1188
1197
|
paddingHorizontal: 40,
|
|
1189
1198
|
paddingVertical: 16,
|