@payfit/unity-components 2.23.0 → 2.24.1
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/dist/esm/components/link-button/RawLinkButton.d.ts +53 -0
- package/dist/esm/components/link-button/RawLinkButton.js +93 -0
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.js +322 -320
- package/dist/esm/integrations/tanstack-router/components/link-button/LinkButton.d.ts +22 -0
- package/dist/esm/integrations/tanstack-router/components/link-button/LinkButton.js +7 -0
- package/dist/esm/integrations/tanstack-router/components/tabs/parts/Tab.js +14 -6
- package/dist/esm/integrations/tanstack-router/index.d.ts +1 -0
- package/dist/esm/integrations/tanstack-router.js +38 -36
- package/package.json +7 -7
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { UnityIcon } from '@payfit/unity-icons';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
|
+
import { LinkProps as AriaLinkProps } from 'react-aria-components';
|
|
4
|
+
import { ButtonBase, ButtonFilled, ButtonGhost, ButtonOutlined } from '../button/Button.variants.js';
|
|
5
|
+
type UnityLinkButtonProps = Omit<AriaLinkProps, 'style' | 'className'> & ButtonBase & {
|
|
6
|
+
/**
|
|
7
|
+
* The link button's appearance. It can be one of the following: 'primary', 'secondary', 'ghost'.
|
|
8
|
+
* @default 'primary'
|
|
9
|
+
*/
|
|
10
|
+
variant: 'primary' | 'secondary' | 'ghost';
|
|
11
|
+
/**
|
|
12
|
+
* The link button size. It can be full size or default size (min-content).
|
|
13
|
+
*/
|
|
14
|
+
size?: ButtonBase['size'];
|
|
15
|
+
/**
|
|
16
|
+
* The link button's color.
|
|
17
|
+
* @default 'primary'
|
|
18
|
+
*/
|
|
19
|
+
color?: ButtonFilled['color'] | ButtonOutlined['color'] | ButtonGhost['color'];
|
|
20
|
+
/**
|
|
21
|
+
* The link button's prefix icon. It has to be one of the icons from the Unity Icons package.
|
|
22
|
+
*/
|
|
23
|
+
prefixIcon?: UnityIcon;
|
|
24
|
+
/**
|
|
25
|
+
* The loading state of the link button.
|
|
26
|
+
* @default false
|
|
27
|
+
*/
|
|
28
|
+
isLoading?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Truncate the label to a specific number of characters.
|
|
31
|
+
*/
|
|
32
|
+
truncateLabelLength?: number;
|
|
33
|
+
/**
|
|
34
|
+
* Whether the link navigates to an external page. If true, the link will open in a new tab.
|
|
35
|
+
* @default false
|
|
36
|
+
*/
|
|
37
|
+
isExternal?: boolean;
|
|
38
|
+
};
|
|
39
|
+
type UnionLinkButtonProps = (UnityLinkButtonProps & {
|
|
40
|
+
variant: 'primary';
|
|
41
|
+
} & ButtonFilled) | (UnityLinkButtonProps & {
|
|
42
|
+
variant: 'secondary';
|
|
43
|
+
} & ButtonOutlined) | (UnityLinkButtonProps & {
|
|
44
|
+
variant: 'ghost';
|
|
45
|
+
} & ButtonGhost);
|
|
46
|
+
export type RawLinkButtonProps = PropsWithChildren<Omit<UnionLinkButtonProps, 'style'>>;
|
|
47
|
+
/**
|
|
48
|
+
* A link that visually looks like a button. Use it when you need navigation semantics with button appearance.
|
|
49
|
+
*/
|
|
50
|
+
declare const RawLinkButton: import('react').ForwardRefExoticComponent<Omit<UnionLinkButtonProps, "style"> & {
|
|
51
|
+
children?: import('react').ReactNode | undefined;
|
|
52
|
+
} & import('react').RefAttributes<HTMLAnchorElement>>;
|
|
53
|
+
export { RawLinkButton };
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { jsx as u, jsxs as h } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as v, useMemo as N } from "react";
|
|
3
|
+
import { uyMerge as m, cn as E } from "@payfit/unity-themes";
|
|
4
|
+
import { Link as R } from "react-aria-components";
|
|
5
|
+
import { buttonGhost as g, buttonOutlined as j, buttonFilled as B } from "../button/Button.variants.js";
|
|
6
|
+
import { Icon as I } from "../icon/Icon.js";
|
|
7
|
+
import { isExternalUrl as M } from "../link/utils.js";
|
|
8
|
+
import { Spinner as z } from "../spinner/Spinner.js";
|
|
9
|
+
const A = (a, r) => a ? /* @__PURE__ */ u(z, { size: "small", color: "inherit", label: "Loading..." }) : r ? /* @__PURE__ */ u(I, { src: r, size: 20, color: "inherit", role: "presentation" }) : null, C = v(
|
|
10
|
+
({
|
|
11
|
+
variant: a,
|
|
12
|
+
href: r,
|
|
13
|
+
children: d,
|
|
14
|
+
color: n = "primary",
|
|
15
|
+
size: p = "default",
|
|
16
|
+
isDisabled: l = !1,
|
|
17
|
+
isLoading: t = !1,
|
|
18
|
+
prefixIcon: b,
|
|
19
|
+
truncateLabelLength: i,
|
|
20
|
+
isExternal: f,
|
|
21
|
+
...o
|
|
22
|
+
}, x) => {
|
|
23
|
+
const y = f ?? M(r), w = N(() => {
|
|
24
|
+
const c = { size: p, isDisabled: l, isLoading: t };
|
|
25
|
+
let s;
|
|
26
|
+
switch (a) {
|
|
27
|
+
case "primary": {
|
|
28
|
+
const e = {
|
|
29
|
+
...c,
|
|
30
|
+
color: n
|
|
31
|
+
};
|
|
32
|
+
s = m(B(e));
|
|
33
|
+
break;
|
|
34
|
+
}
|
|
35
|
+
case "secondary": {
|
|
36
|
+
const e = {
|
|
37
|
+
...c,
|
|
38
|
+
color: n
|
|
39
|
+
};
|
|
40
|
+
s = m(j(e));
|
|
41
|
+
break;
|
|
42
|
+
}
|
|
43
|
+
case "ghost": {
|
|
44
|
+
const e = {
|
|
45
|
+
...c,
|
|
46
|
+
color: n
|
|
47
|
+
};
|
|
48
|
+
s = m(g(e));
|
|
49
|
+
break;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
return E(
|
|
53
|
+
s,
|
|
54
|
+
"uy:no-underline",
|
|
55
|
+
l || t ? "uy:data-[disabled]:bg-surface-neutral-disabled uy:data-[disabled]:text-content-neutral-disabled uy:data-[disabled]:cursor-not-allowed" : "",
|
|
56
|
+
t ? "uy:data-[disabled]:cursor-progress" : ""
|
|
57
|
+
);
|
|
58
|
+
}, [a, n, p, l, t]), k = {
|
|
59
|
+
...t && { "data-loading": t }
|
|
60
|
+
};
|
|
61
|
+
return /* @__PURE__ */ u(
|
|
62
|
+
R,
|
|
63
|
+
{
|
|
64
|
+
"data-dd-privacy": "allow",
|
|
65
|
+
...o,
|
|
66
|
+
href: r,
|
|
67
|
+
ref: x,
|
|
68
|
+
isDisabled: l || t,
|
|
69
|
+
className: w,
|
|
70
|
+
target: y ? "_blank" : o.target,
|
|
71
|
+
rel: y && !o.rel ? "noopener noreferrer" : o.rel,
|
|
72
|
+
...k,
|
|
73
|
+
children: /* @__PURE__ */ h("span", { className: "uy:inline-flex uy:gap-50 uy:items-center", children: [
|
|
74
|
+
A(t, b),
|
|
75
|
+
i && i > 0 ? /* @__PURE__ */ u(
|
|
76
|
+
"span",
|
|
77
|
+
{
|
|
78
|
+
style: {
|
|
79
|
+
"--uy-button-label-truncation-length": `${i}ch`
|
|
80
|
+
},
|
|
81
|
+
className: "uy:truncate uy:min-w-0 uy:w-(--uy-button-label-truncation-length)",
|
|
82
|
+
children: d
|
|
83
|
+
}
|
|
84
|
+
) : d
|
|
85
|
+
] })
|
|
86
|
+
}
|
|
87
|
+
);
|
|
88
|
+
}
|
|
89
|
+
);
|
|
90
|
+
C.displayName = "RawLinkButton";
|
|
91
|
+
export {
|
|
92
|
+
C as RawLinkButton
|
|
93
|
+
};
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -101,6 +101,7 @@ export * from './components/icon/Icon.js';
|
|
|
101
101
|
export * from './components/input/Input.js';
|
|
102
102
|
export * from './components/label/Label.js';
|
|
103
103
|
export * from './components/link/RawLink.js';
|
|
104
|
+
export * from './components/link-button/RawLinkButton.js';
|
|
104
105
|
export * from './components/list-view/ListView.js';
|
|
105
106
|
export * from './components/list-view/parts/RawListViewItem.js';
|
|
106
107
|
export * from './components/list-view/parts/ListViewSection.js';
|
package/dist/esm/index.js
CHANGED
|
@@ -10,7 +10,7 @@ import { AlertTitle as T } from "./components/alert/parts/AlertTitle.js";
|
|
|
10
10
|
import { Anchor as P } from "./components/anchor/Anchor.js";
|
|
11
11
|
import { AppLayout as A } from "./components/app-layout/AppLayout.js";
|
|
12
12
|
import { AppMenu as R } from "./components/app-menu/AppMenu.js";
|
|
13
|
-
import { AppMenuContext as
|
|
13
|
+
import { AppMenuContext as I, AppMenuContextProvider as D, useAppMenuContext as G } from "./components/app-menu/parts/AppMenu.context.js";
|
|
14
14
|
import { AppMenuFooter as y } from "./components/app-menu/parts/AppMenuFooter.js";
|
|
15
15
|
import { AppMenuHeader as E } from "./components/app-menu/parts/AppMenuHeader.js";
|
|
16
16
|
import { AppMenuNavContent as M } from "./components/app-menu/parts/AppMenuNavContent.js";
|
|
@@ -32,7 +32,7 @@ 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_CONTENT_MAX_LENGTH as Bo, RawBreadcrumbLink as Ao } from "./components/breadcrumbs/parts/RawBreadcrumbLink.js";
|
|
34
34
|
import { Button as Ro } from "./components/button/Button.js";
|
|
35
|
-
import { Card as
|
|
35
|
+
import { Card as Io, card as Do } from "./components/card/Card.js";
|
|
36
36
|
import { CardTitle as ho } from "./components/card/parts/CardTitle.js";
|
|
37
37
|
import { CardContent as Lo } from "./components/card/parts/CardContent.js";
|
|
38
38
|
import { CheckboxGroup as vo, checkboxGroup as Mo } from "./components/checkbox-group/CheckboxGroup.js";
|
|
@@ -56,7 +56,7 @@ 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";
|
|
58
58
|
import { PromoDialogHero as ke } from "./components/promo-dialog/parts/PromoDialogHero.js";
|
|
59
|
-
import { PromoDialogSubtitle as
|
|
59
|
+
import { PromoDialogSubtitle as we } from "./components/promo-dialog/parts/PromoDialogSubtitle.js";
|
|
60
60
|
import { PromoDialogContent as De } from "./components/promo-dialog/parts/PromoDialogContent.js";
|
|
61
61
|
import { PromoDialogActions as he } from "./components/promo-dialog/parts/PromoDialogActions.js";
|
|
62
62
|
import { PromoDialogTitle as Le } from "./components/promo-dialog/parts/PromoDialogTitle.js";
|
|
@@ -78,7 +78,7 @@ import { FloatingActionBar as gr, floatingActionBar as sr } from "./components/f
|
|
|
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";
|
|
81
|
-
import { FlexItem as
|
|
81
|
+
import { FlexItem as wr, StackItem as Ir } from "./components/flex/FlexItem.js";
|
|
82
82
|
import { Form as Gr } from "./components/form/Form.js";
|
|
83
83
|
import { FullPageLoader as yr, fullPageLoader as Lr } from "./components/full-page-loader/FullPageLoader.js";
|
|
84
84
|
import { FunnelLayout as vr, funnelLayout as Mr } from "./components/funnel-layout/FunnelLayout.js";
|
|
@@ -99,135 +99,136 @@ 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";
|
|
100
100
|
import { Icon as At } from "./components/icon/Icon.js";
|
|
101
101
|
import { Input as Rt } from "./components/input/Input.js";
|
|
102
|
-
import { Label as
|
|
102
|
+
import { Label as It } from "./components/label/Label.js";
|
|
103
103
|
import { RawLink as Gt, link as ht } from "./components/link/RawLink.js";
|
|
104
|
-
import {
|
|
105
|
-
import {
|
|
106
|
-
import {
|
|
107
|
-
import {
|
|
108
|
-
import {
|
|
109
|
-
import {
|
|
110
|
-
import {
|
|
111
|
-
import {
|
|
112
|
-
import {
|
|
113
|
-
import {
|
|
114
|
-
import {
|
|
115
|
-
import {
|
|
116
|
-
import {
|
|
117
|
-
import {
|
|
118
|
-
import {
|
|
119
|
-
import {
|
|
120
|
-
import {
|
|
121
|
-
import {
|
|
122
|
-
import {
|
|
123
|
-
import {
|
|
124
|
-
import {
|
|
125
|
-
import {
|
|
126
|
-
import {
|
|
127
|
-
import {
|
|
128
|
-
import {
|
|
129
|
-
import {
|
|
130
|
-
import {
|
|
131
|
-
import {
|
|
132
|
-
import {
|
|
133
|
-
import {
|
|
134
|
-
import {
|
|
135
|
-
import {
|
|
136
|
-
import {
|
|
137
|
-
import {
|
|
138
|
-
import {
|
|
139
|
-
import {
|
|
140
|
-
import {
|
|
141
|
-
import {
|
|
142
|
-
import {
|
|
143
|
-
import {
|
|
144
|
-
import {
|
|
145
|
-
import {
|
|
146
|
-
import {
|
|
147
|
-
import {
|
|
148
|
-
import {
|
|
149
|
-
import {
|
|
150
|
-
import {
|
|
151
|
-
import {
|
|
152
|
-
import {
|
|
153
|
-
import {
|
|
154
|
-
import {
|
|
155
|
-
import {
|
|
156
|
-
import {
|
|
157
|
-
import {
|
|
158
|
-
import {
|
|
159
|
-
import {
|
|
160
|
-
import {
|
|
161
|
-
import {
|
|
162
|
-
import {
|
|
163
|
-
import {
|
|
164
|
-
import {
|
|
165
|
-
import {
|
|
166
|
-
import {
|
|
167
|
-
import {
|
|
168
|
-
import {
|
|
169
|
-
import {
|
|
170
|
-
import {
|
|
171
|
-
import {
|
|
172
|
-
import {
|
|
173
|
-
import {
|
|
174
|
-
import {
|
|
175
|
-
import {
|
|
176
|
-
import {
|
|
177
|
-
import {
|
|
178
|
-
import {
|
|
179
|
-
import {
|
|
180
|
-
import {
|
|
181
|
-
import {
|
|
182
|
-
import {
|
|
183
|
-
import {
|
|
184
|
-
import {
|
|
185
|
-
import {
|
|
186
|
-
import {
|
|
187
|
-
import {
|
|
188
|
-
import {
|
|
189
|
-
import {
|
|
190
|
-
import {
|
|
191
|
-
import {
|
|
192
|
-
import {
|
|
193
|
-
import {
|
|
194
|
-
import {
|
|
195
|
-
import {
|
|
196
|
-
import {
|
|
197
|
-
import {
|
|
198
|
-
import {
|
|
199
|
-
import {
|
|
200
|
-
import {
|
|
201
|
-
import {
|
|
202
|
-
import {
|
|
203
|
-
import {
|
|
204
|
-
import {
|
|
205
|
-
import {
|
|
206
|
-
import {
|
|
207
|
-
import {
|
|
208
|
-
import {
|
|
209
|
-
import {
|
|
210
|
-
import {
|
|
211
|
-
import {
|
|
212
|
-
import {
|
|
213
|
-
import {
|
|
214
|
-
import {
|
|
215
|
-
import {
|
|
216
|
-
import {
|
|
217
|
-
import {
|
|
218
|
-
import {
|
|
219
|
-
import {
|
|
220
|
-
import {
|
|
221
|
-
import {
|
|
222
|
-
import {
|
|
223
|
-
import {
|
|
224
|
-
import {
|
|
225
|
-
import {
|
|
226
|
-
import {
|
|
227
|
-
import {
|
|
228
|
-
import {
|
|
229
|
-
import {
|
|
230
|
-
import {
|
|
104
|
+
import { RawLinkButton as Lt } from "./components/link-button/RawLinkButton.js";
|
|
105
|
+
import { ListView as vt } from "./components/list-view/ListView.js";
|
|
106
|
+
import { RawListViewItem as Nt, listViewItem as Ht } from "./components/list-view/parts/RawListViewItem.js";
|
|
107
|
+
import { ListViewSection as Vt, listViewSection as _t } from "./components/list-view/parts/ListViewSection.js";
|
|
108
|
+
import { ListViewItemLabel as Kt } from "./components/list-view/parts/ListViewItemLabel.js";
|
|
109
|
+
import { ListViewItemText as Wt } from "./components/list-view/parts/ListViewItemText.js";
|
|
110
|
+
import { Menu as Jt } from "./components/menu/Menu.js";
|
|
111
|
+
import { MenuContent as jt } from "./components/menu/parts/MenuContent.js";
|
|
112
|
+
import { MenuHeader as Yt } from "./components/menu/parts/MenuHeader.js";
|
|
113
|
+
import { RawMenuItem as $t } from "./components/menu/parts/RawMenuItem.js";
|
|
114
|
+
import { MenuSeparator as ep } from "./components/menu/parts/MenuSeparator.js";
|
|
115
|
+
import { MenuTrigger as tp } from "./components/menu/parts/MenuTrigger.js";
|
|
116
|
+
import { MultiSelect as ap } from "./components/multi-select/MultiSelect.js";
|
|
117
|
+
import { MultiSelectOptGroup as xp } from "./components/multi-select/parts/MultiSelectOptGroup.js";
|
|
118
|
+
import { MultiSelectOption as fp } from "./components/multi-select/parts/MultiSelectOption.js";
|
|
119
|
+
import { Nav as lp } from "./components/nav/Nav.js";
|
|
120
|
+
import { NavGroup as dp } from "./components/nav/parts/NavGroup.js";
|
|
121
|
+
import { RawNavItem as gp, navItemBase as sp } from "./components/nav/parts/RawNavItem.js";
|
|
122
|
+
import { RawNavigationCard as bp } from "./components/navigation-card/NavigationCard.js";
|
|
123
|
+
import { NavigationCardGroup as Tp, navigationCardGroup as Fp } from "./components/navigation-card/parts/NavigationCardGroup.js";
|
|
124
|
+
import { NavigationCardLabel as Bp } from "./components/navigation-card/parts/NavigationCardLabel.js";
|
|
125
|
+
import { NavigationCardDescription as kp } from "./components/navigation-card/parts/NavigationCardDescription.js";
|
|
126
|
+
import { NumberInput as wp, numberInput as Ip } from "./components/number-input/NumberInput.js";
|
|
127
|
+
import { Page as Gp, page as hp } from "./components/page/Page.js";
|
|
128
|
+
import { PageHeader as Lp, pageHeader as Ep } from "./components/page/parts/PageHeader.js";
|
|
129
|
+
import { PageHeading as Mp } from "./components/page/parts/PageHeading.js";
|
|
130
|
+
import { Pagination as Hp, pagination as Op } from "./components/pagination/Pagination.js";
|
|
131
|
+
import { PaginationContent as _p, paginationContent as Up } from "./components/pagination/parts/PaginationContent.js";
|
|
132
|
+
import { PaginationItem as Qp } from "./components/pagination/parts/PaginationItem.js";
|
|
133
|
+
import { RawPaginationLink as qp, paginationLink as Jp } from "./components/pagination/parts/RawPaginationLink.js";
|
|
134
|
+
import { RawPaginationPrevious as jp } from "./components/pagination/parts/RawPaginationPrevious.js";
|
|
135
|
+
import { RawPaginationNext as Yp } from "./components/pagination/parts/RawPaginationNext.js";
|
|
136
|
+
import { PaginationEllipsis as $p } from "./components/pagination/parts/PaginationEllipsis.js";
|
|
137
|
+
import { usePaginationWindow as ea } from "./components/pagination/hooks/use-pagination-window.js";
|
|
138
|
+
import { usePaginationState as ta } from "./components/pagination/hooks/use-pagination-state.js";
|
|
139
|
+
import { PayFitBrand as aa } from "./components/payfit-brand/PayFitBrand.js";
|
|
140
|
+
import { PayFitBrandPreprod as xa } from "./components/payfit-brand/PayFitPreprod.js";
|
|
141
|
+
import { PhoneNumberInput as fa } from "./components/phone-number/PhoneNumberInput.js";
|
|
142
|
+
import { Pill as la } from "./components/pill/Pill.js";
|
|
143
|
+
import { Popover as da } from "./components/popover/Popover.js";
|
|
144
|
+
import { ProgressBar as ga } from "./components/progress-bar/ProgressBar.js";
|
|
145
|
+
import { RadioButtonGroup as Sa } from "./components/radio-button-group/RadioButtonGroup.js";
|
|
146
|
+
import { RadioButton as Ca, radioButton as Ta } from "./components/radio-button-group/parts/RadioButton.js";
|
|
147
|
+
import { RadioButtonHelper as Pa } from "./components/radio-button-group/parts/RadioButtonHelper.js";
|
|
148
|
+
import { Search as Aa, search as ka } from "./components/search/Search.js";
|
|
149
|
+
import { SegmentedButtonGroup as wa } from "./components/segmented-button-group/SegmentedButtonGroup.js";
|
|
150
|
+
import { ToggleButton as Da } from "./components/segmented-button-group/parts/ToggleButton.js";
|
|
151
|
+
import { SelectableButtonGroup as ha, selectableButtonGroup as ya } from "./components/selectable-button-group/SelectableButtonGroup.js";
|
|
152
|
+
import { SelectableButton as Ea, selectableButton as va } from "./components/selectable-button-group/parts/SelectableButton.js";
|
|
153
|
+
import { SelectableCardCheckboxGroup as Na } from "./components/selectable-card/selectable-card-checkbox-group/SelectableCardCheckboxGroup.js";
|
|
154
|
+
import { SelectableCardCheckbox as Oa } from "./components/selectable-card/selectable-card-checkbox-group/parts/SelectableCardCheckbox.js";
|
|
155
|
+
import { SelectableCardRadioGroup as _a } from "./components/selectable-card/selectable-card-radio-group/SelectableCardRadioGroup.js";
|
|
156
|
+
import { SelectableCardRadio as Ka } from "./components/selectable-card/selectable-card-radio-group/parts/SelectableCardRadio.js";
|
|
157
|
+
import { Select as Wa } from "./components/select/Select.js";
|
|
158
|
+
import { SelectButton as Ja } from "./components/select/parts/SelectButton.js";
|
|
159
|
+
import { SelectOption as ja } from "./components/select/parts/SelectOption.js";
|
|
160
|
+
import { SelectOptionGroup as Ya } from "./components/select/parts/SelectOptionGroup.js";
|
|
161
|
+
import { SelectOptionHelper as $a } from "./components/select/parts/SelectOptionHelper.js";
|
|
162
|
+
import { SidePanel as em, sidePanel as rm } from "./components/side-panel/SidePanel.js";
|
|
163
|
+
import { SidePanelContent as pm, sidePanelContent as am } from "./components/side-panel/parts/SidePanelContent.js";
|
|
164
|
+
import { SidePanelFooter as xm, sidePanelFooter as nm } from "./components/side-panel/parts/SidePanelFooter.js";
|
|
165
|
+
import { SidePanelHeader as im, sidePanelHeader as lm } from "./components/side-panel/parts/SidePanelHeader.js";
|
|
166
|
+
import { SkipLink as dm, SkipLinks as cm } from "./components/skip-links/SkipLinks.js";
|
|
167
|
+
import { Spinner as sm } from "./components/spinner/Spinner.js";
|
|
168
|
+
import { Table as bm, TableRoot as Cm } from "./components/table/Table.js";
|
|
169
|
+
import { TableBody as Fm, tableBody as Pm } from "./components/table/parts/TableBody.js";
|
|
170
|
+
import { TableCell as Am, tableCell as km } from "./components/table/parts/TableCell.js";
|
|
171
|
+
import { TableColumnHeader as wm, tableColumnHeader as Im } from "./components/table/parts/TableColumnHeader.js";
|
|
172
|
+
import { TableEmptyState as Gm, TableEmptyStateError as hm, TableEmptyStateLoading as ym, TableEmptyStateNoData as Lm, TableEmptyStateText as Em, TableNoSearchResults as vm, tableEmptyState as Mm } from "./components/table/parts/TableEmptyState.js";
|
|
173
|
+
import { TableHeader as Hm, tableHeader as Om } from "./components/table/parts/TableHeader.js";
|
|
174
|
+
import { TablePagination as _m, tablePagination as Um } from "./components/table/parts/TablePagination.js";
|
|
175
|
+
import { TableRow as Qm, tableRow as Wm } from "./components/table/parts/TableRow.js";
|
|
176
|
+
import { Tabs as Jm } from "./components/tabs/Tabs.js";
|
|
177
|
+
import { RawTab as jm } from "./components/tabs/parts/RawTab.js";
|
|
178
|
+
import { TabList as Ym } from "./components/tabs/parts/TabList.js";
|
|
179
|
+
import { TabPanel as $m } from "./components/tabs/parts/TabPanel.js";
|
|
180
|
+
import { TaskMenu as ex, taskMenu as rx } from "./components/task-menu/TaskMenu.js";
|
|
181
|
+
import { RawSubTask as px, rawSubTask as ax } from "./components/task-menu/parts/RawSubTask.js";
|
|
182
|
+
import { RawTask as xx, rawTask as nx } from "./components/task-menu/parts/RawTask.js";
|
|
183
|
+
import { TaskGroup as ix } from "./components/task-menu/parts/TaskGroup.js";
|
|
184
|
+
import { TextArea as ux, textArea as dx } from "./components/text-area/TextArea.js";
|
|
185
|
+
import { Text as gx } from "./components/text/Text.js";
|
|
186
|
+
import { text as Sx } from "./components/text/Text.variants.js";
|
|
187
|
+
import { Timeline as Cx } from "./components/timeline/Timeline.js";
|
|
188
|
+
import { TimelineStep as Fx } from "./components/timeline/parts/TimelineStep.js";
|
|
189
|
+
import { TimelineStepHeader as Bx } from "./components/timeline/parts/TimelineStepHeader.js";
|
|
190
|
+
import { TimelineStepDescription as kx } from "./components/timeline/parts/TimelineStepDescription.js";
|
|
191
|
+
import { TOAST_CONFIG as wx, ToastManager as Ix } from "./components/toast/ToastManager.js";
|
|
192
|
+
import { toast as Gx } from "./components/toast/toast.js";
|
|
193
|
+
import { ToggleSwitchGroup as yx, toggleSwitchGroup as Lx } from "./components/toggle-switch-group/ToggleSwitchGroup.js";
|
|
194
|
+
import { ToggleSwitch as vx, toggleSwitch as Mx } from "./components/toggle-switch/ToggleSwitch.js";
|
|
195
|
+
import { Tooltip as Hx } from "./components/tooltip/Tooltip.js";
|
|
196
|
+
import { DESKTOP_BREAKPOINTS as Vx, MOBILE_BREAKPOINTS as _x, isDesktopBreakpoint as Ux, isMobileBreakpoint as Kx, useBreakpointListener as Qx } from "./hooks/use-breakpoint-listener.js";
|
|
197
|
+
import { useContainerQueryLevel as qx } from "./hooks/use-container-query-level.js";
|
|
198
|
+
import { useMediaQuery as Xx } from "./hooks/use-media-query.js";
|
|
199
|
+
import { useUnityForm as zx } from "./hooks/use-form.js";
|
|
200
|
+
import { CheckboxField as Zx } from "./components/checkbox-field/CheckboxField.js";
|
|
201
|
+
import { CheckboxGroupField as on } from "./components/checkbox-group-field/CheckboxGroupField.js";
|
|
202
|
+
import { DatePickerField as rn } from "./components/date-picker-field/DatePickerField.js";
|
|
203
|
+
import { FormField as pn } from "./components/form-field/FormField.js";
|
|
204
|
+
import { RawFormContextualLink as mn } from "./components/form-field/parts/RawFormContextualLink.js";
|
|
205
|
+
import { FormControl as nn } from "./components/form-field/parts/FormControl.js";
|
|
206
|
+
import { FormFeedbackText as ln } from "./components/form-field/parts/FormFeedbackText.js";
|
|
207
|
+
import { FormHelperText as dn } from "./components/form-field/parts/FormHelperText.js";
|
|
208
|
+
import { FormLabel as gn } from "./components/form-field/parts/FormLabel.js";
|
|
209
|
+
import { MultiSelectField as Sn } from "./components/multi-select-field/MultiSelectField.js";
|
|
210
|
+
import { NumberField as Cn, numberField as Tn } from "./components/number-field/NumberField.js";
|
|
211
|
+
import { RadioButtonGroupField as Pn } from "./components/radio-button-group-field/RadioButtonGroupField.js";
|
|
212
|
+
import { SelectableButtonGroupField as An } from "./components/selectable-button-group-field/SelectableButtonGroupField.js";
|
|
213
|
+
import { SelectableCardCheckboxGroupField as Rn } from "./components/selectable-card-checkbox-group-field/SelectableCardCheckboxGroupField.js";
|
|
214
|
+
import { SelectableCardRadioGroupField as In } from "./components/selectable-card-radio-group-field/SelectableCardRadioGroupField.js";
|
|
215
|
+
import { SelectField as Gn } from "./components/select-field/SelectField.js";
|
|
216
|
+
import { TextField as yn } from "./components/text-field/TextField.js";
|
|
217
|
+
import { ToggleSwitchField as En } from "./components/toggle-switch-field/ToggleSwitchField.js";
|
|
218
|
+
import { ToggleSwitchGroupField as Mn } from "./components/toggle-switch-group-field/ToggleSwitchGroupField.js";
|
|
219
|
+
import { useTanstackUnityForm as Hn, withFieldGroup as On, withForm as Vn } from "./hooks/use-tanstack-form.js";
|
|
220
|
+
import { useFieldContext as Un, useFormContext as Kn } from "./hooks/tanstack-form-context.js";
|
|
221
|
+
import { useFieldA11yContext as Wn } from "./components/form-field/TanstackFormField.context.js";
|
|
222
|
+
import { fieldRevalidateLogic as Jn } from "./utils/field-revalidate-logic.js";
|
|
223
|
+
import { NoopRouterProvider as jn, RouterProvider as zn, useRouter as Yn } from "./providers/router/RouterProvider.js";
|
|
224
|
+
import { Carousel as $n, carousel as of } from "./components/carousel/Carousel.js";
|
|
225
|
+
import { CarouselHeader as rf, carouselHeader as tf } from "./components/carousel/parts/CarouselHeader.js";
|
|
226
|
+
import { CarouselNav as af, carouselNav as mf } from "./components/carousel/parts/CarouselNav.js";
|
|
227
|
+
import { CarouselContent as nf, carouselContent as ff } from "./components/carousel/parts/CarouselContent.js";
|
|
228
|
+
import { CarouselSlide as uf, carouselSlide as df } from "./components/carousel/parts/CarouselSlide.js";
|
|
229
|
+
import { DialogTrigger as gf, DialogTrigger as sf } from "react-aria-components";
|
|
230
|
+
import { FilterAdapters as bf } from "./components/filter-toolbar/utils/filter-adapters.js";
|
|
231
|
+
import { useAsyncList as Tf } from "react-stately";
|
|
231
232
|
export {
|
|
232
233
|
p as ActionBar,
|
|
233
234
|
m as ActionBarAction,
|
|
@@ -242,7 +243,7 @@ export {
|
|
|
242
243
|
P as Anchor,
|
|
243
244
|
A as AppLayout,
|
|
244
245
|
R as AppMenu,
|
|
245
|
-
|
|
246
|
+
I as AppMenuContext,
|
|
246
247
|
D as AppMenuContextProvider,
|
|
247
248
|
y as AppMenuFooter,
|
|
248
249
|
E as AppMenuHeader,
|
|
@@ -264,30 +265,30 @@ export {
|
|
|
264
265
|
Fo as Breadcrumb,
|
|
265
266
|
Co as Breadcrumbs,
|
|
266
267
|
Ro as Button,
|
|
267
|
-
|
|
268
|
+
Io as Card,
|
|
268
269
|
Lo as CardContent,
|
|
269
270
|
ho as CardTitle,
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
271
|
+
$n as Carousel,
|
|
272
|
+
nf as CarouselContent,
|
|
273
|
+
rf as CarouselHeader,
|
|
274
|
+
af as CarouselNav,
|
|
275
|
+
uf as CarouselSlide,
|
|
275
276
|
Ho as Checkbox,
|
|
276
|
-
|
|
277
|
+
Zx as CheckboxField,
|
|
277
278
|
vo as CheckboxGroup,
|
|
278
|
-
|
|
279
|
+
on as CheckboxGroupField,
|
|
279
280
|
Vo as CheckboxStandalone,
|
|
280
281
|
Ft as CircularIconButton,
|
|
281
282
|
Uo as Collapsible,
|
|
282
283
|
Qo as CollapsibleContent,
|
|
283
284
|
qo as CollapsibleTitle,
|
|
284
|
-
|
|
285
|
+
Vx as DESKTOP_BREAKPOINTS,
|
|
285
286
|
Xo as DataTable,
|
|
286
287
|
$o as DataTableBulkActions,
|
|
287
288
|
zo as DataTableRoot,
|
|
288
289
|
ee as DateCalendar,
|
|
289
290
|
te as DatePicker,
|
|
290
|
-
|
|
291
|
+
rn as DatePickerField,
|
|
291
292
|
ae as DateRangeCalendar,
|
|
292
293
|
xe as DateRangePicker,
|
|
293
294
|
fe as DefinitionTooltip,
|
|
@@ -296,7 +297,7 @@ export {
|
|
|
296
297
|
se as DialogButton,
|
|
297
298
|
be as DialogContent,
|
|
298
299
|
Te as DialogTitle,
|
|
299
|
-
|
|
300
|
+
gf as DialogTrigger,
|
|
300
301
|
ve as EmptyState,
|
|
301
302
|
_e as EmptyStateActions,
|
|
302
303
|
Oe as EmptyStateContent,
|
|
@@ -311,19 +312,19 @@ export {
|
|
|
311
312
|
xr as FieldGroup,
|
|
312
313
|
pr as Fieldset,
|
|
313
314
|
fr as Filter,
|
|
314
|
-
|
|
315
|
+
bf as FilterAdapters,
|
|
315
316
|
ir as FilterControls,
|
|
316
317
|
lr as FilterLabels,
|
|
317
318
|
br as FilterToolbar,
|
|
318
319
|
Fr as Flex,
|
|
319
|
-
|
|
320
|
+
wr as FlexItem,
|
|
320
321
|
gr as FloatingActionBar,
|
|
321
322
|
Gr as Form,
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
323
|
+
nn as FormControl,
|
|
324
|
+
ln as FormFeedbackText,
|
|
325
|
+
pn as FormField,
|
|
326
|
+
dn as FormHelperText,
|
|
327
|
+
gn as FormLabel,
|
|
327
328
|
yr as FullPageLoader,
|
|
328
329
|
Zr as FunnelBackButton,
|
|
329
330
|
Hr as FunnelBody,
|
|
@@ -341,127 +342,128 @@ export {
|
|
|
341
342
|
At as Icon,
|
|
342
343
|
Ct as IconButton,
|
|
343
344
|
Rt as Input,
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
345
|
+
It as Label,
|
|
346
|
+
vt as ListView,
|
|
347
|
+
Kt as ListViewItemLabel,
|
|
348
|
+
Wt as ListViewItemText,
|
|
349
|
+
Vt as ListViewSection,
|
|
350
|
+
_x as MOBILE_BREAKPOINTS,
|
|
351
|
+
Jt as Menu,
|
|
352
|
+
jt as MenuContent,
|
|
353
|
+
Yt as MenuHeader,
|
|
354
|
+
ep as MenuSeparator,
|
|
355
|
+
tp as MenuTrigger,
|
|
356
|
+
ap as MultiSelect,
|
|
357
|
+
Sn as MultiSelectField,
|
|
358
|
+
xp as MultiSelectOptGroup,
|
|
359
|
+
fp as MultiSelectOption,
|
|
360
|
+
lp as Nav,
|
|
361
|
+
dp as NavGroup,
|
|
362
|
+
kp as NavigationCardDescription,
|
|
363
|
+
Tp as NavigationCardGroup,
|
|
364
|
+
Bp as NavigationCardLabel,
|
|
365
|
+
jn as NoopRouterProvider,
|
|
366
|
+
Cn as NumberField,
|
|
367
|
+
wp as NumberInput,
|
|
368
|
+
Gp as Page,
|
|
369
|
+
Lp as PageHeader,
|
|
370
|
+
Mp as PageHeading,
|
|
371
|
+
Hp as Pagination,
|
|
372
|
+
_p as PaginationContent,
|
|
373
|
+
$p as PaginationEllipsis,
|
|
374
|
+
Qp as PaginationItem,
|
|
375
|
+
aa as PayFitBrand,
|
|
376
|
+
xa as PayFitBrandPreprod,
|
|
377
|
+
fa as PhoneNumberInput,
|
|
378
|
+
la as Pill,
|
|
379
|
+
da as Popover,
|
|
380
|
+
sf as PopoverTrigger,
|
|
381
|
+
ga as ProgressBar,
|
|
381
382
|
Pe as PromoDialog,
|
|
382
383
|
he as PromoDialogActions,
|
|
383
384
|
De as PromoDialogContent,
|
|
384
385
|
ke as PromoDialogHero,
|
|
385
|
-
|
|
386
|
+
we as PromoDialogSubtitle,
|
|
386
387
|
Le as PromoDialogTitle,
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
388
|
+
Ca as RadioButton,
|
|
389
|
+
Sa as RadioButtonGroup,
|
|
390
|
+
Pn as RadioButtonGroupField,
|
|
391
|
+
Pa as RadioButtonHelper,
|
|
391
392
|
Ao as RawBreadcrumbLink,
|
|
392
|
-
|
|
393
|
+
mn as RawFormContextualLink,
|
|
393
394
|
Gt as RawLink,
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
Wa as
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
ja as
|
|
412
|
-
Ya as
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
cm as
|
|
395
|
+
Lt as RawLinkButton,
|
|
396
|
+
Nt as RawListViewItem,
|
|
397
|
+
$t as RawMenuItem,
|
|
398
|
+
gp as RawNavItem,
|
|
399
|
+
bp as RawNavigationCard,
|
|
400
|
+
qp as RawPaginationLink,
|
|
401
|
+
Yp as RawPaginationNext,
|
|
402
|
+
jp as RawPaginationPrevious,
|
|
403
|
+
px as RawSubTask,
|
|
404
|
+
jm as RawTab,
|
|
405
|
+
xx as RawTask,
|
|
406
|
+
zn as RouterProvider,
|
|
407
|
+
Aa as Search,
|
|
408
|
+
wa as SegmentedButtonGroup,
|
|
409
|
+
Wa as Select,
|
|
410
|
+
Ja as SelectButton,
|
|
411
|
+
Gn as SelectField,
|
|
412
|
+
ja as SelectOption,
|
|
413
|
+
Ya as SelectOptionGroup,
|
|
414
|
+
$a as SelectOptionHelper,
|
|
415
|
+
Ea as SelectableButton,
|
|
416
|
+
ha as SelectableButtonGroup,
|
|
417
|
+
An as SelectableButtonGroupField,
|
|
418
|
+
Oa as SelectableCardCheckbox,
|
|
419
|
+
Na as SelectableCardCheckboxGroup,
|
|
420
|
+
Rn as SelectableCardCheckboxGroupField,
|
|
421
|
+
Ka as SelectableCardRadio,
|
|
422
|
+
_a as SelectableCardRadioGroup,
|
|
423
|
+
In as SelectableCardRadioGroupField,
|
|
424
|
+
em as SidePanel,
|
|
425
|
+
pm as SidePanelContent,
|
|
426
|
+
xm as SidePanelFooter,
|
|
427
|
+
im as SidePanelHeader,
|
|
428
|
+
dm as SkipLink,
|
|
429
|
+
cm as SkipLinks,
|
|
430
|
+
sm as Spinner,
|
|
429
431
|
Pr as Stack,
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
432
|
+
Ir as StackItem,
|
|
433
|
+
wx as TOAST_CONFIG,
|
|
434
|
+
Ym as TabList,
|
|
435
|
+
$m as TabPanel,
|
|
436
|
+
bm as Table,
|
|
437
|
+
Fm as TableBody,
|
|
438
|
+
Am as TableCell,
|
|
439
|
+
wm as TableColumnHeader,
|
|
440
|
+
Gm as TableEmptyState,
|
|
441
|
+
hm as TableEmptyStateError,
|
|
442
|
+
ym as TableEmptyStateLoading,
|
|
443
|
+
Lm as TableEmptyStateNoData,
|
|
444
|
+
Em as TableEmptyStateText,
|
|
445
|
+
Hm as TableHeader,
|
|
446
|
+
vm as TableNoSearchResults,
|
|
447
|
+
_m as TablePagination,
|
|
448
|
+
Cm as TableRoot,
|
|
449
|
+
Qm as TableRow,
|
|
450
|
+
Jm as Tabs,
|
|
451
|
+
ix as TaskGroup,
|
|
452
|
+
ex as TaskMenu,
|
|
453
|
+
gx as Text,
|
|
454
|
+
ux as TextArea,
|
|
455
|
+
yn as TextField,
|
|
456
|
+
Cx as Timeline,
|
|
457
|
+
Fx as TimelineStep,
|
|
458
|
+
kx as TimelineStepDescription,
|
|
459
|
+
Bx as TimelineStepHeader,
|
|
460
|
+
Ix as ToastManager,
|
|
461
|
+
Da as ToggleButton,
|
|
462
|
+
vx as ToggleSwitch,
|
|
463
|
+
En as ToggleSwitchField,
|
|
464
|
+
yx as ToggleSwitchGroup,
|
|
465
|
+
Mn as ToggleSwitchGroupField,
|
|
466
|
+
Hx as Tooltip,
|
|
465
467
|
u as actionBarRoot,
|
|
466
468
|
_ as autocompleteItem,
|
|
467
469
|
Q as autocompleteItemGroup,
|
|
@@ -470,17 +472,17 @@ export {
|
|
|
470
472
|
co as bottomSheetFooter,
|
|
471
473
|
So as bottomSheetHeader,
|
|
472
474
|
Do as card,
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
475
|
+
of as carousel,
|
|
476
|
+
ff as carouselContent,
|
|
477
|
+
tf as carouselHeader,
|
|
478
|
+
mf as carouselNav,
|
|
479
|
+
df as carouselSlide,
|
|
478
480
|
Mo as checkboxGroup,
|
|
479
481
|
Pt as circularIconButton,
|
|
480
482
|
Yo as dataTableRoot,
|
|
481
483
|
ue as dialog,
|
|
482
484
|
rr as errorState,
|
|
483
|
-
|
|
485
|
+
Jn as fieldRevalidateLogic,
|
|
484
486
|
ar as fieldset,
|
|
485
487
|
ur as filterContainer,
|
|
486
488
|
dr as filterDismissButton,
|
|
@@ -501,57 +503,57 @@ export {
|
|
|
501
503
|
ro as getInitials,
|
|
502
504
|
ct as grid,
|
|
503
505
|
gt as gridItem,
|
|
504
|
-
|
|
505
|
-
|
|
506
|
+
Ux as isDesktopBreakpoint,
|
|
507
|
+
Kx as isMobileBreakpoint,
|
|
506
508
|
ht as link,
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
509
|
+
Ht as listViewItem,
|
|
510
|
+
_t as listViewSection,
|
|
511
|
+
sp as navItemBase,
|
|
512
|
+
Fp as navigationCardGroup,
|
|
513
|
+
Tn as numberField,
|
|
514
|
+
Ip as numberInput,
|
|
515
|
+
hp as page,
|
|
516
|
+
Ep as pageHeader,
|
|
517
|
+
Op as pagination,
|
|
518
|
+
Up as paginationContent,
|
|
519
|
+
Jp as paginationLink,
|
|
518
520
|
Be as promoDialog,
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
521
|
+
Ta as radioButton,
|
|
522
|
+
ax as rawSubTask,
|
|
523
|
+
nx as rawTask,
|
|
524
|
+
ka as search,
|
|
525
|
+
va as selectableButton,
|
|
526
|
+
ya as selectableButtonGroup,
|
|
527
|
+
rm as sidePanel,
|
|
528
|
+
am as sidePanelContent,
|
|
529
|
+
nm as sidePanelFooter,
|
|
530
|
+
lm as sidePanelHeader,
|
|
531
|
+
Pm as tableBody,
|
|
532
|
+
km as tableCell,
|
|
533
|
+
Im as tableColumnHeader,
|
|
534
|
+
Mm as tableEmptyState,
|
|
535
|
+
Om as tableHeader,
|
|
536
|
+
Um as tablePagination,
|
|
537
|
+
Wm as tableRow,
|
|
538
|
+
rx as taskMenu,
|
|
539
|
+
Sx as text,
|
|
540
|
+
dx as textArea,
|
|
541
|
+
Gx as toast,
|
|
542
|
+
Mx as toggleSwitch,
|
|
543
|
+
Lx as toggleSwitchGroup,
|
|
542
544
|
G as useAppMenuContext,
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
545
|
+
Tf as useAsyncList,
|
|
546
|
+
Qx as useBreakpointListener,
|
|
547
|
+
qx as useContainerQueryLevel,
|
|
548
|
+
Wn as useFieldA11yContext,
|
|
549
|
+
Un as useFieldContext,
|
|
550
|
+
Kn as useFormContext,
|
|
551
|
+
Xx as useMediaQuery,
|
|
552
|
+
ta as usePaginationState,
|
|
553
|
+
ea as usePaginationWindow,
|
|
554
|
+
Yn as useRouter,
|
|
555
|
+
Hn as useTanstackUnityForm,
|
|
556
|
+
zx as useUnityForm,
|
|
557
|
+
On as withFieldGroup,
|
|
558
|
+
Vn as withForm
|
|
557
559
|
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { LinkComponent } from '@tanstack/react-router';
|
|
2
|
+
import { RawLinkButton } from '../../../../components/link-button/RawLinkButton.js';
|
|
3
|
+
/**
|
|
4
|
+
* Unity's link button that integrates with Tanstack Router for seamless client-side navigation.
|
|
5
|
+
* Renders as an anchor tag but visually looks like a primary button.
|
|
6
|
+
* @example
|
|
7
|
+
* ```tsx
|
|
8
|
+
* import { LinkButton } from '@payfit/unity-components/integrations/tanstack-router'
|
|
9
|
+
*
|
|
10
|
+
* function Navigation() {
|
|
11
|
+
* return (
|
|
12
|
+
* <LinkButton to="/dashboard">
|
|
13
|
+
* Go to Dashboard
|
|
14
|
+
* </LinkButton>
|
|
15
|
+
* )
|
|
16
|
+
* }
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
declare const LinkButton: LinkComponent<typeof RawLinkButton> & {
|
|
20
|
+
displayName: string;
|
|
21
|
+
};
|
|
22
|
+
export { LinkButton };
|
|
@@ -1,12 +1,20 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { useLinkProps as
|
|
1
|
+
import { createElement as s } from "react";
|
|
2
|
+
import { useLinkProps as a, createLink as f } from "@tanstack/react-router";
|
|
3
3
|
import { RawTab as m } from "../../../../../components/tabs/parts/RawTab.js";
|
|
4
|
-
const p =
|
|
5
|
-
function c(
|
|
6
|
-
const { suffixElement: t, id:
|
|
4
|
+
const p = f(m);
|
|
5
|
+
function c(e) {
|
|
6
|
+
const { suffixElement: t, id: i, ...o } = e, n = a(o), r = i ?? n.href ?? o.to;
|
|
7
7
|
return (
|
|
8
8
|
// @ts-expect-error - Complex type intersection between router props and component props
|
|
9
|
-
/* @__PURE__ */
|
|
9
|
+
/* @__PURE__ */ s(
|
|
10
|
+
p,
|
|
11
|
+
{
|
|
12
|
+
...o,
|
|
13
|
+
key: r,
|
|
14
|
+
suffix: t,
|
|
15
|
+
id: r
|
|
16
|
+
}
|
|
17
|
+
)
|
|
10
18
|
);
|
|
11
19
|
}
|
|
12
20
|
c.displayName = "Tab";
|
|
@@ -3,6 +3,7 @@ export * from './components/breadcrumbs/BreadcrumbLink.js';
|
|
|
3
3
|
export * from './components/breadcrumbs/Breadcrumbs.js';
|
|
4
4
|
export * from './components/form-contextual-link/FormContextualLink.js';
|
|
5
5
|
export * from './components/link/Link.js';
|
|
6
|
+
export * from './components/link-button/LinkButton.js';
|
|
6
7
|
export * from './components/list-view/ListView.js';
|
|
7
8
|
export * from './components/list-view/parts/ListViewItem.js';
|
|
8
9
|
export * from './components/menu-item/MenuItem.js';
|
|
@@ -1,40 +1,42 @@
|
|
|
1
|
-
import { BreadcrumbLink as
|
|
1
|
+
import { BreadcrumbLink as t } from "./tanstack-router/components/breadcrumbs/BreadcrumbLink.js";
|
|
2
2
|
import { FormContextualLink as m } from "./tanstack-router/components/form-contextual-link/FormContextualLink.js";
|
|
3
|
-
import { Link as
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
3
|
+
import { Link as a } from "./tanstack-router/components/link/Link.js";
|
|
4
|
+
import { LinkButton as p } from "./tanstack-router/components/link-button/LinkButton.js";
|
|
5
|
+
import { ListView as n } from "./tanstack-router/components/list-view/ListView.js";
|
|
6
|
+
import { ListViewItem as s } from "./tanstack-router/components/list-view/parts/ListViewItem.js";
|
|
7
|
+
import { MenuItem as L } from "./tanstack-router/components/menu-item/MenuItem.js";
|
|
8
|
+
import { NavigationCard as T } from "./tanstack-router/components/navigation-card/NavigationCard.js";
|
|
9
|
+
import { NavItem as d } from "./tanstack-router/components/nav-item/NavItem.js";
|
|
10
|
+
import { PaginationLink as B } from "./tanstack-router/components/pagination/PaginationLink.js";
|
|
11
|
+
import { PaginationNext as v } from "./tanstack-router/components/pagination/PaginationNext.js";
|
|
12
|
+
import { PaginationPrevious as N } from "./tanstack-router/components/pagination/PaginationPrevious.js";
|
|
13
|
+
import { Tab as w } from "./tanstack-router/components/tabs/parts/Tab.js";
|
|
14
|
+
import { TabPanel as V } from "./tanstack-router/components/tabs/parts/TabPanel.js";
|
|
15
|
+
import { Tabs as M } from "./tanstack-router/components/tabs/Tabs.js";
|
|
16
|
+
import { Task as h } from "./tanstack-router/components/task-menu/Task.js";
|
|
17
|
+
import { SubTask as q } from "./tanstack-router/components/task-menu/SubTask.js";
|
|
18
|
+
import { Breadcrumb as z } from "../components/breadcrumbs/parts/Breadcrumb.js";
|
|
19
|
+
import { Breadcrumbs as D } from "../components/breadcrumbs/Breadcrumbs.js";
|
|
20
|
+
import { TabList as G } from "../components/tabs/parts/TabList.js";
|
|
20
21
|
export {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
z as Breadcrumb,
|
|
23
|
+
t as BreadcrumbLink,
|
|
24
|
+
D as Breadcrumbs,
|
|
24
25
|
m as FormContextualLink,
|
|
25
|
-
|
|
26
|
-
p as
|
|
27
|
-
n as
|
|
28
|
-
s as
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
V as
|
|
39
|
-
M as
|
|
26
|
+
a as Link,
|
|
27
|
+
p as LinkButton,
|
|
28
|
+
n as ListView,
|
|
29
|
+
s as ListViewItem,
|
|
30
|
+
L as MenuItem,
|
|
31
|
+
d as NavItem,
|
|
32
|
+
T as NavigationCard,
|
|
33
|
+
B as PaginationLink,
|
|
34
|
+
v as PaginationNext,
|
|
35
|
+
N as PaginationPrevious,
|
|
36
|
+
q as SubTask,
|
|
37
|
+
w as Tab,
|
|
38
|
+
G as TabList,
|
|
39
|
+
V as TabPanel,
|
|
40
|
+
M as Tabs,
|
|
41
|
+
h as Task
|
|
40
42
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@payfit/unity-components",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.24.1",
|
|
4
4
|
"module": "./dist/esm/index.js",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"@hookform/devtools": "4.4.0",
|
|
43
43
|
"@hookform/resolvers": "5.2.1",
|
|
44
44
|
"@internationalized/date": "3.12.0",
|
|
45
|
-
"@payfit/unity-illustrations": "2.
|
|
45
|
+
"@payfit/unity-illustrations": "2.24.1",
|
|
46
46
|
"@radix-ui/react-avatar": "1.1.11",
|
|
47
47
|
"@radix-ui/react-slot": "1.2.4",
|
|
48
48
|
"@react-aria/interactions": "3.27.1",
|
|
@@ -74,8 +74,8 @@
|
|
|
74
74
|
},
|
|
75
75
|
"peerDependencies": {
|
|
76
76
|
"@hookform/devtools": "^4",
|
|
77
|
-
"@payfit/unity-icons": "2.
|
|
78
|
-
"@payfit/unity-themes": "2.
|
|
77
|
+
"@payfit/unity-icons": "2.24.1",
|
|
78
|
+
"@payfit/unity-themes": "2.24.1",
|
|
79
79
|
"@storybook/react-vite": "^10.3.2",
|
|
80
80
|
"@tanstack/react-query": "^5",
|
|
81
81
|
"@tanstack/react-router": "^1.131",
|
|
@@ -95,9 +95,9 @@
|
|
|
95
95
|
"@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
|
|
96
96
|
"@payfit/storybook-addon-console-errors": "0.0.0-use.local",
|
|
97
97
|
"@payfit/storybook-config": "0.0.0-use.local",
|
|
98
|
-
"@payfit/unity-icons": "2.
|
|
99
|
-
"@payfit/unity-illustrations": "2.
|
|
100
|
-
"@payfit/unity-themes": "2.
|
|
98
|
+
"@payfit/unity-icons": "2.24.1",
|
|
99
|
+
"@payfit/unity-illustrations": "2.24.1",
|
|
100
|
+
"@payfit/unity-themes": "2.24.1",
|
|
101
101
|
"@payfit/vite-configs": "0.0.0-use.local",
|
|
102
102
|
"@storybook/addon-a11y": "10.3.5",
|
|
103
103
|
"@storybook/addon-designs": "11.1.3",
|