@apexcura/ui-components 0.0.11-Beta3 → 0.0.11-Beta5

package/dist/index.js

@@ -363,19 +363,36 @@ var import_react13 = __toESM(require("react"));
 var import_antd11 = require("antd");
 var AddMoreTable = (props) => {
   const { thead, tbody } = props;
+  const [tableData, setTableData] = (0, import_react13.useState)({});
+  const onHandleChange = (name, value) => {
+    setTableData((prev) => ({ ...prev, [name]: value }));
+    console.log(tableData);
+  };
   const columns = thead && thead.length > 0 ? thead.map((eachHeadEl) => ({
     title: eachHeadEl.label,
     dataIndex: eachHeadEl.name,
     key: eachHeadEl.id
   })) : [];
+  const renderInputElement = (element) => {
+    const { type, label } = element;
+    if (type === "single-select") {
+      return /* @__PURE__ */ import_react13.default.createElement(SingleSelectElement, { onChange: (value) => onHandleChange(label, value) });
+    } else if (type === "textarea") {
+      return /* @__PURE__ */ import_react13.default.createElement(TextareaElement, { onChange: (value) => onHandleChange(label, value) });
+    } else {
+      return null;
+    }
+  };
   const dataSource = tbody && tbody.length > 0 ? tbody.map((eachRow, index) => {
-    const variableData = eachRow.variable_data.reduce;
     console.log("eachRow---------", eachRow);
-    console.log("VariableData", { ...variableData });
+    const variableData = eachRow.variable_data.reduce((acc, curr) => {
+      acc[curr.label] = renderInputElement(curr);
+      return acc;
+    }, {});
     return {
       key: index.toString(),
-      ...variableData,
-      ...eachRow
+      ...eachRow,
+      ...variableData
     };
   }) : [];
   return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement(

package/dist/index.mjs

@@ -312,23 +312,40 @@ import { Button as Button2, Flex as Flex2 } from "antd";
 var ButtonElement = () => /* @__PURE__ */ React11.createElement(Flex2, { gap: "small" }, /* @__PURE__ */ React11.createElement(Button2, { type: "primary" }, "Primary Button"));
 
 // src/Components/AddMoreTable.tsx
-import React12 from "react";
+import React12, { useState as useState3 } from "react";
 import { Table } from "antd";
 var AddMoreTable = (props) => {
   const { thead, tbody } = props;
+  const [tableData, setTableData] = useState3({});
+  const onHandleChange = (name, value) => {
+    setTableData((prev) => ({ ...prev, [name]: value }));
+    console.log(tableData);
+  };
   const columns = thead && thead.length > 0 ? thead.map((eachHeadEl) => ({
     title: eachHeadEl.label,
     dataIndex: eachHeadEl.name,
     key: eachHeadEl.id
   })) : [];
+  const renderInputElement = (element) => {
+    const { type, label } = element;
+    if (type === "single-select") {
+      return /* @__PURE__ */ React12.createElement(SingleSelectElement, { onChange: (value) => onHandleChange(label, value) });
+    } else if (type === "textarea") {
+      return /* @__PURE__ */ React12.createElement(TextareaElement, { onChange: (value) => onHandleChange(label, value) });
+    } else {
+      return null;
+    }
+  };
   const dataSource = tbody && tbody.length > 0 ? tbody.map((eachRow, index) => {
-    const variableData = eachRow.variable_data.reduce;
     console.log("eachRow---------", eachRow);
-    console.log("VariableData", { ...variableData });
+    const variableData = eachRow.variable_data.reduce((acc, curr) => {
+      acc[curr.label] = renderInputElement(curr);
+      return acc;
+    }, {});
     return {
       key: index.toString(),
-      ...variableData,
-      ...eachRow
+      ...eachRow,
+      ...variableData
     };
   }) : [];
   return /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(

package/package.json

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