@oliasoft-open-source/react-ui-library 4.8.0-beta-5 → 4.8.0-beta-6

package/dist/index.js

@@ -15,8 +15,8 @@ import React__default, { useContext, isValidElement, useState, useRef, useEffect
 import * as PropTypes from "prop-types";
 import PropTypes__default from "prop-types";
 import ReactDOM, { createPortal, unstable_batchedUpdates, render } from "react-dom";
-import _$1, { 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, 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";
+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 { roundToFixed, validateNumber, cleanNumStr, unitFromQuantity, isValueWithUnit, withUnit, convertSamePrecision, getValue as getValue$1, getUnit, KNOWN_UNITS, split as split$1, label as label$b, altUnitsList, getUnitsForQuantity, convertAndGetValue, isScientificStringNum, roundToPrecision, 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;
@@ -4269,7 +4269,7 @@ const Option$2 = ({
   inline: inline2,
   title: title2,
   upload,
-  onChange,
+  onChange = noop$3,
   testId,
   component: Component2 = "a"
 }) => {
@@ -4285,6 +4285,22 @@ const Option$2 = ({
     }
     onClick == null ? void 0 : onClick(evt);
   };
+  const handleFileChange = (evt) => {
+    const { files } = (evt == null ? void 0 : evt.target) ?? {};
+    if (files) {
+      const customEvent = {
+        ...evt,
+        target: {
+          ...evt.target,
+          value: files,
+          name: evt.target.name,
+          files
+        }
+      };
+      onChange == null ? void 0 : onChange(customEvent);
+      close2 == null ? void 0 : close2();
+    }
+  };
   return /* @__PURE__ */ jsxs(
     Component2,
     {
@@ -4306,10 +4322,7 @@ const Option$2 = ({
             {
               type: "file",
               className: styles$L.fileInput,
-              onChange: (evt) => {
-                onChange == null ? void 0 : onChange(evt.target.files);
-                close2 == null ? void 0 : close2();
-              }
+              onChange: handleFileChange
             }
           ),
           /* @__PURE__ */ jsx("span", { className: styles$L.label, title: `${title2 || label2}`, children: label2 }),
@@ -8936,8 +8949,7 @@ const FileButton = ({
   multi,
   name: name2,
   disabled: disabled2,
-  onChange = () => {
-  },
+  onChange = noop$3,
   ...buttonProps
 }) => {
   const disabledContext = useContext(DisabledContext);
@@ -8949,7 +8961,15 @@ const FileButton = ({
   const handleChange = (evt) => {
     var _a2;
     const files = multi ? evt.target.files : (_a2 = evt.target.files) == null ? void 0 : _a2[0];
-    onChange({ ...evt, target: { ...evt.target, value: files } });
+    const customEvent = {
+      ...evt,
+      target: {
+        ...evt.target,
+        value: files,
+        name: evt.target.name
+      }
+    };
+    onChange(customEvent);
     if (inputRef.current) {
       inputRef.current.value = "";
     }
@@ -9043,8 +9063,7 @@ const Input$1 = forwardRef(
     isInTable: isInTable2,
     width: propWidth = void 0,
     small: small2 = false,
-    onChange = () => {
-    },
+    onChange = noop$3,
     placeholder: placeholder3 = "",
     value = "",
     onKeyPress = () => {
@@ -9176,8 +9195,7 @@ const FileInput = ({
   multi,
   name: name2,
   width: width2,
-  onChange = () => {
-  },
+  onChange = noop$3,
   testId
 }) => {
   const disabledContext = useContext(DisabledContext);
@@ -9190,7 +9208,15 @@ const FileInput = ({
   const handleChange = (evt) => {
     var _a2, _b, _c;
     const files = multi ? (_a2 = evt == null ? void 0 : evt.target) == null ? void 0 : _a2.files : (_c = (_b = evt == null ? void 0 : evt.target) == null ? void 0 : _b.files) == null ? void 0 : _c[0];
-    onChange({ ...evt, target: { ...evt.target, value: files } });
+    const customEvent = {
+      ...evt,
+      target: {
+        ...evt.target,
+        value: files,
+        name: evt.target.name
+      }
+    };
+    onChange(customEvent);
     if (inputRef.current) {
       inputRef.current.value = "";
     }
@@ -19621,12 +19647,9 @@ const NativeSelect = ({
   warning: warning2 = null,
   tooltip: tooltip2 = null,
   options,
-  onChange = () => {
-  },
-  onFocus = () => {
-  },
-  onBlur = () => {
-  },
+  onChange = noop$3,
+  onFocus = noop$3,
+  onBlur = noop$3,
   right: right2 = false,
   small: small2 = false,
   tabIndex = 0,
@@ -20789,8 +20812,7 @@ const Input = ({
   selectedOptions,
   searchable = false,
   searchValue,
-  onChange = () => {
-  },
+  onChange = noop$3,
   inputRef,
   error: error2,
   placeholder: placeholder3 = "Select...",
@@ -21515,8 +21537,8 @@ const CustomSelect = (props) => {
     }
   ) });
 };
-const isMulti = (selectedOptions) => selectedOptions instanceof Array;
 const isEmptyNullOrUndefined = (value) => value === null || value === void 0 || value === "";
+const isMulti = (selectedOptions) => selectedOptions instanceof Array;
 const standardizeOptions = (options, simple) => {
   return simple && Array.isArray(options) ? options.map(
     (o) => typeof o === "string" || typeof o === "number" ? { label: o, value: o } : o
@@ -21604,8 +21626,7 @@ const Select = (props) => {
     options: rawOptions = [],
     value: rawSelectedOptions,
     native = false,
-    onChange = () => {
-    },
+    onChange = noop$3,
     deprecatedEventHandler = false,
     autoScroll: autoScroll2 = true,
     warning: warning2,
@@ -21648,7 +21669,9 @@ const Select = (props) => {
       const newSelectedOptions = multi ? selectedOptions2.map(
         (o) => simpleInputs ? o.value : o
       ) : simpleInputs ? selectedOptions2.value : selectedOptions2;
-      onChange(newSelectedOptions);
+      if (newSelectedOptions) {
+        onChange(newSelectedOptions);
+      }
     } else {
       const isSyntheticEvent = !(evt instanceof Event);
       const value = multi ? selectedOptions2 : selectedOptions2.value;
@@ -21660,17 +21683,16 @@ const Select = (props) => {
         }
         onChange(evt);
       } else {
-        onChange({
+        const customEvent = {
           ...evt,
           target: {
             ...evt.target,
             name: name2,
             value,
-            ...!multi && {
-              label: selectedOptions2.label
-            }
+            label: !multi ? selectedOptions2.label : void 0
           }
-        });
+        };
+        onChange(customEvent);
       }
     }
   };
@@ -37512,7 +37534,7 @@ let createNanoEvents = () => ({
     return () => this.events[event] = (this.events[event] || []).filter((i) => i !== cb2);
   }
 });
-var __defProp$h = Object.defineProperty;
+var __defProp$i = Object.defineProperty;
 var __getOwnPropDesc$g = Object.getOwnPropertyDescriptor;
 var __decorateClass$f = (decorators, target, key2, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$g(target, key2) : target;
@@ -37520,7 +37542,7 @@ var __decorateClass$f = (decorators, target, key2, kind) => {
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key2, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$h(target, key2, result);
+    __defProp$i(target, key2, result);
   return result;
 };
 var __accessCheck$3 = (obj, member, msg2) => {
@@ -42538,7 +42560,7 @@ const hoverColorTheme = {
     3: `0 1px 1px ${shadow3}`
   }
 });
-var __defProp$g = Object.defineProperty;
+var __defProp$h = Object.defineProperty;
 var __getOwnPropDesc$f = Object.getOwnPropertyDescriptor;
 var __decorateClass$e = (decorators, target, key2, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$f(target, key2) : target;
@@ -42546,7 +42568,7 @@ var __decorateClass$e = (decorators, target, key2, kind) => {
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key2, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$g(target, key2, result);
+    __defProp$h(target, key2, result);
   return result;
 };
 var __accessCheck$2 = (obj, member, msg2) => {
@@ -43005,7 +43027,7 @@ PositionerExtension = __decorateClass$e([
     staticKeys: ["scrollDebounce"]
   })
 ], PositionerExtension);
-var __defProp$f = Object.defineProperty;
+var __defProp$g = Object.defineProperty;
 var __getOwnPropDesc$e = Object.getOwnPropertyDescriptor;
 var __decorateClass$d = (decorators, target, key2, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$e(target, key2) : target;
@@ -43013,7 +43035,7 @@ var __decorateClass$d = (decorators, target, key2, kind) => {
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key2, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$f(target, key2, result);
+    __defProp$g(target, key2, result);
   return result;
 };
 var toggleBoldOptions = {
@@ -43110,7 +43132,7 @@ BoldExtension = __decorateClass$d([
     staticKeys: ["weight"]
   })
 ], BoldExtension);
-var __defProp$e = Object.defineProperty;
+var __defProp$f = Object.defineProperty;
 var __getOwnPropDesc$d = Object.getOwnPropertyDescriptor;
 var __decorateClass$c = (decorators, target, key2, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$d(target, key2) : target;
@@ -43118,7 +43140,7 @@ var __decorateClass$c = (decorators, target, key2, kind) => {
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key2, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$e(target, key2, result);
+    __defProp$f(target, key2, result);
   return result;
 };
 var { DESCRIPTION, LABEL } = extensionCodeMessages;
@@ -43712,7 +43734,7 @@ function redoDepth(state) {
   let hist = historyKey.getState(state);
   return hist ? hist.undone.eventCount : 0;
 }
-var __defProp$d = Object.defineProperty;
+var __defProp$e = Object.defineProperty;
 var __getOwnPropDesc$c = Object.getOwnPropertyDescriptor;
 var __decorateClass$b = (decorators, target, key2, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$c(target, key2) : target;
@@ -43720,7 +43742,7 @@ var __decorateClass$b = (decorators, target, key2, kind) => {
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key2, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$d(target, key2, result);
+    __defProp$e(target, key2, result);
   return result;
 };
 var DocExtension = class extends NodeExtension {
@@ -43986,7 +44008,7 @@ function requireObjectWithoutProperties() {
   })(objectWithoutProperties);
   return objectWithoutProperties.exports;
 }
-var __defProp$c = Object.defineProperty;
+var __defProp$d = Object.defineProperty;
 var __getOwnPropDesc$b = Object.getOwnPropertyDescriptor;
 var __decorateClass$a = (decorators, target, key2, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$b(target, key2) : target;
@@ -43994,7 +44016,7 @@ var __decorateClass$a = (decorators, target, key2, kind) => {
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key2, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$c(target, key2, result);
+    __defProp$d(target, key2, result);
   return result;
 };
 function posAtDOM(view, node2, offset3, bias) {
@@ -44530,7 +44552,7 @@ function drawGapCursor(state) {
   node2.className = "ProseMirror-gapcursor";
   return DecorationSet.create(state.doc, [Decoration.widget(state.selection.head, node2, { key: "gapcursor" })]);
 }
-var __defProp$b = Object.defineProperty;
+var __defProp$c = Object.defineProperty;
 var __getOwnPropDesc$a = Object.getOwnPropertyDescriptor;
 var __decorateClass$9 = (decorators, target, key2, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$a(target, key2) : target;
@@ -44538,7 +44560,7 @@ var __decorateClass$9 = (decorators, target, key2, kind) => {
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key2, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$b(target, key2, result);
+    __defProp$c(target, key2, result);
   return result;
 };
 var GapCursorExtension = class extends PlainExtension {
@@ -44552,7 +44574,7 @@ var GapCursorExtension = class extends PlainExtension {
 GapCursorExtension = __decorateClass$9([
   extension({})
 ], GapCursorExtension);
-var __defProp$a = Object.defineProperty;
+var __defProp$b = Object.defineProperty;
 var __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor;
 var __decorateClass$8 = (decorators, target, key2, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$9(target, key2) : target;
@@ -44560,7 +44582,7 @@ var __decorateClass$8 = (decorators, target, key2, kind) => {
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key2, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$a(target, key2, result);
+    __defProp$b(target, key2, result);
   return result;
 };
 var HistoryExtension = class extends PlainExtension {
@@ -44656,7 +44678,7 @@ HistoryExtension = __decorateClass$8([
     handlerKeys: ["onUndo", "onRedo"]
   })
 ], HistoryExtension);
-var __defProp$9 = Object.defineProperty;
+var __defProp$a = Object.defineProperty;
 var __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor;
 var __decorateClass$7 = (decorators, target, key2, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(target, key2) : target;
@@ -44664,7 +44686,7 @@ var __decorateClass$7 = (decorators, target, key2, kind) => {
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key2, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$9(target, key2, result);
+    __defProp$a(target, key2, result);
   return result;
 };
 var toggleItalicOptions = {
@@ -44828,7 +44850,7 @@ function liftOutOfList$1(state, dispatch, range2) {
   dispatch(tr2.scrollIntoView());
   return true;
 }
-var __defProp$8 = Object.defineProperty;
+var __defProp$9 = Object.defineProperty;
 var __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor;
 var __decorateClass$6 = (decorators, target, key2, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key2) : target;
@@ -44836,7 +44858,7 @@ var __decorateClass$6 = (decorators, target, key2, kind) => {
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key2, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$8(target, key2, result);
+    __defProp$9(target, key2, result);
   return result;
 };
 function isList(type) {
@@ -48846,7 +48868,7 @@ marked.walkTokens;
 marked.parseInline;
 Parser$1.parse;
 Lexer.lex;
-var __defProp$7 = Object.defineProperty;
+var __defProp$8 = Object.defineProperty;
 var __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor;
 var __decorateClass$5 = (decorators, target, key2, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key2) : target;
@@ -48854,7 +48876,7 @@ var __decorateClass$5 = (decorators, target, key2, kind) => {
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key2, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$7(target, key2, result);
+    __defProp$8(target, key2, result);
   return result;
 };
 var TurndownService = defaultImport(TurndownService$1);
@@ -49123,7 +49145,7 @@ MarkdownExtension = __decorateClass$5([
     staticKeys: ["htmlToMarkdown", "markdownToHtml", "htmlSanitizer"]
   })
 ], MarkdownExtension);
-var __defProp$6 = Object.defineProperty;
+var __defProp$7 = Object.defineProperty;
 var __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor;
 var __decorateClass$4 = (decorators, target, key2, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key2) : target;
@@ -49131,7 +49153,7 @@ var __decorateClass$4 = (decorators, target, key2, kind) => {
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key2, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$6(target, key2, result);
+    __defProp$7(target, key2, result);
   return result;
 };
 var insertParagraphOptions = {
@@ -49209,7 +49231,7 @@ ParagraphExtension = __decorateClass$4([
     defaultPriority: ExtensionPriority.Medium
   })
 ], ParagraphExtension);
-var __defProp$5 = Object.defineProperty;
+var __defProp$6 = Object.defineProperty;
 var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
 var __decorateClass$3 = (decorators, target, key2, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key2) : target;
@@ -49217,7 +49239,7 @@ var __decorateClass$3 = (decorators, target, key2, kind) => {
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key2, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$5(target, key2, result);
+    __defProp$6(target, key2, result);
   return result;
 };
 var PlaceholderExtension = class extends PlainExtension {
@@ -49284,7 +49306,7 @@ function createDecorationSet(props) {
   });
   return DecorationSet.create(state.doc, decorations);
 }
-var __defProp$4 = Object.defineProperty;
+var __defProp$5 = Object.defineProperty;
 var __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor;
 var __decorateClass$2 = (decorators, target, key2, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key2) : target;
@@ -49292,7 +49314,7 @@ var __decorateClass$2 = (decorators, target, key2, kind) => {
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key2, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$4(target, key2, result);
+    __defProp$5(target, key2, result);
   return result;
 };
 var TextExtension = class extends NodeExtension {
@@ -49350,7 +49372,7 @@ function corePreset(options = {}) {
   }
   return coreExtensions;
 }
-var __defProp$3 = Object.defineProperty;
+var __defProp$4 = Object.defineProperty;
 var __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor;
 var __decorateClass$1 = (decorators, target, key2, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key2) : target;
@@ -49358,7 +49380,7 @@ var __decorateClass$1 = (decorators, target, key2, kind) => {
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key2, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$3(target, key2, result);
+    __defProp$4(target, key2, result);
   return result;
 };
 var __accessCheck$1 = (obj, member, msg2) => {
@@ -49797,6 +49819,22 @@ ReactComponentExtension = __decorateClass$1([
     staticKeys: ["defaultBlockNode", "defaultInlineNode", "defaultContentNode", "defaultEnvironment"]
   })
 ], ReactComponentExtension);
+var __defProp$3 = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key2, value) => key2 in obj ? __defProp$3(obj, key2, { enumerable: true, configurable: true, writable: true, value }) : obj[key2] = value;
+var __spreadValues = (a2, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (__hasOwnProp$1.call(b2, prop))
+      __defNormalProp$2(a2, prop, b2[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b2)) {
+      if (__propIsEnum.call(b2, prop))
+        __defNormalProp$2(a2, prop, b2[prop]);
+    }
+  return a2;
+};
 function createContextHook(useHook) {
   const DefaultContext2 = createContext(null);
   const useHookContext = contextHookFactory(DefaultContext2);
@@ -49844,29 +49882,29 @@ function createContextState(creator, hook) {
     const contextRef = useRef(null);
     const setContextRef = useRef();
     const state = void 0;
-    const [context2, setContext] = useState(() => {
-      return creator({
+    const [context2, setContext] = useState(
+      () => creator({
         get: createGet(contextRef),
         set: createSet(setContextRef),
         previousContext: void 0,
         props,
         state
-      });
-    });
+      })
+    );
     const dependencies = [...Object.values(props), state];
     useEffect(() => {
       if (dependencies.length === 0) {
         return;
       }
-      setContext((previousContext) => {
-        return creator({
+      setContext(
+        (previousContext) => creator({
           get: createGet(contextRef),
           set: createSet(setContextRef),
           previousContext,
           props,
           state
-        });
-      });
+        })
+      );
     }, dependencies);
     contextRef.current = context2;
     setContextRef.current = setContext;
@@ -49898,10 +49936,7 @@ function createSet(ref2) {
         "`set` called outside of function scope. `set` can only be called within a function."
       );
     }
-    ref2.current((context2) => ({
-      ...context2,
-      ...typeof partial === "function" ? partial(context2) : partial
-    }));
+    ref2.current((context2) => __spreadValues(__spreadValues({}, context2), typeof partial === "function" ? partial(context2) : partial));
   };
 }
 var dist = {};
@@ -55252,16 +55287,18 @@ const Slider = ({
     width: "100px",
     height: "400px"
   },
-  onChange
+  onChange = noop$3
 }) => {
   const disabledContext = useContext(DisabledContext);
   const formattedMarks = memoizedFormatMarkers(marks);
   const onChangeValue = (value2) => {
+    const eventLabel = typeof label2 === "string" ? label2 : String(label2);
+    const eventName = name2 ?? "";
     onChange({
       target: {
-        name: name2,
+        name: eventName,
         value: value2,
-        label: label2
+        label: eventLabel
       }
     });
   };
@@ -55302,7 +55339,7 @@ const Slider = ({
         styles$c.container,
         small2 ? styles$c.small : "",
         vertical2.enabled ? styles$c.vertical : "",
-        !_$1.isEmpty(marks) ? styles$c.hasMarks : ""
+        !isEmpty(marks) ? styles$c.hasMarks : ""
       ),
       style: vertical2.enabled ? { width: vertical2.width, height: vertical2.height } : { width: width2 },
       children: [
@@ -55659,12 +55696,6 @@ const InputCell = ({
     }
   );
 };
-const COSMETIC_ROUNDING_DEFAULT_PRECISION = 14;
-const roundNumberCosmetic = (value) => {
-  const isScientific = isScientificStringNum(value);
-  return !isScientific ? roundToPrecision(value, COSMETIC_ROUNDING_DEFAULT_PRECISION) : value;
-};
-const safeToString = (value) => String(toString$1(value));
 const getStringName$1 = (name2) => {
   if (!name2) return "";
   if (typeof name2 === "string") {
@@ -55698,65 +55729,68 @@ const NumberInput = ({
   allowEmpty = false,
   isInTable: isInTable2,
   groupOrder,
-  enableCosmeticRounding = true,
   enableDisplayRounding = false,
   roundDisplayValue,
   disableInternalErrorValidationMessages = false
 }) => {
   const inputRef = useRef(null);
-  const [displayValue, setDisplayValue] = useState(safeToString(value));
+  const [displayValue, setDisplayValue] = useState(value);
+  const [validationError, setValidationError] = useState(null);
   const [focus2, setFocus] = useState(false);
-  const [pristine, setPristine] = useState(true);
   const stringName = getStringName$1(name2);
   const validateInputValue = (value2) => {
-    const validation = validateNumber(value2);
+    let validation = validateNumber(value2);
     if (allowEmpty && value2 === "" || validation.valid) {
       return { ...validation, valid: true, errors: void 0 };
     } else {
       return validation;
     }
   };
-  const { valid, errors: errors2 } = validateInputValue(displayValue);
-  const firstError = errors2 && errors2.length && !disableInternalErrorValidationMessages ? errors2[0] : null;
   useEffect(() => {
-    setDisplayValue(safeToString(value));
-    setPristine(true);
-  }, [value, enableCosmeticRounding, enableDisplayRounding]);
-  useEffect(() => {
-    if (!focus2 && !valid) {
-      validationCallback(stringName, firstError);
-    } else {
+    const { valid, errors: errors2 } = validateInputValue(value);
+    setDisplayValue(value);
+    if (valid) {
+      setValidationError(null);
       validationCallback(stringName, null);
+    } else {
+      const firstError = errors2 && errors2.length ? errors2[0] : null;
+      setValidationError(firstError);
+      validationCallback(stringName, firstError);
     }
-  }, [focus2, valid, error2]);
-  const onChangeValue = (evt) => {
-    if (valid && !pristine) {
-      const event = {
+  }, [value, error2]);
+  const onSetValue = (evt) => {
+    const input2 = evt.target;
+    const { value: value2 } = input2;
+    const inputValue = cleanNumStr(
+      value2.replaceAll(" ", "").replaceAll("|", "")
+    );
+    const { valid, errors: errors2 } = validateInputValue(inputValue);
+    if (valid) {
+      const newEvent = {
         ...evt,
         target: {
           ...evt.target,
-          value: stripLeadingZeros(safeToString(displayValue)),
+          value: inputValue,
           name: stringName
         }
       };
-      onChange(event);
+      onChange(newEvent);
+      setDisplayValue(inputValue);
+      setValidationError(null);
+      validationCallback(stringName, null);
+    } else {
+      setDisplayValue(inputValue);
+      const firstError = errors2 && errors2.length ? errors2[0] : null;
+      setValidationError(firstError);
+      validationCallback(stringName, firstError);
     }
   };
-  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;
       if (textInput) {
         setTimeout(() => {
-          const { length: length2 } = safeToString(displayValue);
+          const { length: length2 } = String(displayValue);
           textInput.setSelectionRange(length2, length2);
         }, 0);
       }
@@ -55768,48 +55802,33 @@ const NumberInput = ({
   };
   const onInputBlur = (evt) => {
     setFocus(false);
-    onChangeValue(evt);
     onBlur(evt);
   };
-  const shouldDisplayRound = enableDisplayRounding && !focus2 && valid;
-  const valueWithDisplayRounding = shouldDisplayRound ? roundDisplayValue ? safeToString(roundDisplayValue(displayValue)) : roundToFixed(displayValue, 2) : displayValue;
-  const displayValueEndsWithZero = !!(valueWithDisplayRounding == null ? void 0 : valueWithDisplayRounding.endsWith("0"));
-  const shouldCosmeticallyRound = enableCosmeticRounding && // only when prop is enabled
-  valueWithDisplayRounding && // not when empty typed value
-  !displayValueEndsWithZero && // not when intentionally trying to type trailing zeros as interim values (OW-17109)
-  valid;
-  const valueWithCosmeticRounding = shouldCosmeticallyRound ? roundNumberCosmetic(valueWithDisplayRounding) : valueWithDisplayRounding;
+  const roundedDisplayValue = !focus2 && enableDisplayRounding ? roundDisplayValue ? roundDisplayValue(displayValue) : roundToFixed(displayValue, 2) : displayValue;
   return /* @__PURE__ */ jsx(
-    KeyboardEventHandler,
+    Input$1,
     {
-      handleKeys: [EventKey.ENTER],
-      onKeyEvent: (_key, evt) => onChangeValue(evt),
-      children: /* @__PURE__ */ jsx(
-        Input$1,
-        {
-          type: "text",
-          name: stringName,
-          testId,
-          disabled: disabled2,
-          placeholder: placeholder3,
-          value: valueWithCosmeticRounding,
-          onChange: onSetValue,
-          onFocus: onInputFocus,
-          onBlur: onInputBlur,
-          error: !focus2 && (firstError || error2),
-          warning: warning2,
-          right: !left2,
-          small: small2,
-          width: width2,
-          isInTable: isInTable2,
-          groupOrder,
-          tabIndex,
-          tooltip: tooltip2,
-          ref: inputRef
-        },
-        stringName
-      )
-    }
+      type: "text",
+      name: stringName,
+      testId,
+      disabled: disabled2,
+      placeholder: placeholder3,
+      value: roundedDisplayValue,
+      onChange: onSetValue,
+      onFocus: onInputFocus,
+      onBlur: onInputBlur,
+      error: error2 || validationError,
+      warning: warning2,
+      right: !left2,
+      small: small2,
+      width: width2,
+      isInTable: isInTable2,
+      groupOrder,
+      tabIndex,
+      tooltip: tooltip2,
+      ref: inputRef
+    },
+    stringName
   );
 };
 const NumberInputCell = ({ cell: cell2, testId }) => {
@@ -55835,7 +55854,6 @@ const NumberInputCell = ({ cell: cell2, testId }) => {
       tooltip: cell2.tooltip,
       validationCallback: cell2.validationCallback,
       allowEmpty: cell2.allowEmpty,
-      enableCosmeticRounding: cell2.enableCosmeticRounding,
       enableDisplayRounding: cell2.enableDisplayRounding,
       roundDisplayValue: cell2.roundDisplayValue
     }
@@ -56604,8 +56622,7 @@ const Tabs = ({
   options: rawOptions = null,
   children = null,
   value: rawValue = void 0,
-  onChange = () => {
-  },
+  onChange = noop$3,
   padding: padding2 = false,
   margin: margin2 = true,
   contentPadding: contentPadding2 = true,
@@ -56641,6 +56658,18 @@ const Tabs = ({
   const selectedValue = isDeprecated || value === void 0 || value === null ? void 0 : simpleInputs ? value : value.value;
   const activeTabIndexBase = rawActiveTabIndex !== void 0 ? rawActiveTabIndex : tabs2 == null ? void 0 : tabs2.findIndex((t) => t.value === selectedValue);
   const activeTabIndex = activeTabIndexBase === -1 ? 0 : activeTabIndexBase;
+  const handleTabClick = (index2, tab2, event) => {
+    if (isDeprecated) {
+      const value2 = tab2.key || tab2.label || null;
+      onChangeTab(index2, value2);
+    } else {
+      const target = event.target;
+      target.name = name2;
+      target.value = tab2.value;
+      target.label = tab2.label;
+      onChange(event);
+    }
+  };
   const renderTab = (tab2, index2) => {
     const {
       label: label2,
@@ -56664,16 +56693,7 @@ const Tabs = ({
         badge: badge2,
         right: right2,
         active: isDeprecated ? index2 === activeTabIndex : value2 === selectedValue,
-        onClick: isDeprecated ? () => {
-          const value3 = tab2.key || label2 || null;
-          onChangeTab(index2, value3);
-        } : (evt) => {
-          const target = evt.target;
-          target.name = name2;
-          target.value = tab2.value;
-          target.label = label2;
-          onChange(evt);
-        },
+        onClick: (event) => handleTabClick(index2, tab2, event),
         testId: testId2
       },
       index2
@@ -56758,14 +56778,10 @@ const TextArea = ({
   cols,
   rows,
   disabled: disabled2 = false,
-  onChange = () => {
-  },
-  onKeyPress = () => {
-  },
-  onFocus = () => {
-  },
-  onBlur = () => {
-  },
+  onChange = noop$3,
+  onKeyPress = noop$3,
+  onFocus = noop$3,
+  onBlur = noop$3,
   tabIndex = 0,
   error: error2 = null,
   warning: warning2 = null,
@@ -70252,14 +70268,10 @@ const UnitInput = ({
   unitkey = "",
   initUnit,
   noConversion = false,
-  onChange = () => {
-  },
-  onClick = () => {
-  },
-  onFocus = () => {
-  },
-  onSwitchUnit = () => {
-  },
+  onChange = noop$3,
+  onClick = noop$3,
+  onFocus = noop$3,
+  onSwitchUnit = noop$3,
   unitTemplate,
   doNotConvertValue = false,
   testId,
@@ -70271,10 +70283,7 @@ const UnitInput = ({
   validationCallback = () => ({ name: "", error: null }),
   disabledValidation = false,
   allowEmpty = false,
-  autoValue,
-  convertBackToStorageUnit = false,
-  enableCosmeticRounding = true,
-  enableDisplayRounding = false
+  autoValue
 }) => {
   const context2 = useUnitContext();
   const runAfterUpdate = useRunAfterUpdate();
@@ -70308,7 +70317,7 @@ const UnitInput = ({
     initialPredefinedOption ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM
   );
   const isAutoValue = propValue === "" && autoValue;
-  const disableInternalErrorValidationMessages = !!(disabledValidation || autoValue || placeholder3);
+  const disableInternalErrorValidationMessages = !!(disabledValidation || autoValue || placeholder3 && isEmptyNullOrUndefined(value));
   const foundPredefinedMenuOption = predefinedOptions && predefinedOptions.find((el2) => {
     if (!(el2 == null ? void 0 : el2.value)) return;
     if (selectedPredefinedOptionKey) {
@@ -70339,10 +70348,9 @@ const UnitInput = ({
     const input2 = evt.target;
     const { value: inputValue, selectionStart: currentCursorPosition } = input2;
     const newValue = withUnit(inputValue, (displayLayer == null ? void 0 : displayLayer.unit) || "");
-    const returnValue = convertBackToStorageUnit ? withUnit(convertAndGetValue(newValue, propUnit), propUnit) : newValue;
     onChange({
       target: {
-        value: returnValue,
+        value: newValue,
         name: stringName2
       }
     });
@@ -70503,8 +70511,6 @@ const UnitInput = ({
             left: left2,
             allowEmpty,
             validationCallback: (_name, error22) => validationCallback(stringName, error22),
-            enableCosmeticRounding,
-            enableDisplayRounding,
             groupOrder: predefinedOptions ? "middle" : "first",
             disableInternalErrorValidationMessages
           },
@@ -70524,7 +70530,7 @@ const UnitInput = ({
               sections: alternativeUnits.map(([value2, altUnit, label2]) => {
                 const displayUnit = label2 || altUnit || "";
                 const safeValue = !isNaN(Number(value2)) ? value2 : "";
-                const displayValue = enableCosmeticRounding ? roundNumberCosmetic(safeValue) : safeValue;
+                const displayValue = safeValue;
                 return {
                   type: "Option",
                   label: displayValue,
@@ -70595,12 +70601,22 @@ const convertVisibleRows = ({
         const storageUnit = storageUnits[unitKey];
         const unitChanged = selectedUnit !== storageUnit;
         const convertedValue = unitChanged ? convertAndGetValue(value, selectedUnit, storageUnit) : cell2.value;
-        const formattedDisplayValue = formatDisplayValue ? formatDisplayValue(convertedValue) : convertedValue;
+        const isScientific = isScientificStringNum(value);
+        const displayValue = enableCosmeticRounding && (unitChanged || !isScientific) ? (
+          /*
+           Optionally do Excel-style "cosmetic rounding" of display values (only if enableCosmeticRounding prop on)
+           This means rounding to slightly less precision than the underlying floating-point number type, to
+           resolve floating-point "rounding noise" associated with storing values in one unit but converting
+           and displaying them in another unit. This solution was evaluated by Tools Team in relation to
+           tickets OW-10614 and OW-15745.
+          */
+          roundToPrecision(convertedValue, 14)
+        ) : convertedValue;
+        const formattedDisplayValue = formatDisplayValue ? formatDisplayValue(displayValue) : displayValue;
         return {
           ...cell2,
           value: formattedDisplayValue,
-          enableCosmeticRounding: enableCosmeticRounding && unitChanged,
-          //todo: why did we need to check unitChanged here? (original rationale)
+          enableCosmeticRounding,
           enableDisplayRounding,
           roundDisplayValue,
           onChange: (evt) => {