react-table-edit 1.2.50 → 1.2.52

package/dist/index.js

@@ -2882,22 +2882,29 @@ var sidebar_setting_column_default = SidebarSetColumn;
 var import_react16 = 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 DateInput = (0, import_react16.forwardRef)((props, ref) => {
+var CustomInput = ({ value, onChange }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  import_react_input_mask.default,
+  {
+    mask: "99/99/9999",
+    placeholder: "dd/MM/yyyy",
+    value,
+    onChange
+  }
+);
+var DateInput = (props) => {
   const { id, onKeyDown, dateFormat, className, onChange, value } = props;
   const [open, setOpen] = (0, import_react16.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     import_react_datepicker.default,
     {
       id,
-      ref,
       open,
       className,
-      selected: value,
+      selected: value instanceof Date ? value : null,
       onChange: (date) => {
-        if (onChange) {
-          onChange(date);
-        }
+        if (onChange) onChange(date);
       },
       dateFormat,
       locale: "vi",
@@ -2906,28 +2913,22 @@ var DateInput = (0, import_react16.forwardRef)((props, ref) => {
       dropdownMode: "select",
       onCalendarClose: () => setOpen(false),
       onCalendarOpen: () => setOpen(true),
-      customInput: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_input_mask.default, { mask: "99/99/9999", placeholder: dateFormat }),
+      customInput: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CustomInput, {}),
       onKeyDown: (e) => {
         if (e.code === "Space") {
           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);
         }
       }
     }
   );
-});
+};
 var input_date_default = DateInput;
 
 // src/component/table/index.tsx

package/dist/index.mjs

@@ -1,5 +1,5 @@
 // src/component/table/index.tsx
-import { Fragment as Fragment21, forwardRef as forwardRef5, useEffect as useEffect9, useImperativeHandle, useRef as useRef4, useState as useState9 } from "react";
+import { Fragment as Fragment21, forwardRef as forwardRef4, useEffect as useEffect9, useImperativeHandle, useRef as useRef4, useState as useState9 } from "react";
 import { Button as Button6, DropdownMenu as DropdownMenu4, DropdownToggle as DropdownToggle4, Input as Input8, UncontrolledDropdown, UncontrolledTooltip as UncontrolledTooltip5 } from "reactstrap";
 import classnames9 from "classnames";
 import { useTranslation as useTranslation12 } from "react-i18next";
@@ -2849,25 +2849,32 @@ var SidebarSetColumn = (props) => {
 var sidebar_setting_column_default = SidebarSetColumn;
 
 // src/component/input-date/index.tsx
-import { forwardRef as forwardRef4, useState as useState8 } from "react";
+import { 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 DateInput = forwardRef4((props, ref) => {
+var CustomInput = ({ value, onChange }) => /* @__PURE__ */ jsx17(
+  InputMask,
+  {
+    mask: "99/99/9999",
+    placeholder: "dd/MM/yyyy",
+    value,
+    onChange
+  }
+);
+var DateInput = (props) => {
   const { id, onKeyDown, dateFormat, className, onChange, value } = props;
   const [open, setOpen] = useState8(false);
   return /* @__PURE__ */ jsx17(
     DatePicker,
     {
       id,
-      ref,
       open,
       className,
-      selected: value,
+      selected: value instanceof Date ? value : null,
       onChange: (date) => {
-        if (onChange) {
-          onChange(date);
-        }
+        if (onChange) onChange(date);
       },
       dateFormat,
       locale: "vi",
@@ -2876,33 +2883,27 @@ var DateInput = forwardRef4((props, ref) => {
       dropdownMode: "select",
       onCalendarClose: () => setOpen(false),
       onCalendarOpen: () => setOpen(true),
-      customInput: /* @__PURE__ */ jsx17(InputMask, { mask: "99/99/9999", placeholder: dateFormat }),
+      customInput: /* @__PURE__ */ jsx17(CustomInput, {}),
       onKeyDown: (e) => {
         if (e.code === "Space") {
           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);
         }
       }
     }
   );
-});
+};
 var input_date_default = DateInput;
 
 // src/component/table/index.tsx
 import { Fragment as Fragment22, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
-var TableEdit = forwardRef5((props, ref) => {
+var TableEdit = forwardRef4((props, ref) => {
   const { t } = useTranslation12();
   const {
     idTable,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-table-edit",
-  "version": "1.2.50",
+  "version": "1.2.52",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -9,7 +9,9 @@
   ],
   "scripts": {
     "build": "tsup src/index.ts --format cjs,esm --dts",
-    "start": "node dist/index.js"
+    "start": "node dist/index.js",
+    "test": "jest",
+    "lint": "eslint . --ext .ts,.tsx"
   },
   "keywords": [
     "react",
@@ -19,12 +21,19 @@
     "table-edit",
     "datagrid"
   ],
+  "description": "A React table editing solution with customizable features",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/<your-username>/react-table-edit"
+  },
+  "bugs": {
+    "url": "https://github.com/<your-username>/react-table-edit/issues"
+  },
+  "homepage": "https://github.com/<your-username>/react-table-edit#readme",
   "license": "ISC",
   "author": "hungnv",
   "dependencies": {
     "@hookform/resolvers": "^2.8.10",
-    "@types/react-datepicker": "^7.0.0",
-    "@types/react-input-mask": "^3.0.6",
     "@types/react-resizable": "^3.0.7",
     "becoxy-icons": "1.8.1",
     "classnames": "2.3.1",
@@ -43,11 +52,15 @@
     "yup": "^0.32.11"
   },
   "peerDependencies": {
-    "react": ">=16.8.6",
-    "react-dom": ">=16.8.6"
+    "react": ">=16.8.6 <19.0.0",
+    "react-dom": ">=16.8.6 <19.0.0"
   },
   "devDependencies": {
     "tsup": "^8.0.2",
     "typescript": "^5.6.3"
+  },
+  "engines": {
+    "node": ">=14.0.0",
+    "npm": ">=6.0.0"
   }
 }