@tamagui/popper 1.74.3 → 1.74.4

package/dist/esm/Popper.native.js

@@ -0,0 +1,239 @@
+import { useComposedRefs } from "@tamagui/compose-refs";
+import {
+  View as TamaguiView,
+  createStyledContext,
+  getVariableValue,
+  isWeb,
+  styled,
+  useIsomorphicLayoutEffect,
+  useProps
+} from "@tamagui/core";
+import {
+  arrow,
+  autoUpdate,
+  flip,
+  offset as offsetFn,
+  shift,
+  useFloating
+} from "@tamagui/floating";
+import { getSpace } from "@tamagui/get-token";
+import { ThemeableStack, YStack } from "@tamagui/stacks";
+import * as React from "react";
+import { Keyboard, useWindowDimensions } from "react-native";
+import { jsx } from "react/jsx-runtime";
+const PopperContext = createStyledContext({}), { useStyledContext: usePopperContext, Provider: PopperProvider } = PopperContext;
+function Popper(props) {
+  const {
+    children,
+    size,
+    strategy = "absolute",
+    placement = "bottom",
+    stayInFrame,
+    allowFlip,
+    offset,
+    __scopePopper
+  } = props, [isMounted, setIsMounted] = React.useState(!1);
+  useIsomorphicLayoutEffect(() => {
+    setIsMounted(!0);
+  }, []);
+  const [anchorRef, setAnchorRef] = React.useState(), [arrowEl, setArrow] = React.useState(null), [arrowSize, setArrowSize] = React.useState(0), offsetOptions = offset ?? arrowSize, floating = useFloating({
+    strategy,
+    placement,
+    sameScrollView: !1,
+    // this only takes effect on native
+    middleware: [
+      stayInFrame ? shift(typeof stayInFrame == "boolean" ? {} : stayInFrame) : null,
+      allowFlip ? flip(typeof allowFlip == "boolean" ? {} : allowFlip) : null,
+      arrowEl ? arrow({ element: arrowEl }) : null,
+      typeof offsetOptions < "u" ? offsetFn(offsetOptions) : null
+    ].filter(Boolean)
+  }), {
+    refs,
+    middlewareData,
+    // @ts-expect-error this comes from Tooltip for example
+    open
+  } = floating;
+  if (useIsomorphicLayoutEffect(() => {
+    floating.refs.setReference(anchorRef);
+  }, [anchorRef]), isWeb)
+    useIsomorphicLayoutEffect(() => {
+      if (open && refs.reference.current && refs.floating.current)
+        return autoUpdate(refs.reference.current, refs.floating.current, floating.update);
+    }, [open, floating.update, refs.floating, refs.reference]);
+  else {
+    const dimensions = useWindowDimensions(), [keyboardOpen, setKeyboardOpen] = React.useState(!1);
+    React.useEffect(() => {
+      const showSubscription = Keyboard.addListener("keyboardDidShow", () => {
+        setKeyboardOpen(!0);
+      }), hideSubscription = Keyboard.addListener("keyboardDidHide", () => {
+        setKeyboardOpen(!1);
+      });
+      return () => {
+        showSubscription.remove(), hideSubscription.remove();
+      };
+    }, []), useIsomorphicLayoutEffect(() => {
+      floating.update();
+    }, [dimensions, keyboardOpen]);
+  }
+  const popperContext = {
+    anchorRef: setAnchorRef,
+    size,
+    arrowRef: setArrow,
+    arrowStyle: middlewareData.arrow,
+    onArrowSize: setArrowSize,
+    isMounted,
+    scope: __scopePopper,
+    ...floating
+  };
+  return /* @__PURE__ */ jsx(PopperProvider, { ...popperContext, children });
+}
+const PopperAnchor = YStack.extractable(
+  React.forwardRef(
+    function(props, forwardedRef) {
+      const { virtualRef, __scopePopper, ...anchorProps } = props, { anchorRef, getReferenceProps } = usePopperContext(__scopePopper), ref = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, ref, anchorRef);
+      if (virtualRef)
+        return null;
+      const stackProps = {
+        ref: composedRefs,
+        ...anchorProps
+      };
+      return /* @__PURE__ */ jsx(
+        TamaguiView,
+        {
+          ...getReferenceProps ? getReferenceProps(stackProps) : stackProps
+        }
+      );
+    }
+  )
+), PopperContentFrame = styled(ThemeableStack, {
+  name: "PopperContent",
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        backgroundColor: "$background",
+        alignItems: "center",
+        radiused: !0
+      }
+    },
+    size: {
+      "...size": (val, { tokens }) => ({
+        padding: tokens.space[val],
+        borderRadius: tokens.radius[val]
+      })
+    }
+  },
+  defaultVariants: {
+    unstyled: !1
+  }
+}), PopperContent = React.forwardRef(function(props, forwardedRef) {
+  const { __scopePopper, ...rest } = props, { strategy, placement, refs, x, y, getFloatingProps, size, isMounted, update } = usePopperContext(__scopePopper), contentRefs = useComposedRefs(refs.setFloating, forwardedRef), contents = React.useMemo(() => /* @__PURE__ */ jsx(
+    PopperContentFrame,
+    {
+      "data-placement": placement,
+      "data-strategy": strategy,
+      contain: "layout",
+      size,
+      ...rest
+    },
+    "popper-content-frame"
+  ), [placement, strategy, props]);
+  if (useIsomorphicLayoutEffect(() => {
+    isMounted && update();
+  }, [isMounted]), !isMounted)
+    return null;
+  const frameProps = {
+    ref: contentRefs,
+    x: x || 0,
+    y: y || 0,
+    position: strategy
+  };
+  return /* @__PURE__ */ jsx(YStack, { ...getFloatingProps ? getFloatingProps(frameProps) : frameProps, children: contents });
+}), PopperArrowFrame = styled(YStack, {
+  name: "PopperArrow",
+  variants: {
+    unstyled: {
+      false: {
+        borderColor: "$borderColor",
+        backgroundColor: "$background",
+        position: "relative"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: !1
+  }
+}), PopperArrowOuterFrame = styled(YStack, {
+  name: "PopperArrowOuter",
+  variants: {
+    unstyled: {
+      false: {
+        position: "absolute",
+        zIndex: 1e6,
+        pointerEvents: "none",
+        overflow: "hidden",
+        alignItems: "center",
+        justifyContent: "center"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: !1
+  }
+}), opposites = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+}, PopperArrow = PopperArrowFrame.styleable(function(propsIn, forwardedRef) {
+  const { __scopePopper, ...rest } = propsIn, props = useProps(rest), { offset, size: sizeProp, borderWidth = 0, ...arrowProps } = props, context = usePopperContext(__scopePopper), sizeVal = sizeProp ?? context.size, size = +getVariableValue(
+    getSpace(sizeVal, {
+      shift: -2,
+      bounds: [2]
+    })
+  ), { placement } = context, refs = useComposedRefs(context.arrowRef, forwardedRef), x = context.arrowStyle?.x || 0, y = context.arrowStyle?.y || 0, primaryPlacement = placement ? placement.split("-")[0] : "top", arrowStyle = { x, y, width: size, height: size }, innerArrowStyle = {}, isVertical = primaryPlacement === "bottom" || primaryPlacement === "top";
+  if (primaryPlacement) {
+    arrowStyle[isVertical ? "width" : "height"] = size * 2;
+    const oppSide = opposites[primaryPlacement];
+    oppSide && (arrowStyle[oppSide] = -size, innerArrowStyle[oppSide] = size / 2), oppSide === "bottom" && (arrowStyle[oppSide] += 1), (oppSide === "top" || oppSide === "bottom") && (arrowStyle.left = 0), (oppSide === "left" || oppSide === "right") && (arrowStyle.top = 0), useIsomorphicLayoutEffect(() => {
+      context.onArrowSize?.(size);
+    }, [size, context.onArrowSize]);
+  }
+  return /* @__PURE__ */ jsx(PopperArrowOuterFrame, { ref: refs, ...arrowStyle, children: /* @__PURE__ */ jsx(
+    PopperArrowFrame,
+    {
+      width: size,
+      height: size,
+      ...arrowProps,
+      ...innerArrowStyle,
+      rotate: "45deg",
+      ...primaryPlacement === "bottom" && {
+        borderLeftWidth: borderWidth,
+        borderTopWidth: borderWidth
+      },
+      ...primaryPlacement === "top" && {
+        borderBottomWidth: borderWidth,
+        borderRightWidth: borderWidth
+      },
+      ...primaryPlacement === "right" && {
+        borderLeftWidth: borderWidth,
+        borderBottomWidth: borderWidth
+      },
+      ...primaryPlacement === "left" && {
+        borderTopWidth: borderWidth,
+        borderRightWidth: borderWidth
+      }
+    }
+  ) });
+});
+export {
+  Popper,
+  PopperAnchor,
+  PopperArrow,
+  PopperContent,
+  PopperContentFrame,
+  PopperContext,
+  PopperProvider,
+  usePopperContext
+};
+//# sourceMappingURL=Popper.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Popper.tsx"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/index.native.js

@@ -0,0 +1,2 @@
+export * from "./Popper";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx"],
+  "mappings": "AAAA,cAAc;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/popper",
-  "version": "1.74.3",
+  "version": "1.74.4",
   "sideEffects": [
     "*.css"
   ],
@@ -31,19 +31,19 @@
     }
   },
   "dependencies": {
-    "@tamagui/compose-refs": "1.74.3",
-    "@tamagui/core": "1.74.3",
-    "@tamagui/floating": "1.74.3",
-    "@tamagui/get-token": "1.74.3",
-    "@tamagui/stacks": "1.74.3",
-    "@tamagui/use-controllable-state": "1.74.3"
+    "@tamagui/compose-refs": "1.74.4",
+    "@tamagui/core": "1.74.4",
+    "@tamagui/floating": "1.74.4",
+    "@tamagui/get-token": "1.74.4",
+    "@tamagui/stacks": "1.74.4",
+    "@tamagui/use-controllable-state": "1.74.4"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.74.3",
+    "@tamagui/build": "1.74.4",
     "react": "^18.2.0",
     "react-native": "^0.72.1"
   },