@apexcura/ui-components 0.0.12-Beta46 → 0.0.12-Beta48

package/dist/index.js

@@ -185,6 +185,9 @@ var SelectElement = (props) => {
 // src/Components/RadioElement.tsx
 var import_react6 = __toESM(require("react"));
 var import_antd6 = require("antd");
+var containerClassName = "w-[224px] h-[192px] top-[218px] left-[146px] gap-[8px] mt-[15px]";
+var className = "bg-[#F2F2F2] border border-[#919191] w-[183px] h-[42px] rounded-[8px] p-[6px_6px] m-[10px] hover:bg-[#F2F2F2] text-center !text-black";
+var selectedClassName = "!bg-[#E2D6F8] !border !border-[#B8A4DE] w-[183px] h-[42px] rounded-[8px] p-[6px_6px] m-[10px] shadow-[0px_0px_1px_1px_#B8A4DE] text-center !text-black";
 var RadioElement = (props) => {
   const [isDisabled, setIsDisabled] = (0, import_react6.useState)(props.disabled);
   const [selectedValue, setSelectedValue] = (0, import_react6.useState)(props.value);
@@ -202,14 +205,14 @@ var RadioElement = (props) => {
     }
   };
   const getButtonStyle = (option) => {
-    return selectedValue === option.value ? option.selectedClassName : option.className;
+    return selectedValue === option.value ? `${selectedClassName} ${option.selectedClassName}` : `${className} ${option.className}`;
   };
   return /* @__PURE__ */ import_react6.default.createElement("div", null, /* @__PURE__ */ import_react6.default.createElement(
     import_antd6.Radio.Group,
     {
       onChange: handleChange,
       optionType,
-      className: props.className ? props.className : "",
+      className: `${containerClassName} ${className && className}`,
       value: selectedValue
     },
     props.options && props.options.map((option) => /* @__PURE__ */ import_react6.default.createElement(
@@ -487,7 +490,6 @@ var AddMoreTable = (props) => {
       })
     };
     eachRow.variable_data.forEach((variable, subIndex) => {
-      console.log(variable, subIndex);
       Object.keys(variable).forEach((key) => {
         if (key === "SubRows") {
           rowData[`${key}`] = /* @__PURE__ */ import_react13.default.createElement("div", { key: subIndex }, eachRow.variable_data.length > 1 && /* @__PURE__ */ import_react13.default.createElement(import_antd11.Button, { onClick: () => onHandleSubRowsDelete(rowIndex, subIndex) }, /* @__PURE__ */ import_react13.default.createElement(import_icons2.DeleteOutlined, null)), subIndex === eachRow.variable_data.length - 1 && /* @__PURE__ */ import_react13.default.createElement(import_antd11.Button, { onClick: () => onHandleSubRowsAdd(rowIndex) }, /* @__PURE__ */ import_react13.default.createElement(import_icons2.PlusOutlined, null)));
@@ -497,6 +499,7 @@ var AddMoreTable = (props) => {
       });
     });
     rowData.actions = /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement(import_antd11.Button, { onClick: () => onHandleDelete(eachRow.id) }, /* @__PURE__ */ import_react13.default.createElement(import_icons2.DeleteOutlined, null)), rowIndex === rows.length - 1 && /* @__PURE__ */ import_react13.default.createElement(import_antd11.Button, { onClick: onHandleRows }, /* @__PURE__ */ import_react13.default.createElement(import_icons2.PlusOutlined, null)));
+    console.log("=====rowdata", rowData);
     return rowData;
   });
   const columns = thead && thead.length > 0 ? thead.map((eachHeadEl) => ({

package/dist/index.mjs

@@ -138,6 +138,9 @@ var SelectElement = (props) => {
 // src/Components/RadioElement.tsx
 import React6, { useState as useState2 } from "react";
 import { Radio } from "antd";
+var containerClassName = "w-[224px] h-[192px] top-[218px] left-[146px] gap-[8px] mt-[15px]";
+var className = "bg-[#F2F2F2] border border-[#919191] w-[183px] h-[42px] rounded-[8px] p-[6px_6px] m-[10px] hover:bg-[#F2F2F2] text-center !text-black";
+var selectedClassName = "!bg-[#E2D6F8] !border !border-[#B8A4DE] w-[183px] h-[42px] rounded-[8px] p-[6px_6px] m-[10px] shadow-[0px_0px_1px_1px_#B8A4DE] text-center !text-black";
 var RadioElement = (props) => {
   const [isDisabled, setIsDisabled] = useState2(props.disabled);
   const [selectedValue, setSelectedValue] = useState2(props.value);
@@ -155,14 +158,14 @@ var RadioElement = (props) => {
     }
   };
   const getButtonStyle = (option) => {
-    return selectedValue === option.value ? option.selectedClassName : option.className;
+    return selectedValue === option.value ? `${selectedClassName} ${option.selectedClassName}` : `${className} ${option.className}`;
   };
   return /* @__PURE__ */ React6.createElement("div", null, /* @__PURE__ */ React6.createElement(
     Radio.Group,
     {
       onChange: handleChange,
       optionType,
-      className: props.className ? props.className : "",
+      className: `${containerClassName} ${className && className}`,
       value: selectedValue
     },
     props.options && props.options.map((option) => /* @__PURE__ */ React6.createElement(
@@ -440,7 +443,6 @@ var AddMoreTable = (props) => {
       })
     };
     eachRow.variable_data.forEach((variable, subIndex) => {
-      console.log(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(Button3, { onClick: () => onHandleSubRowsDelete(rowIndex, subIndex) }, /* @__PURE__ */ React12.createElement(DeleteOutlined, null)), subIndex === eachRow.variable_data.length - 1 && /* @__PURE__ */ React12.createElement(Button3, { onClick: () => onHandleSubRowsAdd(rowIndex) }, /* @__PURE__ */ React12.createElement(PlusOutlined, null)));
@@ -450,6 +452,7 @@ var AddMoreTable = (props) => {
       });
     });
     rowData.actions = /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement(Button3, { onClick: () => onHandleDelete(eachRow.id) }, /* @__PURE__ */ React12.createElement(DeleteOutlined, null)), rowIndex === rows.length - 1 && /* @__PURE__ */ React12.createElement(Button3, { onClick: onHandleRows }, /* @__PURE__ */ React12.createElement(PlusOutlined, null)));
+    console.log("=====rowdata", rowData);
     return rowData;
   });
   const columns = thead && thead.length > 0 ? thead.map((eachHeadEl) => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.12-Beta46",
+  "version": "0.0.12-Beta48",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",
@@ -36,10 +36,13 @@
     "@types/react-global-configuration": "^1.3.3",
     "@types/testing-library__react": "^10.2.0",
     "antd": "^5.16.5",
+    "autoprefixer": "^10.4.19",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
+    "postcss": "^8.4.38",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "tailwindcss": "^3.4.3",
     "ts-jest": "^29.1.2",
     "tsup": "^8.0.2",
     "typescript": "^5.4.5"

package/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

package/tailwind.config.js

@@ -0,0 +1,10 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./src/**/*.{js,jsx,ts,tsx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}