@viasat/beam-react 2.68.0 → 2.69.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -0
- package/chunks/DateField.Segment.BP4uMe6e.js +1 -0
- package/chunks/{DateField.Segment.-XomLz51.js → DateField.Segment.Dtgriddw.js} +1 -1
- package/index.cjs.js +1 -1
- package/index.es.js +28 -26
- package/lib/DateField/DateField.Segment.cjs.js +1 -0
- package/lib/DateField/DateField.Segment.es.js +9 -0
- package/lib/DateField/DateField.Segments.cjs.js +1 -0
- package/lib/{wip/DateField → DateField}/DateField.Segments.es.js +1 -1
- package/lib/DateField/DateField.cjs.js +1 -0
- package/lib/{wip/DateField → DateField}/DateField.es.js +10 -10
- package/lib/{wip/DateField → DateField}/DateField.types.d.ts +25 -46
- package/lib/DateField/DateField.utils.cjs.js +1 -0
- package/lib/{wip/DateField → DateField}/DateField.utils.d.ts +10 -22
- package/lib/{wip/DateField → DateField}/DateField.utils.es.js +3 -5
- package/lib/{wip/DateField → DateField}/DateField.validation.d.ts +2 -2
- package/lib/DateField/useDateFieldFocus.cjs.js +1 -0
- package/lib/DateField/useDateFieldForm.cjs.js +1 -0
- package/lib/{wip/DateField → DateField}/useDateFieldForm.d.ts +1 -1
- package/lib/{wip/DateField → DateField}/useDateFieldForm.es.js +5 -5
- package/lib/{wip/DateField → DateField}/useDateFieldKeyboard.d.ts +2 -5
- package/lib/{wip/DateField → DateField}/useDateFieldValue.cjs.js +1 -1
- package/lib/DateField/useDateFieldValue.d.ts +44 -0
- package/lib/{wip/DateField → DateField}/useInvalidState.d.ts +5 -4
- package/lib/index.cjs.js +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.es.js +20 -18
- package/lib/wip/index.cjs.js +1 -1
- package/lib/wip/index.d.ts +0 -2
- package/lib/wip/index.es.js +15 -19
- package/package.json +7 -7
- package/chunks/DateField.Segment.Dc_nlh4y.js +0 -1
- package/lib/wip/DateField/DateField.Segment.cjs.js +0 -1
- package/lib/wip/DateField/DateField.Segment.es.js +0 -9
- package/lib/wip/DateField/DateField.Segments.cjs.js +0 -1
- package/lib/wip/DateField/DateField.cjs.js +0 -1
- package/lib/wip/DateField/DateField.utils.cjs.js +0 -1
- package/lib/wip/DateField/useDateFieldFocus.cjs.js +0 -1
- package/lib/wip/DateField/useDateFieldForm.cjs.js +0 -1
- package/lib/wip/DateField/useDateFieldValue.d.ts +0 -80
- /package/lib/{wip/DateField → DateField}/DateField.Segment.d.ts +0 -0
- /package/lib/{wip/DateField → DateField}/DateField.Segments.d.ts +0 -0
- /package/lib/{wip/DateField → DateField}/DateField.d.ts +0 -0
- /package/lib/{wip/DateField → DateField}/DateField.devWarnings.cjs.js +0 -0
- /package/lib/{wip/DateField → DateField}/DateField.devWarnings.d.ts +0 -0
- /package/lib/{wip/DateField → DateField}/DateField.devWarnings.es.js +0 -0
- /package/lib/{wip/DateField → DateField}/DateField.types.cjs.js +0 -0
- /package/lib/{wip/DateField → DateField}/DateField.types.es.js +0 -0
- /package/lib/{wip/DateField → DateField}/DateField.validation.cjs.js +0 -0
- /package/lib/{wip/DateField → DateField}/DateField.validation.es.js +0 -0
- /package/lib/{wip/DateField → DateField}/index.cjs.js +0 -0
- /package/lib/{wip/DateField → DateField}/index.d.ts +0 -0
- /package/lib/{wip/DateField → DateField}/index.es.js +0 -0
- /package/lib/{wip/DateField → DateField}/useDateFieldFocus.d.ts +0 -0
- /package/lib/{wip/DateField → DateField}/useDateFieldFocus.es.js +0 -0
- /package/lib/{wip/DateField → DateField}/useDateFieldKeyboard.cjs.js +0 -0
- /package/lib/{wip/DateField → DateField}/useDateFieldKeyboard.es.js +0 -0
- /package/lib/{wip/DateField → DateField}/useDateFieldSegments.cjs.js +0 -0
- /package/lib/{wip/DateField → DateField}/useDateFieldSegments.d.ts +0 -0
- /package/lib/{wip/DateField → DateField}/useDateFieldSegments.es.js +0 -0
- /package/lib/{wip/DateField → DateField}/useDateFieldValidity.cjs.js +0 -0
- /package/lib/{wip/DateField → DateField}/useDateFieldValidity.d.ts +0 -0
- /package/lib/{wip/DateField → DateField}/useDateFieldValidity.es.js +0 -0
- /package/lib/{wip/DateField → DateField}/useDateFieldValue.es.js +0 -0
- /package/lib/{wip/DateField → DateField}/useInvalidState.cjs.js +0 -0
- /package/lib/{wip/DateField → DateField}/useInvalidState.es.js +0 -0
- /package/lib/{wip/ErrorBoundary → _ErrorBoundary}/ErrorBoundary.cjs.js +0 -0
- /package/lib/{wip/ErrorBoundary → _ErrorBoundary}/ErrorBoundary.d.ts +0 -0
- /package/lib/{wip/ErrorBoundary → _ErrorBoundary}/ErrorBoundary.es.js +0 -0
- /package/lib/{wip/ErrorBoundary → _ErrorBoundary}/index.cjs.js +0 -0
- /package/lib/{wip/ErrorBoundary → _ErrorBoundary}/index.d.ts +0 -0
- /package/lib/{wip/ErrorBoundary → _ErrorBoundary}/index.es.js +0 -0
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { Nullable } from '@viasat/beam-shared/utils/types';
|
|
2
|
+
import { AppendDigitResult, SegmentAdjustment, SegmentText, SegmentType, SegmentValues } from './DateField.types';
|
|
3
|
+
export interface UseDateFieldValueArgs {
|
|
4
|
+
value?: Nullable<Date>;
|
|
5
|
+
defaultValue?: Nullable<Date>;
|
|
6
|
+
/** Fires on user-driven value transitions only, never on controlled `value` changes. */
|
|
7
|
+
onChange?: (value: Nullable<Date>) => void;
|
|
8
|
+
/** Inclusive floor, compared by calendar day. Bounds the blur clamp, never the year spin. */
|
|
9
|
+
minDate?: Nullable<Date>;
|
|
10
|
+
/** Inclusive ceiling, compared by calendar day. Bounds the blur clamp, never the year spin. */
|
|
11
|
+
maxDate?: Nullable<Date>;
|
|
12
|
+
/** Returns the localized message announced when the blur clamp moves a value. */
|
|
13
|
+
getClampAnnouncement?: (clampedDate: Date) => string;
|
|
14
|
+
}
|
|
15
|
+
export interface UseDateFieldValueReturn {
|
|
16
|
+
segmentText: SegmentText;
|
|
17
|
+
segmentValues: SegmentValues;
|
|
18
|
+
currentValue: Nullable<Date>;
|
|
19
|
+
isControlled: boolean;
|
|
20
|
+
wasTouched: boolean;
|
|
21
|
+
appendDigit: (type: SegmentType, digit: string) => AppendDigitResult;
|
|
22
|
+
/**
|
|
23
|
+
* Steps a segment by `amount`, or jumps it to a boundary with `'min'`/`'max'`.
|
|
24
|
+
* Returns `false` for a no-op — only year `'min'`/`'max'`, since the year is
|
|
25
|
+
* free-spinning — which tells the keyboard dispatcher to leave the key to the
|
|
26
|
+
* browser rather than `preventDefault` it.
|
|
27
|
+
*/
|
|
28
|
+
adjustSegment: (type: SegmentType, amount: SegmentAdjustment) => boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Empties one segment. Reports `{ wasEmpty: true }` without mutating when
|
|
31
|
+
* there was nothing to clear, so Backspace can step to the previous segment
|
|
32
|
+
* instead.
|
|
33
|
+
*/
|
|
34
|
+
clearSegment: (type: SegmentType) => {
|
|
35
|
+
wasEmpty: boolean;
|
|
36
|
+
};
|
|
37
|
+
/** Empties every segment at once; unlike `clearSegment`, needs no focused segment. */
|
|
38
|
+
clearAll: () => void;
|
|
39
|
+
beginSegmentEdit: (type: SegmentType) => void;
|
|
40
|
+
commitOnBlur: () => void;
|
|
41
|
+
/** Polite live-region message set when the blur clamp springs a value to a bound. */
|
|
42
|
+
clampAnnouncement: string;
|
|
43
|
+
}
|
|
44
|
+
export declare function useDateFieldValue({ value, defaultValue, onChange, minDate, maxDate, getClampAnnouncement, }: UseDateFieldValueArgs): UseDateFieldValueReturn;
|
|
@@ -6,8 +6,9 @@ export interface UseInvalidStateArgs {
|
|
|
6
6
|
* partial-on-blur). */
|
|
7
7
|
valueInvalid: boolean;
|
|
8
8
|
}
|
|
9
|
-
/**
|
|
10
|
-
*
|
|
11
|
-
*
|
|
12
|
-
*
|
|
9
|
+
/**
|
|
10
|
+
* Aggregates every error-state source into the single flag that drives the
|
|
11
|
+
* `--error` modifier, so a new source becomes another argument here rather than
|
|
12
|
+
* another condition in the orchestrator's JSX.
|
|
13
|
+
*/
|
|
13
14
|
export declare const useInvalidState: ({ formInvalid, valueInvalid, }: UseInvalidStateArgs) => boolean;
|
package/lib/index.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./Accordion/Accordion.cjs.js"),l=require("./Accordion/AccordionGroup.cjs.js"),c=require("./Alert/Alert.cjs.js"),s=require("./Autocomplete/Autocomplete.cjs.js"),d=require("./Avatar/index.cjs.js"),b=require("./CloseButton/CloseButton.cjs.js"),r=require("./Button/Button.cjs.js"),p=require("./Dialog/Dialog.cjs.js"),S=require("./Breadcrumbs/Breadcrumbs.cjs.js"),q=require("../chunks/BreadcrumbsItem.BU74Md4d.js"),A=require("./EmptyState/EmptyState.cjs.js"),T=require("./Badge/Badge.cjs.js"),C=require("./BadgeDot/BadgeDot.cjs.js"),P=require("./Box/Box.cjs.js"),B=require("./Checkbox/Checkbox.cjs.js"),g=require("./Chips/Chip.cjs.js"),v=require("./Chips/ChipGroup.cjs.js"),L=require("./Divider/Divider.cjs.js"),x=require("./FileUpload/FileUpload.cjs.js"),h=require("./Flag/Flag.cjs.js"),N=require("./Form/Form.cjs.js"),m=require("../chunks/form.context.CkC0TwMb.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./Accordion/Accordion.cjs.js"),l=require("./Accordion/AccordionGroup.cjs.js"),c=require("./Alert/Alert.cjs.js"),s=require("./Autocomplete/Autocomplete.cjs.js"),d=require("./Avatar/index.cjs.js"),b=require("./CloseButton/CloseButton.cjs.js"),r=require("./Button/Button.cjs.js"),p=require("./Dialog/Dialog.cjs.js"),S=require("./Breadcrumbs/Breadcrumbs.cjs.js"),q=require("../chunks/BreadcrumbsItem.BU74Md4d.js"),A=require("./EmptyState/EmptyState.cjs.js"),T=require("./Badge/Badge.cjs.js"),C=require("./BadgeDot/BadgeDot.cjs.js"),P=require("./Box/Box.cjs.js"),B=require("./Checkbox/Checkbox.cjs.js"),g=require("./Chips/Chip.cjs.js"),v=require("./Chips/ChipGroup.cjs.js"),L=require("./Divider/Divider.cjs.js"),x=require("./FileUpload/FileUpload.cjs.js"),h=require("./Flag/Flag.cjs.js"),N=require("./Form/Form.cjs.js"),m=require("../chunks/form.context.CkC0TwMb.js"),D=require("./Icon/Icon.cjs.js"),H=require("./InputChoiceGroup/SwitchGroup/SwitchGroup.cjs.js"),G=require("./InputChoiceGroup/CheckboxGroup/CheckboxGroup.cjs.js"),R=require("./InputChoiceGroup/RadioButtonGroup/RadioButtonGroup.cjs.js"),I=require("./Label/Label.cjs.js"),O=require("./Link/Link.cjs.js"),F=require("./List/List.cjs.js"),y=require("./ActionList/ActionList.cjs.js"),E=require("./Logo/Logo.cjs.js"),k=require("./Menu/Menu.cjs.js"),M=require("./Menu/Menu.context.cjs.js"),U=require("./NativeSelect/NativeSelect.cjs.js"),w=require("./Pagination/Pagination.cjs.js"),Y=require("./ProgressBar/ProgressBar.cjs.js"),W=require("./RadioButton/RadioButton.cjs.js"),e=require("./SideNav/SideNav.cjs.js"),o=require("./SideNav/SideNavContext.cjs.js"),V=require("./SegmentedControl/SegmentedControl.cjs.js"),K=require("./Select/Select.cjs.js"),f=require("./Spinner/Spinner.cjs.js"),Q=require("./StateLayer/StateLayer.cjs.js"),j=require("./Stepper/Stepper.cjs.js"),t=require("./Stepper/useBeamStepper.cjs.js"),z=require("./Switch/Switch.cjs.js"),J=require("./Tabs/Tabs.cjs.js"),X=require("./Text/Text.cjs.js"),Z=require("./TextArea/TextArea.cjs.js"),$=require("./TextField/TextField.cjs.js"),ee=require("./Toasts/Toast.cjs.js"),i=require("../chunks/ToastContext.DVb2CKcX.js"),re=require("./Toasts/ToastContainer.cjs.js"),a=require("./Tooltip/Tooltip.cjs.js"),n=require("./Header/Header.cjs.js"),oe=require("./Header/HeaderMasthead.cjs.js"),te=require("./Header/HeaderActionGroup.cjs.js"),ie=require("./Header/HeaderNavigation.cjs.js"),_=require("./PortalProvider/PortalContext.cjs.js"),ae=require("./PortalProvider/PortalProvider.cjs.js"),ne=require("./Popover/Popover.cjs.js"),_e=require("./PageHeader/PageHeader.cjs.js"),ue=require("./PageLayout/PageLayout.cjs.js"),le=require("./Panel/Panel.cjs.js"),ce=require("./Slider/Slider.cjs.js"),se=require("./Card/Card.cjs.js"),de=require("./Card/CardGroup.cjs.js"),be=require("./Search/Search.cjs.js"),pe=require("./DateField/DateField.cjs.js"),Se=require("../chunks/useFormValidator.hook.CbrwDKcG.js");exports.Accordion=u.Accordion;exports.AccordionGroup=l.AccordionGroup;exports.Alert=c.Alert;exports.Autocomplete=s.Autocomplete;exports.Avatar=d.Avatar;exports.CloseButton=b.CloseButton;exports.Button=r.Button;exports.ButtonIconWrap=r.ButtonIconWrap;exports.Dialog=p.Dialog;exports.Breadcrumb=S.Breadcrumb;exports.BreadcrumbItem=q.BreadcrumbItem;exports.EmptyState=A.EmptyState;exports.Badge=T.Badge;exports.BadgeDot=C.BadgeDot;exports.Box=P.Box;exports.Checkbox=B.Checkbox;exports.Chip=g.Chip;exports.ChipGroup=v.ChipGroup;exports.Divider=L.Divider;exports.FileUpload=x.default;exports.Flag=h.Flag;exports.Form=N.Form;exports.HelperText=m.HelperText;exports.Icon=D.Icon;exports.SwitchGroup=H.SwitchGroup;exports.CheckboxGroup=G.CheckboxGroup;exports.RadioButtonGroup=R.RadioButtonGroup;exports.Label=I.Label;exports.Link=O.Link;exports.List=F.List;exports.ActionList=y.ActionList;exports.Logo=E.Logo;exports.Menu=k.Menu;exports.useMenuContext=M.useMenuContext;exports.NativeSelect=U.NativeSelect;exports.Pagination=w.Pagination;exports.ProgressBar=Y.ProgressBar;exports.RadioButton=W.RadioButton;exports.DRAWER_LAYOUT=e.DRAWER_LAYOUT;exports.HIDDEN_LAYOUT=e.HIDDEN_LAYOUT;exports.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME=e.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME;exports.NO_LAYOUT=e.NO_LAYOUT;exports.OPAQUE_BACKDROP=e.OPAQUE_BACKDROP;exports.RAIL_LAYOUT=e.RAIL_LAYOUT;exports.Root=e.Root;exports.SideNav=e.SideNav;exports.SideNavBackdrops=e.SideNavBackdrops;exports.SideNavClosedLayouts=e.SideNavClosedLayouts;exports.SideNavOpenLayouts=e.SideNavOpenLayouts;exports.TRANSPARENT_BACKDROP=e.TRANSPARENT_BACKDROP;exports.SideNavProvider=o.SideNavProvider;exports.useSideNavContext=o.useSideNavContext;exports.SegmentedControl=V.SegmentedControl;exports.Select=K.Select;exports.Spinner=f.Spinner;exports.StateLayer=Q.StateLayer;exports.Stepper=j.Stepper;exports.processMetadata=t.processMetadata;exports.useBeamStepper=t.useBeamStepper;exports.Switch=z.Switch;exports.Tabs=J.Tabs;exports.Text=X.Text;exports.TextArea=Z.TextArea;exports.TextField=$.TextField;exports.Toast=ee.Toast;exports.ToastProvider=i.ToastProvider;exports.useToast=i.useToast;exports.ToastContainer=re.ToastContainer;exports.Tooltip=a.Tooltip;exports.TooltipIconTrigger=a.TooltipIconTrigger;exports.Header=n.Header;exports.InternalHeader=n.InternalHeader;exports.HeaderMasthead=oe.HeaderMasthead;exports.HeaderActionGroup=te.HeaderActionGroup;exports.HeaderNavigation=ie.HeaderNavigation;exports.PortalContext=_.PortalContext;exports.usePortal=_.usePortal;exports.PortalProvider=ae.PortalProvider;exports.Popover=ne.Popover;exports.PageHeader=_e.PageHeader;exports.PageLayout=ue.PageLayout;exports.Panel=le.Panel;exports.Slider=ce.Slider;exports.Card=se.Card;exports.CardGroup=de.CardGroup;exports.Search=be.Search;exports.DateField=pe.DateField;exports.validators=Se.validators;
|
package/lib/index.d.ts
CHANGED
package/lib/index.es.js
CHANGED
|
@@ -11,12 +11,12 @@ import { B as C } from "../chunks/BreadcrumbsItem.DC3CIyBO.js";
|
|
|
11
11
|
import { EmptyState as P } from "./EmptyState/EmptyState.es.js";
|
|
12
12
|
import { Badge as g } from "./Badge/Badge.es.js";
|
|
13
13
|
import { BadgeDot as _ } from "./BadgeDot/BadgeDot.es.js";
|
|
14
|
-
import { Box as
|
|
14
|
+
import { Box as O } from "./Box/Box.es.js";
|
|
15
15
|
import { Checkbox as I } from "./Checkbox/Checkbox.es.js";
|
|
16
16
|
import { Chip as E } from "./Chips/Chip.es.js";
|
|
17
17
|
import { ChipGroup as b } from "./Chips/ChipGroup.es.js";
|
|
18
18
|
import { Divider as y } from "./Divider/Divider.es.js";
|
|
19
|
-
import { default as
|
|
19
|
+
import { default as M } from "./FileUpload/FileUpload.es.js";
|
|
20
20
|
import { Flag as Y } from "./Flag/Flag.es.js";
|
|
21
21
|
import { Form as w } from "./Form/Form.es.js";
|
|
22
22
|
import { H as V } from "../chunks/form.context.BDYA2JQs.js";
|
|
@@ -35,9 +35,9 @@ import { NativeSelect as co } from "./NativeSelect/NativeSelect.es.js";
|
|
|
35
35
|
import { Pagination as To } from "./Pagination/Pagination.es.js";
|
|
36
36
|
import { ProgressBar as Bo } from "./ProgressBar/ProgressBar.es.js";
|
|
37
37
|
import { RadioButton as Lo } from "./RadioButton/RadioButton.es.js";
|
|
38
|
-
import { DRAWER_LAYOUT as No, HIDDEN_LAYOUT as go, LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME as Ro, NO_LAYOUT as _o, OPAQUE_BACKDROP as
|
|
39
|
-
import { SideNavProvider as yo, useSideNavContext as
|
|
40
|
-
import { SegmentedControl as
|
|
38
|
+
import { DRAWER_LAYOUT as No, HIDDEN_LAYOUT as go, LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME as Ro, NO_LAYOUT as _o, OPAQUE_BACKDROP as Do, RAIL_LAYOUT as Oo, Root as Ho, SideNav as Io, SideNavBackdrops as ho, SideNavClosedLayouts as Eo, SideNavOpenLayouts as Go, TRANSPARENT_BACKDROP as bo } from "./SideNav/SideNav.es.js";
|
|
39
|
+
import { SideNavProvider as yo, useSideNavContext as Fo } from "./SideNav/SideNavContext.es.js";
|
|
40
|
+
import { SegmentedControl as ko } from "./SegmentedControl/SegmentedControl.es.js";
|
|
41
41
|
import { Select as Wo } from "./Select/Select.es.js";
|
|
42
42
|
import { Spinner as Ko } from "./Spinner/Spinner.es.js";
|
|
43
43
|
import { StateLayer as Qo } from "./StateLayer/StateLayer.es.js";
|
|
@@ -56,17 +56,18 @@ import { Header as vr, InternalHeader as Br } from "./Header/Header.es.js";
|
|
|
56
56
|
import { HeaderMasthead as Lr } from "./Header/HeaderMasthead.es.js";
|
|
57
57
|
import { HeaderActionGroup as Nr } from "./Header/HeaderActionGroup.es.js";
|
|
58
58
|
import { HeaderNavigation as Rr } from "./Header/HeaderNavigation.es.js";
|
|
59
|
-
import { PortalContext as
|
|
59
|
+
import { PortalContext as Dr, usePortal as Or } from "./PortalProvider/PortalContext.es.js";
|
|
60
60
|
import { PortalProvider as Ir } from "./PortalProvider/PortalProvider.es.js";
|
|
61
61
|
import { Popover as Er } from "./Popover/Popover.es.js";
|
|
62
62
|
import { PageHeader as br } from "./PageHeader/PageHeader.es.js";
|
|
63
63
|
import { PageLayout as yr } from "./PageLayout/PageLayout.es.js";
|
|
64
|
-
import { Panel as
|
|
64
|
+
import { Panel as Mr } from "./Panel/Panel.es.js";
|
|
65
65
|
import { Slider as Yr } from "./Slider/Slider.es.js";
|
|
66
66
|
import { Card as wr } from "./Card/Card.es.js";
|
|
67
67
|
import { CardGroup as Vr } from "./Card/CardGroup.es.js";
|
|
68
68
|
import { Search as jr } from "./Search/Search.es.js";
|
|
69
|
-
import {
|
|
69
|
+
import { DateField as zr } from "./DateField/DateField.es.js";
|
|
70
|
+
import { v as Xr } from "../chunks/useFormValidator.hook.BM-e4j8b.js";
|
|
70
71
|
export {
|
|
71
72
|
e as Accordion,
|
|
72
73
|
p as AccordionGroup,
|
|
@@ -76,7 +77,7 @@ export {
|
|
|
76
77
|
d as Avatar,
|
|
77
78
|
g as Badge,
|
|
78
79
|
_ as BadgeDot,
|
|
79
|
-
|
|
80
|
+
O as Box,
|
|
80
81
|
v as Breadcrumb,
|
|
81
82
|
C as BreadcrumbItem,
|
|
82
83
|
l as Button,
|
|
@@ -89,10 +90,11 @@ export {
|
|
|
89
90
|
b as ChipGroup,
|
|
90
91
|
s as CloseButton,
|
|
91
92
|
No as DRAWER_LAYOUT,
|
|
93
|
+
zr as DateField,
|
|
92
94
|
S as Dialog,
|
|
93
95
|
y as Divider,
|
|
94
96
|
P as EmptyState,
|
|
95
|
-
|
|
97
|
+
M as FileUpload,
|
|
96
98
|
Y as Flag,
|
|
97
99
|
w as Form,
|
|
98
100
|
go as HIDDEN_LAYOUT,
|
|
@@ -111,21 +113,21 @@ export {
|
|
|
111
113
|
so as Menu,
|
|
112
114
|
_o as NO_LAYOUT,
|
|
113
115
|
co as NativeSelect,
|
|
114
|
-
|
|
116
|
+
Do as OPAQUE_BACKDROP,
|
|
115
117
|
br as PageHeader,
|
|
116
118
|
yr as PageLayout,
|
|
117
119
|
To as Pagination,
|
|
118
|
-
|
|
120
|
+
Mr as Panel,
|
|
119
121
|
Er as Popover,
|
|
120
|
-
|
|
122
|
+
Dr as PortalContext,
|
|
121
123
|
Ir as PortalProvider,
|
|
122
124
|
Bo as ProgressBar,
|
|
123
|
-
|
|
125
|
+
Oo as RAIL_LAYOUT,
|
|
124
126
|
Lo as RadioButton,
|
|
125
127
|
$ as RadioButtonGroup,
|
|
126
128
|
Ho as Root,
|
|
127
129
|
jr as Search,
|
|
128
|
-
|
|
130
|
+
ko as SegmentedControl,
|
|
129
131
|
Wo as Select,
|
|
130
132
|
Io as SideNav,
|
|
131
133
|
ho as SideNavBackdrops,
|
|
@@ -151,8 +153,8 @@ export {
|
|
|
151
153
|
Jo as processMetadata,
|
|
152
154
|
Xo as useBeamStepper,
|
|
153
155
|
lo as useMenuContext,
|
|
154
|
-
|
|
155
|
-
|
|
156
|
+
Or as usePortal,
|
|
157
|
+
Fo as useSideNavContext,
|
|
156
158
|
sr as useToast,
|
|
157
|
-
|
|
159
|
+
Xr as validators
|
|
158
160
|
};
|
package/lib/wip/index.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DataTable/DataTable.cjs.js"),l=require("./DataTable/DataTable.Header.cjs.js"),t=require("./DataTable/DataTable.Toolbar.cjs.js"),b=require("./DataTable/DataTable.Head.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DataTable/DataTable.cjs.js"),l=require("./DataTable/DataTable.Header.cjs.js"),t=require("./DataTable/DataTable.Toolbar.cjs.js"),b=require("./DataTable/DataTable.Head.cjs.js"),T=require("./DataTable/DataTable.ColumnHeader.cjs.js"),r=require("./DataTable/DataTable.Body.cjs.js"),_=require("./DataTable/DataTable.Row.cjs.js"),D=require("./DataTable/DataTable.Cell.cjs.js"),o=require("./DataTable/DataTable.Footer.cjs.js"),a=require("./DataTable/DataTable.context.cjs.js"),i=require("./DataTable/useBeamTable.cjs.js"),u=require("./DataTable/DataTable.columns.cjs.js");exports.DataTable=e.DataTable;exports.DataTableHeader=l.DataTableHeader;exports.DataTableToolbar=t.DataTableToolbar;exports.DataTableHead=b.DataTableHead;exports.DataTableColumnHeader=T.DataTableColumnHeader;exports.DataTableBody=r.DataTableBody;exports.DataTableRow=_.DataTableRow;exports.DataTableCell=D.DataTableCell;exports.DataTableFooter=o.DataTableFooter;exports.DataTableProvider=a.DataTableProvider;exports.useDataTable=a.useDataTable;exports.useBeamTable=i.useBeamTable;exports.createBeamColumn=u.createBeamColumn;
|
package/lib/wip/index.d.ts
CHANGED
package/lib/wip/index.es.js
CHANGED
|
@@ -1,31 +1,27 @@
|
|
|
1
1
|
import { DataTable as o } from "./DataTable/DataTable.es.js";
|
|
2
2
|
import { DataTableHeader as t } from "./DataTable/DataTable.Header.es.js";
|
|
3
3
|
import { DataTableToolbar as m } from "./DataTable/DataTable.Toolbar.es.js";
|
|
4
|
-
import { DataTableHead as
|
|
5
|
-
import { DataTableColumnHeader as
|
|
4
|
+
import { DataTableHead as T } from "./DataTable/DataTable.Head.es.js";
|
|
5
|
+
import { DataTableColumnHeader as p } from "./DataTable/DataTable.ColumnHeader.es.js";
|
|
6
6
|
import { DataTableBody as D } from "./DataTable/DataTable.Body.es.js";
|
|
7
7
|
import { DataTableRow as u } from "./DataTable/DataTable.Row.es.js";
|
|
8
|
-
import { DataTableCell as
|
|
9
|
-
import { DataTableFooter as
|
|
10
|
-
import { DataTableProvider as
|
|
11
|
-
import { useBeamTable as
|
|
12
|
-
import { createBeamColumn as
|
|
13
|
-
import { DateField as P } from "./DateField/DateField.es.js";
|
|
14
|
-
import { ErrorBoundary as g } from "./ErrorBoundary/ErrorBoundary.es.js";
|
|
8
|
+
import { DataTableCell as C } from "./DataTable/DataTable.Cell.es.js";
|
|
9
|
+
import { DataTableFooter as n } from "./DataTable/DataTable.Footer.es.js";
|
|
10
|
+
import { DataTableProvider as c, useDataTable as i } from "./DataTable/DataTable.context.es.js";
|
|
11
|
+
import { useBeamTable as w } from "./DataTable/useBeamTable.es.js";
|
|
12
|
+
import { createBeamColumn as F } from "./DataTable/DataTable.columns.es.js";
|
|
15
13
|
export {
|
|
16
14
|
o as DataTable,
|
|
17
15
|
D as DataTableBody,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
16
|
+
C as DataTableCell,
|
|
17
|
+
p as DataTableColumnHeader,
|
|
18
|
+
n as DataTableFooter,
|
|
19
|
+
T as DataTableHead,
|
|
22
20
|
t as DataTableHeader,
|
|
23
|
-
|
|
21
|
+
c as DataTableProvider,
|
|
24
22
|
u as DataTableRow,
|
|
25
23
|
m as DataTableToolbar,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
c as useBeamTable,
|
|
30
|
-
y as useDataTable
|
|
24
|
+
F as createBeamColumn,
|
|
25
|
+
w as useBeamTable,
|
|
26
|
+
i as useDataTable
|
|
31
27
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@viasat/beam-react",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.69.0",
|
|
4
4
|
"description": "React component library for the Beam design system",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Viasat",
|
|
@@ -60,12 +60,12 @@
|
|
|
60
60
|
"access": "public"
|
|
61
61
|
},
|
|
62
62
|
"dependencies": {
|
|
63
|
-
"@viasat/beam-fonts": "2.
|
|
64
|
-
"@viasat/beam-shared": "2.
|
|
65
|
-
"@viasat/beam-styles": "2.
|
|
66
|
-
"@viasat/beam-tokens": "2.
|
|
67
|
-
"@viasat/beam-icons": "2.
|
|
68
|
-
"@viasat/beam-react-claude-plugin": "2.
|
|
63
|
+
"@viasat/beam-fonts": "2.69.0",
|
|
64
|
+
"@viasat/beam-shared": "2.69.0",
|
|
65
|
+
"@viasat/beam-styles": "2.69.0",
|
|
66
|
+
"@viasat/beam-tokens": "2.69.0",
|
|
67
|
+
"@viasat/beam-icons": "2.69.0",
|
|
68
|
+
"@viasat/beam-react-claude-plugin": "2.69.0",
|
|
69
69
|
"clsx": "^1.2.1",
|
|
70
70
|
"@floating-ui/react": "^0.26.18",
|
|
71
71
|
"@stepperize/react": "^5.1.5",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var z=require("../assets/DateField.css");const R=require("react/jsx-runtime"),$=require("clsx"),u=require("react"),k=require("./use-isomorphic-layout-effect.browser.esm.CkGv31zs.js"),w=require("./classNames.BFQUGnCN.js"),y=require("../lib/wip/DateField/DateField.utils.cjs.js"),S="date-field",{baseClassNamePrefix:B,classModifierPrefix:L,subElementClassPrefix:s}=w.getBEMClassNames(S),c={field:`${s}field`,segments:`${s}segments`,segment:`${s}segment`,separator:`${s}separator`,srStatus:`${s}sr-status`},_={"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--sm":"bm-date-field--sm","bm-date-field__field":"bm-date-field__field","bm-date-field--md":"bm-date-field--md","bm-date-field--lg":"bm-date-field--lg","bm-date-field--error":"bm-date-field--error","bm-date-field__segment":"bm-date-field__segment","bm-date-field__separator":"bm-date-field__separator","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__sr-status":"bm-date-field__sr-status"},j={day:"day",month:"month",year:"year"},T=({type:i,value:g,valueMin:p,valueMax:C,displayValue:d,isPlaceholder:x,valueText:v,invalid:E,role:n,isActive:t,disabled:l,readOnly:m,required:h,onFocus:D,onBlur:N,onInput:q,onKeyDown:F,segmentRef:o})=>{const a=!l&&!m,f=u.useRef(null),M=u.useCallback(e=>{f.current=e,o(e)},[o]),I=e=>{if(!a)return;const b=e.currentTarget,r=e.nativeEvent.data;r!=null&&r.length===1&&q(i,r),b.textContent!==d&&(b.textContent=d)};k.index(()=>{if(!t||!a)return;const e=f.current;e&&y.selectElementContents(e)},[d,t,a]);const P=n==="spinbutton"?{"aria-valuenow":g??void 0,"aria-valuemin":p,"aria-valuemax":C,"aria-valuetext":v}:{"aria-multiline":!1};return R.jsx("span",{ref:M,role:n,"aria-label":j[i],...P,"aria-disabled":l||void 0,"aria-readonly":m||void 0,"aria-required":h||void 0,"aria-invalid":E||void 0,contentEditable:a&&t,suppressContentEditableWarning:!0,tabIndex:t?0:-1,inputMode:a?"numeric":void 0,spellCheck:!1,autoCorrect:"off",autoCapitalize:"off","data-segment":i,"data-active":t,"data-placeholder":x,onFocus:D,onBlur:N,onInput:I,onKeyDown:e=>F(i,e),onMouseUp:e=>e.preventDefault(),className:$(_[c.segment]),children:d})};exports.DateFieldSegment=T;exports.baseClassNamePrefix=B;exports.classModifierPrefix=L;exports.staticDateFieldClassNames=c;exports.styles=_;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("clsx");require("react");require("../../../chunks/use-isomorphic-layout-effect.browser.esm.CkGv31zs.js");const e=require("../../../chunks/DateField.Segment.Dc_nlh4y.js");require("./DateField.utils.cjs.js");exports.DateFieldSegment=e.DateFieldSegment;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import "react/jsx-runtime";
|
|
2
|
-
import "clsx";
|
|
3
|
-
import "react";
|
|
4
|
-
import "../../../chunks/use-isomorphic-layout-effect.browser.esm.DERp5kr6.js";
|
|
5
|
-
import { D as a } from "../../../chunks/DateField.Segment.-XomLz51.js";
|
|
6
|
-
import "./DateField.utils.es.js";
|
|
7
|
-
export {
|
|
8
|
-
a as DateFieldSegment
|
|
9
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),s=require("../../../chunks/DateField.Segment.Dc_nlh4y.js"),t=require("./DateField.utils.cjs.js"),b={month:"MM",day:"DD",year:"YYYY"},R=({parts:r,segmentText:i,segmentValues:a,focusedSegment:c,disabled:d,readOnly:m,required:u,invalid:y,role:h,onSegmentFocus:D,onSegmentBlur:p,onSegmentInput:M,onSegmentKeyDown:x,registerSegmentRef:_})=>{const F={day:{min:1,max:t.getDaysInMonth(a.year,a.month)},month:{min:1,max:t.MONTH_MAX},year:{min:t.YEAR_MIN,max:t.YEAR_MAX}},g=Object.values(i).every(n=>n==="");return l.jsx("span",{className:s.styles[s.staticDateFieldClassNames.segments],children:r.map((n,v)=>{if(n.type==="literal")return l.jsx("span",{"aria-hidden":"true","data-placeholder":g,className:s.styles[s.staticDateFieldClassNames.separator],children:n.value},`literal-${v}`);const e=n.type,S=b[e],{displayValue:o,isPlaceholder:N}=t.getSegmentDisplay(e,i[e],S),{min:j,max:A}=F[e],Y=e==="month"&&a.month!=null?t.getMonthName(a.month):o;return l.jsx(s.DateFieldSegment,{type:e,value:a[e],valueMin:j,valueMax:A,displayValue:o,isPlaceholder:N,valueText:Y,invalid:y,role:h,isActive:c===e,disabled:d,readOnly:m,required:u,onFocus:()=>D(e),onBlur:p,onInput:M,onKeyDown:x,segmentRef:_(e)},e)})})};exports.DateFieldSegments=R;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),Oe=require("clsx"),l=require("react"),e=require("../../../chunks/DateField.Segment.Dc_nlh4y.js"),Te=require("../../../chunks/input.Dq5mx3KB.js"),Be=require("../../../chunks/constants.CgMu0_1M.js"),Ve=require("../../../chunks/helpers.BIckGIbP.js"),Pe=require("../../../chunks/form.context.CkC0TwMb.js"),Ae=require("../../Form/contexts/label.context.cjs.js"),ke=require("../../Form/contexts/helperText.context.cjs.js"),He=require("../../../utils/hooks/useIsMounted.cjs.js"),Ke=require("../../../utils/functions.cjs.js"),$e=require("../ErrorBoundary/ErrorBoundary.cjs.js"),We=require("./DateField.Segments.cjs.js"),k=require("./DateField.devWarnings.cjs.js"),o=require("./DateField.utils.cjs.js"),Ye=require("./useDateFieldFocus.cjs.js"),Ue=require("./useDateFieldForm.cjs.js"),ze=require("./useDateFieldKeyboard.cjs.js"),Ge=require("./useDateFieldSegments.cjs.js"),Je=require("./useDateFieldValidity.cjs.js"),Qe=require("./useDateFieldValue.cjs.js"),Xe=require("./useInvalidState.cjs.js"),Ze="MM/DD/YYYY",es=()=>{process.env.NODE_ENV!=="production"&&console.warn("DateField: segments failed to render; showing a static fallback.")},ss=l.forwardRef(function({value:F,defaultValue:D,onChange:H,minDate:m,maxDate:g,getClampAnnouncement:K,locale:$,label:p=null,helperText:x=null,error:v,hideRequiredMarker:W=!1,validationRules:Y,width:U,theme:y,fluid:z=!1,size:G=Te.defaultInputSize,disabled:J=!1,readOnly:Q=!1,required:X=!1,name:S,id:Z,className:ee,style:se,"aria-label":te,"aria-describedby":le,"aria-labelledby":ae,...ie},h){const{disabled:s,readOnly:r,required:q,invalid:re,errorMessageProvided:w,defaultValue:ne,errorId:I,helperTextId:oe,validationErrorsId:de,labelId:M,ariaDescribedBy:ue,ariaLabelledBy:ce,showErrors:be}=Ue.useDateFieldForm({name:S,disabled:J,readOnly:Q,required:X,defaultValue:D,error:v,hasHelperText:!!x,hasLabel:!!p,validationRules:Y,ariaDescribedBy:le,ariaLabelledBy:ae});k.useDevMinMaxWarning(m,g),k.useDevInvalidValueWarning(F,D);const n=l.useRef(null),{segmentRefs:fe,registerSegmentRef:_e}=Ge.useDateFieldSegments(),Fe=$??o.DEFAULT_LOCALE,R=He.useIsMounted(),c=o.getDateParts(R?Fe:o.DEFAULT_LOCALE),d=l.useMemo(()=>o.getSegmentOrder(c),[c]),{segmentText:De,segmentValues:C,currentValue:E,wasTouched:me,appendDigit:N,adjustSegment:ge,clearSegment:pe,clearAll:j,beginSegmentEdit:xe,commitOnBlur:ve,clampAnnouncement:ye}=Qe.useDateFieldValue({value:F,defaultValue:ne,onChange:H,minDate:m,maxDate:g,getClampAnnouncement:K}),{focusedSegment:L,fieldTabIndex:Se,handleSegmentFocus:u,handleFieldFocus:he,handleFieldBlur:qe,handleFieldMouseDown:we,focusNext:b,focusPrevious:Ie}=Ye.useDateFieldFocus({disabled:s,fieldRef:n,segmentRefs:fe,partsOrder:d,onSegmentFocusChange:xe,onFieldBlur:ve}),Me=ze.useDateFieldKeyboard({disabled:s,readOnly:r,fieldRef:n,focusNext:b,focusPrevious:Ie,adjustSegment:ge,clearSegment:pe}),{isInvalid:Re}=Je.useDateFieldValidity({segments:C,currentValue:E,wasTouched:me,isFocused:L!==null}),Ce=l.useCallback((t,i)=>{const{advanced:_}=N(t,i);_&&b(t)},[N,b]),f=Xe.useInvalidState({formInvalid:re,valueInvalid:Re}),Ee=R&&Ve.isIOS()?"textbox":"spinbutton",O=l.useCallback(t=>{s||u(d[0],t)},[s,u,d]),T=l.useCallback(()=>{var i;if(s)return;const t=document.activeElement;t instanceof HTMLElement&&t!==n.current&&((i=n.current)!=null&&i.contains(t))&&t.blur()},[s]),B=l.useCallback(()=>{s||r||j()},[s,r,j]),V=l.useRef(O),P=l.useRef(T),A=l.useRef(B);V.current=O,P.current=T,A.current=B;const Ne=l.useCallback(t=>{const i=t?Object.assign(t,{focus:_=>V.current(_),blur:()=>P.current(),clear:()=>A.current()}):null;Ke.mergeRefs(n,h)(i)},[h]),je=t=>{if(s)return;const i=t.target.closest("label");!i||i.id!==M||(t.preventDefault(),u(d[0]))},Le=Oe(e.styles[e.baseClassNamePrefix],y&&Be.themeClassName(y),e.styles[`${e.classModifierPrefix}${G}`],z&&e.styles[`${e.classModifierPrefix}fluid`],f&&e.styles[`${e.classModifierPrefix}error`],s&&e.styles[`${e.classModifierPrefix}disabled`],r&&e.styles[`${e.classModifierPrefix}read-only`],ee);return a.jsxs("div",{className:Le,style:{...se,maxWidth:U},onMouseDownCapture:je,children:[a.jsx(Ae.LabelProvider,{ctxId:M,ctxDisabled:s,ctxRequired:q&&!W,children:p}),a.jsx("div",{...ie,ref:Ne,id:Z,role:"group","aria-label":te,"aria-labelledby":ce,"aria-disabled":s||void 0,"aria-invalid":f||void 0,"aria-describedby":ue,"aria-errormessage":w?I:void 0,tabIndex:Se,className:e.styles[e.staticDateFieldClassNames.field],onMouseDown:we,onFocus:he,children:a.jsx($e.ErrorBoundary,{fallback:a.jsx("span",{className:e.styles[e.staticDateFieldClassNames.segments],children:Ze}),onError:es,children:a.jsx(We.DateFieldSegments,{parts:c,segmentText:De,segmentValues:C,focusedSegment:L,disabled:s,readOnly:r,required:q,invalid:f,role:Ee,onSegmentFocus:u,onSegmentBlur:qe,onSegmentInput:Ce,onSegmentKeyDown:Me,registerSegmentRef:_e})})}),a.jsx("span",{role:"status","aria-live":"polite","aria-atomic":"true",className:e.styles[e.staticDateFieldClassNames.srStatus],children:ye}),a.jsx("input",{type:"hidden",name:S,value:o.toISODateString(E),disabled:s}),a.jsxs(ke.HelperTextProvider,{ctxId:oe,ctxDisabled:s,children:[x,w&&a.jsx(Pe.HelperText,{id:I,appearance:"negative",children:v})]}),be(de)]})});exports.DateField=ss;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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:p,partsOrder:b,onSegmentFocusChange:D,onFieldBlur:x}){const[n,o]=e.useState(null),i=b[0],v=e.useRef(n);v.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=p.current.get(n);t&&(document.activeElement!==t&&t.focus(T.current),T.current=void 0)},[n,p]);const _=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,y;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!==v.current||(o(null),(y=d.current)==null||y.call(d),P.clearSelectionWithin(a.current))},[a]),w=e.useCallback(t=>{var u;if(l){t.preventDefault();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:_,handleFieldFocus:E,handleFieldBlur:q,handleFieldMouseDown:w,focusNext:I,focusPrevious:M}}exports.useDateFieldFocus=j;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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;
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import { Nullable } from '@viasat/beam-shared/utils/types';
|
|
2
|
-
import { AppendDigitResult, SegmentAdjustment, SegmentText, SegmentType, SegmentValues } from './DateField.types';
|
|
3
|
-
export interface UseDateFieldValueArgs {
|
|
4
|
-
value?: Nullable<Date>;
|
|
5
|
-
defaultValue?: Nullable<Date>;
|
|
6
|
-
/** Fires on user-driven value transitions only, never on controlled `value` changes. */
|
|
7
|
-
onChange?: (value: Nullable<Date>) => void;
|
|
8
|
-
/**
|
|
9
|
-
* Earliest allowed date (inclusive, compared by calendar day). Springs a
|
|
10
|
-
* touched value to this bound on blur (see `commitOnBlur`) — does not bound
|
|
11
|
-
* the year segment's spin/Home/End, which is free (see `adjustSegment`).
|
|
12
|
-
*/
|
|
13
|
-
minDate?: Nullable<Date>;
|
|
14
|
-
/**
|
|
15
|
-
* Latest allowed date (inclusive, compared by calendar day). Springs a
|
|
16
|
-
* touched value to this bound on blur (see `commitOnBlur`) — does not bound
|
|
17
|
-
* the year segment's spin/Home/End, which is free (see `adjustSegment`).
|
|
18
|
-
*/
|
|
19
|
-
maxDate?: Nullable<Date>;
|
|
20
|
-
/**
|
|
21
|
-
* Called when a touched value springs to a bound on blur; returns a localized
|
|
22
|
-
* message set on the polite live region. Omit → no announcement.
|
|
23
|
-
*/
|
|
24
|
-
getClampAnnouncement?: (clampedDate: Date) => string;
|
|
25
|
-
}
|
|
26
|
-
export interface UseDateFieldValueReturn {
|
|
27
|
-
segmentText: SegmentText;
|
|
28
|
-
segmentValues: SegmentValues;
|
|
29
|
-
currentValue: Nullable<Date>;
|
|
30
|
-
isControlled: boolean;
|
|
31
|
-
wasTouched: boolean;
|
|
32
|
-
appendDigit: (type: SegmentType, digit: string) => AppendDigitResult;
|
|
33
|
-
/**
|
|
34
|
-
* Increments, decrements, or jumps a segment to its min/max boundary.
|
|
35
|
-
*
|
|
36
|
-
* - Numeric `amount` (e.g. ±1, ±5): day/month wrap modularly; year clamps
|
|
37
|
-
* to `[YEAR_MIN, YEAR_MAX]` (free-spinning, independent of `minDate`/
|
|
38
|
-
* `maxDate` — see `DateField.utils.adjustSegmentValue`). An empty day/month
|
|
39
|
-
* segment seeds to a direction-based first/last valid value; an empty year
|
|
40
|
-
* seeds to the current year.
|
|
41
|
-
* - `'min'` / `'max'`: jump to the lower/upper bound. No-op on year (Home/End
|
|
42
|
-
* don't bound the year to `minDate`/`maxDate`).
|
|
43
|
-
*
|
|
44
|
-
* Follows the `appendDigit` mutation pattern: writes zero-padded `segmentText`,
|
|
45
|
-
* sets `wasTouched`, calls `emitIfChanged`, and marks the segment in
|
|
46
|
-
* `replaceNextRef` so a digit typed immediately after replaces rather than
|
|
47
|
-
* appends.
|
|
48
|
-
*
|
|
49
|
-
* @returns `true` if the segment was adjusted, `false` on a no-op (year
|
|
50
|
-
* `'min'`/`'max'`). The keyboard dispatcher uses this to decide whether to
|
|
51
|
-
* `preventDefault` — a no-op leaves the key to native (e.g. page scroll).
|
|
52
|
-
*/
|
|
53
|
-
adjustSegment: (type: SegmentType, amount: SegmentAdjustment) => boolean;
|
|
54
|
-
/**
|
|
55
|
-
* Clears the entire segment buffer to `''` — the shared Backspace and
|
|
56
|
-
* Delete behaviour.
|
|
57
|
-
*
|
|
58
|
-
* Returns `{ wasEmpty: true }` when the buffer was already empty, without
|
|
59
|
-
* mutating, so the caller (keyboard handler) knows Backspace should move
|
|
60
|
-
* focus to the previous segment instead of clearing. Otherwise focus stays
|
|
61
|
-
* on the current segment. Fires `onChange(null)` via `emitIfChanged` when
|
|
62
|
-
* the cleared segment was part of a complete date. Clears `replaceNextRef`
|
|
63
|
-
* for the segment so the next digit appends.
|
|
64
|
-
*/
|
|
65
|
-
clearSegment: (type: SegmentType) => {
|
|
66
|
-
wasEmpty: boolean;
|
|
67
|
-
};
|
|
68
|
-
/**
|
|
69
|
-
* Clears all three segments at once and fires `onChange(null)` (via
|
|
70
|
-
* `emitIfChanged`, so only when a value was present). Backs the imperative
|
|
71
|
-
* `ref.current.clear()` (DF-16); unlike `clearSegment`, it isn't tied to a
|
|
72
|
-
* focused segment.
|
|
73
|
-
*/
|
|
74
|
-
clearAll: () => void;
|
|
75
|
-
beginSegmentEdit: (type: SegmentType) => void;
|
|
76
|
-
commitOnBlur: () => void;
|
|
77
|
-
/** Polite live-region message set when the blur clamp springs a value to a bound. */
|
|
78
|
-
clampAnnouncement: string;
|
|
79
|
-
}
|
|
80
|
-
export declare function useDateFieldValue({ value, defaultValue, onChange, minDate, maxDate, getClampAnnouncement, }: UseDateFieldValueArgs): UseDateFieldValueReturn;
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|