@sikka/hawa 0.46.1-next → 0.46.4-next

package/dist/dataTable/index.mjs

@@ -993,7 +993,7 @@ var DropdownMenu = ({
 };
 
 // elements/input/Input.tsx
-import React9, { forwardRef as forwardRef5 } from "react";
+import React9, { forwardRef as forwardRef5, useState as useState2 } from "react";
 
 // elements/skeleton/Skeleton.tsx
 import React8 from "react";
@@ -1018,7 +1018,7 @@ function Skeleton({
   };
   const styledAs = {
     div: "",
-    input: "!h-[38px] !w-full"
+    input: "hawa-h-[40px] hawa-w-full"
   };
   return /* @__PURE__ */ React8.createElement(
     "div",
@@ -1051,6 +1051,7 @@ var Input = forwardRef5(
     ...props
   }, ref) => {
     var _a;
+    const [value, setValue] = useState2(props.value || "");
     let marginStyles = {
       none: "hawa-mb-0",
       normal: "hawa-mb-3",
@@ -1066,6 +1067,7 @@ var Input = forwardRef5(
     let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm placeholder:hawa-text-muted-foreground";
     const handleChange = (e) => {
       let newValue = e.target.value;
+      setValue(newValue);
       if (props.prefixText) {
         if (newValue.length < props.prefixText.length) {
           newValue = props.prefixText;
@@ -1077,9 +1079,23 @@ var Input = forwardRef5(
         }
       }
       if (props.onChange) {
-        const newEvent = { ...e, target: { ...e.target, value: newValue } };
-        props.onChange(newEvent);
+        if (props.type === "number" && props.maxLength) {
+          let v = newValue.replace(/[^0-9]/g, "").slice(0, props.maxLength);
+          const newEvent = { ...e, target: { ...e.target, value: v } };
+          setValue(v);
+          props.onChange(newEvent);
+        } else {
+          const newEvent = { ...e, target: { ...e.target, value: newValue } };
+          setValue(newValue);
+          props.onChange(newEvent);
+        }
+      }
+    };
+    const handleKeyDown = (e) => {
+      if (props.type === "number" && ["e", "E", "+", "-", "."].includes(e.key)) {
+        e.preventDefault();
       }
+      props.onKeyDown && props.onKeyDown(e);
     };
     return /* @__PURE__ */ React9.createElement(
       "div",
@@ -1093,16 +1109,7 @@ var Input = forwardRef5(
         )
       },
       props.label && /* @__PURE__ */ React9.createElement(Label, { ...labelProps }, props.label),
-      /* @__PURE__ */ React9.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center" }, props.outsidePrefix && /* @__PURE__ */ React9.createElement(
-        "span",
-        {
-          className: cn(
-            "hawa-me-2 hawa-opacity-90",
-            !forceHideHelperText && "hawa-mb-2"
-          )
-        },
-        props.outsidePrefix
-      ), props.isLoading ? /* @__PURE__ */ React9.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ React9.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : props.isLoadingError ? /* @__PURE__ */ React9.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ React9.createElement(
+      /* @__PURE__ */ React9.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center" }, props.outsidePrefix && /* @__PURE__ */ React9.createElement("span", { className: cn("hawa-me-2 hawa-opacity-90", !forceHideHelperText && "hawa-mb-2") }, props.outsidePrefix), props.isLoading ? /* @__PURE__ */ React9.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ React9.createElement(Skeleton, { as: "input" })) : props.isLoadingError ? /* @__PURE__ */ React9.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ React9.createElement(
         Skeleton,
         {
           animation: "none",
@@ -1149,13 +1156,15 @@ var Input = forwardRef5(
           required: true,
           dir: props.dir,
           type: props.type,
-          value: props.value,
+          value: props.value || value,
           onChange: handleChange,
+          onKeyDown: handleKeyDown,
           autoComplete: props.autoComplete,
           defaultValue: props.defaultValue,
           placeholder,
           disabled: props.disabled || preview,
           style: { height: 40 },
+          maxLength: props.maxLength,
           ...inputProps,
           className: cn(
             defaultInputStyle,