@tedi-design-system/react 14.4.0-rc.6 → 14.4.0-rc.8

package/package.json

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

package/src/tedi/components/buttons/info-button/info-button.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),i=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),a=require("../button/button.cjs.js"),s=require("./info-button.module.scss.cjs.js"),e=r.forwardRef(({isSmall:n,...t},o)=>u.jsx(a.Button,{className:i.default(s.default["tedi-info-button"]),"data-name":"info-button",...t,type:"button",icon:{name:"info",size:n?16:18},visualType:"neutral",ref:o,children:t.children}));e.displayName="InfoButton";exports.InfoButton=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),a=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),s=require("../button/button.cjs.js"),f=require("./info-button.module.scss.cjs.js"),t=r.forwardRef(({isSmall:e,children:n,...o},u)=>i.jsx(s.Button,{className:a.default(f.default["tedi-info-button"]),"data-name":"info-button",...o,type:"button",icon:{name:"info",size:e?16:18},visualType:"neutral",ref:u,children:n}));t.displayName="InfoButton";exports.InfoButton=t;exports.default=t;

package/src/tedi/components/buttons/info-button/info-button.d.ts

@@ -1,11 +1,15 @@
 import { default as React } from 'react';
 import { ButtonProps } from '../button/button';
-export interface InfoButtonProps extends Omit<ButtonProps, 'size'> {
+export interface InfoButtonProps extends Omit<ButtonProps, 'size' | 'children'> {
     /**
      * If true, applies a small size to the InfoButton.
      * @default false
      */
     isSmall?: boolean;
+    /**
+     * Children elements to be rendered inside the InfoButton.
+     */
+    children?: React.ReactNode;
 }
 export declare const InfoButton: React.ForwardRefExoticComponent<Omit<InfoButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default InfoButton;

package/src/tedi/components/buttons/info-button/info-button.es.js

@@ -1,25 +1,25 @@
 import { jsx as n } from "react/jsx-runtime";
-import a from "../../../../../external/classnames/index.es.js";
-import i from "react";
-import { Button as m } from "../button/button.es.js";
-import r from "./info-button.module.scss.es.js";
-const f = i.forwardRef(
-  ({ isSmall: o, ...t }, e) => /* @__PURE__ */ n(
-    m,
+import m from "../../../../../external/classnames/index.es.js";
+import f from "react";
+import { Button as r } from "../button/button.es.js";
+import i from "./info-button.module.scss.es.js";
+const s = f.forwardRef(
+  ({ isSmall: t, children: o, ...a }, e) => /* @__PURE__ */ n(
+    r,
     {
-      className: a(r["tedi-info-button"]),
+      className: m(i["tedi-info-button"]),
       "data-name": "info-button",
-      ...t,
+      ...a,
       type: "button",
-      icon: { name: "info", size: o ? 16 : 18 },
+      icon: { name: "info", size: t ? 16 : 18 },
       visualType: "neutral",
       ref: e,
-      children: t.children
+      children: o
     }
   )
 );
-f.displayName = "InfoButton";
+s.displayName = "InfoButton";
 export {
-  f as InfoButton,
-  f as default
+  s as InfoButton,
+  s as default
 };

package/src/tedi/components/content/label/label.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("../../../../../external/classnames/index.cjs.js"),h=require("react"),j=require("../../buttons/info-button/info-button.cjs.js"),r=require("../../overlays/tooltip/tooltip.cjs.js"),t=require("./label.module.scss.cjs.js"),x=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),s=h.forwardRef((i,a)=>{const{getCurrentBreakpointProps:n}=x.useBreakpointProps(i.defaultServerBreakpoint),{as:d="label",children:u,className:c,isBold:p,isSmall:o,required:b,tooltip:l,...f}=n(i),m=q.default(t.default["tedi-label"],p&&t.default["tedi-label--bold"],o&&t.default["tedi-label--small"],c);return e.jsxs(d,{ref:a,className:m,...f,children:[u,b&&e.jsx("span",{className:t.default["tedi-label__required"],"aria-hidden":"true",children:"*"}),l&&e.jsxs(r.Tooltip,{children:[e.jsx(r.Tooltip.Trigger,{children:e.jsx(j.InfoButton,{isSmall:o,children:l})}),e.jsx(r.Tooltip.Content,{children:l})]})]})});s.displayName="Label";exports.Label=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("../../../../../external/classnames/index.cjs.js"),j=require("react"),x=require("../../buttons/info-button/info-button.cjs.js"),l=require("../../overlays/tooltip/tooltip.cjs.js"),t=require("./label.module.scss.cjs.js"),B=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),g=require("../../../providers/label-provider/use-labels.cjs.js"),i=j.forwardRef((r,s)=>{const{getCurrentBreakpointProps:n}=B.useBreakpointProps(r.defaultServerBreakpoint),{as:u="label",children:d,className:c,isBold:b,isSmall:o,required:p,tooltip:a,...f}=n(r),{getLabel:m}=g.useLabels(),q=h.default(t.default["tedi-label"],b&&t.default["tedi-label--bold"],o&&t.default["tedi-label--small"],c);return e.jsxs(u,{ref:s,className:q,...f,children:[d,p&&e.jsx("span",{className:t.default["tedi-label__required"],"aria-hidden":"true",children:"*"}),a&&e.jsx("span",{"aria-hidden":"true",children:e.jsxs(l.Tooltip,{children:[e.jsx(l.Tooltip.Trigger,{children:e.jsx(x.InfoButton,{isSmall:o,"aria-label":m("infoButton.moreInformation")})}),e.jsx(l.Tooltip.Content,{children:a})]})})]})});i.displayName="Label";exports.Label=i;

package/src/tedi/components/content/label/label.es.js

@@ -1,36 +1,37 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import u from "../../../../../external/classnames/index.es.js";
-import { forwardRef as B } from "react";
-import { InfoButton as N } from "../../buttons/info-button/info-button.es.js";
-import { Tooltip as t } from "../../overlays/tooltip/tooltip.es.js";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import B from "../../../../../external/classnames/index.es.js";
+import { forwardRef as N } from "react";
+import { InfoButton as g } from "../../buttons/info-button/info-button.es.js";
+import { Tooltip as l } from "../../overlays/tooltip/tooltip.es.js";
 import r from "./label.module.scss.es.js";
-import { useBreakpointProps as g } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-const k = B((o, s) => {
-  const { getCurrentBreakpointProps: n } = g(o.defaultServerBreakpoint), {
+import { useBreakpointProps as L } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useLabels as k } from "../../../providers/label-provider/use-labels.es.js";
+const x = N((o, s) => {
+  const { getCurrentBreakpointProps: n } = L(o.defaultServerBreakpoint), {
     as: m = "label",
     children: d,
-    className: c,
-    isBold: p,
-    isSmall: i,
+    className: p,
+    isBold: c,
+    isSmall: t,
     required: f,
-    tooltip: l,
+    tooltip: a,
     ...b
-  } = n(o), h = u(
+  } = n(o), { getLabel: u } = k(), h = B(
     r["tedi-label"],
-    p && r["tedi-label--bold"],
-    i && r["tedi-label--small"],
-    c
+    c && r["tedi-label--bold"],
+    t && r["tedi-label--small"],
+    p
   );
-  return /* @__PURE__ */ a(m, { ref: s, className: h, ...b, children: [
+  return /* @__PURE__ */ i(m, { ref: s, className: h, ...b, children: [
     d,
     f && /* @__PURE__ */ e("span", { className: r["tedi-label__required"], "aria-hidden": "true", children: "*" }),
-    l && /* @__PURE__ */ a(t, { children: [
-      /* @__PURE__ */ e(t.Trigger, { children: /* @__PURE__ */ e(N, { isSmall: i, children: l }) }),
-      /* @__PURE__ */ e(t.Content, { children: l })
-    ] })
+    a && /* @__PURE__ */ e("span", { "aria-hidden": "true", children: /* @__PURE__ */ i(l, { children: [
+      /* @__PURE__ */ e(l.Trigger, { children: /* @__PURE__ */ e(g, { isSmall: t, "aria-label": u("infoButton.moreInformation") }) }),
+      /* @__PURE__ */ e(l.Content, { children: a })
+    ] }) })
   ] });
 });
-k.displayName = "Label";
+x.displayName = "Label";
 export {
-  k as Label
+  x as Label
 };

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

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

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

@@ -1,50 +1,50 @@
 import { jsxs as n, jsx as i } from "react/jsx-runtime";
 import d from "../../../../../external/classnames/index.es.js";
 import b from "react";
-import { Icon as N } from "../../base/icon/icon.es.js";
-import { FeedbackText as v } from "../feedback-text/feedback-text.es.js";
-import { FormLabel as B } from "../form-label/form-label.es.js";
+import { Icon as C } from "../../base/icon/icon.es.js";
+import { FeedbackText as M } from "../feedback-text/feedback-text.es.js";
+import { FormLabel as E } from "../form-label/form-label.es.js";
 import e from "./checkbox.module.scss.es.js";
-import { Row as E } from "../../layout/grid/row.es.js";
-import { Col as C } from "../../layout/grid/col.es.js";
-const O = (g) => {
+import { Row as H } from "../../layout/grid/row.es.js";
+import { Col as g } from "../../layout/grid/col.es.js";
+const P = (y) => {
   const {
-    id: o,
+    id: t,
     label: r,
     value: f,
-    className: y,
+    className: z,
     disabled: _ = !1,
-    onChange: t,
-    hideLabel: z = !1,
+    onChange: o,
+    hideLabel: I = !1,
     helper: a,
     checked: l,
     defaultChecked: R,
     indeterminate: h,
-    hover: w,
-    name: F,
-    tooltip: I,
-    invalid: L,
+    hover: j,
+    name: w,
+    tooltip: p,
+    invalid: F,
     size: s = "default",
-    ...j
-  } = g, [x, M] = b.useState(R || !1), m = b.useRef(null), k = b.useMemo(() => h ? "mixed" : t && typeof l < "u" ? l : x, [h, t, l, x]), $ = (c) => {
-    typeof l > "u" && M(c == null ? void 0 : c.target.checked), t == null || t(f, c == null ? void 0 : c.target.checked);
-  }, u = a ? (a == null ? void 0 : a.id) ?? `${o}-helper` : void 0, p = d(e["tedi-checkbox"], { [e["tedi-checkbox--disabled"]]: _ });
-  return /* @__PURE__ */ n("div", { "data-name": "check", ...j, children: [
-    /* @__PURE__ */ n(E, { gutter: 0, children: [
-      /* @__PURE__ */ i(C, { width: "auto", children: /* @__PURE__ */ n("div", { className: e["tedi-checkbox__outer-indicator-wrapper"], children: [
+    ...L
+  } = y, [x, $] = b.useState(R || !1), m = b.useRef(null), k = b.useMemo(() => h ? "mixed" : o && typeof l < "u" ? l : x, [h, o, l, x]), v = (c) => {
+    typeof l > "u" && $(c == null ? void 0 : c.target.checked), o == null || o(f, c == null ? void 0 : c.target.checked);
+  }, u = a ? a.id ?? `${t}-helper` : void 0, B = p ? `${t}-tooltip` : void 0, N = d(e["tedi-checkbox"], { [e["tedi-checkbox--disabled"]]: _ });
+  return /* @__PURE__ */ n("div", { "data-name": "check", ...L, children: [
+    /* @__PURE__ */ n(H, { gutter: 0, children: [
+      /* @__PURE__ */ i(g, { width: "auto", children: /* @__PURE__ */ n("div", { className: e["tedi-checkbox__outer-indicator-wrapper"], children: [
         /* @__PURE__ */ i(
           "input",
           {
-            id: o,
+            id: t,
             value: f,
-            name: F,
+            name: w,
             type: "checkbox",
             disabled: _,
             checked: k !== "mixed" ? k : !1,
             "aria-checked": k,
-            onChange: $,
+            onChange: v,
             className: e["tedi-checkbox__input"],
-            "aria-describedby": u
+            "aria-describedby": [u, B].filter(Boolean).join(" ")
           }
         ),
         /* @__PURE__ */ n(
@@ -58,17 +58,17 @@ const O = (g) => {
             className: d(
               e["tedi-checkbox__indicator"],
               {
-                [e["tedi-checkbox__indicator--hover"]]: w,
+                [e["tedi-checkbox__indicator--hover"]]: j,
                 [e["tedi-checkbox__indicator--indeterminate"]]: h,
                 [e[`tedi-checkbox__indicator--size-${s}`]]: s,
-                [e["tedi-checkbox__indicator--invalid"]]: L
+                [e["tedi-checkbox__indicator--invalid"]]: F
               },
-              y
+              z
             ),
             "data-testid": "checkbox-indicator",
             children: [
               /* @__PURE__ */ i(
-                N,
+                C,
                 {
                   size: s === "default" ? 16 : 18,
                   name: "remove",
@@ -76,7 +76,7 @@ const O = (g) => {
                 }
               ),
               /* @__PURE__ */ i(
-                N,
+                C,
                 {
                   size: s === "default" ? 16 : 18,
                   name: "check",
@@ -87,23 +87,23 @@ const O = (g) => {
           }
         )
       ] }) }),
-      /* @__PURE__ */ i(C, { children: r && typeof r == "string" ? /* @__PURE__ */ i(
-        B,
+      /* @__PURE__ */ i(g, { children: r && typeof r == "string" ? /* @__PURE__ */ i(
+        E,
         {
           ref: m,
-          className: p,
-          id: o,
+          className: N,
+          id: t,
           "data-testid": "checkbox-label",
-          hideLabel: z,
+          hideLabel: I,
           label: r,
-          tooltip: I
+          tooltip: p
         }
-      ) : /* @__PURE__ */ i("label", { ref: m, htmlFor: o, className: p, "data-testid": "checkbox-label", children: r }) })
+      ) : /* @__PURE__ */ i("label", { ref: m, htmlFor: t, className: N, "data-testid": "checkbox-label", children: r }) })
     ] }),
-    a && /* @__PURE__ */ i(v, { id: u, ...a, className: d(e["tedi-checkbox__helper"], a.className) })
+    a && /* @__PURE__ */ i(M, { id: u, ...a, className: d(e["tedi-checkbox__helper"], a.className) })
   ] });
 };
 export {
-  O as Checkbox,
-  O as default
+  P as Checkbox,
+  P as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),fe=require("../../../../../external/classnames/index.cjs.js"),m=require("react"),ge=require("../../../../../external/react-select/dist/react-select.esm.cjs.js"),Se=require("../../../../../external/react-select/async/dist/react-select-async.esm.cjs.js"),Me=require("../feedback-text/feedback-text.cjs.js"),be=require("../form-label/form-label.cjs.js"),Ie=require("./components/select-clear-indicator.cjs.js"),qe=require("./components/select-control.cjs.js"),Ce=require("./components/select-dropdown-indicator.cjs.js"),Oe=require("./components/select-group.cjs.js"),ve=require("./components/select-group-heading.cjs.js"),Le=require("./components/select-indicators-container.cjs.js"),Ve=require("./components/select-input.cjs.js"),Re=require("./components/select-loading-indicator.cjs.js"),he=require("./components/select-menu.cjs.js"),ye=require("./components/select-menu-list.cjs.js"),xe=require("./components/select-menu-portal.cjs.js"),_e=require("./components/select-multi-value.cjs.js"),we=require("./components/select-multi-value-remove.cjs.js"),Ne=require("./components/select-option.cjs.js"),je=require("./components/select-value-container.cjs.js"),n=require("./select.module.scss.cjs.js"),Pe=require("../../../providers/label-provider/use-labels.cjs.js"),f=m.forwardRef((L,V)=>{const{options:R,defaultOptions:h,id:s,name:y,iconName:x="arrow_drop_down",label:_,required:g,value:w,defaultValue:N,tagsDirection:S="row",onChange:i,onInputChange:j,inputValue:P,loadOptions:T,isLoading:G,openMenuOnFocus:H=!1,openMenuOnClick:D=!0,tabSelectsValue:F=!1,disabled:M=!1,className:$,hideLabel:k=!1,helper:t,placeholder:B,invalid:E,valid:z,size:c,async:A=!1,renderOption:W,renderMessageListFooter:J,noOptionsMessage:K,loadingMessage:Q,multiple:u=!1,closeMenuOnSelect:U=!u,blurInputOnSelect:b=!1,autoFocus:X=!1,isClearable:Y=!0,isClearIndicatorVisible:Z=!1,isSearchable:I=!0,menuIsOpen:ee,onMenuClose:te,onMenuOpen:ne,onBlur:se,inputIsHidden:le,isTagRemovable:q=!1,optionGroupHeadingText:oe={modifiers:"small",color:"tertiary"},cacheOptions:ae=!0,showRadioButtons:re=!1,renderWithoutLabel:ie,tooltip:ce,classNames:C}=L,O=t?(t==null?void 0:t.id)??`${s}-helper`:void 0,o=m.useRef(null),{getLabel:v}=Pe.useLabels();m.useImperativeHandle(V,()=>o.current);const ue=d=>{i==null||i(d),!b&&o.current&&setTimeout(()=>{var a,r;return(r=(a=o.current)==null?void 0:a.inputRef)==null?void 0:r.focus()},0)},de=()=>{const d={ClearIndicator:e=>Ie.SelectClearIndicator({isClearIndicatorVisible:Z,...e}),DropdownIndicator:()=>Ce.SelectDropDownIndicator({iconName:x}),IndicatorSeparator:()=>null,MenuPortal:xe.SelectMenuPortal,Menu:he.SelectMenu,MenuList:e=>ye.SelectMenuList({renderMessageListFooter:J,...e}),Option:e=>Ne.SelectOption({renderOption:W,multiple:u,showRadioButtons:re,...e}),Control:qe.SelectControl,Input:Ve.SelectInput,MultiValue:e=>_e.SelectMultiValue({isTagRemovable:q,...e}),MultiValueRemove:we.SelectMultiValueRemove,Group:Oe.SelectGroup,GroupHeading:e=>ve.SelectGroupHeading({optionGroupHeadingText:oe,...e}),IndicatorsContainer:Le.SelectIndicatorsContainer,ValueContainer:je.SelectValueContainer,LoadingIndicator:Re.SelectLoadingIndicator},a=A?Se.default:ge.default,r=()=>v("select.no-options"),me=()=>v("select.loading");return l.jsx(a,{id:s,"aria-describedby":O,autoFocus:X,ref:o,instanceId:s,className:"tedi-select__wrapper",name:y,options:R,defaultOptions:h,value:w,defaultValue:N,cacheOptions:ae,onChange:ue,onInputChange:j,onBlur:se,inputValue:P,inputId:`${s}-input`,loadOptions:T,isLoading:G,noOptionsMessage:K||r,loadingMessage:Q||me,classNamePrefix:"select",components:d,isDisabled:M,isSearchable:I,menuIsOpen:ee,openMenuOnFocus:H,openMenuOnClick:D,tabSelectsValue:F,onMenuClose:te,onMenuOpen:ne,placeholder:B||"",isClearable:Y,backspaceRemovesValue:q,menuShouldScrollIntoView:!0,isMulti:u,hideSelectedOptions:!1,closeMenuOnSelect:U,blurInputOnSelect:b,menuPlacement:"auto",inputIsHidden:le,required:g,menuPortalTarget:document.body,menuPosition:"absolute",classNames:C?Object.fromEntries(Object.entries(C).map(([e,p])=>[e,typeof p=="string"?()=>p:p])):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"})}})},pe=fe.default(n.default["tedi-select"],$,{[n.default["tedi-select--invalid"]]:E||(t==null?void 0:t.type)==="error"},{[n.default["tedi-select--valid"]]:z||(t==null?void 0:t.type)==="valid"},{[n.default[`tedi-select--${c}`]]:c},{[n.default[`tedi-select--tags-${S}`]]:S},{[n.default["tedi-select--searchable"]]:I},{[n.default["tedi-select--disabled"]]:M});return l.jsxs("div",{"data-name":"select",className:pe,children:[l.jsxs("div",{className:n.default["tedi-select__inner"],children:[l.jsx(be.FormLabel,{id:`${s}-input`,label:_,required:g,hideLabel:k,size:c,renderWithoutLabel:ie,tooltip:ce}),de()]}),t&&l.jsx(Me.FeedbackText,{...t,id:O})]})});f.displayName="Select";exports.Select=f;exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),ge=require("../../../../../external/classnames/index.cjs.js"),c=require("react"),Se=require("../../../../../external/react-select/dist/react-select.esm.cjs.js"),Me=require("../../../../../external/react-select/async/dist/react-select-async.esm.cjs.js"),be=require("../feedback-text/feedback-text.cjs.js"),Ie=require("../form-label/form-label.cjs.js"),qe=require("./components/select-clear-indicator.cjs.js"),Ce=require("./components/select-control.cjs.js"),Oe=require("./components/select-dropdown-indicator.cjs.js"),ve=require("./components/select-group.cjs.js"),Le=require("./components/select-group-heading.cjs.js"),Ve=require("./components/select-indicators-container.cjs.js"),Re=require("./components/select-input.cjs.js"),he=require("./components/select-loading-indicator.cjs.js"),xe=require("./components/select-menu.cjs.js"),ye=require("./components/select-menu-list.cjs.js"),_e=require("./components/select-menu-portal.cjs.js"),je=require("./components/select-multi-value.cjs.js"),we=require("./components/select-multi-value-remove.cjs.js"),Ne=require("./components/select-option.cjs.js"),Pe=require("./components/select-value-container.cjs.js"),n=require("./select.module.scss.cjs.js"),Te=require("../../../providers/label-provider/use-labels.cjs.js"),f=c.forwardRef((V,R)=>{const{options:h,defaultOptions:x,id:l,name:y,iconName:_="arrow_drop_down",label:j,required:g,value:w,defaultValue:N,tagsDirection:S="row",onChange:u,onInputChange:P,inputValue:T,loadOptions:G,isLoading:H,openMenuOnFocus:D=!1,openMenuOnClick:k=!0,tabSelectsValue:F=!1,disabled:M=!1,className:$,hideLabel:B=!1,helper:t,placeholder:E,invalid:z,valid:A,size:d,async:W=!1,renderOption:J,renderMessageListFooter:b,noOptionsMessage:K,loadingMessage:Q,multiple:p=!1,closeMenuOnSelect:U=!p,blurInputOnSelect:I=!1,autoFocus:X=!1,isClearable:Y=!0,isClearIndicatorVisible:Z=!1,isSearchable:q=!0,menuIsOpen:ee,onMenuClose:te,onMenuOpen:ne,onBlur:se,inputIsHidden:le,isTagRemovable:C=!1,optionGroupHeadingText:oe={modifiers:"small",color:"tertiary"},cacheOptions:ae=!0,showRadioButtons:re=!1,renderWithoutLabel:ie,tooltip:ce,classNames:O}=V,v=t?(t==null?void 0:t.id)??`${l}-helper`:void 0,a=c.useRef(null),{getLabel:L}=Te.useLabels();c.useImperativeHandle(R,()=>a.current);const ue=o=>{u==null||u(o),!I&&a.current&&setTimeout(()=>{var r,i;return(i=(r=a.current)==null?void 0:r.inputRef)==null?void 0:i.focus()},0)},de=c.useCallback(o=>s.jsx(ye.SelectMenuList,{...o,renderMessageListFooter:b}),[b]),pe=()=>{const o={ClearIndicator:e=>qe.SelectClearIndicator({isClearIndicatorVisible:Z,...e}),DropdownIndicator:()=>Oe.SelectDropDownIndicator({iconName:_}),IndicatorSeparator:()=>null,MenuPortal:_e.SelectMenuPortal,Menu:xe.SelectMenu,MenuList:de,Option:e=>Ne.SelectOption({renderOption:J,multiple:p,showRadioButtons:re,...e}),Control:Ce.SelectControl,Input:Re.SelectInput,MultiValue:e=>je.SelectMultiValue({isTagRemovable:C,...e}),MultiValueRemove:we.SelectMultiValueRemove,Group:ve.SelectGroup,GroupHeading:e=>Le.SelectGroupHeading({optionGroupHeadingText:oe,...e}),IndicatorsContainer:Ve.SelectIndicatorsContainer,ValueContainer:Pe.SelectValueContainer,LoadingIndicator:he.SelectLoadingIndicator},r=W?Me.default:Se.default,i=()=>L("select.no-options"),fe=()=>L("select.loading");return s.jsx(r,{id:l,"aria-describedby":v,autoFocus:X,ref:a,instanceId:l,className:"tedi-select__wrapper",name:y,options:h,defaultOptions:x,value:w,defaultValue:N,cacheOptions:ae,onChange:ue,onInputChange:P,onBlur:se,inputValue:T,inputId:`${l}-input`,loadOptions:G,isLoading:H,noOptionsMessage:K||i,loadingMessage:Q||fe,classNamePrefix:"select",components:o,isDisabled:M,isSearchable:q,menuIsOpen:ee,openMenuOnFocus:D,openMenuOnClick:k,tabSelectsValue:F,onMenuClose:te,onMenuOpen:ne,placeholder:E||"",isClearable:Y,backspaceRemovesValue:C,menuShouldScrollIntoView:!0,isMulti:p,hideSelectedOptions:!1,closeMenuOnSelect:U,blurInputOnSelect:I,menuPlacement:"auto",inputIsHidden:le,required:g,menuPortalTarget:document.body,menuPosition:"absolute",classNames:O?Object.fromEntries(Object.entries(O).map(([e,m])=>[e,typeof m=="string"?()=>m:m])):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"})}})},me=ge.default(n.default["tedi-select"],$,{[n.default["tedi-select--invalid"]]:z||(t==null?void 0:t.type)==="error"},{[n.default["tedi-select--valid"]]:A||(t==null?void 0:t.type)==="valid"},{[n.default[`tedi-select--${d}`]]:d},{[n.default[`tedi-select--tags-${S}`]]:S},{[n.default["tedi-select--searchable"]]:q},{[n.default["tedi-select--disabled"]]:M});return s.jsxs("div",{"data-name":"select",className:me,children:[s.jsxs("div",{className:n.default["tedi-select__inner"],children:[s.jsx(Ie.FormLabel,{id:`${l}-input`,label:j,required:g,hideLabel:B,size:d,renderWithoutLabel:ie,tooltip:ce}),pe()]}),t&&s.jsx(be.FeedbackText,{...t,id:v})]})});f.displayName="Select";exports.Select=f;exports.default=f;