@apexcura/ui-components 0.0.14-Beta115 → 0.0.14-Beta116
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.d.mts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +83 -0
- package/dist/index.mjs +82 -0
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -120,4 +120,6 @@ declare const Upload: (props: ElementType) => React$1.JSX.Element;
|
|
|
120
120
|
|
|
121
121
|
declare const OtpElement: (props: ElementType) => React$1.JSX.Element;
|
|
122
122
|
|
|
123
|
-
|
|
123
|
+
declare const CircleDonut: (props: Object) => React$1.JSX.Element;
|
|
124
|
+
|
|
125
|
+
export { AddMoreTable, ButtonElement, CheckboxElement, CircleDonut, CkEditor, DatePickerElement, DateRangePickerElement, DropDownGroup, FileUpload, Image, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
|
package/dist/index.d.ts
CHANGED
|
@@ -120,4 +120,6 @@ declare const Upload: (props: ElementType) => React$1.JSX.Element;
|
|
|
120
120
|
|
|
121
121
|
declare const OtpElement: (props: ElementType) => React$1.JSX.Element;
|
|
122
122
|
|
|
123
|
-
|
|
123
|
+
declare const CircleDonut: (props: Object) => React$1.JSX.Element;
|
|
124
|
+
|
|
125
|
+
export { AddMoreTable, ButtonElement, CheckboxElement, CircleDonut, CkEditor, DatePickerElement, DateRangePickerElement, DropDownGroup, FileUpload, Image, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
|
package/dist/index.js
CHANGED
|
@@ -33,6 +33,7 @@ __export(src_exports, {
|
|
|
33
33
|
AddMoreTable: () => AddMoreTable,
|
|
34
34
|
ButtonElement: () => ButtonElement,
|
|
35
35
|
CheckboxElement: () => CheckboxElement,
|
|
36
|
+
CircleDonut: () => CircleDonut,
|
|
36
37
|
CkEditor: () => CkEditor,
|
|
37
38
|
DatePickerElement: () => DatePickerElement,
|
|
38
39
|
DateRangePickerElement: () => DateRangePickerElement,
|
|
@@ -1087,11 +1088,93 @@ var OtpElement = (props) => {
|
|
|
1087
1088
|
}
|
|
1088
1089
|
)));
|
|
1089
1090
|
};
|
|
1091
|
+
|
|
1092
|
+
// src/Components/CircleDonut.tsx
|
|
1093
|
+
var import_react31 = __toESM(require("react"));
|
|
1094
|
+
var import_highcharts = __toESM(require("highcharts"));
|
|
1095
|
+
var import_highcharts_react_official = __toESM(require("highcharts-react-official"));
|
|
1096
|
+
var HighchartsChart = ({ options }) => {
|
|
1097
|
+
return /* @__PURE__ */ import_react31.default.createElement(import_highcharts_react_official.default, { highcharts: import_highcharts.default, options });
|
|
1098
|
+
};
|
|
1099
|
+
console.log("HighchartsChart", HighchartsChart);
|
|
1100
|
+
var CircleDonut = (props) => {
|
|
1101
|
+
const chartOptions = {
|
|
1102
|
+
chart: {
|
|
1103
|
+
type: "pie"
|
|
1104
|
+
},
|
|
1105
|
+
title: {
|
|
1106
|
+
text: "Egg Yolk Composition"
|
|
1107
|
+
},
|
|
1108
|
+
tooltip: {
|
|
1109
|
+
valueSuffix: "%"
|
|
1110
|
+
},
|
|
1111
|
+
subtitle: {
|
|
1112
|
+
text: 'Source:<a href="https://www.mdpi.com/2072-6643/11/3/684/htm" target="_default">MDPI</a>'
|
|
1113
|
+
},
|
|
1114
|
+
plotOptions: {
|
|
1115
|
+
series: {
|
|
1116
|
+
allowPointSelect: true,
|
|
1117
|
+
cursor: "pointer",
|
|
1118
|
+
dataLabels: [{
|
|
1119
|
+
enabled: true,
|
|
1120
|
+
distance: 20
|
|
1121
|
+
}, {
|
|
1122
|
+
enabled: true,
|
|
1123
|
+
distance: -40,
|
|
1124
|
+
format: "{point.percentage:.1f}%",
|
|
1125
|
+
style: {
|
|
1126
|
+
fontSize: "1.2em",
|
|
1127
|
+
textOutline: "none",
|
|
1128
|
+
opacity: 0.7
|
|
1129
|
+
},
|
|
1130
|
+
filter: {
|
|
1131
|
+
operator: ">",
|
|
1132
|
+
property: "percentage",
|
|
1133
|
+
value: 10
|
|
1134
|
+
}
|
|
1135
|
+
}]
|
|
1136
|
+
}
|
|
1137
|
+
},
|
|
1138
|
+
series: [
|
|
1139
|
+
{
|
|
1140
|
+
name: "Percentage",
|
|
1141
|
+
colorByPoint: true,
|
|
1142
|
+
data: [
|
|
1143
|
+
{
|
|
1144
|
+
name: "Water",
|
|
1145
|
+
y: 55.02
|
|
1146
|
+
},
|
|
1147
|
+
{
|
|
1148
|
+
name: "Fat",
|
|
1149
|
+
sliced: true,
|
|
1150
|
+
selected: true,
|
|
1151
|
+
y: 26.71
|
|
1152
|
+
},
|
|
1153
|
+
{
|
|
1154
|
+
name: "Carbohydrates",
|
|
1155
|
+
y: 1.09
|
|
1156
|
+
},
|
|
1157
|
+
{
|
|
1158
|
+
name: "Protein",
|
|
1159
|
+
y: 15.5
|
|
1160
|
+
},
|
|
1161
|
+
{
|
|
1162
|
+
name: "Ash",
|
|
1163
|
+
y: 1.68
|
|
1164
|
+
}
|
|
1165
|
+
]
|
|
1166
|
+
}
|
|
1167
|
+
]
|
|
1168
|
+
};
|
|
1169
|
+
console.log("HighchartsChart------------------", HighchartsChart);
|
|
1170
|
+
return /* @__PURE__ */ import_react31.default.createElement(import_react31.default.Fragment, null, /* @__PURE__ */ import_react31.default.createElement(HighchartsChart, { highcharts: import_highcharts.default, options: chartOptions }));
|
|
1171
|
+
};
|
|
1090
1172
|
// Annotate the CommonJS export names for ESM import in node:
|
|
1091
1173
|
0 && (module.exports = {
|
|
1092
1174
|
AddMoreTable,
|
|
1093
1175
|
ButtonElement,
|
|
1094
1176
|
CheckboxElement,
|
|
1177
|
+
CircleDonut,
|
|
1095
1178
|
CkEditor,
|
|
1096
1179
|
DatePickerElement,
|
|
1097
1180
|
DateRangePickerElement,
|
package/dist/index.mjs
CHANGED
|
@@ -1027,10 +1027,92 @@ var OtpElement = (props) => {
|
|
|
1027
1027
|
}
|
|
1028
1028
|
)));
|
|
1029
1029
|
};
|
|
1030
|
+
|
|
1031
|
+
// src/Components/CircleDonut.tsx
|
|
1032
|
+
import React31 from "react";
|
|
1033
|
+
import Highcharts from "highcharts";
|
|
1034
|
+
import HighchartsReact from "highcharts-react-official";
|
|
1035
|
+
var HighchartsChart = ({ options }) => {
|
|
1036
|
+
return /* @__PURE__ */ React31.createElement(HighchartsReact, { highcharts: Highcharts, options });
|
|
1037
|
+
};
|
|
1038
|
+
console.log("HighchartsChart", HighchartsChart);
|
|
1039
|
+
var CircleDonut = (props) => {
|
|
1040
|
+
const chartOptions = {
|
|
1041
|
+
chart: {
|
|
1042
|
+
type: "pie"
|
|
1043
|
+
},
|
|
1044
|
+
title: {
|
|
1045
|
+
text: "Egg Yolk Composition"
|
|
1046
|
+
},
|
|
1047
|
+
tooltip: {
|
|
1048
|
+
valueSuffix: "%"
|
|
1049
|
+
},
|
|
1050
|
+
subtitle: {
|
|
1051
|
+
text: 'Source:<a href="https://www.mdpi.com/2072-6643/11/3/684/htm" target="_default">MDPI</a>'
|
|
1052
|
+
},
|
|
1053
|
+
plotOptions: {
|
|
1054
|
+
series: {
|
|
1055
|
+
allowPointSelect: true,
|
|
1056
|
+
cursor: "pointer",
|
|
1057
|
+
dataLabels: [{
|
|
1058
|
+
enabled: true,
|
|
1059
|
+
distance: 20
|
|
1060
|
+
}, {
|
|
1061
|
+
enabled: true,
|
|
1062
|
+
distance: -40,
|
|
1063
|
+
format: "{point.percentage:.1f}%",
|
|
1064
|
+
style: {
|
|
1065
|
+
fontSize: "1.2em",
|
|
1066
|
+
textOutline: "none",
|
|
1067
|
+
opacity: 0.7
|
|
1068
|
+
},
|
|
1069
|
+
filter: {
|
|
1070
|
+
operator: ">",
|
|
1071
|
+
property: "percentage",
|
|
1072
|
+
value: 10
|
|
1073
|
+
}
|
|
1074
|
+
}]
|
|
1075
|
+
}
|
|
1076
|
+
},
|
|
1077
|
+
series: [
|
|
1078
|
+
{
|
|
1079
|
+
name: "Percentage",
|
|
1080
|
+
colorByPoint: true,
|
|
1081
|
+
data: [
|
|
1082
|
+
{
|
|
1083
|
+
name: "Water",
|
|
1084
|
+
y: 55.02
|
|
1085
|
+
},
|
|
1086
|
+
{
|
|
1087
|
+
name: "Fat",
|
|
1088
|
+
sliced: true,
|
|
1089
|
+
selected: true,
|
|
1090
|
+
y: 26.71
|
|
1091
|
+
},
|
|
1092
|
+
{
|
|
1093
|
+
name: "Carbohydrates",
|
|
1094
|
+
y: 1.09
|
|
1095
|
+
},
|
|
1096
|
+
{
|
|
1097
|
+
name: "Protein",
|
|
1098
|
+
y: 15.5
|
|
1099
|
+
},
|
|
1100
|
+
{
|
|
1101
|
+
name: "Ash",
|
|
1102
|
+
y: 1.68
|
|
1103
|
+
}
|
|
1104
|
+
]
|
|
1105
|
+
}
|
|
1106
|
+
]
|
|
1107
|
+
};
|
|
1108
|
+
console.log("HighchartsChart------------------", HighchartsChart);
|
|
1109
|
+
return /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement(HighchartsChart, { highcharts: Highcharts, options: chartOptions }));
|
|
1110
|
+
};
|
|
1030
1111
|
export {
|
|
1031
1112
|
AddMoreTable,
|
|
1032
1113
|
ButtonElement,
|
|
1033
1114
|
CheckboxElement,
|
|
1115
|
+
CircleDonut,
|
|
1034
1116
|
CkEditor,
|
|
1035
1117
|
DatePickerElement,
|
|
1036
1118
|
DateRangePickerElement,
|