@nurix/ui-component-library 1.1.7-stage.137 → 1.1.7-stage.138

package/dist/index.js

@@ -17298,15 +17298,27 @@ var Popover = React46.forwardRef(
       };
       const onScroll = (e) => {
         var _a6;
-        if ((_a6 = popoverRef.current) == null ? void 0 : _a6.contains(e.target)) return;
+        const target = e.target;
+        if ((_a6 = popoverRef.current) == null ? void 0 : _a6.contains(target)) return;
+        if (target && typeof target.closest === "function" && target.closest(
+          '[data-lego-popover][data-state="open"], [data-radix-popper-content-wrapper]'
+        )) {
+          return;
+        }
         update();
       };
       update();
       window.addEventListener("resize", update);
       window.addEventListener("scroll", onScroll, true);
+      let ro;
+      if (typeof ResizeObserver !== "undefined") {
+        ro = new ResizeObserver(() => update());
+        ro.observe(p);
+      }
       return () => {
         window.removeEventListener("resize", update);
         window.removeEventListener("scroll", onScroll, true);
+        ro == null ? void 0 : ro.disconnect();
       };
     }, [open, side, align, sideOffset]);
     React46.useEffect(() => {
@@ -17833,6 +17845,10 @@ var TimeRangeInput = React49.forwardRef(
     const parsed = React49.useMemo(() => parse24To12(value), [value]);
     const [hour, setHour] = React49.useState(parsed.hour);
     const [minute, setMinute] = React49.useState(parsed.minute);
+    const hourValueRef = React49.useRef(hour);
+    const minuteValueRef = React49.useRef(minute);
+    hourValueRef.current = hour;
+    minuteValueRef.current = minute;
     React49.useEffect(() => {
       setHour(parsed.hour);
       setMinute(parsed.minute);
@@ -17842,8 +17858,8 @@ var TimeRangeInput = React49.forwardRef(
     const commit = (next) => {
       var _a5, _b5, _c;
       const merged = {
-        hour: (_a5 = next.hour) != null ? _a5 : hour,
-        minute: (_b5 = next.minute) != null ? _b5 : minute,
+        hour: (_a5 = next.hour) != null ? _a5 : hourValueRef.current,
+        minute: (_b5 = next.minute) != null ? _b5 : minuteValueRef.current,
         period: (_c = next.period) != null ? _c : parsed.period
       };
       onChange(format12To24(merged));
@@ -17852,26 +17868,32 @@ var TimeRangeInput = React49.forwardRef(
       var _a5;
       const digits = raw.replace(/\D/g, "").slice(0, 2);
       setHour(digits);
+      hourValueRef.current = digits;
       const n = Number.parseInt(digits) || 0;
       if (digits.length === 2 && n >= 1 && n <= 12) {
         (_a5 = minuteRef.current) == null ? void 0 : _a5.focus();
       }
     };
     const handleHourBlur = () => {
-      const n = Number.parseInt(hour);
-      const clamped = !hour || n < 1 || n > 12 ? "12" : String(n);
+      const current = hourValueRef.current;
+      const n = Number.parseInt(current);
+      const clamped = !current || n < 1 || n > 12 ? "12" : String(n);
       setHour(clamped);
-      commit({ hour: clamped, minute: minute.padStart(2, "0") });
+      hourValueRef.current = clamped;
+      commit({ hour: clamped, minute: minuteValueRef.current.padStart(2, "0") });
     };
     const handleMinuteChange = (raw) => {
       const digits = raw.replace(/\D/g, "").slice(0, 2);
       setMinute(digits);
+      minuteValueRef.current = digits;
     };
     const handleMinuteBlur = () => {
-      const n = Number.parseInt(minute) || 0;
+      const current = minuteValueRef.current;
+      const n = Number.parseInt(current) || 0;
       const clamped = n > 59 ? "00" : String(n).padStart(2, "0");
       setMinute(clamped);
-      commit({ hour, minute: clamped });
+      minuteValueRef.current = clamped;
+      commit({ hour: hourValueRef.current, minute: clamped });
     };
     const handlePeriodChange = (next) => {
       if (next === "AM" || next === "PM") commit({ period: next });

package/dist/index.mjs

@@ -17193,15 +17193,27 @@ var Popover = React46.forwardRef(
       };
       const onScroll = (e) => {
         var _a6;
-        if ((_a6 = popoverRef.current) == null ? void 0 : _a6.contains(e.target)) return;
+        const target = e.target;
+        if ((_a6 = popoverRef.current) == null ? void 0 : _a6.contains(target)) return;
+        if (target && typeof target.closest === "function" && target.closest(
+          '[data-lego-popover][data-state="open"], [data-radix-popper-content-wrapper]'
+        )) {
+          return;
+        }
         update();
       };
       update();
       window.addEventListener("resize", update);
       window.addEventListener("scroll", onScroll, true);
+      let ro;
+      if (typeof ResizeObserver !== "undefined") {
+        ro = new ResizeObserver(() => update());
+        ro.observe(p);
+      }
       return () => {
         window.removeEventListener("resize", update);
         window.removeEventListener("scroll", onScroll, true);
+        ro == null ? void 0 : ro.disconnect();
       };
     }, [open, side, align, sideOffset]);
     React46.useEffect(() => {
@@ -17728,6 +17740,10 @@ var TimeRangeInput = React49.forwardRef(
     const parsed = React49.useMemo(() => parse24To12(value), [value]);
     const [hour, setHour] = React49.useState(parsed.hour);
     const [minute, setMinute] = React49.useState(parsed.minute);
+    const hourValueRef = React49.useRef(hour);
+    const minuteValueRef = React49.useRef(minute);
+    hourValueRef.current = hour;
+    minuteValueRef.current = minute;
     React49.useEffect(() => {
       setHour(parsed.hour);
       setMinute(parsed.minute);
@@ -17737,8 +17753,8 @@ var TimeRangeInput = React49.forwardRef(
     const commit = (next) => {
       var _a5, _b5, _c;
       const merged = {
-        hour: (_a5 = next.hour) != null ? _a5 : hour,
-        minute: (_b5 = next.minute) != null ? _b5 : minute,
+        hour: (_a5 = next.hour) != null ? _a5 : hourValueRef.current,
+        minute: (_b5 = next.minute) != null ? _b5 : minuteValueRef.current,
         period: (_c = next.period) != null ? _c : parsed.period
       };
       onChange(format12To24(merged));
@@ -17747,26 +17763,32 @@ var TimeRangeInput = React49.forwardRef(
       var _a5;
       const digits = raw.replace(/\D/g, "").slice(0, 2);
       setHour(digits);
+      hourValueRef.current = digits;
       const n = Number.parseInt(digits) || 0;
       if (digits.length === 2 && n >= 1 && n <= 12) {
         (_a5 = minuteRef.current) == null ? void 0 : _a5.focus();
       }
     };
     const handleHourBlur = () => {
-      const n = Number.parseInt(hour);
-      const clamped = !hour || n < 1 || n > 12 ? "12" : String(n);
+      const current = hourValueRef.current;
+      const n = Number.parseInt(current);
+      const clamped = !current || n < 1 || n > 12 ? "12" : String(n);
       setHour(clamped);
-      commit({ hour: clamped, minute: minute.padStart(2, "0") });
+      hourValueRef.current = clamped;
+      commit({ hour: clamped, minute: minuteValueRef.current.padStart(2, "0") });
     };
     const handleMinuteChange = (raw) => {
       const digits = raw.replace(/\D/g, "").slice(0, 2);
       setMinute(digits);
+      minuteValueRef.current = digits;
     };
     const handleMinuteBlur = () => {
-      const n = Number.parseInt(minute) || 0;
+      const current = minuteValueRef.current;
+      const n = Number.parseInt(current) || 0;
       const clamped = n > 59 ? "00" : String(n).padStart(2, "0");
       setMinute(clamped);
-      commit({ hour, minute: clamped });
+      minuteValueRef.current = clamped;
+      commit({ hour: hourValueRef.current, minute: clamped });
     };
     const handlePeriodChange = (next) => {
       if (next === "AM" || next === "PM") commit({ period: next });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nurix/ui-component-library",
-  "version": "1.1.7-stage.137",
+  "version": "1.1.7-stage.138",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",