@viasat/beam-react 2.53.0 → 2.54.1

package/lib/wip/DateField/DateField.utils.d.ts

@@ -116,8 +116,23 @@ export declare const isMinMaxMisconfigured: (minDate?: Nullable<Date>, maxDate?:
  */
 export declare const clampDateToRange: (value: Date, minDate?: Nullable<Date>, maxDate?: Nullable<Date>) => Date;
 export declare const toISODateString: (value: Nullable<Date>) => string;
+/** Type guard: a literal separator (`/`, `.`, `年`, …) rather than a segment. */
+export declare const isLiteralPart: (part: DateFieldPart) => part is DateFieldPart & {
+    type: "literal";
+};
 /** Ordered segment types from a parts array (literals stripped). */
 export declare const getSegmentOrder: (parts: ReadonlyArray<DateFieldPart>) => ReadonlyArray<SegmentType>;
+/**
+ * Locale-derived segment order + separators (DF-8), memoized per locale. Falls
+ * back to en-US for any locale Intl can't resolve to the three date segments —
+ * en-US being the ECMAScript-guaranteed baseline (Intl's own ultimate fallback).
+ * Resolved lazily on first use, so a broken Intl (which can't render the field
+ * anyway — `getMonthName` needs it too) surfaces at render, catchable by an
+ * error boundary, instead of crashing the bundle at import.
+ */
+export declare const getDateParts: (locale: string) => ReadonlyArray<DateFieldPart>;
+/** @internal — test-only. Clears the per-locale parts cache for Intl isolation. */
+export declare const __clearDatePartsCache: () => void;
 /** Per-segment zero-padded strings from a Date. All-empty for null/invalid. */
 export declare const segmentTextFromValue: (value: Nullable<Date>) => SegmentText;
 /** The number a segment string contributes to the date / `aria-valuenow`, or

package/lib/wip/DateField/DateField.utils.es.js

@@ -1,89 +1,132 @@
 import "../../../chunks/constants.Cruz2A1w.js";
-import { a as d } from "../../../chunks/helpers.CiQfGwdc.js";
+import { a as S } from "../../../chunks/helpers.CiQfGwdc.js";
 import { SEGMENT_MAX_LENGTH as u } from "./DateField.validation.es.js";
-const y = new Intl.DateTimeFormat("en-US", { month: "long" }), R = (e) => y.format(new Date(2e3, e - 1, 1)), c = 31, s = 12, f = 1, m = 9999, S = (e, t, n) => Math.min(n, Math.max(t, e)), M = (e, t) => ((e - 1) % t + t) % t + 1, h = 2024, Y = (e, t) => t == null ? 31 : new Date(e ?? h, t, 0).getDate(), E = () => {
-  const e = /* @__PURE__ */ new Date();
-  return { day: e.getDate(), month: e.getMonth() + 1, year: e.getFullYear() };
-}, o = (e) => e instanceof Date && !Number.isNaN(e.getTime()), _ = (e, t, n, r) => {
-  if (n === "min") return e === "year" ? null : 1;
+const m = new Intl.DateTimeFormat("en-US", { month: "long" }), L = (t) => m.format(new Date(2e3, t - 1, 1)), g = 31, l = 12, h = 1, T = 9999, M = (t, e, n) => Math.min(n, Math.max(e, t)), p = (t, e) => ((t - 1) % e + e) % e + 1, w = 2024, O = (t, e) => e == null ? 31 : new Date(t ?? w, e, 0).getDate(), K = () => {
+  const t = /* @__PURE__ */ new Date();
+  return { day: t.getDate(), month: t.getMonth() + 1, year: t.getFullYear() };
+}, o = (t) => t instanceof Date && !Number.isNaN(t.getTime()), X = (t, e, n, r) => {
+  if (n === "min") return t === "year" ? null : 1;
   if (n === "max")
-    return e === "year" ? null : e === "day" ? r.daysInMonth : s;
-  if (t == null) {
-    if (e === "year") return r.today.year;
-    const g = e === "day" ? c : s;
-    return n > 0 ? 1 : g;
+    return t === "year" ? null : t === "day" ? r.daysInMonth : l;
+  if (e == null) {
+    if (t === "year") return r.today.year;
+    const f = t === "day" ? g : l;
+    return n > 0 ? 1 : f;
   }
-  if (e === "year") return S(t + n, f, m);
-  const l = e === "day" ? c : s;
-  return M(t + n, l);
-}, N = { day: "", month: "", year: "" }, T = (e) => {
-  const { day: t, month: n, year: r } = e;
-  if (t == null || n == null || r == null) return null;
-  const l = new Date(r, n - 1, t);
-  return l.setFullYear(r), Number.isNaN(l.getTime()) || l.getFullYear() !== r || l.getMonth() !== n - 1 || l.getDate() !== t ? null : l;
-}, D = (e, t) => e == null && t == null ? !0 : e == null || t == null ? !1 : e.getTime() === t.getTime(), a = d, I = (e) => o(e) ? a(e) : null, V = (e, t, n) => {
-  const r = a(e);
-  return !(o(t) && r < a(t) || o(n) && r > a(n));
-}, p = (e, t) => o(e) && o(t) && a(e) > a(t), O = (e, t, n) => {
-  if (p(t, n)) return e;
-  const r = a(e);
-  return o(t) && r < a(t) ? new Date(t.getFullYear(), t.getMonth(), t.getDate()) : o(n) && r > a(n) ? new Date(n.getFullYear(), n.getMonth(), n.getDate()) : e;
-}, P = (e) => {
-  if (!o(e)) return "";
-  const t = String(e.getFullYear()).padStart(4, "0"), n = String(e.getMonth() + 1).padStart(2, "0"), r = String(e.getDate()).padStart(2, "0");
-  return `${t}-${n}-${r}`;
-}, X = (e) => e.filter(
-  (t) => t.type !== "literal"
-).map((t) => t.type), C = (e) => o(e) ? {
-  day: String(e.getDate()).padStart(2, "0"),
-  month: String(e.getMonth() + 1).padStart(2, "0"),
-  year: String(e.getFullYear()).padStart(4, "0")
-} : N, i = (e, t) => {
-  if (t === "" || e === "year" && t.length < u.year) return null;
-  const n = parseInt(t, 10);
+  if (t === "year") return M(e + n, h, T);
+  const s = t === "day" ? g : l;
+  return p(e + n, s);
+}, A = { day: "", month: "", year: "" }, N = (t) => {
+  const { day: e, month: n, year: r } = t;
+  if (e == null || n == null || r == null) return null;
+  const s = new Date(r, n - 1, e);
+  return s.setFullYear(r), Number.isNaN(s.getTime()) || s.getFullYear() !== r || s.getMonth() !== n - 1 || s.getDate() !== e ? null : s;
+}, k = (t, e) => t == null && e == null ? !0 : t == null || e == null ? !1 : t.getTime() === e.getTime(), a = S, H = (t) => o(t) ? a(t) : null, U = (t, e, n) => {
+  const r = a(t);
+  return !(o(e) && r < a(e) || o(n) && r > a(n));
+}, _ = (t, e) => o(t) && o(e) && a(t) > a(e), b = (t, e, n) => {
+  if (_(e, n)) return t;
+  const r = a(t);
+  return o(e) && r < a(e) ? new Date(e.getFullYear(), e.getMonth(), e.getDate()) : o(n) && r > a(n) ? new Date(n.getFullYear(), n.getMonth(), n.getDate()) : t;
+}, B = (t) => {
+  if (!o(t)) return "";
+  const e = String(t.getFullYear()).padStart(4, "0"), n = String(t.getMonth() + 1).padStart(2, "0"), r = String(t.getDate()).padStart(2, "0");
+  return `${e}-${n}-${r}`;
+}, E = (t) => t.type === "literal", D = (t) => t.filter(
+  (e) => !E(e)
+).map((e) => e.type), P = new Date(2020, 0, 2), R = /* @__PURE__ */ new Set([
+  8206,
+  8207,
+  8234,
+  8235,
+  8236,
+  8237,
+  8238,
+  8294,
+  8295,
+  8296,
+  8297
+]), F = (t) => [...t].filter((e) => !R.has(e.codePointAt(0) ?? -1)).join(""), I = /* @__PURE__ */ new Set(["day", "month", "year", "literal"]), d = 3, y = (t) => {
+  try {
+    const e = new Intl.DateTimeFormat(t, {
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit",
+      calendar: "gregory"
+    }).formatToParts(P).filter((r) => I.has(r.type)).map((r) => ({
+      type: r.type,
+      value: r.type === "literal" ? F(r.value) : ""
+    })), n = D(e);
+    return n.length === d && new Set(n).size === d ? e : null;
+  } catch {
+    return null;
+  }
+}, c = /* @__PURE__ */ new Map(), G = (t) => {
+  let e = t;
+  try {
+    e = new Intl.Locale(t).toString();
+  } catch {
+    e = t.toLowerCase();
+  }
+  const n = c.get(e);
+  if (n) return n;
+  const r = y(t) ?? y("en-US");
+  if (!r)
+    throw new Error("DateField: Intl cannot resolve en-US date parts");
+  return c.set(e, r), r;
+}, $ = () => c.clear(), j = (t) => o(t) ? {
+  day: String(t.getDate()).padStart(2, "0"),
+  month: String(t.getMonth() + 1).padStart(2, "0"),
+  year: String(t.getFullYear()).padStart(4, "0")
+} : A, i = (t, e) => {
+  if (e === "" || t === "year" && e.length < u.year) return null;
+  const n = parseInt(e, 10);
   return Number.isNaN(n) || n === 0 ? null : n;
-}, K = (e) => T({
-  day: i("day", e.day),
-  month: i("month", e.month),
-  year: i("year", e.year)
-}), L = (e, t) => t === "" ? "" : t.padStart(u[e], "0"), H = (e, t, n) => t === "" ? { displayValue: n, isPlaceholder: !0 } : {
-  displayValue: t.padStart(u[e], "0"),
+}, z = (t) => N({
+  day: i("day", t.day),
+  month: i("month", t.month),
+  year: i("year", t.year)
+}), W = (t, e) => e === "" ? "" : e.padStart(u[t], "0"), q = (t, e, n) => e === "" ? { displayValue: n, isPlaceholder: !0 } : {
+  displayValue: e.padStart(u[t], "0"),
   isPlaceholder: !1
-}, $ = (e) => {
-  const t = window.getSelection();
-  if (!t) return;
+}, J = (t) => {
+  const e = window.getSelection();
+  if (!e) return;
   const n = document.createRange();
-  n.selectNodeContents(e), t.removeAllRanges(), t.addRange(n);
-}, b = (e) => {
+  n.selectNodeContents(t), e.removeAllRanges(), e.addRange(n);
+}, Q = (t) => {
   var n;
-  if (!e) return;
-  const t = (n = window.getSelection) == null ? void 0 : n.call(window);
-  t && t.rangeCount > 0 && e.contains(t.anchorNode) && t.removeAllRanges();
+  if (!t) return;
+  const e = (n = window.getSelection) == null ? void 0 : n.call(window);
+  e && e.rangeCount > 0 && t.contains(e.anchorNode) && e.removeAllRanges();
 };
 export {
-  c as DAY_SPIN_MAX,
-  s as MONTH_MAX,
-  m as YEAR_MAX,
-  f as YEAR_MIN,
-  _ as adjustSegmentValue,
-  S as clamp,
-  O as clampDateToRange,
-  b as clearSelectionWithin,
-  I as dateKeyOrNull,
-  T as deriveValue,
-  K as deriveValueFromText,
-  Y as getDaysInMonth,
-  R as getMonthName,
-  H as getSegmentDisplay,
-  X as getSegmentOrder,
-  V as isDateInRange,
-  p as isMinMaxMisconfigured,
-  D as isSameDateValue,
-  L as normalizeSegmentText,
+  g as DAY_SPIN_MAX,
+  l as MONTH_MAX,
+  T as YEAR_MAX,
+  h as YEAR_MIN,
+  $ as __clearDatePartsCache,
+  X as adjustSegmentValue,
+  M as clamp,
+  b as clampDateToRange,
+  Q as clearSelectionWithin,
+  H as dateKeyOrNull,
+  N as deriveValue,
+  z as deriveValueFromText,
+  G as getDateParts,
+  O as getDaysInMonth,
+  L as getMonthName,
+  q as getSegmentDisplay,
+  D as getSegmentOrder,
+  U as isDateInRange,
+  E as isLiteralPart,
+  _ as isMinMaxMisconfigured,
+  k as isSameDateValue,
+  W as normalizeSegmentText,
   i as segmentNumber,
-  C as segmentTextFromValue,
-  $ as selectElementContents,
-  P as toISODateString,
-  E as todayParts,
-  M as wrapInRange
+  j as segmentTextFromValue,
+  J as selectElementContents,
+  B as toISODateString,
+  K as todayParts,
+  p as wrapInRange
 };

package/lib/wip/DateField/useDateFieldFocus.d.ts

@@ -4,7 +4,7 @@ export interface UseDateFieldFocusArgs {
     disabled: boolean;
     fieldRef: RefObject<HTMLDivElement>;
     segmentRefs: MutableRefObject<Map<SegmentType, HTMLSpanElement>>;
-    /** Ordered segment types (literals stripped). En-US hardcoded; DF-8 derives from locale. */
+    /** Ordered segment types (literals stripped), derived from the active locale. */
     partsOrder: ReadonlyArray<SegmentType>;
     /** Called when focus enters a segment (any path). */
     onSegmentFocusChange?: (segment: SegmentType) => void;

package/lib/wip/DateField/useDateFieldKeyboard.d.ts

@@ -28,9 +28,9 @@ export interface UseDateFieldKeyboardArgs {
     readOnly: boolean;
     /** Field root ref, used to detect RTL direction. */
     fieldRef: RefObject<HTMLDivElement>;
-    /** Move focus to the next segment in `PARTS_ORDER`. */
+    /** Move focus to the next segment in the locale-derived `partsOrder`. */
     focusNext: (segment: SegmentType) => void;
-    /** Move focus to the previous segment in `PARTS_ORDER`. */
+    /** Move focus to the previous segment in the locale-derived `partsOrder`. */
     focusPrevious: (segment: SegmentType) => void;
     /**
      * Increment, decrement, or jump a segment to its min/max boundary.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-react",
-  "version": "2.53.0",
+  "version": "2.54.1",
   "description": "React component library for the Beam design system",
   "license": "MIT",
   "author": "Viasat",
@@ -60,12 +60,12 @@
     "access": "public"
   },
   "dependencies": {
-    "@viasat/beam-fonts": "2.53.0",
-    "@viasat/beam-shared": "2.53.0",
-    "@viasat/beam-styles": "2.53.0",
-    "@viasat/beam-tokens": "2.53.0",
-    "@viasat/beam-icons": "2.53.0",
-    "@viasat/beam-react-claude-plugin": "2.53.0",
+    "@viasat/beam-fonts": "2.54.1",
+    "@viasat/beam-shared": "2.54.1",
+    "@viasat/beam-styles": "2.54.1",
+    "@viasat/beam-tokens": "2.54.1",
+    "@viasat/beam-icons": "2.54.1",
+    "@viasat/beam-react-claude-plugin": "2.54.1",
     "clsx": "^1.2.1",
     "@floating-ui/react": "^0.26.18",
     "@stepperize/react": "^5.1.5",