@os-design/core 1.0.267 → 1.0.269

package/dist/InputNumber/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InputNumber/index.tsx"],"names":[],"mappings":"AASA,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAsB,EACpB,KAAK,iBAAiB,EACvB,MAAM,0BAA0B,CAAC;AAElC,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;IACvD;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IAC7B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IAC5C;;;OAGG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C;AAOD;;GAEG;AACH,QAAA,MAAM,WAAW,+GAgIhB,CAAC;AAIF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InputNumber/index.tsx"],"names":[],"mappings":"AASA,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAsB,EACpB,KAAK,iBAAiB,EACvB,MAAM,0BAA0B,CAAC;AAElC,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;IACvD;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IAC7B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IAC5C;;;OAGG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C;AAOD;;GAEG;AACH,QAAA,MAAM,WAAW,+GAqIhB,CAAC;AAIF,eAAe,WAAW,CAAC"}

package/dist/InputNumber/index.js

@@ -1,6 +1,6 @@
 import { getNextCaret, getNextState, numberToFormattedString, useGetCaretWithinValue, useValidate } from '@os-design/input-number-utils';
 import { useForwardedRef } from '@os-design/utils';
-import { forwardRef, useEffect, useMemo, useState } from 'react';
+import { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
 import Input from '../Input/index.js';
 import defaultLocale from './utils/defaultLocale.js';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -20,6 +20,7 @@ const InputNumber = /*#__PURE__*/forwardRef(({
   onChange = () => {},
   onSelect = () => {},
   onFocus = () => {},
+  onBlur = () => {},
   ...rest
 }, ref) => {
   useValidate({
@@ -47,6 +48,7 @@ const InputNumber = /*#__PURE__*/forwardRef(({
     end: 0
   });
   const getCaretWithinValue = useGetCaretWithinValue(prefix, suffix);
+  const focusedRef = useRef(false);
 
   // Update the value
   useEffect(() => {
@@ -56,7 +58,9 @@ const InputNumber = /*#__PURE__*/forwardRef(({
   // Update the selection
   useEffect(() => {
     if (!inputRef.current) return;
-    inputRef.current.setSelectionRange(selection.start, selection.end);
+    if (focusedRef.current) {
+      inputRef.current.setSelectionRange(selection.start, selection.end);
+    }
   }, [inputRef, selection]);
   return /*#__PURE__*/_jsx(Input, {
     onSelect: e => {
@@ -74,13 +78,13 @@ const InputNumber = /*#__PURE__*/forwardRef(({
       onSelect(e);
     },
     onFocus: e => {
-      // Move the caret to the end of the input value and before the suffix
-      setSelection({
-        start: getCaretWithinValue(valueString.length, valueString),
-        end: getCaretWithinValue(valueString.length, valueString)
-      });
+      focusedRef.current = true;
       onFocus(e);
     },
+    onBlur: e => {
+      focusedRef.current = false;
+      onBlur(e);
+    },
     value: valueString,
     onChange: (v, e) => {
       // Get a new value as a string and number

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/core",
-  "version": "1.0.267",
+  "version": "1.0.269",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "type": "module",
@@ -58,5 +58,5 @@
     "react": "18",
     "react-dom": "18"
   },
-  "gitHead": "4068864bf73c656290590790c26546a3b4bef507"
+  "gitHead": "a2e831f273b33a71b957961fa0ab94ab8137861b"
 }

package/src/InputNumber/index.tsx

@@ -6,7 +6,7 @@ import {
   useValidate,
 } from '@os-design/input-number-utils';
 import { useForwardedRef } from '@os-design/utils';
-import { forwardRef, useEffect, useMemo, useState } from 'react';
+import { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
 import Input, { type InputProps } from '../Input/index.js';
 import defaultLocale, {
   type InputNumberLocale,
@@ -90,6 +90,7 @@ const InputNumber = forwardRef<HTMLInputElement, InputNumberProps>(
       onChange = () => {},
       onSelect = () => {},
       onFocus = () => {},
+      onBlur = () => {},
       ...rest
     },
     ref
@@ -132,6 +133,8 @@ const InputNumber = forwardRef<HTMLInputElement, InputNumberProps>(
     const [selection, setSelection] = useState<Selection>({ start: 0, end: 0 });
     const getCaretWithinValue = useGetCaretWithinValue(prefix, suffix);
 
+    const focusedRef = useRef(false);
+
     // Update the value
     useEffect(() => {
       setValueString(numberToFormattedString(value, options));
@@ -140,7 +143,9 @@ const InputNumber = forwardRef<HTMLInputElement, InputNumberProps>(
     // Update the selection
     useEffect(() => {
       if (!inputRef.current) return;
-      inputRef.current.setSelectionRange(selection.start, selection.end);
+      if (focusedRef.current) {
+        inputRef.current.setSelectionRange(selection.start, selection.end);
+      }
     }, [inputRef, selection]);
 
     return (
@@ -154,13 +159,13 @@ const InputNumber = forwardRef<HTMLInputElement, InputNumberProps>(
           onSelect(e);
         }}
         onFocus={(e) => {
-          // Move the caret to the end of the input value and before the suffix
-          setSelection({
-            start: getCaretWithinValue(valueString.length, valueString),
-            end: getCaretWithinValue(valueString.length, valueString),
-          });
+          focusedRef.current = true;
           onFocus(e);
         }}
+        onBlur={(e) => {
+          focusedRef.current = false;
+          onBlur(e);
+        }}
         value={valueString}
         onChange={(v, e) => {
           // Get a new value as a string and number