@apexcura/ui-components 0.0.14-Beta25 → 0.0.14-Beta27

package/dist/index.js

@@ -740,13 +740,14 @@ var TableElement = (props) => {
 // src/Components/DatePicker.tsx
 var import_react21 = __toESM(require("react"));
 var import_antd15 = require("antd");
+var import_dayjs = __toESM(require("dayjs"));
+var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat"));
+import_dayjs.default.extend(import_customParseFormat.default);
 var DatePickerElement = (props) => {
   const [dateState, setDateState] = (0, import_react21.useState)("");
   const dateFormat = "DD/MM/YYYY";
   const handleChange = (date, dateString) => {
-    console.log("date==========", date);
     if (date) {
-      console.log("date==", date);
       const formattedDate = date.format(dateFormat);
       setDateState(date);
       if (props.onChange) {
@@ -763,7 +764,8 @@ var DatePickerElement = (props) => {
     import_antd15.DatePicker,
     {
       placeholder: props.placeholder,
-      value: dateState,
+      value: (0, import_dayjs.default)(dateState, dateFormat),
+      format: dateFormat,
       variant: "borderless",
       onChange: handleChange
     }
@@ -773,7 +775,7 @@ var DatePickerElement = (props) => {
 // src/Components/DateRangePickerElement.tsx
 var import_react22 = __toESM(require("react"));
 var import_antd16 = require("antd");
-var import_dayjs = __toESM(require("dayjs"));
+var import_dayjs2 = __toESM(require("dayjs"));
 var DateRangePickerElement = (props) => {
   const { RangePicker } = import_antd16.DatePicker;
   const handleChange = (dates, dateStrings) => {
@@ -784,10 +786,10 @@ var DateRangePickerElement = (props) => {
     }
   };
   const rangePresets = [
-    { label: "Last 7 Days", value: [(0, import_dayjs.default)().add(-7, "d"), (0, import_dayjs.default)()] },
-    { label: "Last 14 Days", value: [(0, import_dayjs.default)().add(-14, "d"), (0, import_dayjs.default)()] },
-    { label: "Last 30 Days", value: [(0, import_dayjs.default)().add(-30, "d"), (0, import_dayjs.default)()] },
-    { label: "Last 90 Days", value: [(0, import_dayjs.default)().add(-90, "d"), (0, import_dayjs.default)()] }
+    { label: "Last 7 Days", value: [(0, import_dayjs2.default)().add(-7, "d"), (0, import_dayjs2.default)()] },
+    { label: "Last 14 Days", value: [(0, import_dayjs2.default)().add(-14, "d"), (0, import_dayjs2.default)()] },
+    { label: "Last 30 Days", value: [(0, import_dayjs2.default)().add(-30, "d"), (0, import_dayjs2.default)()] },
+    { label: "Last 90 Days", value: [(0, import_dayjs2.default)().add(-90, "d"), (0, import_dayjs2.default)()] }
   ];
   return /* @__PURE__ */ import_react22.default.createElement(import_antd16.Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ import_react22.default.createElement(RangePicker, { presets: rangePresets, onChange: handleChange }));
 };
@@ -814,24 +816,34 @@ 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: {} });
-  console.log(selectedValue);
+  const [selectedValue, setSelectedValue] = (0, import_react25.useState)({
+    firstValue: {},
+    secondValue: {},
+    temp: ""
+  });
   const handleFirstChange = (value) => {
-    const filterOption2 = props.firstOptions?.find((eachOption) => eachOption.value === value);
+    console.log(selectedValue.temp);
+    const filterOption2 = props.firstOptions?.find(
+      (eachOption) => eachOption.value === value
+    );
     setSelectedValue((prev) => {
       const newValue = { ...prev, firstValue: filterOption2 };
+      const { temp, ...rest } = newValue;
       if (newValue.firstValue) {
-        props.onChange?.(newValue);
+        props.onChange?.(rest);
       }
       return newValue;
     });
   };
   const handleSecondChange = (value) => {
-    const filterOption2 = props.secondOptions?.find((eachOption) => eachOption.value === value);
+    const filterOption2 = props.secondOptions?.find(
+      (eachOption) => eachOption.value === value
+    );
     setSelectedValue((prev) => {
       const newValue = { ...prev, secondValue: filterOption2 };
+      const { temp, ...rest } = newValue;
       if (newValue.secondValue) {
-        props.onChange?.(newValue);
+        props.onChange?.(rest);
       }
       return newValue;
     });
@@ -863,7 +875,6 @@ var FileUpload = (props) => {
   const { Dragger } = import_antd19.Upload;
   const [files, setFiles] = (0, import_react26.useState)([]);
   const handleChange = ({ fileList }) => {
-    console.log(fileList);
     setFiles(fileList);
     if (props.onChange) {
       props.onChange({

package/dist/index.mjs

@@ -682,13 +682,14 @@ var TableElement = (props) => {
 // src/Components/DatePicker.tsx
 import React21, { useState as useState6 } from "react";
 import { DatePicker } from "antd";
+import dayjs from "dayjs";
+import customParseFormat from "dayjs/plugin/customParseFormat";
+dayjs.extend(customParseFormat);
 var DatePickerElement = (props) => {
   const [dateState, setDateState] = useState6("");
   const dateFormat = "DD/MM/YYYY";
   const handleChange = (date, dateString) => {
-    console.log("date==========", date);
     if (date) {
-      console.log("date==", date);
       const formattedDate = date.format(dateFormat);
       setDateState(date);
       if (props.onChange) {
@@ -705,7 +706,8 @@ var DatePickerElement = (props) => {
     DatePicker,
     {
       placeholder: props.placeholder,
-      value: dateState,
+      value: dayjs(dateState, dateFormat),
+      format: dateFormat,
       variant: "borderless",
       onChange: handleChange
     }
@@ -715,7 +717,7 @@ var DatePickerElement = (props) => {
 // src/Components/DateRangePickerElement.tsx
 import React22 from "react";
 import { DatePicker as DatePicker2, Space } from "antd";
-import dayjs from "dayjs";
+import dayjs2 from "dayjs";
 var DateRangePickerElement = (props) => {
   const { RangePicker } = DatePicker2;
   const handleChange = (dates, dateStrings) => {
@@ -726,10 +728,10 @@ var DateRangePickerElement = (props) => {
     }
   };
   const rangePresets = [
-    { label: "Last 7 Days", value: [dayjs().add(-7, "d"), dayjs()] },
-    { label: "Last 14 Days", value: [dayjs().add(-14, "d"), dayjs()] },
-    { label: "Last 30 Days", value: [dayjs().add(-30, "d"), dayjs()] },
-    { label: "Last 90 Days", value: [dayjs().add(-90, "d"), dayjs()] }
+    { label: "Last 7 Days", value: [dayjs2().add(-7, "d"), dayjs2()] },
+    { label: "Last 14 Days", value: [dayjs2().add(-14, "d"), dayjs2()] },
+    { label: "Last 30 Days", value: [dayjs2().add(-30, "d"), dayjs2()] },
+    { label: "Last 90 Days", value: [dayjs2().add(-90, "d"), dayjs2()] }
   ];
   return /* @__PURE__ */ React22.createElement(Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ React22.createElement(RangePicker, { presets: rangePresets, onChange: handleChange }));
 };
@@ -756,24 +758,34 @@ 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: {} });
-  console.log(selectedValue);
+  const [selectedValue, setSelectedValue] = useState7({
+    firstValue: {},
+    secondValue: {},
+    temp: ""
+  });
   const handleFirstChange = (value) => {
-    const filterOption2 = props.firstOptions?.find((eachOption) => eachOption.value === value);
+    console.log(selectedValue.temp);
+    const filterOption2 = props.firstOptions?.find(
+      (eachOption) => eachOption.value === value
+    );
     setSelectedValue((prev) => {
       const newValue = { ...prev, firstValue: filterOption2 };
+      const { temp, ...rest } = newValue;
       if (newValue.firstValue) {
-        props.onChange?.(newValue);
+        props.onChange?.(rest);
       }
       return newValue;
     });
   };
   const handleSecondChange = (value) => {
-    const filterOption2 = props.secondOptions?.find((eachOption) => eachOption.value === value);
+    const filterOption2 = props.secondOptions?.find(
+      (eachOption) => eachOption.value === value
+    );
     setSelectedValue((prev) => {
       const newValue = { ...prev, secondValue: filterOption2 };
+      const { temp, ...rest } = newValue;
       if (newValue.secondValue) {
-        props.onChange?.(newValue);
+        props.onChange?.(rest);
       }
       return newValue;
     });
@@ -805,7 +817,6 @@ var FileUpload = (props) => {
   const { Dragger } = Upload;
   const [files, setFiles] = useState8([]);
   const handleChange = ({ fileList }) => {
-    console.log(fileList);
     setFiles(fileList);
     if (props.onChange) {
       props.onChange({

package/package.json

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