@tedi-design-system/react 18.1.0-rc.21 → 18.1.0-rc.22

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

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