@apexcura/ui-components 0.0.14-Beta26 → 0.0.14-Beta28

package/dist/index.js

@@ -740,13 +740,16 @@ 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.js"));
+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) => {
     if (date) {
       const formattedDate = date.format(dateFormat);
-      setDateState(formattedDate);
+      setDateState(date);
       if (props.onChange) {
         props.onChange(formattedDate);
       }
@@ -761,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
     }
@@ -771,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) => {
@@ -782,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,19 +818,21 @@ var import_antd18 = require("antd");
 var DropDownGroup = (props) => {
   const [selectedValue, setSelectedValue] = (0, import_react25.useState)({
     firstValue: {},
-    secondValue: {}
+    secondValue: {},
+    temp: ""
   });
   const handleFirstChange = (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);
       }
-      console.log("selectedValue1=====", selectedValue);
-      return selectedValue;
+      return newValue;
     });
   };
   const handleSecondChange = (value) => {
@@ -835,11 +841,11 @@ var DropDownGroup = (props) => {
     );
     setSelectedValue((prev) => {
       const newValue = { ...prev, secondValue: filterOption2 };
+      const { temp, ...rest } = newValue;
       if (newValue.secondValue) {
-        props.onChange?.(newValue);
+        props.onChange?.(rest);
       }
-      console.log("selectedValue2=====", selectedValue);
-      return selectedValue;
+      return newValue;
     });
   };
   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(

package/dist/index.mjs

@@ -682,13 +682,16 @@ 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.js";
+dayjs.extend(customParseFormat);
 var DatePickerElement = (props) => {
   const [dateState, setDateState] = useState6("");
   const dateFormat = "DD/MM/YYYY";
   const handleChange = (date, dateString) => {
     if (date) {
       const formattedDate = date.format(dateFormat);
-      setDateState(formattedDate);
+      setDateState(date);
       if (props.onChange) {
         props.onChange(formattedDate);
       }
@@ -703,7 +706,8 @@ var DatePickerElement = (props) => {
     DatePicker,
     {
       placeholder: props.placeholder,
-      value: dateState,
+      value: dayjs(dateState, dateFormat),
+      format: dateFormat,
       variant: "borderless",
       onChange: handleChange
     }
@@ -713,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) => {
@@ -724,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,19 +760,21 @@ import { Select as Select4 } from "antd";
 var DropDownGroup = (props) => {
   const [selectedValue, setSelectedValue] = useState7({
     firstValue: {},
-    secondValue: {}
+    secondValue: {},
+    temp: ""
   });
   const handleFirstChange = (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);
       }
-      console.log("selectedValue1=====", selectedValue);
-      return selectedValue;
+      return newValue;
     });
   };
   const handleSecondChange = (value) => {
@@ -777,11 +783,11 @@ var DropDownGroup = (props) => {
     );
     setSelectedValue((prev) => {
       const newValue = { ...prev, secondValue: filterOption2 };
+      const { temp, ...rest } = newValue;
       if (newValue.secondValue) {
-        props.onChange?.(newValue);
+        props.onChange?.(rest);
       }
-      console.log("selectedValue2=====", selectedValue);
-      return selectedValue;
+      return newValue;
     });
   };
   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(

package/package.json

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