@chem-po/react-native 0.0.25 → 0.0.26

package/lib/commonjs/components/form/UploadProgress/index.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UploadProgress = void 0;
-var _react = require("@chem-po/react");
-var _react2 = _interopRequireWildcard(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _ProgressBar = require("../../loading/ProgressBar");
 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); }
 const styles = _reactNative.StyleSheet.create({
   container: {
@@ -47,23 +47,14 @@ const styles = _reactNative.StyleSheet.create({
 const UploadProgress = ({
   uploads
 }) => {
-  const asArr = (0, _react2.useMemo)(() => Object.values(uploads), [uploads]);
-  const accentColor = (0, _react.useThemeValue)('colors.accent.300');
-  return /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
+  const asArr = (0, _react.useMemo)(() => Object.values(uploads), [uploads]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.container
-  }, asArr.map(upload => /*#__PURE__*/_react2.default.createElement(_reactNative.Animated.View, {
+  }, asArr.map(upload => /*#__PURE__*/_react.default.createElement(_ProgressBar.ProgressBar, {
     key: upload.label,
-    style: styles.progressContainer
-  }, /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
-    style: styles.progressBar
-  }, /*#__PURE__*/_react2.default.createElement(_reactNative.Animated.View, {
-    style: [styles.progressFill, {
-      width: `${upload.percent * 100}%`,
-      backgroundColor: accentColor
-    }]
-  })), /*#__PURE__*/_react2.default.createElement(_reactNative.Text, {
-    style: styles.label
-  }, upload.label))));
+    progress: upload.percent,
+    label: upload.label
+  })));
 };
 exports.UploadProgress = UploadProgress;
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/form/UploadProgress/index.js.map

@@ -1 +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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ProgressBar","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","createElement","View","style","map","upload","ProgressBar","key","progress","percent","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/UploadProgress/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/form/input/file/index.js

@@ -49,7 +49,8 @@ const FileView = ({
   value,
   hasUpload,
   imageOptions,
-  withFullView
+  withFullView,
+  nonImageContainerStyle
 }) => {
   var _value$type;
   const {
@@ -64,6 +65,7 @@ const FileView = ({
   const iconColor = (0, _react.useIconColor)();
   const fileNameColor = (0, _react.useTextColor)();
   const borderColor = (0, _react.useBorderColor)();
+  const backgroundColor = (0, _react.useBackgroundColor)(100);
   if (!value || missingFile) {
     return /*#__PURE__*/_react2.default.createElement(NoFileView, {
       hasUpload: hasUpload
@@ -81,17 +83,23 @@ const FileView = ({
   }
   return /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
     style: [styles.fileContainer, {
-      borderColor
-    }]
+      borderColor,
+      backgroundColor
+    }, nonImageContainerStyle]
+  }, /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
+    style: styles.iconContainer
   }, /*#__PURE__*/_react2.default.createElement(_vectorIcons.Ionicons, {
     name: "document",
     size: 24,
     color: iconColor
-  }), /*#__PURE__*/_react2.default.createElement(_reactNative.Text, {
+  })), /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
+    style: styles.filenameContainer
+  }, /*#__PURE__*/_react2.default.createElement(_reactNative.Text, {
+    numberOfLines: 1,
     style: [styles.filename, {
       color: fileNameColor
     }]
-  }, value.filename));
+  }, value.filename)));
 };
 exports.FileView = FileView;
 const FileComponent = exports.FileComponent = /*#__PURE__*/(0, _react2.forwardRef)(({
@@ -220,13 +228,23 @@ const styles = _reactNative.StyleSheet.create({
   fileContainer: {
     flexDirection: 'row',
     alignItems: 'center',
-    padding: 8,
     borderWidth: 1,
-    borderRadius: 4
+    borderRadius: 4,
+    maxWidth: '100%',
+    overflow: 'hidden'
+  },
+  filenameContainer: {
+    flex: 1,
+    paddingRight: 4,
+    alignItems: 'center'
   },
   filename: {
     fontSize: 14,
-    marginLeft: 8
+    lineHeight: 30,
+    flex: 1
+  },
+  iconContainer: {
+    padding: 4
   },
   image: {
     borderRadius: 4,

package/lib/commonjs/components/form/input/file/index.js.map

@@ -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","withFullView","_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":[]}
+{"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","withFullView","nonImageContainerStyle","_value$type","storagePath","dataUrl","missingFile","url","loading","useObjectUrl","fileNameColor","backgroundColor","useBackgroundColor","type","startsWith","LoadingImage","src","loadingOverride","width","height","image","fileContainer","iconContainer","filenameContainer","numberOfLines","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","maxWidth","flex","paddingRight","lineHeight"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/file/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/loading/ProgressBar.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProgressBar = void 0;
+var _react = require("@chem-po/react");
+var _react2 = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+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); }
+const ProgressBar = ({
+  progress,
+  label,
+  height = 26
+}) => {
+  const accentColor = (0, _react.useThemeValue)('colors.accent.300');
+  const animatedWidth = (0, _react2.useRef)(new _reactNative.Animated.Value(0)).current;
+  const backgroundColor = (0, _react.useColorModeValue)('rgba(0, 0, 0, 0.1)', 'rgba(255, 255, 255, 0.2)');
+  (0, _react2.useEffect)(() => {
+    _reactNative.Animated.timing(animatedWidth, {
+      toValue: progress,
+      duration: 300,
+      useNativeDriver: false // width animations require layout driver
+    }).start();
+  }, [progress, animatedWidth]);
+  return /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
+    style: [styles.progressContainer, {
+      height,
+      backgroundColor
+    }]
+  }, /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
+    style: styles.progressBar
+  }, /*#__PURE__*/_react2.default.createElement(_reactNative.Animated.View, {
+    style: [styles.progressFill, {
+      width: animatedWidth.interpolate({
+        inputRange: [0, 1],
+        outputRange: ['0%', '100%'],
+        extrapolate: 'clamp'
+      }),
+      backgroundColor: accentColor
+    }]
+  })), /*#__PURE__*/_react2.default.createElement(_reactNative.Text, {
+    style: styles.label
+  }, label));
+};
+exports.ProgressBar = ProgressBar;
+const styles = _reactNative.StyleSheet.create({
+  progressContainer: {
+    width: '100%',
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 20,
+    padding: 3
+  },
+  progressBar: {
+    height: '100%',
+    width: '100%',
+    borderRadius: 20,
+    overflow: 'hidden'
+  },
+  progressFill: {
+    height: '100%'
+  },
+  label: {
+    position: 'absolute',
+    color: 'white',
+    fontSize: 12,
+    fontWeight: '500',
+    textTransform: 'uppercase',
+    textShadowColor: 'rgba(0, 0, 0, 0.67)',
+    textShadowOffset: {
+      width: 1,
+      height: 1
+    },
+    textShadowRadius: 3
+  }
+});
+//# sourceMappingURL=ProgressBar.js.map

package/lib/commonjs/components/loading/ProgressBar.js.map

@@ -0,0 +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","ProgressBar","progress","label","height","accentColor","useThemeValue","animatedWidth","useRef","Animated","Value","current","backgroundColor","useColorModeValue","useEffect","timing","toValue","duration","useNativeDriver","start","createElement","View","style","styles","progressContainer","progressBar","progressFill","width","interpolate","inputRange","outputRange","extrapolate","Text","exports","StyleSheet","create","justifyContent","alignItems","borderRadius","padding","overflow","position","color","fontSize","fontWeight","textTransform","textShadowColor","textShadowOffset","textShadowRadius"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/loading/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/loading/index.js

@@ -58,4 +58,15 @@ Object.keys(_LoadingSwitch).forEach(function (key) {
     }
   });
 });
+var _ProgressBar = require("./ProgressBar");
+Object.keys(_ProgressBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ProgressBar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ProgressBar[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/loading/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_CircularProgress","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Loading","_LoadingImage","_LoadingOverlay","_LoadingSwitch"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/loading/index.ts"],"mappings":";;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,iBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,iBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,QAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,QAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,QAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,QAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,aAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,aAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,aAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,aAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,eAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,eAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,eAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,eAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,cAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,cAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,cAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,cAAA,CAAAR,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_CircularProgress","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Loading","_LoadingImage","_LoadingOverlay","_LoadingSwitch","_ProgressBar"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/loading/index.ts"],"mappings":";;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,iBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,iBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,QAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,QAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,QAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,QAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,aAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,aAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,aAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,aAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,eAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,eAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,eAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,eAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,cAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,cAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,cAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,cAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,YAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,YAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,YAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,YAAA,CAAAT,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/module/components/form/UploadProgress/index.js

@@ -1,6 +1,6 @@
-import { useThemeValue } from '@chem-po/react';
 import React, { useMemo } from 'react';
-import { Animated, StyleSheet, Text, View } from 'react-native';
+import { StyleSheet, View } from 'react-native';
+import { ProgressBar } from '../../loading/ProgressBar';
 const styles = StyleSheet.create({
   container: {
     width: '100%',
@@ -41,21 +41,12 @@ export const UploadProgress = ({
   uploads
 }) => {
   const asArr = useMemo(() => Object.values(uploads), [uploads]);
-  const accentColor = useThemeValue('colors.accent.300');
   return /*#__PURE__*/React.createElement(View, {
     style: styles.container
-  }, asArr.map(upload => /*#__PURE__*/React.createElement(Animated.View, {
+  }, asArr.map(upload => /*#__PURE__*/React.createElement(ProgressBar, {
     key: upload.label,
-    style: styles.progressContainer
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.progressBar
-  }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.progressFill, {
-      width: `${upload.percent * 100}%`,
-      backgroundColor: accentColor
-    }]
-  })), /*#__PURE__*/React.createElement(Text, {
-    style: styles.label
-  }, upload.label))));
+    progress: upload.percent,
+    label: upload.label
+  })));
 };
 //# sourceMappingURL=index.js.map

package/lib/module/components/form/UploadProgress/index.js.map

@@ -1 +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":[]}
+{"version":3,"names":["React","useMemo","StyleSheet","View","ProgressBar","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","progress","percent"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/UploadProgress/index.tsx"],"mappings":"AACA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,WAAW,QAAQ,2BAA2B;AAEvD,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,GAAG9B,OAAO,CAAC,MAAM+B,MAAM,CAACC,MAAM,CAACH,OAAO,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAE9D,oBACE9B,KAAA,CAAAkC,aAAA,CAAC/B,IAAI;IAACgC,KAAK,EAAE9B,MAAM,CAACE;EAAU,GAC3BwB,KAAK,CAACK,GAAG,CAACC,MAAM,iBACfrC,KAAA,CAAAkC,aAAA,CAAC9B,WAAW;IAACkC,GAAG,EAAED,MAAM,CAACjB,KAAM;IAACmB,QAAQ,EAAEF,MAAM,CAACG,OAAQ;IAACpB,KAAK,EAAEiB,MAAM,CAACjB;EAAM,CAAE,CACjF,CACG,CAAC;AAEX,CAAC","ignoreList":[]}

package/lib/module/components/form/input/file/index.js

@@ -1,4 +1,4 @@
-import { useBorderColor, useIconColor, useObjectUrl, usePlaceholderColor, useTextColor } from '@chem-po/react';
+import { useBackgroundColor, useBorderColor, useIconColor, useObjectUrl, usePlaceholderColor, useTextColor } from '@chem-po/react';
 import { Ionicons } from '@expo/vector-icons';
 import * as DocumentPicker from 'expo-document-picker';
 import * as ImagePicker from 'expo-image-picker';
@@ -42,7 +42,8 @@ export const FileView = ({
   value,
   hasUpload,
   imageOptions,
-  withFullView
+  withFullView,
+  nonImageContainerStyle
 }) => {
   var _value$type;
   const {
@@ -57,6 +58,7 @@ export const FileView = ({
   const iconColor = useIconColor();
   const fileNameColor = useTextColor();
   const borderColor = useBorderColor();
+  const backgroundColor = useBackgroundColor(100);
   if (!value || missingFile) {
     return /*#__PURE__*/React.createElement(NoFileView, {
       hasUpload: hasUpload
@@ -74,17 +76,23 @@ export const FileView = ({
   }
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.fileContainer, {
-      borderColor
-    }]
+      borderColor,
+      backgroundColor
+    }, nonImageContainerStyle]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.iconContainer
   }, /*#__PURE__*/React.createElement(Ionicons, {
     name: "document",
     size: 24,
     color: iconColor
-  }), /*#__PURE__*/React.createElement(Text, {
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.filenameContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: 1,
     style: [styles.filename, {
       color: fileNameColor
     }]
-  }, value.filename));
+  }, value.filename)));
 };
 export const FileComponent = /*#__PURE__*/forwardRef(({
   input: {
@@ -212,13 +220,23 @@ const styles = StyleSheet.create({
   fileContainer: {
     flexDirection: 'row',
     alignItems: 'center',
-    padding: 8,
     borderWidth: 1,
-    borderRadius: 4
+    borderRadius: 4,
+    maxWidth: '100%',
+    overflow: 'hidden'
+  },
+  filenameContainer: {
+    flex: 1,
+    paddingRight: 4,
+    alignItems: 'center'
   },
   filename: {
     fontSize: 14,
-    marginLeft: 8
+    lineHeight: 30,
+    flex: 1
+  },
+  iconContainer: {
+    padding: 4
   },
   image: {
     borderRadius: 4,

package/lib/module/components/form/input/file/index.js.map

@@ -1 +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","withFullView","_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":[]}
+{"version":3,"names":["useBackgroundColor","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","withFullView","nonImageContainerStyle","_value$type","storagePath","dataUrl","missingFile","url","loading","fileNameColor","backgroundColor","type","startsWith","src","loadingOverride","width","height","image","fileContainer","iconContainer","filenameContainer","numberOfLines","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","maxWidth","flex","paddingRight","lineHeight"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/file/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/loading/ProgressBar.js

@@ -0,0 +1,70 @@
+import { useColorModeValue, useThemeValue } from '@chem-po/react';
+import React, { useEffect, useRef } from 'react';
+import { Animated, StyleSheet, Text, View } from 'react-native';
+export const ProgressBar = ({
+  progress,
+  label,
+  height = 26
+}) => {
+  const accentColor = useThemeValue('colors.accent.300');
+  const animatedWidth = useRef(new Animated.Value(0)).current;
+  const backgroundColor = useColorModeValue('rgba(0, 0, 0, 0.1)', 'rgba(255, 255, 255, 0.2)');
+  useEffect(() => {
+    Animated.timing(animatedWidth, {
+      toValue: progress,
+      duration: 300,
+      useNativeDriver: false // width animations require layout driver
+    }).start();
+  }, [progress, animatedWidth]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.progressContainer, {
+      height,
+      backgroundColor
+    }]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.progressBar
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.progressFill, {
+      width: animatedWidth.interpolate({
+        inputRange: [0, 1],
+        outputRange: ['0%', '100%'],
+        extrapolate: 'clamp'
+      }),
+      backgroundColor: accentColor
+    }]
+  })), /*#__PURE__*/React.createElement(Text, {
+    style: styles.label
+  }, label));
+};
+const styles = StyleSheet.create({
+  progressContainer: {
+    width: '100%',
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 20,
+    padding: 3
+  },
+  progressBar: {
+    height: '100%',
+    width: '100%',
+    borderRadius: 20,
+    overflow: 'hidden'
+  },
+  progressFill: {
+    height: '100%'
+  },
+  label: {
+    position: 'absolute',
+    color: 'white',
+    fontSize: 12,
+    fontWeight: '500',
+    textTransform: 'uppercase',
+    textShadowColor: 'rgba(0, 0, 0, 0.67)',
+    textShadowOffset: {
+      width: 1,
+      height: 1
+    },
+    textShadowRadius: 3
+  }
+});
+//# sourceMappingURL=ProgressBar.js.map

package/lib/module/components/loading/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useColorModeValue","useThemeValue","React","useEffect","useRef","Animated","StyleSheet","Text","View","ProgressBar","progress","label","height","accentColor","animatedWidth","Value","current","backgroundColor","timing","toValue","duration","useNativeDriver","start","createElement","style","styles","progressContainer","progressBar","progressFill","width","interpolate","inputRange","outputRange","extrapolate","create","justifyContent","alignItems","borderRadius","padding","overflow","position","color","fontSize","fontWeight","textTransform","textShadowColor","textShadowOffset","textShadowRadius"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/loading/ProgressBar.tsx"],"mappings":"AAAA,SAASA,iBAAiB,EAAEC,aAAa,QAAQ,gBAAgB;AACjE,OAAOC,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAE/D,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAC1BC,QAAQ;EACRC,KAAK;EACLC,MAAM,GAAG;AAKX,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAGZ,aAAa,CAAC,mBAAmB,CAAC;EACtD,MAAMa,aAAa,GAAGV,MAAM,CAAC,IAAIC,QAAQ,CAACU,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAC3D,MAAMC,eAAe,GAAGjB,iBAAiB,CAAC,oBAAoB,EAAE,0BAA0B,CAAC;EAE3FG,SAAS,CAAC,MAAM;IACdE,QAAQ,CAACa,MAAM,CAACJ,aAAa,EAAE;MAC7BK,OAAO,EAAET,QAAQ;MACjBU,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE,KAAK,CAAE;IAC1B,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAACZ,QAAQ,EAAEI,aAAa,CAAC,CAAC;EAE7B,oBACEZ,KAAA,CAAAqB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACC,MAAM,CAACC,iBAAiB,EAAE;MAAEd,MAAM;MAAEK;IAAgB,CAAC;EAAE,gBACnEf,KAAA,CAAAqB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAEC,MAAM,CAACE;EAAY,gBAC9BzB,KAAA,CAAAqB,aAAA,CAAClB,QAAQ,CAACG,IAAI;IACZgB,KAAK,EAAE,CACLC,MAAM,CAACG,YAAY,EACnB;MACEC,KAAK,EAAEf,aAAa,CAACgB,WAAW,CAAC;QAC/BC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QAClBC,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC;QAC3BC,WAAW,EAAE;MACf,CAAC,CAAC;MACFhB,eAAe,EAAEJ;IACnB,CAAC;EACD,CACH,CACG,CAAC,eACPX,KAAA,CAAAqB,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAEC,MAAM,CAACd;EAAM,GAAEA,KAAY,CACpC,CAAC;AAEX,CAAC;AAED,MAAMc,MAAM,GAAGnB,UAAU,CAAC4B,MAAM,CAAC;EAC/BR,iBAAiB,EAAE;IACjBG,KAAK,EAAE,MAAM;IACbM,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,EAAE;IAChBC,OAAO,EAAE;EACX,CAAC;EACDX,WAAW,EAAE;IACXf,MAAM,EAAE,MAAM;IACdiB,KAAK,EAAE,MAAM;IACbQ,YAAY,EAAE,EAAE;IAChBE,QAAQ,EAAE;EACZ,CAAC;EACDX,YAAY,EAAE;IACZhB,MAAM,EAAE;EACV,CAAC;EACDD,KAAK,EAAE;IACL6B,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;MAAEjB,KAAK,EAAE,CAAC;MAAEjB,MAAM,EAAE;IAAE,CAAC;IACzCmC,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/loading/index.js

@@ -3,4 +3,5 @@ export * from './Loading';
 export * from './LoadingImage';
 export * from './LoadingOverlay';
 export * from './LoadingSwitch';
+export * from './ProgressBar';
 //# sourceMappingURL=index.js.map

package/lib/module/components/loading/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/loading/index.ts"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,WAAW;AACzB,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB;AAChC,cAAc,iBAAiB","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/loading/index.ts"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,WAAW;AACzB,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB;AAChC,cAAc,iBAAiB;AAC/B,cAAc,eAAe","ignoreList":[]}

package/lib/typescript/components/form/UploadProgress/index.d.ts.map

@@ -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;AAE5C,OAAO,KAAkB,MAAM,OAAO,CAAA;AAqCtC,eAAO,MAAM,cAAc,GAAI,aAAa;IAAE,OAAO,EAAE,YAAY,CAAA;CAAE,sBAwBpE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/UploadProgress/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAkB,MAAM,OAAO,CAAA;AAsCtC,eAAO,MAAM,cAAc,GAAI,aAAa;IAAE,OAAO,EAAE,YAAY,CAAA;CAAE,sBAUpE,CAAA"}

package/lib/typescript/components/form/input/file/index.d.ts

@@ -1,12 +1,14 @@
-import { FileValue, InputRef } from '@chem-po/core';
+import { FileValue, ImageViewOptions, InputRef } from '@chem-po/core';
 import { FileField } from '@chem-po/react';
 import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
 import { FieldProps } from '../../types';
-export declare const FileView: ({ value, hasUpload, imageOptions, withFullView, }: {
+export declare const FileView: ({ value, hasUpload, imageOptions, withFullView, nonImageContainerStyle, }: {
     value?: FileValue | null;
     hasUpload?: boolean;
-    imageOptions?: any;
+    imageOptions?: ImageViewOptions;
     withFullView?: boolean;
+    nonImageContainerStyle?: StyleProp<ViewStyle>;
 }) => React.JSX.Element;
 export declare const FileComponent: React.ForwardRefExoticComponent<FieldProps<FileField> & React.RefAttributes<InputRef>>;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/form/input/file/index.d.ts.map

@@ -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,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,mDAKtB;IACD,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,sBAgCA,CAAA;AAED,eAAO,MAAM,aAAa,wFA2FzB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/file/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAkB,MAAM,eAAe,CAAA;AACrF,OAAO,EACL,SAAS,EAOV,MAAM,gBAAgB,CAAA;AAIvB,OAAO,KAA0E,MAAM,OAAO,CAAA;AAC9F,OAAO,EAAE,SAAS,EAA4C,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7F,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AA+BxC,eAAO,MAAM,QAAQ,GAAI,2EAMtB;IACD,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,gBAAgB,CAAA;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC9C,sBAuCA,CAAA;AAED,eAAO,MAAM,aAAa,wFA2FzB,CAAA"}

package/lib/typescript/components/loading/ProgressBar.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const ProgressBar: ({ progress, label, height, }: {
+    progress: number;
+    label?: string;
+    height?: number;
+}) => React.JSX.Element;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/lib/typescript/components/loading/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/components/loading/ProgressBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAGhD,eAAO,MAAM,WAAW,GAAI,8BAIzB;IACD,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,sBAiCA,CAAA"}

package/lib/typescript/components/loading/index.d.ts

@@ -3,4 +3,5 @@ export * from './Loading';
 export * from './LoadingImage';
 export * from './LoadingOverlay';
 export * from './LoadingSwitch';
+export * from './ProgressBar';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/loading/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/loading/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/loading/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@chem-po/react-native",
   "author": "Elan Canfield",
   "license": "MIT",
-  "version": "0.0.25",
+  "version": "0.0.26",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/index.d.ts",
   "source": "src/index.ts",
@@ -50,8 +50,8 @@
     "react-native-paper-dates": "^0.22.42",
     "react-native-svg": "15.11.2",
     "zustand": "^4.3.3",
-    "@chem-po/core": "0.0.25",
-    "@chem-po/react": "0.0.25"
+    "@chem-po/react": "0.0.26",
+    "@chem-po/core": "0.0.26"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",

package/src/components/form/UploadProgress/index.tsx

@@ -1,7 +1,7 @@
 import { UploadsState } from '@chem-po/core'
-import { useThemeValue } from '@chem-po/react'
 import React, { useMemo } from 'react'
-import { Animated, StyleSheet, Text, View } from 'react-native'
+import { StyleSheet, View } from 'react-native'
+import { ProgressBar } from '../../loading/ProgressBar'
 
 const styles = StyleSheet.create({
   container: {
@@ -40,24 +40,10 @@ const styles = StyleSheet.create({
 export const UploadProgress = ({ uploads }: { uploads: UploadsState }) => {
   const asArr = useMemo(() => Object.values(uploads), [uploads])
 
-  const accentColor = useThemeValue('colors.accent.300')
   return (
     <View style={styles.container}>
       {asArr.map(upload => (
-        <Animated.View key={upload.label} style={styles.progressContainer}>
-          <View style={styles.progressBar}>
-            <Animated.View
-              style={[
-                styles.progressFill,
-                {
-                  width: `${upload.percent * 100}%`,
-                  backgroundColor: accentColor,
-                },
-              ]}
-            />
-          </View>
-          <Text style={styles.label}>{upload.label}</Text>
-        </Animated.View>
+        <ProgressBar key={upload.label} progress={upload.percent} label={upload.label} />
       ))}
     </View>
   )

package/src/components/form/input/file/index.tsx

@@ -1,6 +1,7 @@
-import { FileValue, InputRef, LocalFileValue } from '@chem-po/core'
+import { FileValue, ImageViewOptions, InputRef, LocalFileValue } from '@chem-po/core'
 import {
   FileField,
+  useBackgroundColor,
   useBorderColor,
   useIconColor,
   useObjectUrl,
@@ -11,7 +12,7 @@ import { Ionicons } from '@expo/vector-icons'
 import * as DocumentPicker from 'expo-document-picker'
 import * as ImagePicker from 'expo-image-picker'
 import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useState } from 'react'
-import { StyleSheet, Text, TouchableOpacity, View } from 'react-native'
+import { StyleProp, StyleSheet, Text, TouchableOpacity, View, ViewStyle } from 'react-native'
 import { LoadingImage } from '../../../loading/LoadingImage'
 import { FieldProps } from '../../types'
 
@@ -49,11 +50,13 @@ export const FileView = ({
   hasUpload,
   imageOptions,
   withFullView,
+  nonImageContainerStyle,
 }: {
   value?: FileValue | null
   hasUpload?: boolean
-  imageOptions?: any
+  imageOptions?: ImageViewOptions
   withFullView?: boolean
+  nonImageContainerStyle?: StyleProp<ViewStyle>
 }) => {
   const { storagePath, dataUrl } = value ?? {}
   const missingFile = !dataUrl && !storagePath
@@ -63,6 +66,7 @@ export const FileView = ({
   const iconColor = useIconColor()
   const fileNameColor = useTextColor()
   const borderColor = useBorderColor()
+  const backgroundColor = useBackgroundColor(100)
   if (!value || missingFile) {
     return <NoFileView hasUpload={hasUpload} />
   }
@@ -81,9 +85,15 @@ export const FileView = ({
   }
 
   return (
-    <View style={[styles.fileContainer, { borderColor }]}>
-      <Ionicons name="document" size={24} color={iconColor} />
-      <Text style={[styles.filename, { color: fileNameColor }]}>{value.filename}</Text>
+    <View style={[styles.fileContainer, { borderColor, backgroundColor }, nonImageContainerStyle]}>
+      <View style={styles.iconContainer}>
+        <Ionicons name="document" size={24} color={iconColor} />
+      </View>
+      <View style={styles.filenameContainer}>
+        <Text numberOfLines={1} style={[styles.filename, { color: fileNameColor }]}>
+          {value.filename}
+        </Text>
+      </View>
     </View>
   )
 }
@@ -220,13 +230,23 @@ const styles = StyleSheet.create({
   fileContainer: {
     flexDirection: 'row',
     alignItems: 'center',
-    padding: 8,
     borderWidth: 1,
     borderRadius: 4,
+    maxWidth: '100%',
+    overflow: 'hidden',
+  },
+  filenameContainer: {
+    flex: 1,
+    paddingRight: 4,
+    alignItems: 'center',
   },
   filename: {
     fontSize: 14,
-    marginLeft: 8,
+    lineHeight: 30,
+    flex: 1,
+  },
+  iconContainer: {
+    padding: 4,
   },
   image: {
     borderRadius: 4,

package/src/components/loading/ProgressBar.tsx

@@ -0,0 +1,75 @@
+import { useColorModeValue, useThemeValue } from '@chem-po/react'
+import React, { useEffect, useRef } from 'react'
+import { Animated, StyleSheet, Text, View } from 'react-native'
+
+export const ProgressBar = ({
+  progress,
+  label,
+  height = 26,
+}: {
+  progress: number
+  label?: string
+  height?: number
+}) => {
+  const accentColor = useThemeValue('colors.accent.300')
+  const animatedWidth = useRef(new Animated.Value(0)).current
+  const backgroundColor = useColorModeValue('rgba(0, 0, 0, 0.1)', 'rgba(255, 255, 255, 0.2)')
+
+  useEffect(() => {
+    Animated.timing(animatedWidth, {
+      toValue: progress,
+      duration: 300,
+      useNativeDriver: false, // width animations require layout driver
+    }).start()
+  }, [progress, animatedWidth])
+
+  return (
+    <View style={[styles.progressContainer, { height, backgroundColor }]}>
+      <View style={styles.progressBar}>
+        <Animated.View
+          style={[
+            styles.progressFill,
+            {
+              width: animatedWidth.interpolate({
+                inputRange: [0, 1],
+                outputRange: ['0%', '100%'],
+                extrapolate: 'clamp',
+              }),
+              backgroundColor: accentColor,
+            },
+          ]}
+        />
+      </View>
+      <Text style={styles.label}>{label}</Text>
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  progressContainer: {
+    width: '100%',
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 20,
+    padding: 3,
+  },
+  progressBar: {
+    height: '100%',
+    width: '100%',
+    borderRadius: 20,
+    overflow: 'hidden',
+  },
+  progressFill: {
+    height: '100%',
+  },
+  label: {
+    position: 'absolute',
+    color: 'white',
+    fontSize: 12,
+    fontWeight: '500',
+    textTransform: 'uppercase',
+    textShadowColor: 'rgba(0, 0, 0, 0.67)',
+    textShadowOffset: { width: 1, height: 1 },
+    textShadowRadius: 3,
+  },
+})

package/src/components/loading/index.ts

@@ -3,3 +3,4 @@ export * from './Loading'
 export * from './LoadingImage'
 export * from './LoadingOverlay'
 export * from './LoadingSwitch'
+export * from './ProgressBar'