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

package/dist/index.cjs

@@ -206,6 +206,7 @@ __export(src_exports, {
   breakpointMinWidth: () => breakpointMinWidth,
   cn: () => cn,
   codeToFlag: () => codeToFlag,
+  computeAnchoredPosition: () => computeAnchoredPosition,
   easeLinear: () => easeLinear,
   easeOutCubic: () => easeOutCubic,
   easeOutExpo: () => easeOutExpo,
@@ -11900,8 +11901,32 @@ var import_react_dom9 = require("react-dom");
 
 // src/utils/useAnchoredPopover.ts
 var import_react56 = require("react");
+function computeAnchoredPosition({
+  anchor,
+  viewport,
+  popoverWidth,
+  gap,
+  margin,
+  preferredMinHeight
+}) {
+  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;
+  let left = anchor.left;
+  if (left > maxLeft) left = maxLeft;
+  if (left < margin) left = margin;
+  return {
+    ...openUp ? { bottom: viewport.height - anchor.top + gap } : { top: anchor.bottom + gap },
+    left,
+    width: anchor.width,
+    maxHeight: Math.max(120, openUp ? spaceAbove : spaceBelow),
+    direction: openUp ? "up" : "down"
+  };
+}
 function useAnchoredPopover(anchorRef, open, options = {}) {
-  const { gap = 4, margin = 8, preferredMinHeight = 200 } = options;
+  const { gap = 4, margin = 8, preferredMinHeight = 200, popoverRef } = options;
   const [pos, setPos] = (0, import_react56.useState)({
     top: -9999,
     left: -9999,
@@ -11913,18 +11938,23 @@ function useAnchoredPopover(anchorRef, open, options = {}) {
     const el = anchorRef.current;
     if (!el) return;
     const rect = el.getBoundingClientRect();
-    const viewportH = window.innerHeight;
-    const spaceBelow = viewportH - rect.bottom - gap - margin;
-    const spaceAbove = rect.top - gap - margin;
-    const openUp = spaceBelow < preferredMinHeight && spaceAbove > spaceBelow;
-    setPos({
-      ...openUp ? { bottom: viewportH - rect.top + gap } : { top: rect.bottom + gap },
-      left: rect.left,
-      width: rect.width,
-      maxHeight: Math.max(120, openUp ? spaceAbove : spaceBelow),
-      direction: openUp ? "up" : "down"
-    });
-  }, [anchorRef, gap, margin, preferredMinHeight]);
+    const popoverWidth = popoverRef?.current?.offsetWidth;
+    setPos(
+      computeAnchoredPosition({
+        anchor: {
+          top: rect.top,
+          bottom: rect.bottom,
+          left: rect.left,
+          width: rect.width
+        },
+        viewport: { width: window.innerWidth, height: window.innerHeight },
+        popoverWidth,
+        gap,
+        margin,
+        preferredMinHeight
+      })
+    );
+  }, [anchorRef, popoverRef, gap, margin, preferredMinHeight]);
   (0, import_react56.useEffect)(() => {
     if (!open) return;
     update();
@@ -11986,7 +12016,7 @@ var DatePicker = (0, import_react57.forwardRef)(
     const wrapRef = (0, import_react57.useRef)(null);
     const triggerRef = (0, import_react57.useRef)(null);
     const popoverRef = (0, import_react57.useRef)(null);
-    const popoverPos = useAnchoredPopover(triggerRef, open);
+    const popoverPos = useAnchoredPopover(triggerRef, open, { popoverRef });
     (0, import_react57.useImperativeHandle)(forwardedRef, () => triggerRef.current);
     const reactId = (0, import_react57.useId)();
     const baseId = id ?? `ods-dp-${reactId}`;
@@ -27089,7 +27119,7 @@ var TimePicker = (0, import_react139.forwardRef)(
     };
     const triggerRef = (0, import_react139.useRef)(null);
     const popoverRef = (0, import_react139.useRef)(null);
-    const popoverPos = useAnchoredPopover(triggerRef, open);
+    const popoverPos = useAnchoredPopover(triggerRef, open, { popoverRef });
     const hoursRef = (0, import_react139.useRef)(null);
     const minutesRef = (0, import_react139.useRef)(null);
     const secondsRef = (0, import_react139.useRef)(null);
@@ -34729,6 +34759,7 @@ function applyVerticalLayout(nodes, edges) {
   breakpointMinWidth,
   cn,
   codeToFlag,
+  computeAnchoredPosition,
   easeLinear,
   easeOutCubic,
   easeOutExpo,