@apexcura/ui-components 0.0.11-Beta224 → 0.0.11-Beta226

package/dist/index.js

@@ -619,7 +619,7 @@ var import_antd13 = require("antd");
 var import_react19 = __toESM(require("react"));
 var ModelBody = (props) => {
   console.log("props", props);
-  return /* @__PURE__ */ import_react19.default.createElement("div", null, props.modalContent && props.modalContent.fields.forEach((eachField) => {
+  return /* @__PURE__ */ import_react19.default.createElement("div", null, props.modalContent && props.modalContent.fields.map((eachField) => {
     console.log("eachField==========", eachField);
     if (eachField.element === "div") {
       /* @__PURE__ */ import_react19.default.createElement("div", { className: eachField.className }, eachField.label);
@@ -633,12 +633,11 @@ var ModelBody = (props) => {
 
 // src/Components/Model.tsx
 var ModelElement = (props) => {
-  const { onCancel, model, selectedRecord } = props;
   return /* @__PURE__ */ import_react20.default.createElement(
     import_antd13.Modal,
     {
-      open: model,
-      onCancel,
+      open: props.model,
+      onCancel: props.onCancel,
       footer: null,
       width: 850,
       title: /* @__PURE__ */ import_react20.default.createElement(
@@ -652,7 +651,7 @@ var ModelElement = (props) => {
             margin: "-10px"
           }
         },
-        Object.entries(selectedRecord).map(([key, value]) => /* @__PURE__ */ import_react20.default.createElement("p", { style: { fontWeight: "200", padding: "10px" }, key }, /* @__PURE__ */ import_react20.default.createElement("span", { style: { color: "gray", paddingRight: "10px" } }, key), String(value)))
+        Object.entries(props.selectedRecord).map(([key, value]) => /* @__PURE__ */ import_react20.default.createElement("p", { style: { fontWeight: "200", padding: "10px" }, key }, /* @__PURE__ */ import_react20.default.createElement("span", { style: { color: "gray", paddingRight: "10px" } }, key), String(value)))
       )
     },
     /* @__PURE__ */ import_react20.default.createElement(ModelBody, { ...props })
@@ -664,6 +663,7 @@ var TableElement = (props) => {
   const { thead, tbody } = props;
   const [selectedRecord, setSelectedRecord] = (0, import_react21.useState)({});
   const [model, setModel] = (0, import_react21.useState)(false);
+  console.log(selectedRecord);
   let columns = [];
   if (thead) {
     columns = [
@@ -708,7 +708,7 @@ var TableElement = (props) => {
         };
       }
     }
-  ), model && /* @__PURE__ */ import_react21.default.createElement(ModelElement, { selectedStyle: false, style: false, className: void 0, selectedRecord, props, model, onCancel: () => setModel(false) }));
+  ), model && /* @__PURE__ */ import_react21.default.createElement(ModelElement, { ...props }));
 };
 
 // src/Components/DatePicker.tsx

package/dist/index.mjs

@@ -568,7 +568,7 @@ import { Modal } from "antd";
 import React18 from "react";
 var ModelBody = (props) => {
   console.log("props", props);
-  return /* @__PURE__ */ React18.createElement("div", null, props.modalContent && props.modalContent.fields.forEach((eachField) => {
+  return /* @__PURE__ */ React18.createElement("div", null, props.modalContent && props.modalContent.fields.map((eachField) => {
     console.log("eachField==========", eachField);
     if (eachField.element === "div") {
       /* @__PURE__ */ React18.createElement("div", { className: eachField.className }, eachField.label);
@@ -582,12 +582,11 @@ var ModelBody = (props) => {
 
 // src/Components/Model.tsx
 var ModelElement = (props) => {
-  const { onCancel, model, selectedRecord } = props;
   return /* @__PURE__ */ React19.createElement(
     Modal,
     {
-      open: model,
-      onCancel,
+      open: props.model,
+      onCancel: props.onCancel,
       footer: null,
       width: 850,
       title: /* @__PURE__ */ React19.createElement(
@@ -601,7 +600,7 @@ var ModelElement = (props) => {
             margin: "-10px"
           }
         },
-        Object.entries(selectedRecord).map(([key, value]) => /* @__PURE__ */ React19.createElement("p", { style: { fontWeight: "200", padding: "10px" }, key }, /* @__PURE__ */ React19.createElement("span", { style: { color: "gray", paddingRight: "10px" } }, key), String(value)))
+        Object.entries(props.selectedRecord).map(([key, value]) => /* @__PURE__ */ React19.createElement("p", { style: { fontWeight: "200", padding: "10px" }, key }, /* @__PURE__ */ React19.createElement("span", { style: { color: "gray", paddingRight: "10px" } }, key), String(value)))
       )
     },
     /* @__PURE__ */ React19.createElement(ModelBody, { ...props })
@@ -613,6 +612,7 @@ var TableElement = (props) => {
   const { thead, tbody } = props;
   const [selectedRecord, setSelectedRecord] = useState5({});
   const [model, setModel] = useState5(false);
+  console.log(selectedRecord);
   let columns = [];
   if (thead) {
     columns = [
@@ -657,7 +657,7 @@ var TableElement = (props) => {
         };
       }
     }
-  ), model && /* @__PURE__ */ React20.createElement(ModelElement, { selectedStyle: false, style: false, className: void 0, selectedRecord, props, model, onCancel: () => setModel(false) }));
+  ), model && /* @__PURE__ */ React20.createElement(ModelElement, { ...props }));
 };
 
 // src/Components/DatePicker.tsx

package/package.json

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