@apexcura/ui-components 0.0.14-Beta115 → 0.0.14-Beta117

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 (5) hide show
  1. package/dist/index.d.mts +3 -1
  2. package/dist/index.d.ts +3 -1
  3. package/dist/index.js +46 -0
  4. package/dist/index.mjs +51 -0
  5. package/package.json +3 -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
- export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, DatePickerElement, DateRangePickerElement, DropDownGroup, FileUpload, Image, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
123
+ declare const DonutChart: React$1.FC;
124
+
125
+ export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, DatePickerElement, DateRangePickerElement, DonutChart, 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
- export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, DatePickerElement, DateRangePickerElement, DropDownGroup, FileUpload, Image, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
123
+ declare const DonutChart: React$1.FC;
124
+
125
+ export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, DatePickerElement, DateRangePickerElement, DonutChart, DropDownGroup, FileUpload, Image, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
package/dist/index.js CHANGED
@@ -36,6 +36,7 @@ __export(src_exports, {
36
36
  CkEditor: () => CkEditor,
37
37
  DatePickerElement: () => DatePickerElement,
38
38
  DateRangePickerElement: () => DateRangePickerElement,
39
+ DonutChart: () => DonutChart,
39
40
  DropDownGroup: () => DropDownGroup,
40
41
  FileUpload: () => FileUpload,
41
42
  Image: () => Image,
@@ -1087,6 +1088,50 @@ 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_react_chartjs_2 = require("react-chartjs-2");
1095
+ var import_chart = require("chart.js");
1096
+ import_chart.Chart.register(import_chart.DoughnutController, import_chart.ArcElement, import_chart.Tooltip, import_chart.Legend);
1097
+ var DonutChart = () => {
1098
+ const data = {
1099
+ labels: ["Red", "Blue", "Yellow", "Green", "Purple"],
1100
+ datasets: [
1101
+ {
1102
+ label: "My Dataset",
1103
+ data: [300, 50, 100, 40, 120],
1104
+ backgroundColor: [
1105
+ "rgba(255, 99, 132, 0.2)",
1106
+ "rgba(54, 162, 235, 0.2)",
1107
+ "rgba(255, 206, 86, 0.2)",
1108
+ "rgba(75, 192, 192, 0.2)",
1109
+ "rgba(153, 102, 255, 0.2)"
1110
+ ],
1111
+ borderColor: [
1112
+ "rgba(255, 99, 132, 1)",
1113
+ "rgba(54, 162, 235, 1)",
1114
+ "rgba(255, 206, 86, 1)",
1115
+ "rgba(75, 192, 192, 1)",
1116
+ "rgba(153, 102, 255, 1)"
1117
+ ],
1118
+ borderWidth: 1
1119
+ }
1120
+ ]
1121
+ };
1122
+ const options = {
1123
+ responsive: true,
1124
+ plugins: {
1125
+ legend: {
1126
+ position: "top"
1127
+ },
1128
+ tooltip: {
1129
+ enabled: true
1130
+ }
1131
+ }
1132
+ };
1133
+ return /* @__PURE__ */ import_react31.default.createElement(import_react_chartjs_2.Doughnut, { data, options });
1134
+ };
1090
1135
  // Annotate the CommonJS export names for ESM import in node:
1091
1136
  0 && (module.exports = {
1092
1137
  AddMoreTable,
@@ -1095,6 +1140,7 @@ var OtpElement = (props) => {
1095
1140
  CkEditor,
1096
1141
  DatePickerElement,
1097
1142
  DateRangePickerElement,
1143
+ DonutChart,
1098
1144
  DropDownGroup,
1099
1145
  FileUpload,
1100
1146
  Image,
package/dist/index.mjs CHANGED
@@ -1027,6 +1027,56 @@ var OtpElement = (props) => {
1027
1027
  }
1028
1028
  )));
1029
1029
  };
1030
+
1031
+ // src/Components/CircleDonut.tsx
1032
+ import React31 from "react";
1033
+ import { Doughnut } from "react-chartjs-2";
1034
+ import {
1035
+ Chart as ChartJS,
1036
+ DoughnutController,
1037
+ ArcElement,
1038
+ Tooltip,
1039
+ Legend
1040
+ } from "chart.js";
1041
+ ChartJS.register(DoughnutController, ArcElement, Tooltip, Legend);
1042
+ var DonutChart = () => {
1043
+ const data = {
1044
+ labels: ["Red", "Blue", "Yellow", "Green", "Purple"],
1045
+ datasets: [
1046
+ {
1047
+ label: "My Dataset",
1048
+ data: [300, 50, 100, 40, 120],
1049
+ backgroundColor: [
1050
+ "rgba(255, 99, 132, 0.2)",
1051
+ "rgba(54, 162, 235, 0.2)",
1052
+ "rgba(255, 206, 86, 0.2)",
1053
+ "rgba(75, 192, 192, 0.2)",
1054
+ "rgba(153, 102, 255, 0.2)"
1055
+ ],
1056
+ borderColor: [
1057
+ "rgba(255, 99, 132, 1)",
1058
+ "rgba(54, 162, 235, 1)",
1059
+ "rgba(255, 206, 86, 1)",
1060
+ "rgba(75, 192, 192, 1)",
1061
+ "rgba(153, 102, 255, 1)"
1062
+ ],
1063
+ borderWidth: 1
1064
+ }
1065
+ ]
1066
+ };
1067
+ const options = {
1068
+ responsive: true,
1069
+ plugins: {
1070
+ legend: {
1071
+ position: "top"
1072
+ },
1073
+ tooltip: {
1074
+ enabled: true
1075
+ }
1076
+ }
1077
+ };
1078
+ return /* @__PURE__ */ React31.createElement(Doughnut, { data, options });
1079
+ };
1030
1080
  export {
1031
1081
  AddMoreTable,
1032
1082
  ButtonElement,
@@ -1034,6 +1084,7 @@ export {
1034
1084
  CkEditor,
1035
1085
  DatePickerElement,
1036
1086
  DateRangePickerElement,
1087
+ DonutChart,
1037
1088
  DropDownGroup,
1038
1089
  FileUpload,
1039
1090
  Image,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.14-Beta115",
3
+ "version": "0.0.14-Beta117",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",
@@ -50,6 +50,7 @@
50
50
  "dependencies": {
51
51
  "@tinymce/tinymce-react": "^5.0.1",
52
52
  "autoprefixer": "^10.4.19",
53
+ "chart.js": "^4.4.3",
53
54
  "date-fns": "^3.6.0",
54
55
  "esbuild": "^0.21.4",
55
56
  "highcharts": "^11.4.3",
@@ -57,6 +58,7 @@
57
58
  "moment": "^2.30.1",
58
59
  "postcss": "^8.4.38",
59
60
  "postcss-import": "^16.1.0",
61
+ "react-chartjs-2": "^5.2.0",
60
62
  "react-icons": "^5.2.1",
61
63
  "tailwindcss": "^3.4.3"
62
64
  }