@dhiraj0720/report1chart 3.0.3 → 3.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dhiraj0720/report1chart",
-  "version": "3.0.3",
+  "version": "3.0.4",
   "main": "src/index.jsx",
   "scripts": {
     "test": "echo 'No tests'"

package/src/components/FrozenTableReport4A.jsx

@@ -118,9 +118,8 @@ const PercentCell = ({ value, trend }) => {
         styles.percentText,
         isUp ? styles.percentUp : styles.percentDown,
       ]}
-      numberOfLines={1}
-      adjustsFontSizeToFit
-      minimumFontScale={0.8}
+      numberOfLines={2}
+      ellipsizeMode="tail"
     >
       {isUp ? '↑' : '↓'} {Math.abs(value)}%
     </Text>
@@ -141,9 +140,8 @@ const RatioCell = ({ value }) => {
         styles.percentText,
         isUp ? styles.percentUp : styles.percentDown,
       ]}
-      numberOfLines={1}
-      adjustsFontSizeToFit
-      minimumFontScale={0.8}
+      numberOfLines={2}
+      ellipsizeMode="tail"
     >
       {isUp ? '↑' : '↓'} %{value}
     </Text>
@@ -164,10 +162,8 @@ const Cell = ({ children, bold = false, highlight = false, width = 100 }) => (
         styles.cellText,
         bold && styles.boldText,
       ]}
-      numberOfLines={1}
+      numberOfLines={2}
       ellipsizeMode="tail"
-      adjustsFontSizeToFit
-      minimumFontScale={0.72}
     >
       {children}
     </Text>
@@ -291,14 +287,17 @@ const styles = StyleSheet.create({
   },
   cell: {
     width: 100,
-    paddingVertical: 12,
+    height: 48,
+    paddingVertical: 6,
     paddingHorizontal: 8,
     justifyContent: 'center',
+    alignItems: 'center',
     borderBottomWidth: 1,
     borderColor: '#e0e0e0',
   },
   cellText: {
     fontSize: 12,
+    lineHeight: 14,
     textAlign: 'center',
     color: '#333',
   },