@apexcura/ui-components 0.0.11-Beta156 → 0.0.11-Beta158

package/dist/index.js

@@ -53,7 +53,7 @@ module.exports = __toCommonJS(src_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var TextElement = (props) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: props.name }, props.label), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, props.label && /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: props.name }, props.label), /* @__PURE__ */ import_react.default.createElement(
     import_antd.Input,
     {
       placeholder: props.placeholder,
@@ -209,7 +209,7 @@ var RadioElement = (props) => {
   const getButtonStyle = (option) => {
     return selectedValue === option.value ? `${radioSelectedDefaultStyle} ${props.activeClassName}` : `${radioDefaultStyle} ${props.className}`;
   };
-  return /* @__PURE__ */ import_react6.default.createElement("div", { className: props.containerClassName }, /* @__PURE__ */ import_react6.default.createElement("p", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react6.default.createElement(
+  return /* @__PURE__ */ import_react6.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react6.default.createElement("p", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react6.default.createElement(
     import_antd6.Radio.Group,
     {
       onChange: handleChange,
@@ -613,16 +613,35 @@ var import_react19 = __toESM(require("react"));
 var import_antd14 = require("antd");
 var TableElement = (props) => {
   const { thead, tbody } = props;
-  const columns = thead && thead.map((col) => ({
-    title: col.label,
-    dataIndex: col.name,
-    key: col.key
-  }));
+  let columns = [];
+  if (thead) {
+    columns = [
+      {
+        title: "#",
+        dataIndex: "#",
+        key: "#"
+      },
+      ...thead.map((col) => ({
+        title: col.label,
+        dataIndex: col.name,
+        key: col.key
+      }))
+    ];
+  }
   const dataSource = tbody && tbody.map((row, index) => ({
     ...row,
     [thead && thead[0].key]: index + 1
   }));
-  return /* @__PURE__ */ import_react19.default.createElement(import_antd14.Table, { dataSource, columns, bordered: true, pagination: false, size: props.size && props.size });
+  return /* @__PURE__ */ import_react19.default.createElement(
+    import_antd14.Table,
+    {
+      dataSource,
+      columns,
+      bordered: true,
+      pagination: false,
+      size: props.size && props.size
+    }
+  );
 };
 
 // src/Components/DatePicker.tsx
@@ -632,12 +651,11 @@ var import_icons4 = require("@ant-design/icons");
 var import_addDays = require("date-fns/addDays");
 var import_date_fns = require("date-fns");
 var DatePickerElement = (props) => {
-  const [date, setDate] = (0, import_react20.useState)(void 0);
+  const [date, setDate] = (0, import_react20.useState)();
   const handleChange = (value, datestring) => {
+    console.log(datestring);
     setDate(datestring);
-    if (props.onChange) {
-      props.onChange(date);
-    }
+    console.log(date);
   };
   const onHandleDecrement = () => {
     setDate((prev) => prev ? (0, import_date_fns.subDays)(prev, 1) : void 0);

package/dist/index.mjs

@@ -2,7 +2,7 @@
 import React from "react";
 import { Input as AntInput } from "antd";
 var TextElement = (props) => {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("label", { htmlFor: props.name }, props.label), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, props.label && /* @__PURE__ */ React.createElement("label", { htmlFor: props.name }, props.label), /* @__PURE__ */ React.createElement(
     AntInput,
     {
       placeholder: props.placeholder,
@@ -158,7 +158,7 @@ var RadioElement = (props) => {
   const getButtonStyle = (option) => {
     return selectedValue === option.value ? `${radioSelectedDefaultStyle} ${props.activeClassName}` : `${radioDefaultStyle} ${props.className}`;
   };
-  return /* @__PURE__ */ React6.createElement("div", { className: props.containerClassName }, /* @__PURE__ */ React6.createElement("p", { className: props.labelClassName }, props.label), /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React6.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React6.createElement("p", { className: props.labelClassName }, props.label), /* @__PURE__ */ React6.createElement(
     Radio.Group,
     {
       onChange: handleChange,
@@ -562,16 +562,35 @@ import React18 from "react";
 import { Table as Table2 } from "antd";
 var TableElement = (props) => {
   const { thead, tbody } = props;
-  const columns = thead && thead.map((col) => ({
-    title: col.label,
-    dataIndex: col.name,
-    key: col.key
-  }));
+  let columns = [];
+  if (thead) {
+    columns = [
+      {
+        title: "#",
+        dataIndex: "#",
+        key: "#"
+      },
+      ...thead.map((col) => ({
+        title: col.label,
+        dataIndex: col.name,
+        key: col.key
+      }))
+    ];
+  }
   const dataSource = tbody && tbody.map((row, index) => ({
     ...row,
     [thead && thead[0].key]: index + 1
   }));
-  return /* @__PURE__ */ React18.createElement(Table2, { dataSource, columns, bordered: true, pagination: false, size: props.size && props.size });
+  return /* @__PURE__ */ React18.createElement(
+    Table2,
+    {
+      dataSource,
+      columns,
+      bordered: true,
+      pagination: false,
+      size: props.size && props.size
+    }
+  );
 };
 
 // src/Components/DatePicker.tsx
@@ -581,12 +600,11 @@ import { LeftOutlined, RightOutlined } from "@ant-design/icons";
 import { addDays } from "date-fns/addDays";
 import { subDays } from "date-fns";
 var DatePickerElement = (props) => {
-  const [date, setDate] = useState5(void 0);
+  const [date, setDate] = useState5();
   const handleChange = (value, datestring) => {
+    console.log(datestring);
     setDate(datestring);
-    if (props.onChange) {
-      props.onChange(date);
-    }
+    console.log(date);
   };
   const onHandleDecrement = () => {
     setDate((prev) => prev ? subDays(prev, 1) : void 0);

package/package.json

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