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

package/dist/index.d.mts

@@ -120,6 +120,6 @@ declare const Upload: (props: ElementType) => React$1.JSX.Element;
 
 declare const OtpElement: (props: ElementType) => React$1.JSX.Element;
 
-declare const CircleDonut: React$1.FC;
+declare const CircleDonut: (props: ElementType) => React$1.JSX.Element;
 
 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

@@ -120,6 +120,6 @@ declare const Upload: (props: ElementType) => React$1.JSX.Element;
 
 declare const OtpElement: (props: ElementType) => React$1.JSX.Element;
 
-declare const CircleDonut: React$1.FC;
+declare const CircleDonut: (props: ElementType) => React$1.JSX.Element;
 
 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

@@ -1094,43 +1094,37 @@ var import_react31 = __toESM(require("react"));
 var import_react_chartjs_2 = require("react-chartjs-2");
 var import_chart = require("chart.js");
 import_chart.Chart.register(import_chart.DoughnutController, import_chart.ArcElement, import_chart.Tooltip, import_chart.Legend);
-var CircleDonut = () => {
+var CircleDonut = (props) => {
   const data = {
-    labels: ["Red", "Blue", "Yellow", "Green", "Purple"],
+    labels: ["Registration", "Book Appointment", "Diagnostic Tests", "Hospital Facility", "Others Prescriptions"],
     datasets: [
       {
-        label: "My Dataset",
-        data: [300, 50, 100, 40, 120],
+        label: "Bot Conversation",
+        data: [30, 10, 27, 40, 12, 37],
         backgroundColor: [
-          "rgba(255, 99, 132, 0.2)",
-          "rgba(54, 162, 235, 0.2)",
-          "rgba(255, 206, 86, 0.2)",
-          "rgba(75, 192, 192, 0.2)",
-          "rgba(153, 102, 255, 0.2)"
-        ],
-        borderColor: [
-          "rgba(255, 99, 132, 1)",
-          "rgba(54, 162, 235, 1)",
-          "rgba(255, 206, 86, 1)",
-          "rgba(75, 192, 192, 1)",
-          "rgba(153, 102, 255, 1)"
-        ],
-        borderWidth: 1
+          "#FFCB8A",
+          "#CADBBF",
+          "#8AC1BB",
+          "#FCB0CB",
+          "#CEB0FA",
+          "#AEA29F"
+        ]
       }
     ]
   };
   const options = {
     responsive: true,
+    rotation: -90,
     plugins: {
       legend: {
-        position: "top"
+        position: "left"
       },
       tooltip: {
         enabled: true
       }
     }
   };
-  return /* @__PURE__ */ import_react31.default.createElement(import_react_chartjs_2.Doughnut, { data, options });
+  return /* @__PURE__ */ import_react31.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react31.default.createElement(import_react_chartjs_2.Doughnut, { data, options }));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.mjs

@@ -1039,43 +1039,37 @@ import {
   Legend
 } from "chart.js";
 ChartJS.register(DoughnutController, ArcElement, Tooltip, Legend);
-var CircleDonut = () => {
+var CircleDonut = (props) => {
   const data = {
-    labels: ["Red", "Blue", "Yellow", "Green", "Purple"],
+    labels: ["Registration", "Book Appointment", "Diagnostic Tests", "Hospital Facility", "Others Prescriptions"],
     datasets: [
       {
-        label: "My Dataset",
-        data: [300, 50, 100, 40, 120],
+        label: "Bot Conversation",
+        data: [30, 10, 27, 40, 12, 37],
         backgroundColor: [
-          "rgba(255, 99, 132, 0.2)",
-          "rgba(54, 162, 235, 0.2)",
-          "rgba(255, 206, 86, 0.2)",
-          "rgba(75, 192, 192, 0.2)",
-          "rgba(153, 102, 255, 0.2)"
-        ],
-        borderColor: [
-          "rgba(255, 99, 132, 1)",
-          "rgba(54, 162, 235, 1)",
-          "rgba(255, 206, 86, 1)",
-          "rgba(75, 192, 192, 1)",
-          "rgba(153, 102, 255, 1)"
-        ],
-        borderWidth: 1
+          "#FFCB8A",
+          "#CADBBF",
+          "#8AC1BB",
+          "#FCB0CB",
+          "#CEB0FA",
+          "#AEA29F"
+        ]
       }
     ]
   };
   const options = {
     responsive: true,
+    rotation: -90,
     plugins: {
       legend: {
-        position: "top"
+        position: "left"
       },
       tooltip: {
         enabled: true
       }
     }
   };
-  return /* @__PURE__ */ React31.createElement(Doughnut, { data, options });
+  return /* @__PURE__ */ React31.createElement("div", { className: props.className }, /* @__PURE__ */ React31.createElement(Doughnut, { data, options }));
 };
 export {
   AddMoreTable,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.14-Beta118",
+  "version": "0.0.14-Beta119",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",