@apexcura/ui-components 0.0.14-Beta97 → 0.0.14-Beta98
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/index.js +25 -86
- package/dist/index.mjs +25 -86
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -594,7 +594,7 @@ var Sidebar = (props) => {
|
|
|
594
594
|
ButtonElement,
|
|
595
595
|
{
|
|
596
596
|
...item,
|
|
597
|
-
className: item.active ? props.activeClassName :
|
|
597
|
+
className: `${props.className} ${item.active ? props.activeClassName : ""}`,
|
|
598
598
|
iconsClassName: props.iconsClassName,
|
|
599
599
|
onClick: (e) => {
|
|
600
600
|
e.preventDefault();
|
|
@@ -1092,114 +1092,53 @@ var import_highcharts_react_official = __toESM(require("highcharts-react-officia
|
|
|
1092
1092
|
var HighchartsChart = ({ options }) => {
|
|
1093
1093
|
return /* @__PURE__ */ import_react31.default.createElement(import_highcharts_react_official.default, { highcharts: import_highcharts.default, options });
|
|
1094
1094
|
};
|
|
1095
|
+
console.log(HighchartsChart);
|
|
1096
|
+
console.log(typeof HighchartsChart);
|
|
1095
1097
|
var Donut = (props) => {
|
|
1096
1098
|
console.log(props);
|
|
1097
1099
|
const chartOptions = {
|
|
1098
|
-
chart: {
|
|
1099
|
-
type: "pie"
|
|
1100
|
-
},
|
|
1101
1100
|
title: {
|
|
1102
|
-
text: "
|
|
1103
|
-
},
|
|
1104
|
-
tooltip: {
|
|
1105
|
-
valueSuffix: "%"
|
|
1106
|
-
},
|
|
1107
|
-
subtitle: {
|
|
1108
|
-
text: 'Source:<a href="https://www.mdpi.com/2072-6643/11/3/684/htm" target="_default">MDPI</a>'
|
|
1101
|
+
text: "Distribution of Students"
|
|
1109
1102
|
},
|
|
1110
1103
|
plotOptions: {
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
enabled: true,
|
|
1119
|
-
distance: -40,
|
|
1120
|
-
format: "{point.percentage:.1f}%",
|
|
1121
|
-
style: {
|
|
1122
|
-
fontSize: "1.2em",
|
|
1123
|
-
textOutline: "none",
|
|
1124
|
-
opacity: 0.7
|
|
1125
|
-
},
|
|
1126
|
-
filter: {
|
|
1127
|
-
operator: ">",
|
|
1128
|
-
property: "percentage",
|
|
1129
|
-
value: 10
|
|
1130
|
-
}
|
|
1131
|
-
}]
|
|
1104
|
+
pie: {
|
|
1105
|
+
innerSize: "70%",
|
|
1106
|
+
dataLabels: {
|
|
1107
|
+
enabled: false,
|
|
1108
|
+
format: "<b>{point.name}</b>: {point.percentage:.1f} %"
|
|
1109
|
+
},
|
|
1110
|
+
showInLegend: true
|
|
1132
1111
|
}
|
|
1133
1112
|
},
|
|
1134
1113
|
series: [
|
|
1135
1114
|
{
|
|
1115
|
+
type: "pie",
|
|
1136
1116
|
name: "Percentage",
|
|
1137
|
-
colorByPoint: true,
|
|
1138
1117
|
data: [
|
|
1139
1118
|
{
|
|
1140
|
-
name: "
|
|
1141
|
-
y:
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
name: "Fat",
|
|
1145
|
-
sliced: true,
|
|
1146
|
-
selected: true,
|
|
1147
|
-
y: 26.71
|
|
1148
|
-
},
|
|
1149
|
-
{
|
|
1150
|
-
name: "Carbohydrates",
|
|
1151
|
-
y: 1.09
|
|
1119
|
+
name: "Girls",
|
|
1120
|
+
y: 20,
|
|
1121
|
+
color: "#FF6384"
|
|
1122
|
+
// Custom color for Girls
|
|
1152
1123
|
},
|
|
1153
1124
|
{
|
|
1154
|
-
name: "
|
|
1155
|
-
y:
|
|
1125
|
+
name: "Boys",
|
|
1126
|
+
y: 40,
|
|
1127
|
+
color: "#36A2EB"
|
|
1128
|
+
// Custom color for Boys
|
|
1156
1129
|
},
|
|
1157
1130
|
{
|
|
1158
|
-
name: "
|
|
1159
|
-
y:
|
|
1131
|
+
name: "Students",
|
|
1132
|
+
y: 40,
|
|
1133
|
+
color: "#FFCE56"
|
|
1134
|
+
// Custom color for Students
|
|
1160
1135
|
}
|
|
1161
1136
|
]
|
|
1162
1137
|
}
|
|
1163
1138
|
]
|
|
1164
|
-
// title: {
|
|
1165
|
-
// text: "Distribution of Students",
|
|
1166
|
-
// },
|
|
1167
|
-
// plotOptions: {
|
|
1168
|
-
// pie: {
|
|
1169
|
-
// innerSize: "70%",
|
|
1170
|
-
// dataLabels: {
|
|
1171
|
-
// enabled: false,
|
|
1172
|
-
// format: "<b>{point.name}</b>: {point.percentage:.1f} %",
|
|
1173
|
-
// },
|
|
1174
|
-
// showInLegend: true,
|
|
1175
|
-
// },
|
|
1176
|
-
// },
|
|
1177
|
-
// series: [
|
|
1178
|
-
// {
|
|
1179
|
-
// type: "pie",
|
|
1180
|
-
// name: "Percentage",
|
|
1181
|
-
// data: [
|
|
1182
|
-
// {
|
|
1183
|
-
// name: "Girls",
|
|
1184
|
-
// y: 20,
|
|
1185
|
-
// color: "#FF6384", // Custom color for Girls
|
|
1186
|
-
// },
|
|
1187
|
-
// {
|
|
1188
|
-
// name: "Boys",
|
|
1189
|
-
// y: 40,
|
|
1190
|
-
// color: "#36A2EB", // Custom color for Boys
|
|
1191
|
-
// },
|
|
1192
|
-
// {
|
|
1193
|
-
// name: "Students",
|
|
1194
|
-
// y: 40,
|
|
1195
|
-
// color: "#FFCE56", // Custom color for Students
|
|
1196
|
-
// },
|
|
1197
|
-
// ],
|
|
1198
|
-
// },
|
|
1199
|
-
// ],
|
|
1200
1139
|
};
|
|
1201
1140
|
console.log(chartOptions);
|
|
1202
|
-
return /* @__PURE__ */ import_react31.default.createElement(import_react31.default.Fragment, null, /* @__PURE__ */ import_react31.default.createElement(HighchartsChart, { options: chartOptions }));
|
|
1141
|
+
return /* @__PURE__ */ import_react31.default.createElement(import_react31.default.Fragment, null, /* @__PURE__ */ import_react31.default.createElement(HighchartsChart, { highcharts: import_highcharts.default, options: chartOptions }));
|
|
1203
1142
|
};
|
|
1204
1143
|
// Annotate the CommonJS export names for ESM import in node:
|
|
1205
1144
|
0 && (module.exports = {
|
package/dist/index.mjs
CHANGED
|
@@ -533,7 +533,7 @@ var Sidebar = (props) => {
|
|
|
533
533
|
ButtonElement,
|
|
534
534
|
{
|
|
535
535
|
...item,
|
|
536
|
-
className: item.active ? props.activeClassName :
|
|
536
|
+
className: `${props.className} ${item.active ? props.activeClassName : ""}`,
|
|
537
537
|
iconsClassName: props.iconsClassName,
|
|
538
538
|
onClick: (e) => {
|
|
539
539
|
e.preventDefault();
|
|
@@ -1031,114 +1031,53 @@ import HighchartsReact from "highcharts-react-official";
|
|
|
1031
1031
|
var HighchartsChart = ({ options }) => {
|
|
1032
1032
|
return /* @__PURE__ */ React31.createElement(HighchartsReact, { highcharts: Highcharts, options });
|
|
1033
1033
|
};
|
|
1034
|
+
console.log(HighchartsChart);
|
|
1035
|
+
console.log(typeof HighchartsChart);
|
|
1034
1036
|
var Donut = (props) => {
|
|
1035
1037
|
console.log(props);
|
|
1036
1038
|
const chartOptions = {
|
|
1037
|
-
chart: {
|
|
1038
|
-
type: "pie"
|
|
1039
|
-
},
|
|
1040
1039
|
title: {
|
|
1041
|
-
text: "
|
|
1042
|
-
},
|
|
1043
|
-
tooltip: {
|
|
1044
|
-
valueSuffix: "%"
|
|
1045
|
-
},
|
|
1046
|
-
subtitle: {
|
|
1047
|
-
text: 'Source:<a href="https://www.mdpi.com/2072-6643/11/3/684/htm" target="_default">MDPI</a>'
|
|
1040
|
+
text: "Distribution of Students"
|
|
1048
1041
|
},
|
|
1049
1042
|
plotOptions: {
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
enabled: true,
|
|
1058
|
-
distance: -40,
|
|
1059
|
-
format: "{point.percentage:.1f}%",
|
|
1060
|
-
style: {
|
|
1061
|
-
fontSize: "1.2em",
|
|
1062
|
-
textOutline: "none",
|
|
1063
|
-
opacity: 0.7
|
|
1064
|
-
},
|
|
1065
|
-
filter: {
|
|
1066
|
-
operator: ">",
|
|
1067
|
-
property: "percentage",
|
|
1068
|
-
value: 10
|
|
1069
|
-
}
|
|
1070
|
-
}]
|
|
1043
|
+
pie: {
|
|
1044
|
+
innerSize: "70%",
|
|
1045
|
+
dataLabels: {
|
|
1046
|
+
enabled: false,
|
|
1047
|
+
format: "<b>{point.name}</b>: {point.percentage:.1f} %"
|
|
1048
|
+
},
|
|
1049
|
+
showInLegend: true
|
|
1071
1050
|
}
|
|
1072
1051
|
},
|
|
1073
1052
|
series: [
|
|
1074
1053
|
{
|
|
1054
|
+
type: "pie",
|
|
1075
1055
|
name: "Percentage",
|
|
1076
|
-
colorByPoint: true,
|
|
1077
1056
|
data: [
|
|
1078
1057
|
{
|
|
1079
|
-
name: "
|
|
1080
|
-
y:
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
name: "Fat",
|
|
1084
|
-
sliced: true,
|
|
1085
|
-
selected: true,
|
|
1086
|
-
y: 26.71
|
|
1087
|
-
},
|
|
1088
|
-
{
|
|
1089
|
-
name: "Carbohydrates",
|
|
1090
|
-
y: 1.09
|
|
1058
|
+
name: "Girls",
|
|
1059
|
+
y: 20,
|
|
1060
|
+
color: "#FF6384"
|
|
1061
|
+
// Custom color for Girls
|
|
1091
1062
|
},
|
|
1092
1063
|
{
|
|
1093
|
-
name: "
|
|
1094
|
-
y:
|
|
1064
|
+
name: "Boys",
|
|
1065
|
+
y: 40,
|
|
1066
|
+
color: "#36A2EB"
|
|
1067
|
+
// Custom color for Boys
|
|
1095
1068
|
},
|
|
1096
1069
|
{
|
|
1097
|
-
name: "
|
|
1098
|
-
y:
|
|
1070
|
+
name: "Students",
|
|
1071
|
+
y: 40,
|
|
1072
|
+
color: "#FFCE56"
|
|
1073
|
+
// Custom color for Students
|
|
1099
1074
|
}
|
|
1100
1075
|
]
|
|
1101
1076
|
}
|
|
1102
1077
|
]
|
|
1103
|
-
// title: {
|
|
1104
|
-
// text: "Distribution of Students",
|
|
1105
|
-
// },
|
|
1106
|
-
// plotOptions: {
|
|
1107
|
-
// pie: {
|
|
1108
|
-
// innerSize: "70%",
|
|
1109
|
-
// dataLabels: {
|
|
1110
|
-
// enabled: false,
|
|
1111
|
-
// format: "<b>{point.name}</b>: {point.percentage:.1f} %",
|
|
1112
|
-
// },
|
|
1113
|
-
// showInLegend: true,
|
|
1114
|
-
// },
|
|
1115
|
-
// },
|
|
1116
|
-
// series: [
|
|
1117
|
-
// {
|
|
1118
|
-
// type: "pie",
|
|
1119
|
-
// name: "Percentage",
|
|
1120
|
-
// data: [
|
|
1121
|
-
// {
|
|
1122
|
-
// name: "Girls",
|
|
1123
|
-
// y: 20,
|
|
1124
|
-
// color: "#FF6384", // Custom color for Girls
|
|
1125
|
-
// },
|
|
1126
|
-
// {
|
|
1127
|
-
// name: "Boys",
|
|
1128
|
-
// y: 40,
|
|
1129
|
-
// color: "#36A2EB", // Custom color for Boys
|
|
1130
|
-
// },
|
|
1131
|
-
// {
|
|
1132
|
-
// name: "Students",
|
|
1133
|
-
// y: 40,
|
|
1134
|
-
// color: "#FFCE56", // Custom color for Students
|
|
1135
|
-
// },
|
|
1136
|
-
// ],
|
|
1137
|
-
// },
|
|
1138
|
-
// ],
|
|
1139
1078
|
};
|
|
1140
1079
|
console.log(chartOptions);
|
|
1141
|
-
return /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement(HighchartsChart, { options: chartOptions }));
|
|
1080
|
+
return /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement(HighchartsChart, { highcharts: Highcharts, options: chartOptions }));
|
|
1142
1081
|
};
|
|
1143
1082
|
export {
|
|
1144
1083
|
AddMoreTable,
|