@apexcura/ui-components 0.0.14-Beta219 → 0.0.14-Beta220

package/dist/index.css

@@ -391,14 +391,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity));
 }
-.text-gray-500 {
-  --tw-text-opacity: 1;
-  color: rgb(107 114 128 / var(--tw-text-opacity));
-}
-.text-white {
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
-}
 .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.js

@@ -384,17 +384,8 @@ var MultipleSelectElement = (props) => {
 // src/Components/Button.tsx
 var import_react11 = __toESM(require("react"));
 var ButtonElement = (props) => {
-  const [fillColor, setFillColor] = (0, import_react11.useState)("");
-  const tailwindColorMap = {
-    "text-white": "#ffffff",
-    "text-gray-500": "#6b7280"
-  };
-  const getColorFromClass = (className) => {
-    return tailwindColorMap[className] || "inherit";
-  };
   const textColorClass = props.className?.match(/text-[\w-]+/g)?.[0];
-  setFillColor(getColorFromClass(textColorClass));
-  console.log(fillColor);
+  console.log(textColorClass);
   return /* @__PURE__ */ import_react11.default.createElement(
     "button",
     {
@@ -405,17 +396,19 @@ var ButtonElement = (props) => {
         cursor: props.loading ? "no-drop" : "pointer"
       }
     },
-    /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("span", { className: props.iconsClassName, style: { position: "relative" } }, /* @__PURE__ */ import_react11.default.createElement(
+    props.icon && JSON.parse(props.icon),
+    /* @__PURE__ */ import_react11.default.createElement("span", { className: props.iconsClassName, style: { position: "relative" } }, /* @__PURE__ */ import_react11.default.createElement(
       "span",
       {
         className: props.iconsClassName,
         dangerouslySetInnerHTML: { __html: props.icon || "" }
       }
     ), /* @__PURE__ */ import_react11.default.createElement("style", null, `.${props.iconsClassName} path {
-              fill: ${fillColor};
+              fill: ${textColorClass};
             }`, `.${props.iconsClassName}:hover path {
               filter: brightness(0) invert(1);
-            }`)), props.label)
+            }`)),
+    props.label
   );
 };
 

package/dist/index.mjs

@@ -316,19 +316,10 @@ var MultipleSelectElement = (props) => {
 };
 
 // src/Components/Button.tsx
-import React11, { useState as useState4 } from "react";
+import React11 from "react";
 var ButtonElement = (props) => {
-  const [fillColor, setFillColor] = useState4("");
-  const tailwindColorMap = {
-    "text-white": "#ffffff",
-    "text-gray-500": "#6b7280"
-  };
-  const getColorFromClass = (className) => {
-    return tailwindColorMap[className] || "inherit";
-  };
   const textColorClass = props.className?.match(/text-[\w-]+/g)?.[0];
-  setFillColor(getColorFromClass(textColorClass));
-  console.log(fillColor);
+  console.log(textColorClass);
   return /* @__PURE__ */ React11.createElement(
     "button",
     {
@@ -339,27 +330,29 @@ var ButtonElement = (props) => {
         cursor: props.loading ? "no-drop" : "pointer"
       }
     },
-    /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement("span", { className: props.iconsClassName, style: { position: "relative" } }, /* @__PURE__ */ React11.createElement(
+    props.icon && JSON.parse(props.icon),
+    /* @__PURE__ */ React11.createElement("span", { className: props.iconsClassName, style: { position: "relative" } }, /* @__PURE__ */ React11.createElement(
       "span",
       {
         className: props.iconsClassName,
         dangerouslySetInnerHTML: { __html: props.icon || "" }
       }
     ), /* @__PURE__ */ React11.createElement("style", null, `.${props.iconsClassName} path {
-              fill: ${fillColor};
+              fill: ${textColorClass};
             }`, `.${props.iconsClassName}:hover path {
               filter: brightness(0) invert(1);
-            }`)), props.label)
+            }`)),
+    props.label
   );
 };
 
 // src/Components/AddMoreTable.tsx
-import React12, { useEffect, useState as useState5 } from "react";
+import React12, { useEffect, useState as useState4 } from "react";
 import { Table, Button } from "antd";
 import { PlusOutlined, DeleteOutlined } from "@ant-design/icons";
 var AddMoreTable = (props) => {
   const { thead, tbody } = props;
-  const [rows, setRows] = useState5(tbody || []);
+  const [rows, setRows] = useState4(tbody || []);
   const onHandleRows = () => {
     const newId = rows.length > 0 ? rows[rows.length - 1].id + 1 : 1;
     let newRow = {
@@ -568,7 +561,7 @@ var Navbar = (props) => {
 };
 
 // src/Components/TableElement.tsx
-import React20, { useState as useState6, useEffect as useEffect2 } from "react";
+import React20, { useState as useState5, useEffect as useEffect2 } from "react";
 import { Table as Table2 } from "antd";
 
 // src/Components/Model.tsx
@@ -670,9 +663,9 @@ var ModelElement = (props) => {
 import { EyeOutlined } from "@ant-design/icons";
 var TableElement = (props) => {
   const { thead, tbody } = props;
-  const [selectedRecord, setSelectedRecord] = useState6({});
-  const [model, setModel] = useState6(false);
-  const [dataSource, setDataSource] = useState6([]);
+  const [selectedRecord, setSelectedRecord] = useState5({});
+  const [model, setModel] = useState5(false);
+  const [dataSource, setDataSource] = useState5([]);
   console.log(props.value);
   const defaultVal = props.value;
   useEffect2(() => {
@@ -813,14 +806,14 @@ var TableElement = (props) => {
 };
 
 // src/Components/DatePicker.tsx
-import React21, { useState as useState7 } from "react";
+import React21, { useState as useState6 } from "react";
 import { DatePicker } from "antd";
 import dayjs from "dayjs";
 import customParseFormat from "dayjs/plugin/customParseFormat.js";
 import moment2 from "moment";
 dayjs.extend(customParseFormat);
 var DatePickerElement = (props) => {
-  const [dateState, setDateState] = useState7("");
+  const [dateState, setDateState] = useState6("");
   const handleChange = (date, dateString) => {
     if (date) {
       const formattedDate = dateString;
@@ -905,10 +898,10 @@ var SingleCheckbox = (props) => {
 };
 
 // src/Components/DropDownGroup.tsx
-import React25, { useState as useState8 } from "react";
+import React25, { useState as useState7 } from "react";
 import { Select as Select4 } from "antd";
 var DropDownGroup = (props) => {
-  const [selectedValue, setSelectedValue] = useState8({
+  const [selectedValue, setSelectedValue] = useState7({
     firstValue: {},
     secondValue: {},
     temp: ""
@@ -960,12 +953,12 @@ var DropDownGroup = (props) => {
 };
 
 // src/Components/FilesUpload.tsx
-import React26, { useState as useState9 } from "react";
+import React26, { useState as useState8 } from "react";
 import { Upload } from "antd";
 import { InboxOutlined } from "@ant-design/icons";
 var FileUpload = (props) => {
   const { Dragger } = Upload;
-  const [files, setFiles] = useState9([]);
+  const [files, setFiles] = useState8([]);
   const handleChange = ({ fileList }) => {
     setFiles(fileList);
     if (props.onChange) {
@@ -1019,9 +1012,9 @@ var onChange = (checked) => {
 var SwitchElement = () => /* @__PURE__ */ React28.createElement(Switch, { defaultChecked: true, onChange });
 
 // src/Components/Upload.tsx
-import React29, { useState as useState10 } from "react";
+import React29, { useState as useState9 } from "react";
 var Upload2 = (props) => {
-  const [file, setFile] = useState10();
+  const [file, setFile] = useState9();
   const handleFileChange = (e) => {
     setFile(e.target.files[0]);
     if (props.onChange) {
@@ -1047,11 +1040,11 @@ var Upload2 = (props) => {
 };
 
 // src/Components/OtpElement.tsx
-import React30, { useState as useState11, useRef, useEffect as useEffect3 } from "react";
+import React30, { useState as useState10, useRef, useEffect as useEffect3 } from "react";
 import { Input as Input3 } from "antd";
 var OtpElement = (props) => {
   const length = props.length;
-  const [otp, setOtp] = useState11(Array(length).fill(""));
+  const [otp, setOtp] = useState10(Array(length).fill(""));
   const inputRefs = useRef([]);
   const handleChange = (e, index) => {
     const value = e.target.value;

package/package.json

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