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

package/dist/index.d.mts

@@ -1,4 +1,5 @@
 import React$1 from 'react';
+import { SizeType } from 'antd/es/config-provider/SizeContext';
 
 type ElementType = {
     [x: string]: any;
@@ -11,6 +12,7 @@ type ElementType = {
     disabled?: boolean;
     prefix?: React.ReactNode;
     type?: string;
+    size?: SizeType;
     value?: string | number | boolean | any[] | null | undefined;
     status?: "error" | "warning";
     styles?: React.CSSProperties;
@@ -48,6 +50,8 @@ type ElementType = {
     element?: string;
     secondTextClassName?: string;
     iconsClassName?: string;
+    labelClassName?: string;
+    containerClassName?: string;
 };
 
 interface ElementExecuterProps$3 extends ElementType {

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import React$1 from 'react';
+import { SizeType } from 'antd/es/config-provider/SizeContext';
 
 type ElementType = {
     [x: string]: any;
@@ -11,6 +12,7 @@ type ElementType = {
     disabled?: boolean;
     prefix?: React.ReactNode;
     type?: string;
+    size?: SizeType;
     value?: string | number | boolean | any[] | null | undefined;
     status?: "error" | "warning";
     styles?: React.CSSProperties;
@@ -48,6 +50,8 @@ type ElementType = {
     element?: string;
     secondTextClassName?: string;
     iconsClassName?: string;
+    labelClassName?: string;
+    containerClassName?: string;
 };
 
 interface ElementExecuterProps$3 extends ElementType {

package/dist/index.js

@@ -189,7 +189,6 @@ var SelectElement = (props) => {
 // src/Components/RadioElement.tsx
 var import_react6 = __toESM(require("react"));
 var import_antd6 = require("antd");
-var containerClassName = " ";
 var radioDefaultStyle = "bg-[#F2F2F2] border border-[#919191] rounded-[8px] m-[10px] hover:bg-[#F2F2F2] text-center text-black shadow-[0px_0px_1px_1px_#919191]";
 var radioSelectedDefaultStyle = "bg-[#E2D6F8] border border-[#B8A4DE] rounded-[8px] p-[6px] m-[10px] shadow-[0px_0px_1px_1px_#B8A4DE] text-center text-black shadow-[0px_0px_1px_1px_#919191]";
 var RadioElement = (props) => {
@@ -208,14 +207,14 @@ var RadioElement = (props) => {
     }
   };
   const getButtonStyle = (option) => {
-    return selectedValue === option.value ? `${radioSelectedDefaultStyle} ${option.selectedClassName}` : `${radioDefaultStyle} ${option.className}`;
+    return selectedValue === option.value ? `${radioSelectedDefaultStyle} ${props.activeClassName}` : `${radioDefaultStyle} ${props.className}`;
   };
-  return /* @__PURE__ */ import_react6.default.createElement("div", { className: containerClassName }, /* @__PURE__ */ import_react6.default.createElement("p", null, props.label), /* @__PURE__ */ import_react6.default.createElement(
+  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(
     import_antd6.Radio.Group,
     {
       onChange: handleChange,
       optionType,
-      className: props.className,
+      className: props.radioGroupClassName,
       value: selectedValue
     },
     props.options && props.options.map((option) => /* @__PURE__ */ import_react6.default.createElement(
@@ -619,7 +618,11 @@ var TableElement = (props) => {
     dataIndex: col.name,
     key: col.key
   }));
-  return /* @__PURE__ */ import_react19.default.createElement(import_antd14.Table, { dataSource: tbody, columns, bordered: true, pagination: false });
+  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 });
 };
 
 // src/Components/DatePicker.tsx
@@ -627,16 +630,17 @@ var import_react20 = __toESM(require("react"));
 var import_antd15 = require("antd");
 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 handleChange = (value, datestring) => {
-    setDate(value);
+    setDate(datestring);
     if (props.onChange) {
       props.onChange(date);
     }
   };
   const onHandleDecrement = () => {
-    setDate((prev) => prev ? subDaya(prev, 1) : void 0);
+    setDate((prev) => prev ? (0, import_date_fns.subDays)(prev, 1) : void 0);
   };
   const onHandleIncrement = () => {
     setDate((prev) => prev ? (0, import_addDays.addDays)(prev, 1) : void 0);
@@ -644,9 +648,6 @@ var DatePickerElement = (props) => {
   };
   return /* @__PURE__ */ import_react20.default.createElement("div", null, /* @__PURE__ */ import_react20.default.createElement("button", { onClick: onHandleDecrement }, /* @__PURE__ */ import_react20.default.createElement(import_icons4.LeftOutlined, null)), /* @__PURE__ */ import_react20.default.createElement(import_antd15.DatePicker, { placeholder: props.placeholder, variant: "borderless", value: props.value, defaultValue: true, onChange: handleChange }), /* @__PURE__ */ import_react20.default.createElement("button", { onClick: onHandleIncrement }, /* @__PURE__ */ import_react20.default.createElement(import_icons4.RightOutlined, null)));
 };
-function subDaya(prev, p0) {
-  throw new Error("Function not implemented.");
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AddMoreTable,

package/dist/index.mjs

@@ -138,7 +138,6 @@ var SelectElement = (props) => {
 // src/Components/RadioElement.tsx
 import React6, { useState as useState2 } from "react";
 import { Radio } from "antd";
-var containerClassName = " ";
 var radioDefaultStyle = "bg-[#F2F2F2] border border-[#919191] rounded-[8px] m-[10px] hover:bg-[#F2F2F2] text-center text-black shadow-[0px_0px_1px_1px_#919191]";
 var radioSelectedDefaultStyle = "bg-[#E2D6F8] border border-[#B8A4DE] rounded-[8px] p-[6px] m-[10px] shadow-[0px_0px_1px_1px_#B8A4DE] text-center text-black shadow-[0px_0px_1px_1px_#919191]";
 var RadioElement = (props) => {
@@ -157,14 +156,14 @@ var RadioElement = (props) => {
     }
   };
   const getButtonStyle = (option) => {
-    return selectedValue === option.value ? `${radioSelectedDefaultStyle} ${option.selectedClassName}` : `${radioDefaultStyle} ${option.className}`;
+    return selectedValue === option.value ? `${radioSelectedDefaultStyle} ${props.activeClassName}` : `${radioDefaultStyle} ${props.className}`;
   };
-  return /* @__PURE__ */ React6.createElement("div", { className: containerClassName }, /* @__PURE__ */ React6.createElement("p", null, props.label), /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React6.createElement("div", { className: props.containerClassName }, /* @__PURE__ */ React6.createElement("p", { className: props.labelClassName }, props.label), /* @__PURE__ */ React6.createElement(
     Radio.Group,
     {
       onChange: handleChange,
       optionType,
-      className: props.className,
+      className: props.radioGroupClassName,
       value: selectedValue
     },
     props.options && props.options.map((option) => /* @__PURE__ */ React6.createElement(
@@ -568,7 +567,11 @@ var TableElement = (props) => {
     dataIndex: col.name,
     key: col.key
   }));
-  return /* @__PURE__ */ React18.createElement(Table2, { dataSource: tbody, columns, bordered: true, pagination: false });
+  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 });
 };
 
 // src/Components/DatePicker.tsx
@@ -576,16 +579,17 @@ import React19, { useState as useState5 } from "react";
 import { DatePicker } from "antd";
 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 handleChange = (value, datestring) => {
-    setDate(value);
+    setDate(datestring);
     if (props.onChange) {
       props.onChange(date);
     }
   };
   const onHandleDecrement = () => {
-    setDate((prev) => prev ? subDaya(prev, 1) : void 0);
+    setDate((prev) => prev ? subDays(prev, 1) : void 0);
   };
   const onHandleIncrement = () => {
     setDate((prev) => prev ? addDays(prev, 1) : void 0);
@@ -593,9 +597,6 @@ var DatePickerElement = (props) => {
   };
   return /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("button", { onClick: onHandleDecrement }, /* @__PURE__ */ React19.createElement(LeftOutlined, null)), /* @__PURE__ */ React19.createElement(DatePicker, { placeholder: props.placeholder, variant: "borderless", value: props.value, defaultValue: true, onChange: handleChange }), /* @__PURE__ */ React19.createElement("button", { onClick: onHandleIncrement }, /* @__PURE__ */ React19.createElement(RightOutlined, null)));
 };
-function subDaya(prev, p0) {
-  throw new Error("Function not implemented.");
-}
 export {
   AddMoreTable,
   ButtonElement,

package/package.json

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