@vitrosoftware/common-ui-ts 1.1.128 → 1.1.129

package/dist/index.js

@@ -62239,7 +62239,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.128";
+var version$1 = "1.1.129";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -62951,12 +62951,9 @@ var NumberInput = React.forwardRef(function (props, ref) {
   var _useState = React.useState(null),
     inputValue = _useState[0],
     setInputValue = _useState[1];
-  var localeSeparator = 1.1.toLocaleString()[1];
-  var secondLocaleSeparator = localeSeparator === CTRL.COMMA ? CTRL.DOT : CTRL.COMMA;
   var inputRef = React.useRef();
   React.useEffect(function () {
-    var value = props.value || props.value === 0 ? props.value : CTRL.EMPTY;
-    setInputValue(getValue(value.toString()));
+    setInputValue(getDisplayValue(props.value));
   }, [props.value]);
   React.useImperativeHandle(ref, function () {
     return {
@@ -62973,49 +62970,49 @@ var NumberInput = React.forwardRef(function (props, ref) {
       }
     };
   });
-  var getValue = function getValue(value) {
-    var newValue = inputValue;
-    if (value === CTRL.EMPTY) {
-      newValue = value;
-    }
-    if (props.number === TYPE$1.INT) {
-      if (new RegExp(REGEXP.INT).test(value)) {
-        newValue = value;
-      }
-    }
-    if (props.number === TYPE$1.FLOAT) {
-      if (testFloat(value)) {
-        newValue = value.replace(secondLocaleSeparator, localeSeparator);
-      }
+  var getDisplayValue = function getDisplayValue(value) {
+    if (value || value === 0) {
+      return value.toLocaleString(undefined, {
+        maximumFractionDigits: props.precision,
+        useGrouping: false
+      });
     }
-    setInputValue(newValue);
-    return newValue;
+    return CTRL.EMPTY;
   };
-  var testFloat = function testFloat(value) {
+  var isValidNumber = function isValidNumber(value) {
     var _props$precision;
     var precision = ((_props$precision = props.precision) === null || _props$precision === void 0 ? void 0 : _props$precision.toString()) || CTRL.EMPTY;
     var regex = REGEXP.FLOAT.split(PRECISION).join(precision);
     return new RegExp(regex).test(value);
   };
-  var parseValue = function parseValue(value) {
-    if (value === CTRL.EMPTY) {
-      return null;
-    }
-    if (props.number === TYPE$1.INT) {
-      return parseInt(value);
-    } else {
-      var floatString = value.replace(CTRL.COMMA, CTRL.DOT);
-      return parseFloat(floatString);
+  var getNewDisplayValue = function getNewDisplayValue(value) {
+    if (isValidNumber(value)) {
+      if (props.number === TYPE$1.INT) {
+        return Math.trunc(+value).toString();
+      }
+      if (props.number === TYPE$1.FLOAT) {
+        return getDisplayValue(+value);
+      }
     }
+    return inputValue;
   };
-  var onChange = function onChange(value, name) {
-    var newValue = getValue(value);
+  var updateInputValue = function updateInputValue(value) {
+    setInputValue(value);
     if (inputRef && inputRef.current) {
-      inputRef.current.setValue(newValue);
+      inputRef.current.setValue(value);
     }
-    var newParsedValue = parseValue(newValue);
-    if (props.onChange) {
-      props.onChange(newParsedValue, name);
+  };
+  var onChange = function onChange(value, name) {
+    var stringVal = value.replaceAll(CTRL.COMMA, CTRL.DOT);
+    if (stringVal.indexOf(CTRL.DOT) === stringVal.length - 1 && stringVal.length > 1) {
+      updateInputValue(stringVal);
+    } else {
+      var newDisplayValue = value === CTRL.EMPTY ? CTRL.EMPTY : getNewDisplayValue(stringVal);
+      updateInputValue(newDisplayValue);
+      if (props.onChange) {
+        var numberVal = newDisplayValue === CTRL.EMPTY ? null : +newDisplayValue.replace(CTRL.COMMA, CTRL.DOT);
+        props.onChange(numberVal, name);
+      }
     }
   };
   return React__default.createElement(Input, Object.assign({}, props, {