@apexcura/ui-components 0.0.11-Beta191 → 0.0.11-Beta192

package/dist/index.js

@@ -619,6 +619,7 @@ var ModelElement = (props) => /* @__PURE__ */ import_react19.default.createEleme
 // src/Components/TableElement.tsx
 var TableElement = (props) => {
   const { thead, tbody } = props;
+  const [selectedRecord, setSelectedRecord] = (0, import_react20.useState)({});
   let columns = [];
   if (thead) {
     columns = [
@@ -631,6 +632,7 @@ var TableElement = (props) => {
         title: col.label,
         dataIndex: col.name,
         key: col.key
+        // sorter: (a,b) => a[col]
       }))
     ];
   }
@@ -638,7 +640,7 @@ var TableElement = (props) => {
     ...row,
     [columns[0].key]: index + 1
   }));
-  return /* @__PURE__ */ import_react20.default.createElement(
+  return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(
     import_antd14.Table,
     {
       dataSource,
@@ -648,12 +650,12 @@ var TableElement = (props) => {
       onRow: (record, rowIndex) => {
         return {
           onClick: () => {
-            /* @__PURE__ */ import_react20.default.createElement(ModelElement, { ...record });
+            setSelectedRecord(record);
           }
         };
       }
     }
-  );
+  ), selectedRecord && /* @__PURE__ */ import_react20.default.createElement(ModelElement, { selectedStyle: false, style: false, className: void 0, ...selectedRecord, onClose: () => setSelectedRecord({}) }));
 };
 
 // src/Components/DatePicker.tsx

package/dist/index.mjs

@@ -557,7 +557,7 @@ var Navbar = (props) => {
 };
 
 // src/Components/TableElement.tsx
-import React19 from "react";
+import React19, { useState as useState5 } from "react";
 import { Table as Table2 } from "antd";
 
 // src/Components/Model.tsx
@@ -568,6 +568,7 @@ var ModelElement = (props) => /* @__PURE__ */ React18.createElement(Modal, null,
 // src/Components/TableElement.tsx
 var TableElement = (props) => {
   const { thead, tbody } = props;
+  const [selectedRecord, setSelectedRecord] = useState5({});
   let columns = [];
   if (thead) {
     columns = [
@@ -580,6 +581,7 @@ var TableElement = (props) => {
         title: col.label,
         dataIndex: col.name,
         key: col.key
+        // sorter: (a,b) => a[col]
       }))
     ];
   }
@@ -587,7 +589,7 @@ var TableElement = (props) => {
     ...row,
     [columns[0].key]: index + 1
   }));
-  return /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(
     Table2,
     {
       dataSource,
@@ -597,21 +599,21 @@ var TableElement = (props) => {
       onRow: (record, rowIndex) => {
         return {
           onClick: () => {
-            /* @__PURE__ */ React19.createElement(ModelElement, { ...record });
+            setSelectedRecord(record);
           }
         };
       }
     }
-  );
+  ), selectedRecord && /* @__PURE__ */ React19.createElement(ModelElement, { selectedStyle: false, style: false, className: void 0, ...selectedRecord, onClose: () => setSelectedRecord({}) }));
 };
 
 // src/Components/DatePicker.tsx
-import React20, { useState as useState5 } from "react";
+import React20, { useState as useState6 } from "react";
 import { DatePicker } from "antd";
 import { LeftOutlined, RightOutlined } from "@ant-design/icons";
 import moment from "moment";
 var DatePickerElement = (props) => {
-  const [date, setDate] = useState5(null);
+  const [date, setDate] = useState6(null);
   const handleChange = (date2, dateString) => {
     console.log("date---------", date2);
     console.log("datestring", dateString);

package/package.json

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