react-table-edit 1.2.51 → 1.2.53

package/dist/index.js

@@ -2879,20 +2879,22 @@ var SidebarSetColumn = (props) => {
 var sidebar_setting_column_default = SidebarSetColumn;
 
 // src/component/input-date/index.tsx
-var import_react16 = require("react");
+var import_react16 = __toESM(require("react"));
 var import_react_datepicker = __toESM(require("react-datepicker"));
 var import_react_input_mask = __toESM(require("react-input-mask"));
 var import_react_datepicker2 = require("react-datepicker/dist/react-datepicker.css");
 var import_jsx_runtime17 = require("react/jsx-runtime");
-var CustomInput = ({ value, onChange }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var CustomInput = import_react16.default.forwardRef(({ value, onChange, onClick }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
   import_react_input_mask.default,
   {
     mask: "99/99/9999",
     placeholder: "dd/MM/yyyy",
     value,
-    onChange
+    onChange,
+    onClick,
+    ref
   }
-);
+));
 var DateInput = (props) => {
   const { id, onKeyDown, dateFormat, className, onChange, value } = props;
   const [open, setOpen] = (0, import_react16.useState)(false);
@@ -2904,9 +2906,7 @@ var DateInput = (props) => {
       className,
       selected: value instanceof Date ? value : null,
       onChange: (date) => {
-        if (onChange) {
-          onChange(date);
-        }
+        if (onChange) onChange(date);
       },
       dateFormat,
       locale: "vi",
@@ -2921,17 +2921,11 @@ var DateInput = (props) => {
           setOpen(!open);
           setTimeout(() => {
             const element = document.getElementById(id ?? "");
-            if (element) {
-              element.focus();
-            }
+            if (element) element.focus();
           }, 100);
-        } else {
-          if (onKeyDown && !open) {
-            const rs = onKeyDown(e);
-            if (rs) {
-              setOpen(false);
-            }
-          }
+        } else if (onKeyDown && !open) {
+          const result = onKeyDown(e);
+          if (result) setOpen(false);
         }
       }
     }

package/dist/index.mjs

@@ -2849,20 +2849,22 @@ var SidebarSetColumn = (props) => {
 var sidebar_setting_column_default = SidebarSetColumn;
 
 // src/component/input-date/index.tsx
-import { useState as useState8 } from "react";
+import React3, { useState as useState8 } from "react";
 import DatePicker from "react-datepicker";
 import InputMask from "react-input-mask";
 import "react-datepicker/dist/react-datepicker.css";
 import { jsx as jsx17 } from "react/jsx-runtime";
-var CustomInput = ({ value, onChange }) => /* @__PURE__ */ jsx17(
+var CustomInput = React3.forwardRef(({ value, onChange, onClick }, ref) => /* @__PURE__ */ jsx17(
   InputMask,
   {
     mask: "99/99/9999",
     placeholder: "dd/MM/yyyy",
     value,
-    onChange
+    onChange,
+    onClick,
+    ref
   }
-);
+));
 var DateInput = (props) => {
   const { id, onKeyDown, dateFormat, className, onChange, value } = props;
   const [open, setOpen] = useState8(false);
@@ -2874,9 +2876,7 @@ var DateInput = (props) => {
       className,
       selected: value instanceof Date ? value : null,
       onChange: (date) => {
-        if (onChange) {
-          onChange(date);
-        }
+        if (onChange) onChange(date);
       },
       dateFormat,
       locale: "vi",
@@ -2891,17 +2891,11 @@ var DateInput = (props) => {
           setOpen(!open);
           setTimeout(() => {
             const element = document.getElementById(id ?? "");
-            if (element) {
-              element.focus();
-            }
+            if (element) element.focus();
           }, 100);
-        } else {
-          if (onKeyDown && !open) {
-            const rs = onKeyDown(e);
-            if (rs) {
-              setOpen(false);
-            }
-          }
+        } else if (onKeyDown && !open) {
+          const result = onKeyDown(e);
+          if (result) setOpen(false);
         }
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-table-edit",
-  "version": "1.2.51",
+  "version": "1.2.53",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -38,26 +38,26 @@
     "becoxy-icons": "1.8.1",
     "classnames": "2.3.1",
     "i18next": "^21.8.2",
+    "react-datepicker": "^4.8.0",
     "react-hook-form": "7.43.9",
     "react-hot-toast": "2.2.0",
     "react-i18next": "^11.16.9",
+    "react-input-mask": "^2.0.4",
     "react-number-format": "^5.3.3",
     "react-resizable": "^3.0.5",
     "react-router-dom": "^6.3.0",
     "reactstrap": "9.0.1",
     "sweetalert2": "^11.4.14",
     "sweetalert2-react-content": "^5.0.0",
-    "yup": "^0.32.11",
-    "react-datepicker": "^7.3.0",
-    "react-input-mask": "^2.0.4"
+    "yup": "^0.32.11"
   },
   "peerDependencies": {
     "react": ">=16.8.6 <19.0.0",
     "react-dom": ">=16.8.6 <19.0.0"
   },
   "devDependencies": {
-    "@types/react-datepicker": "^6.2.0",
-    "@types/react-input-mask": "^3.0.6",
+    "@types/react-input-mask": "^2.0.4",
+    "@types/react-datepicker": "^4.8.0",
     "tsup": "^8.0.2",
     "typescript": "^5.6.3"
   },