@tedi-design-system/react 19.0.0-rc.8 → 19.0.0

package/src/tedi/components/form/date-time-field/date-time-field.es.js

@@ -1,46 +1,47 @@
-import { jsx as r, jsxs as f, Fragment as Dt } from "react/jsx-runtime";
-import { useFloating as Ft, useInteractions as Tt, useDismiss as kt, useRole as Mt, FloatingPortal as wt, FloatingFocusManager as xt } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import { jsx as r, jsxs as f, Fragment as Ft } from "react/jsx-runtime";
+import { useFloating as Tt, useInteractions as kt, useDismiss as Mt, useRole as wt, FloatingPortal as xt, FloatingFocusManager as Rt } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
 import C from "../../../../../external/classnames/index.es.js";
-import Me, { useState as g, useRef as Rt, useEffect as se, useMemo as G, useCallback as F } from "react";
+import Me, { useState as g, useRef as Vt, useEffect as se, useMemo as G, useCallback as F } from "react";
 import { Button as we } from "../../buttons/button/button.es.js";
-import { Calendar as Vt } from "../../content/calendar/calendar.es.js";
-import { getLocaleDateParts as Ct, buildDateRegexSource as Et, buildDisabledMatchers as St, CALENDAR_POPOVER_OFFSET as Pt, CALENDAR_POPOVER_PADDING as xe } from "../date-field/date-field-helpers.es.js";
-import { TextField as $t } from "../textfield/textfield.es.js";
+import { Calendar as Ct } from "../../content/calendar/calendar.es.js";
+import { getLocaleDateParts as Et, buildDateRegexSource as St, buildDisabledMatchers as Pt, CALENDAR_POPOVER_OFFSET as $t, CALENDAR_POPOVER_PADDING as xe } from "../date-field/date-field-helpers.es.js";
+import { TextField as At } from "../textfield/textfield.es.js";
 import { TimePicker as Re } from "../time-picker/time-picker.es.js";
 import i from "./date-time-field.module.scss.es.js";
-import { useBreakpointProps as At } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-import { useLabels as Ot } from "../../../providers/label-provider/use-labels.es.js";
-import Lt, { isBreakpointBelow as Ht } from "../../../helpers/hooks/use-breakpoint.es.js";
-import { et as It } from "../../../../../external/react-day-picker/dist/esm/locale/et.es.js";
-import { autoUpdate as Bt } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
-import { offset as Yt, flip as zt, shift as Gt, size as Wt } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
-import { dateMatchModifiers as jt } from "../../../../../external/react-day-picker/dist/esm/utils/dateMatchModifiers.es.js";
+import { useBreakpointProps as Ot } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useLabels as Lt } from "../../../providers/label-provider/use-labels.es.js";
+import Ht, { isBreakpointBelow as It } from "../../../helpers/hooks/use-breakpoint.es.js";
+import { et as Bt } from "../../../../../external/react-day-picker/dist/esm/locale/et.es.js";
+import { autoUpdate as Yt } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
+import { offset as zt, flip as Gt, shift as Wt, size as jt } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
+import { dateMatchModifiers as qt } from "../../../../../external/react-day-picker/dist/esm/utils/dateMatchModifiers.es.js";
 const p = (a) => String(a).padStart(2, "0"), _ = (a) => a ? `${p(a.getHours())}:${p(a.getMinutes())}` : "00:00", v = (a, o) => {
   const [W, b] = o.split(":"), E = Number(W), S = Number(b), P = new Date(a);
   return P.setHours(Number.isFinite(E) ? E : 0, Number.isFinite(S) ? S : 0, 0, 0), P;
-}, le = (a) => a instanceof Date, qt = (a) => a ? `${a.getFullYear()}-${p(a.getMonth() + 1)}-${p(a.getDate())}T${p(a.getHours())}:${p(a.getMinutes())}` : "", Ut = (a) => {
+}, le = (a) => a instanceof Date, Ut = (a) => a ? `${a.getFullYear()}-${p(a.getMonth() + 1)}-${p(a.getDate())}T${p(a.getHours())}:${p(a.getMinutes())}` : "", Jt = (a) => {
   if (!a) return;
   const o = new Date(a);
   return isNaN(o.getTime()) ? void 0 : o;
-}, Jt = (a) => !a || le(a) ? {} : a, Kt = (a) => le(a) ? a : void 0, Qt = Me.forwardRef((a, o) => {
-  const { getCurrentBreakpointProps: W } = At(a.defaultServerBreakpoint), { getLabel: b } = Ot(), E = Lt(a.defaultServerBreakpoint), S = Ht(E, "md"), {
+}, Kt = (a) => !a || le(a) ? {} : a, Qt = (a) => le(a) ? a : void 0, Xt = Me.forwardRef((a, o) => {
+  const { getCurrentBreakpointProps: W } = Ot(a.defaultServerBreakpoint), { getLabel: b } = Lt(), E = Ht(a.defaultServerBreakpoint), S = It(E, "md"), {
     layout: P = "side-by-side",
     useNativePicker: Ve = !1,
     monthYearSelectType: Ce = "dropdown",
     timeGridVariant: Ee,
     showOutsideDays: Se = !0,
     availableTimes: N,
-    timeHeading: j = b("dateTimeField.timeHeading")
+    timeHeading: j = b("dateTimeField.timeHeading"),
+    clearable: Pe = !0
   } = W(a), {
-    id: Pe,
-    label: $e,
-    placeholder: Ae,
-    className: Oe,
+    id: $e,
+    label: Ae,
+    placeholder: Oe,
+    className: Le,
     value: de,
-    defaultValue: Le,
+    defaultValue: He,
     onChange: q,
     required: oe,
-    readOnly: He,
+    readOnly: Ie,
     disabled: $,
     minDate: ce,
     maxDate: me,
@@ -49,17 +50,17 @@ const p = (a) => String(a).padStart(2, "0"), _ = (a) => a ? `${p(a.getHours())}:
     disabledMatchers: T,
     stepMinutes: pe = 15,
     initialMonth: U,
-    locale: Ie = It,
+    locale: Be = Bt,
     localeCode: k = "et-EE",
-    selectTimeLabel: Be = b("dateTimeField.selectTime"),
-    backLabel: Ye = b("dateTimeField.back"),
-    mode: ze = "single",
-    selectionLevel: Ge = "days",
-    minYear: We,
-    maxYear: je,
+    selectTimeLabel: Ye = b("dateTimeField.selectTime"),
+    backLabel: ze = b("dateTimeField.back"),
+    mode: Ge = "single",
+    selectionLevel: We = "days",
+    minYear: je,
+    maxYear: qe,
     inputProps: s,
-    disabledDateErrorMessage: qe = b("dateField.disabledDateError")
-  } = a, l = ze === "range", u = Ve && !l, M = l ? "side-by-side" : P, he = Ee ?? (M === "multi-step" ? "radio" : "button"), ge = de !== void 0, [Ue, Je] = g(Le), y = ge ? de : Ue, c = l ? Jt(y) : {}, m = l ? void 0 : Kt(y), [D, J] = g(!1), [Ke, K] = g("date"), [Qe, _e] = g("days"), Q = l ? c.from : m, [Xe, A] = g(() => Q ?? U ?? /* @__PURE__ */ new Date()), ve = Rt(Q);
+    disabledDateErrorMessage: Ue = b("dateField.disabledDateError")
+  } = a, l = Ge === "range", u = Ve && !l, M = l ? "side-by-side" : P, he = Ee ?? (M === "multi-step" ? "radio" : "button"), ge = de !== void 0, [Je, Ke] = g(He), y = ge ? de : Je, c = l ? Kt(y) : {}, m = l ? void 0 : Qt(y), [D, J] = g(!1), [Qe, K] = g("date"), [Xe, _e] = g("days"), Q = l ? c.from : m, [Ze, A] = g(() => Q ?? U ?? /* @__PURE__ */ new Date()), ve = Vt(Q);
   ve.current = Q, se(() => {
     D || (K("date"), _e("days"), A(ve.current ?? U ?? /* @__PURE__ */ new Date()));
   }, [D, U]);
@@ -70,7 +71,7 @@ const p = (a) => String(a).padStart(2, "0"), _ = (a) => a ? `${p(a.getHours())}:
       year: "numeric"
     }),
     [k]
-  ), Ze = G(
+  ), et = G(
     () => new Intl.DateTimeFormat(k, {
       day: "2-digit",
       month: "2-digit",
@@ -88,14 +89,14 @@ const p = (a) => String(a).padStart(2, "0"), _ = (a) => a ? `${p(a.getHours())}:
       return !t && !n ? "" : n ? t ? `${t} – ${n}` : n : t;
     },
     [L]
-  ), et = G(() => {
-    const e = Ct(O), { fieldOrder: t } = e, n = new RegExp(`^${Et(e)}\\s+(\\d{2}):(\\d{2})$`);
-    return (bt) => {
-      const z = bt.trim().match(n);
+  ), tt = G(() => {
+    const e = Et(O), { fieldOrder: t } = e, n = new RegExp(`^${St(e)}\\s+(\\d{2}):(\\d{2})$`);
+    return (Nt) => {
+      const z = Nt.trim().match(n);
       if (!z) return;
       const Fe = {};
-      t.forEach((Nt, yt) => {
-        Fe[Nt] = Number(z[yt + 1]);
+      t.forEach((yt, Dt) => {
+        Fe[yt] = Number(z[Dt + 1]);
       });
       const Te = Number(z[t.length + 1]), ke = Number(z[t.length + 2]), { day: ae, month: re, year: ne } = Fe;
       if (ae === void 0 || re === void 0 || ne === void 0 || Te > 23 || ke > 59) return;
@@ -103,35 +104,35 @@ const p = (a) => String(a).padStart(2, "0"), _ = (a) => a ? `${p(a.getHours())}:
       if (!(isNaN(V.getTime()) || V.getFullYear() !== ne || V.getMonth() !== re - 1 || V.getDate() !== ae))
         return V;
     };
-  }, [O]), [tt, X] = g(() => H(y)), [be, h] = g(!1);
+  }, [O]), [it, X] = g(() => H(y)), [be, h] = g(!1);
   se(() => {
     X(H(y));
   }, [y, H]);
-  const it = Ft({
+  const at = Tt({
     open: D,
     onOpenChange: J,
     placement: "bottom-end",
     middleware: [
-      Yt(Pt),
-      zt(),
-      Gt({ padding: xe }),
-      Wt({
+      zt($t),
+      Gt(),
+      Wt({ padding: xe }),
+      jt({
         padding: xe,
         apply({ availableWidth: e, elements: t }) {
           t.floating.style.maxWidth = `${e}px`;
         }
       })
     ],
-    whileElementsMounted: Bt
-  }), { refs: Z, context: ee, x: at, y: rt, strategy: nt } = it, st = Tt([
-    kt(ee, {
+    whileElementsMounted: Yt
+  }), { refs: Z, context: ee, x: rt, y: nt, strategy: st } = at, lt = kt([
+    Mt(ee, {
       outsidePress: (e) => {
         const t = e.target;
         return !(t != null && t.closest('[role="menu"], [role="listbox"]'));
       }
     }),
-    Mt(ee, { role: "dialog" })
-  ]), I = Me.useRef(null), lt = F(
+    wt(ee, { role: "dialog" })
+  ]), I = Me.useRef(null), dt = F(
     (e) => {
       I.current = e, typeof o == "function" ? o(e) : o && (o.current = e);
     },
@@ -142,7 +143,7 @@ const p = (a) => String(a).padStart(2, "0"), _ = (a) => a ? `${p(a.getHours())}:
     (e = I.current) != null && e.inner && Z.setReference(I.current.inner);
   }, [Z]);
   const d = (e) => {
-    ge || Je(e), q == null || q(e), X(H(e));
+    ge || Ke(e), q == null || q(e), X(H(e));
   }, w = F(
     (e) => {
       if (N)
@@ -155,7 +156,7 @@ const p = (a) => String(a).padStart(2, "0"), _ = (a) => a ? `${p(a.getHours())}:
       return !n || n.length === 0 || n.includes(t) ? t : n[0];
     },
     [w]
-  ), dt = (e) => {
+  ), ot = (e) => {
     if (l) {
       const t = e;
       if (!t || !t.from && !t.to) {
@@ -167,21 +168,21 @@ const p = (a) => String(a).padStart(2, "0"), _ = (a) => a ? `${p(a.getHours())}:
       return;
     }
     e instanceof Date ? d(v(e, x(e, _(m)))) : e === void 0 && d(void 0);
-  }, ot = (e) => {
+  }, ct = (e) => {
     if (l) {
       d({ from: v(e, x(e, _(c.from))) });
       return;
     }
     d(v(e, x(e, _(m))));
-  }, ct = (e) => {
+  }, mt = (e) => {
     const t = m ?? /* @__PURE__ */ new Date();
     d(v(t, e)), M === "multi-step" && w(t) && J(!1);
-  }, mt = (e) => (t) => {
+  }, ft = (e) => (t) => {
     const n = c[e] ?? c.from ?? /* @__PURE__ */ new Date();
     d({ ...c, [e]: v(n, t) });
   }, B = G(
     () => [
-      ...St({
+      ...Pt({
         minDate: ce,
         maxDate: me,
         disablePast: fe,
@@ -191,15 +192,15 @@ const p = (a) => String(a).padStart(2, "0"), _ = (a) => a ? `${p(a.getHours())}:
     ],
     [ce, me, fe, ue, T]
   ), Ne = F(
-    (e) => jt(e, B),
+    (e) => qt(e, B),
     [B]
-  ), ft = (e) => {
+  ), ut = (e) => {
     if (X(e), e === "") {
       h(!1), d(void 0);
       return;
     }
     if (u) {
-      const n = Ut(e);
+      const n = Jt(e);
       if (!n) {
         h(!1);
         return;
@@ -212,7 +213,7 @@ const p = (a) => String(a).padStart(2, "0"), _ = (a) => a ? `${p(a.getHours())}:
       return;
     }
     if (l) return;
-    const t = et(e);
+    const t = tt(e);
     if (!t) {
       h(!1);
       return;
@@ -222,7 +223,7 @@ const p = (a) => String(a).padStart(2, "0"), _ = (a) => a ? `${p(a.getHours())}:
       return;
     }
     h(!1), d(t), A(t);
-  }, ut = () => {
+  }, pt = () => {
     var t;
     const e = (t = I.current) == null ? void 0 : t.input;
     if (e) {
@@ -232,51 +233,51 @@ const p = (a) => String(a).padStart(2, "0"), _ = (a) => a ? `${p(a.getHours())}:
       }
       e.focus();
     }
-  }, pt = () => {
+  }, ht = () => {
     if (!$) {
       if (u) {
-        ut();
+        pt();
         return;
       }
       J((e) => !e);
     }
-  }, ht = M === "multi-step" ? /* @__PURE__ */ r("div", { className: i["tedi-date-time-field__select-time-wrapper"], children: /* @__PURE__ */ r(we, { type: "button", visualType: "link", size: "small", iconLeft: "schedule", onClick: () => K("time"), children: Be }) }) : void 0, te = /* @__PURE__ */ r(
-    Vt,
+  }, gt = M === "multi-step" ? /* @__PURE__ */ r("div", { className: i["tedi-date-time-field__select-time-wrapper"], children: /* @__PURE__ */ r(we, { type: "button", visualType: "link", size: "small", iconLeft: "schedule", onClick: () => K("time"), children: Ye }) }) : void 0, te = /* @__PURE__ */ r(
+    Ct,
     {
-      view: Qe,
+      view: Xe,
       setView: _e,
-      selectionLevel: Ge,
-      currentMonth: Xe,
+      selectionLevel: We,
+      currentMonth: Ze,
       setCurrentMonth: A,
       mode: l ? "range" : "single",
       value: l ? c : m,
       numberOfMonths: l && !S ? 2 : 1,
-      locale: Ie,
+      locale: Be,
       localeCode: k,
       showOutsideDays: Se,
       monthYearSelectType: Ce,
-      minYear: We,
-      maxYear: je,
+      minYear: je,
+      maxYear: qe,
       disabledMatchers: B.length ? B : void 0,
       required: oe,
-      handleSelect: dt,
-      applyValue: ot,
-      footer: ht,
+      handleSelect: ot,
+      applyValue: ct,
+      footer: gt,
       className: C(
         i["tedi-date-time-field__calendar"],
         M === "side-by-side" && i["tedi-date-time-field__calendar--split"]
       )
     }
-  ), ie = w(m), gt = !ie || ie.length === 0, ye = /* @__PURE__ */ r(
+  ), ie = w(m), _t = !ie || ie.length === 0, ye = /* @__PURE__ */ r(
     Re,
     {
       value: _(m),
       stepMinutes: pe,
       availableTimes: ie,
       gridVariant: he,
-      onChange: ct,
+      onChange: mt,
       className: C(i["tedi-date-time-field__time-picker"], {
-        [i["tedi-date-time-field__time-picker--wheel"]]: gt
+        [i["tedi-date-time-field__time-picker--wheel"]]: _t
       })
     }
   ), De = (e) => {
@@ -288,27 +289,27 @@ const p = (a) => String(a).padStart(2, "0"), _ = (a) => a ? `${p(a.getHours())}:
         stepMinutes: pe,
         availableTimes: t,
         gridVariant: he,
-        onChange: mt(e),
+        onChange: ft(e),
         className: C(i["tedi-date-time-field__time-picker"], {
           [i["tedi-date-time-field__time-picker--wheel"]]: n
         })
       }
     );
-  }, R = s == null ? void 0 : s.helper, Y = be ? { text: qe, type: "error" } : null, _t = Y ? R ? Array.isArray(R) ? [...R, Y] : [R, Y] : Y : R, vt = {
+  }, R = s == null ? void 0 : s.helper, Y = be ? { text: Ue, type: "error" } : null, vt = Y ? R ? Array.isArray(R) ? [...R, Y] : [R, Y] : Y : R, bt = {
     ...s,
-    id: Pe,
-    label: $e,
-    value: u ? qt(m) : tt,
-    placeholder: Ae,
-    readOnly: He || !u && !!N && !!y,
+    id: $e,
+    label: Ae,
+    value: u ? Ut(m) : it,
+    placeholder: Oe,
+    readOnly: Ie || !u && !!N && !!y,
     icon: "calendar_today",
-    isClearable: !0,
+    isClearable: Pe,
     required: oe,
     disabled: $,
     invalid: be || (s == null ? void 0 : s.invalid),
-    helper: _t,
-    onIconClick: pt,
-    onChange: ft,
+    helper: vt,
+    onIconClick: ht,
+    onChange: ut,
     className: C(i["tedi-date-time-field__textfield"], s == null ? void 0 : s.className, {
       [i["tedi-date-time-field__icon--disabled"]]: $
     }),
@@ -318,18 +319,18 @@ const p = (a) => String(a).padStart(2, "0"), _ = (a) => a ? `${p(a.getHours())}:
       "aria-expanded": u ? void 0 : D
     }
   };
-  return /* @__PURE__ */ f(Dt, { children: [
-    /* @__PURE__ */ r("div", { className: C(i["tedi-date-time-field__container"], Oe), "aria-haspopup": "dialog", children: /* @__PURE__ */ r($t, { ref: lt, "aria-expanded": u ? void 0 : D, ...vt }) }),
-    !u && /* @__PURE__ */ r(wt, { children: D && !$ && /* @__PURE__ */ r(xt, { context: ee, modal: !1, initialFocus: -1, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ f(Ft, { children: [
+    /* @__PURE__ */ r("div", { className: C(i["tedi-date-time-field__container"], Le), "aria-haspopup": "dialog", children: /* @__PURE__ */ r(At, { ref: dt, "aria-expanded": u ? void 0 : D, ...bt }) }),
+    !u && /* @__PURE__ */ r(xt, { children: D && !$ && /* @__PURE__ */ r(Rt, { context: ee, modal: !1, initialFocus: -1, children: /* @__PURE__ */ r(
       "div",
       {
         ref: Z.setFloating,
         className: i["tedi-date-time-field__popup"],
-        ...st.getFloatingProps({
+        ...lt.getFloatingProps({
           style: {
-            position: nt,
-            top: rt ?? 0,
-            left: at ?? 0
+            position: st,
+            top: nt ?? 0,
+            left: rt ?? 0
           }
         }),
         children: l ? /* @__PURE__ */ f("div", { className: i["tedi-date-time-field__range"], children: [
@@ -352,7 +353,7 @@ const p = (a) => String(a).padStart(2, "0"), _ = (a) => a ? `${p(a.getHours())}:
             /* @__PURE__ */ r("div", { className: i["tedi-date-time-field__split-time-header"], children: /* @__PURE__ */ r("span", { className: i["tedi-date-time-field__split-heading"], children: j }) }),
             /* @__PURE__ */ r("div", { className: i["tedi-date-time-field__split-time-body"], children: ye })
           ] })
-        ] }) : Ke === "date" ? te : /* @__PURE__ */ f("div", { className: i["tedi-date-time-field__time-step"], children: [
+        ] }) : Qe === "date" ? te : /* @__PURE__ */ f("div", { className: i["tedi-date-time-field__time-step"], children: [
           /* @__PURE__ */ f("header", { className: i["tedi-date-time-field__time-header"], children: [
             /* @__PURE__ */ r(
               we,
@@ -362,10 +363,10 @@ const p = (a) => String(a).padStart(2, "0"), _ = (a) => a ? `${p(a.getHours())}:
                 size: "small",
                 iconLeft: "arrow_back",
                 onClick: () => K("date"),
-                children: Ye
+                children: ze
               }
             ),
-            /* @__PURE__ */ r("span", { className: i["tedi-date-time-field__time-date"], children: Ze.format(m ?? /* @__PURE__ */ new Date()) })
+            /* @__PURE__ */ r("span", { className: i["tedi-date-time-field__time-date"], children: et.format(m ?? /* @__PURE__ */ new Date()) })
           ] }),
           /* @__PURE__ */ r("div", { className: i["tedi-date-time-field__time-body"], children: ye })
         ] })
@@ -373,7 +374,7 @@ const p = (a) => String(a).padStart(2, "0"), _ = (a) => a ? `${p(a.getHours())}:
     ) }) })
   ] });
 });
-Qt.displayName = "DateTimeField";
+Xt.displayName = "DateTimeField";
 export {
-  Qt as DateTimeField
+  Xt as DateTimeField
 };

package/src/tedi/components/form/select/components/select-multi-option.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime"),I=require("../../../../../../external/classnames/index.cjs.js"),E=require("../../../misc/option-content/option-content.cjs.js"),a=require("../select.module.scss.cjs.js"),t=require("./select-bulk-helpers.cjs.js"),O=require("../../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),g=({renderOption:f,...e})=>{var L;const o=e.data.value===t.SELECT_ALL_VALUE,u=t.isGroupSentinel(e.data),S=!!((L=e.data.customData)!=null&&L.__tediInGroup);let c=e.isSelected,r=!1;if(o){const i=t.getEnabledOptions(e.options).filter(n=>n.value!==t.SELECT_ALL_VALUE),l=(e.getValue()??[]).filter(n=>n.value!==t.SELECT_ALL_VALUE);c=t.areAllSelected(l,i),r=t.isIndeterminate(l,i)}else if(u){const i=e.options,b=i.findIndex(d=>d.value===e.data.value),l=[];for(let d=b+1;d<i.length;d++){const s=i[d];if(!s||typeof s.value=="string"&&(s.value.startsWith(t.GROUP_OPTION_PREFIX)||s.value===t.SELECT_ALL_VALUE))break;s.isDisabled||l.push(s)}const n=e.getValue()??[];c=t.areAllSelected(n,l),r=t.isIndeterminate(n,l)}const m=I.default(a.default["tedi-select__option"],{[a.default["tedi-select__option--disabled"]]:e.isDisabled},{[a.default["tedi-select__option--focused"]]:e.isFocused},{[a.default["tedi-select__option--select-all"]]:o},{[a.default["tedi-select__option--group"]]:u},{[a.default["tedi-select__option--indented"]]:S}),{tabIndex:A,...x}=e.innerProps;return _.jsx(O.c.Option,{...e,innerProps:{...x,tabIndex:A,role:"option","aria-selected":c},className:m,children:f&&!o&&!u?f(e):_.jsx(E.OptionContent,{type:"checkbox",indicatorSemantics:"control",selected:c,indeterminate:r,disabled:e.isDisabled,children:_.jsx(E.OptionContent.Label,{children:e.children})})})};exports.SelectMultiOption=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime"),I=require("../../../../../../external/classnames/index.cjs.js"),E=require("../../../misc/option-content/option-content.cjs.js"),i=require("../select.module.scss.cjs.js"),t=require("./select-bulk-helpers.cjs.js"),O=require("../../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),g=({renderOption:f,...e})=>{var L;const c=e.data.value===t.SELECT_ALL_VALUE,u=t.isGroupSentinel(e.data),S=!!((L=e.data.customData)!=null&&L.__tediInGroup);let a=e.isSelected,r=!1;if(c){const l=t.getEnabledOptions(e.options).filter(s=>s.value!==t.SELECT_ALL_VALUE),n=(e.getValue()??[]).filter(s=>s.value!==t.SELECT_ALL_VALUE);a=t.areAllSelected(n,l),r=t.isIndeterminate(n,l)}else if(u){const l=e.options,b=l.findIndex(o=>o.value===e.data.value),n=[];for(let o=b+1;o<l.length;o++){const d=l[o];if(!d||typeof d.value=="string"&&(d.value.startsWith(t.GROUP_OPTION_PREFIX)||d.value===t.SELECT_ALL_VALUE))break;d.isDisabled||n.push(d)}const s=e.getValue()??[];a=t.areAllSelected(s,n),r=t.isIndeterminate(s,n)}const m=I.default(i.default["tedi-select__option"],i.default["tedi-select__option--control"],{[i.default["tedi-select__option--disabled"]]:e.isDisabled},{[i.default["tedi-select__option--focused"]]:e.isFocused},{[i.default["tedi-select__option--select-all"]]:c},{[i.default["tedi-select__option--group"]]:u},{[i.default["tedi-select__option--indented"]]:S}),{tabIndex:A,...x}=e.innerProps;return _.jsx(O.c.Option,{...e,innerProps:{...x,tabIndex:A,role:"option","aria-selected":a},className:m,children:f&&!c&&!u?f(e):_.jsx(E.OptionContent,{type:"checkbox",indicatorSemantics:"control",selected:a,indeterminate:r,disabled:e.isDisabled,children:_.jsx(E.OptionContent.Label,{children:e.children})})})};exports.SelectMultiOption=g;

package/src/tedi/components/form/select/components/select-multi-option.es.js

@@ -1,42 +1,43 @@
 import { jsx as m } from "react/jsx-runtime";
 import E from "../../../../../../external/classnames/index.es.js";
 import { OptionContent as h } from "../../../misc/option-content/option-content.es.js";
-import s from "../select.module.scss.es.js";
-import { SELECT_ALL_VALUE as c, isGroupSentinel as P, getEnabledOptions as y, areAllSelected as I, isIndeterminate as v, GROUP_OPTION_PREFIX as G } from "./select-bulk-helpers.es.js";
-import { c as L } from "../../../../../../external/react-select/dist/index-641ee5b8.esm.es.js";
-const V = ({ renderOption: f, ...e }) => {
-  var _;
-  const d = e.data.value === c, r = P(e.data), S = !!((_ = e.data.customData) != null && _.__tediInGroup);
+import t from "../select.module.scss.es.js";
+import { SELECT_ALL_VALUE as c, isGroupSentinel as P, getEnabledOptions as p, areAllSelected as I, isIndeterminate as v, GROUP_OPTION_PREFIX as y } from "./select-bulk-helpers.es.js";
+import { c as G } from "../../../../../../external/react-select/dist/index-641ee5b8.esm.es.js";
+const V = ({ renderOption: _, ...e }) => {
+  var f;
+  const d = e.data.value === c, r = P(e.data), S = !!((f = e.data.customData) != null && f.__tediInGroup);
   let a = e.isSelected, u = !1;
   if (d) {
-    const t = y(e.options).filter((l) => l.value !== c), i = (e.getValue() ?? []).filter((l) => l.value !== c);
-    a = I(i, t), u = v(i, t);
+    const i = p(e.options).filter((n) => n.value !== c), l = (e.getValue() ?? []).filter((n) => n.value !== c);
+    a = I(l, i), u = v(l, i);
   } else if (r) {
-    const t = e.options, b = t.findIndex((o) => o.value === e.data.value), i = [];
-    for (let o = b + 1; o < t.length; o++) {
-      const n = t[o];
-      if (!n || typeof n.value == "string" && (n.value.startsWith(G) || n.value === c))
+    const i = e.options, b = i.findIndex((s) => s.value === e.data.value), l = [];
+    for (let s = b + 1; s < i.length; s++) {
+      const o = i[s];
+      if (!o || typeof o.value == "string" && (o.value.startsWith(y) || o.value === c))
         break;
-      n.isDisabled || i.push(n);
+      o.isDisabled || l.push(o);
     }
-    const l = e.getValue() ?? [];
-    a = I(l, i), u = v(l, i);
+    const n = e.getValue() ?? [];
+    a = I(n, l), u = v(n, l);
   }
   const g = E(
-    s["tedi-select__option"],
-    { [s["tedi-select__option--disabled"]]: e.isDisabled },
-    { [s["tedi-select__option--focused"]]: e.isFocused },
-    { [s["tedi-select__option--select-all"]]: d },
-    { [s["tedi-select__option--group"]]: r },
-    { [s["tedi-select__option--indented"]]: S }
+    t["tedi-select__option"],
+    t["tedi-select__option--control"],
+    { [t["tedi-select__option--disabled"]]: e.isDisabled },
+    { [t["tedi-select__option--focused"]]: e.isFocused },
+    { [t["tedi-select__option--select-all"]]: d },
+    { [t["tedi-select__option--group"]]: r },
+    { [t["tedi-select__option--indented"]]: S }
   ), { tabIndex: O, ...x } = e.innerProps;
   return /* @__PURE__ */ m(
-    L.Option,
+    G.Option,
     {
       ...e,
       innerProps: { ...x, tabIndex: O, role: "option", "aria-selected": a },
       className: g,
-      children: f && !d && !r ? f(e) : /* @__PURE__ */ m(
+      children: _ && !d && !r ? _(e) : /* @__PURE__ */ m(
         h,
         {
           type: "checkbox",

package/src/tedi/components/form/select/components/select-single-option.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("../../../../../../external/classnames/index.cjs.js"),d=require("../../../misc/option-content/option-content.cjs.js"),t=require("../select.module.scss.cjs.js"),o=require("../../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),a=({showRadioButtons:n,renderOption:l,...e})=>{const c=s.default(t.default["tedi-select__option"],{[t.default["tedi-select__option--disabled"]]:e.isDisabled},{[t.default["tedi-select__option--selected"]]:e.isSelected&&!n},{[t.default["tedi-select__option--focused"]]:e.isFocused});return i.jsx(o.c.Option,{...e,innerProps:{role:"option","aria-selected":e.isSelected,"aria-disabled":e.isDisabled,...e.innerProps},className:c,children:n?i.jsx(d.OptionContent,{type:"radio",indicatorSemantics:"control",selected:e.isSelected,disabled:e.isDisabled,children:i.jsx(d.OptionContent.Label,{children:e.children})}):l?l(e):e.children})};exports.SelectSingleOption=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("../../../../../../external/classnames/index.cjs.js"),d=require("../../../misc/option-content/option-content.cjs.js"),t=require("../select.module.scss.cjs.js"),s=require("../../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),a=({showRadioButtons:i,renderOption:l,...e})=>{const c=o.default(t.default["tedi-select__option"],{[t.default["tedi-select__option--control"]]:i},{[t.default["tedi-select__option--disabled"]]:e.isDisabled},{[t.default["tedi-select__option--selected"]]:e.isSelected&&!i},{[t.default["tedi-select__option--focused"]]:e.isFocused});return n.jsx(s.c.Option,{...e,innerProps:{role:"option","aria-selected":e.isSelected,"aria-disabled":e.isDisabled,...e.innerProps},className:c,children:i?n.jsx(d.OptionContent,{type:"radio",indicatorSemantics:"control",selected:e.isSelected,disabled:e.isDisabled,children:n.jsx(d.OptionContent.Label,{children:e.children})}):l?l(e):e.children})};exports.SelectSingleOption=a;

package/src/tedi/components/form/select/components/select-single-option.es.js

@@ -1,16 +1,17 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import o from "../../../../../../external/classnames/index.es.js";
-import { OptionContent as d } from "../../../misc/option-content/option-content.es.js";
+import { OptionContent as n } from "../../../misc/option-content/option-content.es.js";
 import i from "../select.module.scss.es.js";
 import { c as s } from "../../../../../../external/react-select/dist/index-641ee5b8.esm.es.js";
-const f = ({ showRadioButtons: l, renderOption: c, ...e }) => {
-  const n = o(
+const f = ({ showRadioButtons: t, renderOption: c, ...e }) => {
+  const d = o(
     i["tedi-select__option"],
+    { [i["tedi-select__option--control"]]: t },
     { [i["tedi-select__option--disabled"]]: e.isDisabled },
-    { [i["tedi-select__option--selected"]]: e.isSelected && !l },
+    { [i["tedi-select__option--selected"]]: e.isSelected && !t },
     { [i["tedi-select__option--focused"]]: e.isFocused }
   );
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ l(
     s.Option,
     {
       ...e,
@@ -20,15 +21,15 @@ const f = ({ showRadioButtons: l, renderOption: c, ...e }) => {
         "aria-disabled": e.isDisabled,
         ...e.innerProps
       },
-      className: n,
-      children: l ? /* @__PURE__ */ t(
-        d,
+      className: d,
+      children: t ? /* @__PURE__ */ l(
+        n,
         {
           type: "radio",
           indicatorSemantics: "control",
           selected: e.isSelected,
           disabled: e.isDisabled,
-          children: /* @__PURE__ */ t(d.Label, { children: e.children })
+          children: /* @__PURE__ */ l(n.Label, { children: e.children })
         }
       ) : c ? c(e) : e.children
     }

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-select__control":"tedi-select__control-dbce8bb7","tedi-select__value-container":"tedi-select__value-container-253d079a","tedi-select__indicators-container":"tedi-select__indicators-container-0fc8fa2a","tedi-select__input":"tedi-select__input-5525b622","tedi-select":"tedi-select-8b014852","tedi-select--disabled":"tedi-select--disabled-2d4b8ddd","tedi-select--invalid":"tedi-select--invalid-3901c89c","tedi-select--valid":"tedi-select--valid-969c0297","tedi-select__control--focused":"tedi-select__control--focused-0e632efe","tedi-select__arrow":"tedi-select__arrow-94b5ef4a","tedi-select__loading-indicator":"tedi-select__loading-indicator-a35a63ca","tedi-select__dropdown-indicator":"tedi-select__dropdown-indicator-5a948baa","tedi-select__clear-indicator":"tedi-select__clear-indicator-68b60b12","tedi-select__menu-portal":"tedi-select__menu-portal-d5349f37","tedi-select__menu":"tedi-select__menu-bf54b75b","tedi-select__menu-list--grid":"tedi-select__menu-list--grid-393f3232","tedi-select__menu-list":"tedi-select__menu-list-0aa06e24","tedi-select__menu-list-inner":"tedi-select__menu-list-inner-471e5cf8","tedi-select__menu-list-footer":"tedi-select__menu-list-footer-eb1d3bbc","tedi-select__option":"tedi-select__option-6f811381","tedi-select__option--disabled":"tedi-select__option--disabled-d3aff112","tedi-select__option--focused":"tedi-select__option--focused-1d972ff1","tedi-select__option--selected":"tedi-select__option--selected-a93e5fb0","tedi-select--small":"tedi-select--small-2659608b","tedi-select__multi-value-item":"tedi-select__multi-value-item-b8ec59ae","tedi-select__multi-value--ellipsis":"tedi-select__multi-value--ellipsis-1d821ed7","tedi-select__group":"tedi-select__group-b275e954","tedi-select__group-heading":"tedi-select__group-heading-02b3d9bc","tedi-select__group-heading--selectable":"tedi-select__group-heading--selectable-c84cd617","tedi-select__option--indented":"tedi-select__option--indented-bf4a1661","tedi-select__multi-value-clear":"tedi-select__multi-value-clear-d231f7de","tedi-select--tags-row":"tedi-select--tags-row-c9f33e4b","tedi-select__overflow-tag":"tedi-select__overflow-tag-c0391df2","tedi-select__menu-list--keyboard":"tedi-select__menu-list--keyboard-3d066942","tedi-select__select-all":"tedi-select__select-all-12c3e7f1","tedi-select__group-heading-toggle":"tedi-select__group-heading-toggle-34296a63","tedi-select--tags-stack":"tedi-select--tags-stack-ddb929a9","tedi-select__separator":"tedi-select__separator-b1045f3f","tedi-select--searchable":"tedi-select--searchable-d56eb325"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-select__control":"tedi-select__control-dbce8bb7","tedi-select__value-container":"tedi-select__value-container-253d079a","tedi-select__indicators-container":"tedi-select__indicators-container-0fc8fa2a","tedi-select__input":"tedi-select__input-5525b622","tedi-select":"tedi-select-8b014852","tedi-select--disabled":"tedi-select--disabled-2d4b8ddd","tedi-select--invalid":"tedi-select--invalid-3901c89c","tedi-select--valid":"tedi-select--valid-969c0297","tedi-select__control--focused":"tedi-select__control--focused-0e632efe","tedi-select__arrow":"tedi-select__arrow-94b5ef4a","tedi-select__loading-indicator":"tedi-select__loading-indicator-a35a63ca","tedi-select__dropdown-indicator":"tedi-select__dropdown-indicator-5a948baa","tedi-select__clear-indicator":"tedi-select__clear-indicator-68b60b12","tedi-select__menu-portal":"tedi-select__menu-portal-d5349f37","tedi-select__menu":"tedi-select__menu-bf54b75b","tedi-select__menu-list--grid":"tedi-select__menu-list--grid-393f3232","tedi-select__menu-list":"tedi-select__menu-list-0aa06e24","tedi-select__menu-list-inner":"tedi-select__menu-list-inner-471e5cf8","tedi-select__menu-list-footer":"tedi-select__menu-list-footer-eb1d3bbc","tedi-select__option":"tedi-select__option-6f811381","tedi-select__option--disabled":"tedi-select__option--disabled-d3aff112","tedi-select__option--selected":"tedi-select__option--selected-a93e5fb0","tedi-select__option--focused":"tedi-select__option--focused-1d972ff1","tedi-select__option--control":"tedi-select__option--control-f69f3f48","tedi-select--small":"tedi-select--small-2659608b","tedi-select__multi-value-item":"tedi-select__multi-value-item-b8ec59ae","tedi-select__multi-value--ellipsis":"tedi-select__multi-value--ellipsis-1d821ed7","tedi-select__group":"tedi-select__group-b275e954","tedi-select__group-heading":"tedi-select__group-heading-02b3d9bc","tedi-select__group-heading--selectable":"tedi-select__group-heading--selectable-c84cd617","tedi-select__option--indented":"tedi-select__option--indented-bf4a1661","tedi-select__multi-value-clear":"tedi-select__multi-value-clear-d231f7de","tedi-select--tags-row":"tedi-select--tags-row-c9f33e4b","tedi-select__overflow-tag":"tedi-select__overflow-tag-c0391df2","tedi-select__menu-list--keyboard":"tedi-select__menu-list--keyboard-3d066942","tedi-select__select-all":"tedi-select__select-all-12c3e7f1","tedi-select__group-heading-toggle":"tedi-select__group-heading-toggle-34296a63","tedi-select--tags-stack":"tedi-select--tags-stack-ddb929a9","tedi-select__separator":"tedi-select__separator-b1045f3f","tedi-select--searchable":"tedi-select--searchable-d56eb325"};exports.default=e;

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

@@ -20,8 +20,9 @@ const e = {
   "tedi-select__menu-list-footer": "tedi-select__menu-list-footer-eb1d3bbc",
   "tedi-select__option": "tedi-select__option-6f811381",
   "tedi-select__option--disabled": "tedi-select__option--disabled-d3aff112",
-  "tedi-select__option--focused": "tedi-select__option--focused-1d972ff1",
   "tedi-select__option--selected": "tedi-select__option--selected-a93e5fb0",
+  "tedi-select__option--focused": "tedi-select__option--focused-1d972ff1",
+  "tedi-select__option--control": "tedi-select__option--control-f69f3f48",
   "tedi-select--small": "tedi-select--small-2659608b",
   "tedi-select__multi-value-item": "tedi-select__multi-value-item-b8ec59ae",
   "tedi-select__multi-value--ellipsis": "tedi-select__multi-value--ellipsis-1d821ed7",

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),y=require("../../../../../external/classnames/index.cjs.js"),f=require("react"),A=require("../textfield/textfield.cjs.js"),pe=require("../time-picker/time-picker.cjs.js"),d=require("./time-field.module.scss.cjs.js"),H=require("./time-field-helpers.cjs.js"),ge=require("./time-picker-modal/time-picker-modal.cjs.js"),ke=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),K=require("../../../helpers/hooks/use-breakpoint.cjs.js"),F=require("../../overlays/dropdown/dropdown.cjs.js"),xe=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),B=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),G=_=>{const{getCurrentBreakpointProps:J}=ke.useBreakpointProps(_.defaultServerBreakpoint),{id:L,label:Q,value:u,defaultValue:W,onChange:C,readOnly:h=!1,disabled:l=!1,required:X,placeholder:Y,inputProps:t,stepMinutes:M=1,className:O,availableTimes:a,modal:P=!1,modalProps:Z}=_,{useNativePicker:$=!1,timePickerTrigger:N="button",showPicker:n=!0,availableTimesVariant:w="grid-buttons"}=J(_),D=u!==void 0,[ee,R]=f.useState(u??W??""),m=D?u:ee,[T,j]=f.useState(!1),[te,U]=f.useState(!1),p=N==="input",s=$,ie=K.default(),g=!s&&n&&!h&&!l&&(P===!0||typeof P=="string"&&K.isBreakpointBelow(ie,P)),ne=c.useFloating({open:T,onOpenChange:j,placement:p?"bottom-start":"bottom-end",middleware:[B.offset(H.TIMEPICKER_OFFSET),B.flip(),B.shift()],whileElementsMounted:xe.autoUpdate}),{refs:q,context:v,x:oe,y:re,strategy:se}=ne,le=c.useClick(v),ae=c.useDismiss(v),de=c.useRole(v,{role:"listbox"}),S=n&&p&&!h&&!l&&!s&&!g,V=c.useInteractions([...S?[le]:[],ae,de]),k=e=>{const o=e.trim();D||R(o),C==null||C(o)},ce=e=>{var b;const o=e.target.value??"";(b=t==null?void 0:t.onBlur)==null||b.call(t,e);const r=H.normalizeTime(o);r!==null&&r!==o&&k(r)};f.useEffect(()=>{u!==void 0&&R(u)},[u]);const x=f.useRef(null);f.useEffect(()=>{var e;(e=x.current)!=null&&e.inner&&q.setReference(x.current.inner)},[q]);const ue=()=>{var o;const e=(o=x.current)==null?void 0:o.input;if(e){if(typeof e.showPicker=="function"){e.showPicker();return}e.focus()}},fe=()=>j(e=>!e),E=()=>U(!0),me=()=>{!n||l||(s?ue():g?E():N==="button"&&fe())},z=g&&p&&!h?()=>{E()}:void 0,I={...t,id:L,label:Q,value:m,placeholder:Y,readOnly:h||!s&&p,disabled:l||(t==null?void 0:t.disabled),icon:n?"schedule":{name:"schedule",color:"inherit"},isClearable:!0,required:X,onIconClick:n?me:void 0,onChange:k,onBlur:ce,className:y.default(d.default["tedi-time-field__textfield"],{[d.default["tedi-time-field__icon--disabled"]]:!n||l},{[d.default["tedi-time-field__textfield--disabled"]]:l||(t==null?void 0:t.disabled)},{[d.default["tedi-time-field--native"]]:s}),input:{...t==null?void 0:t.input,...s&&{type:"time"},...z&&{onClick:z}}};if(!s&&n&&!l&&w==="dropdown"&&!!(a!=null&&a.length)){const e=a.indexOf(m),o=e>=0?e:0;return i.jsxs(F.Dropdown,{width:"trigger",defaultActiveIndex:o,children:[i.jsx(F.Dropdown.Trigger,{children:i.jsx("div",{className:y.default(d.default["tedi-time-field__container"],O,{[d.default["tedi-time-field__container--native"]]:s}),children:i.jsx(A.TextField,{ref:x,...I,input:{...I.input,...!p&&{onClick:r=>r.stopPropagation()}}})})}),i.jsx(F.Dropdown.Content,{children:a.map((r,b)=>i.jsx(F.Dropdown.Item,{index:b,active:r===m,onClick:()=>k(r),children:r},r))})]})}return i.jsxs(i.Fragment,{children:[i.jsx("div",{className:y.default(d.default["tedi-time-field__container"],O),...S?V.getReferenceProps():{},"aria-haspopup":n?"listbox":void 0,tabIndex:-1,children:i.jsx(A.TextField,{ref:x,"aria-expanded":n?T:void 0,...I})}),g&&i.jsx(ge.TimePickerModal,{open:te,onOpenChange:U,value:m,onConfirm:k,stepMinutes:M,availableTimes:a,gridVariant:w==="grid-radio"?"radio":"button",modalProps:Z}),!s&&n&&!l&&!g&&i.jsx(c.FloatingPortal,{children:T&&i.jsx(c.FloatingFocusManager,{context:v,modal:!1,initialFocus:-1,children:i.jsx("div",{ref:q.setFloating,...V.getFloatingProps({style:{position:se,top:re??0,left:oe??0}}),children:i.jsx(pe.TimePicker,{value:m,stepMinutes:M,availableTimes:a,onChange:e=>{k(e),a&&j(!1)},gridVariant:w==="grid-radio"?"radio":"button",className:d.default["tedi-time-field__picker-wrapper"]})})})})]})};G.displayName="TimeField";exports.TimeField=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),y=require("../../../../../external/classnames/index.cjs.js"),f=require("react"),A=require("../textfield/textfield.cjs.js"),ge=require("../time-picker/time-picker.cjs.js"),d=require("./time-field.module.scss.cjs.js"),H=require("./time-field-helpers.cjs.js"),ke=require("./time-picker-modal/time-picker-modal.cjs.js"),xe=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),K=require("../../../helpers/hooks/use-breakpoint.cjs.js"),F=require("../../overlays/dropdown/dropdown.cjs.js"),he=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),B=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),G=_=>{const{getCurrentBreakpointProps:J}=xe.useBreakpointProps(_.defaultServerBreakpoint),{id:L,label:Q,value:u,defaultValue:W,onChange:C,readOnly:h=!1,disabled:l=!1,required:X,placeholder:Y,inputProps:t,stepMinutes:M=1,className:O,availableTimes:a,modal:P=!1,modalProps:Z}=_,{useNativePicker:$=!1,timePickerTrigger:N="button",showPicker:n=!0,availableTimesVariant:w="grid-buttons",clearable:ee=!0}=J(_),D=u!==void 0,[te,R]=f.useState(u??W??""),m=D?u:te,[T,j]=f.useState(!1),[ie,U]=f.useState(!1),p=N==="input",s=$,ne=K.default(),g=!s&&n&&!h&&!l&&(P===!0||typeof P=="string"&&K.isBreakpointBelow(ne,P)),oe=c.useFloating({open:T,onOpenChange:j,placement:p?"bottom-start":"bottom-end",middleware:[B.offset(H.TIMEPICKER_OFFSET),B.flip(),B.shift()],whileElementsMounted:he.autoUpdate}),{refs:q,context:b,x:re,y:se,strategy:le}=oe,ae=c.useClick(b),de=c.useDismiss(b),ce=c.useRole(b,{role:"listbox"}),S=n&&p&&!h&&!l&&!s&&!g,V=c.useInteractions([...S?[ae]:[],de,ce]),k=e=>{const o=e.trim();D||R(o),C==null||C(o)},ue=e=>{var v;const o=e.target.value??"";(v=t==null?void 0:t.onBlur)==null||v.call(t,e);const r=H.normalizeTime(o);r!==null&&r!==o&&k(r)};f.useEffect(()=>{u!==void 0&&R(u)},[u]);const x=f.useRef(null);f.useEffect(()=>{var e;(e=x.current)!=null&&e.inner&&q.setReference(x.current.inner)},[q]);const fe=()=>{var o;const e=(o=x.current)==null?void 0:o.input;if(e){if(typeof e.showPicker=="function"){e.showPicker();return}e.focus()}},me=()=>j(e=>!e),E=()=>U(!0),pe=()=>{!n||l||(s?fe():g?E():N==="button"&&me())},z=g&&p&&!h?()=>{E()}:void 0,I={...t,id:L,label:Q,value:m,placeholder:Y,readOnly:h||!s&&p,disabled:l||(t==null?void 0:t.disabled),icon:n?"schedule":{name:"schedule",color:"inherit"},isClearable:ee,required:X,onIconClick:n?pe:void 0,onChange:k,onBlur:ue,className:y.default(d.default["tedi-time-field__textfield"],{[d.default["tedi-time-field__icon--disabled"]]:!n||l},{[d.default["tedi-time-field__textfield--disabled"]]:l||(t==null?void 0:t.disabled)},{[d.default["tedi-time-field--native"]]:s}),input:{...t==null?void 0:t.input,...s&&{type:"time"},...z&&{onClick:z}}};if(!s&&n&&!l&&w==="dropdown"&&!!(a!=null&&a.length)){const e=a.indexOf(m),o=e>=0?e:0;return i.jsxs(F.Dropdown,{width:"trigger",defaultActiveIndex:o,children:[i.jsx(F.Dropdown.Trigger,{children:i.jsx("div",{className:y.default(d.default["tedi-time-field__container"],O,{[d.default["tedi-time-field__container--native"]]:s}),children:i.jsx(A.TextField,{ref:x,...I,input:{...I.input,...!p&&{onClick:r=>r.stopPropagation()}}})})}),i.jsx(F.Dropdown.Content,{children:a.map((r,v)=>i.jsx(F.Dropdown.Item,{index:v,active:r===m,onClick:()=>k(r),children:r},r))})]})}return i.jsxs(i.Fragment,{children:[i.jsx("div",{className:y.default(d.default["tedi-time-field__container"],O),...S?V.getReferenceProps():{},"aria-haspopup":n?"listbox":void 0,tabIndex:-1,children:i.jsx(A.TextField,{ref:x,"aria-expanded":n?T:void 0,...I})}),g&&i.jsx(ke.TimePickerModal,{open:ie,onOpenChange:U,value:m,onConfirm:k,stepMinutes:M,availableTimes:a,gridVariant:w==="grid-radio"?"radio":"button",modalProps:Z}),!s&&n&&!l&&!g&&i.jsx(c.FloatingPortal,{children:T&&i.jsx(c.FloatingFocusManager,{context:b,modal:!1,initialFocus:-1,children:i.jsx("div",{ref:q.setFloating,...V.getFloatingProps({style:{position:le,top:se??0,left:re??0}}),children:i.jsx(ge.TimePicker,{value:m,stepMinutes:M,availableTimes:a,onChange:e=>{k(e),a&&j(!1)},gridVariant:w==="grid-radio"?"radio":"button",className:d.default["tedi-time-field__picker-wrapper"]})})})})]})};G.displayName="TimeField";exports.TimeField=G;

package/src/tedi/components/form/time-field/time-field.d.ts

@@ -31,6 +31,12 @@ type TimeFieldBreakpointProps = {
      * - 'dropdown' – dropdown list
      */
     availableTimesVariant?: 'grid-buttons' | 'grid-radio' | 'dropdown';
+    /**
+     * Whether the field shows a clear button to reset the value. Disable it
+     * when the field is required or the value should not be cleared.
+     * @default true
+     */
+    clearable?: boolean;
 };
 export interface TimeFieldProps extends BreakpointSupport<TimeFieldBreakpointProps> {
     /**