@tamagui/tooltip 1.0.1-beta.99 → 1.0.1-rc.0

package/dist/jsx/Tooltip.js

@@ -10,7 +10,7 @@ import {
   useInteractions,
   useRole
 } from "@floating-ui/react-dom-interactions";
-import { useId, withStaticProperties } from "@tamagui/core";
+import { useEvent, useId, withStaticProperties } from "@tamagui/core";
 import {
   PopoverAnchor,
   PopoverArrow,
@@ -24,103 +24,81 @@ import {
   Popper,
   usePopperContext
 } from "@tamagui/popper";
-import { Paragraph } from "@tamagui/text";
 import * as React from "react";
-const TooltipContent = React.forwardRef(({ __scopePopover, ...props }, ref) => {
-  const popperScope = usePopoverScope(__scopePopover);
-  const popper = usePopperContext("PopperContent", popperScope["__scopePopper"]);
-  return <PopoverContent disableRemoveScroll trapFocus={false} padding={props.size || popper.size || "$2"} componentName="TooltipContent" pointerEvents="none" ref={ref} {...props} />;
-});
+const TooltipContent = React.forwardRef(
+  ({ __scopePopover, ...props }, ref) => {
+    const popperScope = usePopoverScope(__scopePopover);
+    const popper = usePopperContext("PopperContent", popperScope["__scopePopper"]);
+    return <PopoverContent componentName="TooltipContent" disableRemoveScroll trapFocus={false} padding={props.size || popper.size || "$2"} pointerEvents="none" ref={ref} {...props} />;
+  }
+);
 const TooltipArrow = React.forwardRef((props, ref) => {
   return <PopoverArrow componentName="TooltipArrow" ref={ref} {...props} />;
 });
-const TooltipGroup = FloatingDelayGroup;
-const Tooltip = withStaticProperties((props) => {
-  const {
-    __scopePopover,
-    children,
-    restMs = 500,
-    delay: delayProp,
-    onOpenChange: onOpenChangeProp,
-    ...restProps
-  } = props;
-  const popperScope = usePopoverScope(__scopePopover);
-  const triggerRef = React.useRef(null);
-  const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);
-  const { delay: delayGroup, setCurrentId } = useDelayGroupContext();
-  const delay = delayProp != null ? delayProp : delayGroup;
-  const [open, setOpen] = React.useState(false);
-  const id = props.groupId;
-  const onOpenChange = React.useCallback((open2) => {
-    setOpen(open2);
-    if (open2) {
-      setCurrentId(id);
-    }
-    onOpenChangeProp == null ? void 0 : onOpenChangeProp(open2);
-  }, [id, setCurrentId, onOpenChangeProp]);
-  const useFloatingFn = (props2) => {
-    const floating = useFloating({
-      ...props2,
-      open,
-      onOpenChange
+const TooltipGroup = ({ children, delay }) => {
+  return <FloatingDelayGroup delay={React.useMemo(() => delay, [JSON.stringify(delay)])}>{children}</FloatingDelayGroup>;
+};
+const Tooltip = withStaticProperties(
+  (props) => {
+    const {
+      __scopePopover,
+      children,
+      restMs = 500,
+      delay: delayProp,
+      onOpenChange: onOpenChangeProp,
+      ...restProps
+    } = props;
+    const popperScope = usePopoverScope(__scopePopover);
+    const triggerRef = React.useRef(null);
+    const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);
+    const { delay: delayGroup, setCurrentId } = useDelayGroupContext();
+    const delay = delayProp ?? delayGroup;
+    const [open, setOpen] = React.useState(false);
+    const id = props.groupId;
+    const onOpenChange = useEvent((open2) => {
+      setOpen(open2);
+      if (open2) {
+        setCurrentId(id);
+      }
+      onOpenChangeProp?.(open2);
     });
-    const { getReferenceProps, getFloatingProps } = useInteractions([
-      useHover(floating.context, { delay, restMs }),
-      useFocus(floating.context),
-      useRole(floating.context, { role: "tooltip" }),
-      useDismiss(floating.context),
-      useDelayGroup(floating.context, { id })
-    ]);
-    return {
-      ...floating,
-      getReferenceProps,
-      getFloatingProps
+    const useFloatingFn = (props2) => {
+      const floating = useFloating({
+        ...props2,
+        open,
+        onOpenChange
+      });
+      const { getReferenceProps, getFloatingProps } = useInteractions([
+        useHover(floating.context, { delay, restMs }),
+        useFocus(floating.context),
+        useRole(floating.context, { role: "tooltip" }),
+        useDismiss(floating.context),
+        useDelayGroup(floating.context, { id })
+      ]);
+      return {
+        ...floating,
+        getReferenceProps,
+        getFloatingProps
+      };
     };
-  };
-  const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open]);
-  const voidFn = React.useCallback(() => {
-  }, [setOpen]);
-  return <FloatingOverrideContext.Provider value={useFloatingContext}><Popper size="$2" {...popperScope} {...restProps}><__PopoverProviderInternal scope={__scopePopover} contentId={useId()} triggerRef={triggerRef} open={open} onOpenChange={setOpen} onOpenToggle={voidFn} hasCustomAnchor={hasCustomAnchor} onCustomAnchorAdd={React.useCallback(() => setHasCustomAnchor(true), [])} onCustomAnchorRemove={React.useCallback(() => setHasCustomAnchor(false), [])}>{children}</__PopoverProviderInternal></Popper></FloatingOverrideContext.Provider>;
-}, {
-  Anchor: PopoverAnchor,
-  Arrow: TooltipArrow,
-  Content: TooltipContent,
-  Trigger: PopoverTrigger
-});
-Tooltip.displayName = "Tooltip";
-const TooltipSimple = ({
-  label,
-  children,
-  contentProps,
-  ...tooltipProps
-}) => {
-  let context;
-  try {
-    context = useDelayGroupContext();
-  } catch {
-  }
-  const contents = <Tooltip {...tooltipProps}>
-    <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>
-    <Tooltip.Content enterStyle={{ x: 0, y: -10, opacity: 0, scale: 0.9 }} exitStyle={{ x: 0, y: -10, opacity: 0, scale: 0.9 }} x={0} scale={1} y={0} elevation="$1" opacity={1} animation={[
-      "bouncy",
-      {
-        opacity: {
-          overshootClamping: true
-        }
-      }
-    ]} {...contentProps}>
-      <Tooltip.Arrow />
-      <Paragraph size="$2" lineHeight="$1">{label}</Paragraph>
-    </Tooltip.Content>
-  </Tooltip>;
-  if (!context) {
-    return <TooltipGroup delay={{ open: 3e3, close: 100 }}>{contents}</TooltipGroup>;
+    const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open]);
+    const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);
+    const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);
+    const contentId = useId();
+    return <FloatingOverrideContext.Provider value={useFloatingContext}><Popper size="$2" {...popperScope} {...restProps}><__PopoverProviderInternal scope={__scopePopover} contentId={contentId} triggerRef={triggerRef} sheetBreakpoint={false} scopeKey="" open={open} onOpenChange={setOpen} onOpenToggle={voidFn} hasCustomAnchor={hasCustomAnchor} onCustomAnchorAdd={onCustomAnchorAdd} onCustomAnchorRemove={onCustomAnchorRemove}>{children}</__PopoverProviderInternal></Popper></FloatingOverrideContext.Provider>;
+  },
+  {
+    Anchor: PopoverAnchor,
+    Arrow: TooltipArrow,
+    Content: TooltipContent,
+    Trigger: PopoverTrigger
   }
-  return contents;
+);
+Tooltip.displayName = "Tooltip";
+const voidFn = () => {
 };
 export {
   Tooltip,
-  TooltipGroup,
-  TooltipSimple
+  TooltipGroup
 };
 //# sourceMappingURL=Tooltip.js.map

package/dist/jsx/Tooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Tooltip.tsx"],
-  "sourcesContent": ["import '@tamagui/polyfill-dev'\n\nimport {\n  FloatingDelayGroup,\n  useDelayGroup,\n  useDelayGroupContext,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useRole,\n} from '@floating-ui/react-dom-interactions'\nimport { useId, withStaticProperties } from '@tamagui/core'\nimport { ScopedProps } from '@tamagui/create-context'\nimport {\n  PopoverAnchor,\n  PopoverArrow,\n  PopoverArrowProps,\n  PopoverContent,\n  PopoverContentProps,\n  PopoverTrigger,\n  __PopoverProviderInternal,\n  usePopoverScope,\n} from '@tamagui/popover'\nimport {\n  FloatingOverrideContext,\n  Popper,\n  PopperProps,\n  UseFloatingFn,\n  usePopperContext,\n} from '@tamagui/popper'\nimport { SizableStackProps } from '@tamagui/stacks'\nimport { Paragraph } from '@tamagui/text'\nimport * as React from 'react'\n\nconst TooltipContent = React.forwardRef(\n  ({ __scopePopover, ...props }: ScopedProps<PopoverContentProps, 'Popover'>, ref: any) => {\n    const popperScope = usePopoverScope(__scopePopover)\n    const popper = usePopperContext('PopperContent', popperScope['__scopePopper'])\n    return (\n      <PopoverContent\n        disableRemoveScroll\n        trapFocus={false}\n        padding={props.size || popper.size || '$2'}\n        componentName=\"TooltipContent\"\n        pointerEvents=\"none\"\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\n\nconst TooltipArrow = React.forwardRef((props: PopoverArrowProps, ref: any) => {\n  return <PopoverArrow componentName=\"TooltipArrow\" ref={ref} {...props} />\n})\n\nexport type TooltipProps = PopperProps & {\n  children?: React.ReactNode\n  onOpenChange?: (open: boolean) => void\n  groupId?: string\n  restMs?: number\n  delay?:\n    | number\n    | {\n        open?: number\n        close?: number\n      }\n}\n\nexport const TooltipGroup = FloatingDelayGroup\n\nexport const Tooltip = withStaticProperties(\n  ((props: ScopedProps<TooltipProps, 'Popover'>) => {\n    const {\n      __scopePopover,\n      children,\n      restMs = 500,\n      delay: delayProp,\n      onOpenChange: onOpenChangeProp,\n      ...restProps\n    } = props\n    const popperScope = usePopoverScope(__scopePopover)\n    const triggerRef = React.useRef<HTMLButtonElement>(null)\n    const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false)\n    const { delay: delayGroup, setCurrentId } = useDelayGroupContext()\n    const delay = delayProp ?? delayGroup\n    const [open, setOpen] = React.useState(false)\n    const id = props.groupId\n\n    // TODO useEvent when ready\n    const onOpenChange = React.useCallback(\n      (open) => {\n        setOpen(open)\n        if (open) {\n          setCurrentId(id)\n        }\n        onOpenChangeProp?.(open)\n      },\n      [id, setCurrentId, onOpenChangeProp]\n    )\n\n    const useFloatingFn: UseFloatingFn = (props) => {\n      const floating = useFloating({\n        ...props,\n        open,\n        onOpenChange,\n      })\n      const { getReferenceProps, getFloatingProps } = useInteractions([\n        useHover(floating.context, { delay, restMs }),\n        useFocus(floating.context),\n        useRole(floating.context, { role: 'tooltip' }),\n        useDismiss(floating.context),\n        useDelayGroup(floating.context, { id }),\n      ])\n      return {\n        ...floating,\n        getReferenceProps,\n        getFloatingProps,\n      } as any\n    }\n\n    const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open])\n\n    const voidFn = React.useCallback(() => {}, [setOpen])\n\n    return (\n      <FloatingOverrideContext.Provider value={useFloatingContext}>\n        {/* default tooltip to a smaller size */}\n        <Popper size=\"$2\" {...popperScope} {...restProps}>\n          <__PopoverProviderInternal\n            scope={__scopePopover}\n            contentId={useId()}\n            triggerRef={triggerRef}\n            open={open}\n            onOpenChange={setOpen}\n            onOpenToggle={voidFn}\n            hasCustomAnchor={hasCustomAnchor}\n            onCustomAnchorAdd={React.useCallback(() => setHasCustomAnchor(true), [])}\n            onCustomAnchorRemove={React.useCallback(() => setHasCustomAnchor(false), [])}\n          >\n            {children}\n          </__PopoverProviderInternal>\n        </Popper>\n      </FloatingOverrideContext.Provider>\n    )\n  }) as React.FC<TooltipProps>,\n  {\n    Anchor: PopoverAnchor,\n    Arrow: TooltipArrow,\n    Content: TooltipContent,\n    Trigger: PopoverTrigger,\n  }\n)\n\nTooltip.displayName = 'Tooltip'\n\nexport type TooltipSimpleProps = TooltipProps & {\n  label?: React.ReactNode\n  children?: React.ReactNode\n  contentProps?: SizableStackProps\n}\n\nexport const TooltipSimple: React.FC<TooltipSimpleProps> = ({\n  label,\n  children,\n  contentProps,\n  ...tooltipProps\n}) => {\n  let context\n  try {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    context = useDelayGroupContext()\n  } catch {\n    // ok\n  }\n\n  const contents = (\n    <Tooltip {...tooltipProps}>\n      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n      <Tooltip.Content\n        enterStyle={{ x: 0, y: -10, opacity: 0, scale: 0.9 }}\n        exitStyle={{ x: 0, y: -10, opacity: 0, scale: 0.9 }}\n        x={0}\n        scale={1}\n        y={0}\n        elevation=\"$1\"\n        opacity={1}\n        animation={[\n          'bouncy',\n          {\n            opacity: {\n              overshootClamping: true,\n            },\n          },\n        ]}\n        {...contentProps}\n      >\n        <Tooltip.Arrow />\n        <Paragraph size=\"$2\" lineHeight=\"$1\">\n          {label}\n        </Paragraph>\n      </Tooltip.Content>\n    </Tooltip>\n  )\n\n  if (!context) {\n    return <TooltipGroup delay={{ open: 3000, close: 100 }}>{contents}</TooltipGroup>\n  }\n\n  return contents\n}\n"],
-  "mappings": "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",
-  "names": []
+  "sourcesContent": ["import '@tamagui/polyfill-dev'\n\nimport {\n  FloatingDelayGroup,\n  useDelayGroup,\n  useDelayGroupContext,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useRole,\n} from '@floating-ui/react-dom-interactions'\nimport { useEvent, useId, withStaticProperties } from '@tamagui/core'\nimport { ScopedProps } from '@tamagui/create-context'\nimport {\n  PopoverAnchor,\n  PopoverArrow,\n  PopoverArrowProps,\n  PopoverContent,\n  PopoverContentProps,\n  PopoverTrigger,\n  __PopoverProviderInternal,\n  usePopoverScope,\n} from '@tamagui/popover'\nimport {\n  FloatingOverrideContext,\n  Popper,\n  PopperProps,\n  UseFloatingFn,\n  usePopperContext,\n} from '@tamagui/popper'\nimport * as React from 'react'\n\nconst TooltipContent = React.forwardRef(\n  ({ __scopePopover, ...props }: ScopedProps<PopoverContentProps, 'Popover'>, ref: any) => {\n    const popperScope = usePopoverScope(__scopePopover)\n    const popper = usePopperContext('PopperContent', popperScope['__scopePopper'])\n    return (\n      <PopoverContent\n        componentName=\"TooltipContent\"\n        disableRemoveScroll\n        trapFocus={false}\n        padding={props.size || popper.size || '$2'}\n        pointerEvents=\"none\"\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\n\nconst TooltipArrow = React.forwardRef((props: PopoverArrowProps, ref: any) => {\n  return <PopoverArrow componentName=\"TooltipArrow\" ref={ref} {...props} />\n})\n\nexport type TooltipProps = PopperProps & {\n  children?: React.ReactNode\n  onOpenChange?: (open: boolean) => void\n  groupId?: string\n  restMs?: number\n  delay?:\n    | number\n    | {\n        open?: number\n        close?: number\n      }\n}\n\ntype Delay =\n  | number\n  | Partial<{\n      open: number\n      close: number\n    }>\n\nexport const TooltipGroup = ({ children, delay }: { children?: any; delay: Delay }) => {\n  return (\n    <FloatingDelayGroup delay={React.useMemo(() => delay, [JSON.stringify(delay)])}>\n      {children}\n    </FloatingDelayGroup>\n  )\n}\n\nexport const Tooltip = withStaticProperties(\n  ((props: ScopedProps<TooltipProps, 'Popover'>) => {\n    const {\n      __scopePopover,\n      children,\n      restMs = 500,\n      delay: delayProp,\n      onOpenChange: onOpenChangeProp,\n      ...restProps\n    } = props\n    const popperScope = usePopoverScope(__scopePopover)\n    const triggerRef = React.useRef<HTMLButtonElement>(null)\n    const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false)\n    const { delay: delayGroup, setCurrentId } = useDelayGroupContext()\n    const delay = delayProp ?? delayGroup\n    const [open, setOpen] = React.useState(false)\n    const id = props.groupId\n\n    const onOpenChange = useEvent((open) => {\n      setOpen(open)\n      if (open) {\n        setCurrentId(id)\n      }\n      onOpenChangeProp?.(open)\n    })\n\n    const useFloatingFn: UseFloatingFn = (props) => {\n      // @ts-ignore\n      const floating = useFloating({\n        ...props,\n        open,\n        onOpenChange,\n      })\n      const { getReferenceProps, getFloatingProps } = useInteractions([\n        useHover(floating.context, { delay, restMs }),\n        useFocus(floating.context),\n        useRole(floating.context, { role: 'tooltip' }),\n        useDismiss(floating.context),\n        useDelayGroup(floating.context, { id }),\n      ])\n      return {\n        ...floating,\n        getReferenceProps,\n        getFloatingProps,\n      } as any\n    }\n\n    const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open])\n    const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), [])\n    const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), [])\n    const contentId = useId()\n\n    return (\n      <FloatingOverrideContext.Provider value={useFloatingContext}>\n        {/* default tooltip to a smaller size */}\n        <Popper size=\"$2\" {...popperScope} {...restProps}>\n          <__PopoverProviderInternal\n            scope={__scopePopover}\n            contentId={contentId}\n            triggerRef={triggerRef}\n            sheetBreakpoint={false}\n            scopeKey=\"\"\n            open={open}\n            onOpenChange={setOpen}\n            onOpenToggle={voidFn}\n            hasCustomAnchor={hasCustomAnchor}\n            onCustomAnchorAdd={onCustomAnchorAdd}\n            onCustomAnchorRemove={onCustomAnchorRemove}\n          >\n            {children}\n          </__PopoverProviderInternal>\n        </Popper>\n      </FloatingOverrideContext.Provider>\n    )\n  }) as React.FC<TooltipProps>,\n  {\n    Anchor: PopoverAnchor,\n    Arrow: TooltipArrow,\n    Content: TooltipContent,\n    Trigger: PopoverTrigger,\n  }\n)\n\nTooltip.displayName = 'Tooltip'\n\nconst voidFn = () => {}\n"],
+  "mappings": "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",
+  "names": ["open", "props"]
 }

package/dist/jsx/Tooltip.native.js

@@ -12,9 +12,7 @@ const Tooltip = withStaticProperties(RenderChildren, {
   Content: RenderNull,
   Trigger: RenderChildren
 });
-const TooltipSimple = RenderChildren;
 export {
-  Tooltip,
-  TooltipSimple
+  Tooltip
 };
 //# sourceMappingURL=Tooltip.native.js.map

package/dist/jsx/Tooltip.native.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Tooltip.native.tsx"],
-  "sourcesContent": ["import { withStaticProperties } from '@tamagui/core'\n\n// no output on native for now\n// could have an option to long-press or similar to show in a context menu/drawer\n\nconst RenderChildren = (props: any) => {\n  return props.children\n}\n\nconst RenderNull = (props: any) => {\n  return null\n}\n\nexport const Tooltip = withStaticProperties(RenderChildren, {\n  Anchor: RenderChildren,\n  Arrow: RenderNull,\n  Close: RenderNull,\n  Content: RenderNull,\n  Trigger: RenderChildren,\n})\n\nexport const TooltipSimple = RenderChildren\n"],
-  "mappings": "AAAA;AAKA,MAAM,iBAAiB,CAAC,UAAe;AACrC,SAAO,MAAM;AACf;AAEA,MAAM,aAAa,CAAC,UAAe;AACjC,SAAO;AACT;AAEO,MAAM,UAAU,qBAAqB,gBAAgB;AAAA,EAC1D,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX,CAAC;AAEM,MAAM,gBAAgB;",
+  "sourcesContent": ["import { withStaticProperties } from '@tamagui/core'\n\n// no output on native for now\n// could have an option to long-press or similar to show in a context menu/drawer\n\nconst RenderChildren = (props: any) => {\n  return props.children\n}\n\nconst RenderNull = (props: any) => {\n  return null\n}\n\nexport const Tooltip = withStaticProperties(RenderChildren, {\n  Anchor: RenderChildren,\n  Arrow: RenderNull,\n  Close: RenderNull,\n  Content: RenderNull,\n  Trigger: RenderChildren,\n})\n"],
+  "mappings": "AAAA,SAAS,4BAA4B;AAKrC,MAAM,iBAAiB,CAAC,UAAe;AACrC,SAAO,MAAM;AACf;AAEA,MAAM,aAAa,CAAC,UAAe;AACjC,SAAO;AACT;AAEO,MAAM,UAAU,qBAAqB,gBAAgB;AAAA,EAC1D,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX,CAAC;",
   "names": []
 }

package/dist/jsx/TooltipSimple.js

@@ -0,0 +1,39 @@
+import { useDelayGroupContext } from "@floating-ui/react-dom-interactions";
+import { Theme } from "@tamagui/core";
+import { Paragraph } from "@tamagui/text";
+import { Tooltip, TooltipGroup } from "./Tooltip";
+const TooltipSimple = ({
+  label,
+  children,
+  contentProps,
+  ...tooltipProps
+}) => {
+  let context;
+  try {
+    context = useDelayGroupContext();
+  } catch {
+  }
+  const contents = <Tooltip {...tooltipProps}>
+    <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>
+    <Theme inverse><Tooltip.Content zIndex={1e5} enterStyle={{ x: 0, y: -8, opacity: 0, scale: 0.93 }} exitStyle={{ x: 0, y: -8, opacity: 0, scale: 0.93 }} x={0} scale={1} y={0} elevation="$0.5" opacity={1} animation={[
+      "quick",
+      {
+        opacity: {
+          overshootClamping: true
+        }
+      }
+    ]} {...contentProps}>
+      <Tooltip.Arrow />
+      <Paragraph size="$2" lineHeight="$0">{label}</Paragraph>
+    </Tooltip.Content></Theme>
+  </Tooltip>;
+  if (!context) {
+    return <TooltipGroup delay={defaultTooltipDelay}>{contents}</TooltipGroup>;
+  }
+  return contents;
+};
+const defaultTooltipDelay = { open: 3e3, close: 100 };
+export {
+  TooltipSimple
+};
+//# sourceMappingURL=TooltipSimple.js.map

package/dist/jsx/TooltipSimple.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TooltipSimple.tsx"],
+  "sourcesContent": ["import { useDelayGroupContext } from '@floating-ui/react-dom-interactions'\nimport { Theme } from '@tamagui/core'\nimport { SizableStackProps } from '@tamagui/stacks'\nimport { Paragraph } from '@tamagui/text'\nimport * as React from 'react'\n\nimport { Tooltip, TooltipGroup, TooltipProps } from './Tooltip'\n\nexport type TooltipSimpleProps = TooltipProps & {\n  label?: React.ReactNode\n  children?: React.ReactNode\n  contentProps?: SizableStackProps\n}\n\nexport const TooltipSimple: React.FC<TooltipSimpleProps> = ({\n  label,\n  children,\n  contentProps,\n  ...tooltipProps\n}) => {\n  let context\n  try {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    context = useDelayGroupContext()\n  } catch {\n    // ok\n  }\n\n  const contents = (\n    <Tooltip {...tooltipProps}>\n      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n      <Theme inverse>\n        <Tooltip.Content\n          zIndex={100_000}\n          enterStyle={{ x: 0, y: -8, opacity: 0, scale: 0.93 }}\n          exitStyle={{ x: 0, y: -8, opacity: 0, scale: 0.93 }}\n          x={0}\n          scale={1}\n          y={0}\n          elevation=\"$0.5\"\n          opacity={1}\n          animation={[\n            'quick',\n            {\n              opacity: {\n                overshootClamping: true,\n              },\n            },\n          ]}\n          {...contentProps}\n        >\n          <Tooltip.Arrow />\n          <Paragraph size=\"$2\" lineHeight=\"$0\">\n            {label}\n          </Paragraph>\n        </Tooltip.Content>\n      </Theme>\n    </Tooltip>\n  )\n\n  if (!context) {\n    return <TooltipGroup delay={defaultTooltipDelay}>{contents}</TooltipGroup>\n  }\n\n  return contents\n}\n\nconst defaultTooltipDelay = { open: 3000, close: 100 }\n"],
+  "mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,aAAa;AAEtB,SAAS,iBAAiB;AAG1B,SAAS,SAAS,oBAAkC;AAQ7C,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,KACG;AACL,MAAM;AACJ,MAAI;AACJ,MAAI;AAEF,cAAU,qBAAqB;AAAA,EACjC,QAAE;AAAA,EAEF;AAEA,QAAM,WACJ,CAAC,YAAY;AAAA,IACX,CAAC,QAAQ,QAAQ,SAAS,SAAS,EAAlC,QAAQ;AAAA,IACT,CAAC,MAAM,QACL,CAAC,QAAQ,QACP,QAAQ,KACR,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK,GACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK,GAClD,GAAG,GACH,OAAO,GACP,GAAG,GACH,UAAU,OACV,SAAS,GACT,WAAW;AAAA,MACT;AAAA,MACA;AAAA,QACE,SAAS;AAAA,UACP,mBAAmB;AAAA,QACrB;AAAA,MACF;AAAA,IACF,OACI;AAAA,MAEJ,CAAC,QAAQ,MAAM;AAAA,MACf,CAAC,UAAU,KAAK,KAAK,WAAW,MAC7B,MACH,EAFC;AAAA,IAGH,EAvBC,QAAQ,QAwBX,EAzBC;AAAA,EA0BH,EA5BC;AA+BH,MAAI,CAAC,SAAS;AACZ,WAAO,CAAC,aAAa,OAAO,sBAAsB,SAAS,EAAnD;AAAA,EACV;AAEA,SAAO;AACT;AAEA,MAAM,sBAAsB,EAAE,MAAM,KAAM,OAAO,IAAI;",
+  "names": []
+}

package/dist/jsx/TooltipSimple.native.js

@@ -0,0 +1,8 @@
+const RenderChildren = (props) => {
+  return props.children;
+};
+const TooltipSimple = RenderChildren;
+export {
+  TooltipSimple
+};
+//# sourceMappingURL=TooltipSimple.native.js.map

package/dist/jsx/TooltipSimple.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TooltipSimple.native.tsx"],
+  "sourcesContent": ["const RenderChildren = (props: any) => {\n  return props.children\n}\n\nexport const TooltipSimple = RenderChildren\n"],
+  "mappings": "AAAA,MAAM,iBAAiB,CAAC,UAAe;AACrC,SAAO,MAAM;AACf;AAEO,MAAM,gBAAgB;",
+  "names": []
+}

package/dist/jsx/index.js

@@ -1,2 +1,3 @@
 export * from "./Tooltip";
+export * from "./TooltipSimple";
 //# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "sourcesContent": ["export * from './Tooltip'\n"],
-  "mappings": "AAAA;",
+  "sourcesContent": ["export * from './Tooltip'\nexport * from './TooltipSimple'\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/tooltip",
-  "version": "1.0.1-beta.99",
+  "version": "1.0.1-rc.0",
   "sideEffects": [
     "*.css"
   ],
@@ -17,32 +17,34 @@
   "scripts": {
     "build": "tamagui-build",
     "watch": "tamagui-build --watch",
+    "lint": "eslint src",
+    "lint:fix": "yarn lint --fix",
     "clean": "tamagui-build clean",
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@floating-ui/react-dom-interactions": "^0.5.0",
-    "@tamagui/compose-refs": "^1.0.1-beta.99",
-    "@tamagui/core": "^1.0.1-beta.99",
-    "@tamagui/create-context": "^1.0.1-beta.99",
-    "@tamagui/polyfill-dev": "^1.0.1-beta.99",
-    "@tamagui/popover": "^1.0.1-beta.99",
-    "@tamagui/popper": "^1.0.1-beta.99",
-    "@tamagui/stacks": "^1.0.1-beta.99",
-    "@tamagui/text": "^1.0.1-beta.99",
-    "@tamagui/use-controllable-state": "^1.0.1-beta.99"
+    "@floating-ui/react-dom-interactions": "^0.10.3",
+    "@tamagui/compose-refs": "^1.0.1-rc.0",
+    "@tamagui/core": "^1.0.1-rc.0",
+    "@tamagui/create-context": "^1.0.1-rc.0",
+    "@tamagui/polyfill-dev": "^1.0.1-rc.0",
+    "@tamagui/popover": "^1.0.1-rc.0",
+    "@tamagui/popper": "^1.0.1-rc.0",
+    "@tamagui/stacks": "^1.0.1-rc.0",
+    "@tamagui/text": "^1.0.1-rc.0",
+    "@tamagui/use-controllable-state": "^1.0.1-rc.0"
   },
   "peerDependencies": {
-    "react": "*",
-    "react-dom": "*",
+    "react": ">=18",
+    "react-dom": ">=18",
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.99",
+    "@tamagui/build": "^1.0.1-rc.0",
     "@types/react-dom": "^18.0.3",
-    "@types/react-native": "^0.67.3",
-    "react": "*",
-    "react-dom": "*",
+    "@types/react-native": "^0.69.2",
+    "react": ">=18",
+    "react-dom": ">=18",
     "react-native": "*"
   },
   "publishConfig": {

package/src/Tooltip.native.tsx

@@ -18,5 +18,3 @@ export const Tooltip = withStaticProperties(RenderChildren, {
   Content: RenderNull,
   Trigger: RenderChildren,
 })
-
-export const TooltipSimple = RenderChildren

package/src/Tooltip.tsx

@@ -11,7 +11,7 @@ import {
   useInteractions,
   useRole,
 } from '@floating-ui/react-dom-interactions'
-import { useId, withStaticProperties } from '@tamagui/core'
+import { useEvent, useId, withStaticProperties } from '@tamagui/core'
 import { ScopedProps } from '@tamagui/create-context'
 import {
   PopoverAnchor,
@@ -30,8 +30,6 @@ import {
   UseFloatingFn,
   usePopperContext,
 } from '@tamagui/popper'
-import { SizableStackProps } from '@tamagui/stacks'
-import { Paragraph } from '@tamagui/text'
 import * as React from 'react'
 
 const TooltipContent = React.forwardRef(
@@ -40,10 +38,10 @@ const TooltipContent = React.forwardRef(
     const popper = usePopperContext('PopperContent', popperScope['__scopePopper'])
     return (
       <PopoverContent
+        componentName="TooltipContent"
         disableRemoveScroll
         trapFocus={false}
         padding={props.size || popper.size || '$2'}
-        componentName="TooltipContent"
         pointerEvents="none"
         ref={ref}
         {...props}
@@ -69,7 +67,20 @@ export type TooltipProps = PopperProps & {
       }
 }
 
-export const TooltipGroup = FloatingDelayGroup
+type Delay =
+  | number
+  | Partial<{
+      open: number
+      close: number
+    }>
+
+export const TooltipGroup = ({ children, delay }: { children?: any; delay: Delay }) => {
+  return (
+    <FloatingDelayGroup delay={React.useMemo(() => delay, [JSON.stringify(delay)])}>
+      {children}
+    </FloatingDelayGroup>
+  )
+}
 
 export const Tooltip = withStaticProperties(
   ((props: ScopedProps<TooltipProps, 'Popover'>) => {
@@ -89,19 +100,16 @@ export const Tooltip = withStaticProperties(
     const [open, setOpen] = React.useState(false)
     const id = props.groupId
 
-    // TODO useEvent when ready
-    const onOpenChange = React.useCallback(
-      (open) => {
-        setOpen(open)
-        if (open) {
-          setCurrentId(id)
-        }
-        onOpenChangeProp?.(open)
-      },
-      [id, setCurrentId, onOpenChangeProp]
-    )
+    const onOpenChange = useEvent((open) => {
+      setOpen(open)
+      if (open) {
+        setCurrentId(id)
+      }
+      onOpenChangeProp?.(open)
+    })
 
     const useFloatingFn: UseFloatingFn = (props) => {
+      // @ts-ignore
       const floating = useFloating({
         ...props,
         open,
@@ -122,8 +130,9 @@ export const Tooltip = withStaticProperties(
     }
 
     const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open])
-
-    const voidFn = React.useCallback(() => {}, [setOpen])
+    const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), [])
+    const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), [])
+    const contentId = useId()
 
     return (
       <FloatingOverrideContext.Provider value={useFloatingContext}>
@@ -131,14 +140,16 @@ export const Tooltip = withStaticProperties(
         <Popper size="$2" {...popperScope} {...restProps}>
           <__PopoverProviderInternal
             scope={__scopePopover}
-            contentId={useId()}
+            contentId={contentId}
             triggerRef={triggerRef}
+            sheetBreakpoint={false}
+            scopeKey=""
             open={open}
             onOpenChange={setOpen}
             onOpenToggle={voidFn}
             hasCustomAnchor={hasCustomAnchor}
-            onCustomAnchorAdd={React.useCallback(() => setHasCustomAnchor(true), [])}
-            onCustomAnchorRemove={React.useCallback(() => setHasCustomAnchor(false), [])}
+            onCustomAnchorAdd={onCustomAnchorAdd}
+            onCustomAnchorRemove={onCustomAnchorRemove}
           >
             {children}
           </__PopoverProviderInternal>
@@ -156,58 +167,4 @@ export const Tooltip = withStaticProperties(
 
 Tooltip.displayName = 'Tooltip'
 
-export type TooltipSimpleProps = TooltipProps & {
-  label?: React.ReactNode
-  children?: React.ReactNode
-  contentProps?: SizableStackProps
-}
-
-export const TooltipSimple: React.FC<TooltipSimpleProps> = ({
-  label,
-  children,
-  contentProps,
-  ...tooltipProps
-}) => {
-  let context
-  try {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    context = useDelayGroupContext()
-  } catch {
-    // ok
-  }
-
-  const contents = (
-    <Tooltip {...tooltipProps}>
-      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>
-      <Tooltip.Content
-        enterStyle={{ x: 0, y: -10, opacity: 0, scale: 0.9 }}
-        exitStyle={{ x: 0, y: -10, opacity: 0, scale: 0.9 }}
-        x={0}
-        scale={1}
-        y={0}
-        elevation="$1"
-        opacity={1}
-        animation={[
-          'bouncy',
-          {
-            opacity: {
-              overshootClamping: true,
-            },
-          },
-        ]}
-        {...contentProps}
-      >
-        <Tooltip.Arrow />
-        <Paragraph size="$2" lineHeight="$1">
-          {label}
-        </Paragraph>
-      </Tooltip.Content>
-    </Tooltip>
-  )
-
-  if (!context) {
-    return <TooltipGroup delay={{ open: 3000, close: 100 }}>{contents}</TooltipGroup>
-  }
-
-  return contents
-}
+const voidFn = () => {}

package/src/TooltipSimple.native.tsx

@@ -0,0 +1,5 @@
+const RenderChildren = (props: any) => {
+  return props.children
+}
+
+export const TooltipSimple = RenderChildren