@tedi-design-system/react 16.0.0-rc.1 → 16.0.0-rc.11

package/src/tedi/components/overlays/overlay/overlay.es.js

@@ -1,13 +1,13 @@
-import { jsx as G } from "react/jsx-runtime";
-import { useFloating as H, useInteractions as S, useHover as U, useClick as q, useFocus as z, useRole as B, useDismiss as D, safePolygon as J } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
-import { createContext as K, useState as N, useRef as Q, useMemo as V, useCallback as X } from "react";
-import { OverlayContent as Y } from "./overlay-content.es.js";
-import { OverlayTrigger as Z } from "./overlay-trigger.es.js";
-import { autoUpdate as _ } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
-import { offset as $, flip as ee, shift as te, arrow as oe } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
-import { useIsTouchDevice as ne } from "../../../helpers/hooks/use-is-touch-device.es.js";
-import { useIsMounted as re } from "../../../helpers/hooks/use-is-mounted.es.js";
-const se = 3, ae = K({
+import { jsx as U } from "react/jsx-runtime";
+import { useFloating as V, useInteractions as q, useHover as z, useClick as B, useFocus as J, useRole as K, useDismiss as N, safePolygon as Q } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import { createContext as X, useState as Y, useRef as Z, useMemo as T, useCallback as _, useId as $ } from "react";
+import { OverlayContent as D } from "./overlay-content.es.js";
+import { OverlayTrigger as ee } from "./overlay-trigger.es.js";
+import { autoUpdate as te } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
+import { offset as oe, flip as ne, shift as re, arrow as se } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
+import { useIsTouchDevice as ce } from "../../../helpers/hooks/use-is-touch-device.es.js";
+import { useIsMounted as le } from "../../../helpers/hooks/use-is-mounted.es.js";
+const ae = 3, ie = X({
   open: !1,
   onOpenChange: () => {
   },
@@ -33,96 +33,122 @@ const se = 3, ae = K({
   },
   placement: "top",
   context: {},
-  scrollLock: void 0
-}), h = (v) => {
-  const y = ne(), {
-    children: O,
-    placement: x = "top",
-    openWith: r = y ? "click" : "hover",
-    defaultOpen: w = !1,
-    open: n,
-    onToggle: t,
-    role: C = "tooltip",
+  scrollLock: void 0,
+  contentId: ""
+}), E = (L) => {
+  const W = ce(), {
+    children: j,
+    placement: A = "top",
+    openWith: n = W ? "click" : "hover",
+    defaultOpen: G = !1,
+    open: r,
+    onToggle: o,
+    role: c = "tooltip",
     arrowDimensions: e,
-    offset: F = se + ((e == null ? void 0 : e.height) ?? 0),
-    focusManager: s,
-    dismissible: a,
-    scrollLock: M
-  } = v, { order: P = ["reference", "content"], initialFocus: i, modal: l, ...R } = s ?? {}, b = i !== void 0 ? i : l ? 0 : void 0, [c, f] = N(w), u = Q(null), k = re(), p = V(() => t && typeof n < "u" ? n : c, [t, n, c]), d = X(
-    (m) => {
-      typeof n > "u" && f(m), t == null || t(m);
+    offset: H = ae + ((e == null ? void 0 : e.height) ?? 0),
+    focusManager: l,
+    dismissible: d,
+    scrollLock: p
+  } = L, { order: g = ["reference", "content"], initialFocus: h, modal: a, ...m } = l ?? {}, v = h !== void 0 ? h : a ? 0 : void 0, [y, O] = Y(G), i = Z(null), x = le(), f = T(() => o && typeof r < "u" ? r : y, [o, r, y]), u = _(
+    (k) => {
+      typeof r > "u" && O(k), o == null || o(k);
     },
-    [n, f, t]
-  ), { x: I, y: T, refs: g, strategy: E, context: o, middlewareData: L, placement: W } = H({
-    placement: x,
-    open: p,
-    onOpenChange: d,
+    [r, O, o]
+  ), { x: F, y: C, refs: s, strategy: M, context: t, middlewareData: P, placement: R } = V({
+    placement: A,
+    open: f,
+    onOpenChange: u,
     middleware: [
-      $(F),
-      ee(),
-      te({ padding: 8 }),
-      oe({
-        element: u,
+      oe(H),
+      ne(),
+      re({ padding: 8 }),
+      se({
+        element: i,
         padding: 4
       })
     ],
-    whileElementsMounted: _
-  }), { getReferenceProps: j, getFloatingProps: A } = S([
-    U(o, {
-      enabled: r === "hover",
-      handleClose: J()
+    whileElementsMounted: te
+  }), { getReferenceProps: w, getFloatingProps: I } = q([
+    z(t, {
+      enabled: n === "hover",
+      handleClose: Q()
     }),
-    q(o, {
-      toggle: a
+    B(t, {
+      toggle: d
     }),
-    z(o, {
-      enabled: r === "hover"
+    J(t, {
+      enabled: n === "hover"
     }),
-    B(o, { role: C }),
-    D(o, {
-      enabled: a,
-      outsidePressEvent: r === "click" ? "mousedown" : "pointerdown"
+    K(t, { role: c }),
+    N(t, {
+      enabled: d,
+      outsidePressEvent: n === "click" ? "mousedown" : "pointerdown"
     })
-  ]);
-  return /* @__PURE__ */ G(
-    ae.Provider,
-    {
-      value: {
-        open: p,
-        onOpenChange: d,
-        isMounted: k,
-        openWith: r,
-        reference: g.setReference,
-        floating: g.setFloating,
-        arrowRef: u,
-        focusManager: s ? {
-          order: P,
-          modal: l,
-          initialFocus: b,
-          ...R
-        } : void 0,
-        x: I,
-        y: T,
-        strategy: E,
-        getReferenceProps: j,
-        getFloatingProps: A,
-        arrow: {
-          width: e == null ? void 0 : e.width,
-          height: e == null ? void 0 : e.height,
-          ...L.arrow
-        },
-        context: o,
-        placement: W,
-        scrollLock: M
+  ]), b = $(), S = T(
+    () => ({
+      open: f,
+      onOpenChange: u,
+      isMounted: x,
+      openWith: n,
+      focusManager: l ? {
+        order: g,
+        modal: a,
+        initialFocus: v,
+        ...m
+      } : void 0,
+      reference: s.setReference,
+      floating: s.setFloating,
+      arrowRef: i,
+      x: F,
+      y: C,
+      strategy: M,
+      getReferenceProps: w,
+      getFloatingProps: I,
+      arrow: {
+        width: e == null ? void 0 : e.width,
+        height: e == null ? void 0 : e.height,
+        ...P.arrow
       },
-      children: O
-    }
+      context: t,
+      placement: R,
+      scrollLock: p,
+      role: c,
+      contentId: b
+    }),
+    [
+      f,
+      u,
+      x,
+      n,
+      l,
+      s.setReference,
+      s.setFloating,
+      i,
+      F,
+      C,
+      M,
+      w,
+      I,
+      e == null ? void 0 : e.width,
+      e == null ? void 0 : e.height,
+      P.arrow,
+      t,
+      R,
+      p,
+      c,
+      b,
+      a,
+      g,
+      v,
+      m
+    ]
   );
+  return /* @__PURE__ */ U(ie.Provider, { value: S, children: j });
 };
-h.Trigger = Z;
-h.Content = Y;
+E.Trigger = ee;
+E.Content = D;
 export {
-  h as Overlay,
-  ae as OverlayContext,
-  h as default
+  E as Overlay,
+  ie as OverlayContext,
+  E as default
 };

package/src/tedi/components/overlays/tooltip/tooltip.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),n=require("../overlay/overlay.cjs.js"),s=require("./tooltip-content.cjs.js"),l=require("./tooltip-trigger.cjs.js"),u=7,c=14,e=t=>{const{openWith:o="hover",...r}=t;return i.jsx(n.Overlay,{arrowDimensions:{width:c,height:u},openWith:o,...r})};e.Trigger=l.TooltipTrigger;e.Content=s.TooltipContent;exports.Tooltip=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),s=require("../overlay/overlay.cjs.js"),l=require("./tooltip-content.cjs.js"),u=require("./tooltip-trigger.cjs.js"),c=7,a=14,e=o=>{const{openWith:t="hover",focusManager:r,...n}=o;return i.jsx(s.Overlay,{arrowDimensions:{width:a,height:c},openWith:t,role:"tooltip",focusManager:{modal:!1,order:["reference","content"],returnFocus:!0,...r},...n})};e.Trigger=u.TooltipTrigger;e.Content=l.TooltipContent;exports.Tooltip=e;exports.default=e;

package/src/tedi/components/overlays/tooltip/tooltip.es.js

@@ -1,23 +1,30 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Overlay as n } from "../overlay/overlay.es.js";
-import { TooltipContent as m } from "./tooltip-content.es.js";
-import { TooltipTrigger as p } from "./tooltip-trigger.es.js";
-const s = 7, T = 14, o = (t) => {
-  const { openWith: r = "hover", ...i } = t;
-  return /* @__PURE__ */ e(
-    n,
+import { jsx as i } from "react/jsx-runtime";
+import { Overlay as s } from "../overlay/overlay.es.js";
+import { TooltipContent as a } from "./tooltip-content.es.js";
+import { TooltipTrigger as m } from "./tooltip-trigger.es.js";
+const p = 7, c = 14, o = (r) => {
+  const { openWith: t = "hover", focusManager: e, ...n } = r;
+  return /* @__PURE__ */ i(
+    s,
     {
       arrowDimensions: {
-        width: T,
-        height: s
+        width: c,
+        height: p
       },
-      openWith: r,
-      ...i
+      openWith: t,
+      role: "tooltip",
+      focusManager: {
+        modal: !1,
+        order: ["reference", "content"],
+        returnFocus: !0,
+        ...e
+      },
+      ...n
     }
   );
 };
-o.Trigger = p;
-o.Content = m;
+o.Trigger = m;
+o.Content = a;
 export {
   o as Tooltip,
   o as default