@viasat/beam-react 2.67.1 → 2.69.0

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

@@ -1,271 +0,0 @@
-import { jsxs as Y, jsx as t } from "react/jsx-runtime";
-import Pe from "clsx";
-import { forwardRef as qe, useRef as c, useMemo as He, useCallback as o } from "react";
-import { s, b as Ke, c as u, a as g } from "../../../chunks/DateField.Segment.BMXzpxgl.js";
-import { t as je } from "../../../chunks/constants.Cruz2A1w.js";
-import { i as We } from "../../../chunks/helpers.CiQfGwdc.js";
-import { H as Ye } from "../../../chunks/form.context.BDYA2JQs.js";
-import { LabelProvider as _e } from "../../Form/contexts/label.context.es.js";
-import { HelperTextProvider as $e } from "../../Form/contexts/helperText.context.es.js";
-import { useIsMounted as ke } from "../../../utils/hooks/useIsMounted.es.js";
-import { mergeRefs as Ue } from "../../../utils/functions.es.js";
-import { ErrorBoundary as ze } from "../ErrorBoundary/ErrorBoundary.es.js";
-import { DateFieldSegments as Ge } from "./DateField.Segments.es.js";
-import { useDevMinMaxWarning as Je, useDevInvalidValueWarning as Qe } from "./DateField.devWarnings.es.js";
-import { getDateParts as Xe, getSegmentOrder as Ze, toISODateString as er, DEFAULT_LOCALE as _ } from "./DateField.utils.es.js";
-import { useDateFieldFocus as rr } from "./useDateFieldFocus.es.js";
-import { useDateFieldForm as ar } from "./useDateFieldForm.es.js";
-import { useDateFieldKeyboard as tr } from "./useDateFieldKeyboard.es.js";
-import { useDateFieldSegments as sr } from "./useDateFieldSegments.es.js";
-import { useDateFieldValidity as nr } from "./useDateFieldValidity.es.js";
-import { useDateFieldValue as lr } from "./useDateFieldValue.es.js";
-import { useInvalidState as or } from "./useInvalidState.es.js";
-const ir = "MM/DD/YYYY", dr = () => {
-  process.env.NODE_ENV !== "production" && console.warn("DateField: segments failed to render; showing a static fallback.");
-}, Br = qe(
-  function({
-    value: v,
-    defaultValue: D,
-    onChange: $,
-    minDate: F,
-    maxDate: h,
-    getClampAnnouncement: k,
-    locale: U,
-    label: S = null,
-    helperText: x = null,
-    error: y,
-    hideRequiredMarker: z = !1,
-    validationRules: G,
-    width: J,
-    theme: I,
-    fluid: Q = !1,
-    disabled: X = !1,
-    readOnly: Z = !1,
-    required: ee = !1,
-    name: M,
-    id: re,
-    className: ae,
-    style: te,
-    "aria-label": se,
-    "aria-describedby": ne,
-    "aria-labelledby": le,
-    ...oe
-  }, R) {
-    const {
-      disabled: e,
-      readOnly: n,
-      required: E,
-      invalid: ie,
-      errorMessageProvided: N,
-      defaultValue: de,
-      errorId: O,
-      helperTextId: ce,
-      validationErrorsId: ue,
-      labelId: w,
-      ariaDescribedBy: me,
-      ariaLabelledBy: fe,
-      showErrors: pe
-    } = ar({
-      name: M,
-      disabled: X,
-      readOnly: Z,
-      required: ee,
-      defaultValue: D,
-      error: y,
-      hasHelperText: !!x,
-      hasLabel: !!S,
-      validationRules: G,
-      ariaDescribedBy: ne,
-      ariaLabelledBy: le
-    });
-    Je(F, h), Qe(v, D);
-    const l = c(null), { segmentRefs: be, registerSegmentRef: ge } = sr(), ve = U ?? _, C = ke(), m = Xe(C ? ve : _), i = He(() => Ze(m), [m]), {
-      segmentText: De,
-      segmentValues: L,
-      currentValue: B,
-      wasTouched: Fe,
-      appendDigit: V,
-      adjustSegment: he,
-      clearSegment: Se,
-      clearAll: T,
-      beginSegmentEdit: xe,
-      commitOnBlur: ye,
-      clampAnnouncement: Ie
-    } = lr({
-      value: v,
-      defaultValue: de,
-      onChange: $,
-      minDate: F,
-      maxDate: h,
-      getClampAnnouncement: k
-    }), {
-      focusedSegment: A,
-      fieldTabIndex: Me,
-      handleSegmentFocus: d,
-      handleFieldFocus: Re,
-      handleFieldBlur: Ee,
-      handleFieldMouseDown: Ne,
-      focusNext: f,
-      focusPrevious: Oe
-    } = rr({
-      disabled: e,
-      fieldRef: l,
-      segmentRefs: be,
-      partsOrder: i,
-      onSegmentFocusChange: xe,
-      onFieldBlur: ye
-    }), we = tr({
-      disabled: e,
-      readOnly: n,
-      fieldRef: l,
-      focusNext: f,
-      focusPrevious: Oe,
-      adjustSegment: he,
-      clearSegment: Se
-    }), { isInvalid: Ce } = nr({
-      segments: L,
-      currentValue: B,
-      wasTouched: Fe,
-      isFocused: A !== null
-    }), Le = o(
-      (r, a) => {
-        const { advanced: b } = V(r, a);
-        b && f(r);
-      },
-      [V, f]
-    ), p = or({
-      formInvalid: ie,
-      valueInvalid: Ce
-    }), Be = C && We() ? "textbox" : "spinbutton", P = o(
-      (r) => {
-        e || d(i[0], r);
-      },
-      [e, d, i]
-    ), q = o(() => {
-      var a;
-      if (e) return;
-      const r = document.activeElement;
-      r instanceof HTMLElement && r !== l.current && ((a = l.current) != null && a.contains(r)) && r.blur();
-    }, [e]), H = o(() => {
-      e || n || T();
-    }, [e, n, T]), K = c(P), j = c(q), W = c(H);
-    K.current = P, j.current = q, W.current = H;
-    const Ve = o(
-      (r) => {
-        const a = r ? Object.assign(r, {
-          focus: (b) => K.current(b),
-          blur: () => j.current(),
-          clear: () => W.current()
-        }) : null;
-        Ue(
-          l,
-          R
-        )(a);
-      },
-      [R]
-    ), Te = (r) => {
-      if (e) return;
-      const a = r.target.closest("label");
-      !a || a.id !== w || (r.preventDefault(), d(i[0]));
-    }, Ae = Pe(
-      s[Ke],
-      I && je(I),
-      Q && s[`${u}fluid`],
-      p && s[`${u}error`],
-      e && s[`${u}disabled`],
-      n && s[`${u}read-only`],
-      ae
-    );
-    return /* @__PURE__ */ Y(
-      "div",
-      {
-        className: Ae,
-        style: { ...te, maxWidth: J },
-        onMouseDownCapture: Te,
-        children: [
-          /* @__PURE__ */ t(
-            _e,
-            {
-              ctxId: w,
-              ctxDisabled: e,
-              ctxRequired: E && !z,
-              children: S
-            }
-          ),
-          /* @__PURE__ */ t(
-            "div",
-            {
-              ...oe,
-              ref: Ve,
-              id: re,
-              role: "group",
-              "aria-label": se,
-              "aria-labelledby": fe,
-              "aria-disabled": e || void 0,
-              "aria-required": E || void 0,
-              "aria-invalid": p || void 0,
-              "aria-describedby": me,
-              "aria-errormessage": N ? O : void 0,
-              tabIndex: Me,
-              className: s[g.field],
-              onMouseDown: Ne,
-              onFocus: Re,
-              children: /* @__PURE__ */ t(
-                ze,
-                {
-                  fallback: /* @__PURE__ */ t("span", { className: s[g.segments], children: ir }),
-                  onError: dr,
-                  children: /* @__PURE__ */ t(
-                    Ge,
-                    {
-                      parts: m,
-                      segmentText: De,
-                      segmentValues: L,
-                      focusedSegment: A,
-                      disabled: e,
-                      readOnly: n,
-                      invalid: p,
-                      role: Be,
-                      onSegmentFocus: d,
-                      onSegmentBlur: Ee,
-                      onSegmentInput: Le,
-                      onSegmentKeyDown: we,
-                      registerSegmentRef: ge
-                    }
-                  )
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ t(
-            "span",
-            {
-              role: "status",
-              "aria-live": "polite",
-              "aria-atomic": "true",
-              className: s[g.srStatus],
-              children: Ie
-            }
-          ),
-          /* @__PURE__ */ t(
-            "input",
-            {
-              type: "hidden",
-              name: M,
-              value: er(B),
-              disabled: e
-            }
-          ),
-          /* @__PURE__ */ Y($e, { ctxId: ce, ctxDisabled: e, children: [
-            x,
-            N && /* @__PURE__ */ t(Ye, { id: O, appearance: "negative", children: y })
-          ] }),
-          pe(ue)
-        ]
-      }
-    );
-  }
-);
-export {
-  Br as DateField
-};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../chunks/constants.CgMu0_1M.js");const A=require("../../../chunks/helpers.BIckGIbP.js"),d=require("./DateField.validation.cjs.js"),l="en-US",N=new Intl.DateTimeFormat("en-US",{month:"long"}),w=e=>N.format(new Date(2e3,e-1,1)),u=31,i=12,m=1,f=9999,M=(e,t,n)=>Math.min(n,Math.max(t,e)),T=(e,t)=>((e-1)%t+t)%t+1,F=2024,P=(e,t)=>t==null?31:new Date(e??F,t,0).getDate(),R=()=>{const e=new Date;return{day:e.getDate(),month:e.getMonth()+1,year:e.getFullYear()}},o=e=>e instanceof Date&&!Number.isNaN(e.getTime()),I=(e,t,n,r)=>{if(n==="min")return e==="year"?null:1;if(n==="max")return e==="year"?null:e==="day"?r.daysInMonth:i;if(t==null){if(e==="year")return r.today.year;const E=e==="day"?u:i;return n>0?1:E}if(e==="year")return M(t+n,m,f);const a=e==="day"?u:i;return T(t+n,a)},L={day:"",month:"",year:""},h=e=>{const{day:t,month:n,year:r}=e;if(t==null||n==null||r==null)return null;const a=new Date(r,n-1,t);return a.setFullYear(r),Number.isNaN(a.getTime())||a.getFullYear()!==r||a.getMonth()!==n-1||a.getDate()!==t?null:a},Y=(e,t)=>e==null&&t==null?!0:e==null||t==null?!1:e.getTime()===t.getTime(),s=A.dateToDayKey,O=e=>o(e)?s(e):null,V=(e,t,n)=>{const r=s(e);return!(o(t)&&r<s(t)||o(n)&&r>s(n))},_=(e,t)=>o(e)&&o(t)&&s(e)>s(t),C=(e,t,n)=>{if(_(t,n))return e;const r=s(e);return o(t)&&r<s(t)?new Date(t.getFullYear(),t.getMonth(),t.getDate()):o(n)&&r>s(n)?new Date(n.getFullYear(),n.getMonth(),n.getDate()):e},X=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}`},p=e=>e.type==="literal",D=e=>e.filter(t=>!p(t)).map(t=>t.type),b=new Date(2020,0,2),G=new Set([8206,8207,8234,8235,8236,8237,8238,8294,8295,8296,8297]),H=e=>[...e].filter(t=>!G.has(t.codePointAt(0)??-1)).join(""),K=new Set(["day","month","year","literal"]),y=3,S=e=>{try{const t=new Intl.DateTimeFormat(e,{year:"numeric",month:"2-digit",day:"2-digit",calendar:"gregory"}).formatToParts(b).filter(r=>K.has(r.type)).map(r=>({type:r.type,value:r.type==="literal"?H(r.value):""})),n=D(t);return n.length===y&&new Set(n).size===y?t:null}catch{return null}},g=new Map,$=e=>{try{return new Intl.Locale(e).toString()}catch{return e.toLowerCase()}},k=e=>{try{return Intl.DateTimeFormat.supportedLocalesOf([e]).length>0}catch{return!1}},U=e=>{const t=$(e),n=g.get(t);if(n)return n;const r=k(e);!r&&process.env.NODE_ENV!=="production"&&console.warn(`DateField: locale "${e}" is not supported; falling back to ${l}.`);const a=(r?S(e):null)??S(l);if(!a)throw new Error(`DateField: Intl cannot resolve ${l} date parts`);return g.set(t,a),a},j=()=>g.clear(),q=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")}:L,c=(e,t)=>{if(t===""||e==="year"&&t.length<d.SEGMENT_MAX_LENGTH.year)return null;const n=parseInt(t,10);return Number.isNaN(n)||n===0?null:n},v=e=>h({day:c("day",e.day),month:c("month",e.month),year:c("year",e.year)}),z=(e,t)=>t===""?"":t.padStart(d.SEGMENT_MAX_LENGTH[e],"0"),B=(e,t,n)=>t===""?{displayValue:n,isPlaceholder:!0}:{displayValue:t.padStart(d.SEGMENT_MAX_LENGTH[e],"0"),isPlaceholder:!1},W=e=>{const t=window.getSelection();if(!t)return;const n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)},J=e=>{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()};exports.DAY_SPIN_MAX=u;exports.DEFAULT_LOCALE=l;exports.MONTH_MAX=i;exports.YEAR_MAX=f;exports.YEAR_MIN=m;exports.__clearDatePartsCache=j;exports.adjustSegmentValue=I;exports.clamp=M;exports.clampDateToRange=C;exports.clearSelectionWithin=J;exports.dateKeyOrNull=O;exports.deriveValue=h;exports.deriveValueFromText=v;exports.getDateParts=U;exports.getDaysInMonth=P;exports.getMonthName=w;exports.getSegmentDisplay=B;exports.getSegmentOrder=D;exports.isDateInRange=V;exports.isLiteralPart=p;exports.isMinMaxMisconfigured=_;exports.isSameDateValue=Y;exports.isValidDate=o;exports.normalizeSegmentText=z;exports.segmentNumber=c;exports.segmentTextFromValue=q;exports.selectElementContents=W;exports.toISODateString=X;exports.todayParts=R;exports.wrapInRange=T;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),P=require("./DateField.utils.cjs.js");function j({disabled:l,fieldRef:a,segmentRefs:v,partsOrder:b,onSegmentFocusChange:D,onFieldBlur:x}){const[n,o]=e.useState(null),i=b[0],y=e.useRef(n);y.current=n;const r=e.useRef(D),d=e.useRef(x);e.useEffect(()=>{r.current=D,d.current=x},[D,x]);const T=e.useRef(void 0);e.useEffect(()=>{if(n===null||n==="all")return;const t=v.current.get(n);t&&(document.activeElement!==t&&t.focus(T.current),T.current=void 0)},[n,v]);const p=e.useCallback((t,c)=>{var u;l||(T.current=c,o(t),(u=r.current)==null||u.call(r,t))},[l]),E=e.useCallback(t=>{var c;l||t.target===a.current&&(o(i),(c=r.current)==null||c.call(r,i))},[l,a,i]),q=e.useCallback(t=>{var u,s,f,_;if((u=a.current)!=null&&u.contains(t.relatedTarget))return;const c=(f=(s=t.target)==null?void 0:s.getAttribute)==null?void 0:f.call(s,"data-segment");c&&c!==y.current||(o(null),(_=d.current)==null||_.call(d),P.clearSelectionWithin(a.current))},[a]),w=e.useCallback(t=>{var u;if(l)return;t.target.closest("[data-segment]")||(t.preventDefault(),o(i),(u=r.current)==null||u.call(r,i))},[l,i]),k=e.useCallback((t,c)=>{var f;const u=b.indexOf(t);if(u===-1)return;const s=b[u+c];s!=null&&(o(s),(f=r.current)==null||f.call(r,s))},[b]),I=e.useCallback(t=>{k(t,1)},[k]),M=e.useCallback(t=>{k(t,-1)},[k]);return{focusedSegment:n,fieldTabIndex:l?-1:n===null?0:-1,handleSegmentFocus:p,handleFieldFocus:E,handleFieldBlur:q,handleFieldMouseDown:w,focusNext:I,focusPrevious:M}}exports.useDateFieldFocus=j;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("clsx"),T=require("react"),u=require("../../../chunks/form.context.CkC0TwMb.js");require("../../Form/contexts/label.context.cjs.js");require("../../Form/contexts/helperText.context.cjs.js");const s=require("../../Form/hooks/useAccessibleId.hook.cjs.js");require("../../../chunks/constants.CgMu0_1M.js");require("react/jsx-runtime");function L({name:i,disabled:b=!1,readOnly:q=!1,required:y=!1,defaultValue:I,error:e,hasHelperText:p,hasLabel:h,validationRules:F=[],ariaDescribedBy:f,ariaLabelledBy:m}){const{showErrors:v,isInvalid:x,errorShown:g,disabled:B,readOnly:_,required:A}=u.useFormField({name:i,validationRules:F,disabledProp:b,readOnlyProp:q,requiredProp:y}),{ctxInitialValues:D}=T.useContext(u.FormContext),{id:r}=s.useAccessibleId(),{id:d}=s.useAccessibleId(),{id:l}=s.useAccessibleId(),{id:o}=s.useAccessibleId(),t=!!(e!=null&&e.length),P=!!e||x,O=I??D[i],a=n(p&&d,t&&r,g&&l,f),c=n(h&&o,m);return{disabled:B,readOnly:_,required:A,invalid:P,errorMessageProvided:t,defaultValue:O,errorId:r,helperTextId:d,validationErrorsId:l,labelId:o,ariaDescribedBy:a.length>0?a:void 0,ariaLabelledBy:c.length>0?c:void 0,showErrors:v}}exports.useDateFieldForm=L;

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

@@ -1,80 +0,0 @@
-import { Nullable } from '@viasat/beam-shared/utils/types';
-import { AppendDigitResult, SegmentAdjustment, SegmentText, SegmentType, SegmentValues } from './DateField.types';
-export interface UseDateFieldValueArgs {
-    value?: Nullable<Date>;
-    defaultValue?: Nullable<Date>;
-    /** Fires on user-driven value transitions only, never on controlled `value` changes. */
-    onChange?: (value: Nullable<Date>) => void;
-    /**
-     * Earliest allowed date (inclusive, compared by calendar day). Springs a
-     * touched value to this bound on blur (see `commitOnBlur`) — does not bound
-     * the year segment's spin/Home/End, which is free (see `adjustSegment`).
-     */
-    minDate?: Nullable<Date>;
-    /**
-     * Latest allowed date (inclusive, compared by calendar day). Springs a
-     * touched value to this bound on blur (see `commitOnBlur`) — does not bound
-     * the year segment's spin/Home/End, which is free (see `adjustSegment`).
-     */
-    maxDate?: Nullable<Date>;
-    /**
-     * Called when a touched value springs to a bound on blur; returns a localized
-     * message set on the polite live region. Omit → no announcement.
-     */
-    getClampAnnouncement?: (clampedDate: Date) => string;
-}
-export interface UseDateFieldValueReturn {
-    segmentText: SegmentText;
-    segmentValues: SegmentValues;
-    currentValue: Nullable<Date>;
-    isControlled: boolean;
-    wasTouched: boolean;
-    appendDigit: (type: SegmentType, digit: string) => AppendDigitResult;
-    /**
-     * Increments, decrements, or jumps a segment to its min/max boundary.
-     *
-     * - Numeric `amount` (e.g. ±1, ±5): day/month wrap modularly; year clamps
-     *   to `[YEAR_MIN, YEAR_MAX]` (free-spinning, independent of `minDate`/
-     *   `maxDate` — see `DateField.utils.adjustSegmentValue`). An empty day/month
-     *   segment seeds to a direction-based first/last valid value; an empty year
-     *   seeds to the current year.
-     * - `'min'` / `'max'`: jump to the lower/upper bound. No-op on year (Home/End
-     *   don't bound the year to `minDate`/`maxDate`).
-     *
-     * Follows the `appendDigit` mutation pattern: writes zero-padded `segmentText`,
-     * sets `wasTouched`, calls `emitIfChanged`, and marks the segment in
-     * `replaceNextRef` so a digit typed immediately after replaces rather than
-     * appends.
-     *
-     * @returns `true` if the segment was adjusted, `false` on a no-op (year
-     * `'min'`/`'max'`). The keyboard dispatcher uses this to decide whether to
-     * `preventDefault` — a no-op leaves the key to native (e.g. page scroll).
-     */
-    adjustSegment: (type: SegmentType, amount: SegmentAdjustment) => boolean;
-    /**
-     * Clears the entire segment buffer to `''` — the shared Backspace and
-     * Delete behaviour.
-     *
-     * Returns `{ wasEmpty: true }` when the buffer was already empty, without
-     * mutating, so the caller (keyboard handler) knows Backspace should move
-     * focus to the previous segment instead of clearing. Otherwise focus stays
-     * on the current segment. Fires `onChange(null)` via `emitIfChanged` when
-     * the cleared segment was part of a complete date. Clears `replaceNextRef`
-     * for the segment so the next digit appends.
-     */
-    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. */
-    clampAnnouncement: string;
-}
-export declare function useDateFieldValue({ value, defaultValue, onChange, minDate, maxDate, getClampAnnouncement, }: UseDateFieldValueArgs): UseDateFieldValueReturn;