@viasat/beam-react 2.39.3 → 2.41.0

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

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

package/package.json

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

package/chunks/DateField.Segment.BBcn6sug.js

@@ -1 +0,0 @@
-var y=require("../assets/DateField.css");const v=require("react/jsx-runtime"),N=require("clsx"),d=require("react"),M=require("./classNames.DC8Ra4sw.js"),D=require("../lib/wip/DateField/DateField.utils.cjs.js"),F="date-field",{baseClassNamePrefix:R,classModifierPrefix:q,subElementClassPrefix:r}=M.getBEMClassNames(F),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:31,month:12,year:9999},P={day:"day",month:"month",year:"year"},k=({type:n,value:_,displayValue:t,isPlaceholder:g,isActive:a,disabled:l,readOnly:o,onFocus:C,onBlur:p,onInput:x,segmentRef:m})=>{const s=!l&&!o,f=d.useRef(null),E=d.useCallback(e=>{f.current=e,m(e)},[m]),h=e=>{if(!s)return;const b=e.currentTarget,i=e.nativeEvent.data;i!=null&&i.length===1&&x(n,i),b.textContent!==t&&(b.textContent=t)};return d.useLayoutEffect(()=>{if(!a||!s)return;const e=f.current;e&&D.selectElementContents(e)},[t,a,s]),v.jsx("span",{ref:E,role:"spinbutton","aria-label":P[n],"aria-valuenow":_??void 0,"aria-valuemin":1,"aria-valuemax":I[n],"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":g,onFocus:C,onBlur:p,onInput:h,onMouseUp:e=>e.preventDefault(),className:N(u[c.segment]),children:t})};exports.DateFieldSegment=k;exports.baseClassNamePrefix=R;exports.classModifierPrefix=q;exports.staticDateFieldClassNames=c;exports.styles=u;