@oliasoft-open-source/react-ui-library 4.7.0-beta-2 → 4.7.0-beta-3

package/dist/index.d.ts

@@ -932,6 +932,7 @@ export declare interface INumberInputProps {
     enableCosmeticRounding?: boolean;
     enableDisplayRounding?: boolean;
     roundDisplayValue?: (args: TStringNumberNull) => TStringNumberNull;
+    disableInternalErrorValidationMessages?: boolean;
 }
 
 export declare interface IOptionDropdownProps {
@@ -1680,7 +1681,7 @@ export declare const Modal: ({ children, visible, centered, width, onEnter, onEs
 
 export declare const NativeSelect: ({ disabled, error, warning, tooltip, options, onChange, onFocus, onBlur, right, small, tabIndex, selectedOption, width, groupOrder, testId, isInTable, clearable, placeholder, hasNonExistentValue, maxTooltipWidth, borderRadius, }: INativeSelectProps) => JSX_2.Element;
 
-export declare const NumberInput: ({ name, placeholder, disabled, error, left, small, width, value, onChange, onFocus, onBlur, tabIndex, testId, tooltip, warning, validationCallback, allowEmpty, isInTable, groupOrder, enableCosmeticRounding, enableDisplayRounding, roundDisplayValue, }: INumberInputProps) => JSX_2.Element;
+export declare const NumberInput: ({ name, placeholder, disabled, error, left, small, width, value, onChange, onFocus, onBlur, tabIndex, testId, tooltip, warning, validationCallback, allowEmpty, isInTable, groupOrder, enableCosmeticRounding, enableDisplayRounding, roundDisplayValue, disableInternalErrorValidationMessages, }: INumberInputProps) => JSX_2.Element;
 
 export declare const OptionDropdown: ({ name, label, options, onChange, showHeader, maxHeight, }: IOptionDropdownProps) => ReactElement;
 

package/dist/index.js

@@ -55831,7 +55831,8 @@ const NumberInput = ({
   groupOrder,
   enableCosmeticRounding = true,
   enableDisplayRounding = false,
-  roundDisplayValue
+  roundDisplayValue,
+  disableInternalErrorValidationMessages = false
 }) => {
   const inputRef = useRef(null);
   const [displayValue, setDisplayValue] = useState(String(value));
@@ -55847,7 +55848,7 @@ const NumberInput = ({
     }
   };
   const { valid, errors: errors2 } = validateInputValue(displayValue);
-  const firstError = errors2 && errors2.length ? errors2[0] : null;
+  const firstError = errors2 && errors2.length && !disableInternalErrorValidationMessages ? errors2[0] : null;
   useEffect(() => {
     setDisplayValue(String(value));
   }, [value, enableCosmeticRounding, enableDisplayRounding]);
@@ -55900,7 +55901,7 @@ const NumberInput = ({
     onChangeValue(evt);
     onBlur(evt);
   };
-  const shouldDisplayRound = enableDisplayRounding && !focus2;
+  const shouldDisplayRound = enableDisplayRounding && !focus2 && valid;
   const valueWithDisplayRounding = shouldDisplayRound ? roundDisplayValue ? String(roundDisplayValue(displayValue)) : roundToFixed(displayValue, 2) : displayValue;
   const displayValueEndsWithZero = !!(valueWithDisplayRounding == null ? void 0 : valueWithDisplayRounding.endsWith("0"));
   const shouldCosmeticallyRound = enableCosmeticRounding && // only when prop is enabled
@@ -70480,6 +70481,7 @@ const UnitInput = ({
     initialPredefinedOption ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM
   );
   const isAutoValue = propValue === "" && autoValue;
+  const disableInternalErrorValidationMessages = !!(disabledValidation || autoValue || placeholder3);
   const foundPredefinedMenuOption = predefinedOptions && predefinedOptions.find((el2) => {
     if (selectedPredefinedOptionKey) {
       return selectedPredefinedOptionKey === el2.valueKey;
@@ -70682,7 +70684,8 @@ const UnitInput = ({
             validationCallback: handleValidationCallback,
             enableCosmeticRounding,
             enableDisplayRounding,
-            groupOrder: predefinedOptions ? "middle" : "first"
+            groupOrder: predefinedOptions ? "middle" : "first",
+            disableInternalErrorValidationMessages
           },
           stringName
         ) }),