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

package/dist/index.js

@@ -609,16 +609,16 @@ var Navbar = (props) => {
 
 // src/Components/TableElement.tsx
 var import_react20 = __toESM(require("react"));
-var import_antd14 = require("antd");
+var import_antd13 = require("antd");
 
 // src/Components/Model.tsx
 var import_react19 = __toESM(require("react"));
-var import_antd13 = require("antd");
-var ModelElement = (props) => /* @__PURE__ */ import_react19.default.createElement(import_antd13.Modal, null, /* @__PURE__ */ import_react19.default.createElement("p", null, "Model opened"));
+var ModelElement = (props) => /* @__PURE__ */ import_react19.default.createElement("div", null, /* @__PURE__ */ import_react19.default.createElement("p", null, "Model opened"));
 
 // 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 +631,7 @@ var TableElement = (props) => {
         title: col.label,
         dataIndex: col.name,
         key: col.key
+        // sorter: (a,b) => a[col]
       }))
     ];
   }
@@ -638,8 +639,8 @@ var TableElement = (props) => {
     ...row,
     [columns[0].key]: index + 1
   }));
-  return /* @__PURE__ */ import_react20.default.createElement(
-    import_antd14.Table,
+  return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(
+    import_antd13.Table,
     {
       dataSource,
       columns,
@@ -648,17 +649,17 @@ 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
 var import_react21 = __toESM(require("react"));
-var import_antd15 = require("antd");
+var import_antd14 = require("antd");
 var import_icons4 = require("@ant-design/icons");
 var import_moment = __toESM(require("moment"));
 var DatePickerElement = (props) => {
@@ -698,7 +699,7 @@ var DatePickerElement = (props) => {
     }
   };
   return /* @__PURE__ */ import_react21.default.createElement("div", null, /* @__PURE__ */ import_react21.default.createElement("button", { onClick: onHandleDecrement }, /* @__PURE__ */ import_react21.default.createElement(import_icons4.LeftOutlined, null)), /* @__PURE__ */ import_react21.default.createElement(
-    import_antd15.DatePicker,
+    import_antd14.DatePicker,
     {
       placeholder: props.placeholder,
       value: date,

package/dist/index.mjs

@@ -557,17 +557,17 @@ 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
 import React18 from "react";
-import { Modal } from "antd";
-var ModelElement = (props) => /* @__PURE__ */ React18.createElement(Modal, null, /* @__PURE__ */ React18.createElement("p", null, "Model opened"));
+var ModelElement = (props) => /* @__PURE__ */ React18.createElement("div", null, /* @__PURE__ */ React18.createElement("p", null, "Model opened"));
 
 // src/Components/TableElement.tsx
 var TableElement = (props) => {
   const { thead, tbody } = props;
+  const [selectedRecord, setSelectedRecord] = useState5({});
   let columns = [];
   if (thead) {
     columns = [
@@ -580,6 +580,7 @@ var TableElement = (props) => {
         title: col.label,
         dataIndex: col.name,
         key: col.key
+        // sorter: (a,b) => a[col]
       }))
     ];
   }
@@ -587,7 +588,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 +598,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-Beta193",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",