@okam/stack-ui 1.32.3 → 1.32.4

package/index149.mjs

@@ -1,336 +1,258 @@
-import { useDefaultProps as re, convertValue as ie, createPlaceholderDate as w, getFormatOptions as T, getValidationResult as ne } from "./index180.mjs";
-import { getPlaceholder as ue } from "./index183.mjs";
-import { GregorianCalendar as oe } from "./index184.mjs";
-import { toCalendar as Q } from "./index170.mjs";
-import { getMinimumDayInMonth as ce, getMinimumMonthInYear as de } from "./index152.mjs";
-import { DateFormatter as k } from "./index181.mjs";
-import { useFormValidationState as se } from "./index157.mjs";
-import { useControlledState as fe } from "./index162.mjs";
-import { useMemo as f, useState as W, useRef as X, useEffect as he } from "react";
-const j = {
-  year: !0,
-  month: !0,
-  day: !0,
-  hour: !0,
-  minute: !0,
-  second: !0,
-  dayPeriod: !0,
-  era: !0
-}, p = {
-  year: 5,
-  month: 2,
-  day: 7,
-  hour: 2,
-  minute: 15,
-  second: 15
-}, me = {
-  dayperiod: "dayPeriod"
-};
-function Ee(a) {
-  let { locale: l, createCalendar: n, hideTimeZone: d, isDisabled: h = !1, isReadOnly: y = !1, isRequired: R = !1, minValue: _, maxValue: Z, isDateUnavailable: K } = a, v = a.value || a.defaultValue || a.placeholderValue || null, [s, $] = re(v, a.granularity), L = $ || "UTC";
-  if (v && !(s in v)) throw new Error("Invalid granularity " + s + " for value " + v.toString());
-  let U = f(() => new k(l), [
-    l
-  ]), u = f(() => n(U.resolvedOptions().calendar), [
-    n,
-    U
-  ]);
-  var C;
-  let [g, F] = fe(a.value, (C = a.defaultValue) !== null && C !== void 0 ? C : null, a.onChange), O = f(() => {
-    var e;
-    return (e = ie(g, u)) !== null && e !== void 0 ? e : null;
-  }, [
-    g,
-    u
-  ]), [Y, S] = W(() => w(a.placeholderValue, s, u, $)), ee = O || Y, q = u.identifier === "gregory" && ee.era === "BC", P = f(() => {
-    var e;
-    return {
-      granularity: s,
-      maxGranularity: (e = a.maxGranularity) !== null && e !== void 0 ? e : "year",
-      timeZone: $,
-      hideTimeZone: d,
-      hourCycle: a.hourCycle,
-      showEra: q,
-      shouldForceLeadingZeros: a.shouldForceLeadingZeros
-    };
-  }, [
-    a.maxGranularity,
-    s,
-    a.hourCycle,
-    a.shouldForceLeadingZeros,
-    $,
-    d,
-    q
-  ]), A = f(() => T({}, P), [
-    P
-  ]), V = f(() => new k(l, A), [
-    l,
-    A
-  ]), D = f(() => V.resolvedOptions(), [
-    V
-  ]), c = f(() => V.formatToParts(/* @__PURE__ */ new Date()).filter((e) => j[e.type]).reduce((e, r) => (e[r.type] = !0, e), {}), [
-    V
-  ]), [t, b] = W(() => a.value || a.defaultValue ? {
-    ...c
-  } : {}), I = X(null), B = X(u.identifier);
-  he(() => {
-    u.identifier !== B.current && (B.current = u.identifier, S((e) => Object.keys(t).length > 0 ? Q(e, u) : w(a.placeholderValue, s, u, $)));
-  }, [
-    u,
-    s,
-    t,
-    $,
-    a.placeholderValue
-  ]), g && Object.keys(t).length < Object.keys(c).length && (t = {
-    ...c
-  }, b(t)), g == null && Object.keys(t).length === Object.keys(c).length && (t = {}, b(t), S(w(a.placeholderValue, s, u, $)));
-  let i = O && Object.keys(t).length >= Object.keys(c).length ? O : Y, x = (e) => {
-    if (a.isDisabled || a.isReadOnly) return;
-    let r = Object.keys(t), o = Object.keys(c);
-    e == null ? (F(null), S(w(a.placeholderValue, s, u, $)), b({})) : r.length >= o.length || r.length === o.length - 1 && c.dayPeriod && !t.dayPeriod && I.current !== "dayPeriod" ? (e = Q(e, (v == null ? void 0 : v.calendar) || new oe()), F(e)) : S(e), I.current = null;
-  }, E = f(() => i.toDate(L), [
-    i,
-    L
-  ]), ae = f(() => V.formatToParts(E).map((e) => {
-    let r = j[e.type];
-    e.type === "era" && u.getEras().length === 1 && (r = !1);
-    let o = j[e.type] && !t[e.type], m = j[e.type] ? ue(e.type, e.value, l) : null;
-    return {
-      type: me[e.type] || e.type,
-      text: o ? m : e.value,
-      ...ye(i, e.type, D),
-      isPlaceholder: o,
-      placeholder: m,
-      isEditable: r
-    };
-  }), [
-    E,
-    t,
-    V,
-    D,
-    i,
-    u,
-    l
-  ]);
-  c.era && t.year && !t.era ? (t.era = !0, b({
-    ...t
-  })) : !c.era && t.era && (delete t.era, b({
-    ...t
-  }));
-  let N = (e) => {
-    t[e] = !0, e === "year" && c.era && (t.era = !0), b({
-      ...t
-    });
-  }, M = (e, r) => {
-    if (t[e])
-      x($e(i, e, r, D));
-    else {
-      N(e);
-      let o = Object.keys(t), m = Object.keys(c);
-      (o.length >= m.length || o.length === m.length - 1 && c.dayPeriod && !t.dayPeriod) && x(i);
-    }
-  }, te = f(() => ne(g, _, Z, K, P), [
-    g,
-    _,
-    Z,
-    K,
-    P
-  ]), z = se({
-    ...a,
-    value: g,
-    builtinValidation: te
-  }), H = z.displayValidation.isInvalid, le = a.validationState || (H ? "invalid" : null);
-  var G;
-  return {
-    ...z,
-    value: O,
-    dateValue: E,
-    calendar: u,
-    setValue: x,
-    segments: ae,
-    dateFormatter: V,
-    validationState: le,
-    isInvalid: H,
-    granularity: s,
-    maxGranularity: (G = a.maxGranularity) !== null && G !== void 0 ? G : "year",
-    isDisabled: h,
-    isReadOnly: y,
-    isRequired: R,
-    increment(e) {
-      M(e, 1);
-    },
-    decrement(e) {
-      M(e, -1);
+import { hookData as z } from "./index150.mjs";
+import { useDisplayNames as A } from "./index168.mjs";
+import { CalendarDate as G } from "./index169.mjs";
+import { toCalendar as J } from "./index170.mjs";
+import { useId as Q } from "./index139.mjs";
+import { mergeProps as X } from "./index158.mjs";
+import { useLabels as Y } from "./index171.mjs";
+import { useLayoutEffect as g } from "./index172.mjs";
+import { getScrollParent as ee } from "./index173.mjs";
+import { isIOS as re, isMac as ae } from "./index174.mjs";
+import { useEvent as h } from "./index175.mjs";
+import { scrollIntoViewport as te } from "./index176.mjs";
+import { NumberParser as ie } from "./index177.mjs";
+import oe, { useRef as v, useMemo as f } from "react";
+import { useLocale as le, useDateFormatter as y, useFilter as ne } from "@react-aria/i18n";
+import { useSpinButton as de } from "./index178.mjs";
+function Ce(r, a, o) {
+  let l = v(""), { locale: P } = le(), T = A(), { ariaLabel: D, ariaLabelledBy: V, ariaDescribedBy: w, focusManager: u } = z.get(a), p = r.isPlaceholder ? "" : r.text, $ = f(() => a.dateFormatter.resolvedOptions(), [
+    a.dateFormatter
+  ]), E = y({
+    month: "long",
+    timeZone: $.timeZone
+  }), O = y({
+    hour: "numeric",
+    hour12: $.hour12,
+    timeZone: $.timeZone
+  });
+  if (r.type === "month" && !r.isPlaceholder) {
+    let e = E.format(a.dateValue);
+    p = e !== p ? `${p} – ${e}` : e;
+  } else r.type === "hour" && !r.isPlaceholder && (p = O.format(a.dateValue));
+  let { spinButtonProps: I } = de({
+    // The ARIA spec says aria-valuenow is optional if there's no value, but aXe seems to require it.
+    // This doesn't seem to have any negative effects with real AT since we also use aria-valuetext.
+    // https://github.com/dequelabs/axe-core/issues/3505
+    value: r.value,
+    textValue: p,
+    minValue: r.minValue,
+    maxValue: r.maxValue,
+    isDisabled: a.isDisabled,
+    isReadOnly: a.isReadOnly || !r.isEditable,
+    isRequired: a.isRequired,
+    onIncrement: () => {
+      l.current = "", a.increment(r.type);
     },
-    incrementPage(e) {
-      M(e, p[e] || 1);
+    onDecrement: () => {
+      l.current = "", a.decrement(r.type);
     },
-    decrementPage(e) {
-      M(e, -(p[e] || 1));
+    onIncrementPage: () => {
+      l.current = "", a.incrementPage(r.type);
     },
-    setSegment(e, r) {
-      N(e), x(be(i, e, r, D));
+    onDecrementPage: () => {
+      l.current = "", a.decrementPage(r.type);
     },
-    confirmPlaceholder() {
-      if (a.isDisabled || a.isReadOnly) return;
-      let e = Object.keys(t), r = Object.keys(c);
-      e.length === r.length - 1 && c.dayPeriod && !t.dayPeriod && (t = {
-        ...c
-      }, b(t), x(i.copy()));
+    onIncrementToMax: () => {
+      l.current = "", r.maxValue !== void 0 && a.setSegment(r.type, r.maxValue);
     },
-    clearSegment(e) {
-      delete t[e], I.current = e, b({
-        ...t
-      });
-      let r = w(a.placeholderValue, s, u, $), o = i;
-      if (e === "dayPeriod" && "hour" in i && "hour" in r) {
-        let m = i.hour >= 12, J = r.hour >= 12;
-        m && !J ? o = i.set({
-          hour: i.hour - 12
-        }) : !m && J && (o = i.set({
-          hour: i.hour + 12
-        }));
-      } else e in i && (o = i.set({
-        [e]: r[e]
-      }));
-      F(null), x(o);
-    },
-    formatValue(e) {
-      if (!O) return "";
-      let r = T(e, P);
-      return new k(l, r).format(E);
-    },
-    getDateFormatter(e, r) {
-      let o = {
-        ...P,
-        ...r
-      }, m = T({}, o);
-      return new k(e, m);
+    onDecrementToMin: () => {
+      l.current = "", r.minValue !== void 0 && a.setSegment(r.type, r.minValue);
     }
-  };
-}
-function ye(a, l, n) {
-  switch (l) {
-    case "era": {
-      let d = a.calendar.getEras();
+  }), d = f(() => new ie(P, {
+    maximumFractionDigits: 0
+  }), [
+    P
+  ]), S = () => {
+    if (r.text === r.placeholder && u.focusPrevious(), d.isValidPartialNumber(r.text) && !a.isReadOnly && !r.isPlaceholder) {
+      let e = r.text.slice(0, -1), t = d.parse(e);
+      e = t === 0 ? "" : e, e.length === 0 || t === 0 ? a.clearSegment(r.type) : a.setSegment(r.type, t), l.current = e;
+    } else r.type === "dayPeriod" && a.clearSegment(r.type);
+  }, K = (e) => {
+    if (e.key === "a" && (ae() ? e.metaKey : e.ctrlKey) && e.preventDefault(), !(e.ctrlKey || e.metaKey || e.shiftKey || e.altKey))
+      switch (e.key) {
+        case "Backspace":
+        case "Delete":
+          e.preventDefault(), e.stopPropagation(), S();
+          break;
+      }
+  }, { startsWith: s } = ne({
+    sensitivity: "base"
+  }), m = y({
+    hour: "numeric",
+    hour12: !0
+  }), C = f(() => {
+    let e = /* @__PURE__ */ new Date();
+    return e.setHours(0), m.formatToParts(e).find((t) => t.type === "dayPeriod").value;
+  }, [
+    m
+  ]), N = f(() => {
+    let e = /* @__PURE__ */ new Date();
+    return e.setHours(12), m.formatToParts(e).find((t) => t.type === "dayPeriod").value;
+  }, [
+    m
+  ]), F = y({
+    year: "numeric",
+    era: "narrow",
+    timeZone: "UTC"
+  }), B = f(() => {
+    if (r.type !== "era") return [];
+    let e = J(new G(1, 1, 1), a.calendar), t = a.calendar.getEras().map((n) => {
+      let b = e.set({
+        year: 1,
+        month: 1,
+        day: 1,
+        era: n
+      }).toDate("UTC"), U = F.formatToParts(b).find((j) => j.type === "era").value;
       return {
-        value: d.indexOf(a.era),
-        minValue: 0,
-        maxValue: d.length - 1
+        era: n,
+        formatted: U
       };
+    }), i = ue(t.map((n) => n.formatted));
+    if (i) for (let n of t) n.formatted = n.formatted.slice(i);
+    return t;
+  }, [
+    F,
+    a.calendar,
+    r.type
+  ]), k = (e) => {
+    if (a.isDisabled || a.isReadOnly) return;
+    let t = l.current + e;
+    switch (r.type) {
+      case "dayPeriod":
+        if (s(C, e)) a.setSegment("dayPeriod", 0);
+        else if (s(N, e)) a.setSegment("dayPeriod", 12);
+        else break;
+        u.focusNext();
+        break;
+      case "era": {
+        let i = B.find((n) => s(n.formatted, e));
+        i && (a.setSegment("era", i.era), u.focusNext());
+        break;
+      }
+      case "day":
+      case "hour":
+      case "minute":
+      case "second":
+      case "month":
+      case "year": {
+        if (!d.isValidPartialNumber(t)) return;
+        let i = d.parse(t), n = i, b = r.minValue === 0;
+        if (r.type === "hour" && a.dateFormatter.resolvedOptions().hour12) {
+          switch (a.dateFormatter.resolvedOptions().hourCycle) {
+            case "h11":
+              i > 11 && (n = d.parse(e));
+              break;
+            case "h12":
+              b = !1, i > 12 && (n = d.parse(e));
+              break;
+          }
+          r.value !== void 0 && r.value >= 12 && i > 1 && (i += 12);
+        } else r.maxValue !== void 0 && i > r.maxValue && (n = d.parse(e));
+        if (isNaN(i)) return;
+        let x = n !== 0 || b;
+        x && a.setSegment(r.type, n), r.maxValue !== void 0 && (+(i + "0") > r.maxValue || t.length >= String(r.maxValue).length) ? (l.current = "", x && u.focusNext()) : l.current = t;
+        break;
+      }
     }
-    case "year":
-      return {
-        value: a.year,
-        minValue: 1,
-        maxValue: a.calendar.getYearsInEra(a)
-      };
-    case "month":
-      return {
-        value: a.month,
-        minValue: de(a),
-        maxValue: a.calendar.getMonthsInYear(a)
-      };
-    case "day":
-      return {
-        value: a.day,
-        minValue: ce(a),
-        maxValue: a.calendar.getDaysInMonth(a)
-      };
-  }
-  if ("hour" in a) switch (l) {
-    case "dayPeriod":
-      return {
-        value: a.hour >= 12 ? 12 : 0,
-        minValue: 0,
-        maxValue: 12
-      };
-    case "hour":
-      if (n.hour12) {
-        let d = a.hour >= 12;
-        return {
-          value: a.hour,
-          minValue: d ? 12 : 0,
-          maxValue: d ? 23 : 11
-        };
+  }, L = () => {
+    l.current = "", o.current && te(o.current, {
+      containingElement: ee(o.current)
+    });
+    let e = window.getSelection();
+    e == null || e.collapse(o.current);
+  }, M = v(typeof document < "u" ? document : null);
+  h(M, "selectionchange", () => {
+    var e;
+    let t = window.getSelection();
+    t != null && t.anchorNode && (!((e = o.current) === null || e === void 0) && e.contains(t == null ? void 0 : t.anchorNode)) && t.collapse(o.current);
+  });
+  let R = v("");
+  h(o, "beforeinput", (e) => {
+    if (o.current)
+      switch (e.preventDefault(), e.inputType) {
+        case "deleteContentBackward":
+        case "deleteContentForward":
+          d.isValidPartialNumber(r.text) && !a.isReadOnly && S();
+          break;
+        case "insertCompositionText":
+          R.current = o.current.textContent, o.current.textContent = o.current.textContent;
+          break;
+        default:
+          e.data != null && k(e.data);
+          break;
       }
-      return {
-        value: a.hour,
-        minValue: 0,
-        maxValue: 23
-      };
-    case "minute":
-      return {
-        value: a.minute,
-        minValue: 0,
-        maxValue: 59
-      };
-    case "second":
-      return {
-        value: a.second,
-        minValue: 0,
-        maxValue: 59
-      };
-  }
-  return {};
-}
-function $e(a, l, n, d) {
-  switch (l) {
-    case "era":
-    case "year":
-    case "month":
-    case "day":
-      return a.cycle(l, n, {
-        round: l === "year"
-      });
-  }
-  if ("hour" in a) switch (l) {
-    case "dayPeriod": {
-      let h = a.hour, y = h >= 12;
-      return a.set({
-        hour: y ? h - 12 : h + 12
-      });
+  }), h(o, "input", (e) => {
+    let { inputType: t, data: i } = e;
+    switch (t) {
+      case "insertCompositionText":
+        o.current && (o.current.textContent = R.current), i != null && (s(C, i) || s(N, i)) && k(i);
+        break;
     }
-    case "hour":
-    case "minute":
-    case "second":
-      return a.cycle(l, n, {
-        round: l !== "hour",
-        hourCycle: d.hour12 ? 12 : 24
-      });
-  }
-  throw new Error("Unknown segment: " + l);
-}
-function be(a, l, n, d) {
-  switch (l) {
-    case "day":
-    case "month":
-    case "year":
-    case "era":
-      return a.set({
-        [l]: n
-      });
-  }
-  if ("hour" in a && typeof n == "number") switch (l) {
-    case "dayPeriod": {
-      let h = a.hour, y = h >= 12;
-      return n >= 12 === y ? a : a.set({
-        hour: y ? h - 12 : h + 12
-      });
+  }), g(() => {
+    let e = o.current;
+    return () => {
+      document.activeElement === e && (u.focusPrevious() || u.focusNext());
+    };
+  }, [
+    o,
+    u
+  ]);
+  let Z = re() || r.type === "timeZoneName" ? {
+    role: "textbox",
+    "aria-valuemax": null,
+    "aria-valuemin": null,
+    "aria-valuetext": null,
+    "aria-valuenow": null
+  } : {}, _ = f(() => a.segments.find((e) => e.isEditable), [
+    a.segments
+  ]);
+  r !== _ && !a.isInvalid && (w = void 0);
+  let H = Q(), c = !a.isDisabled && !a.isReadOnly && r.isEditable, W = r.type === "literal" ? "" : T.of(r.type), q = Y({
+    "aria-label": `${W}${D ? `, ${D}` : ""}${V ? ", " : ""}`,
+    "aria-labelledby": V
+  });
+  return r.type === "literal" ? {
+    segmentProps: {
+      "aria-hidden": !0
     }
-    case "hour":
-      if (d.hour12) {
-        let y = a.hour >= 12;
-        !y && n === 12 && (n = 0), y && n < 12 && (n += 12);
+  } : {
+    segmentProps: X(I, q, {
+      id: H,
+      ...Z,
+      "aria-invalid": a.isInvalid ? "true" : void 0,
+      "aria-describedby": w,
+      "aria-readonly": a.isReadOnly || !r.isEditable ? "true" : void 0,
+      "data-placeholder": r.isPlaceholder || void 0,
+      contentEditable: c,
+      suppressContentEditableWarning: c,
+      spellCheck: c ? "false" : void 0,
+      autoCorrect: c ? "off" : void 0,
+      // Capitalization was changed in React 17...
+      [parseInt(oe.version, 10) >= 17 ? "enterKeyHint" : "enterkeyhint"]: c ? "next" : void 0,
+      inputMode: a.isDisabled || r.type === "dayPeriod" || r.type === "era" || !c ? void 0 : "numeric",
+      tabIndex: a.isDisabled ? void 0 : 0,
+      onKeyDown: K,
+      onFocus: L,
+      style: {
+        caretColor: "transparent"
+      },
+      // Prevent pointer events from reaching useDatePickerGroup, and allow native browser behavior to focus the segment.
+      onPointerDown(e) {
+        e.stopPropagation();
+      },
+      onMouseDown(e) {
+        e.stopPropagation();
       }
-    case "minute":
-    case "second":
-      return a.set({
-        [l]: n
-      });
-  }
-  throw new Error("Unknown segment: " + l);
+    })
+  };
+}
+function ue(r) {
+  r.sort();
+  let a = r[0], o = r[r.length - 1];
+  for (let l = 0; l < a.length; l++)
+    if (a[l] !== o[l]) return l;
+  return 0;
 }
 export {
-  Ee as useDateFieldState
+  Ce as useDateSegment
 };

package/index150.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index198.js"),u=require("./index175.js"),o=require("react");function g(s,t,n){let a=d.useCalendarBase(s,t),r=o.useRef(!1),i=o.useRef(typeof window<"u"?window:null);u.useEvent(i,"pointerdown",e=>{r.current=e.width===0&&e.height===0});let l=e=>{if(r.current){r.current=!1;return}if(t.setDragging(!1),!t.anchorDate)return;let c=e.target;n.current&&n.current.contains(document.activeElement)&&(!n.current.contains(c)||!c.closest('button, [role="button"]'))&&t.selectFocusedDate()};return u.useEvent(i,"pointerup",l),a.calendarProps.onBlur=e=>{n.current&&(!e.relatedTarget||!n.current.contains(e.relatedTarget))&&t.anchorDate&&t.selectFocusedDate()},u.useEvent(n,"touchmove",e=>{t.isDragging&&e.preventDefault()},{passive:!1,capture:!0}),a}exports.useRangeCalendar=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("./index163.js"),K=require("./index164.js"),V=require("@react-aria/focus"),D=require("./index158.js"),E=require("./index165.js"),O=require("./index166.js"),C=require("./index179.js"),l=require("react"),G=require("./index167.js"),I=require("./index162.js"),j=require("./index159.js"),L=require("@react-aria/i18n");function T(e){return e&&e.__esModule?e.default:e}const F=new WeakMap,t="__role_"+Date.now(),h="__focusManager_"+Date.now();function U(e,i,s){var u;let{isInvalid:f,validationErrors:b,validationDetails:M}=i.displayValidation,{labelProps:v,fieldProps:c,descriptionProps:p,errorMessageProps:q}=G.useField({...e,labelElementType:"span",isInvalid:f,errorMessage:e.errorMessage||b}),P=l.useRef(null),{focusWithinProps:_}=I.useFocusWithin({...e,onFocusWithin(r){var o;P.current=i.value,(o=e.onFocus)===null||o===void 0||o.call(e,r)},onBlurWithin:r=>{var o;i.confirmPlaceholder(),i.value!==P.current&&i.commitValidation(),(o=e.onBlur)===null||o===void 0||o.call(e,r)},onFocusWithinChange:e.onFocusChange}),$=L.useLocalizedStringFormatter(T(w),"@react-aria/datepicker"),B=i.maxGranularity==="hour"?"selectedTimeDescription":"selectedDateDescription",R=i.maxGranularity==="hour"?"time":"date",W=i.value?$.format(B,{[R]:i.formatValue({month:"long"})}):"",x=O.useDescription(W),m=e[t]==="presentation"?c["aria-describedby"]:[x["aria-describedby"],c["aria-describedby"]].filter(Boolean).join(" ")||void 0,g=e[h],n=l.useMemo(()=>g||V.createFocusManager(s),[g,s]),S=K.useDatePickerGroup(i,s,e[t]==="presentation");F.set(i,{ariaLabel:e["aria-label"],ariaLabelledBy:[v.id,e["aria-labelledby"]].filter(Boolean).join(" ")||void 0,ariaDescribedBy:m,focusManager:n});let y=l.useRef(e.autoFocus),d;e[t]==="presentation"?d={role:"presentation"}:d=D.mergeProps(c,{role:"group","aria-disabled":e.isDisabled||void 0,"aria-describedby":m}),l.useEffect(()=>{y.current&&n.focusFirst(),y.current=!1},[n]),C.useFormReset(e.inputRef,i.value,i.setValue),j.useFormValidation({...e,focus(){n.focusFirst()}},i,e.inputRef);let a={type:"hidden",name:e.name,value:((u=i.value)===null||u===void 0?void 0:u.toString())||"",disabled:e.isDisabled};e.validationBehavior==="native"&&(a.type="text",a.hidden=!0,a.required=e.isRequired,a.onChange=()=>{});let k=E.filterDOMProps(e);return{labelProps:{...v,onClick:()=>{n.focusFirst()}},fieldProps:D.mergeProps(k,d,S,_,{onKeyDown(r){e.onKeyDown&&e.onKeyDown(r)},onKeyUp(r){e.onKeyUp&&e.onKeyUp(r)}}),inputProps:a,descriptionProps:p,errorMessageProps:q,isInvalid:f,validationErrors:b,validationDetails:M}}exports.focusManagerSymbol=h;exports.hookData=F;exports.roleSymbol=t;exports.useDateField=U;