@octaviaflow/core 3.0.18-beta.47 → 3.0.18-beta.48

package/dist/components/TimePicker/TimePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,wBAAwB,EAI7B,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAcf,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACtB;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD,KAAK,YAAY,GAAG,IAAI,CACtB,wBAAwB,CAAC,KAAK,CAAC,EAC/B,UAAU,GAAG,UAAU,GAAG,cAAc,CACzC,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAmBD,eAAO,MAAM,UAAU,4GAmgBrB,CAAC"}
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,wBAAwB,EAI7B,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAcf,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACtB;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD,KAAK,YAAY,GAAG,IAAI,CACtB,wBAAwB,CAAC,KAAK,CAAC,EAC/B,UAAU,GAAG,UAAU,GAAG,cAAc,CACzC,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAmBD,eAAO,MAAM,UAAU,4GAkhBrB,CAAC"}

package/dist/index.cjs

@@ -11901,6 +11901,7 @@ var import_react_dom9 = require("react-dom");
 
 // src/utils/useAnchoredPopover.ts
 var import_react56 = require("react");
+var useIsomorphicLayoutEffect = typeof document !== "undefined" ? import_react56.useLayoutEffect : import_react56.useEffect;
 function computeAnchoredPosition({
   anchor,
   viewport,
@@ -11912,8 +11913,17 @@ function computeAnchoredPosition({
   const spaceBelow = viewport.height - anchor.bottom - gap - margin;
   const spaceAbove = anchor.top - gap - margin;
   const openUp = spaceBelow < preferredMinHeight && spaceAbove > spaceBelow;
-  const popW = popoverWidth && popoverWidth > 0 ? popoverWidth : anchor.width;
-  const maxLeft = viewport.width - popW - margin;
+  const maxHeight = Math.max(0, openUp ? spaceAbove : spaceBelow);
+  const measured = popoverWidth && popoverWidth > 0 ? popoverWidth : 0;
+  const renderW = Math.max(measured, anchor.width);
+  const maxAvailW = viewport.width - 2 * margin;
+  let effectiveW = renderW;
+  let maxWidth;
+  if (renderW > maxAvailW) {
+    effectiveW = maxAvailW;
+    maxWidth = maxAvailW;
+  }
+  const maxLeft = viewport.width - effectiveW - margin;
   let left = anchor.left;
   if (left > maxLeft) left = maxLeft;
   if (left < margin) left = margin;
@@ -11921,7 +11931,8 @@ function computeAnchoredPosition({
     ...openUp ? { bottom: viewport.height - anchor.top + gap } : { top: anchor.bottom + gap },
     left,
     width: anchor.width,
-    maxHeight: Math.max(120, openUp ? spaceAbove : spaceBelow),
+    ...maxWidth !== void 0 ? { maxWidth } : {},
+    maxHeight,
     direction: openUp ? "up" : "down"
   };
 }
@@ -11955,7 +11966,7 @@ function useAnchoredPopover(anchorRef, open, options = {}) {
       })
     );
   }, [anchorRef, popoverRef, gap, margin, preferredMinHeight]);
-  (0, import_react56.useEffect)(() => {
+  useIsomorphicLayoutEffect(() => {
     if (!open) return;
     update();
     window.addEventListener("scroll", update, true);
@@ -11974,6 +11985,7 @@ function anchoredPopoverStyle(pos, extra) {
     ...pos.bottom !== void 0 ? { bottom: pos.bottom } : {},
     left: pos.left,
     minWidth: pos.width,
+    ...pos.maxWidth !== void 0 ? { maxWidth: pos.maxWidth } : {},
     maxHeight: pos.maxHeight,
     ...extra
   };
@@ -27204,8 +27216,20 @@ var TimePicker = (0, import_react139.forwardRef)(
           setActiveSeg(null);
         }
       };
+      const onKey = (e) => {
+        if (e.key === "Escape") {
+          flushDraft();
+          setOpen(false);
+          setActiveSeg(null);
+          triggerRef.current?.focus();
+        }
+      };
       document.addEventListener("mousedown", onDoc);
-      return () => document.removeEventListener("mousedown", onDoc);
+      document.addEventListener("keydown", onKey);
+      return () => {
+        document.removeEventListener("mousedown", onDoc);
+        document.removeEventListener("keydown", onKey);
+      };
     }, [open, flushDraft]);
     const segOrder = () => showSeconds ? ["hours", "minutes", "seconds"] : ["hours", "minutes"];
     const handleSegKey = (seg) => (e) => {