@apexcura/ui-components 0.0.14-Beta98 → 0.0.14

package/dist/index.css

@@ -335,15 +335,35 @@ video {
 .visible {
   visibility: visible;
 }
+.fixed {
+  position: fixed;
+}
 .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;
 }
@@ -382,6 +402,12 @@ 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

@@ -64,6 +64,7 @@ type ElementType = {
     rowSelection?: string;
     length?: number;
     imgClassName?: string;
+    loading?: boolean;
 };
 
 declare const TextElement: (props: ElementType) => React$1.JSX.Element;

package/dist/index.d.ts

@@ -64,6 +64,7 @@ type ElementType = {
     rowSelection?: string;
     length?: number;
     imgClassName?: string;
+    loading?: boolean;
 };
 
 declare const TextElement: (props: ElementType) => React$1.JSX.Element;

package/dist/index.js

@@ -439,15 +439,15 @@ var ButtonElement = (props) => {
       onClick: props.onClick,
       className: `${props.className ? props.className : ""}`,
       onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave
+      onMouseLeave: handleMouseLeave,
+      disabled: props.isLoading
     },
-    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.isLoading ? /* @__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(
       "span",
       {
         dangerouslySetInnerHTML: { __html: svgContent }
       }
-    ),
-    props.label
+    ), props.label)
   );
 };
 
@@ -738,7 +738,8 @@ var TableElement = (props) => {
       {
         title: "#",
         dataIndex: "#",
-        key: "#"
+        key: "#",
+        fixed: "left"
       },
       ...thead.map((col, ind) => ({
         title: col.label,
@@ -809,7 +810,8 @@ var TableElement = (props) => {
       dataSource,
       columns,
       size: props.size,
-      bordered: true
+      bordered: true,
+      scroll: { x: 1300 }
     }
   ), model && /* @__PURE__ */ import_react20.default.createElement(ModelElement, { selectedRecord, ...props, columns, model, onCancel: () => setModel(false) }));
 };
@@ -1095,7 +1097,6 @@ var HighchartsChart = ({ options }) => {
 console.log(HighchartsChart);
 console.log(typeof HighchartsChart);
 var Donut = (props) => {
-  console.log(props);
   const chartOptions = {
     title: {
       text: "Distribution of Students"
@@ -1137,7 +1138,6 @@ var Donut = (props) => {
       }
     ]
   };
-  console.log(chartOptions);
   return /* @__PURE__ */ import_react31.default.createElement(import_react31.default.Fragment, null, /* @__PURE__ */ import_react31.default.createElement(HighchartsChart, { highcharts: import_highcharts.default, options: chartOptions }));
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.mjs

@@ -378,15 +378,15 @@ var ButtonElement = (props) => {
       onClick: props.onClick,
       className: `${props.className ? props.className : ""}`,
       onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave
+      onMouseLeave: handleMouseLeave,
+      disabled: props.isLoading
     },
-    props.isSVGStylesOverride === false ? props.icon && /* @__PURE__ */ React11.createElement("img", { className: props.iconsClassName, src: props.icon, alt: props.label }) : svgContent && /* @__PURE__ */ React11.createElement(
+    props.isLoading ? /* @__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(
       "span",
       {
         dangerouslySetInnerHTML: { __html: svgContent }
       }
-    ),
-    props.label
+    ), props.label)
   );
 };
 
@@ -677,7 +677,8 @@ var TableElement = (props) => {
       {
         title: "#",
         dataIndex: "#",
-        key: "#"
+        key: "#",
+        fixed: "left"
       },
       ...thead.map((col, ind) => ({
         title: col.label,
@@ -748,7 +749,8 @@ var TableElement = (props) => {
       dataSource,
       columns,
       size: props.size,
-      bordered: true
+      bordered: true,
+      scroll: { x: 1300 }
     }
   ), model && /* @__PURE__ */ React20.createElement(ModelElement, { selectedRecord, ...props, columns, model, onCancel: () => setModel(false) }));
 };
@@ -1034,7 +1036,6 @@ var HighchartsChart = ({ options }) => {
 console.log(HighchartsChart);
 console.log(typeof HighchartsChart);
 var Donut = (props) => {
-  console.log(props);
   const chartOptions = {
     title: {
       text: "Distribution of Students"
@@ -1076,7 +1077,6 @@ var Donut = (props) => {
       }
     ]
   };
-  console.log(chartOptions);
   return /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement(HighchartsChart, { highcharts: Highcharts, options: chartOptions }));
 };
 export {

package/package.json

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