@sikka/hawa 0.46.0-next → 0.46.3-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";
@@ -1002,6 +1002,7 @@ function Skeleton({
   content,
   animation = "pulse",
   fade,
+  as = "div",
   ...props
 }) {
   const animationStyles = {
@@ -1015,6 +1016,10 @@ function Skeleton({
     right: "hawa-mask-fade-right",
     left: "hawa-mask-fade-left "
   };
+  const styledAs = {
+    div: "",
+    input: "!h-[38px] !w-full"
+  };
   return /* @__PURE__ */ React8.createElement(
     "div",
     {
@@ -1022,6 +1027,7 @@ function Skeleton({
         animationStyles[animation],
         content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
         fade && fadeStyle[fade],
+        styledAs[as],
         className
       ),
       ...props
@@ -1045,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",
@@ -1060,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;
@@ -1071,9 +1079,26 @@ var Input = forwardRef5(
         }
       }
       if (props.onChange) {
-        const newEvent = { ...e, target: { ...e.target, value: newValue } };
-        props.onChange(newEvent);
+        if (props.type === "number" && props.maxLength) {
+          console.log("type is ", props.type);
+          console.log("max length is ", 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 {
+          console.log("NETIHERRRER");
+          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",
@@ -1087,16 +1112,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, { className: "hawa-h-[40px] hawa-w-full" })) : props.isLoadingError ? /* @__PURE__ */ React9.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ React9.createElement(
         Skeleton,
         {
           animation: "none",
@@ -1143,13 +1159,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,