@viasat/beam-react 2.64.0 → 2.66.0

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),t=require("./DateField.utils.cjs.js"),j=require("./DateField.validation.cjs.js");function G({value:a,defaultValue:A,onChange:x,minDate:R,maxDate:y,getClampAnnouncement:V}){const N=r.useRef(a!==void 0),F=N.current,[m,h]=r.useState(()=>t.segmentTextFromValue(F?a??null:A??null)),[D,_]=r.useState(!1),[C,M]=r.useState(""),c=r.useRef(m),f=r.useRef(new Set),d=r.useRef(!1),l=r.useRef(null),v={day:t.segmentNumber("day",m.day),month:t.segmentNumber("month",m.month),year:t.segmentNumber("year",m.year)},k=t.deriveValue(v),E=r.useRef(k),p=r.useRef(F?a??null:null),g=r.useRef(x),S=r.useRef(V);r.useEffect(()=>{g.current=x,S.current=V},[x,V]),r.useEffect(()=>()=>{l.current!=null&&cancelAnimationFrame(l.current)},[]),r.useEffect(()=>{if(!N.current||d.current||t.isSameDateValue(a??null,p.current))return;p.current=a??null;const e=t.segmentTextFromValue(a??null);c.current=e,h(e),E.current=t.deriveValueFromText(e)},[a]);const b=r.useCallback(e=>{var n;const s=t.deriveValueFromText(e);t.isSameDateValue(s,E.current)||(E.current=s,(n=g.current)==null||n.call(g,s))},[]),o=r.useCallback((e,s,{replace:n})=>{const u={...c.current,[e]:s};c.current=u,h(u),_(!0),b(u),n?f.current.add(e):f.current.delete(e)},[b]),q=r.useCallback((e,s)=>{const n=f.current.has(e)?"":c.current[e],u=j.tryAppendDigit(e,n,s);return u.rejected?{advanced:!1,rejected:!0}:(o(e,u.newBuffer,{replace:u.shouldAdvance}),{advanced:u.shouldAdvance,rejected:!1})},[o]),z=r.useCallback((e,s)=>{const n=c.current,u=t.segmentNumber(e,n[e]),T=t.getDaysInMonth(t.segmentNumber("year",n.year),t.segmentNumber("month",n.month)),i=t.adjustSegmentValue(e,u,s,{daysInMonth:T,today:t.todayParts()});return i==null?!1:(d.current=!0,o(e,String(i).padStart(j.SEGMENT_MAX_LENGTH[e],"0"),{replace:!0}),!0)},[o]),I=r.useCallback(e=>c.current[e]===""?{wasEmpty:!0}:(d.current=!0,o(e,"",{replace:!1}),{wasEmpty:!1}),[o]),O=r.useCallback(e=>{d.current=!0,f.current.add(e)},[]),B=r.useCallback(()=>{var T;d.current=!1;const e=c.current,s={day:t.normalizeSegmentText("day",e.day),month:t.normalizeSegmentText("month",e.month),year:t.normalizeSegmentText("year",e.year)},n=t.deriveValueFromText(s);let u=s;if(n!=null&&D&&!t.isDateInRange(n,R,y)){const i=t.clampDateToRange(n,R,y);if(u=t.segmentTextFromValue(i),!t.isSameDateValue(i,n)){const w=((T=S.current)==null?void 0:T.call(S,i))??"";w&&(l.current!=null&&cancelAnimationFrame(l.current),l.current=requestAnimationFrame(()=>{l.current=null,M(w)}))}}c.current=u,h(u),_(!0),b(u)},[b,D,t.dateKeyOrNull(R),t.dateKeyOrNull(y)]);return{segmentText:m,segmentValues:v,currentValue:k,isControlled:F,wasTouched:D,appendDigit:q,adjustSegment:z,clearSegment:I,beginSegmentEdit:O,commitOnBlur:B,clampAnnouncement:C}}exports.useDateFieldValue=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),t=require("./DateField.utils.cjs.js"),A=require("./DateField.validation.cjs.js");function K({value:a,defaultValue:j,onChange:R,minDate:V,maxDate:y,getClampAnnouncement:F}){const k=r.useRef(a!==void 0),h=k.current,[d,S]=r.useState(()=>t.segmentTextFromValue(h?a??null:j??null)),[D,E]=r.useState(!1),[C,M]=r.useState(""),s=r.useRef(d),f=r.useRef(new Set),g=r.useRef(!1),l=r.useRef(null),v={day:t.segmentNumber("day",d.day),month:t.segmentNumber("month",d.month),year:t.segmentNumber("year",d.year)},p=t.deriveValue(v),N=r.useRef(p),_=r.useRef(h?a??null:null),b=r.useRef(R),x=r.useRef(F);r.useEffect(()=>{b.current=R,x.current=F},[R,F]),r.useEffect(()=>()=>{l.current!=null&&cancelAnimationFrame(l.current)},[]),r.useEffect(()=>{if(!k.current||g.current||t.isSameDateValue(a??null,_.current))return;_.current=a??null;const e=t.segmentTextFromValue(a??null);s.current=e,S(e),N.current=t.deriveValueFromText(e)},[a]);const o=r.useCallback(e=>{var n;const c=t.deriveValueFromText(e);t.isSameDateValue(c,N.current)||(N.current=c,(n=b.current)==null||n.call(b,c))},[]),i=r.useCallback((e,c,{replace:n})=>{const u={...s.current,[e]:c};s.current=u,S(u),E(!0),o(u),n?f.current.add(e):f.current.delete(e)},[o]),q=r.useCallback((e,c)=>{const n=f.current.has(e)?"":s.current[e],u=A.tryAppendDigit(e,n,c);return u.rejected?{advanced:!1,rejected:!0}:(i(e,u.newBuffer,{replace:u.shouldAdvance}),{advanced:u.shouldAdvance,rejected:!1})},[i]),z=r.useCallback((e,c)=>{const n=s.current,u=t.segmentNumber(e,n[e]),T=t.getDaysInMonth(t.segmentNumber("year",n.year),t.segmentNumber("month",n.month)),m=t.adjustSegmentValue(e,u,c,{daysInMonth:T,today:t.todayParts()});return m==null?!1:(g.current=!0,i(e,String(m).padStart(A.SEGMENT_MAX_LENGTH[e],"0"),{replace:!0}),!0)},[i]),I=r.useCallback(e=>s.current[e]===""?{wasEmpty:!0}:(g.current=!0,i(e,"",{replace:!1}),{wasEmpty:!1}),[i]),O=r.useCallback(()=>{const e=t.segmentTextFromValue(null);s.current=e,S(e),E(!0),f.current.clear(),_.current=null,o(e)},[o]),B=r.useCallback(e=>{g.current=!0,f.current.add(e)},[]),G=r.useCallback(()=>{var T;g.current=!1;const e=s.current,c={day:t.normalizeSegmentText("day",e.day),month:t.normalizeSegmentText("month",e.month),year:t.normalizeSegmentText("year",e.year)},n=t.deriveValueFromText(c);let u=c;if(n!=null&&D&&!t.isDateInRange(n,V,y)){const m=t.clampDateToRange(n,V,y);if(u=t.segmentTextFromValue(m),!t.isSameDateValue(m,n)){const w=((T=x.current)==null?void 0:T.call(x,m))??"";w&&(l.current!=null&&cancelAnimationFrame(l.current),l.current=requestAnimationFrame(()=>{l.current=null,M(w)}))}}s.current=u,S(u),E(!0),o(u)},[o,D,t.dateKeyOrNull(V),t.dateKeyOrNull(y)]);return{segmentText:d,segmentValues:v,currentValue:p,isControlled:h,wasTouched:D,appendDigit:q,adjustSegment:z,clearSegment:I,clearAll:O,beginSegmentEdit:B,commitOnBlur:G,clampAnnouncement:C}}exports.useDateFieldValue=K;

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

@@ -65,6 +65,13 @@ export interface UseDateFieldValueReturn {
     clearSegment: (type: SegmentType) => {
         wasEmpty: boolean;
     };
+    /**
+     * Clears all three segments at once and fires `onChange(null)` (via
+     * `emitIfChanged`, so only when a value was present). Backs the imperative
+     * `ref.current.clear()` (DF-16); unlike `clearSegment`, it isn't tied to a
+     * focused segment.
+     */
+    clearAll: () => void;
     beginSegmentEdit: (type: SegmentType) => void;
     commitOnBlur: () => void;
     /** Polite live-region message set when the blur clamp springs a value to a bound. */

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-react",
-  "version": "2.64.0",
+  "version": "2.66.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.64.0",
-    "@viasat/beam-shared": "2.64.0",
-    "@viasat/beam-styles": "2.64.0",
-    "@viasat/beam-tokens": "2.64.0",
-    "@viasat/beam-icons": "2.64.0",
-    "@viasat/beam-react-claude-plugin": "2.64.0",
+    "@viasat/beam-fonts": "2.66.0",
+    "@viasat/beam-shared": "2.66.0",
+    "@viasat/beam-styles": "2.66.0",
+    "@viasat/beam-tokens": "2.66.0",
+    "@viasat/beam-icons": "2.66.0",
+    "@viasat/beam-react-claude-plugin": "2.66.0",
     "clsx": "^1.2.1",
     "@floating-ui/react": "^0.26.18",
     "@stepperize/react": "^5.1.5",

package/chunks/dataTable.B2EH91vH.js

@@ -1 +0,0 @@
-var s=require("../assets/dataTable.css");const t=require("./classNames.BFQUGnCN.js"),b=require("./constants.CgMu0_1M.js"),l={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-data-table-container":"bm-data-table-container","bm-data-table-container--bordered":"bm-data-table-container--bordered","bm-data-table-container--rounded":"bm-data-table-container--rounded","bm-data-table__toolbar":"bm-data-table__toolbar","bm-data-table":"bm-data-table","bm-data-table__header":"bm-data-table__header","bm-data-table__head":"bm-data-table__head","bm-data-table__column-header":"bm-data-table__column-header","bm-data-table__body":"bm-data-table__body","bm-data-table__row":"bm-data-table__row","bm-data-table__cell":"bm-data-table__cell","bm-data-table__footer":"bm-data-table__footer","bm-data-table--sm":"bm-data-table--sm","bm-data-table--md":"bm-data-table--md","bm-data-table--lg":"bm-data-table--lg"},d="data-table",{baseClassNamePrefix:e,classModifierPrefix:m,subElementClassPrefix:a}=t.getBEMClassNames(d),r=b.allSizes.md,o={container:`${e}-container`,toolbar:`${a}toolbar`,header:`${a}header`,head:`${a}head`,columnHeader:`${a}column-header`,body:`${a}body`,row:`${a}row`,cell:`${a}cell`,footer:`${a}footer`};exports.DEFAULT_DATATABLE_DENSITY=r;exports.baseClassNamePrefix=e;exports.classModifierPrefix=m;exports.staticDataTableClassNames=o;exports.styles=l;