@pnkx-lib/ui 1.9.258 → 1.9.260

package/es/fields/Input.js

@@ -1250,18 +1250,38 @@ const Input = (props) => {
   const errorMessage = get(errors, name)?.message;
   const inputRef = useRef(null);
   const [isComposing, setIsComposing] = useState(false);
-  console.log(" isComposing:", isComposing);
   //! Function
-  const handleCompositionStart = () => setIsComposing(true);
-  const handleCompositionEnd = () => {
-    setIsComposing(false);
-    const input = inputRef.current?.input;
-    if (input) {
+  const handleChange = useCallback(
+    (e) => {
+      onChange?.(e);
+      afterOnChange?.(e.target.value);
+    },
+    [onChange, afterOnChange, isComposing]
+  );
+  const handleCompositionStart = useCallback(() => {
+    setIsComposing(true);
+  }, []);
+  const handleCompositionEnd = useCallback(
+    (e) => {
+      setIsComposing(false);
+      const syntheticEvent = {
+        target: {
+          value: e.currentTarget.value,
+          name
+        }
+      };
       setTimeout(() => {
-        input.scrollLeft = input.scrollWidth;
+        handleChange(syntheticEvent);
       }, 0);
-    }
-  };
+      const input = inputRef.current?.input;
+      if (input) {
+        setTimeout(() => {
+          input.scrollLeft = input.scrollWidth;
+        }, 0);
+      }
+    },
+    [handleChange, name]
+  );
   const renderErrorMessage = () => {
     if (!errorMessage) return null;
     return /* @__PURE__ */ jsx(
@@ -1288,15 +1308,6 @@ const Input = (props) => {
     }
     return node;
   };
-  const handleChange = useCallback(
-    (e) => {
-      console.log(" ccccc:", e.target.value);
-      if (isComposing) return;
-      onChange?.(e);
-      afterOnChange?.(e.target.value);
-    },
-    [onChange, afterOnChange, isComposing]
-  );
   const renderInput = () => {
     const isNumberInput = type === "number" || type === "money";
     if (isNumberInput) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.258",
+  "version": "1.9.260",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",