@tamagui/popover 1.1.8 → 1.1.9

package/dist/esm/Popover.js

@@ -64,11 +64,7 @@ const PopoverAnchor = React.forwardRef(
       onCustomAnchorAdd();
       return () => onCustomAnchorRemove();
     }, [onCustomAnchorAdd, onCustomAnchorRemove]);
-    return /* @__PURE__ */ jsx(PopperAnchor, {
-      ...popperScope,
-      ...anchorProps,
-      ref: forwardedRef
-    });
+    return /* @__PURE__ */ jsx(PopperAnchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
   }
 );
 PopoverAnchor.displayName = ANCHOR_NAME;
@@ -78,19 +74,18 @@ const PopoverTrigger = React.forwardRef((props, forwardedRef) => {
   const context = usePopoverInternalContext(TRIGGER_NAME, __scopePopover);
   const popperScope = usePopoverScope(__scopePopover);
   const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
-  const trigger = /* @__PURE__ */ jsx(YStack, {
-    "aria-haspopup": "dialog",
-    "aria-expanded": context.open,
-    "data-state": getState(context.open),
-    ...triggerProps,
-    ref: composedTriggerRef,
-    onPress: composeEventHandlers(props.onPress, context.onOpenToggle)
-  });
-  return context.hasCustomAnchor ? trigger : /* @__PURE__ */ jsx(PopperAnchor, {
-    asChild: true,
-    ...popperScope,
-    children: trigger
-  });
+  const trigger = /* @__PURE__ */ jsx(
+    YStack,
+    {
+      "aria-haspopup": "dialog",
+      "aria-expanded": context.open,
+      "data-state": getState(context.open),
+      ...triggerProps,
+      ref: composedTriggerRef,
+      onPress: composeEventHandlers(props.onPress, context.onOpenToggle)
+    }
+  );
+  return context.hasCustomAnchor ? trigger : /* @__PURE__ */ jsx(PopperAnchor, { asChild: true, ...popperScope, children: trigger });
 });
 PopoverTrigger.displayName = TRIGGER_NAME;
 const CONTENT_NAME = "PopoverContent";
@@ -113,9 +108,9 @@ const PopoverContent = React.forwardRef((props, forwardedRef) => {
     if (content)
       return hideOthers(content);
   }, [context.open]);
-  return /* @__PURE__ */ jsx(PopoverContentPortal, {
-    zIndex,
-    children: /* @__PURE__ */ jsx(PopoverContentImpl, {
+  return /* @__PURE__ */ jsx(PopoverContentPortal, { zIndex, children: /* @__PURE__ */ jsx(
+    PopoverContentImpl,
+    {
       ...contentModalProps,
       disableRemoveScroll,
       ref: composedRefs,
@@ -142,8 +137,8 @@ const PopoverContent = React.forwardRef((props, forwardedRef) => {
         (event) => event.preventDefault(),
         { checkDefaultPrevented: false }
       )
-    })
-  });
+    }
+  ) });
 });
 function PopoverContentPortal(props) {
   const themeName = useThemeName();
@@ -151,34 +146,19 @@ function PopoverContentPortal(props) {
   let contents = props.children;
   if (Platform.OS === "android") {
     const popperContext = usePopperContext(CONTENT_NAME, context.popperScope);
-    contents = /* @__PURE__ */ jsx(PopperProvider, {
-      ...popperContext,
-      scope: context.popperScope,
-      children: /* @__PURE__ */ jsx(PopoverProviderInternal, {
-        scope: props.__scopePopover,
-        ...context,
-        children: props.children
-      })
-    });
+    contents = /* @__PURE__ */ jsx(PopperProvider, { ...popperContext, scope: context.popperScope, children: /* @__PURE__ */ jsx(PopoverProviderInternal, { scope: props.__scopePopover, ...context, children: props.children }) });
   }
   const zIndex = props.zIndex ?? 1e3;
-  return /* @__PURE__ */ jsx(Portal, {
-    zIndex,
-    children: /* @__PURE__ */ jsxs(Theme, {
-      forceClassName: true,
-      name: themeName,
-      children: [
-        !!context.open && !context.breakpointActive && /* @__PURE__ */ jsx(YStack, {
-          fullscreen: true,
-          onPress: composeEventHandlers(props.onPress, context.onOpenToggle)
-        }),
-        /* @__PURE__ */ jsx(Stack, {
-          zIndex: zIndex + 1,
-          children: contents
-        })
-      ]
-    })
-  });
+  return /* @__PURE__ */ jsx(Portal, { zIndex, children: /* @__PURE__ */ jsxs(Theme, { forceClassName: true, name: themeName, children: [
+    !!context.open && !context.breakpointActive && /* @__PURE__ */ jsx(
+      YStack,
+      {
+        fullscreen: true,
+        onPress: composeEventHandlers(props.onPress, context.onOpenToggle)
+      }
+    ),
+    /* @__PURE__ */ jsx(Stack, { zIndex: zIndex + 1, children: contents })
+  ] }) });
 }
 const PopoverContentImpl = React.forwardRef((props, forwardedRef) => {
   const {
@@ -206,53 +186,58 @@ const PopoverContentImpl = React.forwardRef((props, forwardedRef) => {
       }
       return child;
     });
-    return /* @__PURE__ */ jsx(PortalItem, {
-      hostName: `${context.scopeKey}SheetContents`,
-      children: childrenWithoutScrollView
-    });
+    return /* @__PURE__ */ jsx(PortalItem, { hostName: `${context.scopeKey}SheetContents`, children: childrenWithoutScrollView });
   }
-  return /* @__PURE__ */ jsx(AnimatePresence, {
-    children: !!context.open && /* @__PURE__ */ jsx(PopperContent, {
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: !!context.open && /* @__PURE__ */ jsx(
+    PopperContent,
+    {
       "data-state": getState(context.open),
       id: context.contentId,
       pointerEvents: "auto",
       ref: forwardedRef,
       ...popperScope,
       ...contentProps,
-      children: /* @__PURE__ */ jsx(RemoveScroll, {
-        enabled: disableRemoveScroll ? false : context.open,
-        allowPinchZoom: true,
-        removeScrollBar: false,
-        style: {
-          display: "contents"
-        },
-        children: trapFocus === false ? children : /* @__PURE__ */ jsx(FocusScope, {
-          loop: true,
-          trapped: trapFocus ?? context.open,
-          onMountAutoFocus: onOpenAutoFocus,
-          onUnmountAutoFocus: onCloseAutoFocus,
-          children: isWeb ? /* @__PURE__ */ jsx("div", {
-            style: { display: "contents" },
-            children
-          }) : children
-        })
-      })
-    }, context.contentId)
-  });
+      children: /* @__PURE__ */ jsx(
+        RemoveScroll,
+        {
+          enabled: disableRemoveScroll ? false : context.open,
+          allowPinchZoom: true,
+          removeScrollBar: false,
+          style: {
+            display: "contents"
+          },
+          children: trapFocus === false ? children : /* @__PURE__ */ jsx(
+            FocusScope,
+            {
+              loop: true,
+              trapped: trapFocus ?? context.open,
+              onMountAutoFocus: onOpenAutoFocus,
+              onUnmountAutoFocus: onCloseAutoFocus,
+              children: isWeb ? /* @__PURE__ */ jsx("div", { style: { display: "contents" }, children }) : children
+            }
+          )
+        }
+      )
+    },
+    context.contentId
+  ) });
 });
 const CLOSE_NAME = "PopoverClose";
 const PopoverClose = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopover, ...closeProps } = props;
     const context = usePopoverInternalContext(CLOSE_NAME, __scopePopover);
-    return /* @__PURE__ */ jsx(YStack, {
-      ...closeProps,
-      ref: forwardedRef,
-      onPress: composeEventHandlers(
-        props.onPress,
-        () => context.onOpenChange(false)
-      )
-    });
+    return /* @__PURE__ */ jsx(
+      YStack,
+      {
+        ...closeProps,
+        ref: forwardedRef,
+        onPress: composeEventHandlers(
+          props.onPress,
+          () => context.onOpenChange(false)
+        )
+      }
+    );
   }
 );
 PopoverClose.displayName = CLOSE_NAME;
@@ -261,19 +246,12 @@ const PopoverArrow = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopover, ...arrowProps } = props;
     const popperScope = usePopoverScope(__scopePopover);
-    return /* @__PURE__ */ jsx(PopperArrow, {
-      ...popperScope,
-      ...arrowProps,
-      ref: forwardedRef
-    });
+    return /* @__PURE__ */ jsx(PopperArrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
   }
 );
 PopoverArrow.displayName = ARROW_NAME;
 const PopoverScrollView = React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx(ScrollView, {
-    ref,
-    ...props
-  });
+  return /* @__PURE__ */ jsx(ScrollView, { ref, ...props });
 });
 const Popover = withStaticProperties(
   (props) => {
@@ -289,9 +267,7 @@ const Popover = withStaticProperties(
     const id = __scopePopover ? Object.keys(__scopePopover)[0] : internalId;
     const { when, AdaptProvider } = useAdaptParent({
       Contents: React.useCallback(() => {
-        return /* @__PURE__ */ jsx(PortalHost, {
-          name: `${id}SheetContents`
-        });
+        return /* @__PURE__ */ jsx(PortalHost, { name: `${id}SheetContents` });
       }, [])
     });
     const sheetBreakpoint = when;
@@ -313,6 +289,10 @@ const Popover = withStaticProperties(
           onOpenChange: setOpen
         });
         const { getReferenceProps, getFloatingProps } = useInteractions([
+          // useFocus(floating.context, {
+          //   enabled: !breakpointActive,
+          //   keyboardOnly: true,
+          // }),
           useRole(floating.context, { role: "dialog" }),
           useDismiss(floating.context, {
             enabled: !breakpointActive
@@ -346,25 +326,8 @@ const Popover = withStaticProperties(
       onCustomAnchorAdd: React.useCallback(() => setHasCustomAnchor(true), []),
       onCustomAnchorRemove: React.useCallback(() => setHasCustomAnchor(false), [])
     };
-    const contents = /* @__PURE__ */ jsx(Popper, {
-      ...popperScope,
-      stayInFrame: true,
-      ...restProps,
-      children: /* @__PURE__ */ jsx(PopoverProviderInternal, {
-        ...popoverContext,
-        children: /* @__PURE__ */ jsx(PopoverSheetController, {
-          onOpenChange: setOpen,
-          __scopePopover,
-          children
-        })
-      })
-    });
-    return /* @__PURE__ */ jsx(AdaptProvider, {
-      children: isWeb ? /* @__PURE__ */ jsx(FloatingOverrideContext.Provider, {
-        value: useFloatingContext,
-        children: contents
-      }) : contents
-    });
+    const contents = /* @__PURE__ */ jsx(Popper, { ...popperScope, stayInFrame: true, ...restProps, children: /* @__PURE__ */ jsx(PopoverProviderInternal, { ...popoverContext, children: /* @__PURE__ */ jsx(PopoverSheetController, { onOpenChange: setOpen, __scopePopover, children }) }) });
+    return /* @__PURE__ */ jsx(AdaptProvider, { children: isWeb ? /* @__PURE__ */ jsx(FloatingOverrideContext.Provider, { value: useFloatingContext, children: contents }) : contents });
   },
   {
     Anchor: PopoverAnchor,
@@ -389,16 +352,19 @@ const PopoverSheetController = (props) => {
   const showSheet = useShowPopoverSheet(context);
   const breakpointActive = context.breakpointActive;
   const getShowSheet = useGet(showSheet);
-  return /* @__PURE__ */ jsx(SheetController, {
-    onOpenChange: (val) => {
-      if (getShowSheet()) {
-        props.onOpenChange(val);
-      }
-    },
-    open: context.open,
-    hidden: breakpointActive === false,
-    children: props.children
-  });
+  return /* @__PURE__ */ jsx(
+    SheetController,
+    {
+      onOpenChange: (val) => {
+        if (getShowSheet()) {
+          props.onOpenChange(val);
+        }
+      },
+      open: context.open,
+      hidden: breakpointActive === false,
+      children: props.children
+    }
+  );
 };
 const useSheetBreakpointActive = (breakpoint) => {
   const media = useMedia();

package/dist/esm/Popover.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Popover.tsx"],
   "sourcesContent": ["// adapted from radix-ui popover\n\nimport '@tamagui/polyfill-dev'\n\nimport type { UseFloatingProps } from '@floating-ui/react-dom-interactions'\nimport {\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useRole,\n} from '@floating-ui/react-dom-interactions'\nimport { Adapt, useAdaptParent } from '@tamagui/adapt'\nimport { AnimatePresence } from '@tamagui/animate-presence'\nimport { hideOthers } from '@tamagui/aria-hidden'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GestureReponderEvent,\n  MediaQueryKey,\n  SizeTokens,\n  Stack,\n  TamaguiElement,\n  Theme,\n  composeEventHandlers,\n  isWeb,\n  useEvent,\n  useGet,\n  useId,\n  useMedia,\n  useThemeName,\n  withStaticProperties,\n} from '@tamagui/core'\nimport type { Scope } from '@tamagui/create-context'\nimport { createContextScope } from '@tamagui/create-context'\nimport { DismissableProps } from '@tamagui/dismissable'\nimport { FloatingOverrideContext } from '@tamagui/floating'\nimport { FocusScope, FocusScopeProps } from '@tamagui/focus-scope'\nimport {\n  Popper,\n  PopperAnchor,\n  PopperArrow,\n  PopperArrowProps,\n  PopperContent,\n  PopperContentProps,\n  PopperProps,\n  PopperProvider,\n  createPopperScope,\n  usePopperContext,\n} from '@tamagui/popper'\nimport { Portal, PortalHost, PortalItem } from '@tamagui/portal'\nimport { RemoveScroll, RemoveScrollProps } from '@tamagui/remove-scroll'\nimport { ControlledSheet, SheetController } from '@tamagui/sheet'\nimport { SizableStack, XStack, YStack, YStackProps, ZStack } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport * as React from 'react'\nimport { useEffect } from 'react'\nimport {\n  GestureResponderEvent,\n  Platform,\n  ScrollView,\n  ScrollViewProps,\n  View,\n} from 'react-native'\n\nconst POPOVER_NAME = 'Popover'\n\ntype ScopedProps<P> = P & { __scopePopover?: Scope }\n\nexport type PopoverProps = PopperProps & {\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?: (open: boolean) => void\n}\n\ntype PopoverContextValue = {\n  triggerRef: React.RefObject<any>\n  contentId?: string\n  open: boolean\n  onOpenChange(open: boolean): void\n  onOpenToggle(): void\n  hasCustomAnchor: boolean\n  onCustomAnchorAdd(): void\n  onCustomAnchorRemove(): void\n  size?: SizeTokens\n  sheetBreakpoint: any\n  scopeKey: string\n  popperScope: any\n  breakpointActive?: boolean\n}\n\nconst [createPopoverContext, createPopoverScopeInternal] = createContextScope(\n  POPOVER_NAME,\n  [createPopperScope]\n)\nexport const usePopoverScope = createPopperScope()\nexport const createPopoverScope = createPopoverScopeInternal\n\nconst [PopoverProviderInternal, usePopoverInternalContext] =\n  createPopoverContext<PopoverContextValue>(POPOVER_NAME)\n\nexport const __PopoverProviderInternal = PopoverProviderInternal\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverAnchor\n * -----------------------------------------------------------------------------------------------*/\n\nconst ANCHOR_NAME = 'PopoverAnchor'\n\ntype PopoverAnchorElement = HTMLElement | View\nexport type PopoverAnchorProps = YStackProps\n\nexport const PopoverAnchor = React.forwardRef<PopoverAnchorElement, PopoverAnchorProps>(\n  (props: ScopedProps<PopoverAnchorProps>, forwardedRef) => {\n    const { __scopePopover, ...anchorProps } = props\n    const context = usePopoverInternalContext(ANCHOR_NAME, __scopePopover)\n    const popperScope = usePopoverScope(__scopePopover)\n    const { onCustomAnchorAdd, onCustomAnchorRemove } = context\n\n    React.useEffect(() => {\n      onCustomAnchorAdd()\n      return () => onCustomAnchorRemove()\n    }, [onCustomAnchorAdd, onCustomAnchorRemove])\n\n    return <PopperAnchor {...popperScope} {...anchorProps} ref={forwardedRef} />\n  }\n)\n\nPopoverAnchor.displayName = ANCHOR_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'PopoverTrigger'\n\ntype PopoverTriggerElement = HTMLElement | View\nexport type PopoverTriggerProps = YStackProps\n\nexport const PopoverTrigger = React.forwardRef<\n  PopoverTriggerElement,\n  PopoverTriggerProps\n>((props: ScopedProps<PopoverTriggerProps>, forwardedRef) => {\n  const { __scopePopover, ...triggerProps } = props\n  const context = usePopoverInternalContext(TRIGGER_NAME, __scopePopover)\n  const popperScope = usePopoverScope(__scopePopover)\n  const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef)\n\n  const trigger = (\n    <YStack\n      aria-haspopup=\"dialog\"\n      aria-expanded={context.open}\n      // TODO not matching\n      // aria-controls={context.contentId}\n      data-state={getState(context.open)}\n      {...triggerProps}\n      ref={composedTriggerRef}\n      onPress={composeEventHandlers(props.onPress as any, context.onOpenToggle)}\n    />\n  )\n\n  return context.hasCustomAnchor ? (\n    trigger\n  ) : (\n    <PopperAnchor asChild {...popperScope}>\n      {trigger}\n    </PopperAnchor>\n  )\n})\n\nPopoverTrigger.displayName = TRIGGER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'PopoverContent'\n\nexport type PopoverContentProps = PopoverContentTypeProps\n\ntype PopoverContentTypeElement = PopoverContentImplElement\n\nexport interface PopoverContentTypeProps\n  extends Omit<PopoverContentImplProps, 'disableOutsidePointerEvents'> {\n  /**\n   * @see https://github.com/theKashey/react-remove-scroll#usage\n   */\n  allowPinchZoom?: RemoveScrollProps['allowPinchZoom']\n}\n\nexport const PopoverContent = React.forwardRef<\n  PopoverContentTypeElement,\n  PopoverContentTypeProps\n>((props: ScopedProps<PopoverContentTypeProps>, forwardedRef) => {\n  const {\n    allowPinchZoom,\n    trapFocus,\n    disableRemoveScroll = true,\n    zIndex,\n    ...contentModalProps\n  } = props\n  const context = usePopoverInternalContext(CONTENT_NAME, props.__scopePopover)\n  const contentRef = React.useRef<any>(null)\n  const composedRefs = useComposedRefs(forwardedRef, contentRef)\n  const isRightClickOutsideRef = React.useRef(false)\n\n  // aria-hide everything except the content (better supported equivalent to setting aria-modal)\n  React.useEffect(() => {\n    if (!context.open) return\n    const content = contentRef.current\n    if (content) return hideOthers(content)\n  }, [context.open])\n\n  return (\n    <PopoverContentPortal zIndex={zIndex}>\n      <PopoverContentImpl\n        {...contentModalProps}\n        disableRemoveScroll={disableRemoveScroll}\n        ref={composedRefs}\n        // we make sure we're not trapping once it's been closed\n        // (closed !== unmounted when animating out)\n        trapFocus={trapFocus ?? context.open}\n        disableOutsidePointerEvents\n        onCloseAutoFocus={composeEventHandlers(props.onCloseAutoFocus, (event) => {\n          event.preventDefault()\n          if (!isRightClickOutsideRef.current) context.triggerRef.current?.focus()\n        })}\n        onPointerDownOutside={composeEventHandlers(\n          props.onPointerDownOutside,\n          (event) => {\n            const originalEvent = event.detail.originalEvent\n            const ctrlLeftClick =\n              originalEvent.button === 0 && originalEvent.ctrlKey === true\n            const isRightClick = originalEvent.button === 2 || ctrlLeftClick\n            isRightClickOutsideRef.current = isRightClick\n          },\n          { checkDefaultPrevented: false }\n        )}\n        // When focus is trapped, a `focusout` event may still happen.\n        // We make sure we don't trigger our `onDismiss` in such case.\n        onFocusOutside={composeEventHandlers(\n          props.onFocusOutside,\n          (event) => event.preventDefault(),\n          { checkDefaultPrevented: false }\n        )}\n      />\n    </PopoverContentPortal>\n  )\n})\n\nfunction PopoverContentPortal(props: ScopedProps<PopoverContentTypeProps>) {\n  const themeName = useThemeName()\n  const context = usePopoverInternalContext(CONTENT_NAME, props.__scopePopover)\n\n  // on android we have to re-pass context\n  let contents = props.children\n\n  if (Platform.OS === 'android') {\n    // ok conditional hooks by platform\n    const popperContext = usePopperContext(CONTENT_NAME, context.popperScope)\n\n    contents = (\n      <PopperProvider {...popperContext} scope={context.popperScope}>\n        <PopoverProviderInternal scope={props.__scopePopover} {...context}>\n          {/* does this need to be props.__scopePopper? */}\n          {props.children}\n        </PopoverProviderInternal>\n      </PopperProvider>\n    )\n  }\n\n  const zIndex = props.zIndex ?? 1000\n\n  // Portal the contents and add a transparent bg overlay to handle dismiss on native\n  return (\n    <Portal zIndex={zIndex}>\n      <Theme forceClassName name={themeName}>\n        {!!context.open && !context.breakpointActive && (\n          <YStack\n            fullscreen\n            onPress={composeEventHandlers(props.onPress as any, context.onOpenToggle)}\n          />\n        )}\n        <Stack zIndex={(zIndex as number) + 1}>{contents}</Stack>\n      </Theme>\n    </Portal>\n  )\n}\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype PopoverContentImplElement = React.ElementRef<typeof PopperContent>\n\nexport interface PopoverContentImplProps\n  extends PopperContentProps,\n    Omit<DismissableProps, 'onDismiss' | 'children'> {\n  /**\n   * Whether focus should be trapped within the `Popover`\n   * (default: false)\n   */\n  trapFocus?: FocusScopeProps['trapped']\n\n  /**\n   * Event handler called when auto-focusing on open.\n   * Can be prevented.\n   */\n  onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus']\n\n  /**\n   * Event handler called when auto-focusing on close.\n   * Can be prevented.\n   */\n  onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus']\n\n  disableRemoveScroll?: boolean\n}\n\nconst PopoverContentImpl = React.forwardRef<\n  PopoverContentImplElement,\n  PopoverContentImplProps\n>((props: ScopedProps<PopoverContentImplProps>, forwardedRef) => {\n  const {\n    __scopePopover,\n    trapFocus,\n    onOpenAutoFocus,\n    onCloseAutoFocus,\n    disableOutsidePointerEvents,\n    onEscapeKeyDown,\n    onPointerDownOutside,\n    onFocusOutside,\n    onInteractOutside,\n    children,\n    disableRemoveScroll,\n    ...contentProps\n  } = props\n  const popperScope = usePopoverScope(__scopePopover)\n  const context = usePopoverInternalContext(CONTENT_NAME, popperScope.__scopePopover)\n\n  if (context.breakpointActive) {\n    // unwrap the PopoverScrollView if used, as it will use the SheetScrollView if that exists\n    const childrenWithoutScrollView = React.Children.toArray(children).map((child) => {\n      if (React.isValidElement(child)) {\n        if (child.type === PopoverScrollView) {\n          return child.props.children\n        }\n      }\n      return child\n    })\n\n    // doesn't show as popover yet on native, must use as sheet\n    return (\n      <PortalItem hostName={`${context.scopeKey}SheetContents`}>\n        {childrenWithoutScrollView}\n      </PortalItem>\n    )\n  }\n\n  // const handleDismiss = React.useCallback((event: GestureResponderEvent) =>{\n  //   context.onOpenChange(false);\n  // }, [])\n  // <Dismissable\n  //     disableOutsidePointerEvents={disableOutsidePointerEvents}\n  //     // onInteractOutside={onInteractOutside}\n  //     onEscapeKeyDown={onEscapeKeyDown}\n  //     // onPointerDownOutside={onPointerDownOutside}\n  //     // onFocusOutside={onFocusOutside}\n  //     onDismiss={handleDismiss}\n  //   >\n\n  return (\n    <AnimatePresence>\n      {!!context.open && (\n        <PopperContent\n          key={context.contentId}\n          data-state={getState(context.open)}\n          id={context.contentId}\n          pointerEvents=\"auto\"\n          ref={forwardedRef}\n          {...popperScope}\n          {...contentProps}\n        >\n          <RemoveScroll\n            enabled={disableRemoveScroll ? false : context.open}\n            allowPinchZoom\n            // causes lots of bugs on touch web on site\n            removeScrollBar={false}\n            style={{\n              display: 'contents',\n            }}\n          >\n            {trapFocus === false ? (\n              children\n            ) : (\n              <FocusScope\n                loop\n                trapped={trapFocus ?? context.open}\n                onMountAutoFocus={onOpenAutoFocus}\n                onUnmountAutoFocus={onCloseAutoFocus}\n              >\n                {isWeb ? <div style={{ display: 'contents' }}>{children}</div> : children}\n              </FocusScope>\n            )}\n          </RemoveScroll>\n        </PopperContent>\n      )}\n    </AnimatePresence>\n  )\n})\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverClose\n * -----------------------------------------------------------------------------------------------*/\n\nconst CLOSE_NAME = 'PopoverClose'\n\ntype PopoverCloseElement = HTMLElement | View\nexport type PopoverCloseProps = YStackProps\n\nexport const PopoverClose = React.forwardRef<PopoverCloseElement, PopoverCloseProps>(\n  (props: ScopedProps<PopoverCloseProps>, forwardedRef) => {\n    const { __scopePopover, ...closeProps } = props\n    const context = usePopoverInternalContext(CLOSE_NAME, __scopePopover)\n    return (\n      <YStack\n        {...closeProps}\n        ref={forwardedRef}\n        onPress={composeEventHandlers(props.onPress as any, () =>\n          context.onOpenChange(false)\n        )}\n      />\n    )\n  }\n)\n\nPopoverClose.displayName = CLOSE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'PopoverArrow'\n\ntype PopoverArrowElement = HTMLElement | View\nexport type PopoverArrowProps = PopperArrowProps\n\nexport const PopoverArrow = React.forwardRef<PopoverArrowElement, PopoverArrowProps>(\n  (props: ScopedProps<PopoverArrowProps>, forwardedRef) => {\n    const { __scopePopover, ...arrowProps } = props\n    const popperScope = usePopoverScope(__scopePopover)\n    return <PopperArrow {...popperScope} {...arrowProps} ref={forwardedRef} />\n  }\n)\n\nPopoverArrow.displayName = ARROW_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverScrollView\n * -----------------------------------------------------------------------------------------------*/\n\nconst PopoverScrollView = React.forwardRef<ScrollView, ScrollViewProps>((props, ref) => {\n  return <ScrollView ref={ref} {...props} />\n})\n\n/* -------------------------------------------------------------------------------------------------\n * Popover\n * -----------------------------------------------------------------------------------------------*/\n\nexport const Popover = withStaticProperties(\n  ((props: ScopedProps<PopoverProps>) => {\n    const {\n      __scopePopover,\n      children,\n      open: openProp,\n      defaultOpen,\n      onOpenChange,\n      ...restProps\n    } = props\n\n    const internalId = useId()\n    const id = __scopePopover ? Object.keys(__scopePopover)[0] : internalId\n\n    const { when, AdaptProvider } = useAdaptParent({\n      Contents: React.useCallback(() => {\n        return <PortalHost name={`${id}SheetContents`} />\n      }, []),\n    })\n\n    const sheetBreakpoint = when\n    const popperScope = usePopoverScope(__scopePopover)\n    const triggerRef = React.useRef<TamaguiElement>(null)\n    const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false)\n    const [open, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen || false,\n      onChange: onOpenChange,\n      transition: true,\n    })\n\n    const breakpointActive = useSheetBreakpointActive(sheetBreakpoint)\n\n    // Custom floating context to override the Popper on web\n    const useFloatingContext = React.useCallback(\n      (props: UseFloatingProps) => {\n        const floating = useFloating({\n          ...props,\n          open,\n          onOpenChange: setOpen,\n        })\n        const { getReferenceProps, getFloatingProps } = useInteractions([\n          // useFocus(floating.context, {\n          //   enabled: !breakpointActive,\n          //   keyboardOnly: true,\n          // }),\n          useRole(floating.context, { role: 'dialog' }),\n          useDismiss(floating.context, {\n            enabled: !breakpointActive,\n          }),\n        ])\n        return {\n          ...floating,\n          getReferenceProps,\n          getFloatingProps,\n        }\n      },\n      [breakpointActive, open, setOpen]\n    )\n\n    const popoverContext = {\n      scope: __scopePopover,\n      scopeKey: id,\n      popperScope: popperScope.__scopePopper,\n      sheetBreakpoint,\n      contentId: useId(),\n      triggerRef,\n      open,\n      breakpointActive,\n      onOpenChange: setOpen,\n      onOpenToggle: useEvent(() => {\n        if (open && breakpointActive) {\n          return\n        }\n        setOpen(!open)\n      }),\n      hasCustomAnchor,\n      onCustomAnchorAdd: React.useCallback(() => setHasCustomAnchor(true), []),\n      onCustomAnchorRemove: React.useCallback(() => setHasCustomAnchor(false), []),\n    }\n\n    // debug if changing too often\n    // if (process.env.NODE_ENV === 'development') {\n    //   Object.keys(popoverContext).forEach((key) => {\n    //     React.useEffect(() => console.log(`changed`, key), [popoverContext[key]])\n    //   })\n    // }\n\n    const contents = (\n      <Popper {...popperScope} stayInFrame {...restProps}>\n        <PopoverProviderInternal {...popoverContext}>\n          <PopoverSheetController onOpenChange={setOpen} __scopePopover={__scopePopover}>\n            {children}\n          </PopoverSheetController>\n        </PopoverProviderInternal>\n      </Popper>\n    )\n\n    return (\n      <AdaptProvider>\n        {isWeb ? (\n          <FloatingOverrideContext.Provider value={useFloatingContext as any}>\n            {contents}\n          </FloatingOverrideContext.Provider>\n        ) : (\n          contents\n        )}\n      </AdaptProvider>\n    )\n  }) as React.FC<PopoverProps>,\n  {\n    Anchor: PopoverAnchor,\n    Arrow: PopoverArrow,\n    Trigger: PopoverTrigger,\n    Content: PopoverContent,\n    Close: PopoverClose,\n    Adapt,\n    ScrollView: PopoverScrollView,\n    Sheet: ControlledSheet,\n  }\n)\n\nPopover.displayName = POPOVER_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction getState(open: boolean) {\n  return open ? 'open' : 'closed'\n}\n\nconst PopoverSheetController = (\n  props: ScopedProps<{\n    children: React.ReactNode\n    onOpenChange: React.Dispatch<React.SetStateAction<boolean>>\n  }>\n) => {\n  const context = usePopoverInternalContext(\n    'PopoverSheetController',\n    props.__scopePopover\n  )\n  const showSheet = useShowPopoverSheet(context)\n  const breakpointActive = context.breakpointActive\n  const getShowSheet = useGet(showSheet)\n  return (\n    <SheetController\n      onOpenChange={(val) => {\n        if (getShowSheet()) {\n          props.onOpenChange(val)\n        }\n      }}\n      open={context.open}\n      hidden={breakpointActive === false}\n    >\n      {props.children}\n    </SheetController>\n  )\n}\n\nconst useSheetBreakpointActive = (breakpoint?: MediaQueryKey | null | boolean) => {\n  const media = useMedia()\n  if (typeof breakpoint === 'boolean' || !breakpoint) {\n    return !!breakpoint\n  }\n  return media[breakpoint]\n}\n\nconst useShowPopoverSheet = (context: PopoverContextValue) => {\n  const breakpointActive = useSheetBreakpointActive(context.sheetBreakpoint)\n  return context.open === false ? false : breakpointActive\n}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["props"]
 }

package/dist/jsx/Popover.js

@@ -73,7 +73,14 @@ const PopoverTrigger = React.forwardRef((props, forwardedRef) => {
   const context = usePopoverInternalContext(TRIGGER_NAME, __scopePopover);
   const popperScope = usePopoverScope(__scopePopover);
   const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
-  const trigger = <YStack aria-haspopup="dialog" aria-expanded={context.open} data-state={getState(context.open)} {...triggerProps} ref={composedTriggerRef} onPress={composeEventHandlers(props.onPress, context.onOpenToggle)} />;
+  const trigger = <YStack
+    aria-haspopup="dialog"
+    aria-expanded={context.open}
+    data-state={getState(context.open)}
+    {...triggerProps}
+    ref={composedTriggerRef}
+    onPress={composeEventHandlers(props.onPress, context.onOpenToggle)}
+  />;
   return context.hasCustomAnchor ? trigger : <PopperAnchor asChild {...popperScope}>{trigger}</PopperAnchor>;
 });
 PopoverTrigger.displayName = TRIGGER_NAME;
@@ -97,24 +104,33 @@ const PopoverContent = React.forwardRef((props, forwardedRef) => {
     if (content)
       return hideOthers(content);
   }, [context.open]);
-  return <PopoverContentPortal zIndex={zIndex}><PopoverContentImpl {...contentModalProps} disableRemoveScroll={disableRemoveScroll} ref={composedRefs} trapFocus={trapFocus ?? context.open} disableOutsidePointerEvents onCloseAutoFocus={composeEventHandlers(props.onCloseAutoFocus, (event) => {
-    event.preventDefault();
-    if (!isRightClickOutsideRef.current)
-      context.triggerRef.current?.focus();
-  })} onPointerDownOutside={composeEventHandlers(
-    props.onPointerDownOutside,
-    (event) => {
-      const originalEvent = event.detail.originalEvent;
-      const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
-      const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
-      isRightClickOutsideRef.current = isRightClick;
-    },
-    { checkDefaultPrevented: false }
-  )} onFocusOutside={composeEventHandlers(
-    props.onFocusOutside,
-    (event) => event.preventDefault(),
-    { checkDefaultPrevented: false }
-  )} /></PopoverContentPortal>;
+  return <PopoverContentPortal zIndex={zIndex}><PopoverContentImpl
+    {...contentModalProps}
+    disableRemoveScroll={disableRemoveScroll}
+    ref={composedRefs}
+    trapFocus={trapFocus ?? context.open}
+    disableOutsidePointerEvents
+    onCloseAutoFocus={composeEventHandlers(props.onCloseAutoFocus, (event) => {
+      event.preventDefault();
+      if (!isRightClickOutsideRef.current)
+        context.triggerRef.current?.focus();
+    })}
+    onPointerDownOutside={composeEventHandlers(
+      props.onPointerDownOutside,
+      (event) => {
+        const originalEvent = event.detail.originalEvent;
+        const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
+        const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
+        isRightClickOutsideRef.current = isRightClick;
+      },
+      { checkDefaultPrevented: false }
+    )}
+    onFocusOutside={composeEventHandlers(
+      props.onFocusOutside,
+      (event) => event.preventDefault(),
+      { checkDefaultPrevented: false }
+    )}
+  /></PopoverContentPortal>;
 });
 function PopoverContentPortal(props) {
   const themeName = useThemeName();
@@ -126,7 +142,10 @@ function PopoverContentPortal(props) {
   }
   const zIndex = props.zIndex ?? 1e3;
   return <Portal zIndex={zIndex}><Theme forceClassName name={themeName}>
-    {!!context.open && !context.breakpointActive && <YStack fullscreen onPress={composeEventHandlers(props.onPress, context.onOpenToggle)} />}
+    {!!context.open && !context.breakpointActive && <YStack
+      fullscreen
+      onPress={composeEventHandlers(props.onPress, context.onOpenToggle)}
+    />}
     <Stack zIndex={zIndex + 1}>{contents}</Stack>
   </Theme></Portal>;
 }
@@ -158,19 +177,41 @@ const PopoverContentImpl = React.forwardRef((props, forwardedRef) => {
     });
     return <PortalItem hostName={`${context.scopeKey}SheetContents`}>{childrenWithoutScrollView}</PortalItem>;
   }
-  return <AnimatePresence>{!!context.open && <PopperContent key={context.contentId} data-state={getState(context.open)} id={context.contentId} pointerEvents="auto" ref={forwardedRef} {...popperScope} {...contentProps}><RemoveScroll enabled={disableRemoveScroll ? false : context.open} allowPinchZoom removeScrollBar={false} style={{
-    display: "contents"
-  }}>{trapFocus === false ? children : <FocusScope loop trapped={trapFocus ?? context.open} onMountAutoFocus={onOpenAutoFocus} onUnmountAutoFocus={onCloseAutoFocus}>{isWeb ? <div style={{ display: "contents" }}>{children}</div> : children}</FocusScope>}</RemoveScroll></PopperContent>}</AnimatePresence>;
+  return <AnimatePresence>{!!context.open && <PopperContent
+    key={context.contentId}
+    data-state={getState(context.open)}
+    id={context.contentId}
+    pointerEvents="auto"
+    ref={forwardedRef}
+    {...popperScope}
+    {...contentProps}
+  ><RemoveScroll
+    enabled={disableRemoveScroll ? false : context.open}
+    allowPinchZoom
+    removeScrollBar={false}
+    style={{
+      display: "contents"
+    }}
+  >{trapFocus === false ? children : <FocusScope
+    loop
+    trapped={trapFocus ?? context.open}
+    onMountAutoFocus={onOpenAutoFocus}
+    onUnmountAutoFocus={onCloseAutoFocus}
+  >{isWeb ? <div style={{ display: "contents" }}>{children}</div> : children}</FocusScope>}</RemoveScroll></PopperContent>}</AnimatePresence>;
 });
 const CLOSE_NAME = "PopoverClose";
 const PopoverClose = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopover, ...closeProps } = props;
     const context = usePopoverInternalContext(CLOSE_NAME, __scopePopover);
-    return <YStack {...closeProps} ref={forwardedRef} onPress={composeEventHandlers(
-      props.onPress,
-      () => context.onOpenChange(false)
-    )} />;
+    return <YStack
+      {...closeProps}
+      ref={forwardedRef}
+      onPress={composeEventHandlers(
+        props.onPress,
+        () => context.onOpenChange(false)
+      )}
+    />;
   }
 );
 PopoverClose.displayName = CLOSE_NAME;
@@ -222,6 +263,10 @@ const Popover = withStaticProperties(
           onOpenChange: setOpen
         });
         const { getReferenceProps, getFloatingProps } = useInteractions([
+          // useFocus(floating.context, {
+          //   enabled: !breakpointActive,
+          //   keyboardOnly: true,
+          // }),
           useRole(floating.context, { role: "dialog" }),
           useDismiss(floating.context, {
             enabled: !breakpointActive
@@ -281,11 +326,15 @@ const PopoverSheetController = (props) => {
   const showSheet = useShowPopoverSheet(context);
   const breakpointActive = context.breakpointActive;
   const getShowSheet = useGet(showSheet);
-  return <SheetController onOpenChange={(val) => {
-    if (getShowSheet()) {
-      props.onOpenChange(val);
-    }
-  }} open={context.open} hidden={breakpointActive === false}>{props.children}</SheetController>;
+  return <SheetController
+    onOpenChange={(val) => {
+      if (getShowSheet()) {
+        props.onOpenChange(val);
+      }
+    }}
+    open={context.open}
+    hidden={breakpointActive === false}
+  >{props.children}</SheetController>;
 };
 const useSheetBreakpointActive = (breakpoint) => {
   const media = useMedia();