@mirohq/design-system-tooltip 3.1.5

package/dist/main.js

@@ -0,0 +1,180 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactTooltip = require('@radix-ui/react-tooltip');
+var designSystemStitches = require('@mirohq/design-system-stitches');
+var designSystemStyles = require('@mirohq/design-system-styles');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const StyledArrowIcon = designSystemStitches.styled(reactTooltip.Arrow, {
+  fill: "$black",
+  height: "$1",
+  width: "$3"
+});
+const StyledContent = designSystemStitches.styled(reactTooltip.Content, {
+  backgroundColor: "$black",
+  borderRadius: "$50",
+  color: "$white",
+  fontSize: "14px",
+  fontWeight: "400",
+  lineHeight: "20px",
+  fontFamily: "inherit",
+  padding: "$150",
+  "@media (prefers-reduced-motion: no-preference)": {
+    animationDuration: "220ms",
+    animationTimingFunction: "ease",
+    willChange: "opacity",
+    '&[data-state="delayed-open"]': {
+      animationName: designSystemStyles.animations.fadeIn
+    },
+    '&[data-state="closed"]': {
+      animationName: designSystemStyles.animations.fadeOut
+    }
+  },
+  zIndex: "$tooltip"
+});
+
+const Content = React__default["default"].forwardRef(
+  ({
+    align = "center",
+    alignOffset = 0,
+    avoidCollisions = true,
+    collisionPadding = 0,
+    children,
+    side = "top",
+    sideOffset = 5,
+    sticky = "partial",
+    ...restProps
+  }, forwardRef) => /* @__PURE__ */ React__default["default"].createElement(StyledContent, {
+    ...restProps,
+    ref: forwardRef,
+    align,
+    alignOffset,
+    avoidCollisions,
+    collisionPadding,
+    side,
+    sideOffset,
+    sticky
+  }, children, /* @__PURE__ */ React__default["default"].createElement(StyledArrowIcon, null))
+);
+
+const StyledTrigger = designSystemStitches.styled(reactTooltip.Trigger);
+
+const Trigger = React__default["default"].forwardRef(({ onPress, onClick, ...restProps }, forwardRef) => /* @__PURE__ */ React__default["default"].createElement(StyledTrigger, {
+  ...restProps,
+  onClick: onPress != null ? onPress : onClick,
+  "data-tooltip-trigger": "",
+  ref: forwardRef
+}));
+
+const ProviderContext = React.createContext({});
+const Provider = ({
+  children,
+  ...restProps
+}) => /* @__PURE__ */ React__default["default"].createElement(ProviderContext.Provider, {
+  value: restProps
+}, children);
+const useTooltipContext = () => React.useContext(ProviderContext);
+
+const Portal = (props) => /* @__PURE__ */ React__default["default"].createElement(reactTooltip.Portal, {
+  ...props
+});
+
+let delayTimer;
+let skipDelayTimer;
+let shouldSkipDelay = false;
+const DEFAULT_SKIP_DELAY_DURATION = 500;
+const DEFAULT_DELAY_DURATION = 400;
+const Tooltip = ({
+  defaultOpen = false,
+  open,
+  onOpen,
+  onClose,
+  skipDelayDuration,
+  delayDuration,
+  disableHoverableContent,
+  clearDelaysOnUnmount = process.env.NODE_ENV === "test",
+  children
+}) => {
+  const context = useTooltipContext();
+  const [mounted, setMounted] = React.useState(false);
+  const [openState, setOpenState] = React.useState(defaultOpen);
+  const setDelayedOpen = React.useCallback(
+    (newOpenState) => {
+      var _a, _b;
+      clearTimeout(delayTimer);
+      clearTimeout(skipDelayTimer);
+      if (newOpenState === false) {
+        skipDelayTimer = setTimeout(() => {
+          shouldSkipDelay = false;
+        }, (_a = skipDelayDuration != null ? skipDelayDuration : context.skipDelayDuration) != null ? _a : DEFAULT_SKIP_DELAY_DURATION);
+        setOpenState(false);
+        onClose == null ? void 0 : onClose();
+        return;
+      }
+      if (shouldSkipDelay || document.querySelector("[data-tooltip-trigger]:focus") != null) {
+        setOpenState(newOpenState);
+        return;
+      }
+      delayTimer = setTimeout(() => {
+        if (document.querySelector("[data-tooltip-trigger]:hover") == null && process.env.NODE_ENV !== "test") {
+          return;
+        }
+        shouldSkipDelay = true;
+        if (mounted) {
+          setOpenState(true);
+          onOpen == null ? void 0 : onOpen();
+        }
+      }, (_b = delayDuration != null ? delayDuration : context.delayDuration) != null ? _b : DEFAULT_DELAY_DURATION);
+    },
+    [delayDuration, skipDelayDuration, context, mounted, onClose, onOpen]
+  );
+  React.useEffect(
+    () => () => {
+      if (clearDelaysOnUnmount) {
+        clearTimeout(delayTimer);
+        clearTimeout(skipDelayTimer);
+        shouldSkipDelay = false;
+      }
+    },
+    [clearDelaysOnUnmount]
+  );
+  React.useEffect(() => {
+    setMounted(true);
+    return () => setMounted(false);
+  }, []);
+  return /* @__PURE__ */ React__default["default"].createElement(reactTooltip.Provider, {
+    delayDuration: 0,
+    skipDelayDuration: 0
+  }, /* @__PURE__ */ React__default["default"].createElement(reactTooltip.Root, {
+    disableHoverableContent,
+    open: open != null ? open : openState,
+    delayDuration: 0,
+    onOpenChange: (newState) => {
+      if (open == null) {
+        setDelayedOpen(newState);
+        return;
+      }
+      newState ? onOpen == null ? void 0 : onOpen() : onClose == null ? void 0 : onClose();
+    }
+  }, children));
+};
+Tooltip.Trigger = Trigger;
+Tooltip.Content = Content;
+Tooltip.Provider = Provider;
+Tooltip.Portal = Portal;
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+exports.TOOLTIP_DEFAULT_DELAY_DURATION = DEFAULT_DELAY_DURATION;
+exports.TOOLTIP_DEFAULT_SKIP_DELAY_DURATION = DEFAULT_SKIP_DELAY_DURATION;
+exports.Tooltip = Tooltip;
+exports.TooltipTypes = types;
+//# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","sources":["../src/partials/content.styled.tsx","../src/partials/content.tsx","../src/partials/trigger.styled.tsx","../src/partials/trigger.tsx","../src/partials/provider.tsx","../src/partials/portal.tsx","../src/tooltip.tsx"],"sourcesContent":["import type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport {\n  Content as RadixContent,\n  Arrow as RadixArrow,\n} from '@radix-ui/react-tooltip'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { animations } from '@mirohq/design-system-styles'\n\nexport const StyledArrowIcon = styled(RadixArrow, {\n  fill: '$black',\n  height: '$1',\n  width: '$3',\n})\n\nexport const StyledContent = styled(RadixContent, {\n  backgroundColor: '$black',\n  borderRadius: '$50',\n  color: '$white',\n  fontSize: '14px',\n  fontWeight: '400',\n  lineHeight: '20px',\n  fontFamily: 'inherit',\n  padding: '$150',\n  '@media (prefers-reduced-motion: no-preference)': {\n    animationDuration: '220ms',\n    animationTimingFunction: 'ease',\n    willChange: 'opacity',\n    '&[data-state=\"delayed-open\"]': {\n      animationName: animations.fadeIn,\n    },\n    '&[data-state=\"closed\"]': {\n      animationName: animations.fadeOut,\n    },\n  },\n  zIndex: '$tooltip',\n})\n\nexport type StyledContentProps = StrictComponentProps<typeof StyledContent>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledContent, StyledArrowIcon } from './content.styled'\nimport type { StyledContentProps } from './content.styled'\nimport type { PointerDownOutsideEvent, Side, Align } from '../types'\n\nexport interface ContentProps extends StyledContentProps {\n  /**\n   * The preferred alignment against the trigger. May change when collisions\n   * occur.\n   */\n  align?: Align\n\n  /**\n   * An offset in pixels from the \"start\" or \"end\" alignment options.\n   */\n  alignOffset?: number\n\n  /**\n   * The distance in pixels from the trigger.\n   */\n  sideOffset?: number\n\n  /** The preferred side of the trigger to render against when open.\n   * Will be reversed when collisions occur and avoidCollisions is enabled.\n   */\n  side?: Side\n\n  /**\n   * When true, overrides the side and align preferences to prevent collisions\n   * with window edges.\n   */\n  avoidCollisions?: boolean\n\n  /**\n   * The distance in pixels from window edges where collision detection should\n   * occur.\n   */\n  collisionPadding?: number\n\n  /**\n   * Used to force mounting when more control is needed. Useful when controlling\n   * animation with React animation libraries. It inherits from Tooltip.Portal.\n   */\n  forceMount?: true\n\n  /**\n   * The element used as the collision boundary. By default this is the\n   * viewport, though you can provide additional element(s) to be included in\n   * this check.\n   */\n  collisionBoundary?: Element | null\n\n  /**\n   * The sticky behavior on the align axis. \"partial\" will keep the content in\n   * the boundary as long as the trigger is at least partially in the boundary\n   * whilst \"always\" will keep the content in the boundary regardless.\n   */\n  sticky?: 'partial' | 'always'\n\n  /**\n   * Whether to hide the content when the trigger becomes fully occluded.\n   */\n  hideWhenDetached?: boolean\n\n  /**\n   * Event handler called when the escape key is down. It can be prevented by\n   * calling event.preventDefault.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void\n\n  /**\n   * Event handler called when a pointer event occurs outside the bounds of the\n   * component. It can be prevented by calling event.preventDefault.\n   */\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n}\n\nexport const Content = React.forwardRef<\n  ElementRef<typeof StyledContent>,\n  ContentProps\n>(\n  (\n    {\n      align = 'center',\n      alignOffset = 0,\n      avoidCollisions = true,\n      collisionPadding = 0,\n      children,\n      side = 'top',\n      sideOffset = 5,\n      sticky = 'partial',\n      ...restProps\n    },\n    forwardRef\n  ) => (\n    <StyledContent\n      {...restProps}\n      ref={forwardRef}\n      align={align}\n      alignOffset={alignOffset}\n      avoidCollisions={avoidCollisions}\n      collisionPadding={collisionPadding}\n      side={side}\n      sideOffset={sideOffset}\n      sticky={sticky}\n    >\n      {children}\n      <StyledArrowIcon />\n    </StyledContent>\n  )\n)\n","import { styled } from '@mirohq/design-system-stitches'\nimport { Trigger } from '@radix-ui/react-tooltip'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledTrigger = styled(Trigger)\n\nexport type StyledTriggerProps = StrictComponentProps<typeof StyledTrigger>\n","import React from 'react'\nimport type { ElementRef, DOMAttributes } from 'react'\n\nimport { StyledTrigger } from './trigger.styled'\nimport type { StyledTriggerProps } from './trigger.styled'\n\nexport interface TriggerProps extends StyledTriggerProps {\n  /**\n   * temporary the same as onClick, later will be added touch events support\n   */\n  onPress?: DOMAttributes<HTMLElement>['onClick']\n}\n\nexport const Trigger = React.forwardRef<\n  ElementRef<typeof StyledTrigger>,\n  TriggerProps\n>(({ onPress, onClick, ...restProps }, forwardRef) => (\n  <StyledTrigger\n    {...restProps}\n    onClick={onPress ?? onClick}\n    data-tooltip-trigger=''\n    ref={forwardRef}\n  />\n))\n","import React, { createContext, useContext } from 'react'\n\nexport interface ProviderProps {\n  /**\n   * The duration from when the mouse enters a tooltip trigger until\n   * the tooltip opens.\n   */\n  delayDuration?: number\n\n  /**\n   * How much time a user has to enter another trigger without incurring\n   * a delay again.\n   */\n  skipDelayDuration?: number\n}\n\nexport const ProviderContext = createContext<ProviderProps>({} as any)\n\nexport const Provider: React.FC<ProviderProps> = ({\n  children,\n  ...restProps\n}) => (\n  <ProviderContext.Provider value={restProps}>\n    {children}\n  </ProviderContext.Provider>\n)\n\nexport const useTooltipContext = (): ProviderProps =>\n  useContext(ProviderContext)\n","import React from 'react'\nimport type { TooltipPortalProps } from '@radix-ui/react-tooltip'\nimport { Portal as RadixPortal } from '@radix-ui/react-tooltip'\n\nexport interface PortalProps extends TooltipPortalProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when controlling\n   * animation with React animation libraries. If used on this part, it will be\n   * inherited by Tooltip.Content.\n   */\n  forceMount?: true\n\n  /**\n   * Specify a container element to portal the content into.\n   */\n  container?: HTMLElement | null\n}\n\nexport const Portal: React.FC<PortalProps> = props => <RadixPortal {...props} />\n","import React, { useState, useCallback, useEffect } from 'react'\nimport {\n  Provider as RadixProvider,\n  Root as RadixTooltip,\n} from '@radix-ui/react-tooltip'\n\nimport { Content } from './partials/content'\nimport { Trigger } from './partials/trigger'\nimport { Provider, useTooltipContext } from './partials/provider'\nimport { Portal } from './partials/portal'\n\nexport interface TooltipProps {\n  /**\n   * The open state of the tooltip when it is initially rendered. Use when you\n   * do not need to control its open state.\n   */\n  defaultOpen?: boolean\n\n  /**\n   * The current state of the tooltip.\n   */\n  open?: boolean\n\n  /**\n   * Event handler called when the tooltip opens.\n   */\n  onOpen?: () => void\n\n  /**\n   * Event handler called when the tooltip closes.\n   */\n  onClose?: () => void\n\n  /**\n   * Overrides the duration given to the `Provider` to customize the open delay\n   * for a specific tooltip.\n   * @default 400\n   */\n  delayDuration?: number\n\n  /**\n   * How much time a user has to enter another trigger without incurring\n   * a delay again.\n   * @default 500\n   */\n  skipDelayDuration?: number\n\n  /**\n   * Clears the delayDuration and skipDelayDuration timeouts when the component\n   * is unmounted. This flag is `true` by default when using NODE_ENV=test.\n   * @default false\n   */\n  clearDelaysOnUnmount?: boolean\n\n  /**\n   * Closes the tooltip as soon as the pointer leaves the trigger making it\n   * impossible to hover the content.\n   */\n  disableHoverableContent?: boolean\n}\n\nlet delayTimer: ReturnType<typeof setTimeout> | undefined\nlet skipDelayTimer: ReturnType<typeof setTimeout> | undefined\nlet shouldSkipDelay = false\n\nexport const DEFAULT_SKIP_DELAY_DURATION = 500\nexport const DEFAULT_DELAY_DURATION = 400\n\nexport const Tooltip: React.FC<TooltipProps> & Partials = ({\n  defaultOpen = false,\n  open,\n  onOpen,\n  onClose,\n  skipDelayDuration,\n  delayDuration,\n  disableHoverableContent,\n  clearDelaysOnUnmount = process.env.NODE_ENV === 'test',\n  children,\n}) => {\n  const context = useTooltipContext()\n  const [mounted, setMounted] = useState(false)\n\n  const [openState, setOpenState] = useState(defaultOpen)\n  const setDelayedOpen = useCallback(\n    newOpenState => {\n      clearTimeout(delayTimer)\n      clearTimeout(skipDelayTimer)\n\n      if (newOpenState === false) {\n        skipDelayTimer = setTimeout(() => {\n          shouldSkipDelay = false\n        }, skipDelayDuration ?? context.skipDelayDuration ?? DEFAULT_SKIP_DELAY_DURATION)\n\n        setOpenState(false)\n        onClose?.()\n        return\n      }\n\n      if (\n        shouldSkipDelay ||\n        document.querySelector('[data-tooltip-trigger]:focus') != null\n      ) {\n        setOpenState(newOpenState)\n        return\n      }\n\n      delayTimer = setTimeout(() => {\n        // ignore it if the the user quickly hover the trigger and leave before the timeout\n        // (unfortunately JSDOM seems not to support :hover selector)\n        if (\n          document.querySelector('[data-tooltip-trigger]:hover') == null &&\n          process.env.NODE_ENV !== 'test'\n        ) {\n          return\n        }\n\n        shouldSkipDelay = true\n\n        if (mounted) {\n          setOpenState(true)\n          onOpen?.()\n        }\n      }, delayDuration ?? context.delayDuration ?? DEFAULT_DELAY_DURATION)\n    },\n    [delayDuration, skipDelayDuration, context, mounted, onClose, onOpen]\n  )\n\n  useEffect(\n    () => () => {\n      if (clearDelaysOnUnmount) {\n        clearTimeout(delayTimer)\n        clearTimeout(skipDelayTimer)\n        shouldSkipDelay = false\n      }\n    },\n    [clearDelaysOnUnmount]\n  )\n\n  useEffect(() => {\n    setMounted(true)\n    return () => setMounted(false)\n  }, [])\n\n  return (\n    <RadixProvider delayDuration={0} skipDelayDuration={0}>\n      <RadixTooltip\n        disableHoverableContent={disableHoverableContent}\n        open={open ?? openState}\n        delayDuration={0} // we control it manually\n        onOpenChange={newState => {\n          if (open == null) {\n            setDelayedOpen(newState)\n            return\n          }\n\n          newState ? onOpen?.() : onClose?.()\n        }}\n      >\n        {children}\n      </RadixTooltip>\n    </RadixProvider>\n  )\n}\n\n// Partials\n// -----------------------------------------------------------------------------\n\ninterface Partials {\n  Trigger: typeof Trigger\n  Content: typeof Content\n  Provider: typeof Provider\n  Portal: typeof Portal\n}\n\nTooltip.Trigger = Trigger\nTooltip.Content = Content\nTooltip.Provider = Provider\nTooltip.Portal = Portal\n"],"names":["styled","RadixArrow","RadixContent","animations","React","Trigger","createContext","useContext","RadixPortal","useState","useCallback","useEffect","RadixProvider","RadixTooltip"],"mappings":"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"}

package/dist/module.js

@@ -0,0 +1,169 @@
+import React, { createContext, useContext, useState, useCallback, useEffect } from 'react';
+import { Arrow, Content as Content$1, Trigger as Trigger$1, Portal as Portal$1, Provider as Provider$1, Root } from '@radix-ui/react-tooltip';
+import { styled } from '@mirohq/design-system-stitches';
+import { animations } from '@mirohq/design-system-styles';
+
+const StyledArrowIcon = styled(Arrow, {
+  fill: "$black",
+  height: "$1",
+  width: "$3"
+});
+const StyledContent = styled(Content$1, {
+  backgroundColor: "$black",
+  borderRadius: "$50",
+  color: "$white",
+  fontSize: "14px",
+  fontWeight: "400",
+  lineHeight: "20px",
+  fontFamily: "inherit",
+  padding: "$150",
+  "@media (prefers-reduced-motion: no-preference)": {
+    animationDuration: "220ms",
+    animationTimingFunction: "ease",
+    willChange: "opacity",
+    '&[data-state="delayed-open"]': {
+      animationName: animations.fadeIn
+    },
+    '&[data-state="closed"]': {
+      animationName: animations.fadeOut
+    }
+  },
+  zIndex: "$tooltip"
+});
+
+const Content = React.forwardRef(
+  ({
+    align = "center",
+    alignOffset = 0,
+    avoidCollisions = true,
+    collisionPadding = 0,
+    children,
+    side = "top",
+    sideOffset = 5,
+    sticky = "partial",
+    ...restProps
+  }, forwardRef) => /* @__PURE__ */ React.createElement(StyledContent, {
+    ...restProps,
+    ref: forwardRef,
+    align,
+    alignOffset,
+    avoidCollisions,
+    collisionPadding,
+    side,
+    sideOffset,
+    sticky
+  }, children, /* @__PURE__ */ React.createElement(StyledArrowIcon, null))
+);
+
+const StyledTrigger = styled(Trigger$1);
+
+const Trigger = React.forwardRef(({ onPress, onClick, ...restProps }, forwardRef) => /* @__PURE__ */ React.createElement(StyledTrigger, {
+  ...restProps,
+  onClick: onPress != null ? onPress : onClick,
+  "data-tooltip-trigger": "",
+  ref: forwardRef
+}));
+
+const ProviderContext = createContext({});
+const Provider = ({
+  children,
+  ...restProps
+}) => /* @__PURE__ */ React.createElement(ProviderContext.Provider, {
+  value: restProps
+}, children);
+const useTooltipContext = () => useContext(ProviderContext);
+
+const Portal = (props) => /* @__PURE__ */ React.createElement(Portal$1, {
+  ...props
+});
+
+let delayTimer;
+let skipDelayTimer;
+let shouldSkipDelay = false;
+const DEFAULT_SKIP_DELAY_DURATION = 500;
+const DEFAULT_DELAY_DURATION = 400;
+const Tooltip = ({
+  defaultOpen = false,
+  open,
+  onOpen,
+  onClose,
+  skipDelayDuration,
+  delayDuration,
+  disableHoverableContent,
+  clearDelaysOnUnmount = process.env.NODE_ENV === "test",
+  children
+}) => {
+  const context = useTooltipContext();
+  const [mounted, setMounted] = useState(false);
+  const [openState, setOpenState] = useState(defaultOpen);
+  const setDelayedOpen = useCallback(
+    (newOpenState) => {
+      var _a, _b;
+      clearTimeout(delayTimer);
+      clearTimeout(skipDelayTimer);
+      if (newOpenState === false) {
+        skipDelayTimer = setTimeout(() => {
+          shouldSkipDelay = false;
+        }, (_a = skipDelayDuration != null ? skipDelayDuration : context.skipDelayDuration) != null ? _a : DEFAULT_SKIP_DELAY_DURATION);
+        setOpenState(false);
+        onClose == null ? void 0 : onClose();
+        return;
+      }
+      if (shouldSkipDelay || document.querySelector("[data-tooltip-trigger]:focus") != null) {
+        setOpenState(newOpenState);
+        return;
+      }
+      delayTimer = setTimeout(() => {
+        if (document.querySelector("[data-tooltip-trigger]:hover") == null && process.env.NODE_ENV !== "test") {
+          return;
+        }
+        shouldSkipDelay = true;
+        if (mounted) {
+          setOpenState(true);
+          onOpen == null ? void 0 : onOpen();
+        }
+      }, (_b = delayDuration != null ? delayDuration : context.delayDuration) != null ? _b : DEFAULT_DELAY_DURATION);
+    },
+    [delayDuration, skipDelayDuration, context, mounted, onClose, onOpen]
+  );
+  useEffect(
+    () => () => {
+      if (clearDelaysOnUnmount) {
+        clearTimeout(delayTimer);
+        clearTimeout(skipDelayTimer);
+        shouldSkipDelay = false;
+      }
+    },
+    [clearDelaysOnUnmount]
+  );
+  useEffect(() => {
+    setMounted(true);
+    return () => setMounted(false);
+  }, []);
+  return /* @__PURE__ */ React.createElement(Provider$1, {
+    delayDuration: 0,
+    skipDelayDuration: 0
+  }, /* @__PURE__ */ React.createElement(Root, {
+    disableHoverableContent,
+    open: open != null ? open : openState,
+    delayDuration: 0,
+    onOpenChange: (newState) => {
+      if (open == null) {
+        setDelayedOpen(newState);
+        return;
+      }
+      newState ? onOpen == null ? void 0 : onOpen() : onClose == null ? void 0 : onClose();
+    }
+  }, children));
+};
+Tooltip.Trigger = Trigger;
+Tooltip.Content = Content;
+Tooltip.Provider = Provider;
+Tooltip.Portal = Portal;
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+export { DEFAULT_DELAY_DURATION as TOOLTIP_DEFAULT_DELAY_DURATION, DEFAULT_SKIP_DELAY_DURATION as TOOLTIP_DEFAULT_SKIP_DELAY_DURATION, Tooltip, types as TooltipTypes };
+//# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.js","sources":["../src/partials/content.styled.tsx","../src/partials/content.tsx","../src/partials/trigger.styled.tsx","../src/partials/trigger.tsx","../src/partials/provider.tsx","../src/partials/portal.tsx","../src/tooltip.tsx"],"sourcesContent":["import type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport {\n  Content as RadixContent,\n  Arrow as RadixArrow,\n} from '@radix-ui/react-tooltip'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { animations } from '@mirohq/design-system-styles'\n\nexport const StyledArrowIcon = styled(RadixArrow, {\n  fill: '$black',\n  height: '$1',\n  width: '$3',\n})\n\nexport const StyledContent = styled(RadixContent, {\n  backgroundColor: '$black',\n  borderRadius: '$50',\n  color: '$white',\n  fontSize: '14px',\n  fontWeight: '400',\n  lineHeight: '20px',\n  fontFamily: 'inherit',\n  padding: '$150',\n  '@media (prefers-reduced-motion: no-preference)': {\n    animationDuration: '220ms',\n    animationTimingFunction: 'ease',\n    willChange: 'opacity',\n    '&[data-state=\"delayed-open\"]': {\n      animationName: animations.fadeIn,\n    },\n    '&[data-state=\"closed\"]': {\n      animationName: animations.fadeOut,\n    },\n  },\n  zIndex: '$tooltip',\n})\n\nexport type StyledContentProps = StrictComponentProps<typeof StyledContent>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledContent, StyledArrowIcon } from './content.styled'\nimport type { StyledContentProps } from './content.styled'\nimport type { PointerDownOutsideEvent, Side, Align } from '../types'\n\nexport interface ContentProps extends StyledContentProps {\n  /**\n   * The preferred alignment against the trigger. May change when collisions\n   * occur.\n   */\n  align?: Align\n\n  /**\n   * An offset in pixels from the \"start\" or \"end\" alignment options.\n   */\n  alignOffset?: number\n\n  /**\n   * The distance in pixels from the trigger.\n   */\n  sideOffset?: number\n\n  /** The preferred side of the trigger to render against when open.\n   * Will be reversed when collisions occur and avoidCollisions is enabled.\n   */\n  side?: Side\n\n  /**\n   * When true, overrides the side and align preferences to prevent collisions\n   * with window edges.\n   */\n  avoidCollisions?: boolean\n\n  /**\n   * The distance in pixels from window edges where collision detection should\n   * occur.\n   */\n  collisionPadding?: number\n\n  /**\n   * Used to force mounting when more control is needed. Useful when controlling\n   * animation with React animation libraries. It inherits from Tooltip.Portal.\n   */\n  forceMount?: true\n\n  /**\n   * The element used as the collision boundary. By default this is the\n   * viewport, though you can provide additional element(s) to be included in\n   * this check.\n   */\n  collisionBoundary?: Element | null\n\n  /**\n   * The sticky behavior on the align axis. \"partial\" will keep the content in\n   * the boundary as long as the trigger is at least partially in the boundary\n   * whilst \"always\" will keep the content in the boundary regardless.\n   */\n  sticky?: 'partial' | 'always'\n\n  /**\n   * Whether to hide the content when the trigger becomes fully occluded.\n   */\n  hideWhenDetached?: boolean\n\n  /**\n   * Event handler called when the escape key is down. It can be prevented by\n   * calling event.preventDefault.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void\n\n  /**\n   * Event handler called when a pointer event occurs outside the bounds of the\n   * component. It can be prevented by calling event.preventDefault.\n   */\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n}\n\nexport const Content = React.forwardRef<\n  ElementRef<typeof StyledContent>,\n  ContentProps\n>(\n  (\n    {\n      align = 'center',\n      alignOffset = 0,\n      avoidCollisions = true,\n      collisionPadding = 0,\n      children,\n      side = 'top',\n      sideOffset = 5,\n      sticky = 'partial',\n      ...restProps\n    },\n    forwardRef\n  ) => (\n    <StyledContent\n      {...restProps}\n      ref={forwardRef}\n      align={align}\n      alignOffset={alignOffset}\n      avoidCollisions={avoidCollisions}\n      collisionPadding={collisionPadding}\n      side={side}\n      sideOffset={sideOffset}\n      sticky={sticky}\n    >\n      {children}\n      <StyledArrowIcon />\n    </StyledContent>\n  )\n)\n","import { styled } from '@mirohq/design-system-stitches'\nimport { Trigger } from '@radix-ui/react-tooltip'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledTrigger = styled(Trigger)\n\nexport type StyledTriggerProps = StrictComponentProps<typeof StyledTrigger>\n","import React from 'react'\nimport type { ElementRef, DOMAttributes } from 'react'\n\nimport { StyledTrigger } from './trigger.styled'\nimport type { StyledTriggerProps } from './trigger.styled'\n\nexport interface TriggerProps extends StyledTriggerProps {\n  /**\n   * temporary the same as onClick, later will be added touch events support\n   */\n  onPress?: DOMAttributes<HTMLElement>['onClick']\n}\n\nexport const Trigger = React.forwardRef<\n  ElementRef<typeof StyledTrigger>,\n  TriggerProps\n>(({ onPress, onClick, ...restProps }, forwardRef) => (\n  <StyledTrigger\n    {...restProps}\n    onClick={onPress ?? onClick}\n    data-tooltip-trigger=''\n    ref={forwardRef}\n  />\n))\n","import React, { createContext, useContext } from 'react'\n\nexport interface ProviderProps {\n  /**\n   * The duration from when the mouse enters a tooltip trigger until\n   * the tooltip opens.\n   */\n  delayDuration?: number\n\n  /**\n   * How much time a user has to enter another trigger without incurring\n   * a delay again.\n   */\n  skipDelayDuration?: number\n}\n\nexport const ProviderContext = createContext<ProviderProps>({} as any)\n\nexport const Provider: React.FC<ProviderProps> = ({\n  children,\n  ...restProps\n}) => (\n  <ProviderContext.Provider value={restProps}>\n    {children}\n  </ProviderContext.Provider>\n)\n\nexport const useTooltipContext = (): ProviderProps =>\n  useContext(ProviderContext)\n","import React from 'react'\nimport type { TooltipPortalProps } from '@radix-ui/react-tooltip'\nimport { Portal as RadixPortal } from '@radix-ui/react-tooltip'\n\nexport interface PortalProps extends TooltipPortalProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when controlling\n   * animation with React animation libraries. If used on this part, it will be\n   * inherited by Tooltip.Content.\n   */\n  forceMount?: true\n\n  /**\n   * Specify a container element to portal the content into.\n   */\n  container?: HTMLElement | null\n}\n\nexport const Portal: React.FC<PortalProps> = props => <RadixPortal {...props} />\n","import React, { useState, useCallback, useEffect } from 'react'\nimport {\n  Provider as RadixProvider,\n  Root as RadixTooltip,\n} from '@radix-ui/react-tooltip'\n\nimport { Content } from './partials/content'\nimport { Trigger } from './partials/trigger'\nimport { Provider, useTooltipContext } from './partials/provider'\nimport { Portal } from './partials/portal'\n\nexport interface TooltipProps {\n  /**\n   * The open state of the tooltip when it is initially rendered. Use when you\n   * do not need to control its open state.\n   */\n  defaultOpen?: boolean\n\n  /**\n   * The current state of the tooltip.\n   */\n  open?: boolean\n\n  /**\n   * Event handler called when the tooltip opens.\n   */\n  onOpen?: () => void\n\n  /**\n   * Event handler called when the tooltip closes.\n   */\n  onClose?: () => void\n\n  /**\n   * Overrides the duration given to the `Provider` to customize the open delay\n   * for a specific tooltip.\n   * @default 400\n   */\n  delayDuration?: number\n\n  /**\n   * How much time a user has to enter another trigger without incurring\n   * a delay again.\n   * @default 500\n   */\n  skipDelayDuration?: number\n\n  /**\n   * Clears the delayDuration and skipDelayDuration timeouts when the component\n   * is unmounted. This flag is `true` by default when using NODE_ENV=test.\n   * @default false\n   */\n  clearDelaysOnUnmount?: boolean\n\n  /**\n   * Closes the tooltip as soon as the pointer leaves the trigger making it\n   * impossible to hover the content.\n   */\n  disableHoverableContent?: boolean\n}\n\nlet delayTimer: ReturnType<typeof setTimeout> | undefined\nlet skipDelayTimer: ReturnType<typeof setTimeout> | undefined\nlet shouldSkipDelay = false\n\nexport const DEFAULT_SKIP_DELAY_DURATION = 500\nexport const DEFAULT_DELAY_DURATION = 400\n\nexport const Tooltip: React.FC<TooltipProps> & Partials = ({\n  defaultOpen = false,\n  open,\n  onOpen,\n  onClose,\n  skipDelayDuration,\n  delayDuration,\n  disableHoverableContent,\n  clearDelaysOnUnmount = process.env.NODE_ENV === 'test',\n  children,\n}) => {\n  const context = useTooltipContext()\n  const [mounted, setMounted] = useState(false)\n\n  const [openState, setOpenState] = useState(defaultOpen)\n  const setDelayedOpen = useCallback(\n    newOpenState => {\n      clearTimeout(delayTimer)\n      clearTimeout(skipDelayTimer)\n\n      if (newOpenState === false) {\n        skipDelayTimer = setTimeout(() => {\n          shouldSkipDelay = false\n        }, skipDelayDuration ?? context.skipDelayDuration ?? DEFAULT_SKIP_DELAY_DURATION)\n\n        setOpenState(false)\n        onClose?.()\n        return\n      }\n\n      if (\n        shouldSkipDelay ||\n        document.querySelector('[data-tooltip-trigger]:focus') != null\n      ) {\n        setOpenState(newOpenState)\n        return\n      }\n\n      delayTimer = setTimeout(() => {\n        // ignore it if the the user quickly hover the trigger and leave before the timeout\n        // (unfortunately JSDOM seems not to support :hover selector)\n        if (\n          document.querySelector('[data-tooltip-trigger]:hover') == null &&\n          process.env.NODE_ENV !== 'test'\n        ) {\n          return\n        }\n\n        shouldSkipDelay = true\n\n        if (mounted) {\n          setOpenState(true)\n          onOpen?.()\n        }\n      }, delayDuration ?? context.delayDuration ?? DEFAULT_DELAY_DURATION)\n    },\n    [delayDuration, skipDelayDuration, context, mounted, onClose, onOpen]\n  )\n\n  useEffect(\n    () => () => {\n      if (clearDelaysOnUnmount) {\n        clearTimeout(delayTimer)\n        clearTimeout(skipDelayTimer)\n        shouldSkipDelay = false\n      }\n    },\n    [clearDelaysOnUnmount]\n  )\n\n  useEffect(() => {\n    setMounted(true)\n    return () => setMounted(false)\n  }, [])\n\n  return (\n    <RadixProvider delayDuration={0} skipDelayDuration={0}>\n      <RadixTooltip\n        disableHoverableContent={disableHoverableContent}\n        open={open ?? openState}\n        delayDuration={0} // we control it manually\n        onOpenChange={newState => {\n          if (open == null) {\n            setDelayedOpen(newState)\n            return\n          }\n\n          newState ? onOpen?.() : onClose?.()\n        }}\n      >\n        {children}\n      </RadixTooltip>\n    </RadixProvider>\n  )\n}\n\n// Partials\n// -----------------------------------------------------------------------------\n\ninterface Partials {\n  Trigger: typeof Trigger\n  Content: typeof Content\n  Provider: typeof Provider\n  Portal: typeof Portal\n}\n\nTooltip.Trigger = Trigger\nTooltip.Content = Content\nTooltip.Provider = Provider\nTooltip.Portal = Portal\n"],"names":["RadixArrow","RadixContent","Trigger","RadixPortal","RadixProvider","RadixTooltip"],"mappings":"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"}