@tedi-design-system/react 19.1.0-rc.4 → 19.1.0-rc.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "19.1.0-rc.4",
+  "version": "19.1.0-rc.5",
   "description": "TEDI Design System React component library — accessible, reusable UI components. Docs & live examples: https://storybook.tedi.ee/react/rc/",
   "type": "module",
   "sideEffects": false,

package/src/tedi/components/overlays/overlay/overlay-trigger.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),m=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),p=require("../../../../../external/classnames/index.cjs.js"),t=require("react"),q=require("../../../helpers/get-element-ref.cjs.js"),x=require("../../base/icon/icon.cjs.js"),_=require("./overlay.cjs.js"),r=require("./overlay.module.scss.cjs.js"),R=require("../../../providers/label-provider/use-labels.cjs.js"),E=l=>{const{children:e,className:s}=l,{getLabel:c}=R.useLabels(),{getReferenceProps:i,reference:a,openWith:d,open:u,role:g,ariaHidden:f,contentId:v}=t.useContext(_.OverlayContext),y=t.isValidElement(e)?q.getElementRef(e):void 0,o=m.useMergeRefs([a,y]),n=g==="tooltip"&&!f?{"aria-describedby":u?v:void 0}:{};return t.isValidElement(e)?t.cloneElement(e,i({tabIndex:0,...n,label:e.type===x.Icon?c("tooltip.icon-trigger"):void 0,...e.props,ref:o})):b.jsx("div",{...i({ref:o,tabIndex:0,className:p.default(r.default["tedi-overlay__trigger"],r.default["tedi-overlay__trigger--text"],{[r.default["tedi-overlay__trigger--click"]]:d==="click"},s),...n}),children:e})};exports.OverlayTrigger=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),m=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),q=require("../../../../../external/classnames/index.cjs.js"),t=require("react"),x=require("../../../helpers/get-element-ref.cjs.js"),_=require("../../base/icon/icon.cjs.js"),R=require("./overlay.cjs.js"),o=require("./overlay.module.scss.cjs.js"),E=require("../../../providers/label-provider/use-labels.cjs.js"),I=c=>{const{children:e,className:a}=c,{getLabel:d}=E.useLabels(),{getReferenceProps:i,reference:u,openWith:g,open:f,role:r,ariaHidden:n,contentId:v}=t.useContext(R.OverlayContext),p=t.isValidElement(e)?x.getElementRef(e):void 0,l=m.useMergeRefs([u,p]),b=r!=="tooltip"&&r!=="label"&&!n,s=r==="tooltip"&&!n?{"aria-describedby":f?v:void 0}:{};return t.isValidElement(e)?t.cloneElement(e,i({tabIndex:0,...s,label:e.type===_.Icon?d("tooltip.icon-trigger"):void 0,...e.props,ref:l})):y.jsx("div",{...i({ref:l,tabIndex:0,role:b?"button":void 0,className:q.default(o.default["tedi-overlay__trigger"],o.default["tedi-overlay__trigger--text"],{[o.default["tedi-overlay__trigger--click"]]:g==="click"},a),...s}),children:e})};exports.OverlayTrigger=I;

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

@@ -1,45 +1,46 @@
 import { jsx as x } from "react/jsx-runtime";
 import { useMergeRefs as y } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
-import b from "../../../../../external/classnames/index.es.js";
-import { useContext as _, isValidElement as s, cloneElement as u } from "react";
-import { getElementRef as I } from "../../../helpers/get-element-ref.es.js";
-import { Icon as R } from "../../base/icon/icon.es.js";
-import { OverlayContext as h } from "./overlay.es.js";
+import u from "../../../../../external/classnames/index.es.js";
+import { useContext as _, isValidElement as l, cloneElement as I } from "react";
+import { getElementRef as R } from "../../../helpers/get-element-ref.es.js";
+import { Icon as h } from "../../base/icon/icon.es.js";
+import { OverlayContext as E } from "./overlay.es.js";
 import r from "./overlay.module.scss.es.js";
-import { useLabels as E } from "../../../providers/label-provider/use-labels.es.js";
-const T = (n) => {
-  const { children: e, className: l } = n, { getLabel: m } = E(), { getReferenceProps: t, reference: c, openWith: a, open: p, role: f, ariaHidden: d, contentId: g } = _(h), v = s(e) ? I(e) : void 0, o = y([c, v]), i = f === "tooltip" && !d ? {
-    "aria-describedby": p ? g : void 0
+import { useLabels as N } from "../../../providers/label-provider/use-labels.es.js";
+const V = (c) => {
+  const { children: e, className: a } = c, { getLabel: m } = N(), { getReferenceProps: o, reference: p, openWith: d, open: f, role: t, ariaHidden: i, contentId: g } = _(E), v = l(e) ? R(e) : void 0, n = y([p, v]), b = t !== "tooltip" && t !== "label" && !i, s = t === "tooltip" && !i ? {
+    "aria-describedby": f ? g : void 0
   } : {};
-  return s(e) ? u(
+  return l(e) ? I(
     e,
-    t({
+    o({
       tabIndex: 0,
-      ...i,
-      label: e.type === R ? m("tooltip.icon-trigger") : void 0,
+      ...s,
+      label: e.type === h ? m("tooltip.icon-trigger") : void 0,
       ...e.props,
-      ref: o
+      ref: n
     })
   ) : /* @__PURE__ */ x(
     "div",
     {
-      ...t({
-        ref: o,
+      ...o({
+        ref: n,
         tabIndex: 0,
-        className: b(
+        role: b ? "button" : void 0,
+        className: u(
           r["tedi-overlay__trigger"],
           r["tedi-overlay__trigger--text"],
           {
-            [r["tedi-overlay__trigger--click"]]: a === "click"
+            [r["tedi-overlay__trigger--click"]]: d === "click"
           },
-          l
+          a
         ),
-        ...i
+        ...s
       }),
       children: e
     }
   );
 };
 export {
-  T as OverlayTrigger
+  V as OverlayTrigger
 };