@apexcura/ui-components 0.0.15-Beta0 → 0.0.15-Beta10

package/dist/index.css

@@ -341,29 +341,12 @@ video {
 .m-\[10px\] {
   margin: 10px;
 }
-.mr-3 {
-  margin-right: 0.75rem;
-}
 .flex {
   display: flex;
 }
 .table {
   display: table;
 }
-.h-5 {
-  height: 1.25rem;
-}
-.w-5 {
-  width: 1.25rem;
-}
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-.animate-spin {
-  animation: spin 1s linear infinite;
-}
 .rounded-\[8px\] {
   border-radius: 8px;
 }
@@ -402,12 +385,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity));
 }
-.opacity-25 {
-  opacity: 0.25;
-}
-.opacity-75 {
-  opacity: 0.75;
-}
 .shadow-\[0px_0px_1px_1px_\#919191\] {
   --tw-shadow: 0px 0px 1px 1px #919191;
   --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);

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 Donut: (props: ElementType) => React$1.JSX.Element;
+declare const Donut: React$1.FC<any>;
 
 export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, DatePickerElement, DateRangePickerElement, Donut, 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 Donut: (props: ElementType) => React$1.JSX.Element;
+declare const Donut: React$1.FC<any>;
 
 export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, DatePickerElement, DateRangePickerElement, Donut, DropDownGroup, FileUpload, Image, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };

package/dist/index.js

@@ -36,7 +36,7 @@ __export(src_exports, {
   CkEditor: () => CkEditor,
   DatePickerElement: () => DatePickerElement,
   DateRangePickerElement: () => DateRangePickerElement,
-  Donut: () => Donut,
+  Donut: () => Donut_default,
   DropDownGroup: () => DropDownGroup,
   FileUpload: () => FileUpload,
   Image: () => Image,
@@ -417,7 +417,7 @@ var ButtonElement = (props) => {
         }
       }).catch((error) => console.error("Error fetching SVG:", error));
     }
-  }, []);
+  }, [props.icon, props.className]);
   const handleMouseEnter = () => {
     if (hoverColor && originalSvgContent) {
       const tempDiv = document.createElement("div");
@@ -439,15 +439,15 @@ var ButtonElement = (props) => {
       onClick: props.onClick,
       className: `${props.className ? props.className : ""}`,
       onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      disabled: props.loading
+      onMouseLeave: handleMouseLeave
     },
-    props.loading ? /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("svg", { className: "animate-spin h-5 w-5 mr-3", viewBox: "0 0 24 24" }, /* @__PURE__ */ import_react11.default.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), /* @__PURE__ */ import_react11.default.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8v8H4z" })), props.label) : /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, props.isSVGStylesOverride === false ? props.icon && /* @__PURE__ */ import_react11.default.createElement("img", { className: props.iconsClassName, src: props.icon, alt: props.label }) : svgContent && /* @__PURE__ */ import_react11.default.createElement(
+    props.isSVGStylesOverride === false ? props.icon && /* @__PURE__ */ import_react11.default.createElement("img", { className: props.iconsClassName, src: props.icon, alt: props.label }) : svgContent && /* @__PURE__ */ import_react11.default.createElement(
       "span",
       {
         dangerouslySetInnerHTML: { __html: svgContent }
       }
-    ), props.label)
+    ),
+    props.label
   );
 };
 
@@ -810,8 +810,7 @@ var TableElement = (props) => {
       dataSource,
       columns,
       size: props.size,
-      bordered: true,
-      scroll: { x: 1300 }
+      bordered: true
     }
   ), model && /* @__PURE__ */ import_react20.default.createElement(ModelElement, { selectedRecord, ...props, columns, model, onCancel: () => setModel(false) }));
 };
@@ -826,7 +825,7 @@ var DatePickerElement = (props) => {
   const [dateState, setDateState] = (0, import_react21.useState)("");
   const handleChange = (date, dateString) => {
     if (date) {
-      const formattedDate = date;
+      const formattedDate = dateString;
       setDateState(date);
       if (props.onChange) {
         props.onChange(formattedDate);
@@ -1091,10 +1090,6 @@ var OtpElement = (props) => {
 var import_react31 = __toESM(require("react"));
 var import_highcharts = __toESM(require("highcharts"));
 var import_highcharts_react_official = __toESM(require("highcharts-react-official"));
-var import_exporting = __toESM(require("highcharts/modules/exporting.js"));
-if (typeof import_highcharts.default === "object") {
-  (0, import_exporting.default)(import_highcharts.default);
-}
 var HighchartsChart = ({ options }) => {
   return /* @__PURE__ */ import_react31.default.createElement(import_highcharts_react_official.default, { highcharts: import_highcharts.default, options });
 };
@@ -1142,8 +1137,9 @@ var Donut = (props) => {
       }
     ]
   };
-  return /* @__PURE__ */ import_react31.default.createElement(import_react31.default.Fragment, null, /* @__PURE__ */ import_react31.default.createElement(HighchartsChart, { highcharts: import_highcharts.default, options: chartOptions }));
+  return /* @__PURE__ */ import_react31.default.createElement(import_react31.default.Fragment, null, /* @__PURE__ */ import_react31.default.createElement(HighchartsChart, { options: chartOptions }));
 };
+var Donut_default = Donut;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AddMoreTable,

package/dist/index.mjs

@@ -356,7 +356,7 @@ var ButtonElement = (props) => {
         }
       }).catch((error) => console.error("Error fetching SVG:", error));
     }
-  }, []);
+  }, [props.icon, props.className]);
   const handleMouseEnter = () => {
     if (hoverColor && originalSvgContent) {
       const tempDiv = document.createElement("div");
@@ -378,15 +378,15 @@ var ButtonElement = (props) => {
       onClick: props.onClick,
       className: `${props.className ? props.className : ""}`,
       onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      disabled: props.loading
+      onMouseLeave: handleMouseLeave
     },
-    props.loading ? /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement("svg", { className: "animate-spin h-5 w-5 mr-3", viewBox: "0 0 24 24" }, /* @__PURE__ */ React11.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), /* @__PURE__ */ React11.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8v8H4z" })), props.label) : /* @__PURE__ */ React11.createElement(React11.Fragment, null, props.isSVGStylesOverride === false ? props.icon && /* @__PURE__ */ React11.createElement("img", { className: props.iconsClassName, src: props.icon, alt: props.label }) : svgContent && /* @__PURE__ */ React11.createElement(
+    props.isSVGStylesOverride === false ? props.icon && /* @__PURE__ */ React11.createElement("img", { className: props.iconsClassName, src: props.icon, alt: props.label }) : svgContent && /* @__PURE__ */ React11.createElement(
       "span",
       {
         dangerouslySetInnerHTML: { __html: svgContent }
       }
-    ), props.label)
+    ),
+    props.label
   );
 };
 
@@ -749,8 +749,7 @@ var TableElement = (props) => {
       dataSource,
       columns,
       size: props.size,
-      bordered: true,
-      scroll: { x: 1300 }
+      bordered: true
     }
   ), model && /* @__PURE__ */ React20.createElement(ModelElement, { selectedRecord, ...props, columns, model, onCancel: () => setModel(false) }));
 };
@@ -765,7 +764,7 @@ var DatePickerElement = (props) => {
   const [dateState, setDateState] = useState7("");
   const handleChange = (date, dateString) => {
     if (date) {
-      const formattedDate = date;
+      const formattedDate = dateString;
       setDateState(date);
       if (props.onChange) {
         props.onChange(formattedDate);
@@ -1030,10 +1029,6 @@ var OtpElement = (props) => {
 import React31 from "react";
 import Highcharts from "highcharts";
 import HighchartsReact from "highcharts-react-official";
-import HighchartsExporting from "highcharts/modules/exporting.js";
-if (typeof Highcharts === "object") {
-  HighchartsExporting(Highcharts);
-}
 var HighchartsChart = ({ options }) => {
   return /* @__PURE__ */ React31.createElement(HighchartsReact, { highcharts: Highcharts, options });
 };
@@ -1081,8 +1076,9 @@ var Donut = (props) => {
       }
     ]
   };
-  return /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement(HighchartsChart, { highcharts: Highcharts, options: chartOptions }));
+  return /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement(HighchartsChart, { options: chartOptions }));
 };
+var Donut_default = Donut;
 export {
   AddMoreTable,
   ButtonElement,
@@ -1090,7 +1086,7 @@ export {
   CkEditor,
   DatePickerElement,
   DateRangePickerElement,
-  Donut,
+  Donut_default as Donut,
   DropDownGroup,
   FileUpload,
   Image,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.15-Beta0",
+  "version": "0.0.15-Beta10",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",