@steroidsjs/core 3.1.6 → 3.1.8

package/en.json

@@ -1063,7 +1063,7 @@
     "Название цвета для Badge": "Color name for Badge",
     "Название цвета для Button": "Color name for Button",
     "Название цвета для Text, Title": "Color name for Text, Title",
-    "Промежуточное состояние чекбокса — часть дочерних элементов выбрана": "",
-    "Выбранная страна по умолчанию": "",
-    "Список доступных масок для телефонных номеров разных стран.\nКаждая маска определяет формат отображения номера.": ""
+    "Промежуточное состояние чекбокса — часть дочерних элементов выбрана": "Indeterminate checkbox state — some child items are selected",
+    "Выбранная страна по умолчанию": "Country selected by default",
+    "Список доступных масок для телефонных номеров разных стран.\nКаждая маска определяет формат отображения номера.": "List of available masks for phone numbers from different countries.\nEach mask defines the number display format."
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@steroidsjs/core",
-    "version": "3.1.6",
+    "version": "3.1.8",
     "description": "",
     "author": "Vladimir Kozhin <hello@kozhindev.com>",
     "repository": {

package/ui/form/NumberField/NumberField.js

@@ -26,6 +26,7 @@ var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 var DEFAULT_STEP = 1;
 var DECIMAL_SEPARATOR = '.';
 var MINUS_SIGN = '-';
+var NUMBER_PATTERN = /^-?(?:\d+(?:\.\d*)?|\.\d+)$/;
 var isNotEmptyValue = function (rawValue) { return !(0, isNil_1["default"])(rawValue) && rawValue !== ''; };
 function NumberField(props) {
     var _a;
@@ -60,14 +61,32 @@ function NumberField(props) {
         }
     }, [currentInputRef, maskedInputRef]);
     (0, react_2.useEffect)(function () {
+        var _a, _b;
         var input = currentInputRef.current;
         var currentValue = props.input.value;
         var hasValue = isNotEmptyValue(currentValue);
-        var numberValue = Number(currentValue);
-        var isValid = !props.required
-            || (hasValue && numberValue >= props.min && numberValue <= props.max);
+        var stringValue = String(currentValue);
+        // Remove visual formatting before checking the numeric value.
+        var normalizedValue = props.thousandSeparator
+            ? stringValue.split(props.thousandSeparator).join('')
+            : stringValue;
+        var numberValue = Number(normalizedValue);
+        var decimalPart = (_a = normalizedValue.split(DECIMAL_SEPARATOR)[1]) !== null && _a !== void 0 ? _a : '';
+        var maxPrecision = (_b = props.decimal) !== null && _b !== void 0 ? _b : 0;
+        // By default only integers are valid; decimal defines the maximum precision.
+        var hasValidPrecision = maxPrecision > 0
+            ? decimalPart.length <= maxPrecision
+            : !normalizedValue.includes(DECIMAL_SEPARATOR);
+        // Required only controls empty values. Every filled field must pass all numeric checks.
+        var isValid = hasValue
+            ? NUMBER_PATTERN.test(normalizedValue)
+                && ((0, isNil_1["default"])(props.min) || numberValue >= props.min)
+                && ((0, isNil_1["default"])(props.max) || numberValue <= props.max)
+                && hasValidPrecision
+                && (props.isCanBeNegative || numberValue >= 0)
+            : !props.required;
         input.setCustomValidity(isValid ? '' : __('The number is not valid.'));
-    }, [currentInputRef, props.required, props.min, props.max, props.input.value, props]);
+    }, [currentInputRef, props.required, props.min, props.max, props.decimal, props.isCanBeNegative, props.thousandSeparator, props.input.value]);
     var clampToMinMax = (0, react_2.useCallback)(function (rawValue) {
         var val = rawValue;
         if (val < props.min) {