@apexcura/ui-components 0.0.14-Beta98 → 0.0.14-Beta99

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

@@ -378,6 +378,7 @@ var MultipleSelectElement = (props) => {
 
 // src/Components/Button.tsx
 var import_react11 = __toESM(require("react"));
+var import_antd10 = require("antd");
 var ButtonElement = (props) => {
   const [svgContent, setSvgContent] = (0, import_react11.useState)(null);
   const [originalSvgContent, setOriginalSvgContent] = (0, import_react11.useState)(null);
@@ -434,12 +435,13 @@ var ButtonElement = (props) => {
     }
   };
   return /* @__PURE__ */ import_react11.default.createElement(
-    "button",
+    import_antd10.Button,
     {
       onClick: props.onClick,
       className: `${props.className ? props.className : ""}`,
       onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave
+      onMouseLeave: handleMouseLeave,
+      loading: props.loading
     },
     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",
@@ -453,7 +455,7 @@ var ButtonElement = (props) => {
 
 // src/Components/AddMoreTable.tsx
 var import_react12 = __toESM(require("react"));
-var import_antd10 = require("antd");
+var import_antd11 = require("antd");
 var import_icons2 = require("@ant-design/icons");
 var AddMoreTable = (props) => {
   const { thead, tbody } = props;
@@ -548,13 +550,13 @@ var AddMoreTable = (props) => {
     eachRow.variable_data.forEach((variable, subIndex) => {
       Object.keys(variable).forEach((key) => {
         if (key === "SubRows") {
-          rowData[`${key}`] = /* @__PURE__ */ import_react12.default.createElement("div", { key: subIndex }, eachRow.variable_data.length > 1 && /* @__PURE__ */ import_react12.default.createElement(import_antd10.Button, { onClick: () => onHandleSubRowsDelete(rowIndex, subIndex) }, /* @__PURE__ */ import_react12.default.createElement(import_icons2.DeleteOutlined, null)), subIndex === eachRow.variable_data.length - 1 && /* @__PURE__ */ import_react12.default.createElement(import_antd10.Button, { onClick: () => onHandleSubRowsAdd(rowIndex) }, /* @__PURE__ */ import_react12.default.createElement(import_icons2.PlusOutlined, null)));
+          rowData[`${key}`] = /* @__PURE__ */ import_react12.default.createElement("div", { key: subIndex }, eachRow.variable_data.length > 1 && /* @__PURE__ */ import_react12.default.createElement(import_antd11.Button, { onClick: () => onHandleSubRowsDelete(rowIndex, subIndex) }, /* @__PURE__ */ import_react12.default.createElement(import_icons2.DeleteOutlined, null)), subIndex === eachRow.variable_data.length - 1 && /* @__PURE__ */ import_react12.default.createElement(import_antd11.Button, { onClick: () => onHandleSubRowsAdd(rowIndex) }, /* @__PURE__ */ import_react12.default.createElement(import_icons2.PlusOutlined, null)));
         } else {
           rowData[`${key}`] = renderInputElement(variable[key]);
         }
       });
     });
-    rowData.actions = /* @__PURE__ */ import_react12.default.createElement("div", null, /* @__PURE__ */ import_react12.default.createElement(import_antd10.Button, { onClick: () => onHandleDelete(eachRow.id) }, /* @__PURE__ */ import_react12.default.createElement(import_icons2.DeleteOutlined, null)), rowIndex === rows.length - 1 && /* @__PURE__ */ import_react12.default.createElement(import_antd10.Button, { onClick: onHandleRows }, /* @__PURE__ */ import_react12.default.createElement(import_icons2.PlusOutlined, null)));
+    rowData.actions = /* @__PURE__ */ import_react12.default.createElement("div", null, /* @__PURE__ */ import_react12.default.createElement(import_antd11.Button, { onClick: () => onHandleDelete(eachRow.id) }, /* @__PURE__ */ import_react12.default.createElement(import_icons2.DeleteOutlined, null)), rowIndex === rows.length - 1 && /* @__PURE__ */ import_react12.default.createElement(import_antd11.Button, { onClick: onHandleRows }, /* @__PURE__ */ import_react12.default.createElement(import_icons2.PlusOutlined, null)));
     console.log("=====rowdata", rowData);
     return rowData;
   });
@@ -571,7 +573,7 @@ var AddMoreTable = (props) => {
     });
   }
   return /* @__PURE__ */ import_react12.default.createElement(
-    import_antd10.Table,
+    import_antd11.Table,
     {
       columns,
       dataSource,
@@ -610,25 +612,25 @@ var import_react17 = __toESM(require("react"));
 
 // src/Components/Notification.tsx
 var import_react14 = __toESM(require("react"));
-var import_antd11 = require("antd");
+var import_antd12 = require("antd");
 var import_io = require("react-icons/io");
 var popoverContentStyle = {
   minWidth: "300px",
   maxWidth: "100%"
 };
 var Notification = (props) => /* @__PURE__ */ import_react14.default.createElement(
-  import_antd11.Popover,
+  import_antd12.Popover,
   {
     className: props.className,
     content: /* @__PURE__ */ import_react14.default.createElement("div", { style: popoverContentStyle }, " ", /* @__PURE__ */ import_react14.default.createElement(
-      import_antd11.List,
+      import_antd12.List,
       {
         itemLayout: "horizontal",
         dataSource: props.items,
-        renderItem: (item, index) => /* @__PURE__ */ import_react14.default.createElement(import_antd11.List.Item, { key: item.text }, /* @__PURE__ */ import_react14.default.createElement(
-          import_antd11.List.Item.Meta,
+        renderItem: (item, index) => /* @__PURE__ */ import_react14.default.createElement(import_antd12.List.Item, { key: item.text }, /* @__PURE__ */ import_react14.default.createElement(
+          import_antd12.List.Item.Meta,
           {
-            avatar: /* @__PURE__ */ import_react14.default.createElement(import_antd11.Avatar, { src: `https://api.dicebear.com/7.x/miniavs/svg?seed=${index}` }),
+            avatar: /* @__PURE__ */ import_react14.default.createElement(import_antd12.Avatar, { src: `https://api.dicebear.com/7.x/miniavs/svg?seed=${index}` }),
             title: item.text,
             description: item.time
           }
@@ -638,7 +640,7 @@ var Notification = (props) => /* @__PURE__ */ import_react14.default.createEleme
     trigger: "focus",
     placement: "bottomRight"
   },
-  /* @__PURE__ */ import_react14.default.createElement(import_antd11.Button, { className: props.buttonClassName }, /* @__PURE__ */ import_react14.default.createElement(import_antd11.Badge, { size: "small", count: props.count }, /* @__PURE__ */ import_react14.default.createElement("span", { className: props.iconsClassName }, /* @__PURE__ */ import_react14.default.createElement(import_io.IoIosNotifications, null))))
+  /* @__PURE__ */ import_react14.default.createElement(import_antd12.Button, { className: props.buttonClassName }, /* @__PURE__ */ import_react14.default.createElement(import_antd12.Badge, { size: "small", count: props.count }, /* @__PURE__ */ import_react14.default.createElement("span", { className: props.iconsClassName }, /* @__PURE__ */ import_react14.default.createElement(import_io.IoIosNotifications, null))))
 );
 
 // src/Components/SpanElement.tsx
@@ -647,9 +649,9 @@ var SpanElement = (props) => /* @__PURE__ */ import_react15.default.createElemen
 
 // src/Components/Profile.tsx
 var import_react16 = __toESM(require("react"));
-var import_antd12 = require("antd");
+var import_antd13 = require("antd");
 var import_icons3 = require("@ant-design/icons");
-var Profile = (props) => /* @__PURE__ */ import_react16.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react16.default.createElement(import_antd12.Avatar, { style: { backgroundColor: "#87d068", marginRight: "10px" }, icon: /* @__PURE__ */ import_react16.default.createElement(import_icons3.UserOutlined, null) }), /* @__PURE__ */ import_react16.default.createElement("div", { className: props.profileSubClassName }, /* @__PURE__ */ import_react16.default.createElement("p", null, props.primaryText), /* @__PURE__ */ import_react16.default.createElement("p", { className: props.secondTextClassName }, " ", props.secondaryText)));
+var Profile = (props) => /* @__PURE__ */ import_react16.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react16.default.createElement(import_antd13.Avatar, { style: { backgroundColor: "#87d068", marginRight: "10px" }, icon: /* @__PURE__ */ import_react16.default.createElement(import_icons3.UserOutlined, null) }), /* @__PURE__ */ import_react16.default.createElement("div", { className: props.profileSubClassName }, /* @__PURE__ */ import_react16.default.createElement("p", null, props.primaryText), /* @__PURE__ */ import_react16.default.createElement("p", { className: props.secondTextClassName }, " ", props.secondaryText)));
 
 // src/Components/Navbar.tsx
 var Navbar = (props) => {
@@ -667,11 +669,11 @@ var Navbar = (props) => {
 
 // src/Components/TableElement.tsx
 var import_react20 = __toESM(require("react"));
-var import_antd14 = require("antd");
+var import_antd15 = require("antd");
 
 // src/Components/Model.tsx
 var import_react19 = __toESM(require("react"));
-var import_antd13 = require("antd");
+var import_antd14 = require("antd");
 
 // src/Components/ModelBody.tsx
 var import_react18 = __toESM(require("react"));
@@ -693,7 +695,7 @@ var ModelBody = (props) => {
 var ModelElement = (props) => {
   const { model, onCancel, selectedRecord, columns } = props;
   return /* @__PURE__ */ import_react19.default.createElement(
-    import_antd13.Modal,
+    import_antd14.Modal,
     {
       centered: true,
       open: model,
@@ -796,7 +798,7 @@ var TableElement = (props) => {
     }
   } : void 0;
   return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(
-    import_antd14.Table,
+    import_antd15.Table,
     {
       className: props.className,
       pagination: {
@@ -816,7 +818,7 @@ var TableElement = (props) => {
 
 // src/Components/DatePicker.tsx
 var import_react21 = __toESM(require("react"));
-var import_antd15 = require("antd");
+var import_antd16 = require("antd");
 var import_dayjs = __toESM(require("dayjs"));
 var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat.js"));
 import_dayjs.default.extend(import_customParseFormat.default);
@@ -837,7 +839,7 @@ var DatePickerElement = (props) => {
     }
   };
   return /* @__PURE__ */ import_react21.default.createElement("div", null, /* @__PURE__ */ import_react21.default.createElement(
-    import_antd15.DatePicker,
+    import_antd16.DatePicker,
     {
       placeholder: props.placeholder,
       value: dateState,
@@ -849,10 +851,10 @@ var DatePickerElement = (props) => {
 
 // src/Components/DateRangePickerElement.tsx
 var import_react22 = __toESM(require("react"));
-var import_antd16 = require("antd");
+var import_antd17 = require("antd");
 var import_dayjs2 = __toESM(require("dayjs"));
 var DateRangePickerElement = (props) => {
-  const { RangePicker } = import_antd16.DatePicker;
+  const { RangePicker } = import_antd17.DatePicker;
   const handleChange = (dates, dateStrings) => {
     if (dates && props.onChange) {
       props.onChange(dateStrings);
@@ -866,7 +868,7 @@ var DateRangePickerElement = (props) => {
     { label: "Last 30 Days", value: [(0, import_dayjs2.default)().add(-30, "d"), (0, import_dayjs2.default)()] },
     { label: "Last 90 Days", value: [(0, import_dayjs2.default)().add(-90, "d"), (0, import_dayjs2.default)()] }
   ];
-  return /* @__PURE__ */ import_react22.default.createElement(import_antd16.Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ import_react22.default.createElement(RangePicker, { presets: rangePresets, onChange: handleChange }));
+  return /* @__PURE__ */ import_react22.default.createElement(import_antd17.Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ import_react22.default.createElement(RangePicker, { presets: rangePresets, onChange: handleChange }));
 };
 
 // src/Components/Image.tsx
@@ -877,19 +879,19 @@ var Image = (props) => {
 
 // src/Components/SingleCheckbox.tsx
 var import_react24 = __toESM(require("react"));
-var import_antd17 = require("antd");
+var import_antd18 = require("antd");
 var SingleCheckbox = (props) => {
   const handleChange = (e) => {
     if (props.onChange) {
       props.onChange(e.target.checked);
     }
   };
-  return /* @__PURE__ */ import_react24.default.createElement(import_antd17.Checkbox, { onChange: (e) => handleChange(e), className: props.className }, props.label);
+  return /* @__PURE__ */ import_react24.default.createElement(import_antd18.Checkbox, { onChange: (e) => handleChange(e), className: props.className }, props.label);
 };
 
 // src/Components/DropDownGroup.tsx
 var import_react25 = __toESM(require("react"));
-var import_antd18 = require("antd");
+var import_antd19 = require("antd");
 var DropDownGroup = (props) => {
   const [selectedValue, setSelectedValue] = (0, import_react25.useState)({
     firstValue: {},
@@ -924,7 +926,7 @@ var DropDownGroup = (props) => {
     });
   };
   return /* @__PURE__ */ import_react25.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react25.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react25.default.createElement("div", { className: props.subContainerClassName }, /* @__PURE__ */ import_react25.default.createElement(
-    import_antd18.Select,
+    import_antd19.Select,
     {
       onChange: handleFirstChange,
       variant: props.variant,
@@ -932,7 +934,7 @@ var DropDownGroup = (props) => {
       className: props.className
     }
   ), /* @__PURE__ */ import_react25.default.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ import_react25.default.createElement(
-    import_antd18.Select,
+    import_antd19.Select,
     {
       onChange: handleSecondChange,
       variant: props.variant,
@@ -944,10 +946,10 @@ var DropDownGroup = (props) => {
 
 // src/Components/FilesUpload.tsx
 var import_react26 = __toESM(require("react"));
-var import_antd19 = require("antd");
+var import_antd20 = require("antd");
 var import_icons4 = require("@ant-design/icons");
 var FileUpload = (props) => {
-  const { Dragger } = import_antd19.Upload;
+  const { Dragger } = import_antd20.Upload;
   const [files, setFiles] = (0, import_react26.useState)([]);
   const handleChange = ({ fileList }) => {
     setFiles(fileList);
@@ -983,23 +985,23 @@ var FileUpload = (props) => {
 
 // src/Components/TabsElement.tsx
 var import_react27 = __toESM(require("react"));
-var import_antd20 = require("antd");
+var import_antd21 = require("antd");
 var TabsElement = (props) => {
   const handleChange = (key) => {
     if (props.onChange) {
       props.onChange(props.options?.find((eachOption) => eachOption.key === key));
     }
   };
-  return /* @__PURE__ */ import_react27.default.createElement(import_antd20.Tabs, { className: props.containerClassName, items: props.options, onChange: handleChange });
+  return /* @__PURE__ */ import_react27.default.createElement(import_antd21.Tabs, { className: props.containerClassName, items: props.options, onChange: handleChange });
 };
 
 // src/Components/SwitchElement.tsx
 var import_react28 = __toESM(require("react"));
-var import_antd21 = require("antd");
+var import_antd22 = require("antd");
 var onChange = (checked) => {
   console.log(`switch to ${checked}`);
 };
-var SwitchElement = () => /* @__PURE__ */ import_react28.default.createElement(import_antd21.Switch, { defaultChecked: true, onChange });
+var SwitchElement = () => /* @__PURE__ */ import_react28.default.createElement(import_antd22.Switch, { defaultChecked: true, onChange });
 
 // src/Components/Upload.tsx
 var import_react29 = __toESM(require("react"));
@@ -1031,7 +1033,7 @@ var Upload2 = (props) => {
 
 // src/Components/OtpElement.tsx
 var import_react30 = __toESM(require("react"));
-var import_antd22 = require("antd");
+var import_antd23 = require("antd");
 var OtpElement = (props) => {
   const length = props.length;
   const [otp, setOtp] = (0, import_react30.useState)(Array(length).fill(""));
@@ -1071,7 +1073,7 @@ var OtpElement = (props) => {
     inputRefs.current[0]?.focus();
   }, []);
   return /* @__PURE__ */ import_react30.default.createElement("div", { className: props.containerClassName }, Array.from({ length }).map((_, index) => /* @__PURE__ */ import_react30.default.createElement(
-    import_antd22.Input,
+    import_antd23.Input,
     {
       key: index,
       className: props.className,
@@ -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

@@ -317,6 +317,7 @@ var MultipleSelectElement = (props) => {
 
 // src/Components/Button.tsx
 import React11, { useEffect, useState as useState4 } from "react";
+import { Button } from "antd";
 var ButtonElement = (props) => {
   const [svgContent, setSvgContent] = useState4(null);
   const [originalSvgContent, setOriginalSvgContent] = useState4(null);
@@ -373,12 +374,13 @@ var ButtonElement = (props) => {
     }
   };
   return /* @__PURE__ */ React11.createElement(
-    "button",
+    Button,
     {
       onClick: props.onClick,
       className: `${props.className ? props.className : ""}`,
       onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave
+      onMouseLeave: handleMouseLeave,
+      loading: props.loading
     },
     props.isSVGStylesOverride === false ? props.icon && /* @__PURE__ */ React11.createElement("img", { className: props.iconsClassName, src: props.icon, alt: props.label }) : svgContent && /* @__PURE__ */ React11.createElement(
       "span",
@@ -392,7 +394,7 @@ var ButtonElement = (props) => {
 
 // src/Components/AddMoreTable.tsx
 import React12, { useEffect as useEffect2, useState as useState5 } from "react";
-import { Table, Button } from "antd";
+import { Table, Button as Button2 } from "antd";
 import { PlusOutlined, DeleteOutlined } from "@ant-design/icons";
 var AddMoreTable = (props) => {
   const { thead, tbody } = props;
@@ -487,13 +489,13 @@ var AddMoreTable = (props) => {
     eachRow.variable_data.forEach((variable, subIndex) => {
       Object.keys(variable).forEach((key) => {
         if (key === "SubRows") {
-          rowData[`${key}`] = /* @__PURE__ */ React12.createElement("div", { key: subIndex }, eachRow.variable_data.length > 1 && /* @__PURE__ */ React12.createElement(Button, { onClick: () => onHandleSubRowsDelete(rowIndex, subIndex) }, /* @__PURE__ */ React12.createElement(DeleteOutlined, null)), subIndex === eachRow.variable_data.length - 1 && /* @__PURE__ */ React12.createElement(Button, { onClick: () => onHandleSubRowsAdd(rowIndex) }, /* @__PURE__ */ React12.createElement(PlusOutlined, null)));
+          rowData[`${key}`] = /* @__PURE__ */ React12.createElement("div", { key: subIndex }, eachRow.variable_data.length > 1 && /* @__PURE__ */ React12.createElement(Button2, { onClick: () => onHandleSubRowsDelete(rowIndex, subIndex) }, /* @__PURE__ */ React12.createElement(DeleteOutlined, null)), subIndex === eachRow.variable_data.length - 1 && /* @__PURE__ */ React12.createElement(Button2, { onClick: () => onHandleSubRowsAdd(rowIndex) }, /* @__PURE__ */ React12.createElement(PlusOutlined, null)));
         } else {
           rowData[`${key}`] = renderInputElement(variable[key]);
         }
       });
     });
-    rowData.actions = /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement(Button, { onClick: () => onHandleDelete(eachRow.id) }, /* @__PURE__ */ React12.createElement(DeleteOutlined, null)), rowIndex === rows.length - 1 && /* @__PURE__ */ React12.createElement(Button, { onClick: onHandleRows }, /* @__PURE__ */ React12.createElement(PlusOutlined, null)));
+    rowData.actions = /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement(Button2, { onClick: () => onHandleDelete(eachRow.id) }, /* @__PURE__ */ React12.createElement(DeleteOutlined, null)), rowIndex === rows.length - 1 && /* @__PURE__ */ React12.createElement(Button2, { onClick: onHandleRows }, /* @__PURE__ */ React12.createElement(PlusOutlined, null)));
     console.log("=====rowdata", rowData);
     return rowData;
   });
@@ -549,7 +551,7 @@ import React17 from "react";
 
 // src/Components/Notification.tsx
 import React14 from "react";
-import { Popover, Badge, Button as Button2, Avatar, List } from "antd";
+import { Popover, Badge, Button as Button3, Avatar, List } from "antd";
 import { IoIosNotifications } from "react-icons/io";
 var popoverContentStyle = {
   minWidth: "300px",
@@ -577,7 +579,7 @@ var Notification = (props) => /* @__PURE__ */ React14.createElement(
     trigger: "focus",
     placement: "bottomRight"
   },
-  /* @__PURE__ */ React14.createElement(Button2, { className: props.buttonClassName }, /* @__PURE__ */ React14.createElement(Badge, { size: "small", count: props.count }, /* @__PURE__ */ React14.createElement("span", { className: props.iconsClassName }, /* @__PURE__ */ React14.createElement(IoIosNotifications, null))))
+  /* @__PURE__ */ React14.createElement(Button3, { className: props.buttonClassName }, /* @__PURE__ */ React14.createElement(Badge, { size: "small", count: props.count }, /* @__PURE__ */ React14.createElement("span", { className: props.iconsClassName }, /* @__PURE__ */ React14.createElement(IoIosNotifications, null))))
 );
 
 // src/Components/SpanElement.tsx
@@ -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-Beta99",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",