@homebound/beam 2.415.3 → 2.415.5

package/dist/index.js

@@ -4090,7 +4090,16 @@ function Tooltip(props) {
   ] });
 }
 function Popper(props) {
-  const { triggerRef, content, placement = "auto", xss, bgColor = "rgba(36, 36, 36, 1)" /* Gray900 */, onMouseEnter, onMouseLeave } = props;
+  const {
+    triggerRef,
+    content,
+    placement = "auto",
+    xss,
+    bgColor = "rgba(36, 36, 36, 1)" /* Gray900 */,
+    onMouseEnter,
+    onMouseLeave,
+    ...ariaProps
+  } = props;
   const popperRef = useRef2(null);
   const [arrowRef, setArrowRef] = useState2(null);
   const targetElement = triggerRef.current ? triggerRef.current.children[0] ?? triggerRef.current.parentElement : null;
@@ -4108,6 +4117,7 @@ function Popper(props) {
         ref: popperRef,
         style: styles.popper,
         ...attributes.popper,
+        ...ariaProps,
         onMouseEnter,
         onMouseLeave,
         css: {
@@ -11669,6 +11679,14 @@ function NumberField(props) {
   }, [type, numberFormatOptions, defaultFormatOptions, numFractionDigits]);
   const numberParser = useMemo18(() => new NumberParser(locale, formatOptions), [locale, formatOptions]);
   const valueRef = useRef29({ wip: false });
+  const lastSentRef = useRef29(void 0);
+  const propValue = value === void 0 ? Number.NaN : value / factor;
+  if (valueRef.current.wip && !Object.is(valueRef.current.value, propValue)) {
+    const lastSentInternal = lastSentRef.current === void 0 ? Number.NaN : lastSentRef.current / factor;
+    if (!Object.is(propValue, lastSentInternal)) {
+      valueRef.current.value = propValue;
+    }
+  }
   const useProps = {
     locale,
     // We want percents && cents to be integers, useNumberFieldState excepts them as decimals
@@ -11679,9 +11697,11 @@ function NumberField(props) {
     },
     onFocus: () => {
       valueRef.current = { wip: true, value: value === void 0 ? Number.NaN : value / factor };
+      lastSentRef.current = value;
     },
     onBlur: () => {
       valueRef.current = { wip: false };
+      lastSentRef.current = void 0;
     },
     onKeyDown: (e) => {
       if (e.key === "Enter") {
@@ -11715,7 +11735,9 @@ function NumberField(props) {
       }),
       onChange: (rawInputValue) => {
         const parsedValue = numberParser.parse(rawInputValue || "");
-        onChange(formatValue(parsedValue, factor, numFractionDigits, numIntegerDigits, positiveOnly));
+        const formatted = formatValue(parsedValue, factor, numFractionDigits, numIntegerDigits, positiveOnly);
+        lastSentRef.current = formatted;
+        onChange(formatted);
       },
       inputRef,
       onBlur,
@@ -14365,7 +14387,7 @@ function Modal(props) {
       onClose: closeModal,
       isDismissable: true,
       shouldCloseOnInteractOutside: (el) => {
-        return allowClosing && !(el.closest(".tribute-container") || el.closest("[role='dialog']") || el.closest("[role='alert']"));
+        return allowClosing && !(el.closest(".tribute-container") || el.closest("[role='dialog']") || el.closest("[role='alert']") || el.closest("[role='tooltip']"));
       }
     },
     ref