namirasoft-site-react 1.3.422 → 1.3.423
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/App.js
CHANGED
|
@@ -89,7 +89,11 @@ export function App() {
|
|
|
89
89
|
]
|
|
90
90
|
];
|
|
91
91
|
let [state, setState] = useState(false);
|
|
92
|
-
return (_jsxs(_Fragment, { children: [_jsx(NSChartPie, {
|
|
92
|
+
return (_jsxs(_Fragment, { children: [_jsx(NSChartPie, { title: 'test', data: [1, 2, 67], labels: ["test1", "test2", "test3"], backgroundColor: [
|
|
93
|
+
"hsla(250, 87%, 29%, 1)",
|
|
94
|
+
"hsla(250, 68%, 56%, 1)",
|
|
95
|
+
"hsla(250, 68%, 56%, 1)",
|
|
96
|
+
] }), _jsxs(NSLayout, { header: {
|
|
93
97
|
title: "any",
|
|
94
98
|
icons: icons
|
|
95
99
|
}, scope: "Namirasoft Account Console", logo: "exampleLogoUrl", notifications: [], background: "", isLoggedIn: () => false, children: [_jsx(NSPanel, { grid: false, children: _jsx(NSRepeater, { createItem: (index, ref, onChange, onDelete) => {
|
package/dist/App.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1,7 @@
|
|
|
1
|
-
export
|
|
1
|
+
export interface NSChartPieProps {
|
|
2
|
+
title: string;
|
|
3
|
+
data: number[];
|
|
4
|
+
backgroundColor: string[];
|
|
5
|
+
labels: string[];
|
|
6
|
+
}
|
|
7
|
+
export declare function NSChartPie(props: NSChartPieProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,54 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Doughnut } from 'react-chartjs-2';
|
|
3
|
+
import { Chart as ChartJS, ArcElement, Tooltip, Legend, Title, SubTitle, CategoryScale, LinearScale, BarElement, PointElement, LineElement } from 'chart.js';
|
|
4
|
+
ChartJS.register(ArcElement, Tooltip, Legend, Title, SubTitle, CategoryScale, LinearScale, BarElement, PointElement, LineElement);
|
|
5
|
+
const options = {
|
|
6
|
+
responsive: true,
|
|
7
|
+
plugins: {
|
|
8
|
+
legend: {
|
|
9
|
+
position: 'left',
|
|
10
|
+
labels: {
|
|
11
|
+
color: 'hsla(250, 87%, 29%, 1)',
|
|
12
|
+
},
|
|
13
|
+
},
|
|
14
|
+
title: {
|
|
15
|
+
display: true,
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
animation: {
|
|
19
|
+
animateScale: true,
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
export function NSChartPie(props) {
|
|
23
|
+
const data = {
|
|
24
|
+
labels: props.labels,
|
|
25
|
+
datasets: [
|
|
26
|
+
{
|
|
27
|
+
data: props.data,
|
|
28
|
+
backgroundColor: props.backgroundColor,
|
|
29
|
+
borderWidth: 0,
|
|
30
|
+
}
|
|
31
|
+
]
|
|
32
|
+
};
|
|
33
|
+
const centerTitlePlugin = {
|
|
34
|
+
id: 'centerTitle',
|
|
35
|
+
afterDraw(chart) {
|
|
36
|
+
const { ctx, chartArea: { width, height } } = chart;
|
|
37
|
+
const meta = chart.getDatasetMeta(0);
|
|
38
|
+
const arc = meta.data[0];
|
|
39
|
+
ctx.save();
|
|
40
|
+
const fontSize = arc.innerRadius / 3;
|
|
41
|
+
ctx.font = `${fontSize}px sans-serif`;
|
|
42
|
+
ctx.fillStyle = 'hsla(234, 64%, 22%, 1)';
|
|
43
|
+
ctx.textBaseline = 'middle';
|
|
44
|
+
ctx.textAlign = 'center';
|
|
45
|
+
const text = props.title;
|
|
46
|
+
const centerX = (arc.x || width / 2);
|
|
47
|
+
const centerY = (arc.y || height / 2);
|
|
48
|
+
ctx.fillText(text, centerX, centerY);
|
|
49
|
+
ctx.restore();
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
return (_jsx("div", { className: 'w-100', children: _jsx(Doughnut, { data: data, options: options, plugins: [centerTitlePlugin] }) }));
|
|
4
53
|
}
|
|
5
54
|
//# sourceMappingURL=NSChartPie.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSChartPie.js","sourceRoot":"","sources":["../../src/components/NSChartPie.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"NSChartPie.js","sourceRoot":"","sources":["../../src/components/NSChartPie.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OACA,EACI,KAAK,IAAI,OAAO,EAChB,UAAU,EACV,OAAO,EACP,MAAM,EACN,KAAK,EACL,QAAQ,EACR,aAAa,EACb,WAAW,EACX,UAAU,EACV,YAAY,EACZ,WAAW,EAId,MAAM,UAAU,CAAC;AAElB,OAAO,CAAC,QAAQ,CACZ,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAClC,QAAQ,EACR,aAAa,EACb,WAAW,EACX,UAAU,EACV,YAAY,EACZ,WAAW,CACd,CAAC;AAYF,MAAM,OAAO,GAAG;IACZ,UAAU,EAAE,IAAI;IAChB,OAAO,EAAE;QACL,MAAM,EAAE;YACJ,QAAQ,EAAE,MAAe;YACzB,MAAM,EAAE;gBACJ,KAAK,EAAE,wBAAwB;aAClC;SACJ;QACD,KAAK,EAAE;YACH,OAAO,EAAE,IAAI;SAChB;KACJ;IACD,SAAS,EAAE;QACP,YAAY,EAAE,IAAI;KACrB;CACJ,CAAC;AAEF,MAAM,UAAU,UAAU,CAAC,KAAsB;IAE7C,MAAM,IAAI,GAA0B;QAChC,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,QAAQ,EAAE;YACN;gBACI,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,eAAe,EAAE,KAAK,CAAC,eAAe;gBACtC,WAAW,EAAE,CAAC;aACjB;SACJ;KACJ,CAAC;IACF,MAAM,iBAAiB,GAAuB;QAC1C,EAAE,EAAE,aAAa;QACjB,SAAS,CAAC,KAAK;YAEX,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,KAAK,CAAC;YACpD,MAAM,IAAI,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;YACrC,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAA8B,CAAC;YAEtD,GAAG,CAAC,IAAI,EAAE,CAAC;YAEX,MAAM,QAAQ,GAAG,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC;YACrC,GAAG,CAAC,IAAI,GAAG,GAAG,QAAQ,eAAe,CAAC;YACtC,GAAG,CAAC,SAAS,GAAG,wBAAwB,CAAC;YACzC,GAAG,CAAC,YAAY,GAAG,QAAQ,CAAC;YAC5B,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC;YAEzB,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC;YACzB,MAAM,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC;YACrC,MAAM,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,MAAM,GAAG,CAAC,CAAC,CAAC;YAEtC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;YACrC,GAAG,CAAC,OAAO,EAAE,CAAC;QAClB,CAAC;KACJ,CAAC;IACF,OAAO,CACH,cAAK,SAAS,EAAC,OAAO,YAClB,KAAC,QAAQ,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,iBAAiB,CAAC,GAC9B,GACA,CACT,CAAC;AACN,CAAC"}
|
package/package.json
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"framework": "npm",
|
|
9
9
|
"application": "package",
|
|
10
10
|
"private": false,
|
|
11
|
-
"version": "1.3.
|
|
11
|
+
"version": "1.3.423",
|
|
12
12
|
"author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh, Mehrab Bahramian",
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"main": "./dist/main.js",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@ant-design/charts": "^2.1.2",
|
|
25
|
-
"@types/node": "^22.
|
|
25
|
+
"@types/node": "^22.2.0",
|
|
26
26
|
"@types/react": "^18.3.3",
|
|
27
27
|
"@types/react-bootstrap": "^0.32.37",
|
|
28
28
|
"@types/react-dom": "^18.3.0",
|
package/src/App.tsx
CHANGED
|
@@ -109,7 +109,15 @@ export function App()
|
|
|
109
109
|
let [state, setState] = useState(false)
|
|
110
110
|
return (
|
|
111
111
|
<>
|
|
112
|
-
<NSChartPie
|
|
112
|
+
<NSChartPie
|
|
113
|
+
title='test'
|
|
114
|
+
data={[1, 2, 67]}
|
|
115
|
+
labels={["test1", "test2", "test3"]}
|
|
116
|
+
backgroundColor={[
|
|
117
|
+
"hsla(250, 87%, 29%, 1)",
|
|
118
|
+
"hsla(250, 68%, 56%, 1)",
|
|
119
|
+
"hsla(250, 68%, 56%, 1)",
|
|
120
|
+
]} />
|
|
113
121
|
<NSLayout
|
|
114
122
|
header={{
|
|
115
123
|
title: "any",
|
|
@@ -1,39 +1,104 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
// labels: ["Critical case", "Urgent case", "Errors", "Reviewed", "Success"],
|
|
5
|
-
// datasets: [
|
|
6
|
-
// {
|
|
7
|
-
// data: [30, 30, 5, 15, 20],
|
|
8
|
-
// backgroundColor: [
|
|
9
|
-
// "rgb(242,165,152)",
|
|
10
|
-
// "rgb(255,232,157)",
|
|
11
|
-
// "rgb(236,107,109)",
|
|
12
|
-
// "rgb(122,231,125)",
|
|
13
|
-
// "rgb(195,233,151)"
|
|
14
|
-
// ],
|
|
15
|
-
// hoverBackgroundColor: ["#FF6384", "#36A2EB", "#FFCE56"]
|
|
16
|
-
// }
|
|
17
|
-
// ],
|
|
18
|
-
|
|
19
|
-
// plugins: {
|
|
20
|
-
// labels: {
|
|
21
|
-
// render: "percentage",
|
|
22
|
-
// fontColor: ["green", "white", "red"],
|
|
23
|
-
// precision: 2
|
|
24
|
-
// },
|
|
25
|
-
// },
|
|
26
|
-
// text: "23%",
|
|
27
|
-
// };
|
|
28
|
-
export function NSChartPie()
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
2
|
+
import { Doughnut } from 'react-chartjs-2';
|
|
3
|
+
import
|
|
29
4
|
{
|
|
5
|
+
Chart as ChartJS,
|
|
6
|
+
ArcElement,
|
|
7
|
+
Tooltip,
|
|
8
|
+
Legend,
|
|
9
|
+
Title,
|
|
10
|
+
SubTitle,
|
|
11
|
+
CategoryScale,
|
|
12
|
+
LinearScale,
|
|
13
|
+
BarElement,
|
|
14
|
+
PointElement,
|
|
15
|
+
LineElement,
|
|
16
|
+
ChartData,
|
|
17
|
+
Plugin,
|
|
18
|
+
ArcElement as ArcElementType
|
|
19
|
+
} from 'chart.js';
|
|
30
20
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
21
|
+
ChartJS.register(
|
|
22
|
+
ArcElement, Tooltip, Legend, Title,
|
|
23
|
+
SubTitle,
|
|
24
|
+
CategoryScale,
|
|
25
|
+
LinearScale,
|
|
26
|
+
BarElement,
|
|
27
|
+
PointElement,
|
|
28
|
+
LineElement
|
|
29
|
+
);
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
export interface NSChartPieProps
|
|
34
|
+
{
|
|
35
|
+
title: string;
|
|
36
|
+
data: number[];
|
|
37
|
+
backgroundColor: string[];
|
|
38
|
+
labels: string[]
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
const options = {
|
|
42
|
+
responsive: true,
|
|
43
|
+
plugins: {
|
|
44
|
+
legend: {
|
|
45
|
+
position: 'left' as 'top',
|
|
46
|
+
labels: {
|
|
47
|
+
color: 'hsla(250, 87%, 29%, 1)',
|
|
48
|
+
},
|
|
49
|
+
},
|
|
50
|
+
title: {
|
|
51
|
+
display: true,
|
|
52
|
+
},
|
|
53
|
+
},
|
|
54
|
+
animation: {
|
|
55
|
+
animateScale: true,
|
|
56
|
+
}
|
|
57
|
+
};
|
|
35
58
|
|
|
36
|
-
|
|
37
|
-
|
|
59
|
+
export function NSChartPie(props: NSChartPieProps)
|
|
60
|
+
{
|
|
61
|
+
const data: ChartData<'doughnut'> = {
|
|
62
|
+
labels: props.labels,
|
|
63
|
+
datasets: [
|
|
64
|
+
{
|
|
65
|
+
data: props.data,
|
|
66
|
+
backgroundColor: props.backgroundColor,
|
|
67
|
+
borderWidth: 0,
|
|
68
|
+
}
|
|
69
|
+
]
|
|
70
|
+
};
|
|
71
|
+
const centerTitlePlugin: Plugin<'doughnut'> = {
|
|
72
|
+
id: 'centerTitle',
|
|
73
|
+
afterDraw(chart)
|
|
74
|
+
{
|
|
75
|
+
const { ctx, chartArea: { width, height } } = chart;
|
|
76
|
+
const meta = chart.getDatasetMeta(0);
|
|
77
|
+
const arc = meta.data[0] as unknown as ArcElementType;
|
|
78
|
+
|
|
79
|
+
ctx.save();
|
|
80
|
+
|
|
81
|
+
const fontSize = arc.innerRadius / 3;
|
|
82
|
+
ctx.font = `${fontSize}px sans-serif`;
|
|
83
|
+
ctx.fillStyle = 'hsla(234, 64%, 22%, 1)';
|
|
84
|
+
ctx.textBaseline = 'middle';
|
|
85
|
+
ctx.textAlign = 'center';
|
|
86
|
+
|
|
87
|
+
const text = props.title;
|
|
88
|
+
const centerX = (arc.x || width / 2);
|
|
89
|
+
const centerY = (arc.y || height / 2);
|
|
90
|
+
|
|
91
|
+
ctx.fillText(text, centerX, centerY);
|
|
92
|
+
ctx.restore();
|
|
93
|
+
}
|
|
94
|
+
};
|
|
95
|
+
return (
|
|
96
|
+
<div className='w-100'>
|
|
97
|
+
<Doughnut
|
|
98
|
+
data={data}
|
|
99
|
+
options={options}
|
|
100
|
+
plugins={[centerTitlePlugin]}
|
|
101
|
+
/>
|
|
102
|
+
</div>
|
|
38
103
|
);
|
|
39
104
|
}
|