@typeolymp/ui-components 1.19.4 → 1.19.6

package/build/index.js

@@ -8044,26 +8044,33 @@ var Number$1 = function (props) {
         inputRef.current.value = "".concat(value);
         return value;
     };
+    var onChange = function () {
+        if (!props.disabled && !!props.onChange) {
+            var value = parseInt(inputRef.current.value);
+            props.onChange(value);
+        }
+    };
+    var onBlur = function () {
+        var value = parseInt(inputRef.current.value);
+        var newValue = setValue(value);
+        // If the value has changed, call the onChange callback
+        if (value !== newValue && !!props.onChange)
+            onChange();
+        if (!!props.onBlur)
+            props.onBlur();
+    };
     var decrease = function () {
         var value = parseInt(inputRef.current.value) - 1;
         setValue(value);
+        onChange();
         inputRef.current.focus();
     };
     var increase = function () {
         var value = parseInt(inputRef.current.value) + 1;
         setValue(value);
+        onChange();
         inputRef.current.focus();
     };
-    var onChange = function () {
-        var value = parseInt(inputRef.current.value);
-        var newValue = setValue(value);
-        if (!props.disabled && !!props.onChange)
-            props.onChange(newValue);
-    };
-    var onBlur = function () {
-        if (!!props.onBlur)
-            props.onBlur();
-    };
     return (jsxRuntime.jsxs(Wrapper$6, __assign$2({ disabled: props.disabled }, { children: [jsxRuntime.jsx(Button, { label: "-", disabled: props.disabled, onClick: decrease, tabIndex: -1, type: "button" }), jsxRuntime.jsx(StyledInputNumber, __assign$2({ type: "number" }, props, { defaultValue: props.defaultValue || props.min || 0, onChange: onChange, onBlur: onBlur, ref: inputRef })), jsxRuntime.jsx(Button, { label: "+", disabled: props.disabled, onClick: increase, tabIndex: -1, type: "button" })] })));
 };