@oliasoft-open-source/react-ui-library 4.10.6 → 4.10.7

package/dist/index.js

@@ -55688,6 +55688,10 @@ const NumberInput = ({
 }) => {
   const validateInputValue = (value2) => {
     const validation = validateNumber(value2);
+    const isPlaceholder = placeholder3 && isEmptyNullOrUndefined(value2);
+    if (isPlaceholder) {
+      return { valid: true, errors: [] };
+    }
     if (allowEmpty && value2 === "" || validation.valid) {
       return { ...validation, valid: true, errors: void 0 };
     } else {
@@ -55733,7 +55737,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: {
@@ -70338,7 +70342,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) {
@@ -70490,6 +70494,27 @@ const UnitInput = ({
     const dynamicOptions = predefinedOptions.map(createPredefinedOption);
     sectionsPredefinedMenu = [...sectionsPredefinedMenu, ...dynamicOptions];
   }
+  const getPlaceholder = (placeholder22) => {
+    if (isAutoValue) {
+      return safeConvertValue({
+        value: autoValue,
+        toUnit: displayLayer.unit,
+        unitkey,
+        defaultFromUnit: propAutoUnit,
+        doNotConvertValue
+      });
+    } else if (isValueWithUnit(placeholder22)) {
+      const placeholderUnit = getUnit(placeholder22);
+      return safeConvertValue({
+        value: placeholder22,
+        toUnit: displayLayer.unit,
+        unitkey,
+        defaultFromUnit: placeholderUnit,
+        doNotConvertValue
+      });
+    }
+    return placeholder22;
+  };
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -70530,13 +70555,7 @@ const UnitInput = ({
             name: stringName,
             testId,
             disabled: disabled2,
-            placeholder: isAutoValue ? safeConvertValue({
-              value: autoValue,
-              toUnit: displayLayer.unit,
-              unitkey,
-              defaultFromUnit: propAutoUnit,
-              doNotConvertValue
-            }) : placeholder3,
+            placeholder: getPlaceholder(placeholder3),
             value: displayLayer.value,
             onChange: onSetValue,
             onFocus,