@tamagui/popper 1.1.7 → 1.1.9

package/dist/cjs/Popper.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -37,11 +41,11 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_compose_refs = require("@tamagui/compose-refs");
 var import_core = require("@tamagui/core");
 var import_create_context = require("@tamagui/create-context");
+var import_floating = require("@tamagui/floating");
 var import_get_size = require("@tamagui/get-size");
 var import_stacks = require("@tamagui/stacks");
 var React = __toESM(require("react"));
-var import_floating = require("./floating");
-var import_useFloating = require("./useFloating");
+var import_react_native = require("react-native");
 const POPPER_NAME = "Popper";
 const [createPopperContext, createScope] = (0, import_create_context.createContextScope)(POPPER_NAME);
 const createPopperScope = createScope;
@@ -64,9 +68,11 @@ const Popper = (props) => {
   const [arrowEl, setArrow] = React.useState(null);
   const [arrowSize, setArrowSize] = React.useState(0);
   const arrowRef = React.useRef();
-  const floating = (0, import_useFloating.useFloating)({
+  const floating = (0, import_floating.useFloating)({
     strategy,
     placement,
+    sameScrollView: false,
+    // this only takes effect on native
     middleware: [
       stayInFrame ? (0, import_floating.shift)(typeof stayInFrame === "boolean" ? {} : stayInFrame) : null,
       allowFlip ? (0, import_floating.flip)(typeof allowFlip === "boolean" ? {} : allowFlip) : null,
@@ -79,23 +85,46 @@ const Popper = (props) => {
   (0, import_core.useIsomorphicLayoutEffect)(() => {
     floating.reference(anchorRef.current);
   }, [anchorRef]);
-  React.useEffect(() => {
-    if (!(refs.reference.current && refs.floating.current)) {
-      return;
+  if (import_core.isWeb) {
+    React.useEffect(() => {
+      if (!(refs.reference.current && refs.floating.current)) {
+        return;
+      }
+      return (0, import_floating.autoUpdate)(refs.reference.current, refs.floating.current, floating.update);
+    }, [floating.update, refs.floating, refs.reference]);
+  } else {
+    const dimensions = (0, import_react_native.useWindowDimensions)();
+    const [keyboardOpen, setKeyboardOpen] = React.useState(false);
+    React.useEffect(() => {
+      const showSubscription = import_react_native.Keyboard.addListener("keyboardDidShow", () => {
+        setKeyboardOpen(true);
+      });
+      const hideSubscription = import_react_native.Keyboard.addListener("keyboardDidHide", () => {
+        setKeyboardOpen(false);
+      });
+      return () => {
+        showSubscription.remove();
+        hideSubscription.remove();
+      };
+    }, []);
+    (0, import_core.useIsomorphicLayoutEffect)(() => {
+      floating.update();
+    }, [dimensions, keyboardOpen]);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    PopperProvider,
+    {
+      scope: __scopePopper,
+      anchorRef,
+      size,
+      arrowRef: composedArrowRefs,
+      arrowStyle: middlewareData.arrow,
+      onArrowSize: setArrowSize,
+      isMounted,
+      ...floating,
+      children
     }
-    return (0, import_floating.autoUpdate)(refs.reference.current, refs.floating.current, floating.update);
-  }, [floating.update, refs.floating, refs.reference]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperProvider, {
-    scope: __scopePopper,
-    anchorRef,
-    size,
-    arrowRef: composedArrowRefs,
-    arrowStyle: middlewareData.arrow,
-    onArrowSize: setArrowSize,
-    isMounted,
-    ...floating,
-    children
-  });
+  );
 };
 Popper.displayName = POPPER_NAME;
 const ANCHOR_NAME = "PopperAnchor";
@@ -112,9 +141,7 @@ const PopperAnchor = React.forwardRef(
       ref: composedRefs,
       ...anchorProps
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, {
-      ...getReferenceProps ? getReferenceProps(stackProps) : stackProps
-    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, { ...getReferenceProps ? getReferenceProps(stackProps) : stackProps });
   }
 );
 PopperAnchor.displayName = ANCHOR_NAME;
@@ -145,12 +172,16 @@ const PopperContent = PopperContentFrame.extractable(
       const { strategy, placement, floating, x, y, getFloatingProps, size, isMounted } = usePopperContext(CONTENT_NAME, __scopePopper);
       const contentRefs = (0, import_compose_refs.useComposedRefs)(floating, forwardedRef);
       const contents = React.useMemo(() => {
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperContentFrame, {
-          "data-placement": placement,
-          "data-strategy": strategy,
-          size: contentProps.size || size,
-          ...contentProps
-        }, "popper-content-frame");
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          PopperContentFrame,
+          {
+            "data-placement": placement,
+            "data-strategy": strategy,
+            size: contentProps.size || size,
+            ...contentProps
+          },
+          "popper-content-frame"
+        );
       }, [placement, strategy, props]);
       if (!isMounted) {
         return null;
@@ -161,10 +192,14 @@ const PopperContent = PopperContentFrame.extractable(
         y: y || 0,
         position: strategy
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, {
-        ...getFloatingProps ? getFloatingProps(frameProps) : frameProps,
-        children: contents
-      });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_stacks.YStack,
+        {
+          animateOnly: ["transform"],
+          ...getFloatingProps ? getFloatingProps(frameProps) : frameProps,
+          children: contents
+        }
+      );
     }
   )
 );
@@ -193,6 +228,7 @@ const opposites = {
 };
 const PopperArrow = PopperArrowFrame.extractable(
   React.forwardRef(function PopperArrow2(props, forwardedRef) {
+    var _a, _b;
     const {
       __scopePopper,
       offset: offset2,
@@ -205,8 +241,9 @@ const PopperArrow = PopperArrowFrame.extractable(
     const sizeValResolved = (0, import_core.getVariableValue)((0, import_get_size.stepTokenUpOrDown)("space", sizeVal, -2, [2]));
     const size = +sizeValResolved;
     const { placement } = context;
-    const { x, y } = context.arrowStyle || { x: 0, y: 0 };
     const refs = (0, import_compose_refs.useComposedRefs)(context.arrowRef, forwardedRef);
+    const x = ((_a = context.arrowStyle) == null ? void 0 : _a.x) || 0;
+    const y = ((_b = context.arrowStyle) == null ? void 0 : _b.y) || 0;
     const primaryPlacement = placement ? placement.split("-")[0] : "top";
     const arrowStyle = { x, y, width: size, height: size };
     const innerArrowStyle = {};
@@ -226,13 +263,12 @@ const PopperArrow = PopperArrowFrame.extractable(
       }
     }
     (0, import_core.useIsomorphicLayoutEffect)(() => {
-      var _a;
-      (_a = context.onArrowSize) == null ? void 0 : _a.call(context, size);
+      var _a2;
+      (_a2 = context.onArrowSize) == null ? void 0 : _a2.call(context, size);
     }, [size, context.onArrowSize]);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperArrowOuterFrame, {
-      ref: refs,
-      ...arrowStyle,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperArrowFrame, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperArrowOuterFrame, { ref: refs, ...arrowStyle, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      PopperArrowFrame,
+      {
         width: size,
         height: size,
         ...arrowProps,
@@ -254,8 +290,8 @@ const PopperArrow = PopperArrowFrame.extractable(
           borderBottomWidth: borderWidth,
           borderLeftWidth: borderWidth
         }
-      })
-    });
+      }
+    ) });
   })
 );
 PopperArrow.displayName = ARROW_NAME;

package/dist/cjs/Popper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Popper.tsx"],
-  "sourcesContent": ["// adapted from radix-ui popper\n\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  SizeTokens,\n  StackProps,\n  getVariableValue,\n  styled,\n  useIsomorphicLayoutEffect,\n} from '@tamagui/core'\nimport { Scope, createContextScope } from '@tamagui/create-context'\nimport { stepTokenUpOrDown } from '@tamagui/get-size'\nimport { SizableStackProps, ThemeableStack, YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nimport {\n  Coords,\n  Placement,\n  Strategy,\n  arrow,\n  autoUpdate,\n  flip,\n  offset,\n  shift,\n} from './floating'\nimport { UseFloatingReturn, useFloating } from './useFloating'\n\ntype ShiftProps = typeof shift extends (options: infer Opts) => void ? Opts : never\ntype FlipProps = typeof flip extends (options: infer Opts) => void ? Opts : never\n\n/* -------------------------------------------------------------------------------------------------\n * Popper\n * -----------------------------------------------------------------------------------------------*/\n\nconst POPPER_NAME = 'Popper'\n\ntype ScopedProps<P> = P & { __scopePopper?: Scope }\nconst [createPopperContext, createScope] = createContextScope(POPPER_NAME)\n\nexport const createPopperScope = createScope\n\ntype PopperContextValue = UseFloatingReturn & {\n  isMounted: boolean\n  anchorRef: any\n  size?: SizeTokens\n  placement?: Placement\n  arrowRef: any\n  onArrowSize?: (val: number) => void\n  arrowStyle?: Partial<Coords> & {\n    centerOffset: number\n  }\n}\nexport const [PopperProvider, usePopperContext] =\n  createPopperContext<PopperContextValue>(POPPER_NAME)\n\nexport type PopperProps = {\n  size?: SizeTokens\n  children?: React.ReactNode\n  placement?: Placement\n  stayInFrame?: ShiftProps | boolean\n  allowFlip?: FlipProps | boolean\n  strategy?: Strategy\n}\n\nexport const Popper: React.FC<PopperProps> = (props: ScopedProps<PopperProps>) => {\n  const {\n    __scopePopper,\n    children,\n    size,\n    strategy = 'absolute',\n    placement = 'bottom',\n    stayInFrame,\n    allowFlip,\n  } = props\n\n  const [isMounted, setIsMounted] = React.useState(false)\n  useIsomorphicLayoutEffect(() => {\n    setIsMounted(true)\n  }, [])\n\n  const anchorRef = React.useRef<any>()\n  const [arrowEl, setArrow] = React.useState<HTMLSpanElement | null>(null)\n  const [arrowSize, setArrowSize] = React.useState(0)\n  const arrowRef = React.useRef()\n\n  const floating = useFloating({\n    strategy,\n    placement,\n    middleware: [\n      stayInFrame\n        ? shift(typeof stayInFrame === 'boolean' ? {} : stayInFrame)\n        : (null as any),\n      allowFlip ? flip(typeof allowFlip === 'boolean' ? {} : allowFlip) : (null as any),\n      arrowEl ? arrow({ element: arrowEl }) : (null as any),\n      arrowSize ? offset(arrowSize) : (null as any),\n    ].filter(Boolean),\n  })\n\n  const { refs, middlewareData } = floating\n\n  const composedArrowRefs = useComposedRefs<any>(arrowRef, setArrow)\n\n  useIsomorphicLayoutEffect(() => {\n    floating.reference(anchorRef.current)\n  }, [anchorRef])\n\n  React.useEffect(() => {\n    if (!(refs.reference.current && refs.floating.current)) {\n      return\n    }\n    // Only call this when the floating element is rendered\n    return autoUpdate(refs.reference.current, refs.floating.current, floating.update)\n  }, [floating.update, refs.floating, refs.reference])\n\n  return (\n    <PopperProvider\n      scope={__scopePopper}\n      anchorRef={anchorRef}\n      size={size}\n      arrowRef={composedArrowRefs}\n      arrowStyle={middlewareData.arrow}\n      onArrowSize={setArrowSize}\n      isMounted={isMounted}\n      {...floating}\n    >\n      {children}\n    </PopperProvider>\n  )\n}\n\nPopper.displayName = POPPER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopperAnchor\n * -----------------------------------------------------------------------------------------------*/\n\nconst ANCHOR_NAME = 'PopperAnchor'\n\ntype PopperAnchorRef = HTMLElement | View\n\nexport type PopperAnchorProps = YStackProps & {\n  virtualRef?: React.RefObject<any>\n}\n\nexport const PopperAnchor = React.forwardRef<PopperAnchorRef, PopperAnchorProps>(\n  (props: ScopedProps<PopperAnchorProps>, forwardedRef) => {\n    const { __scopePopper, virtualRef, ...anchorProps } = props\n    const { anchorRef, getReferenceProps } = usePopperContext(ANCHOR_NAME, __scopePopper)\n    const ref = React.useRef<PopperAnchorRef>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref, anchorRef)\n    if (virtualRef) {\n      return null\n    }\n    const stackProps = {\n      ref: composedRefs,\n      ...anchorProps,\n    }\n    return (\n      <YStack {...(getReferenceProps ? getReferenceProps(stackProps) : stackProps)} />\n    )\n  }\n)\n\nPopperAnchor.displayName = ANCHOR_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopperContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'PopperContent'\n\ntype PopperContentElement = HTMLElement | View\n\nexport type PopperContentProps = SizableStackProps\n\nconst PopperContentFrame = styled(ThemeableStack, {\n  name: 'PopperContent',\n  backgroundColor: '$background',\n  alignItems: 'center',\n  radiused: true,\n\n  variants: {\n    size: {\n      '...size': (val, { tokens }) => {\n        return {\n          padding: tokens.space[val],\n          borderRadius: tokens.radius[val],\n        }\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport const PopperContent = PopperContentFrame.extractable(\n  React.forwardRef<PopperContentElement, PopperContentProps>(\n    (props: ScopedProps<PopperContentProps>, forwardedRef) => {\n      const { __scopePopper, ...contentProps } = props\n      const { strategy, placement, floating, x, y, getFloatingProps, size, isMounted } =\n        usePopperContext(CONTENT_NAME, __scopePopper)\n      const contentRefs = useComposedRefs<any>(floating, forwardedRef)\n\n      const contents = React.useMemo(() => {\n        return (\n          <PopperContentFrame\n            key=\"popper-content-frame\"\n            data-placement={placement}\n            data-strategy={strategy}\n            size={contentProps.size || size}\n            {...contentProps}\n          />\n        )\n      }, [placement, strategy, props])\n\n      // all poppers hidden on ssr by default\n      if (!isMounted) {\n        return null\n      }\n\n      const frameProps = {\n        ref: contentRefs,\n        x: x || 0,\n        y: y || 0,\n        position: strategy,\n      }\n\n      // outer frame because we explicitly dont want animation to apply to this\n      return (\n        <YStack {...(getFloatingProps ? getFloatingProps(frameProps) : frameProps)}>\n          {contents}\n        </YStack>\n      )\n    }\n  )\n)\n\nPopperContent.displayName = CONTENT_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopperArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'PopperArrow'\n\ntype PopperArrowElement = HTMLElement | View\n\nexport type PopperArrowProps = YStackProps & {\n  offset?: number\n  size?: SizeTokens\n}\n\nconst PopperArrowFrame = styled(YStack, {\n  name: 'PopperArrow',\n  borderColor: '$borderColor',\n  backgroundColor: '$background',\n  position: 'relative',\n})\n\nconst PopperArrowOuterFrame = styled(YStack, {\n  name: 'PopperArrowOuter',\n  position: 'absolute',\n  zIndex: -1,\n  pointerEvents: 'none',\n  overflow: 'hidden',\n  alignItems: 'center',\n  justifyContent: 'center',\n})\n\nconst opposites = {\n  top: 'bottom',\n  right: 'left',\n  bottom: 'top',\n  left: 'right',\n} as const\n\ntype Sides = keyof typeof opposites\n\nexport const PopperArrow = PopperArrowFrame.extractable(\n  React.forwardRef<PopperArrowElement, PopperArrowProps>(function PopperArrow(\n    props: ScopedProps<PopperArrowProps>,\n    forwardedRef\n  ) {\n    const {\n      __scopePopper,\n      offset,\n      size: sizeProp,\n      borderWidth = 0,\n      ...arrowProps\n    } = props\n    const context = usePopperContext(ARROW_NAME, __scopePopper)\n    const sizeVal = sizeProp ?? context.size\n    const sizeValResolved = getVariableValue(stepTokenUpOrDown('space', sizeVal, -2, [2]))\n    const size = +sizeValResolved\n    const { placement } = context\n    const { x, y } = context.arrowStyle || { x: 0, y: 0 }\n    const refs = useComposedRefs(context.arrowRef, forwardedRef)\n\n    const primaryPlacement = (placement ? placement.split('-')[0] : 'top') as Sides\n\n    const arrowStyle: StackProps = { x, y, width: size, height: size }\n    const innerArrowStyle: StackProps = {}\n    const isVertical = primaryPlacement === 'bottom' || primaryPlacement === 'top'\n\n    if (primaryPlacement) {\n      // allows for extra diagonal size\n      arrowStyle[isVertical ? 'width' : 'height'] = size * 2\n      const oppSide = opposites[primaryPlacement]\n      if (oppSide) {\n        arrowStyle[oppSide] = -size\n        innerArrowStyle[oppSide] = size / 2\n      }\n      if (oppSide === 'top' || oppSide === 'bottom') {\n        arrowStyle.left = 0\n      }\n      if (oppSide === 'left' || oppSide === 'right') {\n        arrowStyle.top = 0\n      }\n    }\n\n    // send the Arrow's offset up to Popper\n    useIsomorphicLayoutEffect(() => {\n      context.onArrowSize?.(size)\n    }, [size, context.onArrowSize])\n\n    // outer frame to cut off for ability to have nicer shadows/borders\n    return (\n      <PopperArrowOuterFrame ref={refs} {...arrowStyle}>\n        <PopperArrowFrame\n          width={size}\n          height={size}\n          {...arrowProps}\n          {...innerArrowStyle}\n          rotate=\"45deg\"\n          {...(primaryPlacement === 'bottom' && {\n            borderBottomWidth: borderWidth,\n            borderRightWidth: borderWidth,\n          })}\n          {...(primaryPlacement === 'top' && {\n            borderTopWidth: borderWidth,\n            borderLeftWidth: borderWidth,\n          })}\n          {...(primaryPlacement === 'right' && {\n            borderTopWidth: borderWidth,\n            borderRightWidth: borderWidth,\n          })}\n          {...(primaryPlacement === 'left' && {\n            borderBottomWidth: borderWidth,\n            borderLeftWidth: borderWidth,\n          })}\n        />\n      </PopperArrowOuterFrame>\n    )\n  })\n)\n\nPopperArrow.displayName = ARROW_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n"],
-  "mappings": "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",
-  "names": ["PopperArrow", "offset"]
+  "sourcesContent": ["// adapted from radix-ui popper\n\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  SizeTokens,\n  StackProps,\n  getVariableValue,\n  isWeb,\n  styled,\n  useIsomorphicLayoutEffect,\n} from '@tamagui/core'\nimport { Scope, createContextScope } from '@tamagui/create-context'\nimport {\n  Coords,\n  Placement,\n  Strategy,\n  UseFloatingReturn,\n  arrow,\n  autoUpdate,\n  flip,\n  offset,\n  shift,\n  useFloating,\n} from '@tamagui/floating'\nimport { stepTokenUpOrDown } from '@tamagui/get-size'\nimport { SizableStackProps, ThemeableStack, YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { Keyboard, View, useWindowDimensions } from 'react-native'\n\ntype ShiftProps = typeof shift extends (options: infer Opts) => void ? Opts : never\ntype FlipProps = typeof flip extends (options: infer Opts) => void ? Opts : never\n\n/* -------------------------------------------------------------------------------------------------\n * Popper\n * -----------------------------------------------------------------------------------------------*/\n\nconst POPPER_NAME = 'Popper'\n\ntype ScopedProps<P> = P & { __scopePopper?: Scope }\nconst [createPopperContext, createScope] = createContextScope(POPPER_NAME)\n\nexport const createPopperScope = createScope\n\ntype PopperContextValue = UseFloatingReturn & {\n  isMounted: boolean\n  anchorRef: any\n  size?: SizeTokens\n  placement?: Placement\n  arrowRef: any\n  onArrowSize?: (val: number) => void\n  arrowStyle?: Partial<Coords> & {\n    centerOffset: number\n  }\n}\nexport const [PopperProvider, usePopperContext] =\n  createPopperContext<PopperContextValue>(POPPER_NAME)\n\nexport type PopperProps = {\n  size?: SizeTokens\n  children?: React.ReactNode\n  placement?: Placement\n  stayInFrame?: ShiftProps | boolean\n  allowFlip?: FlipProps | boolean\n  strategy?: Strategy\n}\n\nexport const Popper: React.FC<PopperProps> = (props: ScopedProps<PopperProps>) => {\n  const {\n    __scopePopper,\n    children,\n    size,\n    strategy = 'absolute',\n    placement = 'bottom',\n    stayInFrame,\n    allowFlip,\n  } = props\n\n  const [isMounted, setIsMounted] = React.useState(false)\n  useIsomorphicLayoutEffect(() => {\n    setIsMounted(true)\n  }, [])\n\n  const anchorRef = React.useRef<any>()\n  const [arrowEl, setArrow] = React.useState<any>(null)\n  const [arrowSize, setArrowSize] = React.useState(0)\n  const arrowRef = React.useRef()\n\n  const floating = useFloating({\n    strategy,\n    placement,\n    sameScrollView: false, // this only takes effect on native\n    middleware: [\n      stayInFrame\n        ? shift(typeof stayInFrame === 'boolean' ? {} : stayInFrame)\n        : (null as any),\n      allowFlip ? flip(typeof allowFlip === 'boolean' ? {} : allowFlip) : (null as any),\n      arrowEl ? arrow({ element: arrowEl }) : (null as any),\n      arrowSize ? offset(arrowSize) : (null as any),\n    ].filter(Boolean),\n  })\n\n  const { refs, middlewareData } = floating\n\n  const composedArrowRefs = useComposedRefs<any>(arrowRef, setArrow)\n\n  useIsomorphicLayoutEffect(() => {\n    floating.reference(anchorRef.current)\n  }, [anchorRef])\n\n  if (isWeb) {\n    React.useEffect(() => {\n      if (!(refs.reference.current && refs.floating.current)) {\n        return\n      }\n      // Only call this when the floating element is rendered\n      return autoUpdate(refs.reference.current, refs.floating.current, floating.update)\n    }, [floating.update, refs.floating, refs.reference])\n  } else {\n    // On Native there's no autoupdate so we call update() when necessary\n\n    // Subscribe to window dimensions (orientation, scale, etc...)\n    const dimensions = useWindowDimensions()\n\n    // Subscribe to keyboard state\n    const [keyboardOpen, setKeyboardOpen] = React.useState(false)\n    React.useEffect(() => {\n      const showSubscription = Keyboard.addListener('keyboardDidShow', () => {\n        setKeyboardOpen(true)\n      })\n      const hideSubscription = Keyboard.addListener('keyboardDidHide', () => {\n        setKeyboardOpen(false)\n      })\n\n      return () => {\n        showSubscription.remove()\n        hideSubscription.remove()\n      }\n    }, [])\n\n    useIsomorphicLayoutEffect(() => {\n      floating.update()\n    }, [dimensions, keyboardOpen])\n  }\n\n  return (\n    <PopperProvider\n      scope={__scopePopper}\n      anchorRef={anchorRef}\n      size={size}\n      arrowRef={composedArrowRefs}\n      arrowStyle={middlewareData.arrow}\n      onArrowSize={setArrowSize}\n      isMounted={isMounted}\n      {...floating}\n    >\n      {children}\n    </PopperProvider>\n  )\n}\n\nPopper.displayName = POPPER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopperAnchor\n * -----------------------------------------------------------------------------------------------*/\n\nconst ANCHOR_NAME = 'PopperAnchor'\n\ntype PopperAnchorRef = HTMLElement | View\n\nexport type PopperAnchorProps = YStackProps & {\n  virtualRef?: React.RefObject<any>\n}\n\nexport const PopperAnchor = React.forwardRef<PopperAnchorRef, PopperAnchorProps>(\n  (props: ScopedProps<PopperAnchorProps>, forwardedRef) => {\n    const { __scopePopper, virtualRef, ...anchorProps } = props\n    const { anchorRef, getReferenceProps } = usePopperContext(ANCHOR_NAME, __scopePopper)\n    const ref = React.useRef<PopperAnchorRef>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref, anchorRef)\n    if (virtualRef) {\n      return null\n    }\n    const stackProps = {\n      ref: composedRefs,\n      ...anchorProps,\n    }\n    return (\n      <YStack {...(getReferenceProps ? getReferenceProps(stackProps) : stackProps)} />\n    )\n  }\n)\n\nPopperAnchor.displayName = ANCHOR_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopperContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'PopperContent'\n\ntype PopperContentElement = HTMLElement | View\n\nexport type PopperContentProps = SizableStackProps\n\nconst PopperContentFrame = styled(ThemeableStack, {\n  name: 'PopperContent',\n  backgroundColor: '$background',\n  alignItems: 'center',\n  radiused: true,\n\n  variants: {\n    size: {\n      '...size': (val, { tokens }) => {\n        return {\n          padding: tokens.space[val],\n          borderRadius: tokens.radius[val],\n        }\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport const PopperContent = PopperContentFrame.extractable(\n  React.forwardRef<PopperContentElement, PopperContentProps>(\n    (props: ScopedProps<PopperContentProps>, forwardedRef) => {\n      const { __scopePopper, ...contentProps } = props\n      const { strategy, placement, floating, x, y, getFloatingProps, size, isMounted } =\n        usePopperContext(CONTENT_NAME, __scopePopper)\n      const contentRefs = useComposedRefs<any>(floating, forwardedRef)\n\n      const contents = React.useMemo(() => {\n        return (\n          <PopperContentFrame\n            key=\"popper-content-frame\"\n            data-placement={placement}\n            data-strategy={strategy}\n            size={contentProps.size || size}\n            {...contentProps}\n          />\n        )\n      }, [placement, strategy, props])\n\n      // all poppers hidden on ssr by default\n      if (!isMounted) {\n        return null\n      }\n\n      const frameProps = {\n        ref: contentRefs,\n        x: x || 0,\n        y: y || 0,\n        position: strategy,\n      }\n\n      // outer frame because we explicitly dont want animation to apply to this\n      return (\n        <YStack\n          animateOnly={['transform']}\n          {...(getFloatingProps ? getFloatingProps(frameProps) : frameProps)}\n        >\n          {contents}\n        </YStack>\n      )\n    }\n  )\n)\n\nPopperContent.displayName = CONTENT_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopperArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'PopperArrow'\n\ntype PopperArrowElement = HTMLElement | View\n\nexport type PopperArrowProps = YStackProps & {\n  offset?: number\n  size?: SizeTokens\n}\n\nconst PopperArrowFrame = styled(YStack, {\n  name: 'PopperArrow',\n  borderColor: '$borderColor',\n  backgroundColor: '$background',\n  position: 'relative',\n})\n\nconst PopperArrowOuterFrame = styled(YStack, {\n  name: 'PopperArrowOuter',\n  position: 'absolute',\n  zIndex: -1,\n  pointerEvents: 'none',\n  overflow: 'hidden',\n  alignItems: 'center',\n  justifyContent: 'center',\n})\n\nconst opposites = {\n  top: 'bottom',\n  right: 'left',\n  bottom: 'top',\n  left: 'right',\n} as const\n\ntype Sides = keyof typeof opposites\n\nexport const PopperArrow = PopperArrowFrame.extractable(\n  React.forwardRef<PopperArrowElement, PopperArrowProps>(function PopperArrow(\n    props: ScopedProps<PopperArrowProps>,\n    forwardedRef\n  ) {\n    const {\n      __scopePopper,\n      offset,\n      size: sizeProp,\n      borderWidth = 0,\n      ...arrowProps\n    } = props\n    const context = usePopperContext(ARROW_NAME, __scopePopper)\n    const sizeVal = sizeProp ?? context.size\n    const sizeValResolved = getVariableValue(stepTokenUpOrDown('space', sizeVal, -2, [2]))\n    const size = +sizeValResolved\n    const { placement } = context\n    const refs = useComposedRefs(context.arrowRef, forwardedRef)\n\n    // Sometimes floating-ui can return NaN during orientation or screen size changes on native\n    // so we explictly force the x,y position types as a number\n    const x = (context.arrowStyle?.x as number) || 0\n    const y = (context.arrowStyle?.y as number) || 0\n\n    const primaryPlacement = (placement ? placement.split('-')[0] : 'top') as Sides\n\n    const arrowStyle: StackProps = { x, y, width: size, height: size }\n    const innerArrowStyle: StackProps = {}\n    const isVertical = primaryPlacement === 'bottom' || primaryPlacement === 'top'\n\n    if (primaryPlacement) {\n      // allows for extra diagonal size\n      arrowStyle[isVertical ? 'width' : 'height'] = size * 2\n      const oppSide = opposites[primaryPlacement]\n      if (oppSide) {\n        arrowStyle[oppSide] = -size\n        innerArrowStyle[oppSide] = size / 2\n      }\n      if (oppSide === 'top' || oppSide === 'bottom') {\n        arrowStyle.left = 0\n      }\n      if (oppSide === 'left' || oppSide === 'right') {\n        arrowStyle.top = 0\n      }\n    }\n\n    // send the Arrow's offset up to Popper\n    useIsomorphicLayoutEffect(() => {\n      context.onArrowSize?.(size)\n    }, [size, context.onArrowSize])\n\n    // outer frame to cut off for ability to have nicer shadows/borders\n    return (\n      <PopperArrowOuterFrame ref={refs} {...arrowStyle}>\n        <PopperArrowFrame\n          width={size}\n          height={size}\n          {...arrowProps}\n          {...innerArrowStyle}\n          rotate=\"45deg\"\n          {...(primaryPlacement === 'bottom' && {\n            borderBottomWidth: borderWidth,\n            borderRightWidth: borderWidth,\n          })}\n          {...(primaryPlacement === 'top' && {\n            borderTopWidth: borderWidth,\n            borderLeftWidth: borderWidth,\n          })}\n          {...(primaryPlacement === 'right' && {\n            borderTopWidth: borderWidth,\n            borderRightWidth: borderWidth,\n          })}\n          {...(primaryPlacement === 'left' && {\n            borderBottomWidth: borderWidth,\n            borderLeftWidth: borderWidth,\n          })}\n        />\n      </PopperArrowOuterFrame>\n    )\n  })\n)\n\nPopperArrow.displayName = ARROW_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n"],
+  "mappings": "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",
+  "names": ["PopperArrow", "offset", "_a"]
 }

package/dist/cjs/index.js

@@ -3,10 +3,6 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -18,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
-__export(src_exports, {
-  FloatingOverrideContext: () => import_useFloating.FloatingOverrideContext
-});
 module.exports = __toCommonJS(src_exports);
-var import_useFloating = require("./useFloating");
 __reExport(src_exports, require("./Popper"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  FloatingOverrideContext
-});
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "sourcesContent": ["export { FloatingOverrideContext, type UseFloatingFn } from './useFloating'\nexport * from './Popper'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAA4D;AAC5D,wBAAc,qBADd;",
+  "sourcesContent": ["export * from './Popper'\n"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,qBAAd;",
   "names": []
 }

package/dist/esm/Popper.js

@@ -2,21 +2,23 @@ import { jsx } from "react/jsx-runtime";
 import { useComposedRefs } from "@tamagui/compose-refs";
 import {
   getVariableValue,
+  isWeb,
   styled,
   useIsomorphicLayoutEffect
 } from "@tamagui/core";
 import { createContextScope } from "@tamagui/create-context";
-import { stepTokenUpOrDown } from "@tamagui/get-size";
-import { ThemeableStack, YStack } from "@tamagui/stacks";
-import * as React from "react";
 import {
   arrow,
   autoUpdate,
   flip,
   offset,
-  shift
-} from "./floating";
-import { useFloating } from "./useFloating";
+  shift,
+  useFloating
+} from "@tamagui/floating";
+import { stepTokenUpOrDown } from "@tamagui/get-size";
+import { ThemeableStack, YStack } from "@tamagui/stacks";
+import * as React from "react";
+import { Keyboard, useWindowDimensions } from "react-native";
 const POPPER_NAME = "Popper";
 const [createPopperContext, createScope] = createContextScope(POPPER_NAME);
 const createPopperScope = createScope;
@@ -42,6 +44,8 @@ const Popper = (props) => {
   const floating = useFloating({
     strategy,
     placement,
+    sameScrollView: false,
+    // this only takes effect on native
     middleware: [
       stayInFrame ? shift(typeof stayInFrame === "boolean" ? {} : stayInFrame) : null,
       allowFlip ? flip(typeof allowFlip === "boolean" ? {} : allowFlip) : null,
@@ -54,23 +58,46 @@ const Popper = (props) => {
   useIsomorphicLayoutEffect(() => {
     floating.reference(anchorRef.current);
   }, [anchorRef]);
-  React.useEffect(() => {
-    if (!(refs.reference.current && refs.floating.current)) {
-      return;
+  if (isWeb) {
+    React.useEffect(() => {
+      if (!(refs.reference.current && refs.floating.current)) {
+        return;
+      }
+      return autoUpdate(refs.reference.current, refs.floating.current, floating.update);
+    }, [floating.update, refs.floating, refs.reference]);
+  } else {
+    const dimensions = useWindowDimensions();
+    const [keyboardOpen, setKeyboardOpen] = React.useState(false);
+    React.useEffect(() => {
+      const showSubscription = Keyboard.addListener("keyboardDidShow", () => {
+        setKeyboardOpen(true);
+      });
+      const hideSubscription = Keyboard.addListener("keyboardDidHide", () => {
+        setKeyboardOpen(false);
+      });
+      return () => {
+        showSubscription.remove();
+        hideSubscription.remove();
+      };
+    }, []);
+    useIsomorphicLayoutEffect(() => {
+      floating.update();
+    }, [dimensions, keyboardOpen]);
+  }
+  return /* @__PURE__ */ jsx(
+    PopperProvider,
+    {
+      scope: __scopePopper,
+      anchorRef,
+      size,
+      arrowRef: composedArrowRefs,
+      arrowStyle: middlewareData.arrow,
+      onArrowSize: setArrowSize,
+      isMounted,
+      ...floating,
+      children
     }
-    return autoUpdate(refs.reference.current, refs.floating.current, floating.update);
-  }, [floating.update, refs.floating, refs.reference]);
-  return /* @__PURE__ */ jsx(PopperProvider, {
-    scope: __scopePopper,
-    anchorRef,
-    size,
-    arrowRef: composedArrowRefs,
-    arrowStyle: middlewareData.arrow,
-    onArrowSize: setArrowSize,
-    isMounted,
-    ...floating,
-    children
-  });
+  );
 };
 Popper.displayName = POPPER_NAME;
 const ANCHOR_NAME = "PopperAnchor";
@@ -87,9 +114,7 @@ const PopperAnchor = React.forwardRef(
       ref: composedRefs,
       ...anchorProps
     };
-    return /* @__PURE__ */ jsx(YStack, {
-      ...getReferenceProps ? getReferenceProps(stackProps) : stackProps
-    });
+    return /* @__PURE__ */ jsx(YStack, { ...getReferenceProps ? getReferenceProps(stackProps) : stackProps });
   }
 );
 PopperAnchor.displayName = ANCHOR_NAME;
@@ -120,12 +145,16 @@ const PopperContent = PopperContentFrame.extractable(
       const { strategy, placement, floating, x, y, getFloatingProps, size, isMounted } = usePopperContext(CONTENT_NAME, __scopePopper);
       const contentRefs = useComposedRefs(floating, forwardedRef);
       const contents = React.useMemo(() => {
-        return /* @__PURE__ */ jsx(PopperContentFrame, {
-          "data-placement": placement,
-          "data-strategy": strategy,
-          size: contentProps.size || size,
-          ...contentProps
-        }, "popper-content-frame");
+        return /* @__PURE__ */ jsx(
+          PopperContentFrame,
+          {
+            "data-placement": placement,
+            "data-strategy": strategy,
+            size: contentProps.size || size,
+            ...contentProps
+          },
+          "popper-content-frame"
+        );
       }, [placement, strategy, props]);
       if (!isMounted) {
         return null;
@@ -136,10 +165,14 @@ const PopperContent = PopperContentFrame.extractable(
         y: y || 0,
         position: strategy
       };
-      return /* @__PURE__ */ jsx(YStack, {
-        ...getFloatingProps ? getFloatingProps(frameProps) : frameProps,
-        children: contents
-      });
+      return /* @__PURE__ */ jsx(
+        YStack,
+        {
+          animateOnly: ["transform"],
+          ...getFloatingProps ? getFloatingProps(frameProps) : frameProps,
+          children: contents
+        }
+      );
     }
   )
 );
@@ -168,6 +201,7 @@ const opposites = {
 };
 const PopperArrow = PopperArrowFrame.extractable(
   React.forwardRef(function PopperArrow2(props, forwardedRef) {
+    var _a, _b;
     const {
       __scopePopper,
       offset: offset2,
@@ -180,8 +214,9 @@ const PopperArrow = PopperArrowFrame.extractable(
     const sizeValResolved = getVariableValue(stepTokenUpOrDown("space", sizeVal, -2, [2]));
     const size = +sizeValResolved;
     const { placement } = context;
-    const { x, y } = context.arrowStyle || { x: 0, y: 0 };
     const refs = useComposedRefs(context.arrowRef, forwardedRef);
+    const x = ((_a = context.arrowStyle) == null ? void 0 : _a.x) || 0;
+    const y = ((_b = context.arrowStyle) == null ? void 0 : _b.y) || 0;
     const primaryPlacement = placement ? placement.split("-")[0] : "top";
     const arrowStyle = { x, y, width: size, height: size };
     const innerArrowStyle = {};
@@ -201,13 +236,12 @@ const PopperArrow = PopperArrowFrame.extractable(
       }
     }
     useIsomorphicLayoutEffect(() => {
-      var _a;
-      (_a = context.onArrowSize) == null ? void 0 : _a.call(context, size);
+      var _a2;
+      (_a2 = context.onArrowSize) == null ? void 0 : _a2.call(context, size);
     }, [size, context.onArrowSize]);
-    return /* @__PURE__ */ jsx(PopperArrowOuterFrame, {
-      ref: refs,
-      ...arrowStyle,
-      children: /* @__PURE__ */ jsx(PopperArrowFrame, {
+    return /* @__PURE__ */ jsx(PopperArrowOuterFrame, { ref: refs, ...arrowStyle, children: /* @__PURE__ */ jsx(
+      PopperArrowFrame,
+      {
         width: size,
         height: size,
         ...arrowProps,
@@ -229,8 +263,8 @@ const PopperArrow = PopperArrowFrame.extractable(
           borderBottomWidth: borderWidth,
           borderLeftWidth: borderWidth
         }
-      })
-    });
+      }
+    ) });
   })
 );
 PopperArrow.displayName = ARROW_NAME;

package/dist/esm/Popper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Popper.tsx"],
-  "sourcesContent": ["// adapted from radix-ui popper\n\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  SizeTokens,\n  StackProps,\n  getVariableValue,\n  styled,\n  useIsomorphicLayoutEffect,\n} from '@tamagui/core'\nimport { Scope, createContextScope } from '@tamagui/create-context'\nimport { stepTokenUpOrDown } from '@tamagui/get-size'\nimport { SizableStackProps, ThemeableStack, YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nimport {\n  Coords,\n  Placement,\n  Strategy,\n  arrow,\n  autoUpdate,\n  flip,\n  offset,\n  shift,\n} from './floating'\nimport { UseFloatingReturn, useFloating } from './useFloating'\n\ntype ShiftProps = typeof shift extends (options: infer Opts) => void ? Opts : never\ntype FlipProps = typeof flip extends (options: infer Opts) => void ? Opts : never\n\n/* -------------------------------------------------------------------------------------------------\n * Popper\n * -----------------------------------------------------------------------------------------------*/\n\nconst POPPER_NAME = 'Popper'\n\ntype ScopedProps<P> = P & { __scopePopper?: Scope }\nconst [createPopperContext, createScope] = createContextScope(POPPER_NAME)\n\nexport const createPopperScope = createScope\n\ntype PopperContextValue = UseFloatingReturn & {\n  isMounted: boolean\n  anchorRef: any\n  size?: SizeTokens\n  placement?: Placement\n  arrowRef: any\n  onArrowSize?: (val: number) => void\n  arrowStyle?: Partial<Coords> & {\n    centerOffset: number\n  }\n}\nexport const [PopperProvider, usePopperContext] =\n  createPopperContext<PopperContextValue>(POPPER_NAME)\n\nexport type PopperProps = {\n  size?: SizeTokens\n  children?: React.ReactNode\n  placement?: Placement\n  stayInFrame?: ShiftProps | boolean\n  allowFlip?: FlipProps | boolean\n  strategy?: Strategy\n}\n\nexport const Popper: React.FC<PopperProps> = (props: ScopedProps<PopperProps>) => {\n  const {\n    __scopePopper,\n    children,\n    size,\n    strategy = 'absolute',\n    placement = 'bottom',\n    stayInFrame,\n    allowFlip,\n  } = props\n\n  const [isMounted, setIsMounted] = React.useState(false)\n  useIsomorphicLayoutEffect(() => {\n    setIsMounted(true)\n  }, [])\n\n  const anchorRef = React.useRef<any>()\n  const [arrowEl, setArrow] = React.useState<HTMLSpanElement | null>(null)\n  const [arrowSize, setArrowSize] = React.useState(0)\n  const arrowRef = React.useRef()\n\n  const floating = useFloating({\n    strategy,\n    placement,\n    middleware: [\n      stayInFrame\n        ? shift(typeof stayInFrame === 'boolean' ? {} : stayInFrame)\n        : (null as any),\n      allowFlip ? flip(typeof allowFlip === 'boolean' ? {} : allowFlip) : (null as any),\n      arrowEl ? arrow({ element: arrowEl }) : (null as any),\n      arrowSize ? offset(arrowSize) : (null as any),\n    ].filter(Boolean),\n  })\n\n  const { refs, middlewareData } = floating\n\n  const composedArrowRefs = useComposedRefs<any>(arrowRef, setArrow)\n\n  useIsomorphicLayoutEffect(() => {\n    floating.reference(anchorRef.current)\n  }, [anchorRef])\n\n  React.useEffect(() => {\n    if (!(refs.reference.current && refs.floating.current)) {\n      return\n    }\n    // Only call this when the floating element is rendered\n    return autoUpdate(refs.reference.current, refs.floating.current, floating.update)\n  }, [floating.update, refs.floating, refs.reference])\n\n  return (\n    <PopperProvider\n      scope={__scopePopper}\n      anchorRef={anchorRef}\n      size={size}\n      arrowRef={composedArrowRefs}\n      arrowStyle={middlewareData.arrow}\n      onArrowSize={setArrowSize}\n      isMounted={isMounted}\n      {...floating}\n    >\n      {children}\n    </PopperProvider>\n  )\n}\n\nPopper.displayName = POPPER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopperAnchor\n * -----------------------------------------------------------------------------------------------*/\n\nconst ANCHOR_NAME = 'PopperAnchor'\n\ntype PopperAnchorRef = HTMLElement | View\n\nexport type PopperAnchorProps = YStackProps & {\n  virtualRef?: React.RefObject<any>\n}\n\nexport const PopperAnchor = React.forwardRef<PopperAnchorRef, PopperAnchorProps>(\n  (props: ScopedProps<PopperAnchorProps>, forwardedRef) => {\n    const { __scopePopper, virtualRef, ...anchorProps } = props\n    const { anchorRef, getReferenceProps } = usePopperContext(ANCHOR_NAME, __scopePopper)\n    const ref = React.useRef<PopperAnchorRef>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref, anchorRef)\n    if (virtualRef) {\n      return null\n    }\n    const stackProps = {\n      ref: composedRefs,\n      ...anchorProps,\n    }\n    return (\n      <YStack {...(getReferenceProps ? getReferenceProps(stackProps) : stackProps)} />\n    )\n  }\n)\n\nPopperAnchor.displayName = ANCHOR_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopperContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'PopperContent'\n\ntype PopperContentElement = HTMLElement | View\n\nexport type PopperContentProps = SizableStackProps\n\nconst PopperContentFrame = styled(ThemeableStack, {\n  name: 'PopperContent',\n  backgroundColor: '$background',\n  alignItems: 'center',\n  radiused: true,\n\n  variants: {\n    size: {\n      '...size': (val, { tokens }) => {\n        return {\n          padding: tokens.space[val],\n          borderRadius: tokens.radius[val],\n        }\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport const PopperContent = PopperContentFrame.extractable(\n  React.forwardRef<PopperContentElement, PopperContentProps>(\n    (props: ScopedProps<PopperContentProps>, forwardedRef) => {\n      const { __scopePopper, ...contentProps } = props\n      const { strategy, placement, floating, x, y, getFloatingProps, size, isMounted } =\n        usePopperContext(CONTENT_NAME, __scopePopper)\n      const contentRefs = useComposedRefs<any>(floating, forwardedRef)\n\n      const contents = React.useMemo(() => {\n        return (\n          <PopperContentFrame\n            key=\"popper-content-frame\"\n            data-placement={placement}\n            data-strategy={strategy}\n            size={contentProps.size || size}\n            {...contentProps}\n          />\n        )\n      }, [placement, strategy, props])\n\n      // all poppers hidden on ssr by default\n      if (!isMounted) {\n        return null\n      }\n\n      const frameProps = {\n        ref: contentRefs,\n        x: x || 0,\n        y: y || 0,\n        position: strategy,\n      }\n\n      // outer frame because we explicitly dont want animation to apply to this\n      return (\n        <YStack {...(getFloatingProps ? getFloatingProps(frameProps) : frameProps)}>\n          {contents}\n        </YStack>\n      )\n    }\n  )\n)\n\nPopperContent.displayName = CONTENT_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopperArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'PopperArrow'\n\ntype PopperArrowElement = HTMLElement | View\n\nexport type PopperArrowProps = YStackProps & {\n  offset?: number\n  size?: SizeTokens\n}\n\nconst PopperArrowFrame = styled(YStack, {\n  name: 'PopperArrow',\n  borderColor: '$borderColor',\n  backgroundColor: '$background',\n  position: 'relative',\n})\n\nconst PopperArrowOuterFrame = styled(YStack, {\n  name: 'PopperArrowOuter',\n  position: 'absolute',\n  zIndex: -1,\n  pointerEvents: 'none',\n  overflow: 'hidden',\n  alignItems: 'center',\n  justifyContent: 'center',\n})\n\nconst opposites = {\n  top: 'bottom',\n  right: 'left',\n  bottom: 'top',\n  left: 'right',\n} as const\n\ntype Sides = keyof typeof opposites\n\nexport const PopperArrow = PopperArrowFrame.extractable(\n  React.forwardRef<PopperArrowElement, PopperArrowProps>(function PopperArrow(\n    props: ScopedProps<PopperArrowProps>,\n    forwardedRef\n  ) {\n    const {\n      __scopePopper,\n      offset,\n      size: sizeProp,\n      borderWidth = 0,\n      ...arrowProps\n    } = props\n    const context = usePopperContext(ARROW_NAME, __scopePopper)\n    const sizeVal = sizeProp ?? context.size\n    const sizeValResolved = getVariableValue(stepTokenUpOrDown('space', sizeVal, -2, [2]))\n    const size = +sizeValResolved\n    const { placement } = context\n    const { x, y } = context.arrowStyle || { x: 0, y: 0 }\n    const refs = useComposedRefs(context.arrowRef, forwardedRef)\n\n    const primaryPlacement = (placement ? placement.split('-')[0] : 'top') as Sides\n\n    const arrowStyle: StackProps = { x, y, width: size, height: size }\n    const innerArrowStyle: StackProps = {}\n    const isVertical = primaryPlacement === 'bottom' || primaryPlacement === 'top'\n\n    if (primaryPlacement) {\n      // allows for extra diagonal size\n      arrowStyle[isVertical ? 'width' : 'height'] = size * 2\n      const oppSide = opposites[primaryPlacement]\n      if (oppSide) {\n        arrowStyle[oppSide] = -size\n        innerArrowStyle[oppSide] = size / 2\n      }\n      if (oppSide === 'top' || oppSide === 'bottom') {\n        arrowStyle.left = 0\n      }\n      if (oppSide === 'left' || oppSide === 'right') {\n        arrowStyle.top = 0\n      }\n    }\n\n    // send the Arrow's offset up to Popper\n    useIsomorphicLayoutEffect(() => {\n      context.onArrowSize?.(size)\n    }, [size, context.onArrowSize])\n\n    // outer frame to cut off for ability to have nicer shadows/borders\n    return (\n      <PopperArrowOuterFrame ref={refs} {...arrowStyle}>\n        <PopperArrowFrame\n          width={size}\n          height={size}\n          {...arrowProps}\n          {...innerArrowStyle}\n          rotate=\"45deg\"\n          {...(primaryPlacement === 'bottom' && {\n            borderBottomWidth: borderWidth,\n            borderRightWidth: borderWidth,\n          })}\n          {...(primaryPlacement === 'top' && {\n            borderTopWidth: borderWidth,\n            borderLeftWidth: borderWidth,\n          })}\n          {...(primaryPlacement === 'right' && {\n            borderTopWidth: borderWidth,\n            borderRightWidth: borderWidth,\n          })}\n          {...(primaryPlacement === 'left' && {\n            borderBottomWidth: borderWidth,\n            borderLeftWidth: borderWidth,\n          })}\n        />\n      </PopperArrowOuterFrame>\n    )\n  })\n)\n\nPopperArrow.displayName = ARROW_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n"],
-  "mappings": "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",
-  "names": ["PopperArrow", "offset"]
+  "sourcesContent": ["// adapted from radix-ui popper\n\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  SizeTokens,\n  StackProps,\n  getVariableValue,\n  isWeb,\n  styled,\n  useIsomorphicLayoutEffect,\n} from '@tamagui/core'\nimport { Scope, createContextScope } from '@tamagui/create-context'\nimport {\n  Coords,\n  Placement,\n  Strategy,\n  UseFloatingReturn,\n  arrow,\n  autoUpdate,\n  flip,\n  offset,\n  shift,\n  useFloating,\n} from '@tamagui/floating'\nimport { stepTokenUpOrDown } from '@tamagui/get-size'\nimport { SizableStackProps, ThemeableStack, YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { Keyboard, View, useWindowDimensions } from 'react-native'\n\ntype ShiftProps = typeof shift extends (options: infer Opts) => void ? Opts : never\ntype FlipProps = typeof flip extends (options: infer Opts) => void ? Opts : never\n\n/* -------------------------------------------------------------------------------------------------\n * Popper\n * -----------------------------------------------------------------------------------------------*/\n\nconst POPPER_NAME = 'Popper'\n\ntype ScopedProps<P> = P & { __scopePopper?: Scope }\nconst [createPopperContext, createScope] = createContextScope(POPPER_NAME)\n\nexport const createPopperScope = createScope\n\ntype PopperContextValue = UseFloatingReturn & {\n  isMounted: boolean\n  anchorRef: any\n  size?: SizeTokens\n  placement?: Placement\n  arrowRef: any\n  onArrowSize?: (val: number) => void\n  arrowStyle?: Partial<Coords> & {\n    centerOffset: number\n  }\n}\nexport const [PopperProvider, usePopperContext] =\n  createPopperContext<PopperContextValue>(POPPER_NAME)\n\nexport type PopperProps = {\n  size?: SizeTokens\n  children?: React.ReactNode\n  placement?: Placement\n  stayInFrame?: ShiftProps | boolean\n  allowFlip?: FlipProps | boolean\n  strategy?: Strategy\n}\n\nexport const Popper: React.FC<PopperProps> = (props: ScopedProps<PopperProps>) => {\n  const {\n    __scopePopper,\n    children,\n    size,\n    strategy = 'absolute',\n    placement = 'bottom',\n    stayInFrame,\n    allowFlip,\n  } = props\n\n  const [isMounted, setIsMounted] = React.useState(false)\n  useIsomorphicLayoutEffect(() => {\n    setIsMounted(true)\n  }, [])\n\n  const anchorRef = React.useRef<any>()\n  const [arrowEl, setArrow] = React.useState<any>(null)\n  const [arrowSize, setArrowSize] = React.useState(0)\n  const arrowRef = React.useRef()\n\n  const floating = useFloating({\n    strategy,\n    placement,\n    sameScrollView: false, // this only takes effect on native\n    middleware: [\n      stayInFrame\n        ? shift(typeof stayInFrame === 'boolean' ? {} : stayInFrame)\n        : (null as any),\n      allowFlip ? flip(typeof allowFlip === 'boolean' ? {} : allowFlip) : (null as any),\n      arrowEl ? arrow({ element: arrowEl }) : (null as any),\n      arrowSize ? offset(arrowSize) : (null as any),\n    ].filter(Boolean),\n  })\n\n  const { refs, middlewareData } = floating\n\n  const composedArrowRefs = useComposedRefs<any>(arrowRef, setArrow)\n\n  useIsomorphicLayoutEffect(() => {\n    floating.reference(anchorRef.current)\n  }, [anchorRef])\n\n  if (isWeb) {\n    React.useEffect(() => {\n      if (!(refs.reference.current && refs.floating.current)) {\n        return\n      }\n      // Only call this when the floating element is rendered\n      return autoUpdate(refs.reference.current, refs.floating.current, floating.update)\n    }, [floating.update, refs.floating, refs.reference])\n  } else {\n    // On Native there's no autoupdate so we call update() when necessary\n\n    // Subscribe to window dimensions (orientation, scale, etc...)\n    const dimensions = useWindowDimensions()\n\n    // Subscribe to keyboard state\n    const [keyboardOpen, setKeyboardOpen] = React.useState(false)\n    React.useEffect(() => {\n      const showSubscription = Keyboard.addListener('keyboardDidShow', () => {\n        setKeyboardOpen(true)\n      })\n      const hideSubscription = Keyboard.addListener('keyboardDidHide', () => {\n        setKeyboardOpen(false)\n      })\n\n      return () => {\n        showSubscription.remove()\n        hideSubscription.remove()\n      }\n    }, [])\n\n    useIsomorphicLayoutEffect(() => {\n      floating.update()\n    }, [dimensions, keyboardOpen])\n  }\n\n  return (\n    <PopperProvider\n      scope={__scopePopper}\n      anchorRef={anchorRef}\n      size={size}\n      arrowRef={composedArrowRefs}\n      arrowStyle={middlewareData.arrow}\n      onArrowSize={setArrowSize}\n      isMounted={isMounted}\n      {...floating}\n    >\n      {children}\n    </PopperProvider>\n  )\n}\n\nPopper.displayName = POPPER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopperAnchor\n * -----------------------------------------------------------------------------------------------*/\n\nconst ANCHOR_NAME = 'PopperAnchor'\n\ntype PopperAnchorRef = HTMLElement | View\n\nexport type PopperAnchorProps = YStackProps & {\n  virtualRef?: React.RefObject<any>\n}\n\nexport const PopperAnchor = React.forwardRef<PopperAnchorRef, PopperAnchorProps>(\n  (props: ScopedProps<PopperAnchorProps>, forwardedRef) => {\n    const { __scopePopper, virtualRef, ...anchorProps } = props\n    const { anchorRef, getReferenceProps } = usePopperContext(ANCHOR_NAME, __scopePopper)\n    const ref = React.useRef<PopperAnchorRef>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref, anchorRef)\n    if (virtualRef) {\n      return null\n    }\n    const stackProps = {\n      ref: composedRefs,\n      ...anchorProps,\n    }\n    return (\n      <YStack {...(getReferenceProps ? getReferenceProps(stackProps) : stackProps)} />\n    )\n  }\n)\n\nPopperAnchor.displayName = ANCHOR_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopperContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'PopperContent'\n\ntype PopperContentElement = HTMLElement | View\n\nexport type PopperContentProps = SizableStackProps\n\nconst PopperContentFrame = styled(ThemeableStack, {\n  name: 'PopperContent',\n  backgroundColor: '$background',\n  alignItems: 'center',\n  radiused: true,\n\n  variants: {\n    size: {\n      '...size': (val, { tokens }) => {\n        return {\n          padding: tokens.space[val],\n          borderRadius: tokens.radius[val],\n        }\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport const PopperContent = PopperContentFrame.extractable(\n  React.forwardRef<PopperContentElement, PopperContentProps>(\n    (props: ScopedProps<PopperContentProps>, forwardedRef) => {\n      const { __scopePopper, ...contentProps } = props\n      const { strategy, placement, floating, x, y, getFloatingProps, size, isMounted } =\n        usePopperContext(CONTENT_NAME, __scopePopper)\n      const contentRefs = useComposedRefs<any>(floating, forwardedRef)\n\n      const contents = React.useMemo(() => {\n        return (\n          <PopperContentFrame\n            key=\"popper-content-frame\"\n            data-placement={placement}\n            data-strategy={strategy}\n            size={contentProps.size || size}\n            {...contentProps}\n          />\n        )\n      }, [placement, strategy, props])\n\n      // all poppers hidden on ssr by default\n      if (!isMounted) {\n        return null\n      }\n\n      const frameProps = {\n        ref: contentRefs,\n        x: x || 0,\n        y: y || 0,\n        position: strategy,\n      }\n\n      // outer frame because we explicitly dont want animation to apply to this\n      return (\n        <YStack\n          animateOnly={['transform']}\n          {...(getFloatingProps ? getFloatingProps(frameProps) : frameProps)}\n        >\n          {contents}\n        </YStack>\n      )\n    }\n  )\n)\n\nPopperContent.displayName = CONTENT_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopperArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'PopperArrow'\n\ntype PopperArrowElement = HTMLElement | View\n\nexport type PopperArrowProps = YStackProps & {\n  offset?: number\n  size?: SizeTokens\n}\n\nconst PopperArrowFrame = styled(YStack, {\n  name: 'PopperArrow',\n  borderColor: '$borderColor',\n  backgroundColor: '$background',\n  position: 'relative',\n})\n\nconst PopperArrowOuterFrame = styled(YStack, {\n  name: 'PopperArrowOuter',\n  position: 'absolute',\n  zIndex: -1,\n  pointerEvents: 'none',\n  overflow: 'hidden',\n  alignItems: 'center',\n  justifyContent: 'center',\n})\n\nconst opposites = {\n  top: 'bottom',\n  right: 'left',\n  bottom: 'top',\n  left: 'right',\n} as const\n\ntype Sides = keyof typeof opposites\n\nexport const PopperArrow = PopperArrowFrame.extractable(\n  React.forwardRef<PopperArrowElement, PopperArrowProps>(function PopperArrow(\n    props: ScopedProps<PopperArrowProps>,\n    forwardedRef\n  ) {\n    const {\n      __scopePopper,\n      offset,\n      size: sizeProp,\n      borderWidth = 0,\n      ...arrowProps\n    } = props\n    const context = usePopperContext(ARROW_NAME, __scopePopper)\n    const sizeVal = sizeProp ?? context.size\n    const sizeValResolved = getVariableValue(stepTokenUpOrDown('space', sizeVal, -2, [2]))\n    const size = +sizeValResolved\n    const { placement } = context\n    const refs = useComposedRefs(context.arrowRef, forwardedRef)\n\n    // Sometimes floating-ui can return NaN during orientation or screen size changes on native\n    // so we explictly force the x,y position types as a number\n    const x = (context.arrowStyle?.x as number) || 0\n    const y = (context.arrowStyle?.y as number) || 0\n\n    const primaryPlacement = (placement ? placement.split('-')[0] : 'top') as Sides\n\n    const arrowStyle: StackProps = { x, y, width: size, height: size }\n    const innerArrowStyle: StackProps = {}\n    const isVertical = primaryPlacement === 'bottom' || primaryPlacement === 'top'\n\n    if (primaryPlacement) {\n      // allows for extra diagonal size\n      arrowStyle[isVertical ? 'width' : 'height'] = size * 2\n      const oppSide = opposites[primaryPlacement]\n      if (oppSide) {\n        arrowStyle[oppSide] = -size\n        innerArrowStyle[oppSide] = size / 2\n      }\n      if (oppSide === 'top' || oppSide === 'bottom') {\n        arrowStyle.left = 0\n      }\n      if (oppSide === 'left' || oppSide === 'right') {\n        arrowStyle.top = 0\n      }\n    }\n\n    // send the Arrow's offset up to Popper\n    useIsomorphicLayoutEffect(() => {\n      context.onArrowSize?.(size)\n    }, [size, context.onArrowSize])\n\n    // outer frame to cut off for ability to have nicer shadows/borders\n    return (\n      <PopperArrowOuterFrame ref={refs} {...arrowStyle}>\n        <PopperArrowFrame\n          width={size}\n          height={size}\n          {...arrowProps}\n          {...innerArrowStyle}\n          rotate=\"45deg\"\n          {...(primaryPlacement === 'bottom' && {\n            borderBottomWidth: borderWidth,\n            borderRightWidth: borderWidth,\n          })}\n          {...(primaryPlacement === 'top' && {\n            borderTopWidth: borderWidth,\n            borderLeftWidth: borderWidth,\n          })}\n          {...(primaryPlacement === 'right' && {\n            borderTopWidth: borderWidth,\n            borderRightWidth: borderWidth,\n          })}\n          {...(primaryPlacement === 'left' && {\n            borderBottomWidth: borderWidth,\n            borderLeftWidth: borderWidth,\n          })}\n        />\n      </PopperArrowOuterFrame>\n    )\n  })\n)\n\nPopperArrow.displayName = ARROW_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n"],
+  "mappings": "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",
+  "names": ["PopperArrow", "offset", "_a"]
 }

package/dist/esm/index.js

@@ -1,6 +1,2 @@
-import { FloatingOverrideContext } from "./useFloating";
 export * from "./Popper";
-export {
-  FloatingOverrideContext
-};
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "sourcesContent": ["export { FloatingOverrideContext, type UseFloatingFn } from './useFloating'\nexport * from './Popper'\n"],
-  "mappings": "AAAA,SAAS,+BAAmD;AAC5D,cAAc;",
+  "sourcesContent": ["export * from './Popper'\n"],
+  "mappings": "AAAA,cAAc;",
   "names": []
 }