@apexcura/ui-components 0.0.14-Beta19 → 0.0.14-Beta2

package/dist/index.d.mts

@@ -26,8 +26,6 @@ type ElementType = {
     fields?: any[];
     schema?: any[];
     options?: any[];
-    firstOptions: any[];
-    secondOptions: any[];
     onChange?: (value: string | number | boolean | object | any[] | undefined) => void;
     onClick?: () => void;
     dropDownOptions?: any[];

package/dist/index.d.ts

@@ -26,8 +26,6 @@ type ElementType = {
     fields?: any[];
     schema?: any[];
     options?: any[];
-    firstOptions: any[];
-    secondOptions: any[];
     onChange?: (value: string | number | boolean | object | any[] | undefined) => void;
     onClick?: () => void;
     dropDownOptions?: any[];

package/dist/index.js

@@ -464,9 +464,9 @@ var AddMoreTable = (props) => {
     if (!element) return null;
     const { element: type, label } = element;
     if (type === "single-select") {
-      return /* @__PURE__ */ import_react12.default.createElement(SingleSelectElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false, options1: [], options2: [], firstOptions: [], secondOptions: [] });
+      return /* @__PURE__ */ import_react12.default.createElement(SingleSelectElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false });
     } else if (type === "textarea") {
-      return /* @__PURE__ */ import_react12.default.createElement(TextareaElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false, options1: [], options2: [], firstOptions: [], secondOptions: [] });
+      return /* @__PURE__ */ import_react12.default.createElement(TextareaElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false });
     } else {
       return null;
     }
@@ -681,23 +681,7 @@ var TableElement = (props) => {
             }
           }
         }
-      })),
-      {
-        title: "View",
-        dataIndex: "View",
-        key: "View",
-        render: (_, record) => /* @__PURE__ */ import_react20.default.createElement(
-          "a",
-          {
-            onClick: () => {
-              setSelectedRecord(record);
-              handleChange(record);
-              setModel(true);
-            }
-          },
-          "View"
-        )
-      }
+      }))
     ];
   }
   const dataSource = tbody && tbody.map((row, index) => ({
@@ -731,7 +715,17 @@ var TableElement = (props) => {
       columns,
       bordered: true,
       rowSelection: rowSelectionConfig,
-      size: props.size && props.size
+      size: props.size && props.size,
+      onRow: (record) => {
+        return {
+          onClick: () => {
+            setSelectedRecord(record);
+            handleChange(record);
+            setModel(true);
+          },
+          style: { cursor: "pointer" }
+        };
+      }
     }
   ), model && /* @__PURE__ */ import_react20.default.createElement(ModelElement, { selectedRecord, ...props, columns, model, onCancel: () => setModel(false) }));
 };
@@ -739,14 +733,18 @@ var TableElement = (props) => {
 // src/Components/DatePicker.tsx
 var import_react21 = __toESM(require("react"));
 var import_antd15 = require("antd");
+var import_icons4 = require("@ant-design/icons");
+var import_moment = __toESM(require("moment"));
 var DatePickerElement = (props) => {
   const [date, setDate] = (0, import_react21.useState)(null);
-  const dateFormat = "DD/MM/YYYY";
   const handleChange = (date2, dateString) => {
-    console.log(dateString);
+    console.log("date---------", date2);
+    console.log("datestring", dateString);
     if (date2) {
-      const formattedDate = date2.format(dateFormat);
+      const formattedDate = dateString;
+      console.log("formattedDate-----------------", formattedDate);
       setDate(date2);
+      console.log("changedDate------------", date2);
       if (props.onChange) {
         props.onChange(formattedDate);
       }
@@ -757,15 +755,31 @@ var DatePickerElement = (props) => {
       }
     }
   };
-  return /* @__PURE__ */ import_react21.default.createElement("div", null, /* @__PURE__ */ import_react21.default.createElement(
+  const onHandleDecrement = () => {
+    const currentDate = date || (0, import_moment.default)();
+    const newDate = (0, import_moment.default)(currentDate).subtract(1, "days");
+    setDate(newDate);
+    if (props.onChange) {
+      props.onChange(newDate.format("lll"));
+    }
+  };
+  const onHandleIncrement = () => {
+    const currentDate = date || (0, import_moment.default)();
+    const newDate = (0, import_moment.default)(currentDate).add(1, "days");
+    setDate(newDate);
+    if (props.onChange) {
+      props.onChange(newDate.format("lll"));
+    }
+  };
+  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,
     {
       placeholder: props.placeholder,
-      value: date?.format(dateFormat),
+      value: date,
       variant: "borderless",
       onChange: handleChange
     }
-  ));
+  ), /* @__PURE__ */ import_react21.default.createElement("button", { onClick: onHandleIncrement }, /* @__PURE__ */ import_react21.default.createElement(import_icons4.RightOutlined, null)));
 };
 
 // src/Components/DateRangePickerElement.tsx
@@ -812,14 +826,9 @@ var SingleCheckbox = (props) => {
 var import_react25 = __toESM(require("react"));
 var import_antd18 = require("antd");
 var DropDownGroup = (props) => {
-  const [selectedValue, setSelectedValue] = (0, import_react25.useState)({
-    firstValue: {},
-    secondValue: {}
-  });
+  const [selectedValue, setSelectedValue] = (0, import_react25.useState)({ firstValue: {}, secondValue: {} });
   const handleFirstChange = (value) => {
-    const filterOption2 = props.firstOptions?.find(
-      (eachOption) => eachOption.value === value
-    );
+    const filterOption2 = props.options?.find((eachOption) => eachOption.value === value);
     setSelectedValue((prev) => {
       const newValue = { ...prev, firstValue: filterOption2 };
       if (newValue.firstValue) {
@@ -829,9 +838,7 @@ var DropDownGroup = (props) => {
     });
   };
   const handleSecondChange = (value) => {
-    const filterOption2 = props.secondOptions?.find(
-      (eachOption) => eachOption.value === value
-    );
+    const filterOption2 = props.options?.find((eachOption) => eachOption.value === value);
     setSelectedValue((prev) => {
       const newValue = { ...prev, secondValue: filterOption2 };
       if (newValue.secondValue) {
@@ -840,34 +847,32 @@ var DropDownGroup = (props) => {
       return selectedValue;
     });
   };
-  return /* @__PURE__ */ import_react25.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react25.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react25.default.createElement("div", { className: props.subContainerClassName }, /* @__PURE__ */ import_react25.default.createElement(
+  return /* @__PURE__ */ import_react25.default.createElement("div", { className: props.className, style: { display: "flex", flexDirection: "row", backgroundColor: "white", borderRadius: 10, border: "1px solid gray" } }, /* @__PURE__ */ import_react25.default.createElement(
     import_antd18.Select,
     {
       onChange: handleFirstChange,
       variant: props.variant,
-      options: props.firstOptions,
-      className: props.className
+      options: props.options
     }
   ), /* @__PURE__ */ import_react25.default.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ import_react25.default.createElement(
     import_antd18.Select,
     {
       onChange: handleSecondChange,
       variant: props.variant,
-      options: props.secondOptions,
-      className: props.className
+      options: props.options
     }
-  )));
+  ));
 };
 
 // src/Components/FilesUpload.tsx
 var import_react26 = __toESM(require("react"));
 var import_antd19 = require("antd");
-var import_icons4 = require("@ant-design/icons");
+var import_icons5 = require("@ant-design/icons");
 var FileUpload = (props) => {
   const { Dragger } = import_antd19.Upload;
   const [files, setFiles] = (0, import_react26.useState)([]);
   const beforeUpload = (file) => {
-    const isCorrectFile = ["image/*", "video/*", "application/*"].includes(file.type);
+    const isCorrectFile = ["image/png", "image/jpg", "image/jpeg", "application/pdf"].includes(file.type);
     if (!isCorrectFile) {
       import_antd19.message.error(`(${file.name}) is an invalid file. Please upload files with the following extensions only (.png/.jpg/.jpeg/.pdf)`);
       return import_antd19.Upload.LIST_IGNORE;
@@ -902,7 +907,7 @@ var FileUpload = (props) => {
       showUploadList: true,
       customRequest
     },
-    /* @__PURE__ */ import_react26.default.createElement("p", null, /* @__PURE__ */ import_react26.default.createElement(import_icons4.InboxOutlined, null)),
+    /* @__PURE__ */ import_react26.default.createElement("p", null, /* @__PURE__ */ import_react26.default.createElement(import_icons5.InboxOutlined, null)),
     /* @__PURE__ */ import_react26.default.createElement("p", null, "Click or drag file to upload")
   ));
 };

package/dist/index.mjs

@@ -407,9 +407,9 @@ var AddMoreTable = (props) => {
     if (!element) return null;
     const { element: type, label } = element;
     if (type === "single-select") {
-      return /* @__PURE__ */ React12.createElement(SingleSelectElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false, options1: [], options2: [], firstOptions: [], secondOptions: [] });
+      return /* @__PURE__ */ React12.createElement(SingleSelectElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false });
     } else if (type === "textarea") {
-      return /* @__PURE__ */ React12.createElement(TextareaElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false, options1: [], options2: [], firstOptions: [], secondOptions: [] });
+      return /* @__PURE__ */ React12.createElement(TextareaElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false });
     } else {
       return null;
     }
@@ -624,23 +624,7 @@ var TableElement = (props) => {
             }
           }
         }
-      })),
-      {
-        title: "View",
-        dataIndex: "View",
-        key: "View",
-        render: (_, record) => /* @__PURE__ */ React20.createElement(
-          "a",
-          {
-            onClick: () => {
-              setSelectedRecord(record);
-              handleChange(record);
-              setModel(true);
-            }
-          },
-          "View"
-        )
-      }
+      }))
     ];
   }
   const dataSource = tbody && tbody.map((row, index) => ({
@@ -674,7 +658,17 @@ var TableElement = (props) => {
       columns,
       bordered: true,
       rowSelection: rowSelectionConfig,
-      size: props.size && props.size
+      size: props.size && props.size,
+      onRow: (record) => {
+        return {
+          onClick: () => {
+            setSelectedRecord(record);
+            handleChange(record);
+            setModel(true);
+          },
+          style: { cursor: "pointer" }
+        };
+      }
     }
   ), model && /* @__PURE__ */ React20.createElement(ModelElement, { selectedRecord, ...props, columns, model, onCancel: () => setModel(false) }));
 };
@@ -682,14 +676,18 @@ var TableElement = (props) => {
 // src/Components/DatePicker.tsx
 import React21, { 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] = useState6(null);
-  const dateFormat = "DD/MM/YYYY";
   const handleChange = (date2, dateString) => {
-    console.log(dateString);
+    console.log("date---------", date2);
+    console.log("datestring", dateString);
     if (date2) {
-      const formattedDate = date2.format(dateFormat);
+      const formattedDate = dateString;
+      console.log("formattedDate-----------------", formattedDate);
       setDate(date2);
+      console.log("changedDate------------", date2);
       if (props.onChange) {
         props.onChange(formattedDate);
       }
@@ -700,15 +698,31 @@ var DatePickerElement = (props) => {
       }
     }
   };
-  return /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement(
+  const onHandleDecrement = () => {
+    const currentDate = date || moment();
+    const newDate = moment(currentDate).subtract(1, "days");
+    setDate(newDate);
+    if (props.onChange) {
+      props.onChange(newDate.format("lll"));
+    }
+  };
+  const onHandleIncrement = () => {
+    const currentDate = date || moment();
+    const newDate = moment(currentDate).add(1, "days");
+    setDate(newDate);
+    if (props.onChange) {
+      props.onChange(newDate.format("lll"));
+    }
+  };
+  return /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("button", { onClick: onHandleDecrement }, /* @__PURE__ */ React21.createElement(LeftOutlined, null)), /* @__PURE__ */ React21.createElement(
     DatePicker,
     {
       placeholder: props.placeholder,
-      value: date?.format(dateFormat),
+      value: date,
       variant: "borderless",
       onChange: handleChange
     }
-  ));
+  ), /* @__PURE__ */ React21.createElement("button", { onClick: onHandleIncrement }, /* @__PURE__ */ React21.createElement(RightOutlined, null)));
 };
 
 // src/Components/DateRangePickerElement.tsx
@@ -755,14 +769,9 @@ var SingleCheckbox = (props) => {
 import React25, { useState as useState7 } from "react";
 import { Select as Select4 } from "antd";
 var DropDownGroup = (props) => {
-  const [selectedValue, setSelectedValue] = useState7({
-    firstValue: {},
-    secondValue: {}
-  });
+  const [selectedValue, setSelectedValue] = useState7({ firstValue: {}, secondValue: {} });
   const handleFirstChange = (value) => {
-    const filterOption2 = props.firstOptions?.find(
-      (eachOption) => eachOption.value === value
-    );
+    const filterOption2 = props.options?.find((eachOption) => eachOption.value === value);
     setSelectedValue((prev) => {
       const newValue = { ...prev, firstValue: filterOption2 };
       if (newValue.firstValue) {
@@ -772,9 +781,7 @@ var DropDownGroup = (props) => {
     });
   };
   const handleSecondChange = (value) => {
-    const filterOption2 = props.secondOptions?.find(
-      (eachOption) => eachOption.value === value
-    );
+    const filterOption2 = props.options?.find((eachOption) => eachOption.value === value);
     setSelectedValue((prev) => {
       const newValue = { ...prev, secondValue: filterOption2 };
       if (newValue.secondValue) {
@@ -783,23 +790,21 @@ var DropDownGroup = (props) => {
       return selectedValue;
     });
   };
-  return /* @__PURE__ */ React25.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React25.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ React25.createElement("div", { className: props.subContainerClassName }, /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React25.createElement("div", { className: props.className, style: { display: "flex", flexDirection: "row", backgroundColor: "white", borderRadius: 10, border: "1px solid gray" } }, /* @__PURE__ */ React25.createElement(
     Select4,
     {
       onChange: handleFirstChange,
       variant: props.variant,
-      options: props.firstOptions,
-      className: props.className
+      options: props.options
     }
   ), /* @__PURE__ */ React25.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ React25.createElement(
     Select4,
     {
       onChange: handleSecondChange,
       variant: props.variant,
-      options: props.secondOptions,
-      className: props.className
+      options: props.options
     }
-  )));
+  ));
 };
 
 // src/Components/FilesUpload.tsx
@@ -810,7 +815,7 @@ var FileUpload = (props) => {
   const { Dragger } = Upload;
   const [files, setFiles] = useState8([]);
   const beforeUpload = (file) => {
-    const isCorrectFile = ["image/*", "video/*", "application/*"].includes(file.type);
+    const isCorrectFile = ["image/png", "image/jpg", "image/jpeg", "application/pdf"].includes(file.type);
     if (!isCorrectFile) {
       message.error(`(${file.name}) is an invalid file. Please upload files with the following extensions only (.png/.jpg/.jpeg/.pdf)`);
       return Upload.LIST_IGNORE;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.14-Beta19",
+  "version": "0.0.14-Beta2",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",