@tedi-design-system/react 19.2.0-rc.5 → 19.2.0-rc.7

package/src/tedi/components/form/multi-value-field/multi-value-field.es.js

@@ -1,36 +1,37 @@
 import { jsxs as m, jsx as a } from "react/jsx-runtime";
 import g from "../../../../../external/classnames/index.es.js";
-import { forwardRef as le, useState as C, useRef as R, useImperativeHandle as ie, useCallback as re, useEffect as T, useLayoutEffect as ne } from "react";
-import { Icon as F } from "../../base/icon/icon.es.js";
-import { ClosingButton as se } from "../../buttons/closing-button/closing-button.es.js";
-import { Separator as ae } from "../../misc/separator/separator.es.js";
-import { Tag as P } from "../../tags/tag/tag.es.js";
-import { FormLabel as oe } from "../form-label/form-label.es.js";
+import { forwardRef as ie, useState as C, useRef as R, useImperativeHandle as re, useCallback as ne, useEffect as P, useLayoutEffect as se } from "react";
+import { Icon as T } from "../../base/icon/icon.es.js";
+import { ClosingButton as ae } from "../../buttons/closing-button/closing-button.es.js";
+import { Separator as oe } from "../../misc/separator/separator.es.js";
+import { Tag as F } from "../../tags/tag/tag.es.js";
+import { FormLabel as ce } from "../form-label/form-label.es.js";
 import i from "./multi-value-field.module.scss.es.js";
-import { useLabels as ce } from "../../../providers/label-provider/use-labels.es.js";
-const y = 4, ue = 44, de = le((j, q) => {
+import { useLabels as ue } from "../../../providers/label-provider/use-labels.es.js";
+const y = 4, de = 44, fe = ie((j, q) => {
   const {
     id: G,
     label: V,
+    labelProps: X,
     name: W,
     values: E,
     onChange: _,
     tagColor: I = "primary",
-    tagsDirection: X = "stack",
-    className: $,
+    tagsDirection: $ = "stack",
+    className: D,
     icon: o,
     onIconClick: k,
     iconButtonProps: h,
-    isClearable: D = !0,
-    showClearOnInteraction: H,
+    isClearable: H = !0,
+    showClearOnInteraction: J,
     required: M,
     disabled: b
-  } = j, { getLabel: S } = ce(), [J, U] = C(E ?? []), x = R(null), z = R(null);
-  ie(q, () => ({ input: z.current, wrapper: x.current }), []);
-  const n = E ?? J, r = X === "row", [d, B] = C(null), K = re((e) => B(e), []), N = R(0), [u, p] = C(null);
-  T(() => {
+  } = j, { getLabel: S } = ue(), [U, B] = C(E ?? []), x = R(null), z = R(null);
+  re(q, () => ({ input: z.current, wrapper: x.current }), []);
+  const n = E ?? U, r = $ === "row", [d, K] = C(null), Q = ne((e) => K(e), []), N = R(0), [u, p] = C(null);
+  P(() => {
     r && p(null);
-  }, [n.length, r]), T(() => {
+  }, [n.length, r]), P(() => {
     if (!r || !d || typeof ResizeObserver > "u") return;
     const e = new ResizeObserver((t) => {
       var c;
@@ -38,7 +39,7 @@ const y = 4, ue = 44, de = le((j, q) => {
       l > 0 && l !== N.current && p(null);
     });
     return e.observe(d), () => e.disconnect();
-  }, [r, d]), ne(() => {
+  }, [r, d]), se(() => {
     if (!r || u !== null) return;
     const e = d;
     if (!e) return;
@@ -55,8 +56,8 @@ const y = 4, ue = 44, de = le((j, q) => {
     }
     let A = 0, f = 0;
     for (let s = 0; s < l.length; s++) {
-      const ee = l[s].offsetWidth, te = s < l.length - 1 ? ue + y : 0, L = A + ee + (f > 0 ? y : 0);
-      if (L + te <= t)
+      const te = l[s].offsetWidth, le = s < l.length - 1 ? de + y : 0, L = A + te + (f > 0 ? y : 0);
+      if (L + le <= t)
         A = L, f++;
       else
         break;
@@ -64,13 +65,13 @@ const y = 4, ue = 44, de = le((j, q) => {
     f === 0 && (f = 1), N.current = t, p(f);
   }, [r, u, n, d]);
   const O = (e) => {
-    U(e), _ == null || _(e);
-  }, Q = (e) => {
+    B(e), _ == null || _(e);
+  }, Y = (e) => {
     const t = n.filter((l, c) => c !== e);
     O(t);
-  }, v = !b && D && n.length > 0, Y = () => {
+  }, v = !b && H && n.length > 0, Z = () => {
     O([]);
-  }, w = r && u !== null ? Math.max(0, n.length - u) : 0, Z = () => {
+  }, w = r && u !== null ? Math.max(0, n.length - u) : 0, ee = () => {
     if (!o) return null;
     const e = typeof o == "string" ? { name: o } : o;
     return k ? /* @__PURE__ */ a(
@@ -80,18 +81,18 @@ const y = 4, ue = 44, de = le((j, q) => {
         className: g(i["tedi-multi-value-field__icon-wrapper"], h == null ? void 0 : h.className),
         onClick: k,
         type: "button",
-        children: /* @__PURE__ */ a(F, { ...e, size: 18 })
+        children: /* @__PURE__ */ a(T, { ...e, size: 18 })
       }
-    ) : /* @__PURE__ */ a("div", { className: i["tedi-multi-value-field__icon-wrapper"], children: /* @__PURE__ */ a(F, { ...e, size: 18 }) });
+    ) : /* @__PURE__ */ a("div", { className: i["tedi-multi-value-field__icon-wrapper"], children: /* @__PURE__ */ a(T, { ...e, size: 18 }) });
   };
   return /* @__PURE__ */ m(
     "div",
     {
-      className: g(i["tedi-multi-value-field"], $, {
-        [i["tedi-multi-value-field--clear-on-interaction"]]: v && H
+      className: g(i["tedi-multi-value-field"], D, {
+        [i["tedi-multi-value-field--clear-on-interaction"]]: v && J
       }),
       children: [
-        V && /* @__PURE__ */ a(oe, { id: G, label: V, required: M }),
+        V && /* @__PURE__ */ a(ce, { id: G, label: V, required: M, labelProps: X }),
         /* @__PURE__ */ m(
           "div",
           {
@@ -103,23 +104,23 @@ const y = 4, ue = 44, de = le((j, q) => {
               n.length > 0 && /* @__PURE__ */ m(
                 "div",
                 {
-                  ref: K,
+                  ref: Q,
                   className: g(i["tedi-multi-value-field__tags"], {
                     [i["tedi-multi-value-field__tags--row"]]: r
                   }),
                   children: [
                     n.map((e, t) => r && u !== null && t >= u ? null : /* @__PURE__ */ a(
-                      P,
+                      F,
                       {
                         color: I,
                         "data-tedi-tag-index": t,
-                        onClose: b ? void 0 : () => Q(t),
+                        onClose: b ? void 0 : () => Y(t),
                         children: e
                       },
                       `${e}-${t}`
                     )),
                     w > 0 && /* @__PURE__ */ m(
-                      P,
+                      F,
                       {
                         color: I,
                         className: i["tedi-multi-value-field__overflow-tag"],
@@ -135,16 +136,16 @@ const y = 4, ue = 44, de = le((j, q) => {
               ),
               (v || o) && /* @__PURE__ */ m("div", { className: i["tedi-multi-value-field__right-area"], children: [
                 v && /* @__PURE__ */ a(
-                  se,
+                  ae,
                   {
-                    onClick: Y,
+                    onClick: Z,
                     title: S("clear"),
                     className: i["tedi-multi-value-field__clear-button"],
                     iconSize: 18
                   }
                 ),
-                v && o && /* @__PURE__ */ a(ae, { color: "primary", axis: "vertical", height: 1.5, spacing: 0.25 }),
-                o && Z()
+                v && o && /* @__PURE__ */ a(oe, { color: "primary", axis: "vertical", height: 1.5, spacing: 0.25 }),
+                o && ee()
               ] })
             ]
           }
@@ -164,8 +165,8 @@ const y = 4, ue = 44, de = le((j, q) => {
     }
   );
 });
-de.displayName = "MultiValueField";
+fe.displayName = "MultiValueField";
 export {
-  de as MultiValueField,
-  de as default
+  fe as MultiValueField,
+  fe as default
 };

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

@@ -1 +1 @@
-"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;
+"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"),fe=require("../../base/typography/text/text.cjs.js"),me=require("../../buttons/button/button.cjs.js"),be=require("../feedback-text/feedback-text.cjs.js"),pe=require("../form-label/form-label.cjs.js"),i=require("./number-field.module.scss.cjs.js"),ve=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),xe=require("../../../providers/label-provider/use-labels.cjs.js"),U=g=>{const{getCurrentBreakpointProps:G}=ve.useBreakpointProps(g.defaultServerBreakpoint),{getLabel:h,locale:J}=xe.useLabels(),K=J==="en"?".":",",{id:Q,label:k,hideLabel:X,labelProps:Y,required:w,className:P,size:q,inputMode:Z,decimalPlaces:x,decimalSeparator:j=K,min:d,max:o,step:M=1,defaultValue:C,value:c,onChange:a,suffix:S,fullWidth:ee=!1,disabled:N=!1,invalid:R=!1,helper:u,input:_}=G(g),te=r.useId(),E=Q??te,ne=Z??(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),[re,L]=r.useState(""),[ie,V]=r.useState(C),[ue,I]=r.useState(()=>m(c??C)),F=c!==void 0,n=F?c:ie,b=r.useRef(),p=r.useRef(),O=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(()=>{O.current!==n&&(!B.current&&n!==void 0&&D(h("numberField.quantityUpdated",n)),O.current=n)},[n,D,h]);const W=e=>x!==void 0?parseFloat(e.toFixed(x)):e,ae=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))},se=({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))},le=()=>{B.current=!0},de=()=>{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(me.Button,{"aria-label":v,onClick:()=>ae(e),disabled:t||N,visualType:"secondary",className:l,icon:{name:e==="increment"?"add":"remove"},size:q==="small"?"small":void 0,children:e==="increment"?"+":"-"})},oe=()=>{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"]]:ee}),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:ne,value:ue,required:w,disabled:N,onChange:se,onFocus:le,onBlur:de,className:t,..._}),S&&s.jsx(fe.Text,{element:"span",modifiers:"small",color:"tertiary",className:i.default["tedi-number-field__suffix"],children:S})]})},ce=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"},P);return s.jsxs("div",{"data-name":"number-field",className:P,children:[s.jsx(pe.FormLabel,{id:E,label:k,required:w,hideLabel:X,size:q,labelProps:Y}),s.jsxs("div",{className:ce,children:[H("decrement"),oe(),H("increment")]}),u&&s.jsx(be.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:re})]})};U.displayName="NumberField";exports.NumberField=U;

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

@@ -1,22 +1,23 @@
-import { jsxs as $, jsx as c } from "react/jsx-runtime";
+import { jsxs as P, 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 { useId as be, useCallback as $, useRef as v, useState as z, useEffect as C } from "react";
+import { Text as ve } from "../../base/typography/text/text.es.js";
+import { Button as Ne } from "../../buttons/button/button.es.js";
+import { FeedbackText as _e } from "../feedback-text/feedback-text.es.js";
+import { FormLabel as ye } from "../form-label/form-label.es.js";
 import n from "./number-field.module.scss.es.js";
-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" ? "." : ",", {
+import { useBreakpointProps as Be } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useLabels as Ie } from "../../../providers/label-provider/use-labels.es.js";
+const he = (j) => {
+  const { getCurrentBreakpointProps: Q } = Be(j.defaultServerBreakpoint), { getLabel: T, locale: X } = Ie(), Y = X === "en" ? "." : ",", {
     id: Z,
     label: M,
     hideLabel: ee,
+    labelProps: te,
     required: q,
     className: A,
     size: k,
-    inputMode: te,
+    inputMode: re,
     decimalPlaces: N,
     decimalSeparator: S = Y,
     min: a,
@@ -26,19 +27,19 @@ const Ie = (j) => {
     value: u,
     onChange: o,
     suffix: w,
-    fullWidth: re = !1,
+    fullWidth: ne = !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(
+  } = Q(j), ie = be(), L = Z ?? ie, oe = re ?? (N && N > 0 || S === "," ? "decimal" : "numeric"), m = $(
     (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(() => {
+  ), B = v(null), I = v(!1), [ae, g] = z(""), [le, O] = z(D), [se, h] = z(() => m(u ?? D)), x = u !== void 0, r = x ? u : le, f = v(), p = v(), R = v(r);
+  C(() => {
     !I.current && typeof u < "u" && h(m(u));
   }, [u, m]);
-  const W = i ? `${L}-helper` : void 0, H = z(
+  const W = i ? `${L}-helper` : void 0, H = $(
     (e) => {
       if (e === void 0)
         return E || (i == null ? void 0 : i.type) === "error";
@@ -46,20 +47,20 @@ const Ie = (j) => {
       return E || t || s || (i == null ? void 0 : i.type) === "error";
     },
     [E, i, l, a]
-  ), U = (e) => Math.min(l ?? 1 / 0, Math.max(a ?? -1 / 0, e)), G = z((e) => {
+  ), U = (e) => Math.min(l ?? 1 / 0, Math.max(a ?? -1 / 0, e)), G = $((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(() => () => {
+  C(() => () => {
     f.current && clearTimeout(f.current), p.current && clearTimeout(p.current);
-  }, []), P(() => {
+  }, []), C(() => {
     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) => {
+  const J = (e) => N !== void 0 ? parseFloat(e.toFixed(N)) : e, ue = (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 } }) => {
+  }, de = ({ currentTarget: { value: e } }) => {
     if (h(e), e === "") {
       r !== void 0 && (o == null || o(void 0), x || O(void 0));
       return;
@@ -71,19 +72,19 @@ const Ie = (j) => {
     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 = !0;
+  }, me = () => {
     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(
-      ve,
+      Ne,
       {
         "aria-label": b,
-        onClick: () => se(e),
+        onClick: () => ue(e),
         disabled: t || _,
         visualType: "secondary",
         className: s,
@@ -92,12 +93,12 @@ const Ie = (j) => {
         children: e === "increment" ? "+" : "-"
       }
     );
-  }, me = () => {
+  }, fe = () => {
     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
+      [n["tedi-number-field__input-wrapper--full-width"]]: ne
     }), t = F(n["tedi-number-field__input"], y == null ? void 0 : y.className);
-    return /* @__PURE__ */ $("div", { className: e, onClick: () => {
+    return /* @__PURE__ */ P("div", { className: e, onClick: () => {
       var d;
       return (d = B == null ? void 0 : B.current) == null ? void 0 : d.focus();
     }, children: [
@@ -113,38 +114,48 @@ const Ie = (j) => {
           "aria-describedby": W,
           "aria-invalid": H(r) ? "true" : "false",
           type: "text",
-          inputMode: ie,
-          value: le,
+          inputMode: oe,
+          value: se,
           required: q,
           disabled: _,
-          onChange: ue,
-          onFocus: de,
-          onBlur: ce,
+          onChange: de,
+          onFocus: ce,
+          onBlur: me,
           className: t,
           ...y
         }
       ),
-      w && /* @__PURE__ */ c(be, { element: "span", modifiers: "small", color: "tertiary", className: n["tedi-number-field__suffix"], children: w })
+      w && /* @__PURE__ */ c(ve, { element: "span", modifiers: "small", color: "tertiary", className: n["tedi-number-field__suffix"], children: w })
     ] });
-  }, fe = F(
+  }, pe = F(
     n["tedi-number-field"],
     { [n["tedi-number-field--invalid"]]: H(r) },
     { [n["tedi-number-field--disabled"]]: _ },
     { [n["tedi-number-field--small"]]: k === "small" },
     A
   );
-  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: [
+  return /* @__PURE__ */ P("div", { "data-name": "number-field", className: A, children: [
+    /* @__PURE__ */ c(
+      ye,
+      {
+        id: L,
+        label: M,
+        required: q,
+        hideLabel: ee,
+        size: k,
+        labelProps: te
+      }
+    ),
+    /* @__PURE__ */ P("div", { className: pe, children: [
       K("decrement"),
-      me(),
+      fe(),
       K("increment")
     ] }),
-    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 })
+    i && /* @__PURE__ */ c(_e, { className: n["tedi-number-field__feedback"], ...i, id: W }),
+    /* @__PURE__ */ c("div", { role: "status", "aria-live": "polite", "aria-atomic": "true", className: "sr-only", children: ae })
   ] });
 };
-Ie.displayName = "NumberField";
+he.displayName = "NumberField";
 export {
-  Ie as NumberField
+  he as NumberField
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),l=require("../../../../../external/classnames/index.cjs.js"),c=require("react"),T=require("../feedback-text/feedback-text.cjs.js"),$=require("../form-label/form-label.cjs.js"),e=require("./radio.module.scss.cjs.js"),z=require("../../layout/grid/row.cjs.js"),x=require("../../layout/grid/col.cjs.js"),j=k=>{const{id:r,label:u,value:n,className:q,disabled:s,onChange:i,hideLabel:C,helper:t,checked:o,defaultChecked:N,hover:g,name:R,tooltip:f,size:h="default",invalid:y,required:_,...w}=k,[b,L]=c.useState(N||!1),m=c.useRef(null),M=c.useMemo(()=>i&&typeof o<"u"?o:b,[i,b,o]),v=d=>{typeof o>"u"&&L(d==null?void 0:d.target.checked),i==null||i(n,d==null?void 0:d.target.checked)},p=t?t.id??`${r}-helper`:void 0,I=f?`${r}-tooltip`:void 0,S=l.default(e.default["tedi-radio__label"],{[e.default["tedi-radio--disabled"]]:s});return a.jsxs("div",{className:l.default(e.default["tedi-radio"],{[e.default["tedi-radio--disabled"]]:s}),"data-name":"radio",...w,children:[a.jsxs(z.Row,{gutter:0,children:[a.jsx(x.Col,{width:"auto",children:a.jsxs("div",{className:e.default["tedi-radio__outer-indicator-wrapper"],children:[a.jsx("input",{id:r,value:n,name:R,type:"radio",disabled:s,checked:M,onChange:v,className:e.default["tedi-radio__input"],"aria-describedby":[p,I].filter(Boolean).join(" "),required:_}),a.jsx("div",{"aria-hidden":"true",onClick:()=>{var d;return(d=m.current)==null?void 0:d.click()},className:l.default(e.default["tedi-radio__indicator"],{[e.default["tedi-radio__indicator--hover"]]:g},{[e.default[`tedi-radio__indicator--size-${h}`]]:h},{[e.default["tedi-radio__indicator--invalid"]]:y},q),"data-testid":"radio-indicator"})]})}),u&&a.jsx(x.Col,{children:a.jsx($.FormLabel,{ref:m,className:S,id:r,"data-testid":"radio-label",hideLabel:C,label:u,tooltip:f,required:_})})]}),t&&a.jsx(T.FeedbackText,{id:p,...t,className:l.default(e.default["tedi-radio__helper"],t.className)})]})};exports.Radio=j;exports.default=j;
+"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"),c=require("react"),$=require("../feedback-text/feedback-text.cjs.js"),z=require("../form-label/form-label.cjs.js"),e=require("./radio.module.scss.cjs.js"),B=require("../../layout/grid/row.cjs.js"),x=require("../../layout/grid/col.cjs.js"),j=k=>{const{id:r,label:u,value:n,className:q,disabled:s,onChange:i,hideLabel:C,helper:t,checked:l,defaultChecked:N,hover:g,name:R,tooltip:f,labelProps:y,size:h="default",invalid:w,required:_,...L}=k,[b,M]=c.useState(N||!1),m=c.useRef(null),v=c.useMemo(()=>i&&typeof l<"u"?l:b,[i,b,l]),I=d=>{typeof l>"u"&&M(d==null?void 0:d.target.checked),i==null||i(n,d==null?void 0:d.target.checked)},p=t?t.id??`${r}-helper`:void 0,S=f?`${r}-tooltip`:void 0,T=o.default(e.default["tedi-radio__label"],{[e.default["tedi-radio--disabled"]]:s});return a.jsxs("div",{className:o.default(e.default["tedi-radio"],{[e.default["tedi-radio--disabled"]]:s}),"data-name":"radio",...L,children:[a.jsxs(B.Row,{gutter:0,children:[a.jsx(x.Col,{width:"auto",children:a.jsxs("div",{className:e.default["tedi-radio__outer-indicator-wrapper"],children:[a.jsx("input",{id:r,value:n,name:R,type:"radio",disabled:s,checked:v,onChange:I,className:e.default["tedi-radio__input"],"aria-describedby":[p,S].filter(Boolean).join(" "),required:_}),a.jsx("div",{"aria-hidden":"true",onClick:()=>{var d;return(d=m.current)==null?void 0:d.click()},className:o.default(e.default["tedi-radio__indicator"],{[e.default["tedi-radio__indicator--hover"]]:g},{[e.default[`tedi-radio__indicator--size-${h}`]]:h},{[e.default["tedi-radio__indicator--invalid"]]:w},q),"data-testid":"radio-indicator"})]})}),u&&a.jsx(x.Col,{children:a.jsx(z.FormLabel,{ref:m,className:T,id:r,"data-testid":"radio-label",hideLabel:C,label:u,tooltip:f,required:_,labelProps:y})})]}),t&&a.jsx($.FeedbackText,{id:p,...t,className:o.default(e.default["tedi-radio__helper"],t.className)})]})};exports.Radio=j;exports.default=j;

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

@@ -1,18 +1,18 @@
-import { jsxs as s, jsx as d } from "react/jsx-runtime";
+import { jsxs as c, jsx as d } from "react/jsx-runtime";
 import l from "../../../../../external/classnames/index.es.js";
 import n from "react";
-import { FeedbackText as M } from "../feedback-text/feedback-text.es.js";
-import { FormLabel as q } from "../form-label/form-label.es.js";
+import { FeedbackText as q } from "../feedback-text/feedback-text.es.js";
+import { FormLabel as v } from "../form-label/form-label.es.js";
 import e from "./radio.module.scss.es.js";
-import { Row as v } from "../../layout/grid/row.es.js";
+import { Row as E } from "../../layout/grid/row.es.js";
 import { Col as N } from "../../layout/grid/col.es.js";
 const K = (C) => {
   const {
     id: o,
     label: m,
-    value: h,
+    value: p,
     className: g,
-    disabled: c,
+    disabled: s,
     onChange: a,
     hideLabel: y,
     helper: r,
@@ -20,35 +20,36 @@ const K = (C) => {
     defaultChecked: R,
     hover: x,
     name: j,
-    tooltip: p,
+    tooltip: h,
+    labelProps: w,
     size: f = "default",
-    invalid: w,
+    invalid: I,
     required: u,
-    ...I
-  } = C, [_, L] = n.useState(R || !1), b = n.useRef(null), $ = n.useMemo(() => a && typeof t < "u" ? t : _, [a, _, t]), z = (i) => {
-    typeof t > "u" && L(i == null ? void 0 : i.target.checked), a == null || a(h, i == null ? void 0 : i.target.checked);
-  }, k = r ? r.id ?? `${o}-helper` : void 0, B = p ? `${o}-tooltip` : void 0, F = l(e["tedi-radio__label"], { [e["tedi-radio--disabled"]]: c });
-  return /* @__PURE__ */ s(
+    ...L
+  } = C, [_, $] = n.useState(R || !1), b = n.useRef(null), z = n.useMemo(() => a && typeof t < "u" ? t : _, [a, _, t]), B = (i) => {
+    typeof t > "u" && $(i == null ? void 0 : i.target.checked), a == null || a(p, i == null ? void 0 : i.target.checked);
+  }, k = r ? r.id ?? `${o}-helper` : void 0, F = h ? `${o}-tooltip` : void 0, M = l(e["tedi-radio__label"], { [e["tedi-radio--disabled"]]: s });
+  return /* @__PURE__ */ c(
     "div",
     {
-      className: l(e["tedi-radio"], { [e["tedi-radio--disabled"]]: c }),
+      className: l(e["tedi-radio"], { [e["tedi-radio--disabled"]]: s }),
       "data-name": "radio",
-      ...I,
+      ...L,
       children: [
-        /* @__PURE__ */ s(v, { gutter: 0, children: [
-          /* @__PURE__ */ d(N, { width: "auto", children: /* @__PURE__ */ s("div", { className: e["tedi-radio__outer-indicator-wrapper"], children: [
+        /* @__PURE__ */ c(E, { gutter: 0, children: [
+          /* @__PURE__ */ d(N, { width: "auto", children: /* @__PURE__ */ c("div", { className: e["tedi-radio__outer-indicator-wrapper"], children: [
             /* @__PURE__ */ d(
               "input",
               {
                 id: o,
-                value: h,
+                value: p,
                 name: j,
                 type: "radio",
-                disabled: c,
-                checked: $,
-                onChange: z,
+                disabled: s,
+                checked: z,
+                onChange: B,
                 className: e["tedi-radio__input"],
-                "aria-describedby": [k, B].filter(Boolean).join(" "),
+                "aria-describedby": [k, F].filter(Boolean).join(" "),
                 required: u
               }
             ),
@@ -64,7 +65,7 @@ const K = (C) => {
                   e["tedi-radio__indicator"],
                   { [e["tedi-radio__indicator--hover"]]: x },
                   { [e[`tedi-radio__indicator--size-${f}`]]: f },
-                  { [e["tedi-radio__indicator--invalid"]]: w },
+                  { [e["tedi-radio__indicator--invalid"]]: I },
                   g
                 ),
                 "data-testid": "radio-indicator"
@@ -72,20 +73,21 @@ const K = (C) => {
             )
           ] }) }),
           m && /* @__PURE__ */ d(N, { children: /* @__PURE__ */ d(
-            q,
+            v,
             {
               ref: b,
-              className: F,
+              className: M,
               id: o,
               "data-testid": "radio-label",
               hideLabel: y,
               label: m,
-              tooltip: p,
-              required: u
+              tooltip: h,
+              required: u,
+              labelProps: w
             }
           ) })
         ] }),
-        r && /* @__PURE__ */ d(M, { id: k, ...r, className: l(e["tedi-radio__helper"], r.className) })
+        r && /* @__PURE__ */ d(q, { id: k, ...r, className: l(e["tedi-radio__helper"], r.className) })
       ]
     }
   );

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react/jsx-runtime"),Y=require("../../../../../external/classnames/index.cjs.js"),a=require("react"),nt=require("../../../../../external/react-select/dist/react-select.esm.cjs.js"),lt=require("../../../../../external/react-select/async/dist/react-select-async.esm.cjs.js"),ot=require("../feedback-text/feedback-text.cjs.js"),st=require("../form-label/form-label.cjs.js"),T=require("../input-group/input-group.cjs.js"),at=require("../input-group/input-group.module.scss.cjs.js"),i=require("./components/select-bulk-helpers.cjs.js"),rt=require("./components/select-clear-indicator.cjs.js"),it=require("./components/select-control.cjs.js"),ct=require("./components/select-dropdown-indicator.cjs.js"),ut=require("./components/select-group.cjs.js"),dt=require("./components/select-group-heading.cjs.js"),pt=require("./components/select-indicators-container.cjs.js"),ft=require("./components/select-input.cjs.js"),St=require("./components/select-loading-indicator.cjs.js"),gt=require("./components/select-menu.cjs.js"),bt=require("./components/select-menu-list.cjs.js"),mt=require("./components/select-menu-portal.cjs.js"),yt=require("./components/select-multi-value.cjs.js"),Lt=require("./components/select-multi-value-remove.cjs.js"),Mt=require("./components/select-option.cjs.js"),vt=require("./components/select-single-value.cjs.js"),It=require("./components/select-value-container.cjs.js"),p=require("./select.module.scss.cjs.js"),ht=require("../../../providers/label-provider/use-labels.cjs.js"),Z=a.forwardRef((k,ee)=>{var Q;const{options:u,defaultOptions:te,name:ne,iconName:le="arrow_drop_down",label:oe,required:R,value:x,defaultValue:D,tagsDirection:V="stack",onChange:_,onInputChange:se,inputValue:ae,loadOptions:re,isLoading:ie,openMenuOnFocus:ce=!1,openMenuOnClick:ue=!0,tabSelectsValue:de=!1,disabled:P=!1,className:pe,hideLabel:fe=!1,helper:c,placeholder:Se,invalid:ge,valid:be,size:q,async:me=!1,renderOption:ye,renderMessageListFooter:F,noOptionsMessage:Le,loadingMessage:Me,multiple:v=!1,showSelectAll:G=!1,selectableGroups:N=!1,dropdownType:ve="menu",renderValue:Ie,closeMenuOnSelect:he=!v,blurInputOnSelect:j=!1,autoFocus:Ce=!1,isClearable:Oe=!0,isClearIndicatorVisible:H=!1,showClearOnInteraction:Ae=!1,isSearchable:C=!0,openKeyboardOnTouch:U=!0,menuIsOpen:Ve,onMenuClose:_e,onMenuOpen:qe,onBlur:E,inputIsHidden:Ee,isTagRemovable:we=!1,tagsEllipsis:Te=!1,backspaceRemovesValue:ke=!1,optionGroupHeadingText:Re={modifiers:"small",color:"tertiary"},cacheOptions:xe=!0,showRadioButtons:De=!1,renderWithoutLabel:Pe,tooltip:Fe,classNames:K}=k,d=(Q=T.useOptionalInputGroup)==null?void 0:Q.call(T),Ge=a.useId(),w=d==null?void 0:d.hasExternalLabel,g=k.id??(d==null?void 0:d.inputId)??Ge,Ne=w?(d==null?void 0:d.inputId)??g:`${g}-input`,je=w?`${g}-container`:g,B=c?(c==null?void 0:c.id)??`${g}-helper`:void 0,I=a.useRef(null),{getLabel:O}=ht.useLabels();a.useImperativeHandle(ee,()=>I.current);const[He,$]=a.useState(!1),Ue=t=>{var e,n;if(U||!C||t.pointerType!=="touch"&&t.pointerType!=="pen")return;const o=t.target;if(!((e=o.closest)!=null&&e.call(o,`.${p.default["tedi-select__control"]}`)))return;const l=(n=I.current)==null?void 0:n.inputRef,r=!!l&&(t.target===l||l.contains(o));$(!r)},Ke=()=>{$(!1),E==null||E()},m=!!G&&v,[Be,$e]=a.useState(D??null),z=x!==void 0,b=z?x:Be,f=a.useMemo(()=>Array.isArray(b)?b:b?[b]:[],[b]),A=a.useMemo(()=>({value:i.SELECT_ALL_VALUE,label:O("select.select-all")}),[O]),y=!!N&&!!v,{groupFlattenedOptions:W,groupSentinelMap:h}=a.useMemo(()=>{const t=new Map;if(!y||!u||u.length===0)return{groupFlattenedOptions:null,groupSentinelMap:t};if(!u.some(e=>e&&Array.isArray(e.options)))return{groupFlattenedOptions:null,groupSentinelMap:t};const l=[],r=new Map;for(const e of u)if(e&&Array.isArray(e.options)){const n=e,s=`${i.GROUP_OPTION_PREFIX}${n.label??""}`,S=n.options.filter(L=>!L.isDisabled);r.set(s,{enabled:S}),l.push({value:s,label:n.label??""});for(const L of n.options)l.push({...L,customData:{...L.customData??{},__tediInGroup:!0}})}else l.push(e);return{groupFlattenedOptions:l,groupSentinelMap:r}},[u,y]),ze=a.useMemo(()=>{let t=W??u;return m&&t&&t.length>0&&(t=[A,...t]),t},[u,W,m,A]),We=a.useMemo(()=>{const t=[];if(y&&h.size>0)for(const[o,l]of h)l.enabled.length>0&&i.areAllSelected(f,l.enabled)&&t.push({value:o,label:""});if(m){const o=i.getEnabledOptions(u??[]);o.length>0&&i.areAllSelected(f,o)&&t.push(A)}return t.length===0?b:[...f,...t]},[b,f,u,y,h,m,A]),Xe=(t,o)=>{let l=t;const r=o.option;if(y&&r&&h.has(r.value)){const e=h.get(r.value).enabled;if(o.action==="select-option"){const n=[...f];for(const s of e)n.some(S=>S.value===s.value)||n.push(s);l=n}else o.action==="deselect-option"&&(l=f.filter(n=>!e.some(s=>s.value===n.value)))}else if(m){const e=i.getEnabledOptions(u??[]),n=(r==null?void 0:r.value)===i.SELECT_ALL_VALUE;n&&o.action==="select-option"?l=[...f.filter(S=>S.value!==i.SELECT_ALL_VALUE&&!e.some(L=>L.value===S.value)),...e]:n&&o.action==="deselect-option"&&(l=f.filter(s=>s.value!==i.SELECT_ALL_VALUE&&!e.some(S=>S.value===s.value)))}Array.isArray(l)&&(l=l.filter(e=>e.value!==i.SELECT_ALL_VALUE&&!i.isGroupSentinel(e))),z||$e(l),_==null||_(l),!j&&I.current&&setTimeout(()=>{var e,n;return(n=(e=I.current)==null?void 0:e.inputRef)==null?void 0:n.focus()},0)},Je=a.useCallback((t,o)=>t.data.value===i.SELECT_ALL_VALUE||i.isGroupSentinel(t.data)||!o?!0:String(t.label).toLowerCase().includes(o.toLowerCase()),[]),[X,J]=a.useState(!1),Qe=t=>{(t.key==="ArrowUp"||t.key==="ArrowDown"||t.key==="Home"||t.key==="End"||t.key==="PageUp"||t.key==="PageDown"||t.key==="Tab")&&(X||J(!0))},Ye=a.useCallback(()=>{J(t=>t&&!1)},[]),Ze=a.useCallback(t=>M.jsx(bt.SelectMenuList,{...t,renderMessageListFooter:F}),[F]),et=()=>{const t={ClearIndicator:e=>rt.SelectClearIndicator({isClearIndicatorVisible:H,...e}),DropdownIndicator:()=>ct.SelectDropDownIndicator({iconName:le}),IndicatorSeparator:()=>null,MenuPortal:mt.SelectMenuPortal,Menu:gt.SelectMenu,MenuList:Ze,Option:e=>Mt.SelectOption({renderOption:ye,multiple:v,showRadioButtons:De,...e}),Control:it.SelectControl,Input:ft.SelectInput,MultiValue:e=>yt.SelectMultiValue({isTagRemovable:we,tagsEllipsis:Te,...e}),MultiValueRemove:Lt.SelectMultiValueRemove,SingleValue:vt.SelectSingleValue,Group:ut.SelectGroup,GroupHeading:e=>dt.SelectGroupHeading({optionGroupHeadingText:Re,...e}),IndicatorsContainer:pt.SelectIndicatorsContainer,ValueContainer:It.SelectValueContainer,LoadingIndicator:St.SelectLoadingIndicator},o=me?lt.default:nt.default,l=()=>O("select.no-options"),r=()=>O("select.loading");return M.jsx(o,{tagsDirection:V,showSelectAll:G,selectableGroups:N,dropdownType:ve,renderValue:Ie,keyboardMode:X,exitKeyboardMode:Ye,onKeyDown:Qe,id:je,"aria-describedby":B,autoFocus:Ce,ref:I,instanceId:g,className:"tedi-select__wrapper",name:ne,options:ze,defaultOptions:te,value:We,defaultValue:D,cacheOptions:xe,onChange:Xe,filterOption:m||y?Je:void 0,onInputChange:se,onBlur:Ke,softKeyboardSuppressed:!U&&C&&He,inputValue:ae,inputId:Ne,loadOptions:re,isLoading:ie,noOptionsMessage:Le||l,loadingMessage:Me||r,classNamePrefix:"select",components:t,isDisabled:P,isSearchable:C,menuIsOpen:Ve,openMenuOnFocus:ce,openMenuOnClick:ue,tabSelectsValue:de,onMenuClose:_e,onMenuOpen:qe,placeholder:Se||"",isClearable:Oe,backspaceRemovesValue:ke,menuShouldScrollIntoView:!0,isMulti:v,hideSelectedOptions:!1,closeMenuOnSelect:he,blurInputOnSelect:j,menuPlacement:"auto",inputIsHidden:Ee,required:R,menuPortalTarget:document.body,menuPosition:"absolute",classNames:(()=>{const e={};if(K)for(const[n,s]of Object.entries(K))e[n]=typeof s=="string"?()=>s:s;if(d){const n=e.control;e.control=s=>Y.default(n==null?void 0:n(s),at.default["tedi-input-group__input"])}return Object.keys(e).length>0?e:void 0})(),theme:e=>({...e,colors:{...e.colors,primary:"var(--tedi-blue-600)",danger:"var(--tedi-red-600)",dangerLight:"var(--tedi-red-200)"}}),styles:{input:e=>({...e,gridTemplateColumns:"0fr"})}})},tt=Y.default(p.default["tedi-select"],pe,{[p.default["tedi-select--invalid"]]:ge||(c==null?void 0:c.type)==="error"},{[p.default["tedi-select--valid"]]:be||(c==null?void 0:c.type)==="valid"},{[p.default[`tedi-select--${q}`]]:q},{[p.default[`tedi-select--tags-${V}`]]:V},{[p.default["tedi-select--searchable"]]:C},{[p.default["tedi-select--clear-on-interaction"]]:H&&Ae},{[p.default["tedi-select--disabled"]]:P});return M.jsxs("div",{"data-name":"select",className:tt,onPointerDownCapture:Ue,children:[M.jsxs("div",{className:p.default["tedi-select__inner"],children:[!w&&M.jsx(st.FormLabel,{id:`${g}-input`,label:oe,required:R,hideLabel:fe,size:q,renderWithoutLabel:Pe,tooltip:Fe}),et()]}),c&&M.jsx(ot.FeedbackText,{...c,id:B})]})});Z.displayName="Select";exports.Select=Z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react/jsx-runtime"),Y=require("../../../../../external/classnames/index.cjs.js"),a=require("react"),lt=require("../../../../../external/react-select/dist/react-select.esm.cjs.js"),ot=require("../../../../../external/react-select/async/dist/react-select-async.esm.cjs.js"),st=require("../feedback-text/feedback-text.cjs.js"),at=require("../form-label/form-label.cjs.js"),T=require("../input-group/input-group.cjs.js"),rt=require("../input-group/input-group.module.scss.cjs.js"),i=require("./components/select-bulk-helpers.cjs.js"),it=require("./components/select-clear-indicator.cjs.js"),ct=require("./components/select-control.cjs.js"),ut=require("./components/select-dropdown-indicator.cjs.js"),dt=require("./components/select-group.cjs.js"),pt=require("./components/select-group-heading.cjs.js"),ft=require("./components/select-indicators-container.cjs.js"),St=require("./components/select-input.cjs.js"),bt=require("./components/select-loading-indicator.cjs.js"),gt=require("./components/select-menu.cjs.js"),mt=require("./components/select-menu-list.cjs.js"),yt=require("./components/select-menu-portal.cjs.js"),Lt=require("./components/select-multi-value.cjs.js"),Mt=require("./components/select-multi-value-remove.cjs.js"),vt=require("./components/select-option.cjs.js"),It=require("./components/select-single-value.cjs.js"),ht=require("./components/select-value-container.cjs.js"),p=require("./select.module.scss.cjs.js"),Ct=require("../../../providers/label-provider/use-labels.cjs.js"),Z=a.forwardRef((k,ee)=>{var Q;const{options:u,defaultOptions:te,name:ne,iconName:le="arrow_drop_down",label:oe,required:R,value:x,defaultValue:D,tagsDirection:V="stack",onChange:_,onInputChange:se,inputValue:ae,loadOptions:re,isLoading:ie,openMenuOnFocus:ce=!1,openMenuOnClick:ue=!0,tabSelectsValue:de=!1,disabled:P=!1,className:pe,hideLabel:fe=!1,helper:c,placeholder:Se,invalid:be,valid:ge,size:q,async:me=!1,renderOption:ye,renderMessageListFooter:F,noOptionsMessage:Le,loadingMessage:Me,multiple:v=!1,showSelectAll:G=!1,selectableGroups:N=!1,dropdownType:ve="menu",renderValue:Ie,closeMenuOnSelect:he=!v,blurInputOnSelect:j=!1,autoFocus:Ce=!1,isClearable:Oe=!0,isClearIndicatorVisible:H=!1,showClearOnInteraction:Ae=!1,isSearchable:C=!0,openKeyboardOnTouch:U=!0,menuIsOpen:Ve,onMenuClose:_e,onMenuOpen:qe,onBlur:E,inputIsHidden:Ee,isTagRemovable:we=!1,tagsEllipsis:Te=!1,backspaceRemovesValue:ke=!1,optionGroupHeadingText:Re={modifiers:"small",color:"tertiary"},cacheOptions:xe=!0,showRadioButtons:De=!1,renderWithoutLabel:Pe,tooltip:Fe,labelProps:Ge,classNames:K}=k,d=(Q=T.useOptionalInputGroup)==null?void 0:Q.call(T),Ne=a.useId(),w=d==null?void 0:d.hasExternalLabel,b=k.id??(d==null?void 0:d.inputId)??Ne,je=w?(d==null?void 0:d.inputId)??b:`${b}-input`,He=w?`${b}-container`:b,B=c?(c==null?void 0:c.id)??`${b}-helper`:void 0,I=a.useRef(null),{getLabel:O}=Ct.useLabels();a.useImperativeHandle(ee,()=>I.current);const[Ue,$]=a.useState(!1),Ke=t=>{var e,n;if(U||!C||t.pointerType!=="touch"&&t.pointerType!=="pen")return;const o=t.target;if(!((e=o.closest)!=null&&e.call(o,`.${p.default["tedi-select__control"]}`)))return;const l=(n=I.current)==null?void 0:n.inputRef,r=!!l&&(t.target===l||l.contains(o));$(!r)},Be=()=>{$(!1),E==null||E()},m=!!G&&v,[$e,ze]=a.useState(D??null),z=x!==void 0,g=z?x:$e,f=a.useMemo(()=>Array.isArray(g)?g:g?[g]:[],[g]),A=a.useMemo(()=>({value:i.SELECT_ALL_VALUE,label:O("select.select-all")}),[O]),y=!!N&&!!v,{groupFlattenedOptions:W,groupSentinelMap:h}=a.useMemo(()=>{const t=new Map;if(!y||!u||u.length===0)return{groupFlattenedOptions:null,groupSentinelMap:t};if(!u.some(e=>e&&Array.isArray(e.options)))return{groupFlattenedOptions:null,groupSentinelMap:t};const l=[],r=new Map;for(const e of u)if(e&&Array.isArray(e.options)){const n=e,s=`${i.GROUP_OPTION_PREFIX}${n.label??""}`,S=n.options.filter(L=>!L.isDisabled);r.set(s,{enabled:S}),l.push({value:s,label:n.label??""});for(const L of n.options)l.push({...L,customData:{...L.customData??{},__tediInGroup:!0}})}else l.push(e);return{groupFlattenedOptions:l,groupSentinelMap:r}},[u,y]),We=a.useMemo(()=>{let t=W??u;return m&&t&&t.length>0&&(t=[A,...t]),t},[u,W,m,A]),Xe=a.useMemo(()=>{const t=[];if(y&&h.size>0)for(const[o,l]of h)l.enabled.length>0&&i.areAllSelected(f,l.enabled)&&t.push({value:o,label:""});if(m){const o=i.getEnabledOptions(u??[]);o.length>0&&i.areAllSelected(f,o)&&t.push(A)}return t.length===0?g:[...f,...t]},[g,f,u,y,h,m,A]),Je=(t,o)=>{let l=t;const r=o.option;if(y&&r&&h.has(r.value)){const e=h.get(r.value).enabled;if(o.action==="select-option"){const n=[...f];for(const s of e)n.some(S=>S.value===s.value)||n.push(s);l=n}else o.action==="deselect-option"&&(l=f.filter(n=>!e.some(s=>s.value===n.value)))}else if(m){const e=i.getEnabledOptions(u??[]),n=(r==null?void 0:r.value)===i.SELECT_ALL_VALUE;n&&o.action==="select-option"?l=[...f.filter(S=>S.value!==i.SELECT_ALL_VALUE&&!e.some(L=>L.value===S.value)),...e]:n&&o.action==="deselect-option"&&(l=f.filter(s=>s.value!==i.SELECT_ALL_VALUE&&!e.some(S=>S.value===s.value)))}Array.isArray(l)&&(l=l.filter(e=>e.value!==i.SELECT_ALL_VALUE&&!i.isGroupSentinel(e))),z||ze(l),_==null||_(l),!j&&I.current&&setTimeout(()=>{var e,n;return(n=(e=I.current)==null?void 0:e.inputRef)==null?void 0:n.focus()},0)},Qe=a.useCallback((t,o)=>t.data.value===i.SELECT_ALL_VALUE||i.isGroupSentinel(t.data)||!o?!0:String(t.label).toLowerCase().includes(o.toLowerCase()),[]),[X,J]=a.useState(!1),Ye=t=>{(t.key==="ArrowUp"||t.key==="ArrowDown"||t.key==="Home"||t.key==="End"||t.key==="PageUp"||t.key==="PageDown"||t.key==="Tab")&&(X||J(!0))},Ze=a.useCallback(()=>{J(t=>t&&!1)},[]),et=a.useCallback(t=>M.jsx(mt.SelectMenuList,{...t,renderMessageListFooter:F}),[F]),tt=()=>{const t={ClearIndicator:e=>it.SelectClearIndicator({isClearIndicatorVisible:H,...e}),DropdownIndicator:()=>ut.SelectDropDownIndicator({iconName:le}),IndicatorSeparator:()=>null,MenuPortal:yt.SelectMenuPortal,Menu:gt.SelectMenu,MenuList:et,Option:e=>vt.SelectOption({renderOption:ye,multiple:v,showRadioButtons:De,...e}),Control:ct.SelectControl,Input:St.SelectInput,MultiValue:e=>Lt.SelectMultiValue({isTagRemovable:we,tagsEllipsis:Te,...e}),MultiValueRemove:Mt.SelectMultiValueRemove,SingleValue:It.SelectSingleValue,Group:dt.SelectGroup,GroupHeading:e=>pt.SelectGroupHeading({optionGroupHeadingText:Re,...e}),IndicatorsContainer:ft.SelectIndicatorsContainer,ValueContainer:ht.SelectValueContainer,LoadingIndicator:bt.SelectLoadingIndicator},o=me?ot.default:lt.default,l=()=>O("select.no-options"),r=()=>O("select.loading");return M.jsx(o,{tagsDirection:V,showSelectAll:G,selectableGroups:N,dropdownType:ve,renderValue:Ie,keyboardMode:X,exitKeyboardMode:Ze,onKeyDown:Ye,id:He,"aria-describedby":B,autoFocus:Ce,ref:I,instanceId:b,className:"tedi-select__wrapper",name:ne,options:We,defaultOptions:te,value:Xe,defaultValue:D,cacheOptions:xe,onChange:Je,filterOption:m||y?Qe:void 0,onInputChange:se,onBlur:Be,softKeyboardSuppressed:!U&&C&&Ue,inputValue:ae,inputId:je,loadOptions:re,isLoading:ie,noOptionsMessage:Le||l,loadingMessage:Me||r,classNamePrefix:"select",components:t,isDisabled:P,isSearchable:C,menuIsOpen:Ve,openMenuOnFocus:ce,openMenuOnClick:ue,tabSelectsValue:de,onMenuClose:_e,onMenuOpen:qe,placeholder:Se||"",isClearable:Oe,backspaceRemovesValue:ke,menuShouldScrollIntoView:!0,isMulti:v,hideSelectedOptions:!1,closeMenuOnSelect:he,blurInputOnSelect:j,menuPlacement:"auto",inputIsHidden:Ee,required:R,menuPortalTarget:document.body,menuPosition:"absolute",classNames:(()=>{const e={};if(K)for(const[n,s]of Object.entries(K))e[n]=typeof s=="string"?()=>s:s;if(d){const n=e.control;e.control=s=>Y.default(n==null?void 0:n(s),rt.default["tedi-input-group__input"])}return Object.keys(e).length>0?e:void 0})(),theme:e=>({...e,colors:{...e.colors,primary:"var(--tedi-blue-600)",danger:"var(--tedi-red-600)",dangerLight:"var(--tedi-red-200)"}}),styles:{input:e=>({...e,gridTemplateColumns:"0fr"})}})},nt=Y.default(p.default["tedi-select"],pe,{[p.default["tedi-select--invalid"]]:be||(c==null?void 0:c.type)==="error"},{[p.default["tedi-select--valid"]]:ge||(c==null?void 0:c.type)==="valid"},{[p.default[`tedi-select--${q}`]]:q},{[p.default[`tedi-select--tags-${V}`]]:V},{[p.default["tedi-select--searchable"]]:C},{[p.default["tedi-select--clear-on-interaction"]]:H&&Ae},{[p.default["tedi-select--disabled"]]:P});return M.jsxs("div",{"data-name":"select",className:nt,onPointerDownCapture:Ke,children:[M.jsxs("div",{className:p.default["tedi-select__inner"],children:[!w&&M.jsx(at.FormLabel,{id:`${b}-input`,label:oe,required:R,hideLabel:fe,size:q,renderWithoutLabel:Pe,tooltip:Fe,labelProps:Ge}),tt()]}),c&&M.jsx(st.FeedbackText,{...c,id:B})]})});Z.displayName="Select";exports.Select=Z;