@apexcura/ui-components 0.0.14-Beta80 → 0.0.14-Beta81

package/dist/index.js

@@ -1086,88 +1086,9 @@ var OtpElement = (props) => {
 
 // src/Components/Donut.tsx
 var import_react31 = __toESM(require("react"));
-var import_highcharts = __toESM(require("highcharts"));
-var import_highcharts_react_official = __toESM(require("highcharts-react-official"));
 var Donut = (props) => {
   console.log(props);
-  const girlsPercentage = 20;
-  const chartOptions = {
-    chart: {
-      type: "pie",
-      events: {
-        render: function() {
-          const chart = this;
-          const width = chart.plotWidth;
-          const height = chart.plotHeight;
-          const centerX = chart.plotLeft + width / 2;
-          const centerY = chart.plotTop + height / 2;
-          if (!chart.customText) {
-            chart.customText = chart.renderer.text(`Girls ${girlsPercentage.toFixed(1)}%`, centerX, centerY).attr({
-              align: "center",
-              zIndex: 5
-            }).add();
-          } else {
-            chart.customText.attr({
-              text: `${girlsPercentage.toFixed(1)}%`
-            });
-          }
-        }
-      }
-    },
-    title: {
-      text: "Distribution of Students"
-    },
-    plotOptions: {
-      pie: {
-        innerSize: "70%",
-        dataLabels: {
-          enabled: false,
-          format: "<b>{point.name}</b>: {point.percentage:.1f} %"
-        },
-        showInLegend: true
-      }
-    },
-    series: [
-      {
-        type: "pie",
-        name: "Percentage",
-        data: [
-          {
-            name: "Girls",
-            y: 20,
-            color: "#FF6384"
-            // Custom color for Girls
-          },
-          {
-            name: "Boys",
-            y: 40,
-            color: "#36A2EB"
-            // Custom color for Boys
-          },
-          {
-            name: "Students",
-            y: 40,
-            color: "#FFCE56"
-            // Custom color for Students
-          }
-        ]
-      }
-    ],
-    // tooltip: {
-    //     // pointFormat: '<span style="color:{point.color}">\u25CF</span> {series.name}: <b>{point.y:.1f}%</b><br/>'
-    // },
-    legend: {
-      enabled: true,
-      align: "left",
-      verticalAlign: "middle",
-      layout: "vertical",
-      labelFormatter: function() {
-        const point = this;
-        return `${point.name}: ${point.y?.toFixed(1)}%`;
-      }
-    }
-  };
-  return /* @__PURE__ */ import_react31.default.createElement(import_react31.default.Fragment, null, /* @__PURE__ */ import_react31.default.createElement(import_highcharts_react_official.default, { highcharts: import_highcharts.default, options: chartOptions }));
+  return /* @__PURE__ */ import_react31.default.createElement("div", null, "Donut");
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.mjs

@@ -1025,88 +1025,9 @@ var OtpElement = (props) => {
 
 // src/Components/Donut.tsx
 import React31 from "react";
-import Highcharts from "highcharts";
-import HighchartsReact from "highcharts-react-official";
 var Donut = (props) => {
   console.log(props);
-  const girlsPercentage = 20;
-  const chartOptions = {
-    chart: {
-      type: "pie",
-      events: {
-        render: function() {
-          const chart = this;
-          const width = chart.plotWidth;
-          const height = chart.plotHeight;
-          const centerX = chart.plotLeft + width / 2;
-          const centerY = chart.plotTop + height / 2;
-          if (!chart.customText) {
-            chart.customText = chart.renderer.text(`Girls ${girlsPercentage.toFixed(1)}%`, centerX, centerY).attr({
-              align: "center",
-              zIndex: 5
-            }).add();
-          } else {
-            chart.customText.attr({
-              text: `${girlsPercentage.toFixed(1)}%`
-            });
-          }
-        }
-      }
-    },
-    title: {
-      text: "Distribution of Students"
-    },
-    plotOptions: {
-      pie: {
-        innerSize: "70%",
-        dataLabels: {
-          enabled: false,
-          format: "<b>{point.name}</b>: {point.percentage:.1f} %"
-        },
-        showInLegend: true
-      }
-    },
-    series: [
-      {
-        type: "pie",
-        name: "Percentage",
-        data: [
-          {
-            name: "Girls",
-            y: 20,
-            color: "#FF6384"
-            // Custom color for Girls
-          },
-          {
-            name: "Boys",
-            y: 40,
-            color: "#36A2EB"
-            // Custom color for Boys
-          },
-          {
-            name: "Students",
-            y: 40,
-            color: "#FFCE56"
-            // Custom color for Students
-          }
-        ]
-      }
-    ],
-    // tooltip: {
-    //     // pointFormat: '<span style="color:{point.color}">\u25CF</span> {series.name}: <b>{point.y:.1f}%</b><br/>'
-    // },
-    legend: {
-      enabled: true,
-      align: "left",
-      verticalAlign: "middle",
-      layout: "vertical",
-      labelFormatter: function() {
-        const point = this;
-        return `${point.name}: ${point.y?.toFixed(1)}%`;
-      }
-    }
-  };
-  return /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement(HighchartsReact, { highcharts: Highcharts, options: chartOptions }));
+  return /* @__PURE__ */ React31.createElement("div", null, "Donut");
 };
 export {
   AddMoreTable,

package/package.json

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