npm - @oliasoft-open-source/react-ui-library - Versions diffs - 4.9.2 → 4.10.0 - Mend

@oliasoft-open-source/react-ui-library 4.9.2 → 4.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (28) hide show

package/dist/404.html CHANGED Viewed

	@@ -1 +1 @@
1	- <!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-~~CnfDrmnZ~~.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-BpSdrNXy.css"></head><body><div id="content"></div></body>
1	+ <!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-DoFa61ar.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-BpSdrNXy.css"></head><body><div id="content"></div></body>

package/dist/assets/{index-CnfDrmnZ.js → index-DoFa61ar.js} RENAMED Viewed

@@ -29044,7 +29044,7 @@ class DOMParser {
   */
   parse(dom, options2 = {}) {
     let context2 = new ParseContext(this, options2, false);
-    context2.addAll(dom, options2.from, options2.to);
+    context2.addAll(dom, Mark.none, options2.from, options2.to);
     return context2.finish();
   }
   /**
@@ -29057,7 +29057,7 @@ class DOMParser {
   */
   parseSlice(dom, options2 = {}) {
     let context2 = new ParseContext(this, options2, true);
-    context2.addAll(dom, options2.from, options2.to);
+    context2.addAll(dom, Mark.none, options2.from, options2.to);
     return Slice.maxOpen(context2.finish());
   }
   /**
@@ -29190,16 +29190,14 @@ function wsOptionsFor(type2, preserveWhitespace, base2) {
   return type2 && type2.whitespace == "pre" ? OPT_PRESERVE_WS | OPT_PRESERVE_WS_FULL : base2 & ~OPT_OPEN_LEFT;
 }
 class NodeContext {
-  constructor(type2, attrs, marks, pendingMarks, solid, match2, options2) {
+  constructor(type2, attrs, marks, solid, match2, options2) {
     this.type = type2;
     this.attrs = attrs;
     this.marks = marks;
-    this.pendingMarks = pendingMarks;
     this.solid = solid;
     this.options = options2;
     this.content = [];
     this.activeMarks = Mark.none;
-    this.stashMarks = [];
     this.match = match2 || (options2 & OPT_OPEN_LEFT ? null : type2.contentMatch);
   }
   findWrapping(node2) {
@@ -29237,20 +29235,6 @@ class NodeContext {
       content = content.append(this.match.fillBefore(Fragment.empty, true));
     return this.type ? this.type.create(this.attrs, content, this.marks) : content;
   }
-  popFromStashMark(mark) {
-    for (let i = this.stashMarks.length - 1; i >= 0; i--)
-      if (mark.eq(this.stashMarks[i]))
-        return this.stashMarks.splice(i, 1)[0];
-  }
-  applyPending(nextType) {
-    for (let i = 0, pending = this.pendingMarks; i < pending.length; i++) {
-      let mark = pending[i];
-      if ((this.type ? this.type.allowsMarkType(mark.type) : markMayApply(mark.type, nextType)) && !mark.isInSet(this.activeMarks)) {
-        this.activeMarks = mark.addToSet(this.activeMarks);
-        this.pendingMarks = mark.removeFromSet(this.pendingMarks);
-      }
-    }
-  }
   inlineContext(node2) {
     if (this.type)
       return this.type.inlineContent;
@@ -29268,11 +29252,11 @@ class ParseContext {
     let topNode = options2.topNode, topContext;
     let topOptions = wsOptionsFor(null, options2.preserveWhitespace, 0) | (isOpen ? OPT_OPEN_LEFT : 0);
     if (topNode)
-      topContext = new NodeContext(topNode.type, topNode.attrs, Mark.none, Mark.none, true, options2.topMatch || topNode.type.contentMatch, topOptions);
+      topContext = new NodeContext(topNode.type, topNode.attrs, Mark.none, true, options2.topMatch || topNode.type.contentMatch, topOptions);
     else if (isOpen)
-      topContext = new NodeContext(null, null, Mark.none, Mark.none, true, null, topOptions);
+      topContext = new NodeContext(null, null, Mark.none, true, null, topOptions);
     else
-      topContext = new NodeContext(parser.schema.topNodeType, null, Mark.none, Mark.none, true, null, topOptions);
+      topContext = new NodeContext(parser.schema.topNodeType, null, Mark.none, true, null, topOptions);
     this.nodes = [topContext];
     this.find = options2.findPositions;
     this.needsBlock = false;
@@ -29283,31 +29267,13 @@ class ParseContext {
   // Add a DOM node to the content. Text is inserted as text node,
   // otherwise, the node is passed to `addElement` or, if it has a
   // `style` attribute, `addElementWithStyles`.
-  addDOM(dom) {
+  addDOM(dom, marks) {
     if (dom.nodeType == 3)
-      this.addTextNode(dom);
+      this.addTextNode(dom, marks);
     else if (dom.nodeType == 1)
-      this.addElement(dom);
-  }
-  withStyleRules(dom, f2) {
-    let style = dom.style;
-    if (!style || !style.length)
-      return f2();
-    let marks = this.readStyles(dom.style);
-    if (!marks)
-      return;
-    let [addMarks, removeMarks] = marks, top2 = this.top;
-    for (let i = 0; i < removeMarks.length; i++)
-      this.removePendingMark(removeMarks[i], top2);
-    for (let i = 0; i < addMarks.length; i++)
-      this.addPendingMark(addMarks[i]);
-    f2();
-    for (let i = 0; i < addMarks.length; i++)
-      this.removePendingMark(addMarks[i], top2);
-    for (let i = 0; i < removeMarks.length; i++)
-      this.addPendingMark(removeMarks[i]);
-  }
-  addTextNode(dom) {
+      this.addElement(dom, marks);
+  }
+  addTextNode(dom, marks) {
     let value = dom.nodeValue;
     let top2 = this.top;
     if (top2.options & OPT_PRESERVE_WS_FULL || top2.inlineContext(dom) || /[^ \t\r\n\u000c]/.test(value)) {
@@ -29325,7 +29291,7 @@ class ParseContext {
         value = value.replace(/\r\n?/g, "\n");
       }
       if (value)
-        this.insertNode(this.parser.schema.text(value));
+        this.insertNode(this.parser.schema.text(value), marks);
       this.findInText(dom);
     } else {
       this.findInside(dom);
@@ -29333,14 +29299,14 @@ class ParseContext {
   }
   // Try to find a handler for the given tag and use that to parse. If
   // none is found, the element's content nodes are added directly.
-  addElement(dom, matchAfter) {
+  addElement(dom, marks, matchAfter) {
     let name2 = dom.nodeName.toLowerCase(), ruleID;
     if (listTags.hasOwnProperty(name2) && this.parser.normalizeLists)
       normalizeList(dom);
     let rule = this.options.ruleFromNode && this.options.ruleFromNode(dom) || (ruleID = this.parser.matchTag(dom, this, matchAfter));
     if (rule ? rule.ignore : ignoreTags.hasOwnProperty(name2)) {
       this.findInside(dom);
-      this.ignoreFallback(dom);
+      this.ignoreFallback(dom, marks);
     } else if (!rule || rule.skip || rule.closeParent) {
       if (rule && rule.closeParent)
         this.open = Math.max(0, this.open - 1);
@@ -29356,38 +29322,37 @@ class ParseContext {
         if (!top2.type)
           this.needsBlock = true;
       } else if (!dom.firstChild) {
-        this.leafFallback(dom);
+        this.leafFallback(dom, marks);
         return;
       }
-      if (rule && rule.skip)
-        this.addAll(dom);
-      else
-        this.withStyleRules(dom, () => this.addAll(dom));
+      let innerMarks = rule && rule.skip ? marks : this.readStyles(dom, marks);
+      if (innerMarks)
+        this.addAll(dom, innerMarks);
       if (sync2)
         this.sync(top2);
       this.needsBlock = oldNeedsBlock;
     } else {
-      this.withStyleRules(dom, () => {
-        this.addElementByRule(dom, rule, rule.consuming === false ? ruleID : void 0);
-      });
+      let innerMarks = this.readStyles(dom, marks);
+      if (innerMarks)
+        this.addElementByRule(dom, rule, innerMarks, rule.consuming === false ? ruleID : void 0);
     }
   }
   // Called for leaf DOM nodes that would otherwise be ignored
-  leafFallback(dom) {
+  leafFallback(dom, marks) {
     if (dom.nodeName == "BR" && this.top.type && this.top.type.inlineContent)
-      this.addTextNode(dom.ownerDocument.createTextNode("\n"));
+      this.addTextNode(dom.ownerDocument.createTextNode("\n"), marks);
   }
   // Called for ignored nodes
-  ignoreFallback(dom) {
+  ignoreFallback(dom, marks) {
     if (dom.nodeName == "BR" && (!this.top.type || !this.top.type.inlineContent))
-      this.findPlace(this.parser.schema.text("-"));
+      this.findPlace(this.parser.schema.text("-"), marks);
   }
   // Run any style parser associated with the node's styles. Either
-  // return an array of marks, or null to indicate some of the styles
-  // had a rule with `ignore` set.
-  readStyles(styles2) {
-    let add = Mark.none, remove2 = Mark.none;
-    if (styles2.length)
+  // return an updated array of marks, or null to indicate some of the
+  // styles had a rule with `ignore` set.
+  readStyles(dom, marks) {
+    let styles2 = dom.style;
+    if (styles2 && styles2.length)
       for (let i = 0; i < this.parser.matchedStyles.length; i++) {
         let name2 = this.parser.matchedStyles[i], value = styles2.getPropertyValue(name2);
         if (value)
@@ -29397,47 +29362,46 @@ class ParseContext {
               break;
             if (rule.ignore)
               return null;
-            if (rule.clearMark) {
-              this.top.pendingMarks.concat(this.top.activeMarks).forEach((m2) => {
-                if (rule.clearMark(m2))
-                  remove2 = m2.addToSet(remove2);
-              });
-            } else {
-              add = this.parser.schema.marks[rule.mark].create(rule.attrs).addToSet(add);
-            }
+            if (rule.clearMark)
+              marks = marks.filter((m2) => !rule.clearMark(m2));
+            else
+              marks = marks.concat(this.parser.schema.marks[rule.mark].create(rule.attrs));
             if (rule.consuming === false)
               after = rule;
             else
               break;
           }
       }
-    return [add, remove2];
+    return marks;
   }
   // Look up a handler for the given node. If none are found, return
   // false. Otherwise, apply it, use its return value to drive the way
   // the node's content is wrapped, and return true.
-  addElementByRule(dom, rule, continueAfter) {
-    let sync2, nodeType, mark;
+  addElementByRule(dom, rule, marks, continueAfter) {
+    let sync2, nodeType;
     if (rule.node) {
       nodeType = this.parser.schema.nodes[rule.node];
       if (!nodeType.isLeaf) {
-        sync2 = this.enter(nodeType, rule.attrs || null, rule.preserveWhitespace);
-      } else if (!this.insertNode(nodeType.create(rule.attrs))) {
-        this.leafFallback(dom);
+        let inner2 = this.enter(nodeType, rule.attrs || null, marks, rule.preserveWhitespace);
+        if (inner2) {
+          sync2 = true;
+          marks = inner2;
+        }
+      } else if (!this.insertNode(nodeType.create(rule.attrs), marks)) {
+        this.leafFallback(dom, marks);
       }
     } else {
       let markType = this.parser.schema.marks[rule.mark];
-      mark = markType.create(rule.attrs);
-      this.addPendingMark(mark);
+      marks = marks.concat(markType.create(rule.attrs));
     }
     let startIn = this.top;
     if (nodeType && nodeType.isLeaf) {
       this.findInside(dom);
     } else if (continueAfter) {
-      this.addElement(dom, continueAfter);
+      this.addElement(dom, marks, continueAfter);
     } else if (rule.getContent) {
       this.findInside(dom);
-      rule.getContent(dom, this.parser.schema).forEach((node2) => this.insertNode(node2));
+      rule.getContent(dom, this.parser.schema).forEach((node2) => this.insertNode(node2, marks));
     } else {
       let contentDOM = dom;
       if (typeof rule.contentElement == "string")
@@ -29447,28 +29411,26 @@ class ParseContext {
       else if (rule.contentElement)
         contentDOM = rule.contentElement;
       this.findAround(dom, contentDOM, true);
-      this.addAll(contentDOM);
+      this.addAll(contentDOM, marks);
     }
     if (sync2 && this.sync(startIn))
       this.open--;
-    if (mark)
-      this.removePendingMark(mark, startIn);
   }
   // Add all child nodes between `startIndex` and `endIndex` (or the
   // whole node, if not given). If `sync` is passed, use it to
   // synchronize after every block element.
-  addAll(parent, startIndex, endIndex) {
+  addAll(parent, marks, startIndex, endIndex) {
     let index2 = startIndex || 0;
     for (let dom = startIndex ? parent.childNodes[startIndex] : parent.firstChild, end2 = endIndex == null ? null : parent.childNodes[endIndex]; dom != end2; dom = dom.nextSibling, ++index2) {
       this.findAtPoint(parent, index2);
-      this.addDOM(dom);
+      this.addDOM(dom, marks);
     }
     this.findAtPoint(parent, index2);
   }
   // Try to find a way to fit the given node type into the current
   // context. May add intermediate wrappers and/or leave non-solid
   // nodes that we're in.
-  findPlace(node2) {
+  findPlace(node2, marks) {
     let route, sync2;
     for (let depth = this.open; depth >= 0; depth--) {
       let cx3 = this.nodes[depth];
@@ -29483,53 +29445,61 @@ class ParseContext {
         break;
     }
     if (!route)
-      return false;
+      return null;
     this.sync(sync2);
     for (let i = 0; i < route.length; i++)
-      this.enterInner(route[i], null, false);
-    return true;
+      marks = this.enterInner(route[i], null, marks, false);
+    return marks;
   }
   // Try to insert the given node, adjusting the context when needed.
-  insertNode(node2) {
+  insertNode(node2, marks) {
     if (node2.isInline && this.needsBlock && !this.top.type) {
       let block2 = this.textblockFromContext();
       if (block2)
-        this.enterInner(block2);
+        marks = this.enterInner(block2, null, marks);
     }
-    if (this.findPlace(node2)) {
+    let innerMarks = this.findPlace(node2, marks);
+    if (innerMarks) {
       this.closeExtra();
       let top2 = this.top;
-      top2.applyPending(node2.type);
       if (top2.match)
         top2.match = top2.match.matchType(node2.type);
-      let marks = top2.activeMarks;
-      for (let i = 0; i < node2.marks.length; i++)
-        if (!top2.type || top2.type.allowsMarkType(node2.marks[i].type))
-          marks = node2.marks[i].addToSet(marks);
-      top2.content.push(node2.mark(marks));
+      let nodeMarks = Mark.none;
+      for (let m2 of innerMarks.concat(node2.marks))
+        if (top2.type ? top2.type.allowsMarkType(m2.type) : markMayApply(m2.type, node2.type))
+          nodeMarks = m2.addToSet(nodeMarks);
+      top2.content.push(node2.mark(nodeMarks));
       return true;
     }
     return false;
   }
   // Try to start a node of the given type, adjusting the context when
   // necessary.
-  enter(type2, attrs, preserveWS) {
-    let ok2 = this.findPlace(type2.create(attrs));
-    if (ok2)
-      this.enterInner(type2, attrs, true, preserveWS);
-    return ok2;
+  enter(type2, attrs, marks, preserveWS) {
+    let innerMarks = this.findPlace(type2.create(attrs), marks);
+    if (innerMarks)
+      innerMarks = this.enterInner(type2, attrs, marks, true, preserveWS);
+    return innerMarks;
   }
   // Open a node of the given type
-  enterInner(type2, attrs = null, solid = false, preserveWS) {
+  enterInner(type2, attrs, marks, solid = false, preserveWS) {
     this.closeExtra();
     let top2 = this.top;
-    top2.applyPending(type2);
     top2.match = top2.match && top2.match.matchType(type2);
     let options2 = wsOptionsFor(type2, preserveWS, top2.options);
     if (top2.options & OPT_OPEN_LEFT && top2.content.length == 0)
       options2 |= OPT_OPEN_LEFT;
-    this.nodes.push(new NodeContext(type2, attrs, top2.activeMarks, top2.pendingMarks, solid, null, options2));
+    let applyMarks = Mark.none;
+    marks = marks.filter((m2) => {
+      if (top2.type ? top2.type.allowsMarkType(m2.type) : markMayApply(m2.type, type2)) {
+        applyMarks = m2.addToSet(applyMarks);
+        return false;
+      }
+      return true;
+    });
+    this.nodes.push(new NodeContext(type2, attrs, applyMarks, solid, null, options2));
     this.open++;
+    return marks;
   }
   // Make sure all nodes above this.open are finished and added to
   // their parents
@@ -29640,28 +29610,6 @@ class ParseContext {
         return type2;
     }
   }
-  addPendingMark(mark) {
-    let found2 = findSameMarkInSet(mark, this.top.pendingMarks);
-    if (found2)
-      this.top.stashMarks.push(found2);
-    this.top.pendingMarks = mark.addToSet(this.top.pendingMarks);
-  }
-  removePendingMark(mark, upto) {
-    for (let depth = this.open; depth >= 0; depth--) {
-      let level = this.nodes[depth];
-      let found2 = level.pendingMarks.lastIndexOf(mark);
-      if (found2 > -1) {
-        level.pendingMarks = mark.removeFromSet(level.pendingMarks);
-      } else {
-        level.activeMarks = mark.removeFromSet(level.activeMarks);
-        let stashMark = level.popFromStashMark(mark);
-        if (stashMark && level.type && level.type.allowsMarkType(stashMark.type))
-          level.activeMarks = stashMark.addToSet(level.activeMarks);
-      }
-      if (level == upto)
-        break;
-    }
-  }
 }
 function normalizeList(dom) {
   for (let child = dom.firstChild, prevItem = null; child; child = child.nextSibling) {
@@ -29705,12 +29653,6 @@ function markMayApply(markType, nodeType) {
       return true;
   }
 }
-function findSameMarkInSet(mark, set) {
-  for (let i = 0; i < set.length; i++) {
-    if (mark.eq(set[i]))
-      return set[i];
-  }
-}
 class DOMSerializer {
   /**
   Create a serializer. `nodes` should map node names to functions

package/dist/index.html CHANGED Viewed

	@@ -1 +1 @@
1	- <!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-~~CnfDrmnZ~~.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-BpSdrNXy.css"></head><body><div id="content"></div></body>
1	+ <!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-DoFa61ar.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-BpSdrNXy.css"></head><body><div id="content"></div></body>

package/dist/index.js CHANGED Viewed

@@ -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 { 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";
 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;
@@ -55639,11 +55639,13 @@ const InputCell = ({
   );
 };
 const COSMETIC_ROUNDING_DEFAULT_PRECISION = 14;
+const safeToString = (value) => String(toString$1(value));
 const roundNumberCosmetic = (value) => {
   const isScientific = isScientificStringNum(value);
-  return !isScientific ? roundToPrecision(value, COSMETIC_ROUNDING_DEFAULT_PRECISION) : value;
+  return !isScientific ? safeToString(
+    roundToPrecision(toNum(value), COSMETIC_ROUNDING_DEFAULT_PRECISION)
+  ) : value;
 };
-const safeToString = (value) => String(toString$1(value));
 const getStringName$1 = (name2) => {
   if (!name2) return "";
   if (typeof name2 === "string") {
@@ -55677,15 +55679,11 @@ const NumberInput = ({
   allowEmpty = false,
   isInTable: isInTable2,
   groupOrder,
-  enableCosmeticRounding = false,
+  enableCosmeticRounding = true,
   enableDisplayRounding = false,
   roundDisplayValue,
   disableInternalErrorValidationMessages = false
 }) => {
-  const inputRef = useRef(null);
-  const [displayValue, setDisplayValue] = useState(safeToString(value));
-  const [focus2, setFocus] = useState(false);
-  const stringName = getStringName$1(name2);
   const validateInputValue = (value2) => {
     const validation = validateNumber(value2);
     if (allowEmpty && value2 === "" || validation.valid) {
@@ -55694,10 +55692,26 @@ const NumberInput = ({
       return validation;
     }
   };
+  const cosmeticRound = (value2) => {
+    var _a2;
+    const displayValueEndsWithZero = !!(value2 == null ? void 0 : value2.endsWith("0"));
+    const shouldCosmeticallyRound = enableCosmeticRounding && // only when prop is enabled
+    value2 && // not when empty typed value
+    !displayValueEndsWithZero && // not when intentionally trying to type trailing zeros as interim values (OW-17109)
+    ((_a2 = validateInputValue(value2)) == null ? void 0 : _a2.valid);
+    const valueWithCosmeticRounding = shouldCosmeticallyRound ? roundNumberCosmetic(value2) : value2;
+    return safeToString(valueWithCosmeticRounding);
+  };
+  const inputRef = useRef(null);
+  const [displayValue, setDisplayValue] = useState(
+    cosmeticRound(safeToString(value))
+  );
+  const [focus2, setFocus] = useState(false);
+  const stringName = getStringName$1(name2);
   const { valid, errors: errors2 } = validateInputValue(displayValue);
   const firstError = errors2 && errors2.length && !disableInternalErrorValidationMessages ? errors2[0] : null;
   useEffect(() => {
-    setDisplayValue(safeToString(value));
+    setDisplayValue(cosmeticRound(safeToString(value)));
   }, [value, enableCosmeticRounding, enableDisplayRounding]);
   useEffect(() => {
     if (!focus2 && !valid) {
@@ -55747,12 +55761,6 @@ const NumberInput = ({
   };
   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;
   return /* @__PURE__ */ jsx(
     KeyboardEventHandler,
     {
@@ -55766,7 +55774,7 @@ const NumberInput = ({
           testId,
           disabled: disabled2,
           placeholder: placeholder3,
-          value: valueWithCosmeticRounding,
+          value: valueWithDisplayRounding,
           onChange: onChangeValue,
           onFocus: onInputFocus,
           onBlur: onInputBlur,
@@ -70237,7 +70245,7 @@ const UnitInput = ({
   allowEmpty = false,
   autoValue,
   convertBackToStorageUnit = false,
-  enableCosmeticRounding = false,
+  enableCosmeticRounding = true,
   enableDisplayRounding = false
 }) => {
   const context2 = useUnitContext();
@@ -70489,7 +70497,7 @@ const UnitInput = ({
               small: small2,
               sections: alternativeUnits.map(([value2, altUnit, label2]) => {
                 const displayUnit = label2 || altUnit || "";
-                const safeValue = !isNaN(Number(value2)) ? value2 : "";
+                const safeValue = isValidNum(value2) ? value2 : "";
                 const displayValue = enableCosmeticRounding ? roundNumberCosmetic(safeValue) : safeValue;
                 return {
                   type: "Option",