@apexcura/ui-components 0.0.14-Beta33 → 0.0.14-Beta34

package/dist/index.d.mts

@@ -85,7 +85,7 @@ declare const SingleSelectElement: (props: ElementType) => React$1.JSX.Element;
 
 declare const MultipleSelectElement: (props: ElementType) => React$1.JSX.Element;
 
-declare const ButtonElement: React$1.FC<ElementType>;
+declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
 
 declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
 

package/dist/index.d.ts

@@ -85,7 +85,7 @@ declare const SingleSelectElement: (props: ElementType) => React$1.JSX.Element;
 
 declare const MultipleSelectElement: (props: ElementType) => React$1.JSX.Element;
 
-declare const ButtonElement: React$1.FC<ElementType>;
+declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
 
 declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
 

package/dist/index.js

@@ -377,13 +377,25 @@ var MultipleSelectElement = (props) => {
 // src/Components/Button.tsx
 var import_react11 = __toESM(require("react"));
 var ButtonElement = (props) => {
+  const [svgContent, setSvgContent] = (0, import_react11.useState)(null);
+  (0, import_react11.useEffect)(() => {
+    if (props.icon) {
+      fetch(props.icon).then((response) => response.text()).then((data) => setSvgContent(data)).catch((error) => console.error("Error fetching SVG:", error));
+    }
+  }, [props.icon]);
   return /* @__PURE__ */ import_react11.default.createElement(
     "button",
     {
       onClick: () => props.onClick && props.onClick(),
       className: `${props.className ? props.className : ""}`
     },
-    props.icon && /* @__PURE__ */ import_react11.default.createElement("img", { className: props.iconsClassName, src: props.icon }),
+    svgContent ? /* @__PURE__ */ import_react11.default.createElement(
+      "span",
+      {
+        className: props.iconsClassName,
+        dangerouslySetInnerHTML: { __html: svgContent }
+      }
+    ) : props.icon && /* @__PURE__ */ import_react11.default.createElement("img", { className: props.iconsClassName, src: props.icon }),
     props.label
   );
 };

package/dist/index.mjs

@@ -316,26 +316,38 @@ var MultipleSelectElement = (props) => {
 };
 
 // src/Components/Button.tsx
-import React11 from "react";
+import React11, { useEffect, useState as useState4 } from "react";
 var ButtonElement = (props) => {
+  const [svgContent, setSvgContent] = useState4(null);
+  useEffect(() => {
+    if (props.icon) {
+      fetch(props.icon).then((response) => response.text()).then((data) => setSvgContent(data)).catch((error) => console.error("Error fetching SVG:", error));
+    }
+  }, [props.icon]);
   return /* @__PURE__ */ React11.createElement(
     "button",
     {
       onClick: () => props.onClick && props.onClick(),
       className: `${props.className ? props.className : ""}`
     },
-    props.icon && /* @__PURE__ */ React11.createElement("img", { className: props.iconsClassName, src: props.icon }),
+    svgContent ? /* @__PURE__ */ React11.createElement(
+      "span",
+      {
+        className: props.iconsClassName,
+        dangerouslySetInnerHTML: { __html: svgContent }
+      }
+    ) : props.icon && /* @__PURE__ */ React11.createElement("img", { className: props.iconsClassName, src: props.icon }),
     props.label
   );
 };
 
 // src/Components/AddMoreTable.tsx
-import React12, { useEffect, useState as useState4 } from "react";
+import React12, { useEffect as useEffect2, useState as useState5 } from "react";
 import { Table, Button } from "antd";
 import { PlusOutlined, DeleteOutlined } from "@ant-design/icons";
 var AddMoreTable = (props) => {
   const { thead, tbody } = props;
-  const [rows, setRows] = useState4(tbody || []);
+  const [rows, setRows] = useState5(tbody || []);
   const onHandleRows = () => {
     const newId = rows.length > 0 ? rows[rows.length - 1].id + 1 : 1;
     let newRow = {
@@ -400,7 +412,7 @@ var AddMoreTable = (props) => {
       });
     });
   };
-  useEffect(() => {
+  useEffect2(() => {
     console.log(rows);
   }, [rows]);
   const renderInputElement = (element, value) => {
@@ -535,7 +547,7 @@ var Navbar = (props) => {
 };
 
 // src/Components/TableElement.tsx
-import React20, { useState as useState5 } from "react";
+import React20, { useState as useState6 } from "react";
 import { Table as Table2 } from "antd";
 
 // src/Components/Model.tsx
@@ -593,9 +605,9 @@ var ModelElement = (props) => {
 // src/Components/TableElement.tsx
 var TableElement = (props) => {
   const { thead, tbody } = props;
-  const [selectedRecord, setSelectedRecord] = useState5({});
-  const [model, setModel] = useState5(false);
-  const [selectedRowKeys, setSelectedRowKeys] = useState5([]);
+  const [selectedRecord, setSelectedRecord] = useState6({});
+  const [model, setModel] = useState6(false);
+  const [selectedRowKeys, setSelectedRowKeys] = useState6([]);
   const handleChange = (record) => {
     console.log("record", record);
     if (props.onChange) {
@@ -682,13 +694,13 @@ var TableElement = (props) => {
 };
 
 // src/Components/DatePicker.tsx
-import React21, { useState as useState6 } from "react";
+import React21, { useState as useState7 } from "react";
 import { DatePicker } from "antd";
 import dayjs from "dayjs";
 import customParseFormat from "dayjs/plugin/customParseFormat.js";
 dayjs.extend(customParseFormat);
 var DatePickerElement = (props) => {
-  const [dateState, setDateState] = useState6("");
+  const [dateState, setDateState] = useState7("");
   const handleChange = (date, dateString) => {
     if (date) {
       const formattedDate = date;
@@ -755,10 +767,10 @@ var SingleCheckbox = (props) => {
 };
 
 // src/Components/DropDownGroup.tsx
-import React25, { useState as useState7 } from "react";
+import React25, { useState as useState8 } from "react";
 import { Select as Select4 } from "antd";
 var DropDownGroup = (props) => {
-  const [selectedValue, setSelectedValue] = useState7({
+  const [selectedValue, setSelectedValue] = useState8({
     firstValue: {},
     secondValue: {},
     temp: ""
@@ -810,12 +822,12 @@ var DropDownGroup = (props) => {
 };
 
 // src/Components/FilesUpload.tsx
-import React26, { useState as useState8 } from "react";
+import React26, { useState as useState9 } from "react";
 import { Upload } from "antd";
 import { InboxOutlined } from "@ant-design/icons";
 var FileUpload = (props) => {
   const { Dragger } = Upload;
-  const [files, setFiles] = useState8([]);
+  const [files, setFiles] = useState9([]);
   const handleChange = ({ fileList }) => {
     setFiles(fileList);
     if (props.onChange) {
@@ -869,9 +881,9 @@ var onChange = (checked) => {
 var SwitchElement = () => /* @__PURE__ */ React28.createElement(Switch, { defaultChecked: true, onChange });
 
 // src/Components/Upload.tsx
-import React29, { useState as useState9 } from "react";
+import React29, { useState as useState10 } from "react";
 var Upload2 = (props) => {
-  const [file, setFile] = useState9();
+  const [file, setFile] = useState10();
   const handleFileChange = (e) => {
     setFile(e.target.files[0]);
     if (props.onChange) {

package/package.json

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