@tedi-design-system/react 14.4.0-rc.10 → 14.4.0-rc.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/_virtual/index.cjs10.js +1 -1
  2. package/_virtual/index.cjs11.js +1 -1
  3. package/_virtual/index.cjs12.js +1 -1
  4. package/_virtual/index.cjs13.js +1 -1
  5. package/_virtual/index.cjs5.js +1 -1
  6. package/_virtual/index.cjs6.js +1 -1
  7. package/_virtual/index.cjs7.js +1 -1
  8. package/_virtual/index.cjs8.js +1 -1
  9. package/_virtual/index.cjs9.js +1 -1
  10. package/_virtual/index.es10.js +1 -1
  11. package/_virtual/index.es11.js +1 -1
  12. package/_virtual/index.es12.js +1 -1
  13. package/_virtual/index.es13.js +4 -2
  14. package/_virtual/index.es14.js +2 -2
  15. package/_virtual/index.es5.js +2 -4
  16. package/_virtual/index.es6.js +1 -1
  17. package/_virtual/index.es7.js +1 -1
  18. package/_virtual/index.es8.js +1 -1
  19. package/_virtual/index.es9.js +1 -1
  20. package/bundle-stats.html +1 -1
  21. package/external/@mui/system/colorManipulator.cjs.js +1 -1
  22. package/external/@mui/system/colorManipulator.es.js +2 -2
  23. package/external/@mui/system/createStyled.cjs.js +1 -1
  24. package/external/@mui/system/createStyled.es.js +6 -6
  25. package/external/@mui/system/useThemeWithoutDefault.cjs.js +1 -1
  26. package/external/@mui/system/useThemeWithoutDefault.es.js +1 -1
  27. package/external/react-is/index.cjs.js +1 -1
  28. package/external/react-is/index.es.js +1 -1
  29. package/external/toposort/index.cjs.js +1 -1
  30. package/external/toposort/index.es.js +1 -1
  31. package/package.json +1 -1
  32. package/src/tedi/components/buttons/collapse/collapse.cjs.js +1 -1
  33. package/src/tedi/components/buttons/collapse/collapse.d.ts +5 -0
  34. package/src/tedi/components/buttons/collapse/collapse.es.js +60 -60
  35. package/src/tedi/components/layout/sidenav/components/sidenav-dropdown/sidenav-dropdown.cjs.js +1 -1
  36. package/src/tedi/components/layout/sidenav/components/sidenav-dropdown/sidenav-dropdown.es.js +58 -45
  37. package/src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.cjs.js +1 -1
  38. package/src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.es.js +126 -104
  39. package/src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.cjs.js +1 -1
  40. package/src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.d.ts +1 -1
  41. package/src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.es.js +20 -17
  42. package/src/tedi/components/layout/sidenav/sidenav.d.ts +1 -9
  43. package/src/tedi/providers/label-provider/labels-map.cjs.js +1 -1
  44. package/src/tedi/providers/label-provider/labels-map.d.ts +23 -0
  45. package/src/tedi/providers/label-provider/labels-map.es.js +14 -0
@@ -1,3 +1,3 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../../../_virtual/colorManipulator.cjs.js"),M=require("../../@babel/runtime/helpers/interopRequireDefault.cjs.js"),$=require("../../../_virtual/index.cjs11.js"),N=require("../../../_virtual/index.cjs12.js");var b=M.interopRequireDefaultExports;Object.defineProperty(s.__exports,"__esModule",{value:!0});var D=s.__exports.alpha=E;s.__exports.blend=U;s.__exports.colorChannel=void 0;var R=s.__exports.darken=g;s.__exports.decomposeColor=p;s.__exports.emphasize=C;var T=s.__exports.getContrastRatio=I;s.__exports.getLuminance=h;s.__exports.hexToRgb=y;s.__exports.hslToRgb=O;var V=s.__exports.lighten=v;s.__exports.private_safeAlpha=A;s.__exports.private_safeColorChannel=void 0;s.__exports.private_safeDarken=S;s.__exports.private_safeEmphasize=L;s.__exports.private_safeLighten=z;s.__exports.recomposeColor=i;s.__exports.rgbToHex=w;var c=b($.default),j=b(N.default);function d(e,t=0,r=1){return process.env.NODE_ENV!=="production"&&(e<t||e>r)&&console.error(`MUI: The value provided ${e} is out of range [${t}, ${r}].`),(0,j.default)(e,t,r)}function y(e){e=e.slice(1);const t=new RegExp(`.{1,${e.length>=6?2:1}}`,"g");let r=e.match(t);return r&&r[0].length===1&&(r=r.map(n=>n+n)),r?`rgb${r.length===4?"a":""}(${r.map((n,a)=>a<3?parseInt(n,16):Math.round(parseInt(n,16)/255*1e3)/1e3).join(", ")})`:""}function k(e){const t=e.toString(16);return t.length===1?`0${t}`:t}function p(e){if(e.type)return e;if(e.charAt(0)==="#")return p(y(e));const t=e.indexOf("("),r=e.substring(0,t);if(["rgb","rgba","hsl","hsla","color"].indexOf(r)===-1)throw new Error(process.env.NODE_ENV!=="production"?`MUI: Unsupported \`${e}\` color.
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../../../_virtual/colorManipulator.cjs.js"),M=require("../../@babel/runtime/helpers/interopRequireDefault.cjs.js"),$=require("../../../_virtual/index.cjs12.js"),N=require("../../../_virtual/index.cjs13.js");var b=M.interopRequireDefaultExports;Object.defineProperty(s.__exports,"__esModule",{value:!0});var D=s.__exports.alpha=E;s.__exports.blend=U;s.__exports.colorChannel=void 0;var R=s.__exports.darken=g;s.__exports.decomposeColor=p;s.__exports.emphasize=C;var T=s.__exports.getContrastRatio=I;s.__exports.getLuminance=h;s.__exports.hexToRgb=y;s.__exports.hslToRgb=O;var V=s.__exports.lighten=v;s.__exports.private_safeAlpha=A;s.__exports.private_safeColorChannel=void 0;s.__exports.private_safeDarken=S;s.__exports.private_safeEmphasize=L;s.__exports.private_safeLighten=z;s.__exports.recomposeColor=i;s.__exports.rgbToHex=w;var c=b($.default),j=b(N.default);function d(e,t=0,r=1){return process.env.NODE_ENV!=="production"&&(e<t||e>r)&&console.error(`MUI: The value provided ${e} is out of range [${t}, ${r}].`),(0,j.default)(e,t,r)}function y(e){e=e.slice(1);const t=new RegExp(`.{1,${e.length>=6?2:1}}`,"g");let r=e.match(t);return r&&r[0].length===1&&(r=r.map(n=>n+n)),r?`rgb${r.length===4?"a":""}(${r.map((n,a)=>a<3?parseInt(n,16):Math.round(parseInt(n,16)/255*1e3)/1e3).join(", ")})`:""}function k(e){const t=e.toString(16);return t.length===1?`0${t}`:t}function p(e){if(e.type)return e;if(e.charAt(0)==="#")return p(y(e));const t=e.indexOf("("),r=e.substring(0,t);if(["rgb","rgba","hsl","hsla","color"].indexOf(r)===-1)throw new Error(process.env.NODE_ENV!=="production"?`MUI: Unsupported \`${e}\` color.
2
2
  The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().`:(0,c.default)(9,e));let n=e.substring(t+1,e.length-1),a;if(r==="color"){if(n=n.split(" "),a=n.shift(),n.length===4&&n[3].charAt(0)==="/"&&(n[3]=n[3].slice(1)),["srgb","display-p3","a98-rgb","prophoto-rgb","rec-2020"].indexOf(a)===-1)throw new Error(process.env.NODE_ENV!=="production"?`MUI: unsupported \`${a}\` color space.
3
3
  The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.`:(0,c.default)(10,a))}else n=n.split(",");return n=n.map(u=>parseFloat(u)),{type:r,values:n,colorSpace:a}}const m=e=>{const t=p(e);return t.values.slice(0,3).map((r,n)=>t.type.indexOf("hsl")!==-1&&n!==0?`${r}%`:r).join(" ")};s.__exports.colorChannel=m;const q=(e,t)=>{try{return m(e)}catch{return t&&process.env.NODE_ENV!=="production"&&console.warn(t),e}};s.__exports.private_safeColorChannel=q;function i(e){const{type:t,colorSpace:r}=e;let{values:n}=e;return t.indexOf("rgb")!==-1?n=n.map((a,u)=>u<3?parseInt(a,10):a):t.indexOf("hsl")!==-1&&(n[1]=`${n[1]}%`,n[2]=`${n[2]}%`),t.indexOf("color")!==-1?n=`${r} ${n.join(" ")}`:n=`${n.join(", ")}`,`${t}(${n})`}function w(e){if(e.indexOf("#")===0)return e;const{values:t}=p(e);return`#${t.map((r,n)=>k(n===3?Math.round(255*r):r)).join("")}`}function O(e){e=p(e);const{values:t}=e,r=t[0],n=t[1]/100,a=t[2]/100,u=n*Math.min(a,1-a),o=(_,x=(_+r/30)%12)=>a-u*Math.max(Math.min(x-3,9-x,1),-1);let l="rgb";const f=[Math.round(o(0)*255),Math.round(o(8)*255),Math.round(o(4)*255)];return e.type==="hsla"&&(l+="a",f.push(t[3])),i({type:l,values:f})}function h(e){e=p(e);let t=e.type==="hsl"||e.type==="hsla"?p(O(e)).values:e.values;return t=t.map(r=>(e.type!=="color"&&(r/=255),r<=.03928?r/12.92:((r+.055)/1.055)**2.4)),Number((.2126*t[0]+.7152*t[1]+.0722*t[2]).toFixed(3))}function I(e,t){const r=h(e),n=h(t);return(Math.max(r,n)+.05)/(Math.min(r,n)+.05)}function E(e,t){return e=p(e),t=d(t),(e.type==="rgb"||e.type==="hsl")&&(e.type+="a"),e.type==="color"?e.values[3]=`/${t}`:e.values[3]=t,i(e)}function A(e,t,r){try{return E(e,t)}catch{return r&&process.env.NODE_ENV!=="production"&&console.warn(r),e}}function g(e,t){if(e=p(e),t=d(t),e.type.indexOf("hsl")!==-1)e.values[2]*=1-t;else if(e.type.indexOf("rgb")!==-1||e.type.indexOf("color")!==-1)for(let r=0;r<3;r+=1)e.values[r]*=1-t;return i(e)}function S(e,t,r){try{return g(e,t)}catch{return r&&process.env.NODE_ENV!=="production"&&console.warn(r),e}}function v(e,t){if(e=p(e),t=d(t),e.type.indexOf("hsl")!==-1)e.values[2]+=(100-e.values[2])*t;else if(e.type.indexOf("rgb")!==-1)for(let r=0;r<3;r+=1)e.values[r]+=(255-e.values[r])*t;else if(e.type.indexOf("color")!==-1)for(let r=0;r<3;r+=1)e.values[r]+=(1-e.values[r])*t;return i(e)}function z(e,t,r){try{return v(e,t)}catch{return r&&process.env.NODE_ENV!=="production"&&console.warn(r),e}}function C(e,t=.15){return h(e)>.5?g(e,t):v(e,t)}function L(e,t,r){try{return C(e,t)}catch{return r&&process.env.NODE_ENV!=="production"&&console.warn(r),e}}function U(e,t,r,n=1){const a=(f,_)=>Math.round((f**(1/n)*(1-r)+_**(1/n)*r)**n),u=p(e),o=p(t),l=[a(u.values[0],o.values[0]),a(u.values[1],o.values[1]),a(u.values[2],o.values[2])];return i({type:"rgb",values:l})}exports.default=s.__exports;exports.alpha=D;exports.darken=R;exports.getContrastRatio=T;exports.lighten=V;
@@ -1,7 +1,7 @@
1
1
  import { __exports as s } from "../../../_virtual/colorManipulator.es.js";
2
2
  import { i as C } from "../../@babel/runtime/helpers/interopRequireDefault.es.js";
3
- import M from "../../../_virtual/index.es11.js";
4
- import N from "../../../_virtual/index.es12.js";
3
+ import M from "../../../_virtual/index.es12.js";
4
+ import N from "../../../_virtual/index.es13.js";
5
5
  var _ = C;
6
6
  Object.defineProperty(s, "__esModule", {
7
7
  value: !0
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("../../../_virtual/createStyled.cjs.js"),H=require("../../@babel/runtime/helpers/interopRequireDefault.cjs.js"),J=require("../../../_virtual/extends.cjs.js"),K=require("../../@babel/runtime/helpers/objectWithoutPropertiesLoose.cjs.js"),Q=require("../../../_virtual/index.cjs5.js"),U=require("../../../_virtual/index.cjs6.js"),X=require("../../../_virtual/index.cjs7.js"),Y=require("../../../_virtual/index.cjs8.js"),Z=require("../../../_virtual/index.cjs9.js"),z=require("../../../_virtual/index.cjs10.js");var v=H.interopRequireDefaultExports;Object.defineProperty(x.__exports,"__esModule",{value:!0});var ee=x.__exports.default=me;x.__exports.shouldForwardProp=b;x.__exports.systemDefaultTheme=void 0;var f=v(J.default),C=v(K.__require()),q=ae(Q.default),te=U.default,re=v(X.default),oe=v(Y.default),ne=v(Z.default),se=v(z.default);const ue=["ownerState"],ie=["variants"],le=["name","slot","skipVariantsResolver","skipSx","overridesResolver"];function L(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(L=function(s){return s?t:r})(e)}function ae(e,r){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=L(r);if(t&&t.has(e))return t.get(e);var s={__proto__:null},c=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var u=c?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(s,o,u):s[o]=e[o]}return s.default=e,t&&t.set(e,s),s}function fe(e){return Object.keys(e).length===0}function de(e){return typeof e=="string"&&e.charCodeAt(0)>96}function b(e){return e!=="ownerState"&&e!=="theme"&&e!=="sx"&&e!=="as"}function T(e,r){return r&&e&&typeof e=="object"&&e.styles&&!e.styles.startsWith("@layer")&&(e.styles=`@layer ${r}{${String(e.styles)}}`),e}const ce=x.__exports.systemDefaultTheme=(0,ne.default)(),A=e=>e&&e.charAt(0).toLowerCase()+e.slice(1);function R({defaultTheme:e,theme:r,themeId:t}){return fe(r)?e:r[t]||r}function pe(e){return e?(r,t)=>t[e]:null}function j(e,r,t){let{ownerState:s}=r,c=(0,C.default)(r,ue);const o=typeof e=="function"?e((0,f.default)({ownerState:s},c)):e;if(Array.isArray(o))return o.flatMap(u=>j(u,(0,f.default)({ownerState:s},c),t));if(o&&typeof o=="object"&&Array.isArray(o.variants)){const{variants:u=[]}=o;let i=(0,C.default)(o,ie);return u.forEach(n=>{let y=!0;if(typeof n.props=="function"?y=n.props((0,f.default)({ownerState:s},c,s)):Object.keys(n.props).forEach(p=>{(s==null?void 0:s[p])!==n.props[p]&&c[p]!==n.props[p]&&(y=!1)}),y){Array.isArray(i)||(i=[i]);const p=typeof n.style=="function"?n.style((0,f.default)({ownerState:s},c,s)):n.style;i.push(t?T((0,q.internal_serializeStyles)(p),t):p)}}),i}return t?T((0,q.internal_serializeStyles)(o),t):o}function me(e={}){const{themeId:r,defaultTheme:t=ce,rootShouldForwardProp:s=b,slotShouldForwardProp:c=b}=e,o=u=>(0,se.default)((0,f.default)({},u,{theme:R((0,f.default)({},u,{defaultTheme:t,themeId:r}))}));return o.__mui_systemSx=!0,(u,P={})=>{(0,q.internal_processStyles)(u,a=>a.filter(m=>!(m!=null&&m.__mui_systemSx)));const{name:i,slot:n,skipVariantsResolver:y,skipSx:p,overridesResolver:k=pe(A(n))}=P,g=(0,C.default)(P,le),N=i&&i.startsWith("Mui")||n?"components":"custom",V=y!==void 0?y:n&&n!=="Root"&&n!=="root"||!1,I=p||!1;let E;process.env.NODE_ENV!=="production"&&i&&(E=`${i}-${A(n||"Root")}`);let w=b;n==="Root"||n==="root"?w=s:n?w=c:de(u)&&(w=void 0);const $=(0,q.default)(u,(0,f.default)({shouldForwardProp:w,label:E},g)),M=a=>typeof a=="function"&&a.__emotion_real!==a||(0,te.isPlainObject)(a)?m=>{const _=R({theme:m.theme,defaultTheme:t,themeId:r});return j(a,(0,f.default)({},m,{theme:_}),_.modularCssLayers?N:void 0)}:a,W=(a,...m)=>{let _=M(a);const S=m?m.map(M):[];i&&k&&S.push(l=>{const d=R((0,f.default)({},l,{defaultTheme:t,themeId:r}));if(!d.components||!d.components[i]||!d.components[i].styleOverrides)return null;const h=d.components[i].styleOverrides,O={};return Object.entries(h).forEach(([B,G])=>{O[B]=j(G,(0,f.default)({},l,{theme:d}),d.modularCssLayers?"theme":void 0)}),k(l,O)}),i&&!V&&S.push(l=>{var d;const h=R((0,f.default)({},l,{defaultTheme:t,themeId:r})),O=h==null||(d=h.components)==null||(d=d[i])==null?void 0:d.variants;return j({variants:O},(0,f.default)({},l,{theme:h}),h.modularCssLayers?"theme":void 0)}),I||S.push(o);const F=S.length-m.length;if(Array.isArray(a)&&F>0){const l=new Array(F).fill("");_=[...a,...l],_.raw=[...a.raw,...l]}const D=$(_,...S);if(process.env.NODE_ENV!=="production"){let l;i&&(l=`${i}${(0,re.default)(n||"")}`),l===void 0&&(l=`Styled(${(0,oe.default)(u)})`),D.displayName=l}return u.muiName&&(D.muiName=u.muiName),D};return $.withConfig&&(W.withConfig=$.withConfig),W}}exports.default=ee;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("../../../_virtual/createStyled.cjs.js"),H=require("../../@babel/runtime/helpers/interopRequireDefault.cjs.js"),J=require("../../../_virtual/extends.cjs.js"),K=require("../../@babel/runtime/helpers/objectWithoutPropertiesLoose.cjs.js"),Q=require("../../../_virtual/index.cjs6.js"),U=require("../../../_virtual/index.cjs7.js"),X=require("../../../_virtual/index.cjs8.js"),Y=require("../../../_virtual/index.cjs9.js"),Z=require("../../../_virtual/index.cjs10.js"),z=require("../../../_virtual/index.cjs11.js");var v=H.interopRequireDefaultExports;Object.defineProperty(x.__exports,"__esModule",{value:!0});var ee=x.__exports.default=me;x.__exports.shouldForwardProp=b;x.__exports.systemDefaultTheme=void 0;var f=v(J.default),C=v(K.__require()),q=ae(Q.default),te=U.default,re=v(X.default),oe=v(Y.default),ne=v(Z.default),se=v(z.default);const ue=["ownerState"],ie=["variants"],le=["name","slot","skipVariantsResolver","skipSx","overridesResolver"];function L(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(L=function(s){return s?t:r})(e)}function ae(e,r){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=L(r);if(t&&t.has(e))return t.get(e);var s={__proto__:null},c=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var u=c?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(s,o,u):s[o]=e[o]}return s.default=e,t&&t.set(e,s),s}function fe(e){return Object.keys(e).length===0}function de(e){return typeof e=="string"&&e.charCodeAt(0)>96}function b(e){return e!=="ownerState"&&e!=="theme"&&e!=="sx"&&e!=="as"}function T(e,r){return r&&e&&typeof e=="object"&&e.styles&&!e.styles.startsWith("@layer")&&(e.styles=`@layer ${r}{${String(e.styles)}}`),e}const ce=x.__exports.systemDefaultTheme=(0,ne.default)(),A=e=>e&&e.charAt(0).toLowerCase()+e.slice(1);function R({defaultTheme:e,theme:r,themeId:t}){return fe(r)?e:r[t]||r}function pe(e){return e?(r,t)=>t[e]:null}function j(e,r,t){let{ownerState:s}=r,c=(0,C.default)(r,ue);const o=typeof e=="function"?e((0,f.default)({ownerState:s},c)):e;if(Array.isArray(o))return o.flatMap(u=>j(u,(0,f.default)({ownerState:s},c),t));if(o&&typeof o=="object"&&Array.isArray(o.variants)){const{variants:u=[]}=o;let i=(0,C.default)(o,ie);return u.forEach(n=>{let y=!0;if(typeof n.props=="function"?y=n.props((0,f.default)({ownerState:s},c,s)):Object.keys(n.props).forEach(p=>{(s==null?void 0:s[p])!==n.props[p]&&c[p]!==n.props[p]&&(y=!1)}),y){Array.isArray(i)||(i=[i]);const p=typeof n.style=="function"?n.style((0,f.default)({ownerState:s},c,s)):n.style;i.push(t?T((0,q.internal_serializeStyles)(p),t):p)}}),i}return t?T((0,q.internal_serializeStyles)(o),t):o}function me(e={}){const{themeId:r,defaultTheme:t=ce,rootShouldForwardProp:s=b,slotShouldForwardProp:c=b}=e,o=u=>(0,se.default)((0,f.default)({},u,{theme:R((0,f.default)({},u,{defaultTheme:t,themeId:r}))}));return o.__mui_systemSx=!0,(u,P={})=>{(0,q.internal_processStyles)(u,a=>a.filter(m=>!(m!=null&&m.__mui_systemSx)));const{name:i,slot:n,skipVariantsResolver:y,skipSx:p,overridesResolver:k=pe(A(n))}=P,g=(0,C.default)(P,le),N=i&&i.startsWith("Mui")||n?"components":"custom",V=y!==void 0?y:n&&n!=="Root"&&n!=="root"||!1,I=p||!1;let E;process.env.NODE_ENV!=="production"&&i&&(E=`${i}-${A(n||"Root")}`);let w=b;n==="Root"||n==="root"?w=s:n?w=c:de(u)&&(w=void 0);const $=(0,q.default)(u,(0,f.default)({shouldForwardProp:w,label:E},g)),M=a=>typeof a=="function"&&a.__emotion_real!==a||(0,te.isPlainObject)(a)?m=>{const _=R({theme:m.theme,defaultTheme:t,themeId:r});return j(a,(0,f.default)({},m,{theme:_}),_.modularCssLayers?N:void 0)}:a,W=(a,...m)=>{let _=M(a);const S=m?m.map(M):[];i&&k&&S.push(l=>{const d=R((0,f.default)({},l,{defaultTheme:t,themeId:r}));if(!d.components||!d.components[i]||!d.components[i].styleOverrides)return null;const h=d.components[i].styleOverrides,O={};return Object.entries(h).forEach(([B,G])=>{O[B]=j(G,(0,f.default)({},l,{theme:d}),d.modularCssLayers?"theme":void 0)}),k(l,O)}),i&&!V&&S.push(l=>{var d;const h=R((0,f.default)({},l,{defaultTheme:t,themeId:r})),O=h==null||(d=h.components)==null||(d=d[i])==null?void 0:d.variants;return j({variants:O},(0,f.default)({},l,{theme:h}),h.modularCssLayers?"theme":void 0)}),I||S.push(o);const F=S.length-m.length;if(Array.isArray(a)&&F>0){const l=new Array(F).fill("");_=[...a,...l],_.raw=[...a.raw,...l]}const D=$(_,...S);if(process.env.NODE_ENV!=="production"){let l;i&&(l=`${i}${(0,re.default)(n||"")}`),l===void 0&&(l=`Styled(${(0,oe.default)(u)})`),D.displayName=l}return u.muiName&&(D.muiName=u.muiName),D};return $.withConfig&&(W.withConfig=$.withConfig),W}}exports.default=ee;
@@ -2,12 +2,12 @@ import { __exports as $ } from "../../../_virtual/createStyled.es.js";
2
2
  import { i as H } from "../../@babel/runtime/helpers/interopRequireDefault.es.js";
3
3
  import J from "../../../_virtual/extends.es.js";
4
4
  import { __require as K } from "../../@babel/runtime/helpers/objectWithoutPropertiesLoose.es.js";
5
- import Q from "../../../_virtual/index.es5.js";
6
- import U from "../../../_virtual/index.es6.js";
7
- import X from "../../../_virtual/index.es7.js";
8
- import Y from "../../../_virtual/index.es8.js";
9
- import Z from "../../../_virtual/index.es9.js";
10
- import z from "../../../_virtual/index.es10.js";
5
+ import Q from "../../../_virtual/index.es6.js";
6
+ import U from "../../../_virtual/index.es7.js";
7
+ import X from "../../../_virtual/index.es8.js";
8
+ import Y from "../../../_virtual/index.es9.js";
9
+ import Z from "../../../_virtual/index.es10.js";
10
+ import z from "../../../_virtual/index.es11.js";
11
11
  var v = H;
12
12
  Object.defineProperty($, "__esModule", {
13
13
  value: !0
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../../_virtual/useThemeWithoutDefault.cjs.js"),c=require("react"),f=require("../../../_virtual/index.cjs5.js");Object.defineProperty(a.__exports,"__esModule",{value:!0});exports.default=a.__exports.default=void 0;var s=p(c),d=f.default;function l(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(l=function(n){return n?r:t})(e)}function p(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=l(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var u=i?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(n,o,u):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function _(e){return Object.keys(e).length===0}function y(e=null){const t=s.useContext(d.ThemeContext);return!t||_(t)?e:t}exports.default=a.__exports.default=y;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../../_virtual/useThemeWithoutDefault.cjs.js"),c=require("react"),f=require("../../../_virtual/index.cjs6.js");Object.defineProperty(a.__exports,"__esModule",{value:!0});exports.default=a.__exports.default=void 0;var s=p(c),d=f.default;function l(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(l=function(n){return n?r:t})(e)}function p(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=l(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var u=i?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(n,o,u):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function _(e){return Object.keys(e).length===0}function y(e=null){const t=s.useContext(d.ThemeContext);return!t||_(t)?e:t}exports.default=a.__exports.default=y;
@@ -1,6 +1,6 @@
1
1
  import { __exports as a } from "../../../_virtual/useThemeWithoutDefault.es.js";
2
2
  import l from "react";
3
- import c from "../../../_virtual/index.es5.js";
3
+ import c from "../../../_virtual/index.es6.js";
4
4
  Object.defineProperty(a, "__esModule", {
5
5
  value: !0
6
6
  });
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/index.cjs13.js"),r=require("./cjs/react-is.production.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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/index.cjs14.js"),r=require("./cjs/react-is.production.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;
@@ -1,4 +1,4 @@
1
- import { __module as r } from "../../_virtual/index.es13.js";
1
+ import { __module as r } from "../../_virtual/index.es14.js";
2
2
  import { __require as e } from "./cjs/react-is.production.es.js";
3
3
  import { __require as o } from "./cjs/react-is.development.es.js";
4
4
  process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("../../_virtual/_commonjsHelpers.cjs.js"),w=require("../../_virtual/index.cjs14.js");w.__module.exports=function(n){return d(p(n),n)};w.__module.exports.array=d;function d(n,r){var t=n.length,a=new Array(t),e={},s=t,g=y(r),i=S(n);for(r.forEach(function(o){if(!i.has(o[0])||!i.has(o[1]))throw new Error("Unknown node. There is an unknown node in the supplied edges.")});s--;)e[s]||v(n[s],s,new Set);return a;function v(o,u,f){if(f.has(o)){var h;try{h=", node was:"+JSON.stringify(o)}catch{h=""}throw new Error("Cyclic dependency"+h)}if(!i.has(o))throw new Error("Found unknown node. Make sure to provided all involved nodes. Unknown node: "+JSON.stringify(o));if(!e[u]){e[u]=!0;var l=g.get(o)||new Set;if(l=Array.from(l),u=l.length){f.add(o);do{var c=l[--u];v(c,i.get(c),f)}while(u);f.delete(o)}a[--t]=o}}}function p(n){for(var r=new Set,t=0,a=n.length;t<a;t++){var e=n[t];r.add(e[0]),r.add(e[1])}return Array.from(r)}function y(n){for(var r=new Map,t=0,a=n.length;t<a;t++){var e=n[t];r.has(e[0])||r.set(e[0],new Set),r.has(e[1])||r.set(e[1],new Set),r.get(e[0]).add(e[1])}return r}function S(n){for(var r=new Map,t=0,a=n.length;t<a;t++)r.set(n[t],t);return r}var _=w.__module.exports;const E=m.getDefaultExportFromCjs(_);exports.default=E;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("../../_virtual/_commonjsHelpers.cjs.js"),w=require("../../_virtual/index.cjs5.js");w.__module.exports=function(n){return d(p(n),n)};w.__module.exports.array=d;function d(n,r){var t=n.length,a=new Array(t),e={},s=t,g=y(r),i=S(n);for(r.forEach(function(o){if(!i.has(o[0])||!i.has(o[1]))throw new Error("Unknown node. There is an unknown node in the supplied edges.")});s--;)e[s]||v(n[s],s,new Set);return a;function v(o,u,f){if(f.has(o)){var h;try{h=", node was:"+JSON.stringify(o)}catch{h=""}throw new Error("Cyclic dependency"+h)}if(!i.has(o))throw new Error("Found unknown node. Make sure to provided all involved nodes. Unknown node: "+JSON.stringify(o));if(!e[u]){e[u]=!0;var l=g.get(o)||new Set;if(l=Array.from(l),u=l.length){f.add(o);do{var c=l[--u];v(c,i.get(c),f)}while(u);f.delete(o)}a[--t]=o}}}function p(n){for(var r=new Set,t=0,a=n.length;t<a;t++){var e=n[t];r.add(e[0]),r.add(e[1])}return Array.from(r)}function y(n){for(var r=new Map,t=0,a=n.length;t<a;t++){var e=n[t];r.has(e[0])||r.set(e[0],new Set),r.has(e[1])||r.set(e[1],new Set),r.get(e[0]).add(e[1])}return r}function S(n){for(var r=new Map,t=0,a=n.length;t<a;t++)r.set(n[t],t);return r}var _=w.__module.exports;const E=m.getDefaultExportFromCjs(_);exports.default=E;
@@ -1,5 +1,5 @@
1
1
  import { getDefaultExportFromCjs as d } from "../../_virtual/_commonjsHelpers.es.js";
2
- import { __module as v } from "../../_virtual/index.es14.js";
2
+ import { __module as v } from "../../_virtual/index.es5.js";
3
3
  v.exports = function(n) {
4
4
  return g(m(n), n);
5
5
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tedi-design-system/react",
3
- "version": "14.4.0-rc.10",
3
+ "version": "14.4.0-rc.11",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "exports": {
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("../../../../../external/classnames/index.cjs.js"),_=require("react"),L=require("../../../../../external/react-animate-height/dist/esm/index.cjs.js"),z=require("../../base/icon/icon.cjs.js"),E=require("../../base/typography/text/text.cjs.js"),K=require("../../misc/print/print.cjs.js"),e=require("./collapse.module.scss.cjs.js"),A=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),F=require("../../../providers/label-provider/use-labels.cjs.js"),G=require("../../../helpers/hooks/use-print.cjs.js"),C=require("../../layout/grid/row.cjs.js"),r=require("../../layout/grid/col.cjs.js"),g=f=>{const{getCurrentBreakpointProps:v}=A.useBreakpointProps(f.defaultServerBreakpoint),{getLabel:m}=F.useLabels(),{id:n,children:x,className:P,openText:k=m("open"),closeText:I=m("close"),hideCollapseText:h=!1,title:w,titleRowProps:N,defaultOpen:$,open:d,onToggle:c,arrowType:i="default",size:o="default",underline:O=!0,...S}=v(f),B=`${n}__trigger`,j=`${n}__label`,u=`${n}__content`,M=`${n}__animate`,[b,R]=_.useState(()=>$),p=G.usePrint(),a=_.useMemo(()=>p||(d!==void 0?d:b),[p,d,b]),T=s.default(e.default["tedi-collapse"],o==="small"&&e.default["tedi-collapse--small"],a&&e.default["tedi-collapse--is-open"],h&&e.default["tedi-collapse--icon-only"],e.default[`tedi-collapse--arrow-${i}`],P),q=()=>{const l=!a;R(l),c==null||c(l)},D=l=>{(l.key==="Enter"||l.key===" ")&&!l.repeat&&(l.preventDefault(),q())},y=_.useMemo(()=>t.jsx("div",{id:u,className:e.default["tedi-collapse__content"],children:x}),[x,u]);return t.jsxs("div",{"data-name":"collapse",...S,className:T,children:[t.jsx("button",{id:B,type:"button","data-name":"collapse-trigger",className:e.default["tedi-collapse__title"],"aria-labelledby":j,"aria-expanded":a,"aria-controls":u,onKeyDown:D,onClick:q,children:t.jsxs(C.Row,{justifyContent:"between",alignItems:"center",wrap:"nowrap",...N,element:"span",children:[w&&t.jsx(r.Col,{"aria-hidden":"true",children:w}),t.jsx(r.Col,{width:"auto",children:t.jsxs(C.Row,{element:"span",alignItems:"center",gutter:0,wrap:"nowrap",children:[t.jsx(K.Print,{visibility:"hide",children:t.jsx(r.Col,{width:"auto",className:s.default({"visually-hidden":h}),children:t.jsx(E.Text,{element:"span",className:s.default(e.default["tedi-collapse__text"],{[e.default["tedi-collapse__text--underline"]]:O}),id:j,children:a?I:k})})}),t.jsx(r.Col,{width:"auto",children:t.jsx("div",{className:s.default(e.default["tedi-collapse__icon-wrapper"],e.default[`tedi-collapse__icon-wrapper--${i}`],o==="small"&&e.default["tedi-collapse__icon-wrapper--small"]),children:t.jsx(z.Icon,{className:s.default(e.default["tedi-collapse__icon"],e.default[`tedi-collapse__icon--${i}`],o==="small"&&e.default["tedi-collapse__icon--small"]),name:"expand_more",size:o==="small"||i==="secondary"?18:24})})})]})})]})}),p?y:t.jsx(L.default,{id:M,duration:300,height:a?"auto":0,"data-testid":"collapse-inner",children:y})]})};exports.Collapse=g;exports.default=g;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("../../../../../external/classnames/index.cjs.js"),f=require("react"),z=require("../../../../../external/react-animate-height/dist/esm/index.cjs.js"),E=require("../../base/icon/icon.cjs.js"),K=require("../../base/typography/text/text.cjs.js"),A=require("../../misc/print/print.cjs.js"),e=require("./collapse.module.scss.cjs.js"),F=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),G=require("../../../providers/label-provider/use-labels.cjs.js"),H=require("../../../helpers/hooks/use-print.cjs.js"),N=require("../../layout/grid/row.cjs.js"),o=require("../../layout/grid/col.cjs.js"),P=_=>{const{getCurrentBreakpointProps:k}=F.useBreakpointProps(_.defaultServerBreakpoint),{getLabel:x}=G.useLabels(),{id:r,children:h,className:I,openText:w=x("open"),closeText:j=x("close"),hideCollapseText:g=!1,title:b,titleRowProps:$,defaultOpen:O,open:c,onToggle:d,arrowType:n="default",size:i="default",underline:S=!0,toggleLabel:q,...B}=k(_),u=`${r}__trigger`,p=`${r}__content`,M=`${r}__animate`,[y,R]=f.useState(()=>O),m=H.usePrint(),a=f.useMemo(()=>m||(c!==void 0?c:y),[m,c,y]),T=s.default(e.default["tedi-collapse"],i==="small"&&e.default["tedi-collapse--small"],a&&e.default["tedi-collapse--is-open"],g&&e.default["tedi-collapse--icon-only"],e.default[`tedi-collapse--arrow-${n}`],I),C=()=>{const l=!a;R(l),d==null||d(l)},L=l=>{(l.key==="Enter"||l.key===" ")&&!l.repeat&&(l.preventDefault(),C())},D=q||(a?j:w),v=f.useMemo(()=>t.jsx("div",{id:p,role:"region","aria-labelledby":u,className:e.default["tedi-collapse__content"],children:h}),[h,p,u]);return t.jsxs("div",{"data-name":"collapse",...B,className:T,children:[t.jsx("button",{id:u,type:"button","data-name":"collapse-trigger",className:e.default["tedi-collapse__title"],"aria-label":D,"aria-expanded":a,"aria-controls":p,onKeyDown:L,onClick:C,children:t.jsxs(N.Row,{justifyContent:"between",alignItems:"center",wrap:"nowrap",...$,element:"span",children:[b&&t.jsx(o.Col,{"aria-hidden":"true",children:b}),t.jsx(o.Col,{width:"auto",children:t.jsxs(N.Row,{element:"span",alignItems:"center",gutter:0,wrap:"nowrap",children:[t.jsx(A.Print,{visibility:"hide",children:t.jsx(o.Col,{width:"auto",className:s.default({"visually-hidden":g}),children:t.jsx(K.Text,{element:"span",className:s.default(e.default["tedi-collapse__text"],{[e.default["tedi-collapse__text--underline"]]:S}),children:a?j:w})})}),t.jsx(o.Col,{width:"auto",children:t.jsx("div",{className:s.default(e.default["tedi-collapse__icon-wrapper"],e.default[`tedi-collapse__icon-wrapper--${n}`],i==="small"&&e.default["tedi-collapse__icon-wrapper--small"]),children:t.jsx(E.Icon,{className:s.default(e.default["tedi-collapse__icon"],e.default[`tedi-collapse__icon--${n}`],i==="small"&&e.default["tedi-collapse__icon--small"]),name:"expand_more",size:i==="small"||n==="secondary"?18:24})})})]})})]})}),m?v:t.jsx(z.default,{id:M,duration:300,height:a?"auto":0,"data-testid":"collapse-inner",children:v})]})};exports.Collapse=P;exports.default=P;
@@ -65,6 +65,11 @@ export interface CollapseProps extends BreakpointSupport<CollapseBreakpointProps
65
65
  * Defaults to the result of `getLabel('close')`.
66
66
  */
67
67
  closeText?: string;
68
+ /**
69
+ * Descriptive label for screen readers (e.g. "Toggle Products submenu")
70
+ * If provided, overrides the default open/close text for the accessible name.
71
+ */
72
+ toggleLabel?: string;
68
73
  }
69
74
  export declare const Collapse: (props: CollapseProps) => JSX.Element;
70
75
  export default Collapse;
@@ -1,86 +1,86 @@
1
1
  import { jsx as t, jsxs as _ } from "react/jsx-runtime";
2
2
  import o from "../../../../../external/classnames/index.es.js";
3
- import u from "react";
3
+ import h from "react";
4
4
  import E from "../../../../../external/react-animate-height/dist/esm/index.es.js";
5
5
  import { Icon as K } from "../../base/icon/icon.es.js";
6
- import { Text as L } from "../../base/typography/text/text.es.js";
7
- import { Print as A } from "../../misc/print/print.es.js";
6
+ import { Text as A } from "../../base/typography/text/text.es.js";
7
+ import { Print as H } from "../../misc/print/print.es.js";
8
8
  import e from "./collapse.module.scss.es.js";
9
- import { useBreakpointProps as H } from "../../../helpers/hooks/use-breakpoint-props.es.js";
10
- import { useLabels as q } from "../../../providers/label-provider/use-labels.es.js";
11
- import { usePrint as F } from "../../../helpers/hooks/use-print.es.js";
12
- import { Row as v } from "../../layout/grid/row.es.js";
13
- import { Col as r } from "../../layout/grid/col.es.js";
14
- const oe = (h) => {
15
- const { getCurrentBreakpointProps: I } = H(h.defaultServerBreakpoint), { getLabel: f } = q(), {
16
- id: n,
17
- children: w,
18
- className: k,
19
- openText: $ = f("open"),
20
- closeText: P = f("close"),
21
- hideCollapseText: y = !1,
22
- title: g,
23
- titleRowProps: O,
24
- defaultOpen: B,
9
+ import { useBreakpointProps as q } from "../../../helpers/hooks/use-breakpoint-props.es.js";
10
+ import { useLabels as F } from "../../../providers/label-provider/use-labels.es.js";
11
+ import { usePrint as G } from "../../../helpers/hooks/use-print.es.js";
12
+ import { Row as P } from "../../layout/grid/row.es.js";
13
+ import { Col as s } from "../../layout/grid/col.es.js";
14
+ const ie = (f) => {
15
+ const { getCurrentBreakpointProps: $ } = q(f.defaultServerBreakpoint), { getLabel: w } = F(), {
16
+ id: r,
17
+ children: g,
18
+ className: O,
19
+ openText: y = w("open"),
20
+ closeText: b = w("close"),
21
+ hideCollapseText: x = !1,
22
+ title: N,
23
+ titleRowProps: B,
24
+ defaultOpen: S,
25
25
  open: c,
26
26
  onToggle: d,
27
27
  arrowType: i = "default",
28
- size: s = "default",
29
- underline: S = !0,
30
- ...T
31
- } = I(h), j = `${n}__trigger`, x = `${n}__label`, p = `${n}__content`, D = `${n}__animate`, [b, M] = u.useState(() => B), m = F(), a = u.useMemo(
32
- () => m || (c !== void 0 ? c : b),
33
- [m, c, b]
34
- ), R = o(
28
+ size: n = "default",
29
+ underline: T = !0,
30
+ toggleLabel: C,
31
+ ...j
32
+ } = $(f), p = `${r}__trigger`, m = `${r}__content`, D = `${r}__animate`, [v, L] = h.useState(() => S), u = G(), l = h.useMemo(
33
+ () => u || (c !== void 0 ? c : v),
34
+ [u, c, v]
35
+ ), M = o(
35
36
  e["tedi-collapse"],
36
- s === "small" && e["tedi-collapse--small"],
37
- a && e["tedi-collapse--is-open"],
38
- y && e["tedi-collapse--icon-only"],
37
+ n === "small" && e["tedi-collapse--small"],
38
+ l && e["tedi-collapse--is-open"],
39
+ x && e["tedi-collapse--icon-only"],
39
40
  e[`tedi-collapse--arrow-${i}`],
40
- k
41
- ), C = () => {
42
- const l = !a;
43
- M(l), d == null || d(l);
44
- }, z = (l) => {
45
- (l.key === "Enter" || l.key === " ") && !l.repeat && (l.preventDefault(), C());
46
- }, N = u.useMemo(
47
- () => /* @__PURE__ */ t("div", { id: p, className: e["tedi-collapse__content"], children: w }),
48
- [w, p]
41
+ O
42
+ ), k = () => {
43
+ const a = !l;
44
+ L(a), d == null || d(a);
45
+ }, R = (a) => {
46
+ (a.key === "Enter" || a.key === " ") && !a.repeat && (a.preventDefault(), k());
47
+ }, z = C || (l ? b : y), I = h.useMemo(
48
+ () => /* @__PURE__ */ t("div", { id: m, role: "region", "aria-labelledby": p, className: e["tedi-collapse__content"], children: g }),
49
+ [g, m, p]
49
50
  );
50
- return /* @__PURE__ */ _("div", { "data-name": "collapse", ...T, className: R, children: [
51
+ return /* @__PURE__ */ _("div", { "data-name": "collapse", ...j, className: M, children: [
51
52
  /* @__PURE__ */ t(
52
53
  "button",
53
54
  {
54
- id: j,
55
+ id: p,
55
56
  type: "button",
56
57
  "data-name": "collapse-trigger",
57
58
  className: e["tedi-collapse__title"],
58
- "aria-labelledby": x,
59
- "aria-expanded": a,
60
- "aria-controls": p,
61
- onKeyDown: z,
62
- onClick: C,
63
- children: /* @__PURE__ */ _(v, { justifyContent: "between", alignItems: "center", wrap: "nowrap", ...O, element: "span", children: [
64
- g && /* @__PURE__ */ t(r, { "aria-hidden": "true", children: g }),
65
- /* @__PURE__ */ t(r, { width: "auto", children: /* @__PURE__ */ _(v, { element: "span", alignItems: "center", gutter: 0, wrap: "nowrap", children: [
66
- /* @__PURE__ */ t(A, { visibility: "hide", children: /* @__PURE__ */ t(r, { width: "auto", className: o({ "visually-hidden": y }), children: /* @__PURE__ */ t(
67
- L,
59
+ "aria-label": z,
60
+ "aria-expanded": l,
61
+ "aria-controls": m,
62
+ onKeyDown: R,
63
+ onClick: k,
64
+ children: /* @__PURE__ */ _(P, { justifyContent: "between", alignItems: "center", wrap: "nowrap", ...B, element: "span", children: [
65
+ N && /* @__PURE__ */ t(s, { "aria-hidden": "true", children: N }),
66
+ /* @__PURE__ */ t(s, { width: "auto", children: /* @__PURE__ */ _(P, { element: "span", alignItems: "center", gutter: 0, wrap: "nowrap", children: [
67
+ /* @__PURE__ */ t(H, { visibility: "hide", children: /* @__PURE__ */ t(s, { width: "auto", className: o({ "visually-hidden": x }), children: /* @__PURE__ */ t(
68
+ A,
68
69
  {
69
70
  element: "span",
70
71
  className: o(e["tedi-collapse__text"], {
71
- [e["tedi-collapse__text--underline"]]: S
72
+ [e["tedi-collapse__text--underline"]]: T
72
73
  }),
73
- id: x,
74
- children: a ? P : $
74
+ children: l ? b : y
75
75
  }
76
76
  ) }) }),
77
- /* @__PURE__ */ t(r, { width: "auto", children: /* @__PURE__ */ t(
77
+ /* @__PURE__ */ t(s, { width: "auto", children: /* @__PURE__ */ t(
78
78
  "div",
79
79
  {
80
80
  className: o(
81
81
  e["tedi-collapse__icon-wrapper"],
82
82
  e[`tedi-collapse__icon-wrapper--${i}`],
83
- s === "small" && e["tedi-collapse__icon-wrapper--small"]
83
+ n === "small" && e["tedi-collapse__icon-wrapper--small"]
84
84
  ),
85
85
  children: /* @__PURE__ */ t(
86
86
  K,
@@ -88,10 +88,10 @@ const oe = (h) => {
88
88
  className: o(
89
89
  e["tedi-collapse__icon"],
90
90
  e[`tedi-collapse__icon--${i}`],
91
- s === "small" && e["tedi-collapse__icon--small"]
91
+ n === "small" && e["tedi-collapse__icon--small"]
92
92
  ),
93
93
  name: "expand_more",
94
- size: s === "small" || i === "secondary" ? 18 : 24
94
+ size: n === "small" || i === "secondary" ? 18 : 24
95
95
  }
96
96
  )
97
97
  }
@@ -100,10 +100,10 @@ const oe = (h) => {
100
100
  ] })
101
101
  }
102
102
  ),
103
- m ? N : /* @__PURE__ */ t(E, { id: D, duration: 300, height: a ? "auto" : 0, "data-testid": "collapse-inner", children: N })
103
+ u ? I : /* @__PURE__ */ t(E, { id: D, duration: 300, height: l ? "auto" : 0, "data-testid": "collapse-inner", children: I })
104
104
  ] });
105
105
  };
106
106
  export {
107
- oe as Collapse,
108
- oe as default
107
+ ie as Collapse,
108
+ ie as default
109
109
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("../../../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),y=require("../../../../../../../external/classnames/index.cjs.js"),m=require("react"),I=require("../../../../navigation/link/link.cjs.js"),n=require("./sidenav-dropdown.module.scss.cjs.js"),N=require("../../../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),v=require("../../../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),k=({trigger:h,groups:_,onOpenChange:l})=>{const[o,c]=m.useState(!1),{refs:f,floatingStyles:g,context:u}=d.useFloating({open:o,middleware:[v.offset({mainAxis:8}),v.flip()],whileElementsMounted:N.autoUpdate,placement:"right-start",onOpenChange:e=>{c(e),l==null||l(e)},strategy:"fixed"}),{getReferenceProps:x,getFloatingProps:b}=d.useInteractions([d.useClick(u),d.useDismiss(u)]),p=e=>{var i;const a=e.subItemGroups||e.subItems;return s.jsxs("li",{role:"none",className:y.default(n.default["tedi-sidenav-dropdown__item"],a&&n.default["tedi-sidenav-dropdown__item--has-children"]),children:[s.jsxs(I.Link,{...e,role:"menuitem",className:n.default["tedi-sidenav-dropdown__link"],"data-active":e.isActive,"aria-current":e.isActive?"page":void 0,noStyle:!0,onClick:t=>{var r;(r=e.onClick)==null||r.call(e,t),c(!1)},children:[e.children,a&&s.jsx("span",{className:n.default["tedi-sidenav__bullet"]})]}),a&&s.jsx("ul",{className:n.default["tedi-sidenav-dropdown__list"],role:"menu",children:(e.subItemGroups??(e.subItems?[{subItems:e.subItems}]:[])).map((t,r)=>s.jsxs(m.Fragment,{children:[t.subHeading&&s.jsx("div",{className:n.default["tedi-sidenav-dropdown__heading"],role:"presentation",children:t.subHeading}),t.subItems.map(w=>p(w))]},r))})]},e.key||e.href||((i=e.children)==null?void 0:i.toString()))},j=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),c(a=>!a))};return s.jsxs(s.Fragment,{children:[s.jsx("div",{ref:f.setReference,...x(),role:"button",tabIndex:-1,"aria-haspopup":"menu","aria-expanded":o,onKeyDown:j,children:h}),o&&s.jsx(d.FloatingOverlay,{children:s.jsx(d.FloatingPortal,{children:s.jsx(d.FloatingFocusManager,{context:u,modal:!1,children:s.jsx("div",{ref:f.setFloating,style:g,className:n.default["tedi-sidenav-dropdown"],role:"menu",...b(),children:_.map((e,a)=>s.jsxs("div",{className:n.default["tedi-sidenav-dropdown__group"],children:[e.subHeading&&s.jsx("div",{className:n.default["tedi-sidenav-dropdown__heading"],role:"presentation",children:e.subHeading}),s.jsx("ul",{className:n.default["tedi-sidenav-dropdown__list"],role:"menu",children:e.subItems.map(i=>p(i))})]},a))})})})})]})};exports.SideNavDropdown=k;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("../../../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),N=require("../../../../../../../external/classnames/index.cjs.js"),v=require("react"),k=require("../../../../navigation/link/link.cjs.js"),a=require("./sidenav-dropdown.module.scss.cjs.js"),D=require("../../../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),h=require("../../../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),q=require("../../../../../providers/label-provider/use-labels.cjs.js"),F=({trigger:b,groups:g,onOpenChange:o})=>{const{getLabel:x}=q.useLabels(),[u,r]=v.useState(!1),{refs:c,floatingStyles:_,context:f}=d.useFloating({open:u,middleware:[h.offset({mainAxis:8}),h.flip()],whileElementsMounted:D.autoUpdate,placement:"right-start",onOpenChange:e=>{r(e),o==null||o(e)},strategy:"fixed"}),{getReferenceProps:j,getFloatingProps:w}=d.useInteractions([d.useClick(f),d.useDismiss(f)]),p=e=>{var m;const n=e.subItemGroups||e.subItems,t=e.key||e.href||((m=e.children)==null?void 0:m.toString());return s.jsxs("li",{role:"none",className:N.default(a.default["tedi-sidenav-dropdown__item"],n&&a.default["tedi-sidenav-dropdown__item--has-children"]),children:[s.jsxs(k.Link,{...e,role:"menuitem","aria-haspopup":n?"true":void 0,"aria-expanded":n?!1:void 0,"aria-controls":n?`${t}-submenu`:void 0,className:a.default["tedi-sidenav-dropdown__link"],"data-active":e.isActive,"aria-current":e.isActive?"page":void 0,noStyle:!0,onClick:i=>{var l;(l=e.onClick)==null||l.call(e,i),r(!1)},children:[e.children,n&&s.jsx("span",{className:a.default["tedi-sidenav__bullet"]})]}),n&&s.jsx("ul",{id:`${t}-submenu`,className:a.default["tedi-sidenav-dropdown__list"],role:"menu","aria-label":x("sidenav.submenu"),children:(e.subItemGroups??(e.subItems?[{subItems:e.subItems}]:[])).map((i,l)=>s.jsxs(v.Fragment,{children:[i.subHeading&&s.jsx("div",{className:a.default["tedi-sidenav-dropdown__heading"],role:"presentation",children:i.subHeading}),i.subItems.map(I=>p(I))]},l))})]},t)},y=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),r(n=>!n)),e.key==="Escape"&&(e.preventDefault(),r(!1),c.setReference(null))};return s.jsxs(s.Fragment,{children:[s.jsx("div",{ref:c.setReference,...j(),role:"button",tabIndex:-1,"aria-haspopup":"menu","aria-expanded":u,onKeyDown:y,children:b}),u&&s.jsx(d.FloatingOverlay,{children:s.jsx(d.FloatingPortal,{children:s.jsx(d.FloatingFocusManager,{context:f,modal:!1,children:s.jsx("div",{ref:c.setFloating,style:_,className:a.default["tedi-sidenav-dropdown"],role:"menu",...w(),children:g.map((e,n)=>s.jsxs("div",{className:a.default["tedi-sidenav-dropdown__group"],children:[e.subHeading&&s.jsx("div",{className:a.default["tedi-sidenav-dropdown__heading"],role:"presentation",children:e.subHeading}),s.jsx("ul",{className:a.default["tedi-sidenav-dropdown__list"],role:"menu",children:e.subItems.map(t=>p(t))})]},n))})})})})]})};exports.SideNavDropdown=F;
@@ -1,97 +1,110 @@
1
- import { jsxs as d, Fragment as y, jsx as s } from "react/jsx-runtime";
2
- import { useFloating as I, useInteractions as N, useClick as F, useDismiss as k, FloatingOverlay as x, FloatingPortal as D, FloatingFocusManager as S } from "../../../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
3
- import H from "../../../../../../../external/classnames/index.es.js";
4
- import A, { useState as P } from "react";
5
- import { Link as R } from "../../../../navigation/link/link.es.js";
1
+ import { jsxs as d, Fragment as N, jsx as a } from "react/jsx-runtime";
2
+ import { useFloating as k, useInteractions as F, useClick as x, useDismiss as D, FloatingOverlay as S, FloatingPortal as H, FloatingFocusManager as R } from "../../../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
3
+ import A from "../../../../../../../external/classnames/index.es.js";
4
+ import E, { useState as L } from "react";
5
+ import { Link as P } from "../../../../navigation/link/link.es.js";
6
6
  import n from "./sidenav-dropdown.module.scss.es.js";
7
7
  import { autoUpdate as j } from "../../../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
8
- import { offset as E, flip as G } from "../../../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
9
- const J = ({
10
- trigger: f,
8
+ import { offset as G, flip as K } from "../../../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
9
+ import { useLabels as M } from "../../../../../providers/label-provider/use-labels.es.js";
10
+ const V = ({
11
+ trigger: v,
11
12
  groups: h,
12
- onOpenChange: o
13
+ onOpenChange: l
13
14
  }) => {
14
- const [l, c] = P(!1), { refs: p, floatingStyles: v, context: m } = I({
15
- open: l,
16
- middleware: [E({ mainAxis: 8 }), G()],
15
+ const { getLabel: b } = M(), [c, o] = L(!1), { refs: u, floatingStyles: _, context: m } = k({
16
+ open: c,
17
+ middleware: [G({ mainAxis: 8 }), K()],
17
18
  whileElementsMounted: j,
18
19
  placement: "right-start",
19
20
  onOpenChange: (e) => {
20
- c(e), o == null || o(e);
21
+ o(e), l == null || l(e);
21
22
  },
22
23
  strategy: "fixed"
23
- }), { getReferenceProps: _, getFloatingProps: g } = N([F(m), k(m)]), u = (e) => {
24
- var i;
25
- const r = e.subItemGroups || e.subItems;
24
+ }), { getReferenceProps: g, getFloatingProps: w } = F([x(m), D(m)]), p = (e) => {
25
+ var f;
26
+ const s = e.subItemGroups || e.subItems, r = e.key || e.href || ((f = e.children) == null ? void 0 : f.toString());
26
27
  return /* @__PURE__ */ d(
27
28
  "li",
28
29
  {
29
30
  role: "none",
30
- className: H(
31
+ className: A(
31
32
  n["tedi-sidenav-dropdown__item"],
32
- r && n["tedi-sidenav-dropdown__item--has-children"]
33
+ s && n["tedi-sidenav-dropdown__item--has-children"]
33
34
  ),
34
35
  children: [
35
36
  /* @__PURE__ */ d(
36
- R,
37
+ P,
37
38
  {
38
39
  ...e,
39
40
  role: "menuitem",
41
+ "aria-haspopup": s ? "true" : void 0,
42
+ "aria-expanded": s ? !1 : void 0,
43
+ "aria-controls": s ? `${r}-submenu` : void 0,
40
44
  className: n["tedi-sidenav-dropdown__link"],
41
45
  "data-active": e.isActive,
42
46
  "aria-current": e.isActive ? "page" : void 0,
43
47
  noStyle: !0,
44
- onClick: (a) => {
48
+ onClick: (i) => {
45
49
  var t;
46
- (t = e.onClick) == null || t.call(e, a), c(!1);
50
+ (t = e.onClick) == null || t.call(e, i), o(!1);
47
51
  },
48
52
  children: [
49
53
  e.children,
50
- r && /* @__PURE__ */ s("span", { className: n["tedi-sidenav__bullet"] })
54
+ s && /* @__PURE__ */ a("span", { className: n["tedi-sidenav__bullet"] })
51
55
  ]
52
56
  }
53
57
  ),
54
- r && /* @__PURE__ */ s("ul", { className: n["tedi-sidenav-dropdown__list"], role: "menu", children: (e.subItemGroups ?? (e.subItems ? [{ subItems: e.subItems }] : [])).map((a, t) => /* @__PURE__ */ d(A.Fragment, { children: [
55
- a.subHeading && /* @__PURE__ */ s("div", { className: n["tedi-sidenav-dropdown__heading"], role: "presentation", children: a.subHeading }),
56
- a.subItems.map((w) => u(w))
57
- ] }, t)) })
58
+ s && /* @__PURE__ */ a(
59
+ "ul",
60
+ {
61
+ id: `${r}-submenu`,
62
+ className: n["tedi-sidenav-dropdown__list"],
63
+ role: "menu",
64
+ "aria-label": b("sidenav.submenu"),
65
+ children: (e.subItemGroups ?? (e.subItems ? [{ subItems: e.subItems }] : [])).map((i, t) => /* @__PURE__ */ d(E.Fragment, { children: [
66
+ i.subHeading && /* @__PURE__ */ a("div", { className: n["tedi-sidenav-dropdown__heading"], role: "presentation", children: i.subHeading }),
67
+ i.subItems.map((I) => p(I))
68
+ ] }, t))
69
+ }
70
+ )
58
71
  ]
59
72
  },
60
- e.key || e.href || ((i = e.children) == null ? void 0 : i.toString())
73
+ r
61
74
  );
62
- }, b = (e) => {
63
- (e.key === "Enter" || e.key === " ") && (e.preventDefault(), c((r) => !r));
75
+ }, y = (e) => {
76
+ (e.key === "Enter" || e.key === " ") && (e.preventDefault(), o((s) => !s)), e.key === "Escape" && (e.preventDefault(), o(!1), u.setReference(null));
64
77
  };
65
- return /* @__PURE__ */ d(y, { children: [
66
- /* @__PURE__ */ s(
78
+ return /* @__PURE__ */ d(N, { children: [
79
+ /* @__PURE__ */ a(
67
80
  "div",
68
81
  {
69
- ref: p.setReference,
70
- ..._(),
82
+ ref: u.setReference,
83
+ ...g(),
71
84
  role: "button",
72
85
  tabIndex: -1,
73
86
  "aria-haspopup": "menu",
74
- "aria-expanded": l,
75
- onKeyDown: b,
76
- children: f
87
+ "aria-expanded": c,
88
+ onKeyDown: y,
89
+ children: v
77
90
  }
78
91
  ),
79
- l && /* @__PURE__ */ s(x, { children: /* @__PURE__ */ s(D, { children: /* @__PURE__ */ s(S, { context: m, modal: !1, children: /* @__PURE__ */ s(
92
+ c && /* @__PURE__ */ a(S, { children: /* @__PURE__ */ a(H, { children: /* @__PURE__ */ a(R, { context: m, modal: !1, children: /* @__PURE__ */ a(
80
93
  "div",
81
94
  {
82
- ref: p.setFloating,
83
- style: v,
95
+ ref: u.setFloating,
96
+ style: _,
84
97
  className: n["tedi-sidenav-dropdown"],
85
98
  role: "menu",
86
- ...g(),
87
- children: h.map((e, r) => /* @__PURE__ */ d("div", { className: n["tedi-sidenav-dropdown__group"], children: [
88
- e.subHeading && /* @__PURE__ */ s("div", { className: n["tedi-sidenav-dropdown__heading"], role: "presentation", children: e.subHeading }),
89
- /* @__PURE__ */ s("ul", { className: n["tedi-sidenav-dropdown__list"], role: "menu", children: e.subItems.map((i) => u(i)) })
90
- ] }, r))
99
+ ...w(),
100
+ children: h.map((e, s) => /* @__PURE__ */ d("div", { className: n["tedi-sidenav-dropdown__group"], children: [
101
+ e.subHeading && /* @__PURE__ */ a("div", { className: n["tedi-sidenav-dropdown__heading"], role: "presentation", children: e.subHeading }),
102
+ /* @__PURE__ */ a("ul", { className: n["tedi-sidenav-dropdown__list"], role: "menu", children: e.subItems.map((r) => p(r)) })
103
+ ] }, s))
91
104
  }
92
105
  ) }) }) })
93
106
  ] });
94
107
  };
95
108
  export {
96
- J as SideNavDropdown
109
+ V as SideNavDropdown
97
110
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("react"),l=require("../../../../../../../external/classnames/index.cjs.js"),y=require("../../../../base/icon/icon.cjs.js"),D=require("../../../../buttons/collapse/collapse.cjs.js"),I=require("../../../../navigation/link/link.cjs.js"),s=require("../../sidenav.module.scss.cjs.js"),R=require("../sidenav-dropdown/sidenav-dropdown.cjs.js"),p=require("../../../../overlays/tooltip/tooltip.cjs.js"),M=O=>{const{icon:t,children:i,isActive:h,onClick:x,subItems:k,subItemGroups:P,as:b,onItemClick:_,className:E,level:c=1,isCollapsed:o=!1,isDefaultOpen:L=!1,sideNavItemSize:B="default",...r}=O,[j,$]=f.useState(L??!1),[C,z]=f.useState(!1),T=f.useId(),u=P??(k?[{subItems:k}]:null),n=!!u,F=l.default(s.default["tedi-sidenav__item"],s.default[`tedi-sidenav__item--${B}`],{[s.default[`tedi-sidenav__item--level-${c}`]]:c>1,[s.default["tedi-sidenav__item--current"]]:h,[s.default["tedi-sidenav__item--has-children"]]:n},E),m=a=>{const d={color:"white",className:l.default(s.default["tedi-sidenav__icon"])},v=typeof a=="string"?{...d,name:a}:{...d,...a,className:l.default(d.className,a==null?void 0:a.className)};return e.jsx(y.Icon,{...v})},H=a=>{x==null||x(a),n||_==null||_()},S=a=>{$(a)},A=n&&(r.href||r.to),N={...r,as:b,onClick:H,className:l.default(s.default["tedi-sidenav__link"],A&&s.default["tedi-sidenav__link--has-children-link"]),noStyle:!0,role:"menuitem","aria-current":h?"page":void 0,"aria-label":o&&typeof i=="string"?i:void 0},g=()=>!o&&(u==null?void 0:u.map((a,w)=>{var d;return e.jsxs("div",{children:[(a==null?void 0:a.subHeading)&&e.jsx("div",{className:s.default["tedi-sidenav__subheading"],children:a.subHeading}),e.jsx("ul",{className:s.default["tedi-sidenav__list"],role:"menubar",children:(d=a.subItems)==null?void 0:d.map((v,G)=>f.createElement(M,{as:b,...v,key:G,level:c+1,onItemClick:_,isCollapsed:o,className:l.default(s.default["tedi-sidenav__sub-item"],v.className)}))})]},w)})),q=e.jsx("li",{"data-name":"sidenav-item",className:F,role:"presentation",children:n&&o?e.jsx(R.SideNavDropdown,{trigger:e.jsx(p.Tooltip.Trigger,{children:e.jsxs("span",{className:l.default(s.default["tedi-sidenav__link"],C&&s.default["tedi-sidenav__link--active"]),children:[t&&m(t),e.jsx(y.Icon,{name:C?"chevron_right":"expand_more",color:"white",className:s.default["tedi-sidenav__toggle-icon"],size:18}),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]})}),groups:u,onOpenChange:z}):n&&c===1?r.href||r.to?e.jsxs(e.Fragment,{children:[e.jsxs(I.Link,{...N,children:[t&&m(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]}),e.jsx("div",{className:s.default["tedi-sidenav__link-collapse-wrapper"],children:e.jsx(D.Collapse,{id:T,hideCollapseText:!0,open:j,onToggle:S,className:s.default["tedi-sidenav__collapse"],children:g()})})]}):e.jsx(D.Collapse,{id:T,hideCollapseText:!0,open:j,onToggle:S,className:s.default["tedi-sidenav__collapse"],title:e.jsxs("span",{className:l.default(s.default["tedi-sidenav__link"],j&&s.default["tedi-sidenav__link--active"]),role:"menuitem","aria-current":h?"page":void 0,children:[t&&m(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]}),children:g()}):n?e.jsxs(e.Fragment,{children:[e.jsxs(I.Link,{...N,children:[t&&m(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i}),e.jsx("i",{className:s.default["tedi-sidenav__bullet"]})]}),g()]}):e.jsx(p.Tooltip.Trigger,{children:e.jsxs(I.Link,{...N,children:[t&&m(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]})})});return c===1&&o?e.jsxs(p.Tooltip,{placement:"right",focusManager:{order:["content"]},children:[e.jsx(p.Tooltip.Content,{maxWidth:"medium",children:i}),q]}):q};exports.SideNavItem=M;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),o=require("../../../../../../../external/classnames/index.cjs.js"),D=require("../../../../base/icon/icon.cjs.js"),E=require("../../../../buttons/collapse/collapse.cjs.js"),C=require("../../../../navigation/link/link.cjs.js"),s=require("../../sidenav.module.scss.cjs.js"),W=require("../sidenav-dropdown/sidenav-dropdown.cjs.js"),g=require("../../../../overlays/tooltip/tooltip.cjs.js"),J=require("../../../../../providers/label-provider/use-labels.cjs.js"),M=O=>{const{icon:t,children:l,isActive:j,onClick:N,subItems:S,subItemGroups:P,as:T,onItemClick:p,className:B,level:r=1,isCollapsed:c=!1,isDefaultOpen:$=!1,sideNavItemSize:z="default",...u}=O,{getLabel:q}=J.useLabels(),[n,w]=x.useState($??!1),[y,F]=x.useState(!1),v=x.useId(),m=P??(S?[{subItems:S}]:null),d=!!m,H=o.default(s.default["tedi-sidenav__item"],s.default[`tedi-sidenav__item--${z}`],{[s.default[`tedi-sidenav__item--level-${r}`]]:r>1,[s.default["tedi-sidenav__item--current"]]:j,[s.default["tedi-sidenav__item--has-children"]]:d},B),_=a=>{const i={color:"white",className:o.default(s.default["tedi-sidenav__icon"])},h=typeof a=="string"?{...i,name:a}:{...i,...a,className:o.default(i.className,a==null?void 0:a.className)};return e.jsx(D.Icon,{...h})},K=a=>{N==null||N(a),d||p==null||p()},b=a=>{w(a)},A=a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),w(f=>{const i=!f;return b(i),i}))},G=d&&(u.href||u.to),k={...u,as:T,onClick:K,className:o.default(s.default["tedi-sidenav__link"],G&&s.default["tedi-sidenav__link--has-children-link"]),noStyle:!0,role:"menuitem","aria-current":j?"page":void 0,"aria-label":c&&typeof l=="string"?l:void 0,...d?{"aria-haspopup":"true","aria-expanded":n,"aria-controls":v}:{}},I=()=>!c&&(m==null?void 0:m.map((a,f)=>{var i;return e.jsxs("div",{children:[(a==null?void 0:a.subHeading)&&e.jsx("div",{className:s.default["tedi-sidenav__subheading"],children:a.subHeading}),e.jsx("ul",{className:s.default["tedi-sidenav__list"],role:"menu",children:(i=a.subItems)==null?void 0:i.map((h,R)=>x.createElement(M,{as:T,...h,key:R,level:r+1,onItemClick:p,isCollapsed:c,className:o.default(s.default["tedi-sidenav__sub-item"],h.className)}))})]},f)})),L=e.jsx("li",{"data-name":"sidenav-item",className:H,children:d&&c?e.jsx(W.SideNavDropdown,{trigger:e.jsx(g.Tooltip.Trigger,{children:e.jsxs("span",{className:o.default(s.default["tedi-sidenav__link"],y&&s.default["tedi-sidenav__link--active"]),children:[t&&_(t),e.jsx(D.Icon,{name:y?"chevron_right":"expand_more",color:"white",className:s.default["tedi-sidenav__toggle-icon"],size:18}),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:l})]})}),groups:m,onOpenChange:F}):d&&r===1?u.href||u.to?e.jsxs(e.Fragment,{children:[e.jsxs(C.Link,{...k,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:l})]}),e.jsx("div",{className:s.default["tedi-sidenav__link-collapse-wrapper"],children:e.jsx(E.Collapse,{id:v,hideCollapseText:!0,open:n,onToggle:b,toggleLabel:q("sidenav.toggleSubmenuChildren",{isCollapsedInternal:n,children:l}),className:s.default["tedi-sidenav__collapse"],children:I()})})]}):e.jsx(E.Collapse,{id:v,hideCollapseText:!0,open:n,onToggle:b,className:s.default["tedi-sidenav__collapse"],toggleLabel:q("sidenav.toggleSubmenuChildren",{isCollapsedInternal:n,children:l}),title:e.jsxs("span",{className:o.default(s.default["tedi-sidenav__link"],n&&s.default["tedi-sidenav__link--active"]),role:"button","aria-expanded":n,"aria-controls":v,"aria-current":j?"page":void 0,onKeyDown:A,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:l})]}),children:I()}):d?e.jsxs(e.Fragment,{children:[e.jsxs(C.Link,{...k,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:l}),e.jsx("i",{className:s.default["tedi-sidenav__bullet"]})]}),I()]}):e.jsx(g.Tooltip.Trigger,{children:e.jsxs(C.Link,{...k,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:l})]})})});return r===1&&c?e.jsxs(g.Tooltip,{placement:"right",focusManager:{order:["content"]},children:[e.jsx(g.Tooltip.Content,{maxWidth:"medium",children:l}),L]}):L};exports.SideNavItem=M;