@dhiraj0720/report1chart 2.9.3 → 2.9.4

package/package.json

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

package/src/components/FrozenTableReport1A.jsx

@@ -1,13 +1,11 @@
 import React from 'react';
 import { View, Text, ScrollView, StyleSheet } from 'react-native';
 
-// Format numbers with commas: 1234567 → 1,234,567
 const formatNumber = (value) => {
   if (value === null || value === undefined || value === '') return '-';
   return Number(value).toLocaleString('en-US');
 };
 
-// Percentage cell with arrow and color
 const PercentCell = ({ value }) => {
   if (value === null || value === undefined) return <Text>-</Text>;
   const positive = value >= 0;
@@ -21,7 +19,6 @@ const PercentCell = ({ value }) => {
   );
 };
 
-// Reusable Cell
 const Cell = ({ children, bold = false, highlight = false, isFrozen = false }) => (
   <View style={[
     styles.cell,
@@ -29,7 +26,11 @@ const Cell = ({ children, bold = false, highlight = false, isFrozen = false }) =
     bold && styles.bold,
     highlight && styles.highlightCell
   ]}>
-    <Text style={[styles.cellText, bold && styles.boldText]}>
+    <Text 
+      style={[styles.cellText, bold && styles.boldText]}
+      numberOfLines={1}
+      ellipsizeMode="tail"
+    >
       {children}
     </Text>
   </View>
@@ -40,12 +41,11 @@ const FrozenTableReport1A = ({ rows = [], isFullscreen = false }) => {
     return <Text style={{ textAlign: 'center', padding: 20, color: '#666' }}>No data available</Text>;
   }
 
-  // Wider frozen column in fullscreen
   const frozenColumnWidth = isFullscreen ? 180 : 150;
 
   return (
     <View style={styles.container}>
-      {/* Frozen Left Column - FAALİYET */}
+      {/* Frozen Column */}
       <View style={[styles.frozenColumn, { width: frozenColumnWidth }]}>
         <Cell bold isFrozen>FAALİYET</Cell>
         {rows.map((row, i) => (
@@ -58,10 +58,12 @@ const FrozenTableReport1A = ({ rows = [], isFullscreen = false }) => {
       {/* Scrollable Columns */}
       <ScrollView horizontal showsHorizontalScrollIndicator={false}>
         <View>
-          {/* Header Row */}
+          {/* Header Row - Single Line Only */}
           <View style={styles.headerRow}>
             {['2024', '2025', 'Artış %', '2025 Bütçe', 'Sapma %'].map((header) => (
-              <Cell key={header} bold>{header}</Cell>
+              <Cell key={header} bold>
+                {header}
+              </Cell>
             ))}
           </View>
 
@@ -106,8 +108,9 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
   },
   cell: {
-    minWidth: 110,
-    paddingHorizontal: 14,           // +7 left/right for spacious feel
+    minWidth: 120,                    // Increased to prevent wrapping
+    maxWidth: 180,                    // Optional: limit max width
+    paddingHorizontal: 12,
     paddingVertical: 12,
     justifyContent: 'center',
     alignItems: 'center',
@@ -116,7 +119,7 @@ const styles = StyleSheet.create({
   },
   frozenCell: {
     justifyContent: 'flex-start',
-    paddingLeft: 18,
+    paddingLeft: 16,
   },
   cellText: {
     fontSize: 12.5,

package/src/screens/Report1AScreen.jsx

@@ -29,7 +29,7 @@ const Report1AScreen = ({ endpoint, token, onBack }) => {
       {/* FULL-WIDTH BLUE HEADER */}
       <View style={styles.header}>
         <TouchableOpacity onPress={onBack} style={styles.backButton}>
-          <Text style={styles.backIcon}>←</Text>
+          <Text style={styles.backIcon}>‹</Text>
         </TouchableOpacity>
         <Text style={styles.headerTitle}>PERFORMANS RAPORU (USD)</Text>
       </View>
@@ -99,7 +99,7 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     paddingVertical: 18,
     paddingHorizontal: 16,
-    backgroundColor: '#1565c0',  // Deep blue
+    backgroundColor: '#4E79A7',  // Deep blue
   },
   backButton: {
     padding: 8,