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

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 CHANGED
@@ -120,6 +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
- declare const DonutChart: React$1.FC;
123
+ declare const CircleDonut: (props: ElementType) => React$1.JSX.Element;
124
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 };
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,6 +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
- declare const DonutChart: React$1.FC;
123
+ declare const CircleDonut: (props: ElementType) => React$1.JSX.Element;
124
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 };
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,10 +33,10 @@ __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,
39
- DonutChart: () => DonutChart,
40
40
  DropDownGroup: () => DropDownGroup,
41
41
  FileUpload: () => FileUpload,
42
42
  Image: () => Image,
@@ -1094,53 +1094,47 @@ var import_react31 = __toESM(require("react"));
1094
1094
  var import_react_chartjs_2 = require("react-chartjs-2");
1095
1095
  var import_chart = require("chart.js");
1096
1096
  import_chart.Chart.register(import_chart.DoughnutController, import_chart.ArcElement, import_chart.Tooltip, import_chart.Legend);
1097
- var DonutChart = () => {
1097
+ var CircleDonut = (props) => {
1098
1098
  const data = {
1099
- labels: ["Red", "Blue", "Yellow", "Green", "Purple"],
1099
+ labels: ["Registration", "Book Appointment", "Diagnostic Tests", "Hospital Facility", "Others Prescriptions"],
1100
1100
  datasets: [
1101
1101
  {
1102
- label: "My Dataset",
1103
- data: [300, 50, 100, 40, 120],
1102
+ label: "Bot Conversation",
1103
+ data: [30, 10, 27, 40, 12, 37],
1104
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
1105
+ "#FFCB8A",
1106
+ "#CADBBF",
1107
+ "#8AC1BB",
1108
+ "#FCB0CB",
1109
+ "#CEB0FA",
1110
+ "#AEA29F"
1111
+ ]
1119
1112
  }
1120
1113
  ]
1121
1114
  };
1122
1115
  const options = {
1123
1116
  responsive: true,
1117
+ rotation: -90,
1124
1118
  plugins: {
1125
1119
  legend: {
1126
- position: "top"
1120
+ position: "left"
1127
1121
  },
1128
1122
  tooltip: {
1129
1123
  enabled: true
1130
1124
  }
1131
1125
  }
1132
1126
  };
1133
- return /* @__PURE__ */ import_react31.default.createElement(import_react_chartjs_2.Doughnut, { data, options });
1127
+ return /* @__PURE__ */ import_react31.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react31.default.createElement(import_react_chartjs_2.Doughnut, { data, options }));
1134
1128
  };
1135
1129
  // Annotate the CommonJS export names for ESM import in node:
1136
1130
  0 && (module.exports = {
1137
1131
  AddMoreTable,
1138
1132
  ButtonElement,
1139
1133
  CheckboxElement,
1134
+ CircleDonut,
1140
1135
  CkEditor,
1141
1136
  DatePickerElement,
1142
1137
  DateRangePickerElement,
1143
- DonutChart,
1144
1138
  DropDownGroup,
1145
1139
  FileUpload,
1146
1140
  Image,
package/dist/index.mjs CHANGED
@@ -1039,52 +1039,46 @@ import {
1039
1039
  Legend
1040
1040
  } from "chart.js";
1041
1041
  ChartJS.register(DoughnutController, ArcElement, Tooltip, Legend);
1042
- var DonutChart = () => {
1042
+ var CircleDonut = (props) => {
1043
1043
  const data = {
1044
- labels: ["Red", "Blue", "Yellow", "Green", "Purple"],
1044
+ labels: ["Registration", "Book Appointment", "Diagnostic Tests", "Hospital Facility", "Others Prescriptions"],
1045
1045
  datasets: [
1046
1046
  {
1047
- label: "My Dataset",
1048
- data: [300, 50, 100, 40, 120],
1047
+ label: "Bot Conversation",
1048
+ data: [30, 10, 27, 40, 12, 37],
1049
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
1050
+ "#FFCB8A",
1051
+ "#CADBBF",
1052
+ "#8AC1BB",
1053
+ "#FCB0CB",
1054
+ "#CEB0FA",
1055
+ "#AEA29F"
1056
+ ]
1064
1057
  }
1065
1058
  ]
1066
1059
  };
1067
1060
  const options = {
1068
1061
  responsive: true,
1062
+ rotation: -90,
1069
1063
  plugins: {
1070
1064
  legend: {
1071
- position: "top"
1065
+ position: "left"
1072
1066
  },
1073
1067
  tooltip: {
1074
1068
  enabled: true
1075
1069
  }
1076
1070
  }
1077
1071
  };
1078
- return /* @__PURE__ */ React31.createElement(Doughnut, { data, options });
1072
+ return /* @__PURE__ */ React31.createElement("div", { className: props.className }, /* @__PURE__ */ React31.createElement(Doughnut, { data, options }));
1079
1073
  };
1080
1074
  export {
1081
1075
  AddMoreTable,
1082
1076
  ButtonElement,
1083
1077
  CheckboxElement,
1078
+ CircleDonut,
1084
1079
  CkEditor,
1085
1080
  DatePickerElement,
1086
1081
  DateRangePickerElement,
1087
- DonutChart,
1088
1082
  DropDownGroup,
1089
1083
  FileUpload,
1090
1084
  Image,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.14-Beta117",
3
+ "version": "0.0.14-Beta119",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",