@multiplatform.one/forms 6.0.4 → 6.3.0

package/dist/jsx/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/jsx/FloatingPanel/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","FloatingPanel_exports","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","arrowDir","arrowScrollDirRef","_repositionFnRef_current","delta","_repositionFnRef_current1","ref","setReferenceRef","YStack","setFloating","strategy","left","x","scrollbarWidth","dropdown"],"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/jsx/FloatingPanel/useFloatingPanel.mjs

@@ -1,7 +1,8 @@
-import { autoUpdate, offset, size, useFloating } from "@floating-ui/react";
+import { autoUpdate, offset, shift, size, useFloating } from "@floating-ui/react";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 import { clampDropdownRadius, scrollArrowThreshold } from "../shared/floatingList.mjs";
+const canUseDom = typeof window !== "undefined" && typeof window.addEventListener === "function";
 const panelAnimationDuration = 180;
 const panelGrowDuration = 200;
 const panelViewportPadding = 10;
@@ -78,6 +79,12 @@ function useFloatingPanel({
   }, []);
   const defaultMiddleware = [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.
+  shift({
+    padding: panelViewportPadding
   }), ...(fitContent ? [] : [size({
     apply({
       rects: {
@@ -124,7 +131,7 @@ function useFloatingPanel({
     refs.setReference(node);
   }, [refs]);
   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;
@@ -178,7 +185,7 @@ function useFloatingPanel({
     };
   }, [open, mounted, refs, scrollBoundaryRef, wheelGrowRef, repositionRef]);
   useEffect(() => {
-    if (!open) return;
+    if (!open || !canUseDom) return;
     let rafId = 0;
     const throttled = () => {
       if (rafId) return;
@@ -208,7 +215,7 @@ function useFloatingPanel({
     };
   }, [open, repositionRef]);
   useLayoutEffect(() => {
-    if (typeof window === "undefined") return;
+    if (!canUseDom) return;
     window.addEventListener("resize", update);
     if (open) update();
     return () => window.removeEventListener("resize", update);