@worknice/whiteboard 0.16.2 → 0.16.3

package/dist/inputs/NumberInput.d.ts

@@ -3,11 +3,12 @@ type Props = {
     autoFocus?: boolean;
     disabled?: boolean;
     id?: string;
+    maxLength?: number;
     onChange: Dispatch<number | null>;
     placeholder?: string;
     value: number | null;
     prefix?: string;
     suffix?: string;
 };
-declare const NumberInput: ({ autoFocus, disabled, id, onChange, placeholder, value, prefix, suffix, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const NumberInput: ({ autoFocus, disabled, id, maxLength, onChange, placeholder, value, prefix, suffix, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default NumberInput;

package/dist/inputs/NumberInput.js

@@ -2,8 +2,11 @@ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/j
 import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__NumberInput_module_js_5606faf2__ from "./NumberInput.module.js";
-const NumberInput = ({ autoFocus = false, disabled, id, onChange, placeholder, value, prefix, suffix })=>{
+const DEFAULT_MAX_LENGTH = 10;
+const MAXIMUM_MAX_LENGTH = 15;
+const NumberInput = ({ autoFocus = false, disabled, id, maxLength = DEFAULT_MAX_LENGTH, onChange, placeholder, value, prefix, suffix })=>{
     const ref = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+    const actualMaxLength = Math.min(maxLength, MAXIMUM_MAX_LENGTH);
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
         if (autoFocus && ref.current) ref.current.focus();
     }, [
@@ -25,8 +28,9 @@ const NumberInput = ({ autoFocus = false, disabled, id, onChange, placeholder, v
                 }),
                 disabled: disabled,
                 id: id,
+                maxLength: actualMaxLength,
                 onChange: (event)=>{
-                    onChange(event.target.value ? parseFloat(event.target.value) : null);
+                    onChange(event.target.value ? isValidInteger(event.target.value) ? parseInt(event.target.value) : null : null);
                 },
                 placeholder: placeholder,
                 type: "text",
@@ -40,5 +44,10 @@ const NumberInput = ({ autoFocus = false, disabled, id, onChange, placeholder, v
         ]
     });
 };
+const isValidInteger = (str)=>{
+    if (!/^\d+$/.test(str)) return false;
+    const num = Number(str);
+    return Number.isSafeInteger(num) && num >= 0;
+};
 const NumberInput_rslib_entry_ = NumberInput;
 export { NumberInput_rslib_entry_ as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@worknice/whiteboard",
   "description": "",
-  "version": "0.16.2",
+  "version": "0.16.3",
   "license": "MIT",
   "private": false,
   "files": [
@@ -38,7 +38,7 @@
     "react-markdown": "^10.1.0",
     "utf8": "^3.0.0",
     "zod": "^3.22.3",
-    "@worknice/utils": "^0.6.43"
+    "@worknice/utils": "^0.6.44"
   },
   "devDependencies": {
     "@anolilab/semantic-release-pnpm": "^1.1.10",