@payfit/unity-components 2.42.3 → 2.42.5
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.
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Mirrors a form submit value shape while allowing each nested value to be
|
|
3
|
+
* initialized with `undefined`.
|
|
4
|
+
*
|
|
5
|
+
* TanStack Form `defaultValues` often describe an incomplete form state: a
|
|
6
|
+
* field can start empty even when the validated submit payload requires it.
|
|
7
|
+
* This type keeps the submit schema as the source of truth while making those
|
|
8
|
+
* empty initial field values type-safe.
|
|
9
|
+
*/
|
|
10
|
+
type DeepAllowUndefined<T> = T extends Array<infer Item> ? Array<DeepAllowUndefined<Item>> | undefined : T extends object ? {
|
|
11
|
+
[K in keyof T]: DeepAllowUndefined<T[K]> | undefined;
|
|
12
|
+
} : T | undefined;
|
|
13
|
+
/**
|
|
14
|
+
* Makes one path required again after `DeepAllowUndefined` allowed `undefined`
|
|
15
|
+
* throughout the value shape.
|
|
16
|
+
*
|
|
17
|
+
* Paths are expressed as tuples of object keys. Use `number` to target every
|
|
18
|
+
* item in an array, for example `['answers', number, 'questionId']`.
|
|
19
|
+
*/
|
|
20
|
+
type KeepRequiredAtPath<T, Path extends readonly unknown[]> = Path extends [] ? Exclude<T, undefined> : T extends Array<infer Item> ? Path extends [number, ...infer Rest extends readonly unknown[]] ? Array<KeepRequiredAtPath<Item, Rest>> : T : Path extends [
|
|
21
|
+
infer Key extends keyof T,
|
|
22
|
+
...infer Rest extends readonly unknown[]
|
|
23
|
+
] ? Omit<T, Key> & {
|
|
24
|
+
[K in Key]-?: KeepRequiredAtPath<Exclude<T[Key], undefined>, Rest>;
|
|
25
|
+
} : T;
|
|
26
|
+
/**
|
|
27
|
+
* Applies `KeepRequiredAtPath` to several paths.
|
|
28
|
+
*
|
|
29
|
+
* This is useful when some containers or technical identifiers must always be
|
|
30
|
+
* present in `defaultValues`, while regular user-input fields can still start
|
|
31
|
+
* as `undefined`.
|
|
32
|
+
*/
|
|
33
|
+
type KeepRequiredAtPaths<T, Paths extends ReadonlyArray<readonly unknown[]>> = Paths extends readonly [
|
|
34
|
+
infer Path extends readonly unknown[],
|
|
35
|
+
...infer Rest extends ReadonlyArray<readonly unknown[]>
|
|
36
|
+
] ? KeepRequiredAtPaths<KeepRequiredAtPath<T, Path>, Rest> : T;
|
|
37
|
+
/**
|
|
38
|
+
* Helper type for TanStack Form `defaultValues`.
|
|
39
|
+
*
|
|
40
|
+
* It starts from the final submit values, allows `undefined` throughout the
|
|
41
|
+
* default form state, then re-requires the paths listed in `RequiredPaths`.
|
|
42
|
+
*
|
|
43
|
+
* We created it to avoid maintaining a separate default-values type or using
|
|
44
|
+
* unsafe casts when default values are intentionally less complete than the
|
|
45
|
+
* validated submit payload.
|
|
46
|
+
*/
|
|
47
|
+
export type TanstackFormDefaultValues<SubmitValues, RequiredPaths extends ReadonlyArray<readonly unknown[]> = []> = KeepRequiredAtPaths<DeepAllowUndefined<SubmitValues>, RequiredPaths>;
|
|
48
|
+
/**
|
|
49
|
+
* Runtime no-op used to type-check TanStack Form default values.
|
|
50
|
+
*
|
|
51
|
+
* The function returns the provided value unchanged. Its purpose is to make
|
|
52
|
+
* object literals satisfy `TanstackFormDefaultValues` at compile time while
|
|
53
|
+
* keeping call sites compact.
|
|
54
|
+
*/
|
|
55
|
+
export declare function tanstackFormDefaultValues<SubmitValues, RequiredPaths extends ReadonlyArray<readonly unknown[]> = []>(value: TanstackFormDefaultValues<SubmitValues, RequiredPaths>): KeepRequiredAtPaths<DeepAllowUndefined<SubmitValues>, RequiredPaths>;
|
|
56
|
+
export {};
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -219,6 +219,7 @@ export * from './components/text-field/TextField.js';
|
|
|
219
219
|
export * from './components/toggle-switch-field/ToggleSwitchField.js';
|
|
220
220
|
export * from './components/toggle-switch-group-field/ToggleSwitchGroupField.js';
|
|
221
221
|
export * from './hooks/use-tanstack-form.js';
|
|
222
|
+
export * from './hooks/tanstack-form-default-values.js';
|
|
222
223
|
export { useFormContext, useFieldContext } from './hooks/tanstack-form-context.js';
|
|
223
224
|
export { useFieldA11yContext } from './components/form-field/TanstackFormField.context.js';
|
|
224
225
|
export { fieldRevalidateLogic } from './utils/field-revalidate-logic.js';
|
package/dist/esm/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { Actionable as r } from "./components/actionable/Actionable.js";
|
|
2
|
-
import { ActionBar as
|
|
2
|
+
import { ActionBar as a } from "./components/action-bar/ActionBar.js";
|
|
3
3
|
import { ActionBarAction as m, ActionBarButton as x } from "./components/action-bar/parts/ActionBarButton.js";
|
|
4
4
|
import { ActionBarIconButton as f } from "./components/action-bar/parts/ActionBarIconButton.js";
|
|
5
5
|
import { ActionBarRoot as l, actionBarRoot as u } from "./components/action-bar/parts/ActionBarRoot.js";
|
|
6
6
|
import { Alert as c } from "./components/alert/Alert.js";
|
|
7
|
-
import { AlertActions as
|
|
7
|
+
import { AlertActions as g } from "./components/alert/parts/AlertActions.js";
|
|
8
8
|
import { AlertContent as b } from "./components/alert/parts/AlertContent.js";
|
|
9
9
|
import { AlertTitle as T } from "./components/alert/parts/AlertTitle.js";
|
|
10
10
|
import { Anchor as P } from "./components/anchor/Anchor.js";
|
|
@@ -23,11 +23,11 @@ import { AvatarIcon as z } from "./components/avatar/parts/AvatarIcon.js";
|
|
|
23
23
|
import { AvatarImage as Z } from "./components/avatar/parts/AvatarImage.js";
|
|
24
24
|
import { AvatarPair as oo } from "./components/avatar/parts/AvatarPair.js";
|
|
25
25
|
import { getInitials as ro } from "./components/avatar/utils.js";
|
|
26
|
-
import { Badge as
|
|
26
|
+
import { Badge as ao } from "./components/badge/Badge.js";
|
|
27
27
|
import { BottomSheet as mo, bottomSheet as xo } from "./components/bottom-sheet/BottomSheet.js";
|
|
28
28
|
import { BottomSheetContent as fo, bottomSheetContent as io } from "./components/bottom-sheet/parts/BottomSheetContent.js";
|
|
29
29
|
import { BottomSheetFooter as uo, bottomSheetFooter as co } from "./components/bottom-sheet/parts/BottomSheetFooter.js";
|
|
30
|
-
import { BottomSheetHeader as
|
|
30
|
+
import { BottomSheetHeader as go, bottomSheetHeader as So } from "./components/bottom-sheet/parts/BottomSheetHeader.js";
|
|
31
31
|
import { Breadcrumbs as Co } from "./components/breadcrumbs/Breadcrumbs.js";
|
|
32
32
|
import { Breadcrumb as Fo } from "./components/breadcrumbs/parts/Breadcrumb.js";
|
|
33
33
|
import { BREADCRUMB_ITEM_MAX_WIDTH as Bo, RawBreadcrumbLink as Ao } from "./components/breadcrumbs/parts/RawBreadcrumbLink.js";
|
|
@@ -46,12 +46,12 @@ import { DataTableRoot as zo, dataTableRoot as Yo } from "./components/data-tabl
|
|
|
46
46
|
import { DataTableBulkActions as $o } from "./components/data-table/parts/DataTableBulkActions.js";
|
|
47
47
|
import { DateCalendar as ee } from "./components/date-calendar/DateCalendar.js";
|
|
48
48
|
import { DatePicker as te } from "./components/date-picker/DatePicker.js";
|
|
49
|
-
import { DateRangeCalendar as
|
|
49
|
+
import { DateRangeCalendar as pe } from "./components/date-range-calendar/DateRangeCalendar.js";
|
|
50
50
|
import { DateRangePicker as xe } from "./components/date-range-picker/DateRangePicker.js";
|
|
51
51
|
import { DefinitionTooltip as fe } from "./components/definition-tooltip/DefinitionTooltip.js";
|
|
52
52
|
import { Dialog as le, dialog as ue } from "./components/dialog/Dialog.js";
|
|
53
53
|
import { DialogActions as ce } from "./components/dialog/parts/DialogActions.js";
|
|
54
|
-
import { DialogButton as
|
|
54
|
+
import { DialogButton as ge } from "./components/dialog/parts/DialogActions/DialogButton.js";
|
|
55
55
|
import { DialogContent as be } from "./components/dialog/parts/DialogContent.js";
|
|
56
56
|
import { DialogTitle as Te } from "./components/dialog/parts/DialogTitle.js";
|
|
57
57
|
import { PromoDialog as Pe, promoDialog as Be } from "./components/promo-dialog/PromoDialog.js";
|
|
@@ -71,10 +71,10 @@ import { EmptyStateUpgradeRequired as je } from "./components/empty-state/preset
|
|
|
71
71
|
import { EmptyStateNoSearchResults as Ye } from "./components/empty-state/presets/EmptyStateNoSearchResults.js";
|
|
72
72
|
import { EmptyStateUseDesktop as $e } from "./components/empty-state/presets/EmptyStateUseDesktop.js";
|
|
73
73
|
import { ErrorState as er, errorState as rr } from "./components/error-state/ErrorState.js";
|
|
74
|
-
import { Fieldset as
|
|
74
|
+
import { Fieldset as ar, fieldset as pr } from "./components/fieldset/Fieldset.js";
|
|
75
75
|
import { FieldGroup as xr } from "./components/fieldset/parts/FieldGroup.js";
|
|
76
76
|
import { Filter as fr, FilterControls as ir, FilterLabels as lr, filterContainer as ur, filterDismissButton as dr } from "./components/filter/Filter.js";
|
|
77
|
-
import { FloatingActionBar as
|
|
77
|
+
import { FloatingActionBar as sr, floatingActionBar as gr } from "./components/floating-action-bar/FloatingActionBar.js";
|
|
78
78
|
import { FilterToolbar as br, filterToolbar as Cr } from "./components/filter-toolbar/FilterToolbar.js";
|
|
79
79
|
import { Flex as Fr, Stack as Pr } from "./components/flex/Flex.js";
|
|
80
80
|
import { flex as Ar, flexItem as kr } from "./components/flex/Flex.variants.js";
|
|
@@ -89,11 +89,11 @@ import { FunnelPageActions as qr, funnelPageActions as Jr } from "./components/f
|
|
|
89
89
|
import { FunnelPageContent as jr, funnelPageContent as zr } from "./components/funnel-layout/parts/FunnelPageContent.js";
|
|
90
90
|
import { FunnelBackButton as Zr } from "./components/funnel-layout/parts/FunnelBackButton.js";
|
|
91
91
|
import { FunnelPageFooter as ot, funnelPageFooter as et } from "./components/funnel-layout/parts/FunnelPageFooter.js";
|
|
92
|
-
import { FunnelPageHeader as tt, funnelPageHeader as
|
|
92
|
+
import { FunnelPageHeader as tt, funnelPageHeader as at } from "./components/funnel-layout/parts/FunnelPageHeader.js";
|
|
93
93
|
import { FunnelSidebar as mt, funnelSidebar as xt } from "./components/funnel-layout/parts/FunnelSidebar.js";
|
|
94
94
|
import { FunnelTopBar as ft, funnelTopBar as it } from "./components/funnel-layout/parts/FunnelTopBar.js";
|
|
95
95
|
import { Grid as ut } from "./components/grid/Grid.js";
|
|
96
|
-
import { grid as ct, gridItem as
|
|
96
|
+
import { grid as ct, gridItem as st } from "./components/grid/Grid.variants.js";
|
|
97
97
|
import { GridItem as St } from "./components/grid/GridItem.js";
|
|
98
98
|
import { IconButton as Ct } from "./components/icon-button/IconButton.js";
|
|
99
99
|
import { CircularIconButton as Ft, circularIconButton as Pt } from "./components/icon-button/CircularIconButton.js";
|
|
@@ -111,60 +111,60 @@ import { Menu as Jt } from "./components/menu/Menu.js";
|
|
|
111
111
|
import { MenuContent as jt } from "./components/menu/parts/MenuContent.js";
|
|
112
112
|
import { MenuHeader as Yt } from "./components/menu/parts/MenuHeader.js";
|
|
113
113
|
import { MenuSection as $t } from "./components/menu/parts/MenuSection.js";
|
|
114
|
-
import { RawMenuItem as
|
|
115
|
-
import { MenuSeparator as
|
|
116
|
-
import { MenuTrigger as
|
|
117
|
-
import { MultiSelect as
|
|
118
|
-
import { MultiSelectOptGroup as
|
|
119
|
-
import { MultiSelectOption as
|
|
120
|
-
import { Nav as
|
|
121
|
-
import { NavGroup as
|
|
122
|
-
import { RawNavItem as
|
|
123
|
-
import { RawNavigationCard as
|
|
124
|
-
import { NavigationCardGroup as
|
|
125
|
-
import { NavigationCardLabel as
|
|
126
|
-
import { NavigationCardDescription as
|
|
127
|
-
import { NumberInput as
|
|
128
|
-
import { Page as
|
|
129
|
-
import { PageHeader as
|
|
130
|
-
import { PageHeading as
|
|
131
|
-
import { Pagination as
|
|
132
|
-
import { PaginationContent as
|
|
133
|
-
import { PaginationItem as
|
|
134
|
-
import { RawPaginationLink as
|
|
135
|
-
import { RawPaginationPrevious as
|
|
136
|
-
import { RawPaginationNext as $
|
|
137
|
-
import { PaginationEllipsis as
|
|
138
|
-
import { usePaginationWindow as
|
|
139
|
-
import { usePaginationState as
|
|
140
|
-
import { PayFitBrand as
|
|
141
|
-
import { PayFitBrandPreprod as
|
|
142
|
-
import { PhoneNumberInput as
|
|
143
|
-
import { Pill as
|
|
144
|
-
import { Popover as
|
|
145
|
-
import { ProgressBar as
|
|
146
|
-
import { RadioButtonGroup as
|
|
147
|
-
import { RadioButton as
|
|
148
|
-
import { RadioButtonHelper as
|
|
149
|
-
import { Search as
|
|
150
|
-
import { SegmentedButtonGroup as
|
|
151
|
-
import { ToggleButton as
|
|
152
|
-
import { SelectableButtonGroup as
|
|
153
|
-
import { SelectableButton as
|
|
154
|
-
import { SelectableCardCheckboxGroup as
|
|
155
|
-
import { SelectableCardCheckbox as
|
|
156
|
-
import { SelectableCardRadioGroup as
|
|
157
|
-
import { SelectableCardRadio as
|
|
158
|
-
import { Select as
|
|
159
|
-
import { SelectButton as
|
|
160
|
-
import { SelectOption as
|
|
161
|
-
import { SelectOptionGroup as $
|
|
114
|
+
import { RawMenuItem as ea } from "./components/menu/parts/RawMenuItem.js";
|
|
115
|
+
import { MenuSeparator as ta } from "./components/menu/parts/MenuSeparator.js";
|
|
116
|
+
import { MenuTrigger as pa } from "./components/menu/parts/MenuTrigger.js";
|
|
117
|
+
import { MultiSelect as xa } from "./components/multi-select/MultiSelect.js";
|
|
118
|
+
import { MultiSelectOptGroup as fa } from "./components/multi-select/parts/MultiSelectOptGroup.js";
|
|
119
|
+
import { MultiSelectOption as la } from "./components/multi-select/parts/MultiSelectOption.js";
|
|
120
|
+
import { Nav as da } from "./components/nav/Nav.js";
|
|
121
|
+
import { NavGroup as sa } from "./components/nav/parts/NavGroup.js";
|
|
122
|
+
import { RawNavItem as Sa, navItemBase as ba } from "./components/nav/parts/RawNavItem.js";
|
|
123
|
+
import { RawNavigationCard as Ta } from "./components/navigation-card/NavigationCard.js";
|
|
124
|
+
import { NavigationCardGroup as Pa, navigationCardGroup as Ba } from "./components/navigation-card/parts/NavigationCardGroup.js";
|
|
125
|
+
import { NavigationCardLabel as ka } from "./components/navigation-card/parts/NavigationCardLabel.js";
|
|
126
|
+
import { NavigationCardDescription as Ia } from "./components/navigation-card/parts/NavigationCardDescription.js";
|
|
127
|
+
import { NumberInput as Da, numberInput as ha } from "./components/number-input/NumberInput.js";
|
|
128
|
+
import { Page as Ga, page as La } from "./components/page/Page.js";
|
|
129
|
+
import { PageHeader as va, pageHeader as Ea } from "./components/page/parts/PageHeader.js";
|
|
130
|
+
import { PageHeading as Na } from "./components/page/parts/PageHeading.js";
|
|
131
|
+
import { Pagination as Va, pagination as _a } from "./components/pagination/Pagination.js";
|
|
132
|
+
import { PaginationContent as Ka, paginationContent as Wa } from "./components/pagination/parts/PaginationContent.js";
|
|
133
|
+
import { PaginationItem as qa } from "./components/pagination/parts/PaginationItem.js";
|
|
134
|
+
import { RawPaginationLink as Xa, paginationLink as ja } from "./components/pagination/parts/RawPaginationLink.js";
|
|
135
|
+
import { RawPaginationPrevious as Ya } from "./components/pagination/parts/RawPaginationPrevious.js";
|
|
136
|
+
import { RawPaginationNext as $a } from "./components/pagination/parts/RawPaginationNext.js";
|
|
137
|
+
import { PaginationEllipsis as ep } from "./components/pagination/parts/PaginationEllipsis.js";
|
|
138
|
+
import { usePaginationWindow as tp } from "./components/pagination/hooks/use-pagination-window.js";
|
|
139
|
+
import { usePaginationState as pp } from "./components/pagination/hooks/use-pagination-state.js";
|
|
140
|
+
import { PayFitBrand as xp } from "./components/payfit-brand/PayFitBrand.js";
|
|
141
|
+
import { PayFitBrandPreprod as fp } from "./components/payfit-brand/PayFitPreprod.js";
|
|
142
|
+
import { PhoneNumberInput as lp } from "./components/phone-number/PhoneNumberInput.js";
|
|
143
|
+
import { Pill as dp } from "./components/pill/Pill.js";
|
|
144
|
+
import { Popover as sp } from "./components/popover/Popover.js";
|
|
145
|
+
import { ProgressBar as Sp } from "./components/progress-bar/ProgressBar.js";
|
|
146
|
+
import { RadioButtonGroup as Cp } from "./components/radio-button-group/RadioButtonGroup.js";
|
|
147
|
+
import { RadioButton as Fp, radioButton as Pp } from "./components/radio-button-group/parts/RadioButton.js";
|
|
148
|
+
import { RadioButtonHelper as Ap } from "./components/radio-button-group/parts/RadioButtonHelper.js";
|
|
149
|
+
import { Search as Rp, search as Ip } from "./components/search/Search.js";
|
|
150
|
+
import { SegmentedButtonGroup as Dp } from "./components/segmented-button-group/SegmentedButtonGroup.js";
|
|
151
|
+
import { ToggleButton as yp } from "./components/segmented-button-group/parts/ToggleButton.js";
|
|
152
|
+
import { SelectableButtonGroup as Lp, selectableButtonGroup as Mp } from "./components/selectable-button-group/SelectableButtonGroup.js";
|
|
153
|
+
import { SelectableButton as Ep, selectableButton as Hp } from "./components/selectable-button-group/parts/SelectableButton.js";
|
|
154
|
+
import { SelectableCardCheckboxGroup as Op } from "./components/selectable-card/selectable-card-checkbox-group/SelectableCardCheckboxGroup.js";
|
|
155
|
+
import { SelectableCardCheckbox as _p } from "./components/selectable-card/selectable-card-checkbox-group/parts/SelectableCardCheckbox.js";
|
|
156
|
+
import { SelectableCardRadioGroup as Kp } from "./components/selectable-card/selectable-card-radio-group/SelectableCardRadioGroup.js";
|
|
157
|
+
import { SelectableCardRadio as Qp } from "./components/selectable-card/selectable-card-radio-group/parts/SelectableCardRadio.js";
|
|
158
|
+
import { Select as Jp } from "./components/select/Select.js";
|
|
159
|
+
import { SelectButton as jp } from "./components/select/parts/SelectButton.js";
|
|
160
|
+
import { SelectOption as Yp } from "./components/select/parts/SelectOption.js";
|
|
161
|
+
import { SelectOptionGroup as $p } from "./components/select/parts/SelectOptionGroup.js";
|
|
162
162
|
import { SelectOptionHelper as em } from "./components/select/parts/SelectOptionHelper.js";
|
|
163
|
-
import { SidePanel as tm, sidePanel as
|
|
163
|
+
import { SidePanel as tm, sidePanel as am } from "./components/side-panel/SidePanel.js";
|
|
164
164
|
import { SidePanelContent as mm, sidePanelContent as xm } from "./components/side-panel/parts/SidePanelContent.js";
|
|
165
165
|
import { SidePanelFooter as fm, sidePanelFooter as im } from "./components/side-panel/parts/SidePanelFooter.js";
|
|
166
166
|
import { SidePanelHeader as um, sidePanelHeader as dm } from "./components/side-panel/parts/SidePanelHeader.js";
|
|
167
|
-
import { SkipLink as
|
|
167
|
+
import { SkipLink as sm, SkipLinks as gm } from "./components/skip-links/SkipLinks.js";
|
|
168
168
|
import { Spinner as bm } from "./components/spinner/Spinner.js";
|
|
169
169
|
import { Table as Tm, TableRoot as Fm } from "./components/table/Table.js";
|
|
170
170
|
import { TableBody as Bm, tableBody as Am } from "./components/table/parts/TableBody.js";
|
|
@@ -178,11 +178,11 @@ import { Tabs as jm } from "./components/tabs/Tabs.js";
|
|
|
178
178
|
import { RawTab as Ym } from "./components/tabs/parts/RawTab.js";
|
|
179
179
|
import { TabList as $m } from "./components/tabs/parts/TabList.js";
|
|
180
180
|
import { TabPanel as ex } from "./components/tabs/parts/TabPanel.js";
|
|
181
|
-
import { TaskMenu as tx, taskMenu as
|
|
181
|
+
import { TaskMenu as tx, taskMenu as ax } from "./components/task-menu/TaskMenu.js";
|
|
182
182
|
import { RawSubTask as mx, rawSubTask as xx } from "./components/task-menu/parts/RawSubTask.js";
|
|
183
183
|
import { RawTask as fx, rawTask as ix } from "./components/task-menu/parts/RawTask.js";
|
|
184
184
|
import { TaskGroup as ux } from "./components/task-menu/parts/TaskGroup.js";
|
|
185
|
-
import { TextArea as cx, textArea as
|
|
185
|
+
import { TextArea as cx, textArea as sx } from "./components/text-area/TextArea.js";
|
|
186
186
|
import { Text as Sx } from "./components/text/Text.js";
|
|
187
187
|
import { text as Cx } from "./components/text/Text.variants.js";
|
|
188
188
|
import { Timeline as Fx } from "./components/timeline/Timeline.js";
|
|
@@ -200,12 +200,12 @@ import { useMediaQuery as zx } from "./hooks/use-media-query.js";
|
|
|
200
200
|
import { useUnityForm as Zx } from "./hooks/use-form.js";
|
|
201
201
|
import { CheckboxField as on } from "./components/checkbox-field/CheckboxField.js";
|
|
202
202
|
import { CheckboxGroupField as rn } from "./components/checkbox-group-field/CheckboxGroupField.js";
|
|
203
|
-
import { DatePickerField as
|
|
203
|
+
import { DatePickerField as an } from "./components/date-picker-field/DatePickerField.js";
|
|
204
204
|
import { FormField as mn } from "./components/form-field/FormField.js";
|
|
205
205
|
import { RawFormContextualLink as nn } from "./components/form-field/parts/RawFormContextualLink.js";
|
|
206
206
|
import { FormControl as ln } from "./components/form-field/parts/FormControl.js";
|
|
207
207
|
import { FormFeedbackText as dn } from "./components/form-field/parts/FormFeedbackText.js";
|
|
208
|
-
import { FormHelperText as
|
|
208
|
+
import { FormHelperText as sn } from "./components/form-field/parts/FormHelperText.js";
|
|
209
209
|
import { FormLabel as Sn } from "./components/form-field/parts/FormLabel.js";
|
|
210
210
|
import { MultiSelectField as Cn } from "./components/multi-select-field/MultiSelectField.js";
|
|
211
211
|
import { NumberField as Fn, numberField as Pn } from "./components/number-field/NumberField.js";
|
|
@@ -218,28 +218,29 @@ import { TextField as Mn } from "./components/text-field/TextField.js";
|
|
|
218
218
|
import { ToggleSwitchField as En } from "./components/toggle-switch-field/ToggleSwitchField.js";
|
|
219
219
|
import { ToggleSwitchGroupField as Nn } from "./components/toggle-switch-group-field/ToggleSwitchGroupField.js";
|
|
220
220
|
import { useTanstackUnityForm as Vn, withFieldGroup as _n, withForm as Un } from "./hooks/use-tanstack-form.js";
|
|
221
|
-
import {
|
|
222
|
-
import {
|
|
223
|
-
import {
|
|
224
|
-
import {
|
|
225
|
-
import {
|
|
226
|
-
import {
|
|
227
|
-
import {
|
|
228
|
-
import {
|
|
229
|
-
import {
|
|
230
|
-
import {
|
|
231
|
-
import {
|
|
232
|
-
import {
|
|
233
|
-
import {
|
|
221
|
+
import { tanstackFormDefaultValues as Wn } from "./hooks/tanstack-form-default-values.js";
|
|
222
|
+
import { useFieldContext as qn, useFormContext as Jn } from "./hooks/tanstack-form-context.js";
|
|
223
|
+
import { useFieldA11yContext as jn } from "./components/form-field/TanstackFormField.context.js";
|
|
224
|
+
import { fieldRevalidateLogic as Yn } from "./utils/field-revalidate-logic.js";
|
|
225
|
+
import { NoopRouterProvider as $n, RouterProvider as of, useRouter as ef } from "./providers/router/RouterProvider.js";
|
|
226
|
+
import { Carousel as tf, carousel as af } from "./components/carousel/Carousel.js";
|
|
227
|
+
import { CarouselHeader as mf, carouselHeader as xf } from "./components/carousel/parts/CarouselHeader.js";
|
|
228
|
+
import { CarouselNav as ff, carouselNav as lf } from "./components/carousel/parts/CarouselNav.js";
|
|
229
|
+
import { CarouselContent as df, carouselContent as cf } from "./components/carousel/parts/CarouselContent.js";
|
|
230
|
+
import { CarouselSlide as gf, carouselSlide as Sf } from "./components/carousel/parts/CarouselSlide.js";
|
|
231
|
+
import { DialogTrigger as Cf, DialogTrigger as Tf } from "react-aria-components/Dialog";
|
|
232
|
+
import { FilterAdapters as Pf } from "./components/filter-toolbar/utils/filter-adapters.js";
|
|
233
|
+
import { RadioIndicator as Af } from "./components/radio-button-group/parts/RadioIndicator.js";
|
|
234
|
+
import { useAsyncList as Rf } from "react-stately/useAsyncList";
|
|
234
235
|
export {
|
|
235
|
-
|
|
236
|
+
a as ActionBar,
|
|
236
237
|
m as ActionBarAction,
|
|
237
238
|
x as ActionBarButton,
|
|
238
239
|
f as ActionBarIconButton,
|
|
239
240
|
l as ActionBarRoot,
|
|
240
241
|
r as Actionable,
|
|
241
242
|
c as Alert,
|
|
242
|
-
|
|
243
|
+
g as AlertActions,
|
|
243
244
|
b as AlertContent,
|
|
244
245
|
T as AlertTitle,
|
|
245
246
|
P as Anchor,
|
|
@@ -259,22 +260,22 @@ export {
|
|
|
259
260
|
Z as AvatarImage,
|
|
260
261
|
oo as AvatarPair,
|
|
261
262
|
Bo as BREADCRUMB_ITEM_MAX_WIDTH,
|
|
262
|
-
|
|
263
|
+
ao as Badge,
|
|
263
264
|
mo as BottomSheet,
|
|
264
265
|
fo as BottomSheetContent,
|
|
265
266
|
uo as BottomSheetFooter,
|
|
266
|
-
|
|
267
|
+
go as BottomSheetHeader,
|
|
267
268
|
Fo as Breadcrumb,
|
|
268
269
|
Co as Breadcrumbs,
|
|
269
270
|
Ro as Button,
|
|
270
271
|
wo as Card,
|
|
271
272
|
Lo as CardContent,
|
|
272
273
|
yo as CardTitle,
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
274
|
+
tf as Carousel,
|
|
275
|
+
df as CarouselContent,
|
|
276
|
+
mf as CarouselHeader,
|
|
277
|
+
ff as CarouselNav,
|
|
278
|
+
gf as CarouselSlide,
|
|
278
279
|
No as Checkbox,
|
|
279
280
|
on as CheckboxField,
|
|
280
281
|
vo as CheckboxGroup,
|
|
@@ -290,16 +291,16 @@ export {
|
|
|
290
291
|
zo as DataTableRoot,
|
|
291
292
|
ee as DateCalendar,
|
|
292
293
|
te as DatePicker,
|
|
293
|
-
|
|
294
|
-
|
|
294
|
+
an as DatePickerField,
|
|
295
|
+
pe as DateRangeCalendar,
|
|
295
296
|
xe as DateRangePicker,
|
|
296
297
|
fe as DefinitionTooltip,
|
|
297
298
|
le as Dialog,
|
|
298
299
|
ce as DialogActions,
|
|
299
|
-
|
|
300
|
+
ge as DialogButton,
|
|
300
301
|
be as DialogContent,
|
|
301
302
|
Te as DialogTitle,
|
|
302
|
-
|
|
303
|
+
Cf as DialogTrigger,
|
|
303
304
|
ve as EmptyState,
|
|
304
305
|
_e as EmptyStateActions,
|
|
305
306
|
Oe as EmptyStateContent,
|
|
@@ -312,20 +313,20 @@ export {
|
|
|
312
313
|
Qe as EmptyStateWaitingForData,
|
|
313
314
|
er as ErrorState,
|
|
314
315
|
xr as FieldGroup,
|
|
315
|
-
|
|
316
|
+
ar as Fieldset,
|
|
316
317
|
fr as Filter,
|
|
317
|
-
|
|
318
|
+
Pf as FilterAdapters,
|
|
318
319
|
ir as FilterControls,
|
|
319
320
|
lr as FilterLabels,
|
|
320
321
|
br as FilterToolbar,
|
|
321
322
|
Fr as Flex,
|
|
322
323
|
Ir as FlexItem,
|
|
323
|
-
|
|
324
|
+
sr as FloatingActionBar,
|
|
324
325
|
hr as Form,
|
|
325
326
|
ln as FormControl,
|
|
326
327
|
dn as FormFeedbackText,
|
|
327
328
|
mn as FormField,
|
|
328
|
-
|
|
329
|
+
sn as FormHelperText,
|
|
329
330
|
Sn as FormLabel,
|
|
330
331
|
Gr as FullPageLoader,
|
|
331
332
|
Zr as FunnelBackButton,
|
|
@@ -354,83 +355,83 @@ export {
|
|
|
354
355
|
jt as MenuContent,
|
|
355
356
|
Yt as MenuHeader,
|
|
356
357
|
$t as MenuSection,
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
358
|
+
ta as MenuSeparator,
|
|
359
|
+
pa as MenuTrigger,
|
|
360
|
+
xa as MultiSelect,
|
|
360
361
|
Cn as MultiSelectField,
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
362
|
+
fa as MultiSelectOptGroup,
|
|
363
|
+
la as MultiSelectOption,
|
|
364
|
+
da as Nav,
|
|
365
|
+
sa as NavGroup,
|
|
366
|
+
Ia as NavigationCardDescription,
|
|
367
|
+
Pa as NavigationCardGroup,
|
|
368
|
+
ka as NavigationCardLabel,
|
|
369
|
+
$n as NoopRouterProvider,
|
|
369
370
|
Fn as NumberField,
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
371
|
+
Da as NumberInput,
|
|
372
|
+
Ga as Page,
|
|
373
|
+
va as PageHeader,
|
|
374
|
+
Na as PageHeading,
|
|
375
|
+
Va as Pagination,
|
|
376
|
+
Ka as PaginationContent,
|
|
377
|
+
ep as PaginationEllipsis,
|
|
378
|
+
qa as PaginationItem,
|
|
379
|
+
xp as PayFitBrand,
|
|
380
|
+
fp as PayFitBrandPreprod,
|
|
381
|
+
lp as PhoneNumberInput,
|
|
382
|
+
dp as Pill,
|
|
383
|
+
sp as Popover,
|
|
384
|
+
Tf as PopoverTrigger,
|
|
385
|
+
Sp as ProgressBar,
|
|
385
386
|
Pe as PromoDialog,
|
|
386
387
|
ye as PromoDialogActions,
|
|
387
388
|
De as PromoDialogContent,
|
|
388
389
|
ke as PromoDialogHero,
|
|
389
390
|
Ie as PromoDialogSubtitle,
|
|
390
391
|
Le as PromoDialogTitle,
|
|
391
|
-
|
|
392
|
-
|
|
392
|
+
Fp as RadioButton,
|
|
393
|
+
Cp as RadioButtonGroup,
|
|
393
394
|
An as RadioButtonGroupField,
|
|
394
|
-
|
|
395
|
-
|
|
395
|
+
Ap as RadioButtonHelper,
|
|
396
|
+
Af as RadioIndicator,
|
|
396
397
|
Ao as RawBreadcrumbLink,
|
|
397
398
|
nn as RawFormContextualLink,
|
|
398
399
|
ht as RawLink,
|
|
399
400
|
Lt as RawLinkButton,
|
|
400
401
|
Ht as RawListViewItem,
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
$
|
|
406
|
-
|
|
402
|
+
ea as RawMenuItem,
|
|
403
|
+
Sa as RawNavItem,
|
|
404
|
+
Ta as RawNavigationCard,
|
|
405
|
+
Xa as RawPaginationLink,
|
|
406
|
+
$a as RawPaginationNext,
|
|
407
|
+
Ya as RawPaginationPrevious,
|
|
407
408
|
mx as RawSubTask,
|
|
408
409
|
Ym as RawTab,
|
|
409
410
|
fx as RawTask,
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
411
|
+
of as RouterProvider,
|
|
412
|
+
Rp as Search,
|
|
413
|
+
Dp as SegmentedButtonGroup,
|
|
414
|
+
Jp as Select,
|
|
415
|
+
jp as SelectButton,
|
|
415
416
|
Gn as SelectField,
|
|
416
|
-
|
|
417
|
-
$
|
|
417
|
+
Yp as SelectOption,
|
|
418
|
+
$p as SelectOptionGroup,
|
|
418
419
|
em as SelectOptionHelper,
|
|
419
|
-
|
|
420
|
-
|
|
420
|
+
Ep as SelectableButton,
|
|
421
|
+
Lp as SelectableButtonGroup,
|
|
421
422
|
Rn as SelectableButtonGroupField,
|
|
422
|
-
|
|
423
|
-
|
|
423
|
+
_p as SelectableCardCheckbox,
|
|
424
|
+
Op as SelectableCardCheckboxGroup,
|
|
424
425
|
wn as SelectableCardCheckboxGroupField,
|
|
425
|
-
|
|
426
|
-
|
|
426
|
+
Qp as SelectableCardRadio,
|
|
427
|
+
Kp as SelectableCardRadioGroup,
|
|
427
428
|
hn as SelectableCardRadioGroupField,
|
|
428
429
|
tm as SidePanel,
|
|
429
430
|
mm as SidePanelContent,
|
|
430
431
|
fm as SidePanelFooter,
|
|
431
432
|
um as SidePanelHeader,
|
|
432
|
-
|
|
433
|
-
|
|
433
|
+
sm as SkipLink,
|
|
434
|
+
gm as SkipLinks,
|
|
434
435
|
bm as Spinner,
|
|
435
436
|
Pr as Stack,
|
|
436
437
|
wr as StackItem,
|
|
@@ -462,7 +463,7 @@ export {
|
|
|
462
463
|
Ix as TimelineStepDescription,
|
|
463
464
|
kx as TimelineStepHeader,
|
|
464
465
|
hx as ToastManager,
|
|
465
|
-
|
|
466
|
+
yp as ToggleButton,
|
|
466
467
|
Hx as ToggleSwitch,
|
|
467
468
|
En as ToggleSwitchField,
|
|
468
469
|
Mx as ToggleSwitchGroup,
|
|
@@ -476,24 +477,24 @@ export {
|
|
|
476
477
|
co as bottomSheetFooter,
|
|
477
478
|
So as bottomSheetHeader,
|
|
478
479
|
Do as card,
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
480
|
+
af as carousel,
|
|
481
|
+
cf as carouselContent,
|
|
482
|
+
xf as carouselHeader,
|
|
483
|
+
lf as carouselNav,
|
|
484
|
+
Sf as carouselSlide,
|
|
484
485
|
Eo as checkboxGroup,
|
|
485
486
|
Pt as circularIconButton,
|
|
486
487
|
Yo as dataTableRoot,
|
|
487
488
|
ue as dialog,
|
|
488
489
|
rr as errorState,
|
|
489
|
-
|
|
490
|
-
|
|
490
|
+
Yn as fieldRevalidateLogic,
|
|
491
|
+
pr as fieldset,
|
|
491
492
|
ur as filterContainer,
|
|
492
493
|
dr as filterDismissButton,
|
|
493
494
|
Cr as filterToolbar,
|
|
494
495
|
Ar as flex,
|
|
495
496
|
kr as flexItem,
|
|
496
|
-
|
|
497
|
+
gr as floatingActionBar,
|
|
497
498
|
Lr as fullPageLoader,
|
|
498
499
|
Or as funnelBody,
|
|
499
500
|
Er as funnelLayout,
|
|
@@ -501,34 +502,34 @@ export {
|
|
|
501
502
|
Jr as funnelPageActions,
|
|
502
503
|
zr as funnelPageContent,
|
|
503
504
|
et as funnelPageFooter,
|
|
504
|
-
|
|
505
|
+
at as funnelPageHeader,
|
|
505
506
|
xt as funnelSidebar,
|
|
506
507
|
it as funnelTopBar,
|
|
507
508
|
ro as getInitials,
|
|
508
509
|
ct as grid,
|
|
509
|
-
|
|
510
|
+
st as gridItem,
|
|
510
511
|
Wx as isDesktopBreakpoint,
|
|
511
512
|
Qx as isMobileBreakpoint,
|
|
512
513
|
yt as link,
|
|
513
514
|
Nt as listViewItem,
|
|
514
515
|
_t as listViewSection,
|
|
515
|
-
|
|
516
|
-
|
|
516
|
+
ba as navItemBase,
|
|
517
|
+
Ba as navigationCardGroup,
|
|
517
518
|
Pn as numberField,
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
519
|
+
ha as numberInput,
|
|
520
|
+
La as page,
|
|
521
|
+
Ea as pageHeader,
|
|
522
|
+
_a as pagination,
|
|
523
|
+
Wa as paginationContent,
|
|
524
|
+
ja as paginationLink,
|
|
524
525
|
Be as promoDialog,
|
|
525
|
-
|
|
526
|
+
Pp as radioButton,
|
|
526
527
|
xx as rawSubTask,
|
|
527
528
|
ix as rawTask,
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
529
|
+
Ip as search,
|
|
530
|
+
Hp as selectableButton,
|
|
531
|
+
Mp as selectableButtonGroup,
|
|
532
|
+
am as sidePanel,
|
|
532
533
|
xm as sidePanelContent,
|
|
533
534
|
im as sidePanelFooter,
|
|
534
535
|
dm as sidePanelHeader,
|
|
@@ -539,23 +540,24 @@ export {
|
|
|
539
540
|
_m as tableHeader,
|
|
540
541
|
Wm as tablePagination,
|
|
541
542
|
Jm as tableRow,
|
|
542
|
-
|
|
543
|
+
Wn as tanstackFormDefaultValues,
|
|
544
|
+
ax as taskMenu,
|
|
543
545
|
Cx as text,
|
|
544
|
-
|
|
546
|
+
sx as textArea,
|
|
545
547
|
Gx as toast,
|
|
546
548
|
Nx as toggleSwitch,
|
|
547
549
|
vx as toggleSwitchGroup,
|
|
548
550
|
h as useAppMenuContext,
|
|
549
|
-
|
|
551
|
+
Rf as useAsyncList,
|
|
550
552
|
qx as useBreakpointListener,
|
|
551
553
|
Xx as useContainerQueryLevel,
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
554
|
+
jn as useFieldA11yContext,
|
|
555
|
+
qn as useFieldContext,
|
|
556
|
+
Jn as useFormContext,
|
|
555
557
|
zx as useMediaQuery,
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
558
|
+
pp as usePaginationState,
|
|
559
|
+
tp as usePaginationWindow,
|
|
560
|
+
ef as useRouter,
|
|
559
561
|
Vn as useTanstackUnityForm,
|
|
560
562
|
Zx as useUnityForm,
|
|
561
563
|
_n as withFieldGroup,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@payfit/unity-components",
|
|
3
|
-
"version": "2.42.
|
|
3
|
+
"version": "2.42.5",
|
|
4
4
|
"module": "./dist/esm/index.js",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"@hookform/devtools": "4.4.0",
|
|
44
44
|
"@hookform/resolvers": "5.2.1",
|
|
45
45
|
"@internationalized/date": "3.12.1",
|
|
46
|
-
"@payfit/unity-illustrations": "2.42.
|
|
46
|
+
"@payfit/unity-illustrations": "2.42.5",
|
|
47
47
|
"@radix-ui/react-avatar": "1.1.11",
|
|
48
48
|
"@radix-ui/react-slot": "1.2.4",
|
|
49
49
|
"@react-aria/interactions": "3.28.0",
|
|
@@ -75,8 +75,8 @@
|
|
|
75
75
|
},
|
|
76
76
|
"peerDependencies": {
|
|
77
77
|
"@hookform/devtools": "^4",
|
|
78
|
-
"@payfit/unity-icons": "2.42.
|
|
79
|
-
"@payfit/unity-themes": "2.42.
|
|
78
|
+
"@payfit/unity-icons": "2.42.5",
|
|
79
|
+
"@payfit/unity-themes": "2.42.5",
|
|
80
80
|
"@storybook/react-vite": "^10.3.2",
|
|
81
81
|
"@tanstack/react-query": "^5",
|
|
82
82
|
"@tanstack/react-router": "^1.131",
|
|
@@ -91,9 +91,9 @@
|
|
|
91
91
|
"@github-ui/storybook-addon-performance-panel": "1.1.4",
|
|
92
92
|
"@hookform/devtools": "4.4.0",
|
|
93
93
|
"@internationalized/date": "3.12.1",
|
|
94
|
-
"@payfit/unity-icons": "2.42.
|
|
95
|
-
"@payfit/unity-illustrations": "2.42.
|
|
96
|
-
"@payfit/unity-themes": "2.42.
|
|
94
|
+
"@payfit/unity-icons": "2.42.5",
|
|
95
|
+
"@payfit/unity-illustrations": "2.42.5",
|
|
96
|
+
"@payfit/unity-themes": "2.42.5",
|
|
97
97
|
"@storybook/addon-a11y": "10.4.0",
|
|
98
98
|
"@storybook/addon-designs": "11.1.3",
|
|
99
99
|
"@storybook/addon-docs": "10.4.0",
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
"@tanstack/intent": "0.0.40",
|
|
106
106
|
"@tanstack/react-devtools": "0.10.5",
|
|
107
107
|
"@tanstack/react-form-devtools": "0.2.22",
|
|
108
|
-
"@tanstack/react-query": "5.100.
|
|
108
|
+
"@tanstack/react-query": "5.100.14",
|
|
109
109
|
"@tanstack/react-router": "1.170.4",
|
|
110
110
|
"@tanstack/react-router-devtools": "1.167.0",
|
|
111
111
|
"@testing-library/dom": "10.4.0",
|