@viasat/beam-react 2.47.0 → 2.48.0

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

@@ -1,96 +1,103 @@
-import { useRef as o, useState as w, useEffect as b, useCallback as s } from "react";
-import { segmentTextFromValue as v, segmentNumber as d, deriveValue as C, isSameDateValue as A, deriveValueFromText as M, getDaysInMonth as H, adjustSegmentValue as O, todayParts as P, normalizeSegmentText as T } from "./DateField.utils.es.js";
-import { tryAppendDigit as W, SEGMENT_MAX_LENGTH as X } from "./DateField.validation.es.js";
-function Q({
-  value: a,
-  defaultValue: N,
-  onChange: x
+import { useRef as c, useState as w, useEffect as N, useCallback as a } from "react";
+import { segmentTextFromValue as b, segmentNumber as i, deriveValue as Q, isSameDateValue as v, deriveValueFromText as D, getDaysInMonth as U, adjustSegmentValue as Y, todayParts as Z, normalizeSegmentText as I, isDateInRange as $, clampDateToRange as C, dateKeyOrNull as k } from "./DateField.utils.es.js";
+import { tryAppendDigit as ee, SEGMENT_MAX_LENGTH as te } from "./DateField.validation.es.js";
+function ue({
+  value: s,
+  defaultValue: q,
+  onChange: T,
+  minDate: E,
+  maxDate: R,
+  getClampAnnouncement: V
 }) {
-  const E = o(a !== void 0), h = E.current, [i, S] = w(
-    () => v(h ? a ?? null : N ?? null)
-  ), [F, V] = w(!1), c = o(i), m = o(/* @__PURE__ */ new Set()), l = o(!1), p = {
-    day: d("day", i.day),
-    month: d("month", i.month),
-    year: d("year", i.year)
-  }, D = C(p), y = o(D), R = o(
-    h ? a ?? null : null
-  ), f = o(x);
-  b(() => {
-    f.current = x;
-  }, [x]), b(() => {
-    if (!E.current || l.current || A(a ?? null, R.current)) return;
-    R.current = a ?? null;
-    const e = v(a ?? null);
-    c.current = e, S(e), y.current = M(e);
-  }, [a]);
-  const g = s((e) => {
-    var r;
-    const t = M(e);
-    A(t, y.current) || (y.current = t, (r = f.current) == null || r.call(f, t));
-  }, []), u = s(
-    (e, t, { replace: r }) => {
-      const n = { ...c.current, [e]: t };
-      c.current = n, S(n), V(!0), g(n), r ? m.current.add(e) : m.current.delete(e);
+  const M = c(s !== void 0), p = M.current, [m, A] = w(
+    () => b(p ? s ?? null : q ?? null)
+  ), [F, z] = w(!1), [H, K] = w(""), u = c(m), g = c(/* @__PURE__ */ new Set()), f = c(!1), o = c(null), B = {
+    day: i("day", m.day),
+    month: i("month", m.month),
+    year: i("year", m.year)
+  }, G = Q(B), j = c(G), O = c(p ? s ?? null : null), h = c(T), x = c(V);
+  N(() => {
+    h.current = T, x.current = V;
+  }, [T, V]), N(
+    () => () => {
+      o.current != null && cancelAnimationFrame(o.current);
     },
-    [g]
-  ), I = s(
-    (e, t) => {
-      const r = m.current.has(e) ? "" : c.current[e], n = W(e, r, t);
-      return n.rejected ? { advanced: !1, rejected: !0 } : (u(e, n.newBuffer, { replace: n.shouldAdvance }), { advanced: n.shouldAdvance, rejected: !1 });
+    []
+  ), N(() => {
+    if (!M.current || f.current || v(s ?? null, O.current)) return;
+    O.current = s ?? null;
+    const e = b(s ?? null);
+    u.current = e, A(e), j.current = D(e);
+  }, [s]);
+  const y = a((e) => {
+    var t;
+    const n = D(e);
+    v(n, j.current) || (j.current = n, (t = h.current) == null || t.call(h, n));
+  }, []), l = a(
+    (e, n, { replace: t }) => {
+      const r = { ...u.current, [e]: n };
+      u.current = r, A(r), z(!0), y(r), t ? g.current.add(e) : g.current.delete(e);
     },
-    [u]
-  ), B = s(
-    (e, t) => {
-      const r = c.current, n = d(e, r[e]), z = H(
-        d("year", r.year),
-        d("month", r.month)
-      ), j = O(e, n, t, {
-        daysInMonth: z,
-        today: P()
-      });
-      return j == null ? !1 : (l.current = !0, u(
-        e,
-        String(j).padStart(X[e], "0"),
-        { replace: !0 }
-      ), !0);
-    },
-    [u]
-  ), G = s(
-    (e) => {
-      const t = c.current[e];
-      return t === "" ? { wasEmpty: !0 } : (l.current = !0, u(e, t.slice(0, -1), { replace: !1 }), { wasEmpty: !1 });
+    [y]
+  ), L = a(
+    (e, n) => {
+      const t = g.current.has(e) ? "" : u.current[e], r = ee(e, t, n);
+      return r.rejected ? { advanced: !1, rejected: !0 } : (l(e, r.newBuffer, { replace: r.shouldAdvance }), { advanced: r.shouldAdvance, rejected: !1 });
     },
-    [u]
-  ), L = s(
-    (e) => {
-      c.current[e] !== "" && (l.current = !0, u(e, "", { replace: !1 }));
+    [l]
+  ), P = a(
+    (e, n) => {
+      const t = u.current, r = i(e, t[e]), S = U(
+        i("year", t.year),
+        i("month", t.month)
+      ), d = Y(e, r, n, {
+        daysInMonth: S,
+        today: Z()
+      });
+      return d == null ? !1 : (f.current = !0, l(e, String(d).padStart(te[e], "0"), {
+        replace: !0
+      }), !0);
     },
-    [u]
-  ), _ = s((e) => {
-    l.current = !0, m.current.add(e);
-  }, []), k = s(() => {
-    l.current = !1;
-    const e = c.current, t = {
-      day: T("day", e.day),
-      month: T("month", e.month),
-      year: T("year", e.year)
-    };
-    c.current = t, S(t), V(!0), g(t);
-  }, [g]);
+    [l]
+  ), W = a(
+    (e) => u.current[e] === "" ? { wasEmpty: !0 } : (f.current = !0, l(e, "", { replace: !1 }), { wasEmpty: !1 }),
+    [l]
+  ), X = a((e) => {
+    f.current = !0, g.current.add(e);
+  }, []), J = a(() => {
+    var S;
+    f.current = !1;
+    const e = u.current, n = {
+      day: I("day", e.day),
+      month: I("month", e.month),
+      year: I("year", e.year)
+    }, t = D(n);
+    let r = n;
+    if (t != null && F && !$(t, E, R)) {
+      const d = C(t, E, R);
+      if (r = b(d), !v(d, t)) {
+        const _ = ((S = x.current) == null ? void 0 : S.call(x, d)) ?? "";
+        _ && (o.current != null && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
+          o.current = null, K(_);
+        }));
+      }
+    }
+    u.current = r, A(r), z(!0), y(r);
+  }, [y, F, k(E), k(R)]);
   return {
-    segmentText: i,
-    segmentValues: p,
-    currentValue: D,
-    isControlled: h,
+    segmentText: m,
+    segmentValues: B,
+    currentValue: G,
+    isControlled: p,
     wasTouched: F,
-    appendDigit: I,
-    adjustSegment: B,
-    deleteLastDigit: G,
-    clearSegment: L,
-    beginSegmentEdit: _,
-    commitOnBlur: k
+    appendDigit: L,
+    adjustSegment: P,
+    clearSegment: W,
+    beginSegmentEdit: X,
+    commitOnBlur: J,
+    clampAnnouncement: H
   };
 }
 export {
-  Q as useDateFieldValue
+  ue as useDateFieldValue
 };

package/package.json

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

package/chunks/DateField.Segment.CY0jg03_.js

@@ -1 +0,0 @@
-var w=require("../assets/DateField.css");const N=require("react/jsx-runtime"),F=require("clsx"),d=require("react"),M=require("./classNames.DC8Ra4sw.js"),q=require("../lib/wip/DateField/DateField.utils.cjs.js"),P="date-field",{baseClassNamePrefix:R,classModifierPrefix:k,subElementClassPrefix:r}=M.getBEMClassNames(P),c={field:`${r}field`,segments:`${r}segments`,segment:`${r}segment`,separator:`${r}separator`},u={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-date-field":"bm-date-field","bm-date-field--disabled":"bm-date-field--disabled","bm-date-field--error":"bm-date-field--error","bm-date-field__field":"bm-date-field__field","bm-date-field__segment":"bm-date-field__segment","bm-date-field--read-only":"bm-date-field--read-only","bm-date-field--fluid":"bm-date-field--fluid","bm-date-field__segments":"bm-date-field__segments","bm-date-field__separator":"bm-date-field__separator"},I={day:"day",month:"month",year:"year"},$=({type:n,value:_,valueMax:g,displayValue:t,isPlaceholder:C,isActive:a,disabled:l,readOnly:o,onFocus:p,onBlur:x,onInput:E,onKeyDown:h,segmentRef:m})=>{const s=!l&&!o,f=d.useRef(null),v=d.useCallback(e=>{f.current=e,m(e)},[m]),D=e=>{if(!s)return;const b=e.currentTarget,i=e.nativeEvent.data;i!=null&&i.length===1&&E(n,i),b.textContent!==t&&(b.textContent=t)};return d.useLayoutEffect(()=>{if(!a||!s)return;const e=f.current;e&&q.selectElementContents(e)},[t,a,s]),N.jsx("span",{ref:v,role:"spinbutton","aria-label":I[n],"aria-valuenow":_??void 0,"aria-valuemin":1,"aria-valuemax":g,"aria-valuetext":t,"aria-disabled":l||void 0,"aria-readonly":o||void 0,contentEditable:s&&a,suppressContentEditableWarning:!0,tabIndex:a?0:-1,inputMode:s?"numeric":void 0,spellCheck:!1,autoCorrect:"off",autoCapitalize:"off","data-segment":n,"data-active":a,"data-placeholder":C,onFocus:p,onBlur:x,onInput:D,onKeyDown:e=>h(n,e),onMouseUp:e=>e.preventDefault(),className:F(u[c.segment]),children:t})};exports.DateFieldSegment=$;exports.baseClassNamePrefix=R;exports.classModifierPrefix=k;exports.staticDateFieldClassNames=c;exports.styles=u;