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

package/src/tedi/components/form/number-field/number-field.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),y=require("../../../../../external/classnames/index.cjs.js"),u=require("react"),re=require("../../base/typography/text/text.cjs.js"),le=require("../../buttons/button/button.cjs.js"),se=require("../feedback-text/feedback-text.cjs.js"),ue=require("../form-label/form-label.cjs.js"),n=require("./number-field.module.scss.cjs.js"),de=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),oe=require("../../../providers/label-provider/use-labels.cjs.js"),z=S=>{const{getCurrentBreakpointProps:C}=de.useBreakpointProps(S.defaultServerBreakpoint),{getLabel:L,locale:D}=oe.useLabels(),W=D==="en"?".":",",{id:B,label:A,hideLabel:G,required:T,className:V,size:N,inputMode:H,decimalPlaces:p,decimalSeparator:F=W,min:d,max:o,step:I=1,defaultValue:g,value:c,onChange:a,suffix:h,fullWidth:J=!1,disabled:b=!1,invalid:k=!1,helper:i,input:v}=C(S),K=H??(p&&p>0||F===","?"decimal":"numeric"),m=u.useCallback(e=>e===void 0?"":F===","?String(e).replace(".",","):String(e),[F]),x=u.useRef(null),q=u.useRef(!1),[w,E]=u.useState(""),[Q,j]=u.useState(g),[X,_]=u.useState(()=>m(c??g)),r=a&&typeof c<"u"?c:Q;u.useEffect(()=>{!q.current&&typeof c<"u"&&_(m(c))},[c,m]);const O=i?`${B}-helper`:void 0,P=u.useCallback(e=>{if(e===void 0)return k||(i==null?void 0:i.type)==="error";const t=d!==void 0&&e<d,s=o!==void 0&&e>o;return k||t||s||(i==null?void 0:i.type)==="error"},[k,i,o,d]),U=e=>Math.min(o??1/0,Math.max(d??-1/0,e)),Y=e=>{const t=L("numberField.quantityUpdated",e);E(t),setTimeout(()=>{E("")},5e3)},R=e=>p!==void 0?parseFloat(e.toFixed(p)):e,Z=e=>{let t=r??0;e==="increment"&&(t=t+I),e==="decrement"&&(t=t-I),t=U(t),t=R(t),Y(t),a==null||a(t),j(t),_(m(t))},ee=({currentTarget:{value:e}})=>{if(_(e),e===""){r!==void 0&&(a==null||a(void 0),j(void 0));return}const t=e.replace(",",".");if(!/^-?(\d+(\.\d*)?|\.\d+)$/.test(t))return;const s=parseFloat(t);if(Number.isNaN(s))return;const f=U(s),M=R(f);M!==r&&(a==null||a(M),j(M))},te=()=>{q.current=!0},ne=()=>{q.current=!1,_(m(r))},$=e=>{const t=r!==void 0&&(e==="increment"?o!==void 0&&r>=o:d!==void 0&&r<=d),s=y.default(n.default["tedi-number-field__button"],n.default[`tedi-number-field__button--${e}`],{[n.default["tedi-number-field__button--disabled"]]:t||b}),f=L(`numberField.${e}`,I);return l.jsx(le.Button,{"aria-label":f,onClick:()=>Z(e),disabled:t||b,visualType:"secondary",className:s,icon:{name:e==="increment"?"add":"remove"},size:N==="small"?"small":void 0,children:e==="increment"?"+":"-"})},ae=()=>{const e=y.default(n.default["tedi-number-field__input-wrapper"],{[n.default["tedi-number-field__input-wrapper--with-suffix"]]:h,[n.default["tedi-number-field__input-wrapper--full-width"]]:J}),t=y.default(n.default["tedi-number-field__input"],v==null?void 0:v.className),s=()=>{var f;return(f=x==null?void 0:x.current)==null?void 0:f.focus()};return l.jsxs("div",{className:e,onClick:s,children:[l.jsx("input",{ref:x,id:B,role:"spinbutton","aria-valuemin":d,"aria-valuemax":o,"aria-valuenow":r,"aria-describedby":O,"aria-invalid":P(r)?"true":"false",type:"text",inputMode:K,value:X,required:T,disabled:b,onChange:ee,onFocus:te,onBlur:ne,className:t,...v}),h&&l.jsx(re.Text,{element:"span",modifiers:"small",color:"tertiary",className:n.default["tedi-number-field__suffix"],children:h})]})},ie=y.default(n.default["tedi-number-field"],{[n.default["tedi-number-field--invalid"]]:P(r)},{[n.default["tedi-number-field--disabled"]]:b},{[n.default["tedi-number-field--small"]]:N==="small"},V);return l.jsxs("div",{"data-name":"number-field",className:V,children:[l.jsx(ue.FormLabel,{id:B,label:A,required:T,hideLabel:G,size:N}),l.jsxs("div",{className:ie,children:[$("decrement"),ae(),$("increment")]}),i&&l.jsx(se.FeedbackText,{className:n.default["tedi-number-field__feedback"],...i,id:O}),w&&l.jsx("div",{"aria-live":"polite",className:"sr-only",children:w})]})};z.displayName="NumberField";exports.NumberField=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),T=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),ce=require("../../base/typography/text/text.cjs.js"),fe=require("../../buttons/button/button.cjs.js"),me=require("../feedback-text/feedback-text.cjs.js"),be=require("../form-label/form-label.cjs.js"),i=require("./number-field.module.scss.cjs.js"),pe=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),ve=require("../../../providers/label-provider/use-labels.cjs.js"),U=g=>{const{getCurrentBreakpointProps:G}=pe.useBreakpointProps(g.defaultServerBreakpoint),{getLabel:h,locale:J}=ve.useLabels(),K=J==="en"?".":",",{id:Q,label:k,hideLabel:X,required:w,className:C,size:q,inputMode:Y,decimalPlaces:x,decimalSeparator:j=K,min:d,max:o,step:M=1,defaultValue:O,value:c,onChange:a,suffix:S,fullWidth:Z=!1,disabled:N=!1,invalid:R=!1,helper:u,input:_}=G(g),ee=r.useId(),E=Q??ee,te=Y??(x&&x>0||j===","?"decimal":"numeric"),m=r.useCallback(e=>e===void 0?"":j===","?String(e).replace(".",","):String(e),[j]),y=r.useRef(null),B=r.useRef(!1),[ne,L]=r.useState(""),[re,V]=r.useState(O),[ie,I]=r.useState(()=>m(c??O)),F=c!==void 0,n=F?c:re,b=r.useRef(),p=r.useRef(),P=r.useRef(n);r.useEffect(()=>{!B.current&&typeof c<"u"&&I(m(c))},[c,m]);const $=u?`${E}-helper`:void 0,z=r.useCallback(e=>{if(e===void 0)return R||(u==null?void 0:u.type)==="error";const t=d!==void 0&&e<d,l=o!==void 0&&e>o;return R||t||l||(u==null?void 0:u.type)==="error"},[R,u,o,d]),A=e=>Math.min(o??1/0,Math.max(d??-1/0,e)),D=r.useCallback(e=>{e&&(L(""),b.current&&clearTimeout(b.current),p.current&&clearTimeout(p.current),b.current=setTimeout(()=>{L(e),p.current=setTimeout(()=>L(""),5e3)},100))},[]);r.useEffect(()=>()=>{b.current&&clearTimeout(b.current),p.current&&clearTimeout(p.current)},[]),r.useEffect(()=>{P.current!==n&&(!B.current&&n!==void 0&&D(h("numberField.quantityUpdated",n)),P.current=n)},[n,D,h]);const W=e=>x!==void 0?parseFloat(e.toFixed(x)):e,ue=e=>{let t=n??0;e==="increment"&&(t=t+M),e==="decrement"&&(t=t-M),t=A(t),t=W(t),a==null||a(t),F||V(t),I(m(t))},ae=({currentTarget:{value:e}})=>{if(I(e),e===""){n!==void 0&&(a==null||a(void 0),F||V(void 0));return}const t=e.replace(",",".");if(!/^-?(\d+(\.\d*)?|\.\d+)$/.test(t))return;const l=parseFloat(t);if(Number.isNaN(l))return;const f=A(l),v=W(f);v!==n&&(a==null||a(v),F||V(v))},se=()=>{B.current=!0},le=()=>{B.current=!1,I(m(n))},H=e=>{const t=n!==void 0&&(e==="increment"?o!==void 0&&n>=o:d!==void 0&&n<=d),l=T.default(i.default["tedi-number-field__button"],i.default[`tedi-number-field__button--${e}`],{[i.default["tedi-number-field__button--disabled"]]:t||N}),f=typeof k=="string"?k:void 0,v=h(`numberField.${e}`,M,f);return s.jsx(fe.Button,{"aria-label":v,onClick:()=>ue(e),disabled:t||N,visualType:"secondary",className:l,icon:{name:e==="increment"?"add":"remove"},size:q==="small"?"small":void 0,children:e==="increment"?"+":"-"})},de=()=>{const e=T.default(i.default["tedi-number-field__input-wrapper"],{[i.default["tedi-number-field__input-wrapper--with-suffix"]]:S,[i.default["tedi-number-field__input-wrapper--full-width"]]:Z}),t=T.default(i.default["tedi-number-field__input"],_==null?void 0:_.className),l=()=>{var f;return(f=y==null?void 0:y.current)==null?void 0:f.focus()};return s.jsxs("div",{className:e,onClick:l,children:[s.jsx("input",{ref:y,id:E,role:"spinbutton","aria-valuemin":d,"aria-valuemax":o,"aria-valuenow":n,"aria-describedby":$,"aria-invalid":z(n)?"true":"false",type:"text",inputMode:te,value:ie,required:w,disabled:N,onChange:ae,onFocus:se,onBlur:le,className:t,..._}),S&&s.jsx(ce.Text,{element:"span",modifiers:"small",color:"tertiary",className:i.default["tedi-number-field__suffix"],children:S})]})},oe=T.default(i.default["tedi-number-field"],{[i.default["tedi-number-field--invalid"]]:z(n)},{[i.default["tedi-number-field--disabled"]]:N},{[i.default["tedi-number-field--small"]]:q==="small"},C);return s.jsxs("div",{"data-name":"number-field",className:C,children:[s.jsx(be.FormLabel,{id:E,label:k,required:w,hideLabel:X,size:q}),s.jsxs("div",{className:oe,children:[H("decrement"),de(),H("increment")]}),u&&s.jsx(me.FeedbackText,{className:i.default["tedi-number-field__feedback"],...u,id:$}),s.jsx("div",{role:"status","aria-live":"polite","aria-atomic":"true",className:"sr-only",children:ne})]})};U.displayName="NumberField";exports.NumberField=U;

package/src/tedi/components/form/number-field/number-field.es.js

@@ -1,145 +1,150 @@
-import { jsxs as L, jsx as c } from "react/jsx-runtime";
-import _ from "../../../../../external/classnames/index.es.js";
-import { useCallback as D, useRef as W, useState as S, useEffect as se } from "react";
-import { Text as oe } from "../../base/typography/text/text.es.js";
-import { Button as de } from "../../buttons/button/button.es.js";
-import { FeedbackText as ue } from "../feedback-text/feedback-text.es.js";
-import { FormLabel as ce } from "../form-label/form-label.es.js";
+import { jsxs as $, jsx as c } from "react/jsx-runtime";
+import F from "../../../../../external/classnames/index.es.js";
+import { useId as pe, useCallback as z, useRef as v, useState as C, useEffect as P } from "react";
+import { Text as be } from "../../base/typography/text/text.es.js";
+import { Button as ve } from "../../buttons/button/button.es.js";
+import { FeedbackText as Ne } from "../feedback-text/feedback-text.es.js";
+import { FormLabel as _e } from "../form-label/form-label.es.js";
 import n from "./number-field.module.scss.es.js";
-import { useBreakpointProps as me } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-import { useLabels as fe } from "../../../providers/label-provider/use-labels.es.js";
-const pe = (T) => {
-  const { getCurrentBreakpointProps: A } = me(T.defaultServerBreakpoint), { getLabel: w, locale: R } = fe(), G = R === "en" ? "." : ",", {
-    id: y,
-    label: H,
-    hideLabel: J,
-    required: E,
-    className: U,
-    size: B,
-    inputMode: K,
-    decimalPlaces: f,
-    decimalSeparator: I = G,
-    min: l,
-    max: s,
-    step: x = 1,
-    defaultValue: O,
-    value: d,
-    onChange: i,
-    suffix: h,
-    fullWidth: Q = !1,
-    disabled: p = !1,
-    invalid: F = !1,
-    helper: r,
-    input: b
-  } = A(T), X = K ?? (f && f > 0 || I === "," ? "decimal" : "numeric"), m = D(
-    (e) => e === void 0 ? "" : I === "," ? String(e).replace(".", ",") : String(e),
-    [I]
-  ), v = W(null), M = W(!1), [$, g] = S(""), [Y, k] = S(O), [Z, N] = S(() => m(d ?? O)), a = i && typeof d < "u" ? d : Y;
-  se(() => {
-    !M.current && typeof d < "u" && N(m(d));
-  }, [d, m]);
-  const z = r ? `${y}-helper` : void 0, P = D(
+import { useBreakpointProps as ye } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useLabels as Be } from "../../../providers/label-provider/use-labels.es.js";
+const Ie = (j) => {
+  const { getCurrentBreakpointProps: Q } = ye(j.defaultServerBreakpoint), { getLabel: T, locale: X } = Be(), Y = X === "en" ? "." : ",", {
+    id: Z,
+    label: M,
+    hideLabel: ee,
+    required: q,
+    className: A,
+    size: k,
+    inputMode: te,
+    decimalPlaces: N,
+    decimalSeparator: S = Y,
+    min: a,
+    max: l,
+    step: V = 1,
+    defaultValue: D,
+    value: u,
+    onChange: o,
+    suffix: w,
+    fullWidth: re = !1,
+    disabled: _ = !1,
+    invalid: E = !1,
+    helper: i,
+    input: y
+  } = Q(j), ne = pe(), L = Z ?? ne, ie = te ?? (N && N > 0 || S === "," ? "decimal" : "numeric"), m = z(
+    (e) => e === void 0 ? "" : S === "," ? String(e).replace(".", ",") : String(e),
+    [S]
+  ), B = v(null), I = v(!1), [oe, g] = C(""), [ae, O] = C(D), [le, h] = C(() => m(u ?? D)), x = u !== void 0, r = x ? u : ae, f = v(), p = v(), R = v(r);
+  P(() => {
+    !I.current && typeof u < "u" && h(m(u));
+  }, [u, m]);
+  const W = i ? `${L}-helper` : void 0, H = z(
     (e) => {
       if (e === void 0)
-        return F || (r == null ? void 0 : r.type) === "error";
-      const t = l !== void 0 && e < l, o = s !== void 0 && e > s;
-      return F || t || o || (r == null ? void 0 : r.type) === "error";
+        return E || (i == null ? void 0 : i.type) === "error";
+      const t = a !== void 0 && e < a, s = l !== void 0 && e > l;
+      return E || t || s || (i == null ? void 0 : i.type) === "error";
     },
-    [F, r, s, l]
-  ), j = (e) => Math.min(s ?? 1 / 0, Math.max(l ?? -1 / 0, e)), ee = (e) => {
-    const t = w("numberField.quantityUpdated", e);
-    g(t), setTimeout(() => {
-      g("");
-    }, 5e3);
-  }, q = (e) => f !== void 0 ? parseFloat(e.toFixed(f)) : e, te = (e) => {
-    let t = a ?? 0;
-    e === "increment" && (t = t + x), e === "decrement" && (t = t - x), t = j(t), t = q(t), ee(t), i == null || i(t), k(t), N(m(t));
-  }, ne = ({ currentTarget: { value: e } }) => {
-    if (N(e), e === "") {
-      a !== void 0 && (i == null || i(void 0), k(void 0));
+    [E, i, l, a]
+  ), U = (e) => Math.min(l ?? 1 / 0, Math.max(a ?? -1 / 0, e)), G = z((e) => {
+    e && (g(""), f.current && clearTimeout(f.current), p.current && clearTimeout(p.current), f.current = setTimeout(() => {
+      g(e), p.current = setTimeout(() => g(""), 5e3);
+    }, 100));
+  }, []);
+  P(() => () => {
+    f.current && clearTimeout(f.current), p.current && clearTimeout(p.current);
+  }, []), P(() => {
+    R.current !== r && (!I.current && r !== void 0 && G(T("numberField.quantityUpdated", r)), R.current = r);
+  }, [r, G, T]);
+  const J = (e) => N !== void 0 ? parseFloat(e.toFixed(N)) : e, se = (e) => {
+    let t = r ?? 0;
+    e === "increment" && (t = t + V), e === "decrement" && (t = t - V), t = U(t), t = J(t), o == null || o(t), x || O(t), h(m(t));
+  }, ue = ({ currentTarget: { value: e } }) => {
+    if (h(e), e === "") {
+      r !== void 0 && (o == null || o(void 0), x || O(void 0));
       return;
     }
     const t = e.replace(",", ".");
     if (!/^-?(\d+(\.\d*)?|\.\d+)$/.test(t))
       return;
-    const o = parseFloat(t);
-    if (Number.isNaN(o)) return;
-    const u = j(o), V = q(u);
-    V !== a && (i == null || i(V), k(V));
-  }, ie = () => {
-    M.current = !0;
-  }, re = () => {
-    M.current = !1, N(m(a));
-  }, C = (e) => {
-    const t = a !== void 0 && (e === "increment" ? s !== void 0 && a >= s : l !== void 0 && a <= l), o = _(n["tedi-number-field__button"], n[`tedi-number-field__button--${e}`], {
-      [n["tedi-number-field__button--disabled"]]: t || p
-    }), u = w(`numberField.${e}`, x);
+    const s = parseFloat(t);
+    if (Number.isNaN(s)) return;
+    const d = U(s), b = J(d);
+    b !== r && (o == null || o(b), x || O(b));
+  }, de = () => {
+    I.current = !0;
+  }, ce = () => {
+    I.current = !1, h(m(r));
+  }, K = (e) => {
+    const t = r !== void 0 && (e === "increment" ? l !== void 0 && r >= l : a !== void 0 && r <= a), s = F(n["tedi-number-field__button"], n[`tedi-number-field__button--${e}`], {
+      [n["tedi-number-field__button--disabled"]]: t || _
+    }), d = typeof M == "string" ? M : void 0, b = T(`numberField.${e}`, V, d);
     return /* @__PURE__ */ c(
-      de,
+      ve,
       {
-        "aria-label": u,
-        onClick: () => te(e),
-        disabled: t || p,
+        "aria-label": b,
+        onClick: () => se(e),
+        disabled: t || _,
         visualType: "secondary",
-        className: o,
+        className: s,
         icon: { name: e === "increment" ? "add" : "remove" },
-        size: B === "small" ? "small" : void 0,
+        size: k === "small" ? "small" : void 0,
         children: e === "increment" ? "+" : "-"
       }
     );
-  }, ae = () => {
-    const e = _(n["tedi-number-field__input-wrapper"], {
-      [n["tedi-number-field__input-wrapper--with-suffix"]]: h,
-      [n["tedi-number-field__input-wrapper--full-width"]]: Q
-    }), t = _(n["tedi-number-field__input"], b == null ? void 0 : b.className);
-    return /* @__PURE__ */ L("div", { className: e, onClick: () => {
-      var u;
-      return (u = v == null ? void 0 : v.current) == null ? void 0 : u.focus();
+  }, me = () => {
+    const e = F(n["tedi-number-field__input-wrapper"], {
+      [n["tedi-number-field__input-wrapper--with-suffix"]]: w,
+      [n["tedi-number-field__input-wrapper--full-width"]]: re
+    }), t = F(n["tedi-number-field__input"], y == null ? void 0 : y.className);
+    return /* @__PURE__ */ $("div", { className: e, onClick: () => {
+      var d;
+      return (d = B == null ? void 0 : B.current) == null ? void 0 : d.focus();
     }, children: [
       /* @__PURE__ */ c(
         "input",
         {
-          ref: v,
-          id: y,
+          ref: B,
+          id: L,
           role: "spinbutton",
-          "aria-valuemin": l,
-          "aria-valuemax": s,
-          "aria-valuenow": a,
-          "aria-describedby": z,
-          "aria-invalid": P(a) ? "true" : "false",
+          "aria-valuemin": a,
+          "aria-valuemax": l,
+          "aria-valuenow": r,
+          "aria-describedby": W,
+          "aria-invalid": H(r) ? "true" : "false",
           type: "text",
-          inputMode: X,
-          value: Z,
-          required: E,
-          disabled: p,
-          onChange: ne,
-          onFocus: ie,
-          onBlur: re,
+          inputMode: ie,
+          value: le,
+          required: q,
+          disabled: _,
+          onChange: ue,
+          onFocus: de,
+          onBlur: ce,
           className: t,
-          ...b
+          ...y
         }
       ),
-      h && /* @__PURE__ */ c(oe, { element: "span", modifiers: "small", color: "tertiary", className: n["tedi-number-field__suffix"], children: h })
+      w && /* @__PURE__ */ c(be, { element: "span", modifiers: "small", color: "tertiary", className: n["tedi-number-field__suffix"], children: w })
     ] });
-  }, le = _(
+  }, fe = F(
     n["tedi-number-field"],
-    { [n["tedi-number-field--invalid"]]: P(a) },
-    { [n["tedi-number-field--disabled"]]: p },
-    { [n["tedi-number-field--small"]]: B === "small" },
-    U
+    { [n["tedi-number-field--invalid"]]: H(r) },
+    { [n["tedi-number-field--disabled"]]: _ },
+    { [n["tedi-number-field--small"]]: k === "small" },
+    A
   );
-  return /* @__PURE__ */ L("div", { "data-name": "number-field", className: U, children: [
-    /* @__PURE__ */ c(ce, { id: y, label: H, required: E, hideLabel: J, size: B }),
-    /* @__PURE__ */ L("div", { className: le, children: [
-      C("decrement"),
-      ae(),
-      C("increment")
+  return /* @__PURE__ */ $("div", { "data-name": "number-field", className: A, children: [
+    /* @__PURE__ */ c(_e, { id: L, label: M, required: q, hideLabel: ee, size: k }),
+    /* @__PURE__ */ $("div", { className: fe, children: [
+      K("decrement"),
+      me(),
+      K("increment")
     ] }),
-    r && /* @__PURE__ */ c(ue, { className: n["tedi-number-field__feedback"], ...r, id: z }),
-    $ && /* @__PURE__ */ c("div", { "aria-live": "polite", className: "sr-only", children: $ })
+    i && /* @__PURE__ */ c(Ne, { className: n["tedi-number-field__feedback"], ...i, id: W }),
+    /* @__PURE__ */ c("div", { role: "status", "aria-live": "polite", "aria-atomic": "true", className: "sr-only", children: oe })
   ] });
 };
-pe.displayName = "NumberField";
+Ie.displayName = "NumberField";
 export {
-  pe as NumberField
+  Ie as NumberField
 };

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

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

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;