@tedi-design-system/react 14.3.0-rc.2 → 14.3.0-rc.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "14.3.0-rc.2",
+  "version": "14.3.0-rc.3",
   "type": "module",
   "sideEffects": false,
   "exports": {

package/src/community/components/layout/header/components/header-language/header-language.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),y=require("react"),g=require("../../../../../helpers/hooks/use-layout.cjs.js"),T=require("../../../../button/button.cjs.js"),v=require("../../../../typography/heading/heading.cjs.js"),L=require("../../../../typography/text/text.cjs.js"),f=require("../header-dropdown/header-dropdown.cjs.js"),w=require("../header-modal/header-modal.cjs.js"),H=require("../../../../../../tedi/components/content/list/list.cjs.js"),I=require("../../../../../../tedi/components/content/list/list-item.cjs.js"),M=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),P=require("../../../../card/card.cjs.js"),R=require("../../../../card/card-content/card-content.cjs.js"),S=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),C=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),l=u=>{const{languages:t}=u,s=g.useLayout(["desktop","tablet"]),{getLabel:i}=M.useLabels(),[n,a]=y.useState(!1),o=t==null?void 0:t.find(e=>e.isSelected),d={children:o==null?void 0:o.label,"aria-label":`${i("header.select-lang")} ${(o==null?void 0:o["aria-label"])??(o==null?void 0:o.label)}`,visualType:s?"link":"tertiary",iconRight:s?{name:"expand_more",color:"primary",size:24}:void 0},h=e=>{e==null||e({onToggle:a})},c=({isSelected:e,onClick:b,label:q,"aria-label":j},x=!0)=>r.jsx(T.Button,{visualType:x?"link":e?"primary":"tertiary","aria-current":e,"aria-label":j,onClick:()=>h(b),children:q}),p=r.jsxs("div",{children:[r.jsx(L.Text,{color:"muted",modifiers:"small",children:i("header.select-lang")}),r.jsx(f.HeaderDropdown,{shouldAnimate:!0,open:n,onToggle:a,tooltipProps:{cardProps:{padding:1}},triggerProps:d,children:r.jsx(H.List,{verticalSpacing:{size:.75},element:"ul",children:(t==null?void 0:t.map(e=>r.jsx(I.ListItem,{children:c(e)},e.label)))||[]})})]}),m=r.jsx(w.HeaderModal,{ariaLabelledby:"header-language-modal-label",open:n,onToggle:a,triggerProps:d,children:r.jsx(P.Card,{borderless:!0,children:r.jsxs(R.CardContent,{children:[r.jsx(v.Heading,{id:"header-language-modal-label",className:"sr-only",children:i("header.select-lang")}),r.jsx(S.Row,{alignItems:"center",element:"ul",children:t==null?void 0:t.map(e=>r.jsx(C.Col,{width:"auto",children:c(e,!1)},e.label))})]})})});return s?p:m};l.displayName="HeaderLanguage";exports.HeaderLanguage=l;exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),y=require("react"),f=require("../../../../../helpers/hooks/use-layout.cjs.js"),L=require("../../../../button/button.cjs.js"),T=require("../../../../typography/heading/heading.cjs.js"),_=require("../../../../typography/text/text.cjs.js"),v=require("../header-dropdown/header-dropdown.cjs.js"),w=require("../header-modal/header-modal.cjs.js"),u=require("./header-language.module.scss.cjs.js"),H=require("../../../../../../tedi/components/content/list/list.cjs.js"),I=require("../../../../../../tedi/components/content/list/list-item.cjs.js"),M=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),N=require("../../../../card/card.cjs.js"),P=require("../../../../card/card-content/card-content.cjs.js"),R=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),S=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),i=h=>{const{languages:t}=h,o=f.useLayout(["desktop","tablet"]),{getLabel:s}=M.useLabels(),[n,l]=y.useState(!1),a=t==null?void 0:t.find(e=>e.isSelected),d={children:a==null?void 0:a.label,"aria-label":`${s("header.select-lang")} ${(a==null?void 0:a["aria-label"])??(a==null?void 0:a.label)}`,visualType:o?"link":"tertiary",iconRight:o?{name:"expand_more",color:"primary",size:24}:void 0},m=e=>{e==null||e({onToggle:l})},c=({isSelected:e,onClick:q,label:g,"aria-label":j},x=!0)=>r.jsx(L.Button,{visualType:x?"link":e?"primary":"tertiary","aria-current":e,"aria-label":j,onClick:()=>m(q),children:g}),p=r.jsxs("div",{children:[r.jsx(_.Text,{color:"muted",modifiers:"small",children:s("header.select-lang")}),r.jsx(v.HeaderDropdown,{shouldAnimate:!0,open:n,onToggle:l,tooltipProps:{cardProps:{padding:1}},triggerProps:d,children:r.jsx(H.List,{verticalSpacing:{size:.75},element:"ul",className:u.default["header-language__list"],children:(t==null?void 0:t.map(e=>r.jsx(I.ListItem,{className:u.default["header-language__list-item"],children:c(e)},e.label)))||[]})})]}),b=r.jsx(w.HeaderModal,{ariaLabelledby:"header-language-modal-label",open:n,onToggle:l,triggerProps:d,children:r.jsx(N.Card,{borderless:!0,children:r.jsxs(P.CardContent,{children:[r.jsx(T.Heading,{id:"header-language-modal-label",className:"sr-only",children:s("header.select-lang")}),r.jsx(R.Row,{alignItems:"center",element:"ul",children:t==null?void 0:t.map(e=>r.jsx(S.Col,{width:"auto",children:c(e,!1)},e.label))})]})})});return o?p:b};i.displayName="HeaderLanguage";exports.HeaderLanguage=i;exports.default=i;

package/src/community/components/layout/header/components/header-language/header-language.es.js

@@ -1,62 +1,63 @@
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import v from "react";
-import { useLayout as H } from "../../../../../helpers/hooks/use-layout.es.js";
-import { Button as g } from "../../../../button/button.es.js";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import _ from "react";
+import { useLayout as v } from "../../../../../helpers/hooks/use-layout.es.js";
+import { Button as H } from "../../../../button/button.es.js";
 import { Heading as w } from "../../../../typography/heading/heading.es.js";
 import { Text as L } from "../../../../typography/text/text.es.js";
-import { HeaderDropdown as I } from "../header-dropdown/header-dropdown.es.js";
-import { HeaderModal as P } from "../header-modal/header-modal.es.js";
-import { List as R } from "../../../../../../tedi/components/content/list/list.es.js";
-import { ListItem as _ } from "../../../../../../tedi/components/content/list/list-item.es.js";
+import { HeaderDropdown as N } from "../header-dropdown/header-dropdown.es.js";
+import { HeaderModal as I } from "../header-modal/header-modal.es.js";
+import p from "./header-language.module.scss.es.js";
+import { List as P } from "../../../../../../tedi/components/content/list/list.es.js";
+import { ListItem as R } from "../../../../../../tedi/components/content/list/list-item.es.js";
 import { useLabels as j } from "../../../../../../tedi/providers/label-provider/use-labels.es.js";
 import { Card as k } from "../../../../card/card.es.js";
 import { CardContent as z } from "../../../../card/card-content/card-content.es.js";
 import { Row as B } from "../../../../../../tedi/components/layout/grid/row.es.js";
 import { Col as C } from "../../../../../../tedi/components/layout/grid/col.es.js";
-const D = (p) => {
-  const { languages: e } = p, i = H(["desktop", "tablet"]), { getLabel: l } = j(), [m, a] = v.useState(!1), t = e == null ? void 0 : e.find((r) => r.isSelected), d = {
+const D = (c) => {
+  const { languages: o } = c, a = v(["desktop", "tablet"]), { getLabel: l } = j(), [m, i] = _.useState(!1), t = o == null ? void 0 : o.find((r) => r.isSelected), d = {
     children: t == null ? void 0 : t.label,
     "aria-label": `${l("header.select-lang")} ${(t == null ? void 0 : t["aria-label"]) ?? (t == null ? void 0 : t.label)}`,
-    visualType: i ? "link" : "tertiary",
-    iconRight: i ? { name: "expand_more", color: "primary", size: 24 } : void 0
-  }, c = (r) => {
-    r == null || r({ onToggle: a });
-  }, n = ({ isSelected: r, onClick: b, label: u, "aria-label": y }, T = !0) => /* @__PURE__ */ o(
-    g,
+    visualType: a ? "link" : "tertiary",
+    iconRight: a ? { name: "expand_more", color: "primary", size: 24 } : void 0
+  }, h = (r) => {
+    r == null || r({ onToggle: i });
+  }, s = ({ isSelected: r, onClick: u, label: y, "aria-label": g }, T = !0) => /* @__PURE__ */ e(
+    H,
     {
       visualType: T ? "link" : r ? "primary" : "tertiary",
       "aria-current": r,
-      "aria-label": y,
-      onClick: () => c(b),
-      children: u
+      "aria-label": g,
+      onClick: () => h(u),
+      children: y
     }
-  ), h = /* @__PURE__ */ s("div", { children: [
-    /* @__PURE__ */ o(L, { color: "muted", modifiers: "small", children: l("header.select-lang") }),
-    /* @__PURE__ */ o(
-      I,
+  ), f = /* @__PURE__ */ n("div", { children: [
+    /* @__PURE__ */ e(L, { color: "muted", modifiers: "small", children: l("header.select-lang") }),
+    /* @__PURE__ */ e(
+      N,
       {
         shouldAnimate: !0,
         open: m,
-        onToggle: a,
+        onToggle: i,
         tooltipProps: { cardProps: { padding: 1 } },
         triggerProps: d,
-        children: /* @__PURE__ */ o(R, { verticalSpacing: { size: 0.75 }, element: "ul", children: (e == null ? void 0 : e.map((r) => /* @__PURE__ */ o(_, { children: n(r) }, r.label))) || [] })
+        children: /* @__PURE__ */ e(P, { verticalSpacing: { size: 0.75 }, element: "ul", className: p["header-language__list"], children: (o == null ? void 0 : o.map((r) => /* @__PURE__ */ e(R, { className: p["header-language__list-item"], children: s(r) }, r.label))) || [] })
       }
     )
-  ] }), f = /* @__PURE__ */ o(
-    P,
+  ] }), b = /* @__PURE__ */ e(
+    I,
     {
       ariaLabelledby: "header-language-modal-label",
       open: m,
-      onToggle: a,
+      onToggle: i,
       triggerProps: d,
-      children: /* @__PURE__ */ o(k, { borderless: !0, children: /* @__PURE__ */ s(z, { children: [
-        /* @__PURE__ */ o(w, { id: "header-language-modal-label", className: "sr-only", children: l("header.select-lang") }),
-        /* @__PURE__ */ o(B, { alignItems: "center", element: "ul", children: e == null ? void 0 : e.map((r) => /* @__PURE__ */ o(C, { width: "auto", children: n(r, !1) }, r.label)) })
+      children: /* @__PURE__ */ e(k, { borderless: !0, children: /* @__PURE__ */ n(z, { children: [
+        /* @__PURE__ */ e(w, { id: "header-language-modal-label", className: "sr-only", children: l("header.select-lang") }),
+        /* @__PURE__ */ e(B, { alignItems: "center", element: "ul", children: o == null ? void 0 : o.map((r) => /* @__PURE__ */ e(C, { width: "auto", children: s(r, !1) }, r.label)) })
       ] }) })
     }
   );
-  return i ? h : f;
+  return a ? f : b;
 };
 D.displayName = "HeaderLanguage";
 export {

package/src/community/components/layout/header/components/header-language/header-language.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"header-language__list":"header-language__list-041bf067","header-language__list-item":"header-language__list-item-76eb9a7f"};exports.default=e;

package/src/community/components/layout/header/components/header-language/header-language.module.scss.es.js

@@ -0,0 +1,7 @@
+const e = {
+  "header-language__list": "header-language__list-041bf067",
+  "header-language__list-item": "header-language__list-item-76eb9a7f"
+};
+export {
+  e as default
+};