@tedi-design-system/react 14.4.0-rc.2 → 14.4.0-rc.4

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

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

package/src/tedi/components/overlays/popover/popover-content.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("../../../../../external/classnames/index.cjs.js"),f=require("react"),m=require("../../base/typography/text/text.cjs.js"),x=require("../../buttons/closing-button/closing-button.cjs.js"),C=require("../overlay/overlay.cjs.js"),h=require("../overlay/overlay-content.cjs.js"),e=require("./popover.module.scss.cjs.js"),q=c=>{const{children:d,width:l="small",className:u,title:t,titleProps:s={element:"h4"},close:a,closeProps:o={size:"large"}}=c,{onOpenChange:p}=f.useContext(C.OverlayContext);return r.jsxs(h.OverlayContent,{classNames:{content:n.default(e.default["tedi-popover"],{[e.default[`tedi-popover--${l}`]]:l},u),arrow:e.default["tedi-popover__arrow"]},children:[(t||a)&&r.jsxs("div",{className:n.default(e.default["tedi-popover__header"],{[e.default["tedi-popover__header--no-title"]]:!t}),children:[t&&r.jsx(m.Text,{...s,className:n.default("align-self-center",s.className),children:t}),a&&r.jsx(x.ClosingButton,{...o,onClick:v=>{var i;p(!1),(i=o.onClick)==null||i.call(o,v)}})]}),d]})};exports.PopoverContent=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("../../../../../external/classnames/index.cjs.js"),i=require("react"),C=require("../../base/typography/text/text.cjs.js"),q=require("../../buttons/closing-button/closing-button.cjs.js"),y=require("../overlay/overlay.cjs.js"),g=require("../overlay/overlay-content.cjs.js"),o=require("./popover.module.scss.cjs.js"),j=f=>{const{children:r,width:l="small",className:x,title:e,titleProps:d={element:"h4"},close:a,closeProps:n={size:"large"}}=f,{onOpenChange:h}=i.useContext(y.OverlayContext),c=i.useId(),u=!!r,p=i.useId();return t.jsxs(g.OverlayContent,{classNames:{content:s.default(o.default["tedi-popover"],{[o.default[`tedi-popover--${l}`]]:l},x),arrow:o.default["tedi-popover__arrow"]},labelledBy:e?c:void 0,describedBy:u?p:void 0,children:[(e||a)&&t.jsxs("div",{className:s.default(o.default["tedi-popover__header"],{[o.default["tedi-popover__header--no-title"]]:!e}),children:[e&&t.jsx(C.Text,{...d,id:c,className:s.default("align-self-center",d.className),children:e}),a&&t.jsx(q.ClosingButton,{...n,onClick:m=>{var v;h(!1),(v=n.onClick)==null||v.call(n,m)}})]}),u?t.jsx("div",{id:p,children:r}):r]})};exports.PopoverContent=j;

package/src/tedi/components/overlays/popover/popover-content.es.js

@@ -1,47 +1,49 @@
-import { jsxs as m, jsx as a } from "react/jsx-runtime";
-import r from "../../../../../external/classnames/index.es.js";
-import { useContext as v } from "react";
-import { Text as C } from "../../base/typography/text/text.es.js";
-import { ClosingButton as x } from "../../buttons/closing-button/closing-button.es.js";
-import { OverlayContext as N } from "../overlay/overlay.es.js";
-import { OverlayContent as _ } from "../overlay/overlay-content.es.js";
-import e from "./popover.module.scss.es.js";
-const B = (p) => {
+import { jsxs as v, jsx as i } from "react/jsx-runtime";
+import s from "../../../../../external/classnames/index.es.js";
+import { useContext as _, useId as f } from "react";
+import { Text as y } from "../../base/typography/text/text.es.js";
+import { ClosingButton as g } from "../../buttons/closing-button/closing-button.es.js";
+import { OverlayContext as u } from "../overlay/overlay.es.js";
+import { OverlayContent as B } from "../overlay/overlay-content.es.js";
+import o from "./popover.module.scss.es.js";
+const P = (h) => {
   const {
-    children: c,
-    width: s = "small",
-    className: d,
-    title: o,
-    titleProps: i = { element: "h4" },
-    close: n,
+    children: r,
+    width: n = "small",
+    className: C,
+    title: e,
+    titleProps: l = { element: "h4" },
+    close: a,
     closeProps: t = { size: "large" }
-  } = p, { onOpenChange: f } = v(N);
-  return /* @__PURE__ */ m(
-    _,
+  } = h, { onOpenChange: x } = _(u), d = f(), m = !!r, c = f();
+  return /* @__PURE__ */ v(
+    B,
     {
       classNames: {
-        content: r(e["tedi-popover"], { [e[`tedi-popover--${s}`]]: s }, d),
-        arrow: e["tedi-popover__arrow"]
+        content: s(o["tedi-popover"], { [o[`tedi-popover--${n}`]]: n }, C),
+        arrow: o["tedi-popover__arrow"]
       },
+      labelledBy: e ? d : void 0,
+      describedBy: m ? c : void 0,
       children: [
-        (o || n) && /* @__PURE__ */ m("div", { className: r(e["tedi-popover__header"], { [e["tedi-popover__header--no-title"]]: !o }), children: [
-          o && /* @__PURE__ */ a(C, { ...i, className: r("align-self-center", i.className), children: o }),
-          n && /* @__PURE__ */ a(
-            x,
+        (e || a) && /* @__PURE__ */ v("div", { className: s(o["tedi-popover__header"], { [o["tedi-popover__header--no-title"]]: !e }), children: [
+          e && /* @__PURE__ */ i(y, { ...l, id: d, className: s("align-self-center", l.className), children: e }),
+          a && /* @__PURE__ */ i(
+            g,
             {
               ...t,
-              onClick: (h) => {
-                var l;
-                f(!1), (l = t.onClick) == null || l.call(t, h);
+              onClick: (N) => {
+                var p;
+                x(!1), (p = t.onClick) == null || p.call(t, N);
               }
             }
           )
         ] }),
-        c
+        m ? /* @__PURE__ */ i("div", { id: c, children: r }) : r
       ]
     }
   );
 };
 export {
-  B as PopoverContent
+  P as PopoverContent
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),i=require("../overlay/overlay.cjs.js"),s=require("./popover-content.cjs.js"),u=require("./popover-trigger.cjs.js"),c=34,p=17,e=o=>{const{openWith:r="click",...t}=o;return n.jsx(i.Overlay,{arrowDimensions:{width:c,height:p},openWith:r,...t})};e.Trigger=u.PopoverTrigger;e.Content=s.PopoverContent;exports.Popover=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),i=require("../overlay/overlay.cjs.js"),s=require("./popover-content.cjs.js"),u=require("./popover-trigger.cjs.js"),c=34,l=17,e=o=>{const{openWith:r="click",...t}=o;return n.jsx(i.Overlay,{arrowDimensions:{width:c,height:l},openWith:r,role:"dialog",...t})};e.Trigger=u.PopoverTrigger;e.Content=s.PopoverContent;exports.Popover=e;exports.default=e;

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

@@ -12,6 +12,7 @@ const s = 34, c = 17, o = (r) => {
         height: c
       },
       openWith: t,
+      role: "dialog",
       ...e
     }
   );