@oliasoft-open-source/react-ui-library 4.10.4 → 4.10.5-beta-2

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 { toString as toString$1, isScientificStringNum, roundToPrecision, toNum, roundToFixed, validateNumber, cleanNumStr, stripLeadingZeros, unitFromQuantity, isValueWithUnit, withUnit, convertSamePrecision, getValue as getValue$1, getUnit, KNOWN_UNITS, split as split$1, label as label$b, isValidNum, altUnitsList, convertAndGetValue, getUnitsForQuantity, roundByMagnitudeToFixed } from "@oliasoft-open-source/units";
+import { toString as toString$1, isScientificStringNum, roundToPrecision, toNum, roundToFixed, validateNumber, isValueWithUnit, getValue as getValue$1, cleanNumStr, stripLeadingZeros, unitFromQuantity, withUnit, convertSamePrecision, getUnit, KNOWN_UNITS, split as split$1, label as label$b, isValidNum, 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;
@@ -55688,6 +55688,12 @@ const NumberInput = ({
 }) => {
   const validateInputValue = (value2) => {
     const validation = validateNumber(value2);
+    const isPlaceholder = placeholder3 && isEmptyNullOrUndefined(
+      isValueWithUnit(value2) ? getValue$1(String(value2)) : value2
+    );
+    if (isPlaceholder) {
+      return { valid: true, errors: [] };
+    }
     if (allowEmpty && value2 === "" || validation.valid) {
       return { ...validation, valid: true, errors: void 0 };
     } else {
@@ -55733,7 +55739,7 @@ const NumberInput = ({
       value2.replaceAll(" ", "").replaceAll("|", "")
     );
     setDisplayValue(inputValue);
-    if ((_b = validateInputValue(inputValue)) == null ? void 0 : _b.valid) {
+    if (((_b = validateInputValue(inputValue)) == null ? void 0 : _b.valid) || placeholder3 && isEmptyNullOrUndefined(value2)) {
       const event = {
         ...evt,
         target: {
@@ -70296,7 +70302,7 @@ const UnitInput = ({
     initialPredefinedOption ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM
   );
   const isAutoValue = propValue === "" && autoValue;
-  const disableInternalErrorValidationMessages = !!(disabledValidation || autoValue || placeholder3 && isEmptyNullOrUndefined(value));
+  const disableInternalErrorValidationMessages = !!(disabledValidation || autoValue);
   const foundPredefinedMenuOption = predefinedOptions && predefinedOptions.find((el2) => {
     if (!(el2 == null ? void 0 : el2.value)) return;
     if (selectedPredefinedOptionKey) {
@@ -70437,6 +70443,25 @@ const UnitInput = ({
     const dynamicOptions = predefinedOptions.map(createPredefinedOption);
     sectionsPredefinedMenu = [...sectionsPredefinedMenu, ...dynamicOptions];
   }
+  const getPlaceholder = (placeholder22) => {
+    if (isAutoValue) {
+      return safeConvertValue(
+        autoValue,
+        displayLayer.unit,
+        propAutoUnit,
+        doNotConvertValue
+      );
+    } else if (isValueWithUnit(placeholder22)) {
+      const placeholderUnit = getUnit(placeholder22);
+      return safeConvertValue(
+        placeholder22,
+        displayLayer.unit,
+        placeholderUnit,
+        doNotConvertValue
+      );
+    }
+    return placeholder22;
+  };
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -70477,12 +70502,7 @@ const UnitInput = ({
             name: stringName,
             testId,
             disabled: disabled2,
-            placeholder: isAutoValue ? safeConvertValue(
-              autoValue,
-              displayLayer.unit,
-              propAutoUnit,
-              doNotConvertValue
-            ) : placeholder3,
+            placeholder: getPlaceholder(placeholder3),
             value: displayLayer.value,
             onChange: onSetValue,
             onFocus,