@plenustech/design-system 0.2.3 → 0.2.5

package/dist/components/overlays/Tooltip/Tooltip.js

@@ -1,84 +1,109 @@
-import { jsxs as v, Fragment as E, jsx as d } from "react/jsx-runtime";
-import { useRef as f, useState as M, useId as R, useCallback as p, useEffect as h, cloneElement as B } from "react";
-import { createPortal as S } from "react-dom";
-import { useOverlayPosition as j } from "@react-aria/overlays";
-import { useMergedRefs as x } from "../../../hooks/useMergedRefs.js";
-import F from "./Tooltip.module.css.js";
-const L = 120;
-function i(o, s) {
-  return (n) => {
-    o == null || o(n), s(n);
+import { jsx as a, jsxs as S, Fragment as g } from "react/jsx-runtime";
+import { useEffect as b, useRef as p, useState as j, useId as A, cloneElement as F } from "react";
+import { createPortal as v } from "react-dom";
+import { useOverlayPosition as I } from "@react-aria/overlays";
+import { useMergedRefs as P } from "../../../hooks/useMergedRefs.js";
+import x from "./Tooltip.module.css.js";
+const D = 120;
+function f(e, u) {
+  return (r) => {
+    e == null || e(r), u(r);
   };
 }
-function C({ children: o, content: s, delay: n = 500, placement: a = "top" }) {
-  const u = f(null), [c, t] = M(!1), e = f(void 0), m = `tooltip-${R()}`, l = p(() => {
-    clearTimeout(e.current), t(!1);
-  }, []), y = p(() => {
-    clearTimeout(e.current), e.current = setTimeout(() => t(!1), L);
-  }, []);
-  h(() => () => clearTimeout(e.current), []);
-  const r = o.props, T = x(u, r.ref), b = B(o, {
-    ref: T,
-    "aria-describedby": c ? [r["aria-describedby"], m].filter(Boolean).join(" ") : r["aria-describedby"],
-    onMouseEnter: i(r.onMouseEnter, () => {
-      clearTimeout(e.current), e.current = setTimeout(() => t(!0), n);
+function H(e) {
+  return e.anchorRef ? /* @__PURE__ */ a(q, { ...e }) : /* @__PURE__ */ a(K, { ...e });
+}
+function K({
+  children: e,
+  content: u,
+  delay: r = 500,
+  onOpenChange: t,
+  open: i,
+  placement: c = "top"
+}) {
+  const o = p(null), [l, M] = j(!1), T = i ?? l, s = p(void 0), E = `tooltip-${A()}`;
+  function d(m) {
+    M(m), t == null || t(m);
+  }
+  function y() {
+    clearTimeout(s.current), d(!1);
+  }
+  function L() {
+    clearTimeout(s.current), s.current = setTimeout(() => d(!1), D);
+  }
+  b(() => () => clearTimeout(s.current), []);
+  const n = e.props, k = P(o, n.ref), B = F(e, {
+    ref: k,
+    "aria-describedby": T ? [n["aria-describedby"], E].filter(Boolean).join(" ") : n["aria-describedby"],
+    onMouseEnter: f(n.onMouseEnter, () => {
+      clearTimeout(s.current), s.current = setTimeout(() => d(!0), r);
     }),
-    onMouseLeave: i(r.onMouseLeave, y),
-    onFocus: i(r.onFocus, () => t(!0)),
-    onBlur: i(r.onBlur, l),
-    onKeyDown: i(r.onKeyDown, (g) => {
-      g.key === "Escape" && l();
+    onMouseLeave: f(n.onMouseLeave, L),
+    onFocus: f(n.onFocus, () => d(!0)),
+    onBlur: f(n.onBlur, y),
+    onKeyDown: f(n.onKeyDown, (m) => {
+      m.key === "Escape" && y();
     })
   });
-  return /* @__PURE__ */ v(E, { children: [
-    b,
-    c && S(
-      /* @__PURE__ */ d(
-        O,
+  return /* @__PURE__ */ S(g, { children: [
+    B,
+    T && typeof document < "u" && v(
+      /* @__PURE__ */ a(
+        R,
         {
-          content: s,
-          id: m,
-          onMouseEnter: () => clearTimeout(e.current),
-          onMouseLeave: l,
-          placement: a,
-          triggerRef: u
+          content: u,
+          id: E,
+          onMouseEnter: () => clearTimeout(s.current),
+          onMouseLeave: y,
+          placement: c,
+          triggerRef: o
         }
       ),
       document.body
     )
   ] });
 }
-function O({
-  content: o,
-  id: s,
-  onMouseEnter: n,
-  onMouseLeave: a,
-  placement: u,
+function q({ anchorRef: e, content: u, id: r, onOpenChange: t, open: i, placement: c = "top" }) {
+  return b(() => {
+    if (!i)
+      return;
+    function o(l) {
+      l.key === "Escape" && (t == null || t(!1));
+    }
+    return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
+  }, [t, i]), !i || typeof document > "u" ? null : v(/* @__PURE__ */ a(R, { content: u, id: r, placement: c, triggerRef: e }), document.body);
+}
+function R({
+  content: e,
+  id: u,
+  onMouseEnter: r,
+  onMouseLeave: t,
+  placement: i,
   triggerRef: c
 }) {
-  const t = f(null), { overlayProps: e } = j({
+  const o = p(null), { overlayProps: l } = I({
     targetRef: c,
-    overlayRef: t,
-    placement: u,
+    overlayRef: o,
+    placement: i,
     offset: 6,
     isOpen: !0
   });
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ a(
     "div",
     {
-      ref: t,
-      className: F.tooltip,
+      ref: o,
+      className: x.tooltip,
       "data-react-aria-top-layer": "true",
-      id: s,
-      onMouseEnter: n,
-      onMouseLeave: a,
+      id: u,
+      onMouseEnter: r,
+      onMouseLeave: t,
       role: "tooltip",
-      style: e.style,
-      children: o
+      style: l.style,
+      children: e
     }
   );
 }
 export {
-  C as Tooltip
+  H as Tooltip
 };
 //# sourceMappingURL=Tooltip.js.map

package/dist/components/overlays/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/overlays/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type FocusEvent,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useOverlayPosition } from '@react-aria/overlays';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport styles from './Tooltip.module.css';\n\nexport type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';\n\nexport interface TooltipProps {\n  children: ReactElement<Record<string, unknown>>;\n  content: ReactNode;\n  delay?: number;\n  placement?: TooltipPlacement;\n}\n\n/** Tempo para o ponteiro atravessar a folga entre o gatilho e o balao. */\nconst TRAVESSIA = 120;\n\nfunction chain<E>(own: ((event: E) => void) | undefined, next: (event: E) => void) {\n  return (event: E) => {\n    own?.(event);\n    next(event);\n  };\n}\n\nexport function Tooltip({ children, content, delay = 500, placement = 'top' }: TooltipProps) {\n  const triggerRef = useRef<HTMLElement>(null);\n  const [open, setOpen] = useState(false);\n  const timer = useRef<ReturnType<typeof setTimeout>>(undefined);\n  const id = `tooltip-${useId()}`;\n\n  const hide = useCallback(() => {\n    clearTimeout(timer.current);\n    setOpen(false);\n  }, []);\n\n  // O balao aceita o ponteiro (WCAG 1.4.13): sair do gatilho espera a travessia ate ele antes de fechar.\n  const hideSoon = useCallback(() => {\n    clearTimeout(timer.current);\n    timer.current = setTimeout(() => setOpen(false), TRAVESSIA);\n  }, []);\n\n  useEffect(() => () => clearTimeout(timer.current), []);\n\n  const props = children.props;\n  const mergedTriggerRef = useMergedRefs(triggerRef, props.ref as Ref<HTMLElement> | undefined);\n  const trigger = cloneElement(children, {\n    ref: mergedTriggerRef,\n    'aria-describedby': open ? [props['aria-describedby'], id].filter(Boolean).join(' ') : props['aria-describedby'],\n    onMouseEnter: chain(props.onMouseEnter as (e: MouseEvent) => void, () => {\n      clearTimeout(timer.current);\n      timer.current = setTimeout(() => setOpen(true), delay);\n    }),\n    onMouseLeave: chain(props.onMouseLeave as (e: MouseEvent) => void, hideSoon),\n    onFocus: chain(props.onFocus as (e: FocusEvent) => void, () => setOpen(true)),\n    onBlur: chain(props.onBlur as (e: FocusEvent) => void, hide),\n    onKeyDown: chain(props.onKeyDown as (e: KeyboardEvent) => void, (event) => {\n      if (event.key === 'Escape') {\n        hide();\n      }\n    }),\n  });\n\n  return (\n    <>\n      {trigger}\n      {open &&\n        createPortal(\n          <TooltipBubble\n            content={content}\n            id={id}\n            onMouseEnter={() => clearTimeout(timer.current)}\n            onMouseLeave={hide}\n            placement={placement}\n            triggerRef={triggerRef}\n          />,\n          document.body,\n        )}\n    </>\n  );\n}\n\nfunction TooltipBubble({\n  content,\n  id,\n  onMouseEnter,\n  onMouseLeave,\n  placement,\n  triggerRef,\n}: {\n  content: ReactNode;\n  id: string;\n  onMouseEnter: () => void;\n  onMouseLeave: () => void;\n  placement: TooltipPlacement;\n  triggerRef: React.RefObject<HTMLElement | null>;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const { overlayProps } = useOverlayPosition({\n    targetRef: triggerRef,\n    overlayRef: ref,\n    placement,\n    offset: 6,\n    isOpen: true,\n  });\n\n  return (\n    <div\n      ref={ref}\n      className={styles.tooltip}\n      data-react-aria-top-layer=\"true\"\n      id={id}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      role=\"tooltip\"\n      style={overlayProps.style}\n    >\n      {content}\n    </div>\n  );\n}\n"],"names":["TRAVESSIA","chain","own","next","event","Tooltip","children","content","delay","placement","triggerRef","useRef","open","setOpen","useState","timer","id","useId","hide","useCallback","hideSoon","useEffect","props","mergedTriggerRef","useMergedRefs","trigger","cloneElement","jsxs","Fragment","createPortal","jsx","TooltipBubble","onMouseEnter","onMouseLeave","ref","overlayProps","useOverlayPosition","styles"],"mappings":";;;;;;AA6BA,MAAMA,IAAY;AAElB,SAASC,EAASC,GAAuCC,GAA0B;AACjF,SAAO,CAACC,MAAa;AACnB,IAAAF,KAAA,QAAAA,EAAME,IACND,EAAKC,CAAK;AAAA,EACZ;AACF;AAEO,SAASC,EAAQ,EAAE,UAAAC,GAAU,SAAAC,GAAS,OAAAC,IAAQ,KAAK,WAAAC,IAAY,SAAuB;AAC3F,QAAMC,IAAaC,EAAoB,IAAI,GACrC,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAChCC,IAAQJ,EAAsC,MAAS,GACvDK,IAAK,WAAWC,EAAA,CAAO,IAEvBC,IAAOC,EAAY,MAAM;AAC7B,iBAAaJ,EAAM,OAAO,GAC1BF,EAAQ,EAAK;AAAA,EACf,GAAG,CAAA,CAAE,GAGCO,IAAWD,EAAY,MAAM;AACjC,iBAAaJ,EAAM,OAAO,GAC1BA,EAAM,UAAU,WAAW,MAAMF,EAAQ,EAAK,GAAGb,CAAS;AAAA,EAC5D,GAAG,CAAA,CAAE;AAEL,EAAAqB,EAAU,MAAM,MAAM,aAAaN,EAAM,OAAO,GAAG,CAAA,CAAE;AAErD,QAAMO,IAAQhB,EAAS,OACjBiB,IAAmBC,EAAcd,GAAYY,EAAM,GAAmC,GACtFG,IAAUC,EAAapB,GAAU;AAAA,IACrC,KAAKiB;AAAA,IACL,oBAAoBX,IAAO,CAACU,EAAM,kBAAkB,GAAGN,CAAE,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,IAAIM,EAAM,kBAAkB;AAAA,IAC/G,cAAcrB,EAAMqB,EAAM,cAAyC,MAAM;AACvE,mBAAaP,EAAM,OAAO,GAC1BA,EAAM,UAAU,WAAW,MAAMF,EAAQ,EAAI,GAAGL,CAAK;AAAA,IACvD,CAAC;AAAA,IACD,cAAcP,EAAMqB,EAAM,cAAyCF,CAAQ;AAAA,IAC3E,SAASnB,EAAMqB,EAAM,SAAoC,MAAMT,EAAQ,EAAI,CAAC;AAAA,IAC5E,QAAQZ,EAAMqB,EAAM,QAAmCJ,CAAI;AAAA,IAC3D,WAAWjB,EAAMqB,EAAM,WAAyC,CAAClB,MAAU;AACzE,MAAIA,EAAM,QAAQ,YAChBc,EAAA;AAAA,IAEJ,CAAC;AAAA,EAAA,CACF;AAED,SACE,gBAAAS,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAH;AAAA,IACAb,KACCiB;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAxB;AAAA,UACA,IAAAS;AAAA,UACA,cAAc,MAAM,aAAaD,EAAM,OAAO;AAAA,UAC9C,cAAcG;AAAA,UACd,WAAAT;AAAA,UACA,YAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,SAAS;AAAA,IAAA;AAAA,EACX,GACJ;AAEJ;AAEA,SAASqB,EAAc;AAAA,EACrB,SAAAxB;AAAA,EACA,IAAAS;AAAA,EACA,cAAAgB;AAAA,EACA,cAAAC;AAAA,EACA,WAAAxB;AAAA,EACA,YAAAC;AACF,GAOG;AACD,QAAMwB,IAAMvB,EAAuB,IAAI,GACjC,EAAE,cAAAwB,EAAA,IAAiBC,EAAmB;AAAA,IAC1C,WAAW1B;AAAA,IACX,YAAYwB;AAAA,IACZ,WAAAzB;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA,CACT;AAED,SACE,gBAAAqB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAI;AAAA,MACA,WAAWG,EAAO;AAAA,MAClB,6BAA0B;AAAA,MAC1B,IAAArB;AAAA,MACA,cAAAgB;AAAA,MACA,cAAAC;AAAA,MACA,MAAK;AAAA,MACL,OAAOE,EAAa;AAAA,MAEnB,UAAA5B;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/overlays/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type FocusEvent,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  type RefObject,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useOverlayPosition } from '@react-aria/overlays';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport styles from './Tooltip.module.css';\n\nexport type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';\n\ninterface TooltipCommonProps {\n  content: ReactNode;\n  /** Avisa cada pedido de abrir ou fechar: ponteiro, foco, blur e Escape. */\n  onOpenChange?: (open: boolean) => void;\n  placement?: TooltipPlacement;\n}\n\ninterface TooltipOnChildProps extends TooltipCommonProps {\n  anchorRef?: never;\n  /** O gatilho: o Tooltip o clona, soma os manipuladores e liga a descrição por `aria-describedby`. */\n  children: ReactElement<Record<string, unknown>>;\n  delay?: number;\n  id?: never;\n  /** Controla a abertura; sem ele, o Tooltip guarda o próprio estado. */\n  open?: boolean;\n}\n\ninterface TooltipOnAnchorProps extends TooltipCommonProps {\n  /** Âncora que não é filho do Tooltip, como um elemento que precisa da própria referência e não pode ser clonado. */\n  anchorRef: RefObject<HTMLElement | null>;\n  children?: never;\n  delay?: never;\n  /** Id do balão. O produto o põe no `aria-describedby` da âncora enquanto `open`. */\n  id: string;\n  /** Com âncora externa, a abertura é sempre do produto. */\n  open: boolean;\n}\n\nexport type TooltipProps = TooltipOnChildProps | TooltipOnAnchorProps;\n\n/** Tempo para o ponteiro atravessar a folga entre o gatilho e o balao. */\nconst TRAVESSIA = 120;\n\nfunction chain<E>(own: ((event: E) => void) | undefined, next: (event: E) => void) {\n  return (event: E) => {\n    own?.(event);\n    next(event);\n  };\n}\n\nexport function Tooltip(props: TooltipProps) {\n  return props.anchorRef ? <TooltipOnAnchor {...props} /> : <TooltipOnChild {...props} />;\n}\n\nfunction TooltipOnChild({\n  children,\n  content,\n  delay = 500,\n  onOpenChange,\n  open: controlledOpen,\n  placement = 'top',\n}: TooltipOnChildProps) {\n  const triggerRef = useRef<HTMLElement>(null);\n  const [internalOpen, setInternalOpen] = useState(false);\n  const open = controlledOpen ?? internalOpen;\n  const timer = useRef<ReturnType<typeof setTimeout>>(undefined);\n  const id = `tooltip-${useId()}`;\n\n  function setOpen(next: boolean) {\n    setInternalOpen(next);\n    onOpenChange?.(next);\n  }\n\n  function hide() {\n    clearTimeout(timer.current);\n    setOpen(false);\n  }\n\n  // O balão aceita o ponteiro (WCAG 1.4.13): sair do gatilho espera a travessia até ele antes de fechar.\n  function hideSoon() {\n    clearTimeout(timer.current);\n    timer.current = setTimeout(() => setOpen(false), TRAVESSIA);\n  }\n\n  useEffect(() => () => clearTimeout(timer.current), []);\n\n  const props = children.props;\n  const mergedTriggerRef = useMergedRefs(triggerRef, props.ref as Ref<HTMLElement> | undefined);\n  const trigger = cloneElement(children, {\n    ref: mergedTriggerRef,\n    'aria-describedby': open ? [props['aria-describedby'], id].filter(Boolean).join(' ') : props['aria-describedby'],\n    onMouseEnter: chain(props.onMouseEnter as (e: MouseEvent) => void, () => {\n      clearTimeout(timer.current);\n      timer.current = setTimeout(() => setOpen(true), delay);\n    }),\n    onMouseLeave: chain(props.onMouseLeave as (e: MouseEvent) => void, hideSoon),\n    onFocus: chain(props.onFocus as (e: FocusEvent) => void, () => setOpen(true)),\n    onBlur: chain(props.onBlur as (e: FocusEvent) => void, hide),\n    onKeyDown: chain(props.onKeyDown as (e: KeyboardEvent) => void, (event) => {\n      if (event.key === 'Escape') {\n        hide();\n      }\n    }),\n  });\n\n  return (\n    <>\n      {trigger}\n      {open &&\n        typeof document !== 'undefined' &&\n        createPortal(\n          <TooltipBubble\n            content={content}\n            id={id}\n            onMouseEnter={() => clearTimeout(timer.current)}\n            onMouseLeave={hide}\n            placement={placement}\n            triggerRef={triggerRef}\n          />,\n          document.body,\n        )}\n    </>\n  );\n}\n\nfunction TooltipOnAnchor({ anchorRef, content, id, onOpenChange, open, placement = 'top' }: TooltipOnAnchorProps) {\n  // O foco pode estar fora da âncora, como no editor que a contém; o Escape vale em qualquer ponto da página.\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n\n    function requestCloseOnEscape(event: globalThis.KeyboardEvent) {\n      if (event.key === 'Escape') {\n        onOpenChange?.(false);\n      }\n    }\n\n    document.addEventListener('keydown', requestCloseOnEscape);\n    return () => document.removeEventListener('keydown', requestCloseOnEscape);\n  }, [onOpenChange, open]);\n\n  if (!open || typeof document === 'undefined') {\n    return null;\n  }\n\n  return createPortal(<TooltipBubble content={content} id={id} placement={placement} triggerRef={anchorRef} />, document.body);\n}\n\nfunction TooltipBubble({\n  content,\n  id,\n  onMouseEnter,\n  onMouseLeave,\n  placement,\n  triggerRef,\n}: {\n  content: ReactNode;\n  id: string;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n  placement: TooltipPlacement;\n  triggerRef: RefObject<HTMLElement | null>;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const { overlayProps } = useOverlayPosition({\n    targetRef: triggerRef,\n    overlayRef: ref,\n    placement,\n    offset: 6,\n    isOpen: true,\n  });\n\n  return (\n    <div\n      ref={ref}\n      className={styles.tooltip}\n      data-react-aria-top-layer=\"true\"\n      id={id}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      role=\"tooltip\"\n      style={overlayProps.style}\n    >\n      {content}\n    </div>\n  );\n}\n"],"names":["TRAVESSIA","chain","own","next","event","Tooltip","props","jsx","TooltipOnAnchor","TooltipOnChild","children","content","delay","onOpenChange","controlledOpen","placement","triggerRef","useRef","internalOpen","setInternalOpen","useState","open","timer","id","useId","setOpen","hide","hideSoon","useEffect","mergedTriggerRef","useMergedRefs","trigger","cloneElement","jsxs","Fragment","createPortal","TooltipBubble","anchorRef","requestCloseOnEscape","onMouseEnter","onMouseLeave","ref","overlayProps","useOverlayPosition","styles"],"mappings":"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"}