@multiplatform.one/forms 6.1.0 → 6.3.0

package/dist/cjs/FloatingPanel/index.native.js

@@ -22,370 +22,204 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
   value: true
 }), mod);
-var FloatingPanel_exports = {};
-__export(FloatingPanel_exports, {
+var index_native_exports = {};
+__export(index_native_exports, {
   FloatingPanel: () => FloatingPanel,
-  panelAnimationDuration: () => import_useFloatingPanel2.panelAnimationDuration,
-  panelGrowDuration: () => import_useFloatingPanel2.panelGrowDuration,
-  panelTransition: () => import_useFloatingPanel2.panelTransition,
-  panelViewportPadding: () => import_useFloatingPanel2.panelViewportPadding,
-  useFloatingPanel: () => import_useFloatingPanel2.useFloatingPanel,
+  panelAnimationDuration: () => import_useFloatingPanel.panelAnimationDuration,
+  panelGrowDuration: () => import_useFloatingPanel.panelGrowDuration,
+  panelTransition: () => import_useFloatingPanel.panelTransition,
+  panelViewportPadding: () => import_useFloatingPanel.panelViewportPadding,
+  useFloatingPanel: () => import_useFloatingPanel.useFloatingPanel,
   useViewportGtSm: () => useViewportGtSm
 });
-module.exports = __toCommonJS(FloatingPanel_exports);
+module.exports = __toCommonJS(index_native_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
+var import_react_native = require("react-native");
 var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
-var import_react2 = require("@floating-ui/react");
-var import_floatingList = require("../shared/floatingList.native.js");
-var import_colorRamps = require("../shared/colorRamps.native.js");
+var import_t = require("../shared/t.native.js");
 var import_useFloatingPanel = require("./useFloatingPanel.native.js");
-var import_zIndex = require("../shared/zIndex.native.js");
-var import_useFloatingPanel2 = require("./useFloatingPanel.native.js");
-var gtSmBreakpoint = 860;
 function useViewportGtSm() {
-  var [gtSm, setGtSm] = (0, import_react.useState)(function () {
-    return import_tamagui.isWeb && typeof window !== "undefined" ? window.innerWidth > gtSmBreakpoint : false;
-  });
-  (0, import_react.useEffect)(function () {
-    if (!import_tamagui.isWeb || typeof window === "undefined") return;
-    var handler = function handler2() {
-      return setGtSm(window.innerWidth > gtSmBreakpoint);
-    };
-    window.addEventListener("resize", handler);
-    return function () {
-      return window.removeEventListener("resize", handler);
-    };
-  }, []);
-  return gtSm;
+  return false;
 }
-function FloatingPanel(props) {
-  var _props_sheet;
-  var media = (0, import_tamagui.useMedia)();
-  var viewportGtSm = useViewportGtSm();
-  var effectiveGtSm = typeof window !== "undefined" ? viewportGtSm : media.gtSm === true;
-  var shouldUseSheet = (_props_sheet = props.sheet) !== null && _props_sheet !== void 0 ? _props_sheet : !import_tamagui.isWeb || !effectiveGtSm;
-  if (shouldUseSheet) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FloatingPanelSheet, {
-    ...props
-  });
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FloatingPanelWeb, {
-    ...props
-  });
-}
-function FloatingPanelSheet(param) {
+var sheetMaxHeightRatio = 0.85;
+var bottomInset = import_react_native.Platform.OS === "ios" ? 24 : 16;
+function FloatingPanel(param) {
   var {
     open,
     onOpenChange,
     trigger,
+    triggerEnd,
     children,
     scrollable,
     disabled,
     contentPadding = "default",
-    transition = "medium",
     header,
-    scrollViewProps
+    scrollViewProps,
+    triggerA11y,
+    sheetFill
   } = param;
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
-  var [position, setPosition] = (0, import_react.useState)(0);
-  var handleOpenChange = function handleOpenChange2(next) {
-    if (!disabled) onOpenChange(next);
-  };
+  var {
+    height: windowHeight
+  } = (0, import_react_native.useWindowDimensions)();
+  var [backdropArmed, setBackdropArmed] = (0, import_react.useState)(false);
+  var armTimerRef = (0, import_react.useRef)(null);
+  var close = (0, import_react.useCallback)(function () {
+    return onOpenChange(false);
+  }, [onOpenChange]);
+  var handleTriggerPress = (0, import_react.useCallback)(function () {
+    if (!disabled) onOpenChange(!open);
+  }, [disabled, onOpenChange, open]);
+  var handleBackdropPress = (0, import_react.useCallback)(function () {
+    if (backdropArmed) close();
+  }, [backdropArmed, close]);
+  var handleModalShow = (0, import_react.useCallback)(function () {
+    if (armTimerRef.current) clearTimeout(armTimerRef.current);
+    armTimerRef.current = setTimeout(function () {
+      return setBackdropArmed(true);
+    }, 280);
+  }, []);
+  (0, import_react.useEffect)(function () {
+    if (!open) {
+      setBackdropArmed(false);
+      if (armTimerRef.current) {
+        clearTimeout(armTimerRef.current);
+        armTimerRef.current = null;
+      }
+    }
+    return function () {
+      if (armTimerRef.current) clearTimeout(armTimerRef.current);
+    };
+  }, [open]);
   var framePadding = contentPadding === "none" ? "$0" : knobProps.panelPadding.padding;
   var frameGap = contentPadding === "none" ? void 0 : knobProps.gapLg.gap;
+  var maxHeight = Math.round(windowHeight * sheetMaxHeightRatio);
+  var content = scrollable ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {
+    // sheetFill: the list scrollport fills the fixed-height sheet; default:
+    // content-sized (flexGrow 0) so small pickers hug their content.
+    style: sheetFill ? {
+      flexGrow: 1,
+      flexShrink: 1
+    } : {
+      flexGrow: 0
+    },
+    keyboardShouldPersistTaps: "handled",
+    ...scrollViewProps,
+    children
+  }) : children;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-      onPress: function onPress() {
-        return handleOpenChange(!open);
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react_native.View, {
+      style: {
+        flexDirection: "row",
+        alignItems: "center",
+        width: "100%"
       },
-      cursor: disabled ? "not-allowed" : "pointer",
-      opacity: disabled ? 0.5 : 1,
-      children: trigger
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, {
-      modal: true,
-      open,
-      onOpenChange: handleOpenChange,
-      snapPoints: scrollable ? [92, 50, 25] : void 0,
-      snapPointsMode: scrollable ? "percent" : "fit",
-      dismissOnSnapToBottom: true,
-      position,
-      onPositionChange: setPosition,
-      zIndex: import_zIndex.zIndex.sheet,
-      transition,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {
-        ...{
-          transition
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
+        onPress: handleTriggerPress,
+        disabled,
+        accessibilityRole: "button",
+        accessibilityState: {
+          disabled: !!disabled,
+          expanded: !!open
         },
-        bg: "$shadow6",
-        enterStyle: {
-          opacity: 0
+        ...((triggerA11y === null || triggerA11y === void 0 ? void 0 : triggerA11y.label) ? {
+          accessibilityLabel: triggerA11y.label
+        } : void 0),
+        ...((triggerA11y === null || triggerA11y === void 0 ? void 0 : triggerA11y.value) ? {
+          accessibilityValue: {
+            text: triggerA11y.value
+          }
+        } : void 0),
+        ...((triggerA11y === null || triggerA11y === void 0 ? void 0 : triggerA11y.hint) ? {
+          accessibilityHint: triggerA11y.hint
+        } : void 0),
+        // Stretch to the cell/row width — content-sized triggers (~70pt) make
+        // most of the edit box look tappable but miss the Pressable.
+        style: {
+          flex: 1,
+          minWidth: 0,
+          alignSelf: "stretch",
+          width: "100%",
+          opacity: disabled ? 0.5 : 1
         },
-        exitStyle: {
-          opacity: 0
-        }
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Handle, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Sheet.Frame, {
-        padding: framePadding,
-        gap: frameGap,
-        children: [header, scrollable ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Sheet.ScrollView, {
-          flex: header ? 1 : void 0,
-          ...scrollViewProps,
-          children
-        }) : children]
-      })]
-    })]
-  });
-}
-function FloatingPanelWeb(param) {
-  var {
-    open,
-    onOpenChange,
-    trigger,
-    children,
-    disabled,
-    sizing = "grow",
-    fitContent,
-    contentPadding = "default"
-  } = param;
-  var _ref, _ref1, _panel_x;
-  var _overlayStyleRef_current;
-  var isFill = sizing === "fill";
-  var overlayStyleRef = (0, import_react.useRef)(null);
-  var pinnedTopRef = (0, import_react.useRef)(0);
-  var pinnedHeightRef = (0, import_react.useRef)(0);
-  var grownRef = (0, import_react.useRef)(false);
-  var growUpOnlyRef = (0, import_react.useRef)(false);
-  var growDownOnlyRef = (0, import_react.useRef)(false);
-  var lastScrollTopRef = (0, import_react.useRef)(0);
-  var repositionFnRef = (0, import_react.useRef)(null);
-  var panel = (0, import_useFloatingPanel.useFloatingPanel)({
-    open,
-    onOpenChange,
-    disabled,
-    repositionRef: repositionFnRef,
-    wheelGrowRef: isFill ? void 0 : grownRef,
-    fitContent,
-    onBeforeOpen: function onBeforeOpen() {
-      overlayStyleRef.current = null;
-      pinnedTopRef.current = 0;
-      pinnedHeightRef.current = 0;
-      grownRef.current = false;
-      growUpOnlyRef.current = false;
-      growDownOnlyRef.current = false;
-      lastScrollTopRef.current = 0;
-    }
-  });
-  var repositionOverlay = (0, import_react.useCallback)(function () {
-    var dropdownElement = panel.refs.floating.current;
-    var trig = panel.triggerRef.current;
-    if (!dropdownElement || !trig) return;
-    var isInitial = panel.initializingRef.current;
-    if (isInitial) dropdownElement.style.transition = "none";
-    if (pinnedTopRef.current === 0 && pinnedHeightRef.current === 0) {
-      dropdownElement.scrollTop = 0;
-    }
-    var triggerBounds = trig.getBoundingClientRect();
-    var viewportHeight = window.innerHeight;
-    var cs = getComputedStyle(dropdownElement);
-    var borderTopWidth = parseFloat(cs.borderTopWidth) || 0;
-    var borderBottomWidth = parseFloat(cs.borderBottomWidth) || 0;
-    var totalBorderWidth = borderTopWidth + borderBottomWidth;
-    var scrollContentHeight = dropdownElement.scrollHeight;
-    var totalContentHeight = scrollContentHeight + totalBorderWidth;
-    var isDropup = panel.placement.startsWith("top");
-    if (isFill) {
-      var available = isDropup ? triggerBounds.bottom - import_useFloatingPanel.panelViewportPadding : viewportHeight - triggerBounds.top - import_useFloatingPanel.panelViewportPadding;
-      var height = Math.min(totalContentHeight, available);
-      height = Math.max(120, height);
-      var top = isDropup ? triggerBounds.bottom - height : triggerBounds.top;
-      var cached = overlayStyleRef.current;
-      if (!cached || cached.top !== top || cached.maxHeight !== height) {
-        dropdownElement.style.top = `${top}px`;
-        dropdownElement.style.maxHeight = `${height}px`;
-        dropdownElement.style.height = "";
-        overlayStyleRef.current = {
-          top,
-          maxHeight: height
-        };
-        void dropdownElement.offsetHeight;
-      }
-      panel.initializingRef.current = false;
-      void dropdownElement.offsetHeight;
-      if (isInitial) dropdownElement.style.transition = import_useFloatingPanel.panelTransition;
-      requestAnimationFrame(function () {
-        if (dropdownElement) {
-          panel.updateArrows(dropdownElement);
-          requestAnimationFrame(function () {
-            if (dropdownElement) panel.updateArrows(dropdownElement);
-          });
-        }
-      });
-      return;
-    }
-    var idealTop = isDropup ? triggerBounds.bottom - totalContentHeight : triggerBounds.top;
-    var idealBottom = idealTop + totalContentHeight;
-    var pinnedTop = Math.max(import_useFloatingPanel.panelViewportPadding, idealTop);
-    var pinnedBottom = Math.min(viewportHeight - import_useFloatingPanel.panelViewportPadding, idealBottom);
-    var pinnedHeight = Math.max(120, pinnedBottom - pinnedTop);
-    if (pinnedTopRef.current === 0 && pinnedHeightRef.current === 0) {
-      pinnedTopRef.current = pinnedTop;
-      pinnedHeightRef.current = pinnedHeight;
-    }
-    var top1 = pinnedTopRef.current;
-    var height1 = pinnedHeightRef.current;
-    if (grownRef.current) {
-      var canDown = Math.max(0, viewportHeight - import_useFloatingPanel.panelViewportPadding - (top1 + height1));
-      height1 += canDown;
-      var canUp = Math.max(0, top1 - import_useFloatingPanel.panelViewportPadding);
-      top1 -= canUp;
-      height1 += canUp;
-    }
-    if (growUpOnlyRef.current) {
-      var canUp1 = Math.max(0, top1 - import_useFloatingPanel.panelViewportPadding);
-      top1 -= canUp1;
-      height1 += canUp1;
-    }
-    if (growDownOnlyRef.current) {
-      var canDown1 = Math.max(0, viewportHeight - import_useFloatingPanel.panelViewportPadding - (top1 + height1));
-      height1 += canDown1;
-    }
-    height1 = Math.min(height1, viewportHeight - top1 - import_useFloatingPanel.panelViewportPadding);
-    height1 = Math.min(height1, totalContentHeight);
-    height1 = Math.max(120, height1);
-    var availableViewport = viewportHeight - 2 * import_useFloatingPanel.panelViewportPadding;
-    if ((grownRef.current || growUpOnlyRef.current || growDownOnlyRef.current) && height1 < availableViewport) {
-      if (isDropup) {
-        top1 = import_useFloatingPanel.panelViewportPadding;
-      } else {
-        top1 = viewportHeight - import_useFloatingPanel.panelViewportPadding - height1;
-      }
-    }
-    var cached1 = overlayStyleRef.current;
-    if (!cached1 || cached1.top !== top1 || cached1.maxHeight !== height1) {
-      dropdownElement.style.top = `${top1}px`;
-      dropdownElement.style.maxHeight = `${height1}px`;
-      dropdownElement.style.height = "";
-      overlayStyleRef.current = {
-        top: top1,
-        maxHeight: height1
-      };
-      void dropdownElement.offsetHeight;
-    }
-    panel.initializingRef.current = false;
-    void dropdownElement.offsetHeight;
-    if (isInitial) dropdownElement.style.transition = import_useFloatingPanel.panelTransition;
-    requestAnimationFrame(function () {
-      if (dropdownElement) {
-        panel.updateArrows(dropdownElement);
-        requestAnimationFrame(function () {
-          if (dropdownElement) panel.updateArrows(dropdownElement);
-        });
-      }
-    });
-  }, [isFill, panel.placement, panel.refs, panel.triggerRef, panel.updateArrows]);
-  repositionFnRef.current = repositionOverlay;
-  var click = (0, import_react2.useClick)(panel.context, {
-    event: "mousedown"
-  });
-  var dismiss = (0, import_react2.useDismiss)(panel.context, {
-    // Use 'click' instead of default 'pointerdown' so scrolling to the bottom
-    // (e.g. via wheel/trackpad or scroll arrow hover) doesn't trigger outside-press.
-    outsidePressEvent: "click",
-    // Disable ancestor scroll dismissal - we handle scroll locking ourselves
-    // and don't want internal scroll at boundaries to close the panel.
-    ancestorScroll: false
-  });
-  var {
-    getReferenceProps,
-    getFloatingProps
-  } = (0, import_react2.useInteractions)([click, dismiss]);
-  (0, import_react.useLayoutEffect)(function () {
-    if (!open || !panel.mounted) return;
-    repositionOverlay();
-  }, [open, panel.mounted, repositionOverlay, panel.y]);
-  var handleScroll = (0, import_react.useCallback)(function (event) {
-    var el = event.target;
-    panel.updateArrows(el);
-    if (isFill) return;
-    if (panel.initializingRef.current) {
-      lastScrollTopRef.current = el.scrollTop;
-      return;
-    }
-    var arrowDir = panel.arrowScrollDirRef.current;
-    if (arrowDir) {
-      var _repositionFnRef_current;
-      panel.arrowScrollDirRef.current = null;
-      lastScrollTopRef.current = el.scrollTop;
-      if (arrowDir === "down") {
-        growUpOnlyRef.current = true;
-      } else {
-        growDownOnlyRef.current = true;
-      }
-      (_repositionFnRef_current = repositionFnRef.current) === null || _repositionFnRef_current === void 0 ? void 0 : _repositionFnRef_current.call(repositionFnRef);
-      return;
-    }
-    var delta = el.scrollTop - lastScrollTopRef.current;
-    lastScrollTopRef.current = el.scrollTop;
-    if (delta !== 0) {
-      var _repositionFnRef_current1;
-      grownRef.current = true;
-      (_repositionFnRef_current1 = repositionFnRef.current) === null || _repositionFnRef_current1 === void 0 ? void 0 : _repositionFnRef_current1.call(repositionFnRef);
-    }
-  }, [isFill, panel.updateArrows]);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-      ...getReferenceProps({
-        ref: panel.setReferenceRef
-      }),
-      cursor: disabled ? "not-allowed" : "pointer",
-      opacity: disabled ? 0.5 : 1,
-      children: trigger
-    }), panel.mounted && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-      ...getFloatingProps({
-        ref: panel.refs.setFloating,
+        children: (/* Own the hit target — see file header for why pointerEvents="none". */
+        /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
+          pointerEvents: "none",
+          collapsable: false,
+          style: {
+            width: "100%"
+          },
+          children: trigger
+        }))
+      }), triggerEnd]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Modal, {
+      visible: open,
+      transparent: true,
+      animationType: "slide",
+      statusBarTranslucent: true,
+      onRequestClose: close,
+      onShow: handleModalShow,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react_native.KeyboardAvoidingView, {
         style: {
-          position: panel.strategy,
-          top: (_ref = (_ref1 = (_overlayStyleRef_current = overlayStyleRef.current) === null || _overlayStyleRef_current === void 0 ? void 0 : _overlayStyleRef_current.top) !== null && _ref1 !== void 0 ? _ref1 : panel.y) !== null && _ref !== void 0 ? _ref : 0,
-          left: (_panel_x = panel.x) !== null && _panel_x !== void 0 ? _panel_x : 0,
-          scrollbarWidth: "none",
-          zIndex: import_zIndex.zIndex.dropdown,
-          overflow: "auto",
-          ...panel.floatingStyleRef.current,
-          ...(overlayStyleRef.current ? {
-            maxHeight: overlayStyleRef.current.maxHeight
-          } : {}),
-          boxShadow: "0px 8px 28px rgba(0,0,0,0.12), 0px 2px 6px rgba(0,0,0,0.04)",
-          opacity: panel.visible ? 1 : 0,
-          transform: panel.visible ? "scale(1)" : "scale(0.96)",
-          transition: import_useFloatingPanel.panelTransition,
-          transformOrigin: panel.placement.startsWith("top") ? "bottom left" : "top left"
+          flex: 1,
+          justifyContent: "flex-end"
         },
-        onScroll: handleScroll
-      }),
-      "data-testid": "floating-panel-viewport",
-      outlineWidth: 0,
-      pointerEvents: panel.visible ? "auto" : "none",
-      backgroundColor: "$background",
-      borderRadius: panel.dropdownRadius,
-      borderWidth: panel.hasBorder ? panel.knobProps.borderRadius.borderWidth : 0,
-      borderColor: panel.hasBorder ? import_colorRamps.formInputColors.border.focus : "transparent",
-      paddingVertical: 0,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_floatingList.ScrollArrow, {
-        direction: "up",
-        scrollRef: panel.refs.floating,
-        visible: panel.arrowUp,
-        arrowScrollDirRef: panel.arrowScrollDirRef
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-        ...(contentPadding !== "none" ? panel.knobProps.panelPadding : void 0),
-        ...(contentPadding !== "none" ? panel.knobProps.gapLg : void 0),
-        children
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_floatingList.ScrollArrow, {
-        direction: "down",
-        scrollRef: panel.refs.floating,
-        visible: panel.arrowDown,
-        arrowScrollDirRef: panel.arrowScrollDirRef
-      })]
+        behavior: import_react_native.Platform.OS === "ios" ? "padding" : void 0,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
+          style: import_react_native.StyleSheet.absoluteFill,
+          onPress: handleBackdropPress,
+          accessibilityRole: "button",
+          accessibilityLabel: (0, import_t.t)("Close"),
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            flex: 1,
+            backgroundColor: "rgba(0,0,0,0.4)"
+          })
+        }),
+        /*
+          Sheet sits above the absoluteFill backdrop in z-order (later sibling).
+          Do NOT claim the responder on a wrapper here — that steals presses
+          from option rows / calendar days and blocks commit.
+        */
+        /* @__PURE__ */
+        (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          backgroundColor: "$background",
+          borderTopLeftRadius: "$6",
+          borderTopRightRadius: "$6",
+          maxHeight,
+          // sheetFill opens at full sheet height (flexShrink keeps the
+          // keyboard from pushing the top of the sheet off-screen).
+          ...(sheetFill ? {
+            height: maxHeight,
+            flexShrink: 1
+          } : void 0),
+          paddingTop: "$2",
+          paddingBottom: bottomInset,
+          elevation: "$4",
+          // VoiceOver escape gesture (two-finger Z) dismisses the sheet.
+          onAccessibilityEscape: close,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            alignSelf: "center",
+            width: 40,
+            height: 4,
+            borderRadius: 2,
+            backgroundColor: "$color8",
+            marginBottom: "$2"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+            padding: framePadding,
+            gap: frameGap,
+            flexShrink: 1,
+            ...(sheetFill ? {
+              flex: 1,
+              minHeight: 0
+            } : void 0),
+            children: [header, content]
+          })]
+        })]
+      })
     })]
   });
 }

package/dist/cjs/FloatingPanel/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FloatingPanel_exports","__export","FloatingPanel","panelAnimationDuration","import_useFloatingPanel2","panelGrowDuration","panelTransition","panelViewportPadding","useFloatingPanel","useViewportGtSm","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","import_react2","import_floatingList","import_colorRamps","import_useFloatingPanel","import_zIndex","gtSmBreakpoint","gtSm","setGtSm","useState","isWeb","window","innerWidth","useEffect","handler","handler2","addEventListener","removeEventListener","props","_props_sheet","media","useMedia","viewportGtSm","effectiveGtSm","shouldUseSheet","sheet","jsx","FloatingPanelSheet","FloatingPanelWeb","param","open","onOpenChange","trigger","children","scrollable","disabled","contentPadding","transition","header","scrollViewProps","knobProps","useResolvedKnobs","position","setPosition","handleOpenChange","handleOpenChange2","next","framePadding","panelPadding","padding","frameGap","gapLg","gap","jsxs","Fragment","View","onPress","cursor","opacity","Sheet","modal","snapPoints","snapPointsMode","dismissOnSnapToBottom","onPositionChange","zIndex","Overlay","bg","enterStyle","exitStyle","Handle","Frame","ScrollView","flex","sizing","fitContent","_ref","_ref1","_panel_x","_overlayStyleRef_current","isFill","overlayStyleRef","useRef","pinnedTopRef","pinnedHeightRef","grownRef","growUpOnlyRef","growDownOnlyRef","lastScrollTopRef","repositionFnRef","panel","repositionRef","wheelGrowRef","onBeforeOpen","current","repositionOverlay","useCallback","dropdownElement","refs","floating","trig","triggerRef","isInitial","initializingRef","style","scrollTop","triggerBounds","getBoundingClientRect","viewportHeight","innerHeight","cs","getComputedStyle","borderTopWidth","parseFloat","borderBottomWidth","totalBorderWidth","scrollContentHeight","scrollHeight","totalContentHeight","isDropup","placement","startsWith","available","bottom","top","height","Math","min","max","cached","maxHeight","offsetHeight","requestAnimationFrame","updateArrows","idealTop","idealBottom","pinnedTop","pinnedBottom","pinnedHeight","top1","height1","canDown","canUp","canUp1","canDown1","availableViewport","cached1","click","useClick","context","event","dismiss","useDismiss","outsidePressEvent","ancestorScroll","getReferenceProps","getFloatingProps","useInteractions","useLayoutEffect","mounted","y","handleScroll","el","target","arrowDir","arrowScrollDirRef","_repositionFnRef_current","call","delta","_repositionFnRef_current1","ref","setReferenceRef","YStack","setFloating","strategy","left","x","scrollbarWidth","dropdown","overflow","floatingStyleRef","boxShadow","visible","transform","transformOrigin","onScroll","outlineWidth","pointerEvents","backgroundColor","borderRadius","dropdownRadius","borderWidth","hasBorder","borderColor","formInputColors","border","focus","paddingVertical"],"sources":["../../../src/FloatingPanel/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["index_native_exports","__export","FloatingPanel","panelAnimationDuration","import_useFloatingPanel","panelGrowDuration","panelTransition","panelViewportPadding","useFloatingPanel","useViewportGtSm","module","exports","__toCommonJS","import_jsx_runtime","require","import_react","import_react_native","import_theme","import_tamagui","import_t","sheetMaxHeightRatio","bottomInset","Platform","OS","param","open","onOpenChange","trigger","triggerEnd","children","scrollable","disabled","contentPadding","header","scrollViewProps","triggerA11y","sheetFill","knobProps","useResolvedKnobs","height","windowHeight","useWindowDimensions","backdropArmed","setBackdropArmed","useState","armTimerRef","useRef","close","useCallback","handleTriggerPress","handleBackdropPress","handleModalShow","current","clearTimeout","setTimeout","useEffect","framePadding","panelPadding","padding","frameGap","gapLg","gap","maxHeight","Math","round","content","jsx","ScrollView","style","flexGrow","flexShrink","keyboardShouldPersistTaps","jsxs","Fragment","View","flexDirection","alignItems","width","Pressable","onPress","accessibilityRole","accessibilityState","expanded","label","accessibilityLabel","value","accessibilityValue","text","hint","accessibilityHint","flex","minWidth","alignSelf","opacity","pointerEvents","collapsable","Modal","visible","transparent","animationType","statusBarTranslucent","onRequestClose","onShow","KeyboardAvoidingView","justifyContent","behavior","StyleSheet","absoluteFill","t","backgroundColor","YStack","borderTopLeftRadius","borderTopRightRadius","paddingTop","paddingBottom","elevation","onAccessibilityEscape","borderRadius","marginBottom","minHeight"],"sources":["../../../src/FloatingPanel/index.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/FloatingPanel/useFloatingPanel.cjs

@@ -33,6 +33,7 @@ var import_react = require("@floating-ui/react");
 var import_theme = require("@multiplatform.one/theme");
 var import_react2 = require("react");
 var import_floatingList = require("../shared/floatingList.cjs");
+const canUseDom = typeof window !== "undefined" && typeof window.addEventListener === "function";
 const panelAnimationDuration = 180;
 const panelGrowDuration = 200;
 const panelViewportPadding = 10;
@@ -109,6 +110,12 @@ function useFloatingPanel({
   }, []);
   const defaultMiddleware = [(0, import_react.offset)({
     mainAxis: 4
+  }),
+  // Horizontal collision handling: panels anchored near the right viewport
+  // edge (e.g. a ColorPicker in the last table column) shift back into view
+  // instead of clipping. Vertical placement is handled by computePlacement.
+  (0, import_react.shift)({
+    padding: panelViewportPadding
   }), ...(fitContent ? [] : [(0, import_react.size)({
     apply({
       rects: {
@@ -155,7 +162,7 @@ function useFloatingPanel({
     refs.setReference(node);
   }, [refs]);
   (0, import_react2.useLayoutEffect)(() => {
-    if (!open || !mounted || typeof window === "undefined") return;
+    if (!open || !mounted || !canUseDom) return;
     const scrollY = window.scrollY;
     const floatingEl = refs.floating.current;
     if (!floatingEl) return;
@@ -209,7 +216,7 @@ function useFloatingPanel({
     };
   }, [open, mounted, refs, scrollBoundaryRef, wheelGrowRef, repositionRef]);
   (0, import_react2.useEffect)(() => {
-    if (!open) return;
+    if (!open || !canUseDom) return;
     let rafId = 0;
     const throttled = () => {
       if (rafId) return;
@@ -239,7 +246,7 @@ function useFloatingPanel({
     };
   }, [open, repositionRef]);
   (0, import_react2.useLayoutEffect)(() => {
-    if (typeof window === "undefined") return;
+    if (!canUseDom) return;
     window.addEventListener("resize", update);
     if (open) update();
     return () => window.removeEventListener("resize", update);