@payfit/unity-components 2.67.28 → 2.67.36
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/README.md +2 -0
- package/dist/esm/components/button/Button.js +43 -43
- package/dist/esm/components/dialog/Dialog.d.ts +8 -3
- package/dist/esm/components/dialog/Dialog.js +48 -39
- package/dist/esm/index.js +4 -4
- package/package.json +18 -18
- package/src/agent-references/component-catalog.json +471 -94
- package/src/agent-references/manifest.json +7 -2
package/README.md
CHANGED
|
@@ -2,83 +2,83 @@ import { Icon as e } from "../icon/Icon.js";
|
|
|
2
2
|
import { Spinner as t } from "../spinner/Spinner.js";
|
|
3
3
|
import { buttonFilled as n, buttonGhost as r, buttonOutlined as i } from "./Button.variants.js";
|
|
4
4
|
import { forwardRef as a, useMemo as o } from "react";
|
|
5
|
-
import {
|
|
6
|
-
import { jsx as
|
|
7
|
-
import { Button as
|
|
5
|
+
import { cn as s, useUnityTheme as c, uyMerge as l } from "@payfit/unity-themes";
|
|
6
|
+
import { jsx as u, jsxs as d } from "react/jsx-runtime";
|
|
7
|
+
import { Button as f } from "react-aria-components/Button";
|
|
8
8
|
//#region src/components/button/Button.tsx
|
|
9
|
-
var
|
|
9
|
+
var p = (n, r) => n ? /* @__PURE__ */ u(t, {
|
|
10
10
|
size: "small",
|
|
11
11
|
color: "inherit",
|
|
12
12
|
label: "Loading..."
|
|
13
|
-
}) : r ? /* @__PURE__ */
|
|
13
|
+
}) : r ? /* @__PURE__ */ u(e, {
|
|
14
14
|
src: r,
|
|
15
15
|
size: 20,
|
|
16
16
|
color: "inherit",
|
|
17
17
|
role: "presentation",
|
|
18
18
|
"data-unity-icon": "prefix"
|
|
19
|
-
}) : null,
|
|
20
|
-
let { theme:
|
|
19
|
+
}) : null, m = a(({ variant: t, children: a, color: m = "primary", size: h = "default", isDisabled: g = !1, isLoading: _ = !1, prefixIcon: v, suffixIcon: y, truncateLabelLength: b, mode: x = "default", ...S }, C) => {
|
|
20
|
+
let { theme: w } = c(), T = o(() => {
|
|
21
21
|
let e = {
|
|
22
|
-
size:
|
|
23
|
-
isDisabled:
|
|
24
|
-
isLoading:
|
|
25
|
-
mode:
|
|
22
|
+
size: h,
|
|
23
|
+
isDisabled: g,
|
|
24
|
+
isLoading: _,
|
|
25
|
+
mode: x
|
|
26
26
|
};
|
|
27
27
|
switch (t) {
|
|
28
|
-
case "primary": return
|
|
28
|
+
case "primary": return l(n({
|
|
29
29
|
...e,
|
|
30
|
-
color:
|
|
30
|
+
color: m
|
|
31
31
|
}));
|
|
32
32
|
case "secondary":
|
|
33
|
-
if (
|
|
34
|
-
let t =
|
|
35
|
-
return
|
|
33
|
+
if (w === "rebrand") {
|
|
34
|
+
let t = m === "inverted" ? "inverted.low" : "neutral";
|
|
35
|
+
return l(n({
|
|
36
36
|
...e,
|
|
37
37
|
color: t
|
|
38
38
|
}));
|
|
39
39
|
}
|
|
40
|
-
return
|
|
40
|
+
return l(i({
|
|
41
41
|
...e,
|
|
42
|
-
color:
|
|
42
|
+
color: m
|
|
43
43
|
}));
|
|
44
|
-
case "ghost": return
|
|
44
|
+
case "ghost": return l(r({
|
|
45
45
|
...e,
|
|
46
|
-
color:
|
|
46
|
+
color: m
|
|
47
47
|
}));
|
|
48
|
-
case "outlined": return
|
|
48
|
+
case "outlined": return l(i({
|
|
49
49
|
...e,
|
|
50
|
-
color:
|
|
50
|
+
color: m
|
|
51
51
|
}));
|
|
52
52
|
}
|
|
53
53
|
}, [
|
|
54
54
|
t,
|
|
55
|
-
p,
|
|
56
55
|
m,
|
|
57
56
|
h,
|
|
58
57
|
g,
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
58
|
+
_,
|
|
59
|
+
x,
|
|
60
|
+
w
|
|
61
|
+
]), E = { ..._ && { "data-loading": _ } }, D = g || _, O = _ || !!v || !!y;
|
|
62
|
+
return /* @__PURE__ */ u(f, {
|
|
63
63
|
"data-dd-privacy": "allow",
|
|
64
|
-
...
|
|
65
|
-
ref:
|
|
66
|
-
isDisabled:
|
|
67
|
-
"aria-disabled":
|
|
68
|
-
isPending:
|
|
69
|
-
className:
|
|
70
|
-
...
|
|
71
|
-
children: /* @__PURE__ */
|
|
72
|
-
className: "uy:inline-flex uy:
|
|
64
|
+
...S,
|
|
65
|
+
ref: C,
|
|
66
|
+
isDisabled: D,
|
|
67
|
+
"aria-disabled": D ? !0 : void 0,
|
|
68
|
+
isPending: _,
|
|
69
|
+
className: T,
|
|
70
|
+
...E,
|
|
71
|
+
children: /* @__PURE__ */ d("span", {
|
|
72
|
+
className: s("uy:inline-flex uy:items-center", O && "uy:gap-50"),
|
|
73
73
|
children: [
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
style: { "--uy-button-label-truncation-length": `${
|
|
74
|
+
p(_, v),
|
|
75
|
+
b && b > 0 ? /* @__PURE__ */ u("span", {
|
|
76
|
+
style: { "--uy-button-label-truncation-length": `${b}ch` },
|
|
77
77
|
className: "uy:truncate uy:min-w-0 uy:w-(--uy-button-label-truncation-length)",
|
|
78
78
|
children: a
|
|
79
79
|
}) : a,
|
|
80
|
-
|
|
81
|
-
src:
|
|
80
|
+
y && /* @__PURE__ */ u(e, {
|
|
81
|
+
src: y,
|
|
82
82
|
size: 20,
|
|
83
83
|
color: "inherit",
|
|
84
84
|
role: "presentation",
|
|
@@ -88,6 +88,6 @@ var f = (n, r) => n ? /* @__PURE__ */ l(t, {
|
|
|
88
88
|
})
|
|
89
89
|
});
|
|
90
90
|
});
|
|
91
|
-
|
|
91
|
+
m.displayName = "Button";
|
|
92
92
|
//#endregion
|
|
93
|
-
export {
|
|
93
|
+
export { m as Button };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
1
2
|
import { VariantProps } from '@payfit/unity-themes';
|
|
2
|
-
import {
|
|
3
|
-
import { DialogTrigger } from 'react-aria-components/Dialog';
|
|
3
|
+
import { DialogRenderProps, DialogTrigger } from 'react-aria-components/Dialog';
|
|
4
4
|
export declare const dialog: import('tailwind-variants').TVReturnType<{
|
|
5
5
|
size: {
|
|
6
6
|
sm: {
|
|
@@ -65,7 +65,12 @@ export declare const dialog: import('tailwind-variants').TVReturnType<{
|
|
|
65
65
|
content: string[];
|
|
66
66
|
dismissIcon: string[];
|
|
67
67
|
}>>;
|
|
68
|
-
export interface DialogProps extends
|
|
68
|
+
export interface DialogProps extends VariantProps<typeof dialog> {
|
|
69
|
+
/**
|
|
70
|
+
* Dialog content. A render function can be provided to access `close`, which
|
|
71
|
+
* closes an uncontrolled dialog programmatically.
|
|
72
|
+
*/
|
|
73
|
+
children?: ReactNode | ((props: DialogRenderProps) => ReactNode);
|
|
69
74
|
/** aria-label has to be defined if the dialog does not have a visible label*/
|
|
70
75
|
'aria-label'?: string;
|
|
71
76
|
/** (optional) modal opened by default or not **If it is set to true, the closing should be handled from outside** /*/
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import { CircularIconButton as e } from "../icon-button/CircularIconButton.js";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { Children as r, isValidElement as i } from "react";
|
|
2
|
+
import { DialogButton as t } from "./parts/DialogActions/DialogButton.js";
|
|
3
|
+
import { Children as n, isValidElement as r, useContext as i } from "react";
|
|
5
4
|
import { uyTv as a } from "@payfit/unity-themes";
|
|
6
5
|
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
7
6
|
import { useIntl as c } from "react-intl";
|
|
8
7
|
import { useId as l } from "react-aria/useId";
|
|
9
|
-
import { Dialog as u, DialogContext as d, DialogTrigger as f } from "react-aria-components/Dialog";
|
|
10
|
-
import { Modal as
|
|
8
|
+
import { Dialog as u, DialogContext as d, DialogTrigger as f, OverlayTriggerStateContext as p } from "react-aria-components/Dialog";
|
|
9
|
+
import { Modal as m, ModalOverlay as h } from "react-aria-components/Modal";
|
|
11
10
|
//#region src/components/dialog/Dialog.tsx
|
|
12
|
-
var
|
|
11
|
+
var g = a({
|
|
13
12
|
slots: {
|
|
14
13
|
overlay: [
|
|
15
14
|
"uy:@container",
|
|
@@ -54,45 +53,55 @@ var h = a({
|
|
|
54
53
|
}
|
|
55
54
|
} },
|
|
56
55
|
defaultVariants: { size: "md" }
|
|
57
|
-
}),
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
className: y(),
|
|
68
|
-
children: /* @__PURE__ */ o(p, {
|
|
69
|
-
className: b(),
|
|
56
|
+
}), _ = (e) => n.toArray(e).some((e) => r(e) ? r(e) && e.type === t && e.props.variant === "danger" ? !0 : _(e.props.children) : !1);
|
|
57
|
+
function v({ children: e, isOpen: t, onOpenChange: n, isDismissable: r = !0, size: i = "md", ...a }) {
|
|
58
|
+
let s = c(), u = l(), { overlay: f, wrapper: p, content: _, dismissIcon: v } = g({ size: i });
|
|
59
|
+
return /* @__PURE__ */ o(h, {
|
|
60
|
+
isDismissable: r,
|
|
61
|
+
isOpen: t,
|
|
62
|
+
onOpenChange: n,
|
|
63
|
+
className: f(),
|
|
64
|
+
children: /* @__PURE__ */ o(m, {
|
|
65
|
+
className: p(),
|
|
70
66
|
"data-unity-dialog": !0,
|
|
71
67
|
"data-dd-privacy": "allow",
|
|
72
68
|
children: /* @__PURE__ */ o(d.Provider, {
|
|
73
|
-
value: { "aria-describedby":
|
|
74
|
-
children: /* @__PURE__ */
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
"
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
children:
|
|
83
|
-
icon: "CloseOutlined",
|
|
84
|
-
color: "content.neutral.low",
|
|
85
|
-
title: _.formatMessage({ id: "unity:component:common:close:label" }),
|
|
86
|
-
className: S(),
|
|
87
|
-
slot: "close",
|
|
88
|
-
size: "large",
|
|
89
|
-
asElement: "button"
|
|
90
|
-
}), t]
|
|
69
|
+
value: { "aria-describedby": u },
|
|
70
|
+
children: /* @__PURE__ */ o(y, {
|
|
71
|
+
"aria-label": a["aria-label"],
|
|
72
|
+
dialogContentId: u,
|
|
73
|
+
contentClassName: _(),
|
|
74
|
+
dismissIconClassName: v(),
|
|
75
|
+
dismissButtonLabel: s.formatMessage({ id: "unity:component:common:close:label" }),
|
|
76
|
+
isDismissable: r,
|
|
77
|
+
size: i,
|
|
78
|
+
children: e
|
|
91
79
|
})
|
|
92
80
|
})
|
|
93
81
|
})
|
|
94
82
|
});
|
|
95
83
|
}
|
|
96
|
-
|
|
84
|
+
var y = ({ children: t, dialogContentId: n, contentClassName: r, dismissIconClassName: a, dismissButtonLabel: c, isDismissable: l, size: d, ...f }) => {
|
|
85
|
+
let m = i(p), h = typeof t == "function" ? t({ close: () => m?.close() }) : t;
|
|
86
|
+
return /* @__PURE__ */ s(u, {
|
|
87
|
+
role: _(h) ? "alertdialog" : "dialog",
|
|
88
|
+
"aria-modal": "true",
|
|
89
|
+
className: r,
|
|
90
|
+
"aria-label": f["aria-label"],
|
|
91
|
+
"aria-describedby": n,
|
|
92
|
+
"data-unity-slot": "dialog",
|
|
93
|
+
"data-unity-size": d,
|
|
94
|
+
children: [l && /* @__PURE__ */ o(e, {
|
|
95
|
+
icon: "CloseOutlined",
|
|
96
|
+
color: "content.neutral.low",
|
|
97
|
+
title: c,
|
|
98
|
+
className: a,
|
|
99
|
+
slot: "close",
|
|
100
|
+
size: "large",
|
|
101
|
+
asElement: "button"
|
|
102
|
+
}), h]
|
|
103
|
+
});
|
|
104
|
+
};
|
|
105
|
+
v.displayName = "Dialog", f.displayName = "DialogTrigger";
|
|
97
106
|
//#endregion
|
|
98
|
-
export {
|
|
107
|
+
export { v as Dialog, f as DialogTrigger, g as dialog };
|
package/dist/esm/index.js
CHANGED
|
@@ -98,9 +98,9 @@ import { DateRangePicker as Ot } from "./components/date-range-picker/DateRangeP
|
|
|
98
98
|
import { DefinitionList as kt } from "./components/definition-list/DefinitionList.js";
|
|
99
99
|
import { DefinitionItem as At } from "./components/definition-list/parts/DefinitionItem.js";
|
|
100
100
|
import { DefinitionTooltip as jt } from "./components/definition-tooltip/DefinitionTooltip.js";
|
|
101
|
-
import {
|
|
102
|
-
import {
|
|
103
|
-
import {
|
|
101
|
+
import { DialogButton as Mt } from "./components/dialog/parts/DialogActions/DialogButton.js";
|
|
102
|
+
import { Dialog as Nt, DialogTrigger as Pt, dialog as Ft } from "./components/dialog/Dialog.js";
|
|
103
|
+
import { DialogActions as It } from "./components/dialog/parts/DialogActions.js";
|
|
104
104
|
import { DialogContent as Lt } from "./components/dialog/parts/DialogContent.js";
|
|
105
105
|
import { DialogTitle as Rt } from "./components/dialog/parts/DialogTitle.js";
|
|
106
106
|
import { PromoDialogActions as zt } from "./components/promo-dialog/parts/PromoDialogActions.js";
|
|
@@ -246,4 +246,4 @@ import { useTanstackUnityForm as ga, withFieldGroup as _a, withForm as va } from
|
|
|
246
246
|
import { tanstackFormDefaultValues as ya } from "./hooks/tanstack-form-default-values.js";
|
|
247
247
|
import { useFieldA11yContext as ba } from "./components/form-field/TanstackFormField.context.js";
|
|
248
248
|
import { fieldRevalidateLogic as xa } from "./utils/field-revalidate-logic.js";
|
|
249
|
-
export { y as ActionBar, u as ActionBarAction, d as ActionBarButton, m as ActionBarIconButton, b as ActionBarRoot, e as Actionable, w as Alert, T as AlertActions, O as AlertContent, k as AlertTitle, A as Anchor, j as AppLayout, I as AppMenu, N as AppMenuContext, P as AppMenuContextProvider, G as AppMenuFooter, Y as AppMenuHeader, X as AppMenuNavContent, W as AppProfileMenuButton, M as AppTopBar, Z as Autocomplete, Q as AutocompleteItem, ee as AutocompleteItemGroup, B as Avatar, H as AvatarFallback, se as AvatarGroup, oe as AvatarGroupCount, ie as AvatarIcon, U as AvatarImage, ae as AvatarPair, ne as AvatarWithTooltip, K as BRAND_ASSETS, we as BREADCRUMB_ITEM_MAX_WIDTH, z as Badge, ce as BadgeDot, le as BottomSheet, de as BottomSheetContent, pe as BottomSheetFooter, he as BottomSheetHeader, ve as Breadcrumb, _e as Breadcrumbs, l as Button, Ie as Card, ze as CardContent, Re as CardTitle, Oe as Carousel, Me as CarouselContent, Ae as CarouselHeader, Ee as CarouselNav, Pe as CarouselSlide, Ue as Checkbox, $i as CheckboxField, Ve as CheckboxGroup, ea as CheckboxGroupField, We as CheckboxStandalone, S as CircularIconButton, Ge as Collapsible, Ke as CollapsibleContent, Je as CollapsibleGroup, qe as CollapsibleTitle, n as DESKTOP_BREAKPOINTS, xt as DataTable, wt as DataTableBulkActions, St as DataTableRoot, Tt as DateCalendar, Et as DatePicker, na as DatePickerField, Dt as DateRangeCalendar, Ot as DateRangePicker, At as DefinitionItem, kt as DefinitionList, jt as DefinitionTooltip,
|
|
249
|
+
export { y as ActionBar, u as ActionBarAction, d as ActionBarButton, m as ActionBarIconButton, b as ActionBarRoot, e as Actionable, w as Alert, T as AlertActions, O as AlertContent, k as AlertTitle, A as Anchor, j as AppLayout, I as AppMenu, N as AppMenuContext, P as AppMenuContextProvider, G as AppMenuFooter, Y as AppMenuHeader, X as AppMenuNavContent, W as AppProfileMenuButton, M as AppTopBar, Z as Autocomplete, Q as AutocompleteItem, ee as AutocompleteItemGroup, B as Avatar, H as AvatarFallback, se as AvatarGroup, oe as AvatarGroupCount, ie as AvatarIcon, U as AvatarImage, ae as AvatarPair, ne as AvatarWithTooltip, K as BRAND_ASSETS, we as BREADCRUMB_ITEM_MAX_WIDTH, z as Badge, ce as BadgeDot, le as BottomSheet, de as BottomSheetContent, pe as BottomSheetFooter, he as BottomSheetHeader, ve as Breadcrumb, _e as Breadcrumbs, l as Button, Ie as Card, ze as CardContent, Re as CardTitle, Oe as Carousel, Me as CarouselContent, Ae as CarouselHeader, Ee as CarouselNav, Pe as CarouselSlide, Ue as Checkbox, $i as CheckboxField, Ve as CheckboxGroup, ea as CheckboxGroupField, We as CheckboxStandalone, S as CircularIconButton, Ge as Collapsible, Ke as CollapsibleContent, Je as CollapsibleGroup, qe as CollapsibleTitle, n as DESKTOP_BREAKPOINTS, xt as DataTable, wt as DataTableBulkActions, St as DataTableRoot, Tt as DateCalendar, Et as DatePicker, na as DatePickerField, Dt as DateRangeCalendar, Ot as DateRangePicker, At as DefinitionItem, kt as DefinitionList, jt as DefinitionTooltip, Nt as Dialog, It as DialogActions, Mt as DialogButton, Lt as DialogContent, Rt as DialogTitle, Pt as DialogTrigger, ct as EmptyState, lt as EmptyStateActions, ut as EmptyStateContent, Kt as EmptyStateGetStarted, Jt as EmptyStateGoodJob, dt as EmptyStateIcon, Xt as EmptyStateNoSearchResults, Yt as EmptyStateUpgradeRequired, Zt as EmptyStateUseDesktop, qt as EmptyStateWaitingForData, $t as ErrorState, rn as FieldGroup, tn as Fieldset, an as Filter, fn as FilterAdapters, on as FilterControls, sn as FilterLabels, pn as FilterToolbar, _n as Flex, yn as FlexItem, un as FloatingActionBar, xn as Form, Zi as FormControl, Qi as FormFeedbackText, Yi as FormField, qi as FormHelperText, ta as FormLabel, Sn as FullPageLoader, Ln as FunnelBackButton, On as FunnelBody, En as FunnelLayout, An as FunnelPage, Mn as FunnelPageAction, Nn as FunnelPageActions, Fn as FunnelPageContent, Rn as FunnelPageFooter, Bn as FunnelPageHeader, Hn as FunnelSidebar, Wn as FunnelTopBar, Jn as Grid, Yn as GridItem, s as Icon, p as IconButton, Xn as Input, re as InteractiveAvatar, Be as Label, Qn as ListView, rr as ListViewItemLabel, ir as ListViewItemText, tr as ListViewSection, r as MOBILE_BREAKPOINTS, h as Menu, g as MenuContent, R as MenuHeader, ar as MenuSection, L as MenuSeparator, _ as MenuTrigger, or as MultiSelect, ra as MultiSelectField, sr as MultiSelectOptGroup, cr as MultiSelectOption, lr as Nav, fr as NavGroup, _r as NavigationCardDescription, mr as NavigationCardGroup, gr as NavigationCardLabel, ye as NoopRouterProvider, ia as NumberField, vr as NumberInput, br as Page, Sr as PageHeader, wr as PageHeading, Tr as Pagination, Dr as PaginationContent, Pr as PaginationEllipsis, kr as PaginationItem, q as PayFitBrand, J as PayFitBrandPreprod, Lr as PhoneNumberInput, Rr as Pill, zr as Popover, Br as PopoverTrigger, Vr as ProgressBar, Ht as PromoDialog, zt as PromoDialogActions, Gt as PromoDialogContent, Bt as PromoDialogHero, Wt as PromoDialogSubtitle, Vt as PromoDialogTitle, Gr as RadioButton, Hr as RadioButtonGroup, oa as RadioButtonGroupField, Ur as RadioButtonHelper, Wr as RadioIndicator, Te as RawBreadcrumbLink, Ji as RawFormContextualLink, Se as RawLink, Zn as RawLinkButton, $n as RawListViewItem, v as RawMenuItem, ur as RawNavItem, pr as RawNavigationCard, Ar as RawPaginationLink, Nr as RawPaginationNext, Mr as RawPaginationPrevious, Oi as RawSubTask, Si as RawTab, Ai as RawTask, be as RouterProvider, Xe as Search, Jr as SegmentedButtonGroup, $e as Select, Qe as SelectButton, ua as SelectField, Ye as SelectOption, ii as SelectOptionGroup, ai as SelectOptionHelper, Qr as SelectableButton, Xr as SelectableButtonGroup, sa as SelectableButtonGroupField, ti as SelectableCardCheckbox, ei as SelectableCardCheckboxGroup, ca as SelectableCardCheckboxGroupField, ri as SelectableCardRadio, ni as SelectableCardRadioGroup, la as SelectableCardRadioGroupField, oi as SidePanel, ci as SidePanelContent, ui as SidePanelFooter, fi as SidePanelHeader, qr as Skeleton, wn as SkipLink, Tn as SkipLinks, c as Spinner, vn as Stack, bn as StackItem, hi as Step, mi as Stepper, zi as TOAST_CONFIG, Ci as TabList, wi as TabPanel, Ti as TabPanels, nt as Table, it as TableBody, _i as TableCell, ot as TableColumnHeader, ft as TableEmptyState, pt as TableEmptyStateError, mt as TableEmptyStateLoading, ht as TableEmptyStateNoData, gt as TableEmptyStateText, yt as TableHeader, _t as TableNoSearchResults, et as TablePagination, rt as TableRoot, yi as TableRow, xi as Tabs, Mi as TaskGroup, Ei as TaskMenu, D as Text, Ni as TextArea, da as TextField, Fi as Timeline, Ii as TimelineStep, Ri as TimelineStepDescription, Li as TimelineStepHeader, Bi as ToastManager, Yr as ToggleButton, Wi as ToggleSwitch, fa as ToggleSwitchField, Hi as ToggleSwitchGroup, pa as ToggleSwitchGroupField, f as Tooltip, x as actionBarRoot, $ as autocompleteItem, te as autocompleteItemGroup, ue as bottomSheet, fe as bottomSheetContent, me as bottomSheetFooter, ge as bottomSheetHeader, Le as card, ke as carousel, Ne as carouselContent, je as carouselHeader, De as carouselNav, Fe as carouselSlide, He as checkboxGroup, C as circularIconButton, Ct as dataTableRoot, Ft as dialog, en as errorState, xa as fieldRevalidateLogic, nn as fieldset, cn as filterContainer, ln as filterDismissButton, mn as filterToolbar, hn as flex, gn as flexItem, dn as floatingActionBar, Cn as fullPageLoader, kn as funnelBody, Dn as funnelLayout, jn as funnelPage, Pn as funnelPageActions, In as funnelPageContent, zn as funnelPageFooter, Vn as funnelPageHeader, Un as funnelSidebar, Gn as funnelTopBar, V as getInitials, Kn as grid, qn as gridItem, i as isDesktopBreakpoint, a as isMobileBreakpoint, Ce as link, er as listViewItem, nr as listViewSection, dr as navItemBase, hr as navigationCardGroup, aa as numberField, yr as numberInput, xr as page, Cr as pageHeader, Er as pagination, Or as paginationContent, jr as paginationLink, Ut as promoDialog, Kr as radioButton, ki as rawSubTask, ji as rawTask, Ze as search, $r as selectableButton, Zr as selectableButtonGroup, si as sidePanel, li as sidePanelContent, di as sidePanelFooter, pi as sidePanelHeader, at as tableBody, vi as tableCell, st as tableColumnHeader, vt as tableEmptyState, bt as tableHeader, tt as tablePagination, bi as tableRow, ya as tanstackFormDefaultValues, Di as taskMenu, E as text, Pi as textArea, Vi as toast, Gi as toggleSwitch, Ui as toggleSwitchGroup, F as useAppMenuContext, Ki as useAsyncList, o as useBreakpointListener, Qt as useContainerQueryLevel, ba as useFieldA11yContext, ma as useFieldContext, ha as useFormContext, t as useMediaQuery, Ir as usePaginationState, Fr as usePaginationWindow, xe as useRouter, gi as useStepper, ga as useTanstackUnityForm, Xi as useUnityForm, _a as withFieldGroup, va as withForm };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@payfit/unity-components",
|
|
3
|
-
"version": "2.67.
|
|
3
|
+
"version": "2.67.36",
|
|
4
4
|
"module": "./dist/esm/index.js",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -65,6 +65,7 @@
|
|
|
65
65
|
"@hookform/resolvers": "5.2.1",
|
|
66
66
|
"@internationalized/date": "3.12.3",
|
|
67
67
|
"minimatch": "10.2.5",
|
|
68
|
+
"@payfit/unity-illustrations": "2.67.36",
|
|
68
69
|
"@radix-ui/react-avatar": "1.2.6",
|
|
69
70
|
"@radix-ui/react-slot": "1.3.3",
|
|
70
71
|
"@react-aria/interactions": "3.28.1",
|
|
@@ -95,11 +96,12 @@
|
|
|
95
96
|
"storybook": "10.5.8",
|
|
96
97
|
"tailwind-variants": "3.3.1",
|
|
97
98
|
"usehooks-ts": "3.1.1",
|
|
98
|
-
"zod": "4.5.4"
|
|
99
|
-
"@payfit/unity-illustrations": "2.67.28"
|
|
99
|
+
"zod": "4.5.4"
|
|
100
100
|
},
|
|
101
101
|
"peerDependencies": {
|
|
102
102
|
"@hookform/devtools": "^4",
|
|
103
|
+
"@payfit/unity-icons": "2.67.36",
|
|
104
|
+
"@payfit/unity-themes": "2.67.36",
|
|
103
105
|
"@storybook/react-vite": "^10",
|
|
104
106
|
"@tanstack/react-query": "^5",
|
|
105
107
|
"@tanstack/react-router": "^1.131",
|
|
@@ -107,15 +109,22 @@
|
|
|
107
109
|
"@tanstack/react-table": "^9",
|
|
108
110
|
"react-hook-form": "^7",
|
|
109
111
|
"react-router-dom": "^5",
|
|
110
|
-
"zod": "^3 || ^4"
|
|
111
|
-
"@payfit/unity-icons": "2.67.28",
|
|
112
|
-
"@payfit/unity-themes": "2.67.28"
|
|
112
|
+
"zod": "^3 || ^4"
|
|
113
113
|
},
|
|
114
114
|
"devDependencies": {
|
|
115
115
|
"@figma/code-connect": "1.5.3",
|
|
116
116
|
"@github-ui/storybook-addon-performance-panel": "1.1.4",
|
|
117
117
|
"@hookform/devtools": "4.4.0",
|
|
118
118
|
"@internationalized/date": "3.12.3",
|
|
119
|
+
"@payfit/hr-app-eslint": "0.0.0-use.local",
|
|
120
|
+
"@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
|
|
121
|
+
"@payfit/storybook-addon-console-errors": "0.0.0-use.local",
|
|
122
|
+
"@payfit/storybook-addon-datadog-rum": "0.0.0-use.local",
|
|
123
|
+
"@payfit/storybook-config": "0.0.0-use.local",
|
|
124
|
+
"@payfit/unity-icons": "2.67.36",
|
|
125
|
+
"@payfit/unity-illustrations": "2.67.36",
|
|
126
|
+
"@payfit/unity-themes": "2.67.36",
|
|
127
|
+
"@payfit/vite-configs": "0.0.0-use.local",
|
|
119
128
|
"@storybook/addon-a11y": "10.5.8",
|
|
120
129
|
"@storybook/addon-designs": "11.1.4",
|
|
121
130
|
"@storybook/addon-docs": "10.5.8",
|
|
@@ -124,8 +133,8 @@
|
|
|
124
133
|
"@storybook/addon-themes": "10.5.8",
|
|
125
134
|
"@storybook/addon-vitest": "10.5.8",
|
|
126
135
|
"@storybook/react-vite": "10.5.8",
|
|
127
|
-
"@tanstack/intent": "0.3.
|
|
128
|
-
"@tanstack/react-devtools": "0.10.
|
|
136
|
+
"@tanstack/intent": "0.3.8",
|
|
137
|
+
"@tanstack/react-devtools": "0.10.12",
|
|
129
138
|
"@tanstack/react-form-devtools": "0.2.34",
|
|
130
139
|
"@tanstack/react-query": "5.102.8",
|
|
131
140
|
"@tanstack/react-router": "1.170.32",
|
|
@@ -154,16 +163,7 @@
|
|
|
154
163
|
"typescript": "npm:@typescript/typescript6@6.0.2",
|
|
155
164
|
"vite": "8.1.4",
|
|
156
165
|
"vite-plugin-node-polyfills": "0.28.0",
|
|
157
|
-
"vitest": "4.1.11"
|
|
158
|
-
"@payfit/hr-app-eslint": "0.0.0-use.local",
|
|
159
|
-
"@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
|
|
160
|
-
"@payfit/storybook-addon-console-errors": "0.0.0-use.local",
|
|
161
|
-
"@payfit/storybook-addon-datadog-rum": "0.0.0-use.local",
|
|
162
|
-
"@payfit/storybook-config": "0.0.0-use.local",
|
|
163
|
-
"@payfit/unity-icons": "2.67.28",
|
|
164
|
-
"@payfit/unity-illustrations": "2.67.28",
|
|
165
|
-
"@payfit/unity-themes": "2.67.28",
|
|
166
|
-
"@payfit/vite-configs": "0.0.0-use.local"
|
|
166
|
+
"vitest": "4.1.11"
|
|
167
167
|
},
|
|
168
168
|
"peerDependenciesMeta": {
|
|
169
169
|
"@hookform/devtools": {
|