@oliasoft-open-source/react-ui-library 4.9.0 → 4.10.0-beta-1

package/dist/index.js

@@ -16,7 +16,7 @@ import * as PropTypes from "prop-types";
 import PropTypes__default from "prop-types";
 import ReactDOM, { createPortal, unstable_batchedUpdates, render } from "react-dom";
 import { noop as noop$3, set, get as get$2, isString as isString$3, isNumber as isNumber$1, isBoolean as isBoolean$2, isFunction as isFunction$3, isEmpty, isArray as isArray$1, toNumber, debounce as debounce$2, isObject as isObject$5, isEqual as isEqual$4 } from "lodash";
-import { isScientificStringNum, roundToPrecision, roundToFixed, toString as toString$1, validateNumber, cleanNumStr, stripLeadingZeros, unitFromQuantity, isValueWithUnit, withUnit, convertSamePrecision, getValue as getValue$1, getUnit, KNOWN_UNITS, split as split$1, label as label$b, altUnitsList, convertAndGetValue, getUnitsForQuantity, roundByMagnitudeToFixed } from "@oliasoft-open-source/units";
+import { isScientificStringNum, roundToPrecision, roundToFixed, toString as toString$1, validateNumber, stripLeadingZeros, cleanNumStr, unitFromQuantity, isValueWithUnit, withUnit, convertSamePrecision, getValue as getValue$1, getUnit, KNOWN_UNITS, split as split$1, label as label$b, altUnitsList, convertAndGetValue, getUnitsForQuantity, roundByMagnitudeToFixed } from "@oliasoft-open-source/units";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
@@ -55735,7 +55735,7 @@ const NumberInput = ({
   allowEmpty = false,
   isInTable: isInTable2,
   groupOrder,
-  enableCosmeticRounding = false,
+  enableCosmeticRounding = true,
   enableDisplayRounding = false,
   roundDisplayValue,
   disableInternalErrorValidationMessages = false
@@ -55743,6 +55743,7 @@ const NumberInput = ({
   const inputRef = useRef(null);
   const [displayValue, setDisplayValue] = useState(safeToString(value));
   const [focus2, setFocus] = useState(false);
+  const [pristine, setPristine] = useState(true);
   const stringName = getStringName$1(name2);
   const validateInputValue = (value2) => {
     const validation = validateNumber(value2);
@@ -55756,6 +55757,7 @@ const NumberInput = ({
   const firstError = errors2 && errors2.length && !disableInternalErrorValidationMessages ? errors2[0] : null;
   useEffect(() => {
     setDisplayValue(safeToString(value));
+    setPristine(true);
   }, [value, enableCosmeticRounding, enableDisplayRounding]);
   useEffect(() => {
     if (!focus2 && !valid) {
@@ -55765,24 +55767,27 @@ const NumberInput = ({
     }
   }, [focus2, valid, error2]);
   const onChangeValue = (evt) => {
-    var _a2, _b;
-    const value2 = evt instanceof KeyboardEvent ? displayValue : (_a2 = evt == null ? void 0 : evt.target) == null ? void 0 : _a2.value;
-    const inputValue = cleanNumStr(
-      value2.replaceAll(" ", "").replaceAll("|", "")
-    );
-    setDisplayValue(inputValue);
-    if ((_b = validateInputValue(inputValue)) == null ? void 0 : _b.valid) {
+    if (valid && !pristine) {
       const event = {
         ...evt,
         target: {
           ...evt.target,
-          value: stripLeadingZeros(safeToString(inputValue)),
+          value: stripLeadingZeros(safeToString(displayValue)),
           name: stringName
         }
       };
       onChange(event);
     }
   };
+  const onSetValue = (evt) => {
+    const input2 = evt.target;
+    const { value: value2 } = input2;
+    const inputValue = cleanNumStr(
+      value2.replaceAll(" ", "").replaceAll("|", "")
+    );
+    setDisplayValue(inputValue);
+    setPristine(false);
+  };
   useEffect(() => {
     if (inputRef && (inputRef == null ? void 0 : inputRef.current) && enableDisplayRounding && focus2) {
       const textInput = inputRef.current;
@@ -55825,10 +55830,10 @@ const NumberInput = ({
           disabled: disabled2,
           placeholder: placeholder3,
           value: valueWithCosmeticRounding,
-          onChange: onChangeValue,
+          onChange: onSetValue,
           onFocus: onInputFocus,
           onBlur: onInputBlur,
-          error: firstError || error2,
+          error: !focus2 && (firstError || error2),
           warning: warning2,
           right: !left2,
           small: small2,
@@ -70299,7 +70304,7 @@ const UnitInput = ({
   allowEmpty = false,
   autoValue,
   convertBackToStorageUnit = false,
-  enableCosmeticRounding = false,
+  enableCosmeticRounding = true,
   enableDisplayRounding = false
 }) => {
   const context2 = useUnitContext();