@tamagui/floating 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/esm/middleware/inner.mjs

@@ -0,0 +1,82 @@
+import * as ReactDOM from "react-dom";
+import { detectOverflow, offset } from "@floating-ui/react-dom";
+function getArgsWithCustomFloatingHeight(state, height) {
+  return {
+    ...state,
+    rects: {
+      ...state.rects,
+      floating: {
+        ...state.rects.floating,
+        height
+      }
+    }
+  };
+}
+const inner = props => ({
+  name: "inner",
+  options: props,
+  async fn(state) {
+    const {
+      listRef,
+      overflowRef,
+      onFallbackChange,
+      offset: innerOffset = 0,
+      index = 0,
+      minItemsVisible = 4,
+      referenceOverflowThreshold = 0,
+      scrollRef,
+      padding = 0
+    } = props;
+    const {
+      rects,
+      elements: {
+        floating
+      }
+    } = state;
+    const item = listRef.current?.[index ?? 0];
+    const scrollEl = scrollRef?.current || floating;
+    const clientTop = floating.clientTop || scrollEl.clientTop;
+    const floatingIsBordered = floating.clientTop !== 0;
+    const scrollElIsBordered = scrollEl.clientTop !== 0;
+    const floatingIsScrollEl = floating === scrollEl;
+    if (!item || index == null) {
+      onFallbackChange?.(true);
+      return {};
+    }
+    const nextArgs = {
+      ...state,
+      ...(await offset(-item.offsetTop - floating.clientTop - rects.reference.height / 2 - item.offsetHeight / 2 - innerOffset).fn(state))
+    };
+    const detectOverflowOptions = {
+      padding
+    };
+    const overflow = await detectOverflow(getArgsWithCustomFloatingHeight(nextArgs, scrollEl.scrollHeight + clientTop + floating.clientTop), detectOverflowOptions);
+    const refOverflow = await detectOverflow(nextArgs, {
+      ...detectOverflowOptions,
+      elementContext: "reference"
+    });
+    const diffY = Math.max(0, overflow.top);
+    const nextY = nextArgs.y + diffY;
+    const isScrollable = scrollEl.scrollHeight > scrollEl.clientHeight;
+    const rounder = isScrollable ? v => v : Math.round;
+    const maxHeight = rounder(Math.max(0, scrollEl.scrollHeight + (floatingIsBordered && floatingIsScrollEl || scrollElIsBordered ? clientTop * 2 : 0) - diffY - Math.max(0, overflow.bottom)));
+    scrollEl.style.maxHeight = `${maxHeight}px`;
+    scrollEl.scrollTop = diffY;
+    if (onFallbackChange) {
+      const shouldFallback = scrollEl.offsetHeight < item.offsetHeight * Math.min(minItemsVisible, listRef.current?.length ?? 0) - 1 || refOverflow.top >= -referenceOverflowThreshold || refOverflow.bottom >= -referenceOverflowThreshold;
+      ReactDOM.flushSync(() => onFallbackChange(shouldFallback));
+    }
+    if (overflowRef) {
+      ;
+      overflowRef.current = await detectOverflow(getArgsWithCustomFloatingHeight({
+        ...nextArgs,
+        y: nextY
+      }, scrollEl.offsetHeight + clientTop + floating.clientTop), detectOverflowOptions);
+    }
+    return {
+      y: nextY
+    };
+  }
+});
+export { inner };
+//# sourceMappingURL=inner.mjs.map

package/dist/esm/middleware/inner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["ReactDOM","detectOverflow","offset","getArgsWithCustomFloatingHeight","state","height","rects","floating","inner","props","name","options","fn","listRef","overflowRef","onFallbackChange","innerOffset","index","minItemsVisible","referenceOverflowThreshold","scrollRef","padding","elements","item","current","scrollEl","clientTop","floatingIsBordered","scrollElIsBordered","floatingIsScrollEl","nextArgs","offsetTop","reference","offsetHeight","detectOverflowOptions","overflow","scrollHeight","refOverflow","elementContext","diffY","Math","max","top","nextY","y","isScrollable","clientHeight","rounder","v","round","maxHeight","bottom","style","scrollTop","shouldFallback","min","length","flushSync"],"sources":["../../../src/middleware/inner.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/middleware/inner.native.js

@@ -0,0 +1,91 @@
+import * as ReactDOM from "react-dom";
+import { detectOverflow, offset } from "@floating-ui/react-dom";
+function getArgsWithCustomFloatingHeight(state, height) {
+  return {
+    ...state,
+    rects: {
+      ...state.rects,
+      floating: {
+        ...state.rects.floating,
+        height
+      }
+    }
+  };
+}
+var inner = function (props) {
+  return {
+    name: "inner",
+    options: props,
+    async fn(state) {
+      var _listRef_current;
+      var {
+        listRef,
+        overflowRef,
+        onFallbackChange,
+        offset: innerOffset = 0,
+        index = 0,
+        minItemsVisible = 4,
+        referenceOverflowThreshold = 0,
+        scrollRef,
+        padding = 0
+      } = props;
+      var {
+        rects,
+        elements: {
+          floating
+        }
+      } = state;
+      var item = (_listRef_current = listRef.current) === null || _listRef_current === void 0 ? void 0 : _listRef_current[index !== null && index !== void 0 ? index : 0];
+      var scrollEl = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || floating;
+      var clientTop = floating.clientTop || scrollEl.clientTop;
+      var floatingIsBordered = floating.clientTop !== 0;
+      var scrollElIsBordered = scrollEl.clientTop !== 0;
+      var floatingIsScrollEl = floating === scrollEl;
+      if (!item || index == null) {
+        onFallbackChange === null || onFallbackChange === void 0 ? void 0 : onFallbackChange(true);
+        return {};
+      }
+      var nextArgs = {
+        ...state,
+        ...(await offset(-item.offsetTop - floating.clientTop - rects.reference.height / 2 - item.offsetHeight / 2 - innerOffset).fn(state))
+      };
+      var detectOverflowOptions = {
+        padding
+      };
+      var overflow = await detectOverflow(getArgsWithCustomFloatingHeight(nextArgs, scrollEl.scrollHeight + clientTop + floating.clientTop), detectOverflowOptions);
+      var refOverflow = await detectOverflow(nextArgs, {
+        ...detectOverflowOptions,
+        elementContext: "reference"
+      });
+      var diffY = Math.max(0, overflow.top);
+      var nextY = nextArgs.y + diffY;
+      var isScrollable = scrollEl.scrollHeight > scrollEl.clientHeight;
+      var rounder = isScrollable ? function (v) {
+        return v;
+      } : Math.round;
+      var maxHeight = rounder(Math.max(0, scrollEl.scrollHeight + (floatingIsBordered && floatingIsScrollEl || scrollElIsBordered ? clientTop * 2 : 0) - diffY - Math.max(0, overflow.bottom)));
+      scrollEl.style.maxHeight = `${maxHeight}px`;
+      scrollEl.scrollTop = diffY;
+      if (onFallbackChange) {
+        var _listRef_current1;
+        var _listRef_current_length;
+        var shouldFallback = scrollEl.offsetHeight < item.offsetHeight * Math.min(minItemsVisible, (_listRef_current_length = (_listRef_current1 = listRef.current) === null || _listRef_current1 === void 0 ? void 0 : _listRef_current1.length) !== null && _listRef_current_length !== void 0 ? _listRef_current_length : 0) - 1 || refOverflow.top >= -referenceOverflowThreshold || refOverflow.bottom >= -referenceOverflowThreshold;
+        ReactDOM.flushSync(function () {
+          return onFallbackChange(shouldFallback);
+        });
+      }
+      if (overflowRef) {
+        ;
+        overflowRef.current = await detectOverflow(getArgsWithCustomFloatingHeight({
+          ...nextArgs,
+          y: nextY
+        }, scrollEl.offsetHeight + clientTop + floating.clientTop), detectOverflowOptions);
+      }
+      return {
+        y: nextY
+      };
+    }
+  };
+};
+export { inner };
+//# sourceMappingURL=inner.native.js.map

package/dist/esm/middleware/inner.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ReactDOM","detectOverflow","offset","getArgsWithCustomFloatingHeight","state","height","rects","floating","inner","props","name","options","fn","_listRef_current","listRef","overflowRef","onFallbackChange","innerOffset","index","minItemsVisible","referenceOverflowThreshold","scrollRef","padding","elements","item","current","scrollEl","clientTop","floatingIsBordered","scrollElIsBordered","floatingIsScrollEl","nextArgs","offsetTop","reference","offsetHeight","detectOverflowOptions","overflow","scrollHeight","refOverflow","elementContext","diffY","Math","max","top","nextY","y","isScrollable","clientHeight","rounder","v","round","maxHeight","bottom","style","scrollTop","_listRef_current1","_listRef_current_length","shouldFallback","min","length","flushSync"],"sources":["../../../src/middleware/inner.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/useFloating.mjs

@@ -1,12 +1,16 @@
 import React from "react";
 import * as Floating from "./Floating.mjs";
-const FloatingOverrideContext = React.createContext(null),
-  useFloating = props => (React.useContext(FloatingOverrideContext) || Floating.useFloating)?.({
+const FloatingOverrideContext = React.createContext(null);
+const useFloating = props => {
+  "use no memo";
+
+  const context = React.useContext(FloatingOverrideContext);
+  return (context || Floating.useFloating)?.({
     ...props,
     middleware: [
     // @ts-ignore
     ...props.middleware, {
-      name: "rounded",
+      name: `rounded`,
       fn({
         x,
         y
@@ -18,5 +22,6 @@ const FloatingOverrideContext = React.createContext(null),
       }
     }]
   });
+};
 export { FloatingOverrideContext, useFloating };
 //# sourceMappingURL=useFloating.mjs.map

package/dist/esm/useFloating.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","Floating","FloatingOverrideContext","createContext","useFloating","props","useContext","middleware","name","fn","x","y","Math","round"],"sources":["../../src/useFloating.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,YAAYC,QAAA,MAAc;AAkBnB,MAAMC,uBAAA,GAA0BF,KAAA,CAAMG,aAAA,CAAoC,IAAI;EAExEC,WAAA,GAAeC,KAAA,KACVL,KAAA,CAAMM,UAAA,CAAWJ,uBAAuB,KACrCD,QAAA,CAASG,WAAA,IAAe;IACzC,GAAGC,KAAA;IACHE,UAAA,EAAY;IAAA;IAEV,GAAGF,KAAA,CAAME,UAAA,EACT;MACEC,IAAA,EAAM;MACNC,GAAG;QAAEC,CAAA;QAAGC;MAAE,GAAG;QACX,OAAO;UACLD,CAAA,EAAGE,IAAA,CAAKC,KAAA,CAAMH,CAAC;UACfC,CAAA,EAAGC,IAAA,CAAKC,KAAA,CAAMF,CAAC;QACjB;MACF;IACF;EAEJ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Floating","FloatingOverrideContext","createContext","useFloating","props","context","useContext","middleware","name","fn","x","y","Math","round"],"sources":["../../src/useFloating.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,YAAYC,QAAA,MAAc;AA0BnB,MAAMC,uBAAA,GAA0BF,KAAA,CAAMG,aAAA,CAC3C,IACF;AAEO,MAAMC,WAAA,GAAeC,KAAA,IAA+C;EACzE;;EAEA,MAAMC,OAAA,GAAUN,KAAA,CAAMO,UAAA,CAAWL,uBAAuB;EACxD,QAAQI,OAAA,IAAWL,QAAA,CAASG,WAAA,IAAe;IACzC,GAAGC,KAAA;IACHG,UAAA,EAAY;IAAA;IAEV,GAAGH,KAAA,CAAMG,UAAA,EACT;MACEC,IAAA,EAAM;MACNC,GAAG;QAAEC,CAAA;QAAGC;MAAE,GAAG;QACX,OAAO;UACLD,CAAA,EAAGE,IAAA,CAAKC,KAAA,CAAMH,CAAC;UACfC,CAAA,EAAGC,IAAA,CAAKC,KAAA,CAAMF,CAAC;QACjB;MACF;IACF;EAEJ,CAAC;AACH","ignoreList":[]}

package/dist/esm/useFloating.native.js

@@ -1,27 +1,29 @@
 import React from "react";
 import * as Floating from "./Floating.native.js";
-var FloatingOverrideContext = /* @__PURE__ */React.createContext(null),
-  useFloating = function (props) {
-    var _this,
-      context = React.useContext(FloatingOverrideContext);
-    return (_this = context || Floating.useFloating) === null || _this === void 0 ? void 0 : _this({
-      ...props,
-      middleware: [
-      // @ts-ignore
-      ...props.middleware, {
-        name: "rounded",
-        fn(param) {
-          var {
-            x,
-            y
-          } = param;
-          return {
-            x: Math.round(x),
-            y: Math.round(y)
-          };
-        }
-      }]
-    });
-  };
+var FloatingOverrideContext = /* @__PURE__ */React.createContext(null);
+var useFloating = function (props) {
+  "use no memo";
+
+  var _this;
+  var context = React.useContext(FloatingOverrideContext);
+  return (_this = context || Floating.useFloating) === null || _this === void 0 ? void 0 : _this({
+    ...props,
+    middleware: [
+    // @ts-ignore
+    ...props.middleware, {
+      name: `rounded`,
+      fn(param) {
+        var {
+          x,
+          y
+        } = param;
+        return {
+          x: Math.round(x),
+          y: Math.round(y)
+        };
+      }
+    }]
+  });
+};
 export { FloatingOverrideContext, useFloating };
 //# sourceMappingURL=useFloating.native.js.map

package/dist/esm/useFloating.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Floating","FloatingOverrideContext","createContext","useFloating","props","_this","context","useContext","middleware","name","fn","param","x","y","Math","round"],"sources":["../../src/useFloating.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,YAAYC,QAAA,MAAc;AAkBnB,IAAAC,uBAAM,kBAAgCF,KAAA,CAAoCG,aAEpE;EAAcC,WAAC,GACV,SAAAA,CAAMC,KAAA,EAAW;IAE/B,IAAGC,KAAA;MAAAC,OAAA,GAAAP,KAAA,CAAAQ,UAAA,CAAAN,uBAAA;IACH,QAAAI,KAAY,GAAAC,OAAA,IAAAN,QAAA,CAAAG,WAAA,cAAAE,KAAA,uBAAAA,KAAA;MAAA,GAAAD,KAAA;MAEVI,UAAS;MACT;MACE,GAAAJ,KAAM,CAAAI,UAAA,EACN;QACEC,IAAA,WAAO;QAAAC,EACLA,CAAAC,KAAG,EAAK;UACR,IAAG;YAAAC,CAAA;YAAKC;UAAA,IAAOF,KAAA;UACjB;YACFC,CAAA,EAAAE,IAAA,CAAAC,KAAA,CAAAH,CAAA;YACFC,CAAA,EAAAC,IAAA,CAAAC,KAAA,CAAAF,CAAA;UACF;QACD","ignoreList":[]}
+{"version":3,"names":["React","Floating","FloatingOverrideContext","createContext","useFloating","props","_this","context","useContext","middleware","name","fn","param","x","y","Math","round"],"sources":["../../src/useFloating.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,YAAYC,QAAA,MAAc;AA0BnB,IAAAC,uBAAM,kBAAgCF,KAAA,CAAAG,aAAA;AAAA,IAC3CC,WAAA,YAAAA,CAAAC,KAAA;EACF;;EAEO,IAAMC,KAAA;EACX,IAAAC,OAAA,GAAAP,KAAA,CAAAQ,UAAA,CAAAN,uBAAA;EAEA,OAAM,CAAAI,KAAA,GAAUC,OAAM,IAAAN,QAAW,CAAAG,WAAA,UAAuB,IAAAE,KAAA,uBAAAA,KAAA;IACxD,GAAAD,KAAQ;IACNI,UAAG;IACH;IAAY,GAAAJ,KAAA,CAAAI,UAAA,EAEV;MACAC,IAAA;MACEC,GAAAC,KAAM;QACN,IAAK;UAAGC,CAAA;UAAEC;QAAG,IAAAF,KAAA;QACX,OAAO;UACLC,CAAA,EAAGE,IAAA,CAAKC,KAAA,CAAMH,CAAC;UACfC,CAAA,EAAGC,IAAA,CAAKC,KAAA,CAAMF,CAAC;QACjB;MACF;IACF;EAEJ,CAAC;AACH","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/floating",
-  "version": "2.0.0-rc.4",
+  "version": "2.0.0-rc.40",
   "source": "src/index.ts",
   "files": [
     "src",
@@ -16,15 +16,12 @@
     "./package.json": "./package.json",
     ".": {
       "types": "./types/index.d.ts",
-      "react-native": {
-        "module": "./dist/esm/index.native.js",
-        "import": "./dist/esm/index.native.js",
-        "require": "./dist/cjs/index.native.js"
-      },
+      "react-native": "./dist/esm/index.native.js",
+      "browser": "./dist/esm/index.mjs",
       "module": "./dist/esm/index.mjs",
       "import": "./dist/esm/index.mjs",
       "require": "./dist/cjs/index.cjs",
-      "default": "./dist/cjs/index.native.js"
+      "default": "./dist/esm/index.mjs"
     }
   },
   "publishConfig": {
@@ -38,12 +35,13 @@
   },
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.6",
-    "@floating-ui/react-native": "^0.10.7"
+    "@floating-ui/react-native": "^0.10.7",
+    "@tamagui/use-event": "2.0.0-rc.40"
   },
   "devDependencies": {
-    "@tamagui/build": "2.0.0-rc.4",
+    "@tamagui/build": "2.0.0-rc.40",
     "react": ">=19",
-    "react-native": "0.81.5"
+    "react-native": "0.83.2"
   },
   "peerDependencies": {
     "react": ">=19",

package/src/Floating.native.tsx

@@ -2,6 +2,7 @@ import type { ComputePositionReturn } from '@floating-ui/react-native'
 import type { RefObject } from 'react'
 
 export const autoUpdate = () => {}
+export const getOverflowAncestors = () => []
 
 export * from '@floating-ui/react-native'
 

package/src/index.ts

@@ -49,6 +49,7 @@ export {
   autoUpdate,
   detectOverflow,
   flip,
+  getOverflowAncestors,
   hide,
   inline,
   limitShift,
@@ -64,4 +65,52 @@ export {
   type UseFloatingReturn,
   type UseFloatingProps,
   type UseFloatingFn,
+  type UseFloatingOverrideFn,
 } from './useFloating'
+
+// raw useFloating without FloatingOverrideContext — use when building
+// override context factories to avoid infinite recursion
+export { useFloating as useFloatingRaw } from './Floating'
+
+// event emitter for hook coordination
+export { createFloatingEvents } from './interactions/createFloatingEvents'
+
+// multi-trigger coordination
+export { PopupTriggerMap } from './interactions/PopupTriggerMap'
+
+// interaction hooks
+export { useInteractions } from './interactions/useInteractions'
+export { useHover } from './interactions/useHover'
+export { safePolygon } from './interactions/safePolygon'
+export { useFocus } from './interactions/useFocus'
+export { useRole } from './interactions/useRole'
+export { useClick } from './interactions/useClick'
+export { useListNavigation } from './interactions/useListNavigation'
+export { useTypeahead } from './interactions/useTypeahead'
+export { useInnerOffset } from './interactions/useInnerOffset'
+export {
+  FloatingDelayGroup,
+  useDelayGroup,
+  useDelayGroupContext,
+} from './interactions/useDelayGroup'
+
+// middleware
+export { inner } from './middleware/inner'
+
+// types
+export type {
+  ElementProps,
+  FloatingEvents,
+  FloatingInteractionContext,
+  OpenChangeReason,
+  UseHoverProps,
+  HandleCloseFn,
+  SafePolygonOptions,
+  UseFocusProps,
+  UseRoleProps,
+  UseClickProps,
+  UseListNavigationProps,
+  UseTypeaheadProps,
+  UseInnerOffsetProps,
+  Delay,
+} from './interactions/types'

package/src/interactions/PopupTriggerMap.ts

@@ -0,0 +1,30 @@
+// tracks trigger elements for multi-trigger tooltip/popover patterns.
+// when multiple triggers share a single floating element (scoped pattern),
+// this lets useHover check if the cursor moved to a sibling trigger
+// and suppress the close.
+
+export class PopupTriggerMap {
+  private map = new Map<string, Element>()
+  private elements = new Set<Element>()
+
+  add(id: string, element: Element) {
+    const prev = this.map.get(id)
+    if (prev) {
+      this.elements.delete(prev)
+    }
+    this.map.set(id, element)
+    this.elements.add(element)
+  }
+
+  delete(id: string) {
+    const el = this.map.get(id)
+    if (el) {
+      this.elements.delete(el)
+      this.map.delete(id)
+    }
+  }
+
+  hasElement(element: Element): boolean {
+    return this.elements.has(element)
+  }
+}

package/src/interactions/createFloatingEvents.ts

@@ -0,0 +1,34 @@
+// lightweight event emitter for coordinating between interaction hooks.
+// when one hook changes open state (e.g. dismiss via escape), others
+// need to know so they can clear their timers and prevent reopening.
+
+export type FloatingEvents = {
+  emit(event: string, data?: any): void
+  on(event: string, handler: (data?: any) => void): void
+  off(event: string, handler: (data?: any) => void): void
+}
+
+export function createFloatingEvents(): FloatingEvents {
+  const listeners = new Map<string, Set<(data?: any) => void>>()
+
+  return {
+    emit(event, data) {
+      listeners.get(event)?.forEach((fn) => fn(data))
+    },
+    on(event, handler) {
+      let set = listeners.get(event)
+      if (!set) {
+        set = new Set()
+        listeners.set(event, set)
+      }
+      set.add(handler)
+    },
+    off(event, handler) {
+      const set = listeners.get(event)
+      if (set) {
+        set.delete(handler)
+        if (set.size === 0) listeners.delete(event)
+      }
+    },
+  }
+}