@chem-po/react-native 0.0.24 → 0.0.26

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/image/ImageViewModal.backup.js

@@ -0,0 +1,277 @@
+import { useScreen } from '@chem-po/react';
+import { Ionicons } from '@expo/vector-icons';
+import React, { useCallback, useMemo, useRef, useState } from 'react';
+import { Animated, Image, Modal, StyleSheet, TouchableOpacity, View } from 'react-native';
+import { Gesture, GestureDetector, GestureHandlerRootView } from 'react-native-gesture-handler';
+import { LoadingLogo } from '../loading/Loading';
+export const ImageViewModal = ({
+  isOpen,
+  onClose,
+  src
+}) => {
+  const [loading, setLoading] = useState(true);
+  const screenWidth = useScreen(s => s.width);
+  const screenHeight = useScreen(s => s.height);
+  const [imageSize, setImageSize] = useState({
+    width: screenWidth / 2,
+    height: screenHeight / 2
+  });
+
+  // Animated values for zoom and pan
+  const scale = useRef(new Animated.Value(1)).current;
+  const translateX = useRef(new Animated.Value(0)).current;
+  const translateY = useRef(new Animated.Value(0)).current;
+
+  // Gesture state
+  const savedScale = useRef(1);
+  const savedTranslateX = useRef(0);
+  const savedTranslateY = useRef(0);
+  const currentScale = useRef(1);
+  const currentTranslateX = useRef(0);
+  const currentTranslateY = useRef(0);
+  const {
+    height,
+    width
+  } = useMemo(() => {
+    if (loading) return imageSize;
+    const ratio = imageSize.width / imageSize.height;
+    let h = Math.min(imageSize.height, screenHeight * 0.9);
+    let w = h * ratio;
+    if (w > screenWidth * 0.9) {
+      w = Math.min(imageSize.width, screenWidth * 0.9);
+      h = w / ratio;
+    }
+    return {
+      height: h,
+      width: w
+    };
+  }, [screenHeight, screenWidth, imageSize, loading]);
+  const onLoadStart = useCallback(() => setLoading(true), []);
+  const onLoad = useCallback(e => {
+    const {
+      width: naturalWidth,
+      height: naturalHeight
+    } = e.nativeEvent.source;
+    setImageSize({
+      width: naturalWidth,
+      height: naturalHeight
+    });
+    setLoading(false);
+  }, []);
+
+  // Reset zoom and pan when modal opens/closes
+  const resetTransform = useCallback(() => {
+    scale.setValue(1);
+    translateX.setValue(0);
+    translateY.setValue(0);
+    savedScale.current = 1;
+    savedTranslateX.current = 0;
+    savedTranslateY.current = 0;
+    currentScale.current = 1;
+    currentTranslateX.current = 0;
+    currentTranslateY.current = 0;
+  }, [scale, translateX, translateY]);
+
+  // Reset when modal closes or src changes
+  React.useEffect(() => {
+    if (!isOpen || !src) {
+      resetTransform();
+    }
+  }, [isOpen, src, resetTransform]);
+
+  // Pan gesture
+  const panGesture = Gesture.Pan().onUpdate(event => {
+    // Only allow panning if zoomed in
+    if (savedScale.current > 1) {
+      const newTranslateX = savedTranslateX.current + event.translationX;
+      const newTranslateY = savedTranslateY.current + event.translationY;
+
+      // Calculate bounds to prevent panning too far
+      const maxTranslateX = (width * savedScale.current - width) / 2;
+      const maxTranslateY = (height * savedScale.current - height) / 2;
+      const boundedTranslateX = Math.max(-maxTranslateX, Math.min(maxTranslateX, newTranslateX));
+      const boundedTranslateY = Math.max(-maxTranslateY, Math.min(maxTranslateY, newTranslateY));
+      translateX.setValue(boundedTranslateX);
+      translateY.setValue(boundedTranslateY);
+      currentTranslateX.current = boundedTranslateX;
+      currentTranslateY.current = boundedTranslateY;
+    }
+  }).onEnd(() => {
+    savedTranslateX.current = currentTranslateX.current;
+    savedTranslateY.current = currentTranslateY.current;
+  });
+
+  // Pinch gesture
+  const pinchGesture = Gesture.Pinch().onUpdate(event => {
+    const newScale = savedScale.current * event.scale;
+    // Limit zoom between 1x and 5x
+    const boundedScale = Math.max(1, Math.min(5, newScale));
+    scale.setValue(boundedScale);
+    currentScale.current = boundedScale;
+
+    // If zooming out to 1x, reset position
+    if (boundedScale <= 1) {
+      translateX.setValue(0);
+      translateY.setValue(0);
+      currentTranslateX.current = 0;
+      currentTranslateY.current = 0;
+    }
+  }).onEnd(() => {
+    savedScale.current = currentScale.current;
+    // If scale is close to 1, snap back to 1
+    if (savedScale.current < 1.1) {
+      Animated.parallel([Animated.spring(scale, {
+        toValue: 1,
+        useNativeDriver: true
+      }), Animated.spring(translateX, {
+        toValue: 0,
+        useNativeDriver: true
+      }), Animated.spring(translateY, {
+        toValue: 0,
+        useNativeDriver: true
+      })]).start();
+      savedScale.current = 1;
+      savedTranslateX.current = 0;
+      savedTranslateY.current = 0;
+      currentScale.current = 1;
+      currentTranslateX.current = 0;
+      currentTranslateY.current = 0;
+    } else {
+      savedTranslateX.current = currentTranslateX.current;
+      savedTranslateY.current = currentTranslateY.current;
+    }
+  });
+
+  // Double tap to zoom
+  const doubleTapGesture = Gesture.Tap().numberOfTaps(2).onEnd(() => {
+    if (savedScale.current > 1) {
+      // Zoom out
+      Animated.parallel([Animated.spring(scale, {
+        toValue: 1,
+        useNativeDriver: true
+      }), Animated.spring(translateX, {
+        toValue: 0,
+        useNativeDriver: true
+      }), Animated.spring(translateY, {
+        toValue: 0,
+        useNativeDriver: true
+      })]).start();
+      savedScale.current = 1;
+      savedTranslateX.current = 0;
+      savedTranslateY.current = 0;
+      currentScale.current = 1;
+      currentTranslateX.current = 0;
+      currentTranslateY.current = 0;
+    } else {
+      // Zoom in to 2x
+      Animated.spring(scale, {
+        toValue: 2,
+        useNativeDriver: true
+      }).start();
+      savedScale.current = 2;
+      currentScale.current = 2;
+    }
+  });
+
+  // Test simple single tap gesture
+
+  // Combine gestures - simplified approach
+  const combinedGestures = Gesture.Race(doubleTapGesture, Gesture.Simultaneous(panGesture, pinchGesture));
+  if (!isOpen) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Modal, {
+    visible: isOpen,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: onClose
+  }, /*#__PURE__*/React.createElement(GestureHandlerRootView, {
+    style: styles.gestureRoot
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.modalOverlay
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.backgroundTouchable,
+    activeOpacity: 1,
+    onPress: onClose
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.contentContainer
+  }, /*#__PURE__*/React.createElement(GestureDetector, {
+    gesture: combinedGestures
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.imageContainer, {
+      width,
+      height,
+      opacity: loading ? 0 : 1,
+      transform: [{
+        scale
+      }, {
+        translateX
+      }, {
+        translateY
+      }]
+    }]
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: src ? {
+      uri: src
+    } : undefined,
+    style: styles.image,
+    onLoadStart: onLoadStart,
+    onLoad: onLoad,
+    resizeMode: "contain"
+  }))), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.closeButton,
+    onPress: onClose
+  }, /*#__PURE__*/React.createElement(Ionicons, {
+    name: "close",
+    size: 24,
+    color: "white"
+  })), loading || !src ? /*#__PURE__*/React.createElement(View, {
+    style: styles.loadingContainer
+  }, /*#__PURE__*/React.createElement(LoadingLogo, {
+    isLoading: loading,
+    size: 70
+  })) : null))));
+};
+const styles = StyleSheet.create({
+  gestureRoot: {
+    flex: 1
+  },
+  modalOverlay: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.7)'
+  },
+  backgroundTouchable: {
+    ...StyleSheet.absoluteFillObject
+  },
+  contentContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 16
+  },
+  imageContainer: {
+    overflow: 'hidden',
+    borderRadius: 4
+  },
+  image: {
+    width: '100%',
+    height: '100%'
+  },
+  closeButton: {
+    position: 'absolute',
+    top: 16,
+    right: 16,
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  loadingContainer: {
+    ...StyleSheet.absoluteFillObject,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=ImageViewModal.backup.js.map

package/lib/module/components/image/ImageViewModal.backup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useScreen","Ionicons","React","useCallback","useMemo","useRef","useState","Animated","Image","Modal","StyleSheet","TouchableOpacity","View","Gesture","GestureDetector","GestureHandlerRootView","LoadingLogo","ImageViewModal","isOpen","onClose","src","loading","setLoading","screenWidth","s","width","screenHeight","height","imageSize","setImageSize","scale","Value","current","translateX","translateY","savedScale","savedTranslateX","savedTranslateY","currentScale","currentTranslateX","currentTranslateY","ratio","h","Math","min","w","onLoadStart","onLoad","e","naturalWidth","naturalHeight","nativeEvent","source","resetTransform","setValue","useEffect","panGesture","Pan","onUpdate","event","newTranslateX","translationX","newTranslateY","translationY","maxTranslateX","maxTranslateY","boundedTranslateX","max","boundedTranslateY","onEnd","pinchGesture","Pinch","newScale","boundedScale","parallel","spring","toValue","useNativeDriver","start","doubleTapGesture","Tap","numberOfTaps","combinedGestures","Race","Simultaneous","createElement","visible","transparent","animationType","onRequestClose","style","styles","gestureRoot","modalOverlay","backgroundTouchable","activeOpacity","onPress","contentContainer","gesture","imageContainer","opacity","transform","uri","undefined","image","resizeMode","closeButton","name","size","color","loadingContainer","isLoading","create","flex","backgroundColor","absoluteFillObject","justifyContent","alignItems","padding","overflow","borderRadius","position","top","right"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/image/ImageViewModal.backup.tsx"],"mappings":"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","ignoreList":[]}