@tedi-design-system/react 18.1.0-rc.25 → 18.1.0-rc.26

package/external/hoist-non-react-statics/external/react-is/cjs/react-is.development.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs2.js");/** @license React v16.13.1
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs.js");/** @license React v16.13.1
  * react-is.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/external/hoist-non-react-statics/external/react-is/cjs/react-is.development.es.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../_virtual/react-is.development.es2.js";
+import { __exports as r } from "../../../../../_virtual/react-is.development.es.js";
 /** @license React v16.13.1
  * react-is.development.js
  *

package/external/hoist-non-react-statics/external/react-is/cjs/react-is.production.min.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs2.js");/** @license React v16.13.1
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs.js");/** @license React v16.13.1
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/external/hoist-non-react-statics/external/react-is/cjs/react-is.production.min.es.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../_virtual/react-is.production.min.es2.js";
+import { __exports as r } from "../../../../../_virtual/react-is.production.min.es.js";
 /** @license React v16.13.1
  * react-is.production.min.js
  *

package/external/hoist-non-react-statics/external/react-is/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs4.js"),r=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");process.env.NODE_ENV==="production"?e.__module.exports=r.__require():e.__module.exports=o.__require();var t=e.__module.exports;exports.reactIsExports=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs3.js"),r=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");process.env.NODE_ENV==="production"?e.__module.exports=r.__require():e.__module.exports=o.__require();var t=e.__module.exports;exports.reactIsExports=t;

package/external/hoist-non-react-statics/external/react-is/index.es.js

@@ -1,4 +1,4 @@
-import { __module as r } from "../../../../_virtual/index.es4.js";
+import { __module as r } from "../../../../_virtual/index.es3.js";
 import { __require as e } from "./cjs/react-is.production.min.es.js";
 import { __require as o } from "./cjs/react-is.development.es.js";
 process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();

package/external/prop-types/external/react-is/cjs/react-is.development.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs.js");/** @license React v16.13.1
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs2.js");/** @license React v16.13.1
  * react-is.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/external/prop-types/external/react-is/cjs/react-is.development.es.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../_virtual/react-is.development.es.js";
+import { __exports as r } from "../../../../../_virtual/react-is.development.es2.js";
 /** @license React v16.13.1
  * react-is.development.js
  *

package/external/prop-types/external/react-is/cjs/react-is.production.min.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs.js");/** @license React v16.13.1
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs2.js");/** @license React v16.13.1
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/external/prop-types/external/react-is/cjs/react-is.production.min.es.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../_virtual/react-is.production.min.es.js";
+import { __exports as r } from "../../../../../_virtual/react-is.production.min.es2.js";
 /** @license React v16.13.1
  * react-is.production.min.js
  *

package/external/prop-types/external/react-is/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs3.js"),t=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");var r;function u(){return r||(r=1,process.env.NODE_ENV==="production"?e.__module.exports=t.__require():e.__module.exports=o.__require()),e.__module.exports}exports.__require=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs4.js"),t=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");var r;function u(){return r||(r=1,process.env.NODE_ENV==="production"?e.__module.exports=t.__require():e.__module.exports=o.__require()),e.__module.exports}exports.__require=u;

package/external/prop-types/external/react-is/index.es.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../_virtual/index.es3.js";
+import { __module as e } from "../../../../_virtual/index.es4.js";
 import { __require as o } from "./cjs/react-is.production.min.es.js";
 import { __require as t } from "./cjs/react-is.development.es.js";
 var r;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "18.1.0-rc.25",
+  "version": "18.1.0-rc.26",
   "type": "module",
   "sideEffects": false,
   "exports": {

package/src/community/components/tooltip/tooltip-trigger.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),a=require("../../../../external/classnames/index.cjs.js"),t=require("react"),g=require("../../../tedi/components/base/icon/icon.cjs.js"),o=require("./tooltip.module.scss.cjs.js"),p=require("./tooltip-provider.cjs.js"),d=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),f=r=>{const{children:e}=r,{getLabel:i}=d.useLabels(),{getReferenceProps:c,reference:n,openWith:s}=t.useContext(p.TooltipContext),l=u.useMergeRefs([n,e.ref]);return t.cloneElement(e,c({ref:l,tabIndex:0,label:e.type===g.Icon?i("tooltip.icon-trigger"):void 0,...e.props,className:a.default(o.default.tooltip__trigger,{[o.default["tooltip__trigger--click"]]:s==="click"},e.props.className)}))};exports.TooltipTrigger=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),a=require("../../../../external/classnames/index.cjs.js"),t=require("react"),p=require("../../../tedi/components/base/icon/icon.cjs.js"),f=require("../../../tedi/helpers/get-element-ref.cjs.js"),o=require("./tooltip.module.scss.cjs.js"),d=require("./tooltip-provider.cjs.js"),q=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),b=r=>{const{children:e}=r,{getLabel:i}=q.useLabels(),{getReferenceProps:n,reference:c,openWith:l}=t.useContext(d.TooltipContext),s=f.getElementRef(e),u=g.useMergeRefs([c,s]);return t.cloneElement(e,n({tabIndex:0,label:e.type===p.Icon?i("tooltip.icon-trigger"):void 0,...e.props,className:a.default(o.default.tooltip__trigger,{[o.default["tooltip__trigger--click"]]:l==="click"},e.props.className),ref:u}))};exports.TooltipTrigger=b;

package/src/community/components/tooltip/tooltip-trigger.es.js

@@ -1,27 +1,28 @@
-import { useMergeRefs as m } from "../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
-import n from "../../../../external/classnames/index.es.js";
+import { useMergeRefs as n } from "../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import f from "../../../../external/classnames/index.es.js";
 import o from "react";
-import { Icon as f } from "../../../tedi/components/base/icon/icon.es.js";
+import { Icon as a } from "../../../tedi/components/base/icon/icon.es.js";
+import { getElementRef as g } from "../../../tedi/helpers/get-element-ref.es.js";
 import t from "./tooltip.module.scss.es.js";
-import { TooltipContext as a } from "./tooltip-provider.es.js";
-import { useLabels as g } from "../../../tedi/providers/label-provider/use-labels.es.js";
-const T = (r) => {
-  const { children: e } = r, { getLabel: s } = g(), { getReferenceProps: i, reference: p, openWith: c } = o.useContext(a), l = m([p, e.ref]);
+import { TooltipContext as _ } from "./tooltip-provider.es.js";
+import { useLabels as d } from "../../../tedi/providers/label-provider/use-labels.es.js";
+const y = (r) => {
+  const { children: e } = r, { getLabel: i } = d(), { getReferenceProps: s, reference: c, openWith: l } = o.useContext(_), m = g(e), p = n([c, m]);
   return o.cloneElement(
     e,
-    i({
-      ref: l,
+    s({
       tabIndex: 0,
-      label: e.type === f ? s("tooltip.icon-trigger") : void 0,
+      label: e.type === a ? i("tooltip.icon-trigger") : void 0,
       ...e.props,
-      className: n(
+      className: f(
         t.tooltip__trigger,
-        { [t["tooltip__trigger--click"]]: c === "click" },
+        { [t["tooltip__trigger--click"]]: l === "click" },
         e.props.className
-      )
+      ),
+      ref: p
     })
   );
 };
 export {
-  T as TooltipTrigger
+  y as TooltipTrigger
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),c=require("react"),f=require("../dropdown-context.cjs.js"),g=({children:e})=>{const{refs:r,getReferenceProps:o}=f.useDropdownContext(),t=e.ref??null,n=s.useMergeRefs([r.setReference,t]);return c.cloneElement(e,o({...e.props,ref:n}))};exports.DropdownTrigger=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),c=require("react"),g=require("../../../../helpers/get-element-ref.cjs.js"),f=require("../dropdown-context.cjs.js"),i=({children:e})=>{const{refs:r,getReferenceProps:t}=f.useDropdownContext(),o=g.getElementRef(e),n=s.useMergeRefs([r.setReference,o]);return c.cloneElement(e,t({...e.props,ref:n}))};exports.DropdownTrigger=i;

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

@@ -1,16 +1,17 @@
-import { useMergeRefs as n } from "../../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
-import { cloneElement as s } from "react";
+import { useMergeRefs as m } from "../../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import { cloneElement as n } from "react";
+import { getElementRef as s } from "../../../../helpers/get-element-ref.es.js";
 import { useDropdownContext as p } from "../dropdown-context.es.js";
-const R = ({ children: e }) => {
-  const { refs: r, getReferenceProps: o } = p(), t = e.ref ?? null, f = n([r.setReference, t]);
-  return s(
+const u = ({ children: e }) => {
+  const { refs: o, getReferenceProps: r } = p(), t = s(e), f = m([o.setReference, t]);
+  return n(
     e,
-    o({
+    r({
       ...e.props,
       ref: f
     })
   );
 };
 export {
-  R as DropdownTrigger
+  u as DropdownTrigger
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),c=require("../modal-context.cjs.js"),g=(...e)=>o=>{for(const r of e)r&&(typeof r=="function"?r(o):r.current=o)},t=({children:e})=>{const{getReferenceProps:o,reference:r}=c.useModalContext(),n=e.ref??e.props.ref,s=g(r,n);return f.cloneElement(e,o({ref:s,...e.props}))};t.displayName="Modal.Trigger";exports.ModalTrigger=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),f=require("../../../../helpers/get-element-ref.cjs.js"),g=require("../modal-context.cjs.js"),i=(...t)=>r=>{for(const e of t)e&&(typeof e=="function"?e(r):e.current=r)},o=({children:t})=>{const{getReferenceProps:r,reference:e}=g.useModalContext(),n=f.getElementRef(t),s=i(e,n);return c.cloneElement(t,r({...t.props,ref:s}))};o.displayName="Modal.Trigger";exports.ModalTrigger=o;

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

@@ -1,13 +1,14 @@
 import { cloneElement as n } from "react";
-import { useModalContext as s } from "../modal-context.es.js";
-const p = (...e) => (r) => {
-  for (const o of e)
-    o && (typeof o == "function" ? o(r) : o.current = r);
-}, c = ({ children: e }) => {
-  const { getReferenceProps: r, reference: o } = s(), t = e.ref ?? e.props.ref, f = p(o, t);
-  return n(e, r({ ref: f, ...e.props }));
+import { getElementRef as s } from "../../../../helpers/get-element-ref.es.js";
+import { useModalContext as m } from "../modal-context.es.js";
+const c = (...o) => (r) => {
+  for (const e of o)
+    e && (typeof e == "function" ? e(r) : e.current = r);
+}, i = ({ children: o }) => {
+  const { getReferenceProps: r, reference: e } = m(), t = s(o), f = c(e, t);
+  return n(o, r({ ...o.props, ref: f }));
 };
-c.displayName = "Modal.Trigger";
+i.displayName = "Modal.Trigger";
 export {
-  c as ModalTrigger
+  i as ModalTrigger
 };

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

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

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

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

package/src/tedi/helpers/get-element-ref.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),n=t=>{const e=t;return Number.parseInt(r.version,10)>=19?e.props.ref:e.ref};exports.getElementRef=n;

package/src/tedi/helpers/get-element-ref.d.ts

@@ -0,0 +1,11 @@
+import { ReactElement, Ref } from 'react';
+/**
+ * Reads a React element's ref in a version-safe way.
+ *
+ * React 19 moved `ref` onto `props` (an enumerable prop) and warns whenever the
+ * legacy `element.ref` getter is accessed. React 18 keeps the ref on the element
+ * itself. So read from `props.ref` on React 19+ and only fall back to
+ * `element.ref` on React 18 — avoiding both the deprecation warning and the
+ * lost ref.
+ */
+export declare const getElementRef: <T = unknown>(element: ReactElement) => Ref<T> | undefined;

package/src/tedi/helpers/get-element-ref.es.js

@@ -0,0 +1,8 @@
+import { version as t } from "react";
+const n = (r) => {
+  const e = r;
+  return Number.parseInt(t, 10) >= 19 ? e.props.ref : e.ref;
+};
+export {
+  n as getElementRef
+};