@dhiraj0720/report1chart 2.8.7 → 2.8.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/package.json +1 -1
  2. package/src/components/FrozenTableReport3A.jsx +2 -2
  3. package/src/components/SvgBarLineChartCompact.jsx +2 -2
  4. package/src/components/SvgBarLineChartCompact3A.jsx +3 -3
  5. package/src/components/SvgLineChartCompact3A.jsx +2 -2
  6. package/src/screens/Report1AScreen.jsx +6 -5
  7. package/src/screens/Report2AScreen.jsx +4 -4
  8. package/src/screens/Report3AScreen.jsx +4 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dhiraj0720/report1chart",
3
- "version": "2.8.7",
3
+ "version": "2.8.8",
4
4
  "main": "src/index.jsx",
5
5
  "scripts": {
6
6
  "test": "echo 'No tests'"
package/src/components/FrozenTableReport3A.jsx CHANGED
@@ -128,7 +128,7 @@ const styles = StyleSheet.create({
128
128
  backgroundColor: '#fff',
129
129
  },
130
130
  frozenColumn: {
131
- width: 120,
131
+ width: 100,
132
132
  backgroundColor: '#f4f6f8',
133
133
  borderRightWidth: 1,
134
134
  borderColor: '#ddd',
@@ -141,7 +141,7 @@ const styles = StyleSheet.create({
141
141
  flexDirection: 'row',
142
142
  },
143
143
  cell: {
144
- width: 140,
144
+ width: 110,
145
145
  paddingVertical: 12,
146
146
  paddingHorizontal: 8,
147
147
  justifyContent: 'center',
package/src/components/SvgBarLineChartCompact.jsx CHANGED
@@ -69,7 +69,7 @@ const SvgBarLineChartCompact = ({ data }) => {
69
69
  fontSize="10"
70
70
  textAnchor="middle"
71
71
  fill="white"
72
- transform={`rotate(-90 ${centerX - barWidth - barGap / 2 + barWidth / 2 + 5} ${y(val2024) + h2024 / 2 + 5})`}
72
+ transform={`rotate(-90 ${centerX - barWidth - barGap / 2 + barWidth / 2 + 3} ${y(val2024) + h2024 / 2 + 5})`}
73
73
  fontWeight="700"
74
74
  >
75
75
  {formatNumber(val2024)}
@@ -85,7 +85,7 @@ const SvgBarLineChartCompact = ({ data }) => {
85
85
  fontSize="10"
86
86
  textAnchor="middle"
87
87
  fill="white"
88
- transform={`rotate(-90 ${centerX + barGap / 2 + barWidth / 2} ${y(val2025) + h2025 / 2 + 5})`}
88
+ transform={`rotate(-90 ${centerX + barGap / 2 + barWidth / 2 + 3} ${y(val2025) + h2025 / 2 + 5})`}
89
89
  fontWeight="700"
90
90
  >
91
91
  {formatNumber(val2025)}
package/src/components/SvgBarLineChartCompact3A.jsx CHANGED
@@ -8,7 +8,7 @@ const SvgBarLineChartCompact3A = ({ data }) => {
8
8
  if (!data?.series || !data.labels?.length) return null;
9
9
 
10
10
  const height = 280;
11
- const paddingLeft = 20;
11
+ const paddingLeft = 35;
12
12
  const paddingRight = 30;
13
13
  const paddingTop = 30;
14
14
  const paddingBottom = 70;
@@ -73,7 +73,7 @@ const SvgBarLineChartCompact3A = ({ data }) => {
73
73
  fontSize="10"
74
74
  textAnchor="middle"
75
75
  fill="white"
76
- transform={`rotate(-90 ${textX} ${textY})`}
76
+ transform={`rotate(-90 ${textX + 3} ${textY})`}
77
77
  fontWeight="700"
78
78
  >
79
79
  {formatNumber(val2024)}
@@ -89,7 +89,7 @@ const SvgBarLineChartCompact3A = ({ data }) => {
89
89
  fontSize="10"
90
90
  textAnchor="middle"
91
91
  fill="white"
92
- transform={`rotate(-90 ${centerX + barGap / 2 + barWidth / 2} ${y(val2025) + h2025 / 2 + 5})`}
92
+ transform={`rotate(-90 ${centerX + barGap / 2 + barWidth / 2 + 3} ${y(val2025) + h2025 / 2 + 5})`}
93
93
  fontWeight="700"
94
94
  >
95
95
  {formatNumber(val2025)}
package/src/components/SvgLineChartCompact3A.jsx CHANGED
@@ -8,7 +8,7 @@ const SvgLineChartCompact3A = ({ data }) => {
8
8
  if (!data?.series || !data.labels?.length) return null;
9
9
 
10
10
  const height = 260;
11
- const paddingLeft = 70;
11
+ const paddingLeft = 40;
12
12
  const paddingRight = 30;
13
13
  const paddingTop = 30;
14
14
  const paddingBottom = 60;
@@ -35,7 +35,7 @@ const SvgLineChartCompact3A = ({ data }) => {
35
35
  {[50000, 40000].map((v) => (
36
36
  <SvgText
37
37
  key={v}
38
- x={paddingLeft - 10}
38
+ x={paddingLeft - 13}
39
39
  y={y(v) + 5}
40
40
  fontSize="11"
41
41
  textAnchor="end"
package/src/screens/Report1AScreen.jsx CHANGED
@@ -70,20 +70,21 @@ const styles = StyleSheet.create({
70
70
  alignItems: 'center',
71
71
  paddingHorizontal: 16,
72
72
  paddingVertical: 18,
73
- backgroundColor: '#fff',
73
+ backgroundColor: '#8AB6E8',
74
74
  borderBottomWidth: 1,
75
- borderColor: '#eee',
75
+ borderColor: '#8AB6E8',
76
76
  marginBottom: 12,
77
77
  },
78
78
  backIcon: {
79
- fontSize: 28,
80
- color: '#000',
79
+ fontSize: 32,
80
+ color: '#fff',
81
81
  marginRight: 16,
82
+ fontWeight: '300',
82
83
  },
83
84
  headerTitle: {
84
85
  fontSize: 19,
85
86
  fontWeight: '700',
86
- color: '#000',
87
+ color: '#fff',
87
88
  flex: 1,
88
89
  textAlign: 'center',
89
90
  },
package/src/screens/Report2AScreen.jsx CHANGED
@@ -169,12 +169,12 @@ const styles = StyleSheet.create({
169
169
  alignItems: 'center',
170
170
  paddingHorizontal: 16,
171
171
  paddingVertical: 18,
172
- backgroundColor: '#fff',
172
+ backgroundColor: '#8AB6E8',
173
173
  borderBottomWidth: 1,
174
- borderColor: '#eee',
174
+ borderColor: '#8AB6E8',
175
175
  },
176
- backIcon: { fontSize: 28, color: '#000' },
177
- headerTitle: { fontSize: 19, fontWeight: '700', color: '#000', flex: 1, textAlign: 'center' },
176
+ backIcon: { fontSize: 32, color: '#fff', fontWeight: '300' },
177
+ headerTitle: { fontSize: 19, fontWeight: '700', color: '#fff', flex: 1, textAlign: 'center' },
178
178
 
179
179
  filterBar: {
180
180
  flexDirection: 'row',
package/src/screens/Report3AScreen.jsx CHANGED
@@ -198,12 +198,12 @@ const styles = StyleSheet.create({
198
198
  alignItems: 'center',
199
199
  paddingHorizontal: 16,
200
200
  paddingVertical: 18,
201
- backgroundColor: '#fff',
201
+ backgroundColor: '#8AB6E8',
202
202
  borderBottomWidth: 1,
203
- borderColor: '#eee',
203
+ borderColor: '#8AB6E8',
204
204
  },
205
- backIcon: { fontSize: 28, color: '#000' },
206
- headerTitle: { fontSize: 19, fontWeight: '700', color: '#000', flex: 1, textAlign: 'center' },
205
+ backIcon: { fontSize: 28, color: '#fff', fontWeight: '300' },
206
+ headerTitle: { fontSize: 19, fontWeight: '700', color: '#fff', flex: 1, textAlign: 'center' },
207
207
 
208
208
  filterBar: {
209
209
  flexDirection: 'row',