@dhirajpatil2025/report1chart 1.0.0 → 1.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dhirajpatil2025/report1chart",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "main": "src/index.js",
   "publishConfig": {
     "access": "public"

package/src/index.js

@@ -7,27 +7,29 @@ import {
   StyleSheet,
 } from 'react-native';
 
-const ReportChart = ({ baseUrl, token, buttons = [], height = 200 }) => {
+const ReportChart = ({ baseUrl, height = 200 }) => {
   const [loading, setLoading] = useState(false);
   const [chartData, setChartData] = useState([]);
   const [active, setActive] = useState(null);
   const [error, setError] = useState(null);
 
+  const buttons = [
+    { label: 'Revenue', endpoint: '/revenue-trend' },
+    { label: 'Orders', endpoint: '/orders-trend' },
+    { label: 'Shipments', endpoint: '/shipments-trend' },
+  ];
+
   const fetchData = async (btn) => {
     try {
       setActive(btn.label);
       setLoading(true);
       setError(null);
 
-      const res = await fetch(baseUrl + btn.endpoint, {
-        headers: {
-          Authorization: `Bearer ${token}`,
-        },
-      });
-
+      const res = await fetch(`${baseUrl}${btn.endpoint}`);
       const json = await res.json();
 
-      // 🔹 Transform API response INSIDE npm
+      // Expecting:
+      // { labels: [...], values: [...] }
       const formatted = json.labels.map((label, i) => ({
         name: label,
         value: json.values[i],
@@ -59,13 +61,9 @@ const ReportChart = ({ baseUrl, token, buttons = [], height = 200 }) => {
         ))}
       </View>
 
-      {/* 🔄 LOADING */}
       {loading && <ActivityIndicator size="large" />}
-
-      {/* ❌ ERROR */}
       {error && <Text style={styles.error}>{error}</Text>}
 
-      {/* 📊 CHART */}
       {!loading && chartData.length > 0 && (
         <View style={[styles.chart, { height }]}>
           {chartData.map((item, index) => (
@@ -98,7 +96,7 @@ const styles = StyleSheet.create({
     marginHorizontal: 4,
     paddingVertical: 8,
     borderRadius: 6,
-    backgroundColor: '#ddd',
+    backgroundColor: '#e0e0e0',
     alignItems: 'center',
   },
   activeBtn: {