@chem-po/react-native 0.0.20 → 0.0.22
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/form/UploadProgress/index.js +12 -10
- package/lib/commonjs/components/form/UploadProgress/index.js.map +1 -1
- package/lib/commonjs/components/form/input/file/index.js +7 -3
- package/lib/commonjs/components/form/input/file/index.js.map +1 -1
- package/lib/module/components/form/UploadProgress/index.js +5 -3
- package/lib/module/components/form/UploadProgress/index.js.map +1 -1
- package/lib/module/components/form/input/file/index.js +8 -4
- package/lib/module/components/form/input/file/index.js.map +1 -1
- package/lib/typescript/components/form/UploadProgress/index.d.ts.map +1 -1
- package/lib/typescript/components/form/input/file/index.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/components/form/UploadProgress/index.tsx +3 -1
- package/src/components/form/input/file/index.tsx +9 -5
|
@@ -4,7 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.UploadProgress = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = require("@chem-po/react");
|
|
8
|
+
var _react2 = _interopRequireWildcard(require("react"));
|
|
8
9
|
var _reactNative = require("react-native");
|
|
9
10
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
10
11
|
const styles = _reactNative.StyleSheet.create({
|
|
@@ -27,8 +28,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
27
28
|
overflow: 'hidden'
|
|
28
29
|
},
|
|
29
30
|
progressFill: {
|
|
30
|
-
height: '100%'
|
|
31
|
-
backgroundColor: '#3182CE' // Default blue color, can be customized
|
|
31
|
+
height: '100%'
|
|
32
32
|
},
|
|
33
33
|
label: {
|
|
34
34
|
position: 'absolute',
|
|
@@ -47,19 +47,21 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
47
47
|
const UploadProgress = ({
|
|
48
48
|
uploads
|
|
49
49
|
}) => {
|
|
50
|
-
const asArr = (0,
|
|
51
|
-
|
|
50
|
+
const asArr = (0, _react2.useMemo)(() => Object.values(uploads), [uploads]);
|
|
51
|
+
const accentColor = (0, _react.useThemeValue)('colors.accent.300');
|
|
52
|
+
return /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
|
|
52
53
|
style: styles.container
|
|
53
|
-
}, asArr.map(upload => /*#__PURE__*/
|
|
54
|
+
}, asArr.map(upload => /*#__PURE__*/_react2.default.createElement(_reactNative.Animated.View, {
|
|
54
55
|
key: upload.label,
|
|
55
56
|
style: styles.progressContainer
|
|
56
|
-
}, /*#__PURE__*/
|
|
57
|
+
}, /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
|
|
57
58
|
style: styles.progressBar
|
|
58
|
-
}, /*#__PURE__*/
|
|
59
|
+
}, /*#__PURE__*/_react2.default.createElement(_reactNative.Animated.View, {
|
|
59
60
|
style: [styles.progressFill, {
|
|
60
|
-
width: `${upload.percent * 100}
|
|
61
|
+
width: `${upload.percent * 100}%`,
|
|
62
|
+
backgroundColor: accentColor
|
|
61
63
|
}]
|
|
62
|
-
})), /*#__PURE__*/
|
|
64
|
+
})), /*#__PURE__*/_react2.default.createElement(_reactNative.Text, {
|
|
63
65
|
style: styles.label
|
|
64
66
|
}, upload.label))));
|
|
65
67
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","
|
|
1
|
+
{"version":3,"names":["_react","require","_react2","_interopRequireWildcard","_reactNative","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","styles","StyleSheet","create","container","width","flexDirection","progressContainer","paddingHorizontal","height","justifyContent","alignItems","progressBar","borderRadius","backgroundColor","overflow","progressFill","label","position","color","fontSize","fontWeight","textTransform","textShadowColor","textShadowOffset","textShadowRadius","UploadProgress","uploads","asArr","useMemo","values","accentColor","useThemeValue","createElement","View","style","map","upload","Animated","key","percent","Text","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/UploadProgress/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -56,6 +56,10 @@ const FileView = ({
|
|
|
56
56
|
dataUrl
|
|
57
57
|
} = value ?? {};
|
|
58
58
|
const missingFile = !dataUrl && !storagePath;
|
|
59
|
+
const {
|
|
60
|
+
url,
|
|
61
|
+
loading
|
|
62
|
+
} = (0, _react.useObjectUrl)(value);
|
|
59
63
|
const iconColor = (0, _react.useIconColor)();
|
|
60
64
|
const fileNameColor = (0, _react.useTextColor)();
|
|
61
65
|
const borderColor = (0, _react.useBorderColor)();
|
|
@@ -66,7 +70,8 @@ const FileView = ({
|
|
|
66
70
|
}
|
|
67
71
|
if ((_value$type = value.type) !== null && _value$type !== void 0 && _value$type.startsWith('image/')) {
|
|
68
72
|
return /*#__PURE__*/_react2.default.createElement(_LoadingImage.LoadingImage, {
|
|
69
|
-
src:
|
|
73
|
+
src: url,
|
|
74
|
+
loadingOverride: loading,
|
|
70
75
|
width: (imageOptions === null || imageOptions === void 0 ? void 0 : imageOptions.width) ?? 120,
|
|
71
76
|
height: (imageOptions === null || imageOptions === void 0 ? void 0 : imageOptions.height) ?? 120,
|
|
72
77
|
style: styles.image
|
|
@@ -115,9 +120,8 @@ const FileComponent = exports.FileComponent = /*#__PURE__*/(0, _react2.forwardRe
|
|
|
115
120
|
const fileExtension = asset.uri.split('.').pop() ?? 'jpeg';
|
|
116
121
|
const fileName = asset.uri.split('/').pop() ?? 'image';
|
|
117
122
|
onChange({
|
|
118
|
-
...value,
|
|
119
123
|
dataUrl: asset.uri,
|
|
120
|
-
type: `image/${fileExtension}`,
|
|
124
|
+
type: asset.mimeType ?? `image/${fileExtension}`,
|
|
121
125
|
filename: fileName
|
|
122
126
|
});
|
|
123
127
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_vectorIcons","DocumentPicker","_interopRequireWildcard","ImagePicker","_react2","_reactNative","_LoadingImage","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","fallbackAccept","generateAccept","field","accept","includes","push","join","NoFileView","hasUpload","textColor","useTextColor","iconColor","useIconColor","borderColor","useBorderColor","createElement","View","style","styles","noFileContainer","Text","noFileText","color","Ionicons","name","size","FileView","value","imageOptions","_value$type","storagePath","dataUrl","missingFile","fileNameColor","type","startsWith","LoadingImage","src","width","height","image","fileContainer","filename","exports","FileComponent","forwardRef","input","onChange","ref","
|
|
1
|
+
{"version":3,"names":["_react","require","_vectorIcons","DocumentPicker","_interopRequireWildcard","ImagePicker","_react2","_reactNative","_LoadingImage","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","fallbackAccept","generateAccept","field","accept","includes","push","join","NoFileView","hasUpload","textColor","useTextColor","iconColor","useIconColor","borderColor","useBorderColor","createElement","View","style","styles","noFileContainer","Text","noFileText","color","Ionicons","name","size","FileView","value","imageOptions","_value$type","storagePath","dataUrl","missingFile","url","loading","useObjectUrl","fileNameColor","type","startsWith","LoadingImage","src","loadingOverride","width","height","image","fileContainer","filename","exports","FileComponent","forwardRef","input","onChange","ref","setLoading","useState","handlePickFile","useCallback","_field$accept","result","launchImageLibraryAsync","mediaTypes","allowsEditing","quality","base64","canceled","assets","asset","fileExtension","uri","split","pop","fileName","mimeType","getDocumentAsync","error","Error","console","message","useImperativeHandle","focus","blur","isImageField","useMemo","length","imgOptions","_value$type2","undefined","placeholderColor","usePlaceholderColor","container","placeholder","TouchableOpacity","contentContainer","onPress","disabled","displayName","StyleSheet","create","alignItems","justifyContent","fontSize","opacity","marginBottom","position","padding","overflow","flexDirection","borderWidth","borderRadius","borderStyle","textAlign","marginRight","marginLeft"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/file/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { useThemeValue } from '@chem-po/react';
|
|
1
2
|
import React, { useMemo } from 'react';
|
|
2
3
|
import { Animated, StyleSheet, Text, View } from 'react-native';
|
|
3
4
|
const styles = StyleSheet.create({
|
|
@@ -20,8 +21,7 @@ const styles = StyleSheet.create({
|
|
|
20
21
|
overflow: 'hidden'
|
|
21
22
|
},
|
|
22
23
|
progressFill: {
|
|
23
|
-
height: '100%'
|
|
24
|
-
backgroundColor: '#3182CE' // Default blue color, can be customized
|
|
24
|
+
height: '100%'
|
|
25
25
|
},
|
|
26
26
|
label: {
|
|
27
27
|
position: 'absolute',
|
|
@@ -41,6 +41,7 @@ export const UploadProgress = ({
|
|
|
41
41
|
uploads
|
|
42
42
|
}) => {
|
|
43
43
|
const asArr = useMemo(() => Object.values(uploads), [uploads]);
|
|
44
|
+
const accentColor = useThemeValue('colors.accent.300');
|
|
44
45
|
return /*#__PURE__*/React.createElement(View, {
|
|
45
46
|
style: styles.container
|
|
46
47
|
}, asArr.map(upload => /*#__PURE__*/React.createElement(Animated.View, {
|
|
@@ -50,7 +51,8 @@ export const UploadProgress = ({
|
|
|
50
51
|
style: styles.progressBar
|
|
51
52
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
52
53
|
style: [styles.progressFill, {
|
|
53
|
-
width: `${upload.percent * 100}
|
|
54
|
+
width: `${upload.percent * 100}%`,
|
|
55
|
+
backgroundColor: accentColor
|
|
54
56
|
}]
|
|
55
57
|
})), /*#__PURE__*/React.createElement(Text, {
|
|
56
58
|
style: styles.label
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","Animated","StyleSheet","Text","View","styles","create","container","width","flexDirection","progressContainer","paddingHorizontal","height","justifyContent","alignItems","progressBar","borderRadius","backgroundColor","overflow","progressFill","label","position","color","fontSize","fontWeight","textTransform","textShadowColor","textShadowOffset","textShadowRadius","UploadProgress","uploads","asArr","Object","values","createElement","style","map","upload","key","percent"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/UploadProgress/index.tsx"],"mappings":"AACA,
|
|
1
|
+
{"version":3,"names":["useThemeValue","React","useMemo","Animated","StyleSheet","Text","View","styles","create","container","width","flexDirection","progressContainer","paddingHorizontal","height","justifyContent","alignItems","progressBar","borderRadius","backgroundColor","overflow","progressFill","label","position","color","fontSize","fontWeight","textTransform","textShadowColor","textShadowOffset","textShadowRadius","UploadProgress","uploads","asArr","Object","values","accentColor","createElement","style","map","upload","key","percent"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/UploadProgress/index.tsx"],"mappings":"AACA,SAASA,aAAa,QAAQ,gBAAgB;AAC9C,OAAOC,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAE/D,MAAMC,MAAM,GAAGH,UAAU,CAACI,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE;EACjB,CAAC;EACDC,iBAAiB,EAAE;IACjBC,iBAAiB,EAAE,CAAC;IACpBC,MAAM,EAAE,EAAE;IACVJ,KAAK,EAAE,MAAM;IACbK,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDC,WAAW,EAAE;IACXH,MAAM,EAAE,MAAM;IACdJ,KAAK,EAAE,MAAM;IACbQ,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE,oBAAoB;IACrCC,QAAQ,EAAE;EACZ,CAAC;EACDC,YAAY,EAAE;IACZP,MAAM,EAAE;EACV,CAAC;EACDQ,KAAK,EAAE;IACLC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,OAAO;IACdC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,aAAa,EAAE,WAAW;IAC1BC,eAAe,EAAE,qBAAqB;IACtCC,gBAAgB,EAAE;MAAEnB,KAAK,EAAE,CAAC;MAAEI,MAAM,EAAE;IAAE,CAAC;IACzCgB,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAAmC,CAAC,KAAK;EACxE,MAAMC,KAAK,GAAG/B,OAAO,CAAC,MAAMgC,MAAM,CAACC,MAAM,CAACH,OAAO,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAE9D,MAAMI,WAAW,GAAGpC,aAAa,CAAC,mBAAmB,CAAC;EACtD,oBACEC,KAAA,CAAAoC,aAAA,CAAC/B,IAAI;IAACgC,KAAK,EAAE/B,MAAM,CAACE;EAAU,GAC3BwB,KAAK,CAACM,GAAG,CAACC,MAAM,iBACfvC,KAAA,CAAAoC,aAAA,CAAClC,QAAQ,CAACG,IAAI;IAACmC,GAAG,EAAED,MAAM,CAAClB,KAAM;IAACgB,KAAK,EAAE/B,MAAM,CAACK;EAAkB,gBAChEX,KAAA,CAAAoC,aAAA,CAAC/B,IAAI;IAACgC,KAAK,EAAE/B,MAAM,CAACU;EAAY,gBAC9BhB,KAAA,CAAAoC,aAAA,CAAClC,QAAQ,CAACG,IAAI;IACZgC,KAAK,EAAE,CACL/B,MAAM,CAACc,YAAY,EACnB;MACEX,KAAK,EAAE,GAAG8B,MAAM,CAACE,OAAO,GAAG,GAAG,GAAG;MACjCvB,eAAe,EAAEiB;IACnB,CAAC;EACD,CACH,CACG,CAAC,eACPnC,KAAA,CAAAoC,aAAA,CAAChC,IAAI;IAACiC,KAAK,EAAE/B,MAAM,CAACe;EAAM,GAAEkB,MAAM,CAAClB,KAAY,CAClC,CAChB,CACG,CAAC;AAEX,CAAC","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useBorderColor, useIconColor, usePlaceholderColor, useTextColor } from '@chem-po/react';
|
|
1
|
+
import { useBorderColor, useIconColor, useObjectUrl, usePlaceholderColor, useTextColor } from '@chem-po/react';
|
|
2
2
|
import { Ionicons } from '@expo/vector-icons';
|
|
3
3
|
import * as DocumentPicker from 'expo-document-picker';
|
|
4
4
|
import * as ImagePicker from 'expo-image-picker';
|
|
@@ -49,6 +49,10 @@ export const FileView = ({
|
|
|
49
49
|
dataUrl
|
|
50
50
|
} = value ?? {};
|
|
51
51
|
const missingFile = !dataUrl && !storagePath;
|
|
52
|
+
const {
|
|
53
|
+
url,
|
|
54
|
+
loading
|
|
55
|
+
} = useObjectUrl(value);
|
|
52
56
|
const iconColor = useIconColor();
|
|
53
57
|
const fileNameColor = useTextColor();
|
|
54
58
|
const borderColor = useBorderColor();
|
|
@@ -59,7 +63,8 @@ export const FileView = ({
|
|
|
59
63
|
}
|
|
60
64
|
if ((_value$type = value.type) !== null && _value$type !== void 0 && _value$type.startsWith('image/')) {
|
|
61
65
|
return /*#__PURE__*/React.createElement(LoadingImage, {
|
|
62
|
-
src:
|
|
66
|
+
src: url,
|
|
67
|
+
loadingOverride: loading,
|
|
63
68
|
width: (imageOptions === null || imageOptions === void 0 ? void 0 : imageOptions.width) ?? 120,
|
|
64
69
|
height: (imageOptions === null || imageOptions === void 0 ? void 0 : imageOptions.height) ?? 120,
|
|
65
70
|
style: styles.image
|
|
@@ -107,9 +112,8 @@ export const FileComponent = /*#__PURE__*/forwardRef(({
|
|
|
107
112
|
const fileExtension = asset.uri.split('.').pop() ?? 'jpeg';
|
|
108
113
|
const fileName = asset.uri.split('/').pop() ?? 'image';
|
|
109
114
|
onChange({
|
|
110
|
-
...value,
|
|
111
115
|
dataUrl: asset.uri,
|
|
112
|
-
type: `image/${fileExtension}`,
|
|
116
|
+
type: asset.mimeType ?? `image/${fileExtension}`,
|
|
113
117
|
filename: fileName
|
|
114
118
|
});
|
|
115
119
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useBorderColor","useIconColor","usePlaceholderColor","useTextColor","Ionicons","DocumentPicker","ImagePicker","React","forwardRef","useCallback","useImperativeHandle","useMemo","useState","StyleSheet","Text","TouchableOpacity","View","LoadingImage","fallbackAccept","generateAccept","field","accept","includes","push","join","NoFileView","hasUpload","textColor","iconColor","borderColor","createElement","style","styles","noFileContainer","noFileText","color","name","size","FileView","value","imageOptions","_value$type","storagePath","dataUrl","missingFile","fileNameColor","type","startsWith","src","width","height","image","fileContainer","filename","FileComponent","input","onChange","ref","
|
|
1
|
+
{"version":3,"names":["useBorderColor","useIconColor","useObjectUrl","usePlaceholderColor","useTextColor","Ionicons","DocumentPicker","ImagePicker","React","forwardRef","useCallback","useImperativeHandle","useMemo","useState","StyleSheet","Text","TouchableOpacity","View","LoadingImage","fallbackAccept","generateAccept","field","accept","includes","push","join","NoFileView","hasUpload","textColor","iconColor","borderColor","createElement","style","styles","noFileContainer","noFileText","color","name","size","FileView","value","imageOptions","_value$type","storagePath","dataUrl","missingFile","url","loading","fileNameColor","type","startsWith","src","loadingOverride","width","height","image","fileContainer","filename","FileComponent","input","onChange","ref","setLoading","handlePickFile","_field$accept","result","launchImageLibraryAsync","mediaTypes","allowsEditing","quality","base64","canceled","assets","asset","fileExtension","uri","split","pop","fileName","mimeType","getDocumentAsync","error","Error","console","message","focus","blur","isImageField","length","imgOptions","_value$type2","undefined","placeholderColor","container","placeholder","contentContainer","onPress","disabled","displayName","create","alignItems","justifyContent","fontSize","opacity","marginBottom","position","padding","overflow","flexDirection","borderWidth","borderRadius","borderStyle","textAlign","marginRight","marginLeft"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/file/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/UploadProgress/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/UploadProgress/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,OAAO,KAAkB,MAAM,OAAO,CAAA;AAqCtC,eAAO,MAAM,cAAc,GAAI,aAAa;IAAE,OAAO,EAAE,YAAY,CAAA;CAAE,sBAwBpE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/file/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/file/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAkB,MAAM,eAAe,CAAA;AACnE,OAAO,EACL,SAAS,EAMV,MAAM,gBAAgB,CAAA;AAIvB,OAAO,KAA0E,MAAM,OAAO,CAAA;AAG9F,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AA+BxC,eAAO,MAAM,QAAQ,GAAI,qCAItB;IACD,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,GAAG,CAAA;CACnB,sBA+BA,CAAA;AAED,eAAO,MAAM,aAAa,wFA2FzB,CAAA"}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@chem-po/react-native",
|
|
3
3
|
"author": "Elan Canfield",
|
|
4
4
|
"license": "MIT",
|
|
5
|
-
"version": "0.0.
|
|
5
|
+
"version": "0.0.22",
|
|
6
6
|
"main": "lib/commonjs/index.js",
|
|
7
7
|
"types": "lib/typescript/index.d.ts",
|
|
8
8
|
"source": "src/index.ts",
|
|
@@ -49,8 +49,8 @@
|
|
|
49
49
|
"react-native-paper-dates": "^0.22.42",
|
|
50
50
|
"react-native-svg": "15.11.2",
|
|
51
51
|
"zustand": "^4.3.3",
|
|
52
|
-
"@chem-po/core": "0.0.
|
|
53
|
-
"@chem-po/react": "0.0.
|
|
52
|
+
"@chem-po/core": "0.0.22",
|
|
53
|
+
"@chem-po/react": "0.0.22"
|
|
54
54
|
},
|
|
55
55
|
"devDependencies": {
|
|
56
56
|
"@babel/core": "^7.26.0",
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { UploadsState } from '@chem-po/core'
|
|
2
|
+
import { useThemeValue } from '@chem-po/react'
|
|
2
3
|
import React, { useMemo } from 'react'
|
|
3
4
|
import { Animated, StyleSheet, Text, View } from 'react-native'
|
|
4
5
|
|
|
@@ -23,7 +24,6 @@ const styles = StyleSheet.create({
|
|
|
23
24
|
},
|
|
24
25
|
progressFill: {
|
|
25
26
|
height: '100%',
|
|
26
|
-
backgroundColor: '#3182CE', // Default blue color, can be customized
|
|
27
27
|
},
|
|
28
28
|
label: {
|
|
29
29
|
position: 'absolute',
|
|
@@ -40,6 +40,7 @@ const styles = StyleSheet.create({
|
|
|
40
40
|
export const UploadProgress = ({ uploads }: { uploads: UploadsState }) => {
|
|
41
41
|
const asArr = useMemo(() => Object.values(uploads), [uploads])
|
|
42
42
|
|
|
43
|
+
const accentColor = useThemeValue('colors.accent.300')
|
|
43
44
|
return (
|
|
44
45
|
<View style={styles.container}>
|
|
45
46
|
{asArr.map(upload => (
|
|
@@ -50,6 +51,7 @@ export const UploadProgress = ({ uploads }: { uploads: UploadsState }) => {
|
|
|
50
51
|
styles.progressFill,
|
|
51
52
|
{
|
|
52
53
|
width: `${upload.percent * 100}%`,
|
|
54
|
+
backgroundColor: accentColor,
|
|
53
55
|
},
|
|
54
56
|
]}
|
|
55
57
|
/>
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { FileValue, InputRef } from '@chem-po/core'
|
|
1
|
+
import { FileValue, InputRef, LocalFileValue } from '@chem-po/core'
|
|
2
2
|
import {
|
|
3
3
|
FileField,
|
|
4
4
|
useBorderColor,
|
|
5
5
|
useIconColor,
|
|
6
|
+
useObjectUrl,
|
|
6
7
|
usePlaceholderColor,
|
|
7
8
|
useTextColor,
|
|
8
9
|
} from '@chem-po/react'
|
|
@@ -55,6 +56,8 @@ export const FileView = ({
|
|
|
55
56
|
const { storagePath, dataUrl } = value ?? {}
|
|
56
57
|
const missingFile = !dataUrl && !storagePath
|
|
57
58
|
|
|
59
|
+
const { url, loading } = useObjectUrl(value)
|
|
60
|
+
|
|
58
61
|
const iconColor = useIconColor()
|
|
59
62
|
const fileNameColor = useTextColor()
|
|
60
63
|
const borderColor = useBorderColor()
|
|
@@ -65,7 +68,8 @@ export const FileView = ({
|
|
|
65
68
|
if (value.type?.startsWith('image/')) {
|
|
66
69
|
return (
|
|
67
70
|
<LoadingImage
|
|
68
|
-
src={
|
|
71
|
+
src={url}
|
|
72
|
+
loadingOverride={loading}
|
|
69
73
|
width={imageOptions?.width ?? 120}
|
|
70
74
|
height={imageOptions?.height ?? 120}
|
|
71
75
|
style={styles.image}
|
|
@@ -101,15 +105,15 @@ export const FileComponent = forwardRef<InputRef, FieldProps<FileField>>(
|
|
|
101
105
|
|
|
102
106
|
if (!result.canceled && result.assets[0]) {
|
|
103
107
|
const asset = result.assets[0]
|
|
108
|
+
|
|
104
109
|
const fileExtension = asset.uri.split('.').pop() ?? 'jpeg'
|
|
105
110
|
const fileName = asset.uri.split('/').pop() ?? 'image'
|
|
106
111
|
|
|
107
112
|
onChange({
|
|
108
|
-
...value,
|
|
109
113
|
dataUrl: asset.uri,
|
|
110
|
-
type: `image/${fileExtension}`,
|
|
114
|
+
type: asset.mimeType ?? `image/${fileExtension}`,
|
|
111
115
|
filename: fileName,
|
|
112
|
-
})
|
|
116
|
+
} as LocalFileValue)
|
|
113
117
|
}
|
|
114
118
|
} else {
|
|
115
119
|
result = await DocumentPicker.getDocumentAsync({
|