@tedi-design-system/react 18.1.0-rc.2 → 18.1.0-rc.20

package/src/tedi/components/form/search/search.es.js

@@ -1,54 +1,74 @@
-import { jsxs as w, jsx as c } from "react/jsx-runtime";
-import l from "../../../../../external/classnames/index.es.js";
-import { forwardRef as L } from "react";
-import { Button as b } from "../../buttons/button/button.es.js";
-import { TextField as k } from "../textfield/textfield.es.js";
+import { jsxs as b, jsx as t } from "react/jsx-runtime";
+import i from "../../../../../external/classnames/index.es.js";
+import { forwardRef as g } from "react";
+import { Button as k } from "../../buttons/button/button.es.js";
+import { TextField as B } from "../textfield/textfield.es.js";
 import a from "./search.module.scss.es.js";
 import { useLabels as C } from "../../../providers/label-provider/use-labels.es.js";
-const j = L(
+const L = g(
   ({
-    placeholder: t,
-    isClearable: o = !0,
-    searchIcon: m = "search",
+    placeholder: d,
+    isClearable: m = !0,
+    searchIcon: l = "search",
     onSearch: s,
-    onChange: d,
+    onChange: n,
     button: e,
     ariaLabel: p,
-    className: n,
-    input: f,
+    className: _,
+    input: h,
     ...r
-  }, h) => {
-    const { getLabel: i } = C(), u = (v) => {
+  }, f) => {
+    const { getLabel: c } = C(), y = (v) => {
       v.key === "Enter" && (s == null || s(r.value));
-    }, _ = () => {
+    }, N = () => {
       s == null || s(r.value);
-    }, x = {
+    }, o = typeof l == "string" ? { name: l } : l, u = {
+      color: "secondary",
+      ...o,
+      className: i(o.className, r.disabled && a["tedi-search__icon--disabled"])
+    }, w = {
       ...r,
-      ref: h,
-      inputClassName: l(a["tedi-search__input"], e && a["tedi-search__input--has-button"], n),
-      placeholder: t,
-      isClearable: o,
-      onKeyDown: u,
-      onChange: d,
-      input: { ...f, role: "searchbox" },
-      ...e ? {} : { icon: m }
-    }, N = t || i("search"), y = p ?? N;
-    return /* @__PURE__ */ w("div", { className: l(a["tedi-search__wrapper"]), role: "search", "aria-label": y, children: [
-      /* @__PURE__ */ c(k, { ...x }),
-      e && /* @__PURE__ */ c(
-        b,
-        {
-          ...e,
-          onClick: _,
-          className: l(a["tedi-search__button"], e.className),
-          "aria-label": e.children ? void 0 : i("search"),
-          children: e.children ?? i("search")
-        }
-      )
-    ] });
+      ref: f,
+      inputClassName: i(a["tedi-search__input"], e && a["tedi-search__input--has-button"], _),
+      placeholder: d,
+      isClearable: m,
+      onKeyDown: y,
+      onChange: n,
+      input: { ...h, role: "searchbox" },
+      ...e ? {} : { icon: u }
+    }, x = p || c("search");
+    return /* @__PURE__ */ b(
+      "div",
+      {
+        className: i(
+          a["tedi-search__wrapper"],
+          r.size === "small" && a["tedi-search__wrapper--small"],
+          r.size === "large" && a["tedi-search__wrapper--large"]
+        ),
+        role: "search",
+        "aria-label": x,
+        children: [
+          /* @__PURE__ */ t(B, { ...w }),
+          e && /* @__PURE__ */ t(
+            k,
+            {
+              ...e,
+              onClick: N,
+              className: i(
+                a["tedi-search__button"],
+                !e.children && a["tedi-search__button--icon-only"],
+                e.className
+              ),
+              "aria-label": e.children ? void 0 : c("search"),
+              children: e.children ?? c("search")
+            }
+          )
+        ]
+      }
+    );
   }
 );
-j.displayName = "Search";
+L.displayName = "Search";
 export {
-  j as Search
+  L as Search
 };

package/src/tedi/components/form/search/search.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-search__wrapper":"tedi-search__wrapper-92d6f11f","tedi-search__input":"tedi-search__input-94d53b76","tedi-search__input--has-button":"tedi-search__input--has-button-d8e073e7","tedi-search__button":"tedi-search__button-cbb4df17"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-search__wrapper":"tedi-search__wrapper-92d6f11f","tedi-search__input":"tedi-search__input-94d53b76","tedi-search__input--has-button":"tedi-search__input--has-button-d8e073e7","tedi-search__icon--disabled":"tedi-search__icon--disabled-2b492592","tedi-search__button":"tedi-search__button-cbb4df17","tedi-search__wrapper--small":"tedi-search__wrapper--small-7c104c6a","tedi-search__wrapper--large":"tedi-search__wrapper--large-b59e60d7","tedi-search__button--icon-only":"tedi-search__button--icon-only-cf897af5"};exports.default=e;

package/src/tedi/components/form/search/search.module.scss.es.js

@@ -1,9 +1,13 @@
-const t = {
+const e = {
   "tedi-search__wrapper": "tedi-search__wrapper-92d6f11f",
   "tedi-search__input": "tedi-search__input-94d53b76",
   "tedi-search__input--has-button": "tedi-search__input--has-button-d8e073e7",
-  "tedi-search__button": "tedi-search__button-cbb4df17"
+  "tedi-search__icon--disabled": "tedi-search__icon--disabled-2b492592",
+  "tedi-search__button": "tedi-search__button-cbb4df17",
+  "tedi-search__wrapper--small": "tedi-search__wrapper--small-7c104c6a",
+  "tedi-search__wrapper--large": "tedi-search__wrapper--large-b59e60d7",
+  "tedi-search__button--icon-only": "tedi-search__button--icon-only-cf897af5"
 };
 export {
-  t as default
+  e as default
 };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),o=require("../../../../../../../external/classnames/index.cjs.js"),p=require("react"),P=require("../../../../base/typography/text/text.cjs.js"),T=require("../../../../base/icon/icon.cjs.js"),b=require("../../../../buttons/button/button.cjs.js"),S=require("../../../../navigation/link/link.cjs.js"),u=require("../../../../overlays/popover/popover.cjs.js"),l=require("./header-language.module.scss.cjs.js"),C=require("../../../../../providers/label-provider/use-labels.cjs.js"),N=require("../../../../../helpers/hooks/use-breakpoint-props.cjs.js"),m=require("../../../../../helpers/hooks/use-breakpoint.cjs.js"),d=x=>{const{languages:r,currentLanguage:i,selectLabel:c,labelPosition:L="top"}=x,[n,t]=p.useState(!1),{getLabel:g,setLocale:k,locale:s}=C.useLabels(),{getCurrentBreakpointProps:_}=N.useBreakpointProps(),j=m.default(),v=m.isBreakpointBelow(j,"md"),{hideLabel:q}=_({hideLabel:!0,lg:{hideLabel:!1}}),f=p.useMemo(()=>{var e;if(s){const h=r.find(y=>y.locale===s);if(h)return h.label}return i||(((e=r[0])==null?void 0:e.label)??"")},[r,s,i]),B=e=>{if(e.onClick){e.onClick({onToggle:t});return}t(!1),e.locale&&k(e.locale)};return a.jsxs("div",{className:o.default(l.default["tedi-header-language"],l.default[`tedi-header-language--label-${L}`],{[l.default["tedi-header-language__mobile"]]:v}),children:[a.jsx(P.Text,{modifiers:"small",color:"secondary",className:o.default({"visually-hidden":q}),children:c??g("header.select-lang")}),a.jsxs(u.Popover,{placement:"bottom",open:n,onToggle:()=>t(e=>!e),withBorder:!0,children:[a.jsx(u.Popover.Trigger,{children:a.jsx(b.Button,{visualType:"link",underline:!1,"aria-label":`${c??g("header.select-lang")} ${f}`,"aria-expanded":n,children:a.jsxs("div",{className:l.default["tedi-header-language__selected"],children:[f,a.jsx(T.Icon,{name:"expand_more",size:18,className:o.default(l.default["tedi-header-language__icon"],{[l.default["tedi-header-language__icon--open"]]:n})})]})})}),a.jsx(u.Popover.Content,{width:"none",children:a.jsx("div",{className:l.default["tedi-header-language__list"],children:r.map(e=>e.href&&!e.onClick?a.jsx(S.Link,{visualType:"link","aria-current":e.isSelected,"aria-label":e["aria-label"],underline:!1,href:e.href,children:e.label},e.label):a.jsx(b.Button,{visualType:"link","aria-current":e.isSelected,"aria-label":e["aria-label"],underline:!1,onClick:()=>B(e),children:e.label},e.label))})})]})]})};d.displayName="HeaderLanguage";exports.HeaderLanguage=d;exports.default=d;

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

@@ -0,0 +1,105 @@
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import d from "../../../../../../../external/classnames/index.es.js";
+import { useState as T, useMemo as x } from "react";
+import { Text as C } from "../../../../base/typography/text/text.es.js";
+import { Icon as S } from "../../../../base/icon/icon.es.js";
+import { Button as h } from "../../../../buttons/button/button.es.js";
+import { Link as w } from "../../../../navigation/link/link.es.js";
+import { Popover as c } from "../../../../overlays/popover/popover.es.js";
+import l from "./header-language.module.scss.es.js";
+import { useLabels as P } from "../../../../../providers/label-provider/use-labels.es.js";
+import { useBreakpointProps as $ } from "../../../../../helpers/hooks/use-breakpoint-props.es.js";
+import j, { isBreakpointBelow as H } from "../../../../../helpers/hooks/use-breakpoint.es.js";
+const M = (g) => {
+  const { languages: r, currentLanguage: i, selectLabel: m, labelPosition: b = "top" } = g, [o, n] = T(!1), { getLabel: u, setLocale: L, locale: t } = P(), { getCurrentBreakpointProps: k } = $(), _ = j(), v = H(_, "md"), { hideLabel: y } = k({
+    hideLabel: !0,
+    lg: { hideLabel: !1 }
+  }), p = x(() => {
+    var e;
+    if (t) {
+      const f = r.find((N) => N.locale === t);
+      if (f) return f.label;
+    }
+    return i || (((e = r[0]) == null ? void 0 : e.label) ?? "");
+  }, [r, t, i]), B = (e) => {
+    if (e.onClick) {
+      e.onClick({ onToggle: n });
+      return;
+    }
+    n(!1), e.locale && L(e.locale);
+  };
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: d(l["tedi-header-language"], l[`tedi-header-language--label-${b}`], {
+        [l["tedi-header-language__mobile"]]: v
+      }),
+      children: [
+        /* @__PURE__ */ a(C, { modifiers: "small", color: "secondary", className: d({ "visually-hidden": y }), children: m ?? u("header.select-lang") }),
+        /* @__PURE__ */ s(
+          c,
+          {
+            placement: "bottom",
+            open: o,
+            onToggle: () => n((e) => !e),
+            withBorder: !0,
+            children: [
+              /* @__PURE__ */ a(c.Trigger, { children: /* @__PURE__ */ a(
+                h,
+                {
+                  visualType: "link",
+                  underline: !1,
+                  "aria-label": `${m ?? u("header.select-lang")} ${p}`,
+                  "aria-expanded": o,
+                  children: /* @__PURE__ */ s("div", { className: l["tedi-header-language__selected"], children: [
+                    p,
+                    /* @__PURE__ */ a(
+                      S,
+                      {
+                        name: "expand_more",
+                        size: 18,
+                        className: d(l["tedi-header-language__icon"], {
+                          [l["tedi-header-language__icon--open"]]: o
+                        })
+                      }
+                    )
+                  ] })
+                }
+              ) }),
+              /* @__PURE__ */ a(c.Content, { width: "none", children: /* @__PURE__ */ a("div", { className: l["tedi-header-language__list"], children: r.map(
+                (e) => e.href && !e.onClick ? /* @__PURE__ */ a(
+                  w,
+                  {
+                    visualType: "link",
+                    "aria-current": e.isSelected,
+                    "aria-label": e["aria-label"],
+                    underline: !1,
+                    href: e.href,
+                    children: e.label
+                  },
+                  e.label
+                ) : /* @__PURE__ */ a(
+                  h,
+                  {
+                    visualType: "link",
+                    "aria-current": e.isSelected,
+                    "aria-label": e["aria-label"],
+                    underline: !1,
+                    onClick: () => B(e),
+                    children: e.label
+                  },
+                  e.label
+                )
+              ) }) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+M.displayName = "HeaderLanguage";
+export {
+  M as HeaderLanguage,
+  M as default
+};

package/src/tedi/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={"tedi-header-language":"tedi-header-language-a837abad","tedi-header-language--label-left":"tedi-header-language--label-left-5e0282da","tedi-header-language__icon":"tedi-header-language__icon-0eda6084","tedi-header-language__icon--open":"tedi-header-language__icon--open-f3ab5bd4","tedi-header-language__mobile":"tedi-header-language__mobile-e3625dc5","tedi-header-language__selected":"tedi-header-language__selected-c08d15e5","tedi-header-language__list":"tedi-header-language__list-eea73437"};exports.default=e;

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

@@ -0,0 +1,12 @@
+const e = {
+  "tedi-header-language": "tedi-header-language-a837abad",
+  "tedi-header-language--label-left": "tedi-header-language--label-left-5e0282da",
+  "tedi-header-language__icon": "tedi-header-language__icon-0eda6084",
+  "tedi-header-language__icon--open": "tedi-header-language__icon--open-f3ab5bd4",
+  "tedi-header-language__mobile": "tedi-header-language__mobile-e3625dc5",
+  "tedi-header-language__selected": "tedi-header-language__selected-c08d15e5",
+  "tedi-header-language__list": "tedi-header-language__list-eea73437"
+};
+export {
+  e as default
+};

package/src/tedi/components/layout/header/components/header-login/header-login.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("../../../../base/typography/text/text.cjs.js"),f=require("../../../../buttons/button/button.cjs.js"),_=require("../../../../navigation/link/link.cjs.js"),x=require("../header-mobile-button/header-mobile-button.cjs.js"),t=require("./header-login.module.scss.cjs.js"),p=require("../../../../../helpers/hooks/use-breakpoint-props.cjs.js"),j=require("../../../../../providers/label-provider/use-labels.cjs.js"),u=require("../../../../../helpers/hooks/use-breakpoint.cjs.js"),s=i=>{const{onClick:n,href:r}=i,{getCurrentBreakpointProps:c}=p.useBreakpointProps(i.defaultServerBreakpoint),{size:m,label:b}=c(i),{getLabel:l}=j.useLabels(),h=u.default(),g=u.isBreakpointBelow(h,"md"),a=(m??(g?"small":"default"))==="small",o=b??l(a?"header.login.mobile":"header.login");return e.jsx(e.Fragment,{children:a?e.jsx(x.default,{onClick:n,href:r,icon:{name:"login",size:24,color:"inherit"},label:o}):r?e.jsx(_.Link,{onClick:n,href:r,underline:!1,visualType:"primary",className:t.default["tedi-header-login__button"],children:e.jsx("div",{className:t.default["tedi-header-login__button--inner"],children:e.jsx(d.Text,{modifiers:"normal",className:t.default["tedi-header-login__button--text"],children:o})})}):e.jsx(f.Button,{onClick:n,visualType:"primary",className:t.default["tedi-header-login__button"],children:e.jsx("div",{className:t.default["tedi-header-login__button--inner"],children:e.jsx(d.Text,{modifiers:"normal",className:t.default["tedi-header-login__button--text"],children:o})})})})};s.displayName="Header.Login";exports.HeaderLogin=s;exports.default=s;

package/src/tedi/components/layout/header/components/header-login/header-login.es.js

@@ -0,0 +1,36 @@
+import { jsx as e, Fragment as h } from "react/jsx-runtime";
+import { Text as s } from "../../../../base/typography/text/text.es.js";
+import { Button as f } from "../../../../buttons/button/button.es.js";
+import { Link as b } from "../../../../navigation/link/link.es.js";
+import g from "../header-mobile-button/header-mobile-button.es.js";
+import i from "./header-login.module.scss.es.js";
+import { useBreakpointProps as _ } from "../../../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useLabels as k } from "../../../../../providers/label-provider/use-labels.es.js";
+import B, { isBreakpointBelow as N } from "../../../../../helpers/hooks/use-breakpoint.es.js";
+const v = (o) => {
+  const { onClick: r, href: t } = o, { getCurrentBreakpointProps: m } = _(o.defaultServerBreakpoint), { size: d, label: c } = m(o), { getLabel: l } = k(), p = B(), u = N(p, "md"), a = (d ?? (u ? "small" : "default")) === "small", n = c ?? l(a ? "header.login.mobile" : "header.login");
+  return /* @__PURE__ */ e(h, { children: a ? /* @__PURE__ */ e(
+    g,
+    {
+      onClick: r,
+      href: t,
+      icon: { name: "login", size: 24, color: "inherit" },
+      label: n
+    }
+  ) : t ? /* @__PURE__ */ e(
+    b,
+    {
+      onClick: r,
+      href: t,
+      underline: !1,
+      visualType: "primary",
+      className: i["tedi-header-login__button"],
+      children: /* @__PURE__ */ e("div", { className: i["tedi-header-login__button--inner"], children: /* @__PURE__ */ e(s, { modifiers: "normal", className: i["tedi-header-login__button--text"], children: n }) })
+    }
+  ) : /* @__PURE__ */ e(f, { onClick: r, visualType: "primary", className: i["tedi-header-login__button"], children: /* @__PURE__ */ e("div", { className: i["tedi-header-login__button--inner"], children: /* @__PURE__ */ e(s, { modifiers: "normal", className: i["tedi-header-login__button--text"], children: n }) }) }) });
+};
+v.displayName = "Header.Login";
+export {
+  v as HeaderLogin,
+  v as default
+};

package/src/tedi/components/layout/header/components/header-login/header-login.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-header-login__button":"tedi-header-login__button-591eac27","tedi-header-login__button--inner":"tedi-header-login__button--inner-731701d1","tedi-header-login__button--text":"tedi-header-login__button--text-f12ac18f"};exports.default=e;

package/src/tedi/components/layout/header/components/header-login/header-login.module.scss.es.js

@@ -0,0 +1,8 @@
+const e = {
+  "tedi-header-login__button": "tedi-header-login__button-591eac27",
+  "tedi-header-login__button--inner": "tedi-header-login__button--inner-731701d1",
+  "tedi-header-login__button--text": "tedi-header-login__button--text-f12ac18f"
+};
+export {
+  e as default
+};

package/src/tedi/components/layout/header/components/header-logout/header-logout.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("../../../../base/typography/text/text.cjs.js"),d=require("../../../../base/icon/icon.cjs.js"),b=require("../../../../buttons/button/button.cjs.js"),j=require("../../../../navigation/link/link.cjs.js"),k=require("../header-mobile-button/header-mobile-button.cjs.js"),o=require("./header-logout.module.scss.cjs.js"),q=require("../../../../../helpers/hooks/use-breakpoint-props.cjs.js"),B=require("../../../../../providers/label-provider/use-labels.cjs.js"),c=require("../../../../../helpers/hooks/use-breakpoint.cjs.js"),l=t=>{const{onClick:r,href:s}=t,{getCurrentBreakpointProps:m}=q.useBreakpointProps(t.defaultServerBreakpoint),{size:h,label:g}=m(t),{getLabel:n}=B.useLabels(),x=c.default(t.defaultServerBreakpoint),f=c.isBreakpointBelow(x,"md"),a=(h??(f?"small":"default"))==="small",i=g??n(a?"header.logout.mobile":"header.logout");return e.jsx(e.Fragment,{children:a?e.jsx(k.default,{onClick:r,href:s,icon:{name:"logout",size:24,color:"inherit"},label:i}):s?e.jsx(j.Link,{onClick:r,href:s,underline:!1,children:e.jsxs("div",{className:o.default["tedi-header-logout"],children:[e.jsx(d.Icon,{name:"logout",size:18,color:"inherit"}),e.jsx(u.Text,{modifiers:"normal",className:o.default["tedi-header-logout__text"],children:i})]})}):e.jsx(b.Button,{onClick:r,noStyle:!0,children:e.jsxs("div",{className:o.default["tedi-header-logout"],children:[e.jsx(d.Icon,{name:"logout",size:18,color:"inherit"}),e.jsx(u.Text,{modifiers:"normal",className:o.default["tedi-header-logout__text"],children:i})]})})})};l.displayName="HeaderLogout";exports.HeaderLogout=l;exports.default=l;

package/src/tedi/components/layout/header/components/header-logout/header-logout.es.js

@@ -0,0 +1,33 @@
+import { jsx as e, Fragment as g, jsxs as s } from "react/jsx-runtime";
+import { Text as m } from "../../../../base/typography/text/text.es.js";
+import { Icon as d } from "../../../../base/icon/icon.es.js";
+import { Button as b } from "../../../../buttons/button/button.es.js";
+import { Link as k } from "../../../../navigation/link/link.es.js";
+import B from "../header-mobile-button/header-mobile-button.es.js";
+import r from "./header-logout.module.scss.es.js";
+import { useBreakpointProps as z } from "../../../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useLabels as x } from "../../../../../providers/label-provider/use-labels.es.js";
+import L, { isBreakpointBelow as v } from "../../../../../helpers/hooks/use-breakpoint.es.js";
+const N = (o) => {
+  const { onClick: t, href: i } = o, { getCurrentBreakpointProps: c } = z(o.defaultServerBreakpoint), { size: u, label: f } = c(o), { getLabel: a } = x(), h = L(o.defaultServerBreakpoint), p = v(h, "md"), n = (u ?? (p ? "small" : "default")) === "small", l = f ?? a(n ? "header.logout.mobile" : "header.logout");
+  return /* @__PURE__ */ e(g, { children: n ? /* @__PURE__ */ e(
+    B,
+    {
+      onClick: t,
+      href: i,
+      icon: { name: "logout", size: 24, color: "inherit" },
+      label: l
+    }
+  ) : i ? /* @__PURE__ */ e(k, { onClick: t, href: i, underline: !1, children: /* @__PURE__ */ s("div", { className: r["tedi-header-logout"], children: [
+    /* @__PURE__ */ e(d, { name: "logout", size: 18, color: "inherit" }),
+    /* @__PURE__ */ e(m, { modifiers: "normal", className: r["tedi-header-logout__text"], children: l })
+  ] }) }) : /* @__PURE__ */ e(b, { onClick: t, noStyle: !0, children: /* @__PURE__ */ s("div", { className: r["tedi-header-logout"], children: [
+    /* @__PURE__ */ e(d, { name: "logout", size: 18, color: "inherit" }),
+    /* @__PURE__ */ e(m, { modifiers: "normal", className: r["tedi-header-logout__text"], children: l })
+  ] }) }) });
+};
+N.displayName = "HeaderLogout";
+export {
+  N as HeaderLogout,
+  N as default
+};

package/src/tedi/components/layout/header/components/header-logout/header-logout.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-header-logout":"tedi-header-logout-ab7a73b2","tedi-header-logout__text":"tedi-header-logout__text-a150b1fe"};exports.default=e;

package/src/tedi/components/layout/header/components/header-logout/header-logout.module.scss.es.js

@@ -0,0 +1,7 @@
+const e = {
+  "tedi-header-logout": "tedi-header-logout-ab7a73b2",
+  "tedi-header-logout__text": "tedi-header-logout__text-a150b1fe"
+};
+export {
+  e as default
+};

package/src/tedi/components/layout/header/components/header-mobile-button/header-mobile-button.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("../../../../../../../external/classnames/index.cjs.js"),q=require("react"),j=require("../../../../base/typography/text/text.cjs.js"),_=require("../../../../base/icon/icon.cjs.js"),N=require("../../../../buttons/button/button.cjs.js"),y=require("../../../../navigation/link/link.cjs.js"),r=require("./header-mobile-button.module.scss.cjs.js"),a=q.forwardRef((u,c)=>{const{onClick:l,href:o,icon:b,label:m,selected:f,disabled:n}=u,h=e=>{const x=typeof e=="string"?{name:e}:{...e,className:d.default(e==null?void 0:e.className)};return t.jsx(_.Icon,{...x})},s=t.jsxs("div",{className:r.default["tedi-header-mobile-button__inner"],children:[h(b),t.jsx(j.Text,{modifiers:"extra-small",className:r.default["tedi-header-mobile-button__text"],children:m})]}),i=d.default(r.default["tedi-header-mobile-button"],{[r.default["tedi-header-mobile-button--selected"]]:f,[r.default["tedi-header-mobile-button--disabled"]]:n});return n||!o?t.jsx(N.Button,{onClick:l,disabled:n,className:i,ref:c,noStyle:!0,children:s}):t.jsx(y.Link,{onClick:l,href:o,noStyle:!0,underline:!1,className:i,children:s})});a.displayName="HeaderMobileButton";exports.default=a;

package/src/tedi/components/layout/header/components/header-mobile-button/header-mobile-button.es.js

@@ -0,0 +1,25 @@
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import n from "../../../../../../../external/classnames/index.es.js";
+import N from "react";
+import { Text as x } from "../../../../base/typography/text/text.es.js";
+import { Icon as _ } from "../../../../base/icon/icon.es.js";
+import { Button as y } from "../../../../buttons/button/button.es.js";
+import { Link as B } from "../../../../navigation/link/link.es.js";
+import t from "./header-mobile-button.module.scss.es.js";
+const g = N.forwardRef((m, d) => {
+  const { onClick: s, href: l, icon: c, label: f, selected: u, disabled: o } = m, b = (e) => {
+    const p = typeof e == "string" ? { name: e } : { ...e, className: n(e == null ? void 0 : e.className) };
+    return /* @__PURE__ */ r(_, { ...p });
+  }, a = /* @__PURE__ */ h("div", { className: t["tedi-header-mobile-button__inner"], children: [
+    b(c),
+    /* @__PURE__ */ r(x, { modifiers: "extra-small", className: t["tedi-header-mobile-button__text"], children: f })
+  ] }), i = n(t["tedi-header-mobile-button"], {
+    [t["tedi-header-mobile-button--selected"]]: u,
+    [t["tedi-header-mobile-button--disabled"]]: o
+  });
+  return o || !l ? /* @__PURE__ */ r(y, { onClick: s, disabled: o, className: i, ref: d, noStyle: !0, children: a }) : /* @__PURE__ */ r(B, { onClick: s, href: l, noStyle: !0, underline: !1, className: i, children: a });
+});
+g.displayName = "HeaderMobileButton";
+export {
+  g as default
+};

package/src/tedi/components/layout/header/components/header-mobile-button/header-mobile-button.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-header-mobile-button":"tedi-header-mobile-button-06191367","tedi-header-mobile-button__inner":"tedi-header-mobile-button__inner-364582ec","tedi-header-mobile-button__text":"tedi-header-mobile-button__text-e081a46b","tedi-header-mobile-button--disabled":"tedi-header-mobile-button--disabled-451a06b1","tedi-header-mobile-button--selected":"tedi-header-mobile-button--selected-8edeeaf6"};exports.default=e;

package/src/tedi/components/layout/header/components/header-mobile-button/header-mobile-button.module.scss.es.js

@@ -0,0 +1,10 @@
+const e = {
+  "tedi-header-mobile-button": "tedi-header-mobile-button-06191367",
+  "tedi-header-mobile-button__inner": "tedi-header-mobile-button__inner-364582ec",
+  "tedi-header-mobile-button__text": "tedi-header-mobile-button__text-e081a46b",
+  "tedi-header-mobile-button--disabled": "tedi-header-mobile-button--disabled-451a06b1",
+  "tedi-header-mobile-button--selected": "tedi-header-mobile-button--selected-8edeeaf6"
+};
+export {
+  e as default
+};

package/src/tedi/components/layout/header/components/header-profile/header-profile.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),B=require("../../../../../../../external/classnames/index.cjs.js"),o=require("react"),F=require("../../../../base/icon/icon.cjs.js"),L=require("../../../../buttons/button/button.cjs.js"),m=require("../../../../overlays/popover/popover.cjs.js"),A=require("../header-mobile-button/header-mobile-button.cjs.js"),r=require("./header-profile.module.scss.cjs.js"),V=require("../../../../../providers/label-provider/use-labels.cjs.js"),$=require("../../../../../helpers/hooks/use-breakpoint-props.cjs.js"),v=require("../../../../../helpers/hooks/use-breakpoint.cjs.js"),C=o.createContext(null),D=()=>o.useContext(C),_=c=>{const{children:x,showLabel:q=!1,disabled:u=!1,noStyle:E=!1}=c,{getLabel:b}=V.useLabels(),{getCurrentBreakpointProps:O}=$.useBreakpointProps(c.defaultServerBreakpoint),{showPopover:S="lg",label:N}=O(c),[g,R]=o.useState(!1),[s,f]=o.useState(!1),[H,I]=o.useState(null),[j,M]=o.useState(null),l=o.useRef(null),T=o.useId(),z={activeRoleId:H,setActiveRoleId:o.useCallback(t=>I(t),[])},P=v.default(),w=v.isBreakpointBelow(P,"md"),i=!v.isBreakpointBelow(P,S),d=N??b(w?"header.profile.mobile":"header.profile");o.useEffect(()=>{if(!s)return;const t=n=>{var a;n.key==="Escape"&&(f(!1),(a=l.current)==null||a.focus())};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[s]),o.useLayoutEffect(()=>{var a;if(!s||i)return;const t=(a=l.current)==null?void 0:a.closest("header");if(!t)return;const n=()=>M(t.getBoundingClientRect().bottom);return n(),window.addEventListener("resize",n),window.addEventListener("scroll",n,!0),()=>{window.removeEventListener("resize",n),window.removeEventListener("scroll",n,!0)}},[s,i]);const k=j!==null?{"--header-profile-offset":`${j}px`}:void 0,p=()=>{f(t=>!t)},h=i?g:s,y=w?e.jsx(A.default,{onClick:p,icon:{name:h?"close":"account_circle",size:24,color:"inherit"},label:d,selected:h,disabled:u,ref:l}):q?e.jsx(L.Button,{visualType:"secondary",iconLeft:"account_circle",onClick:p,ref:l,disabled:u,className:r.default["tedi-header-profile__button"],children:e.jsxs("div",{className:r.default["tedi-header-profile__button-inner"],children:[d,e.jsx(F.Icon,{name:"expand_more",size:18,className:B.default(r.default["tedi-header-profile__icon"],{[r.default["tedi-header-profile__icon--open"]]:h})})]})}):e.jsx(L.Button,{icon:{name:"account_circle",size:36},visualType:"neutral","aria-label":d,onClick:p,ref:l,disabled:u,children:e.jsx(e.Fragment,{})});return e.jsx(C.Provider,{value:z,children:i?e.jsxs(m.Popover,{placement:"bottom-end",withBorder:!0,open:g,onToggle:()=>R(t=>!t),children:[e.jsx(m.Popover.Trigger,{children:y}),e.jsx(m.Popover.Content,{children:e.jsx("div",{className:r.default["tedi-header-profile__list"],children:x})})]}):e.jsxs(e.Fragment,{children:[y,s&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:r.default["tedi-header-profile__overlay"],style:k,onClick:()=>{var t;f(!1),(t=l.current)==null||t.focus()},"aria-hidden":"true"}),e.jsx("div",{className:r.default["tedi-header-profile__modal"],style:k,role:"dialog","aria-modal":"true","aria-label":d,id:T,children:e.jsx("div",{className:B.default(r.default["tedi-header-profile__modal--content"],{[r.default["tedi-header-profile__modal--content-styled"]]:!E}),children:x})})]})]})})};_.displayName="Header.Profile";exports.HeaderProfile=_;exports.default=_;exports.useHeaderProfile=D;

package/src/tedi/components/layout/header/components/header-profile/header-profile.es.js

@@ -0,0 +1,136 @@
+import { jsx as o, jsxs as d, Fragment as v } from "react/jsx-runtime";
+import B from "../../../../../../../external/classnames/index.es.js";
+import { useState as c, useRef as D, useId as F, useCallback as K, useEffect as $, useLayoutEffect as q, useContext as G, createContext as J } from "react";
+import { Icon as Q } from "../../../../base/icon/icon.es.js";
+import { Button as E } from "../../../../buttons/button/button.es.js";
+import { Popover as _ } from "../../../../overlays/popover/popover.es.js";
+import U from "../header-mobile-button/header-mobile-button.es.js";
+import t from "./header-profile.module.scss.es.js";
+import { useLabels as W } from "../../../../../providers/label-provider/use-labels.es.js";
+import { useBreakpointProps as X } from "../../../../../helpers/hooks/use-breakpoint-props.es.js";
+import Y, { isBreakpointBelow as x } from "../../../../../helpers/hooks/use-breakpoint.es.js";
+const N = J(null), fe = () => G(N), Z = (f) => {
+  const { children: b, showLabel: O = !1, disabled: u = !1, noStyle: H = !1 } = f, { getLabel: w } = W(), { getCurrentBreakpointProps: I } = X(f.defaultServerBreakpoint), { showPopover: R = "lg", label: z } = I(f), [y, T] = c(!1), [n, m] = c(!1), [M, S] = c(null), [g, j] = c(null), l = D(null), A = F(), V = {
+    activeRoleId: M,
+    setActiveRoleId: K((e) => S(e), [])
+  }, k = Y(), C = x(k, "md"), s = !x(k, R), a = z ?? w(C ? "header.profile.mobile" : "header.profile");
+  $(() => {
+    if (!n) return;
+    const e = (r) => {
+      var i;
+      r.key === "Escape" && (m(!1), (i = l.current) == null || i.focus());
+    };
+    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  }, [n]), q(() => {
+    var i;
+    if (!n || s) return;
+    const e = (i = l.current) == null ? void 0 : i.closest("header");
+    if (!e) return;
+    const r = () => j(e.getBoundingClientRect().bottom);
+    return r(), window.addEventListener("resize", r), window.addEventListener("scroll", r, !0), () => {
+      window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0);
+    };
+  }, [n, s]);
+  const L = g !== null ? { "--header-profile-offset": `${g}px` } : void 0, p = () => {
+    m((e) => !e);
+  }, h = s ? y : n, P = C ? /* @__PURE__ */ o(
+    U,
+    {
+      onClick: p,
+      icon: { name: h ? "close" : "account_circle", size: 24, color: "inherit" },
+      label: a,
+      selected: h,
+      disabled: u,
+      ref: l
+    }
+  ) : O ? /* @__PURE__ */ o(
+    E,
+    {
+      visualType: "secondary",
+      iconLeft: "account_circle",
+      onClick: p,
+      ref: l,
+      disabled: u,
+      className: t["tedi-header-profile__button"],
+      children: /* @__PURE__ */ d("div", { className: t["tedi-header-profile__button-inner"], children: [
+        a,
+        /* @__PURE__ */ o(
+          Q,
+          {
+            name: "expand_more",
+            size: 18,
+            className: B(t["tedi-header-profile__icon"], {
+              [t["tedi-header-profile__icon--open"]]: h
+            })
+          }
+        )
+      ] })
+    }
+  ) : /* @__PURE__ */ o(
+    E,
+    {
+      icon: { name: "account_circle", size: 36 },
+      visualType: "neutral",
+      "aria-label": a,
+      onClick: p,
+      ref: l,
+      disabled: u,
+      children: /* @__PURE__ */ o(v, {})
+    }
+  );
+  return /* @__PURE__ */ o(N.Provider, { value: V, children: s ? /* @__PURE__ */ d(
+    _,
+    {
+      placement: "bottom-end",
+      withBorder: !0,
+      open: y,
+      onToggle: () => T((e) => !e),
+      children: [
+        /* @__PURE__ */ o(_.Trigger, { children: P }),
+        /* @__PURE__ */ o(_.Content, { children: /* @__PURE__ */ o("div", { className: t["tedi-header-profile__list"], children: b }) })
+      ]
+    }
+  ) : /* @__PURE__ */ d(v, { children: [
+    P,
+    n && /* @__PURE__ */ d(v, { children: [
+      /* @__PURE__ */ o(
+        "div",
+        {
+          className: t["tedi-header-profile__overlay"],
+          style: L,
+          onClick: () => {
+            var e;
+            m(!1), (e = l.current) == null || e.focus();
+          },
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ o(
+        "div",
+        {
+          className: t["tedi-header-profile__modal"],
+          style: L,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": a,
+          id: A,
+          children: /* @__PURE__ */ o(
+            "div",
+            {
+              className: B(t["tedi-header-profile__modal--content"], {
+                [t["tedi-header-profile__modal--content-styled"]]: !H
+              }),
+              children: b
+            }
+          )
+        }
+      )
+    ] })
+  ] }) });
+};
+Z.displayName = "Header.Profile";
+export {
+  Z as HeaderProfile,
+  Z as default,
+  fe as useHeaderProfile
+};

package/src/tedi/components/layout/header/components/header-profile/header-profile.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-header-profile__button":"tedi-header-profile__button-5f71397b","tedi-header-profile__button-inner":"tedi-header-profile__button-inner-3efab97a","tedi-header-profile__list":"tedi-header-profile__list-3923fd3e","tedi-header-profile__modal":"tedi-header-profile__modal-71010392","tedi-header-profile__modal--content":"tedi-header-profile__modal--content-7f6b54ca","tedi-header-profile__modal--content-styled":"tedi-header-profile__modal--content-styled-7269de2a","tedi-header-profile__overlay":"tedi-header-profile__overlay-d54b0082","tedi-header-profile__icon":"tedi-header-profile__icon-85b7b81c","tedi-header-profile__icon--open":"tedi-header-profile__icon--open-bb67ddf9"};exports.default=e;

package/src/tedi/components/layout/header/components/header-profile/header-profile.module.scss.es.js

@@ -0,0 +1,14 @@
+const e = {
+  "tedi-header-profile__button": "tedi-header-profile__button-5f71397b",
+  "tedi-header-profile__button-inner": "tedi-header-profile__button-inner-3efab97a",
+  "tedi-header-profile__list": "tedi-header-profile__list-3923fd3e",
+  "tedi-header-profile__modal": "tedi-header-profile__modal-71010392",
+  "tedi-header-profile__modal--content": "tedi-header-profile__modal--content-7f6b54ca",
+  "tedi-header-profile__modal--content-styled": "tedi-header-profile__modal--content-styled-7269de2a",
+  "tedi-header-profile__overlay": "tedi-header-profile__overlay-d54b0082",
+  "tedi-header-profile__icon": "tedi-header-profile__icon-85b7b81c",
+  "tedi-header-profile__icon--open": "tedi-header-profile__icon--open-bb67ddf9"
+};
+export {
+  e as default
+};

package/src/tedi/components/layout/header/components/header-role/header-role-representatives.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("../../../../../../../external/classnames/index.cjs.js"),f=require("react"),H=require("../../../../base/icon/icon.cjs.js"),_=require("../../../../base/typography/text/text.cjs.js"),M=require("../../../../buttons/button/button.cjs.js"),V=require("../../../../form/search/search.cjs.js"),w=require("../../../../misc/separator/separator.cjs.js"),r=require("./header-role.module.scss.cjs.js"),B=require("../../../../../providers/label-provider/use-labels.cjs.js"),F=t=>t?typeof t=="string"?{name:t}:t:null,x=t=>{const{id:p,toggleId:S,representatives:d,inputValue:b,setInputValue:c,setRepresentative:g,setIsRoleSelectionOpen:v,onRoleSelectionToggle:u,isRoleSelectionOpen:a,representative:s,isOrganization:j,searchLabel:R,organizationSearchLabel:q,searchId:y,keepOpenOnSelect:I,showSearch:h=!1,searchClearable:N=!1,clearSearchOnSelect:L=!0,noResultsContent:O}=t,{getLabel:i}=B.useLabels(),z=j?q??i("header.role-selection.search.organizationLabel"):R??i("header.role-selection.search.label"),C=l=>{g(l),L&&c(""),I||(a&&u?u():v(!1))},T=f.useId();return e.jsx("div",{id:p,role:"region","aria-labelledby":S,className:m.default(r.default["tedi-header-role__collapse"],{[r.default["tedi-header-role__collapse--open"]]:a}),...!a&&{inert:""},children:e.jsx("div",{className:r.default["tedi-header-role__collapse--items"],children:e.jsxs("div",{className:r.default["tedi-header-role__list"],children:[h&&e.jsx(V.Search,{id:y??T,value:b,onChange:l=>c(l),label:z,isClearable:N}),d.length===0&&(O??e.jsx(_.Text,{className:r.default["tedi-header-role__no-results"],color:"secondary",children:i("header.role-selection.no-results")})),d.map((l,k)=>{const n=(s==null?void 0:s.id)===l.id,o=F(l.icon);return e.jsxs(f.Fragment,{children:[(h||k!==0)&&e.jsx(w.Separator,{}),e.jsx(M.Button,{onClick:()=>C(l),visualType:n?"primary":"neutral","aria-current":n||void 0,className:m.default(r.default["tedi-header-role__item"],{[r.default["tedi-header-role__item--selected"]]:n}),noStyle:!0,children:e.jsxs("div",{className:r.default["tedi-header-role__item-inner"],children:[o&&e.jsx(H.Icon,{name:o.name,size:o.size,color:"inherit"}),e.jsxs("div",{className:r.default["tedi-header-role__item-text"],children:[l.name,e.jsx(_.Text,{modifiers:"small",children:l.description})]})]})})]},l.id)})]})})})};x.displayName="HeaderRoleRepresentatives";exports.default=x;