impaktapps-design 0.2.79 → 0.2.85
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.
- package/dist/impaktapps-design.es.js +164 -180
- package/dist/impaktapps-design.es.js.map +1 -0
- package/dist/impaktapps-design.umd.js +11 -10
- package/dist/impaktapps-design.umd.js.map +1 -0
- package/dist/src/component/LineGraph/DrawLineGraph.d.ts +1 -1
- package/dist/src/utils/finalDataProvider.d.ts +1 -4
- package/dist/style.css +1 -1
- package/package.json +4 -1
- package/src/component/BottomAxis.tsx +1 -8
- package/src/component/Legend.tsx +2 -3
- package/src/component/LineGraph/DrawLineGraph.tsx +10 -11
- package/src/component/LineGraph/LineGraph.tsx +2 -18
- package/src/component/PieGraph/DrawPieGraph.tsx +3 -8
- package/src/component/PieGraph/PieGraph.tsx +1 -3
- package/src/component/ProgressBar/ProgressBar.tsx +63 -59
- package/src/component/SpeedoMeter/SpeedoMeter.tsx +9 -39
- package/src/component/Timer/Timer.tsx +13 -16
- package/src/utils/finalDataProvider.ts +44 -36
- package/src/Style/style.css +0 -20
|
@@ -1,12 +1,43 @@
|
|
|
1
1
|
const Product1 = [
|
|
2
|
-
{
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
2
|
+
{
|
|
3
|
+
"key": "HDFC",
|
|
4
|
+
"value":
|
|
5
|
+
[
|
|
6
|
+
{
|
|
7
|
+
"x": 1,
|
|
8
|
+
"y": 2
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
"x": 2,
|
|
12
|
+
"y": 2
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
"x": 3,
|
|
16
|
+
"y": 2
|
|
17
|
+
}
|
|
18
|
+
]
|
|
19
|
+
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
"key": "Kotak",
|
|
23
|
+
"value":
|
|
24
|
+
[
|
|
25
|
+
{
|
|
26
|
+
"x": 2,
|
|
27
|
+
"y": 5
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
"x": 3,
|
|
31
|
+
"y": 6
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
"x": 3,
|
|
35
|
+
"y": 5
|
|
36
|
+
}
|
|
37
|
+
]
|
|
38
|
+
|
|
39
|
+
}
|
|
40
|
+
]
|
|
10
41
|
export const finalDataProvider = (type: string, value: any,theme?:any) => {
|
|
11
42
|
switch (type) {
|
|
12
43
|
case "BarGraph":
|
|
@@ -85,7 +116,6 @@ export const finalDataProvider = (type: string, value: any,theme?:any) => {
|
|
|
85
116
|
}
|
|
86
117
|
};
|
|
87
118
|
case "PieGraph":
|
|
88
|
-
|
|
89
119
|
return {
|
|
90
120
|
main: {
|
|
91
121
|
data: value?.main?.data || [{ branch: "Kotak", value: 500 }, { branch: "SBI", value: 700 }, { branch: "HDFC", value: 900 }],
|
|
@@ -162,7 +192,7 @@ export const finalDataProvider = (type: string, value: any,theme?:any) => {
|
|
|
162
192
|
},
|
|
163
193
|
},
|
|
164
194
|
pieStyle: {
|
|
165
|
-
colorRange: ["#3f51b5", "rgba(200,0,31,0.9)", "rgba(25,200,205,0.6)"
|
|
195
|
+
colorRange: ["#3f51b5", "rgba(200,0,31,0.9)", "rgba(25,200,205,0.6)"],
|
|
166
196
|
outerRadius: 120,
|
|
167
197
|
innerRadius: 60,
|
|
168
198
|
cornerRadius: 2,
|
|
@@ -175,7 +205,7 @@ export const finalDataProvider = (type: string, value: any,theme?:any) => {
|
|
|
175
205
|
return {
|
|
176
206
|
|
|
177
207
|
main: {
|
|
178
|
-
data: value?.main?.data ||
|
|
208
|
+
data: value?.main?.data || Product1,
|
|
179
209
|
header: "Line Graph Dynamic",
|
|
180
210
|
bottomLabel: "Name of Employe",
|
|
181
211
|
leftLabel: "Value",
|
|
@@ -183,7 +213,7 @@ export const finalDataProvider = (type: string, value: any,theme?:any) => {
|
|
|
183
213
|
numHidden: false,
|
|
184
214
|
tooltipDataKey: ["MAMA New Project", "Second", "Third"],
|
|
185
215
|
axisLeft: true,
|
|
186
|
-
|
|
216
|
+
|
|
187
217
|
axisBottom: true,
|
|
188
218
|
hideLeftAxisLine: false,
|
|
189
219
|
hideBottomAxisLine: false,
|
|
@@ -193,14 +223,14 @@ export const finalDataProvider = (type: string, value: any,theme?:any) => {
|
|
|
193
223
|
legendTitle: "Our Assests",
|
|
194
224
|
direction: "row",
|
|
195
225
|
align: "right",
|
|
196
|
-
|
|
226
|
+
colorRectWidth: 20,
|
|
197
227
|
...value?.main?.legend
|
|
198
228
|
},
|
|
199
229
|
},
|
|
200
230
|
style: {
|
|
201
231
|
containerStyle: {
|
|
202
232
|
background:theme.palette.secondary.main,
|
|
203
|
-
width: "
|
|
233
|
+
width: "90%",
|
|
204
234
|
height: "300",
|
|
205
235
|
borderRadius: "20px",
|
|
206
236
|
padding: "10px 0 2px 0",
|
|
@@ -217,28 +247,6 @@ export const finalDataProvider = (type: string, value: any,theme?:any) => {
|
|
|
217
247
|
color:theme.palette.text.primary,
|
|
218
248
|
...value?.style?.headerStyle
|
|
219
249
|
},
|
|
220
|
-
legendStyle: {
|
|
221
|
-
legend: {
|
|
222
|
-
lineHeight: "0.9em",
|
|
223
|
-
color: theme.palette.text.primary,
|
|
224
|
-
fontSize: "10px",
|
|
225
|
-
|
|
226
|
-
fontFamily: "arial",
|
|
227
|
-
padding: "10px 10px",
|
|
228
|
-
float: "left",
|
|
229
|
-
border: "1px solid rgba(255, 255, 255, 0.3)",
|
|
230
|
-
borderRadius: " 8px",
|
|
231
|
-
margin: "5px 5px",
|
|
232
|
-
...value?.style?.legendStyle?.legend,
|
|
233
|
-
},
|
|
234
|
-
legendTitle: {
|
|
235
|
-
fontWeight: 500,
|
|
236
|
-
marginBottom: "5px",
|
|
237
|
-
fontFamily: "roboto",
|
|
238
|
-
fontSize: "10px",
|
|
239
|
-
...value?.style?.legendStyle?.legendTitle,
|
|
240
|
-
},
|
|
241
|
-
},
|
|
242
250
|
labelStyle: {
|
|
243
251
|
labelColor:theme.palette.text.primary,
|
|
244
252
|
bottomLabelOffset: 20,
|
package/src/Style/style.css
DELETED