@payfit/unity-components 2.55.12 → 2.55.14
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/autocomplete/parts/AutocompletePanel.js +1 -1
- package/dist/esm/components/avatar/Avatar.context.js +1 -1
- package/dist/esm/components/bottom-sheet/parts/BottomSheetDragIndicator.js +1 -1
- package/dist/esm/components/breadcrumbs/Breadcrumbs.context.js +1 -1
- package/dist/esm/components/breadcrumbs/Breadcrumbs.js +1 -1
- package/dist/esm/components/carousel/Carousel.options.js +1 -1
- package/dist/esm/components/carousel/hooks/useCarouselState.js +8 -4
- package/dist/esm/components/client-side-pagination/ClientSidePagination.js +1 -1
- package/dist/esm/components/client-side-pagination/parts/RawPaginationLink.js +1 -1
- package/dist/esm/components/client-side-pagination/utils/pagination-window.js +18 -19
- package/dist/esm/components/code/Code.js +1 -1
- package/dist/esm/components/collapsible/Collapsible.js +1 -1
- package/dist/esm/components/dialog/test-utils.js +4 -2
- package/dist/esm/components/error-state/initConfig.js +1 -1
- package/dist/esm/components/filter/parts/FilterButton.js +1 -1
- package/dist/esm/components/filter/parts/FilterLabel.js +1 -1
- package/dist/esm/components/filter/utils/value-formatters.js +1 -1
- package/dist/esm/components/filter-toolbar/FilterToolbar.js +27 -27
- package/dist/esm/components/filter-toolbar/parts/AddFilterItem.js +1 -1
- package/dist/esm/components/form/Form.context.js +1 -1
- package/dist/esm/components/form-field/FormField.context.js +1 -1
- package/dist/esm/components/inline-field/parts/InlineFieldEditView.js +7 -4
- package/dist/esm/components/inline-field-group/InlineFieldGroup.js +14 -8
- package/dist/esm/components/multi-select/MultiSelect.js +2 -2
- package/dist/esm/components/pagination/utils/pagination-window.js +25 -26
- package/dist/esm/components/phone-number/parts/PhoneNumberItem.js +1 -1
- package/dist/esm/components/popover/Popover.js +1 -1
- package/dist/esm/components/radio-button-group/parts/RadioButton.js +1 -1
- package/dist/esm/components/select/parts/SelectOption.context.js +1 -1
- package/dist/esm/components/select-list/helpers.js +2 -2
- package/dist/esm/components/select-list/parts/SelectListOptGroup.js +1 -1
- package/dist/esm/components/selectable-card/internals/Content.js +1 -1
- package/dist/esm/components/selectable-card/internals/Description.js +1 -1
- package/dist/esm/components/selectable-card/internals/Illustration.js +1 -1
- package/dist/esm/components/selectable-card/internals/SelectedIndicator.js +1 -1
- package/dist/esm/components/side-panel/parts/SidePanelDragIndicator.js +1 -1
- package/dist/esm/components/stepper/Stepper.context.js +1 -1
- package/dist/esm/components/table/Table.context.js +1 -1
- package/dist/esm/components/table/hooks/useTableKeyboardNavigation.js +10 -8
- package/dist/esm/components/tabs/Tabs.context.js +1 -1
- package/dist/esm/components/task-menu/TaskMenu.context.js +1 -1
- package/dist/esm/components/timeline/Timeline.context.js +1 -1
- package/dist/esm/components/timeline/parts/TimelineStepContent.context.js +1 -1
- package/dist/esm/hooks/use-has-scroll.js +3 -1
- package/dist/esm/index.js +2 -2
- package/package.json +14 -14
|
@@ -12,7 +12,7 @@ import { useIntl as h } from "react-intl";
|
|
|
12
12
|
import { Button as g } from "react-aria-components/Button";
|
|
13
13
|
import { Breadcrumb as _, Breadcrumbs as v } from "react-aria-components/Breadcrumbs";
|
|
14
14
|
//#region src/components/breadcrumbs/Breadcrumbs.tsx
|
|
15
|
-
var y = new Set([
|
|
15
|
+
var y = /* @__PURE__ */ new Set([
|
|
16
16
|
"href",
|
|
17
17
|
"target",
|
|
18
18
|
"rel",
|
|
@@ -13,11 +13,15 @@ function i(i) {
|
|
|
13
13
|
};
|
|
14
14
|
}, [i]), h = e(() => {
|
|
15
15
|
if (!i) return;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
let e = i.selectedSnap();
|
|
17
|
+
o(e);
|
|
18
|
+
let t = m();
|
|
19
|
+
u(t.visible), p.current || f(t.focused);
|
|
19
20
|
}, [i, m]), g = e(() => {
|
|
20
|
-
|
|
21
|
+
if (!i) return;
|
|
22
|
+
c(i.snapList().length);
|
|
23
|
+
let e = i.selectedSnap();
|
|
24
|
+
o(e);
|
|
21
25
|
}, [i]);
|
|
22
26
|
return t(() => {
|
|
23
27
|
if (!i) return;
|
|
@@ -5,35 +5,34 @@ function e(e, t) {
|
|
|
5
5
|
value: e
|
|
6
6
|
}));
|
|
7
7
|
}
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
if (n <= a) return Array.from({ length: n }, (e, t) => ({
|
|
8
|
+
function t(t, n, r) {
|
|
9
|
+
let i = Math.max(5, r % 2 == 0 ? r + 1 : r), a = i - 2;
|
|
10
|
+
if (t <= i) return Array.from({ length: t }, (e, t) => ({
|
|
12
11
|
type: "page",
|
|
13
12
|
value: t + 1
|
|
14
13
|
}));
|
|
15
|
-
let
|
|
16
|
-
|
|
14
|
+
let o = [];
|
|
15
|
+
o.push({
|
|
17
16
|
type: "page",
|
|
18
17
|
value: 1
|
|
19
18
|
});
|
|
20
|
-
let
|
|
21
|
-
return
|
|
19
|
+
let s = a - 2, c = Math.floor(s / 2);
|
|
20
|
+
return n <= 3 + c ? (o.push(...e(2, a)), o.push({
|
|
22
21
|
type: "ellipsis",
|
|
23
|
-
value: [
|
|
24
|
-
})) :
|
|
22
|
+
value: [a + 1, t - 1]
|
|
23
|
+
})) : n >= t - (2 + c) ? (o.push({
|
|
25
24
|
type: "ellipsis",
|
|
26
|
-
value: [2,
|
|
27
|
-
}),
|
|
25
|
+
value: [2, t - (a - 1) - 1]
|
|
26
|
+
}), o.push(...e(t - (a - 1), t - 1))) : (o.push({
|
|
28
27
|
type: "ellipsis",
|
|
29
|
-
value: [2,
|
|
30
|
-
}),
|
|
28
|
+
value: [2, n - c - 1]
|
|
29
|
+
}), o.push(...e(n - c, n + c)), o.push({
|
|
31
30
|
type: "ellipsis",
|
|
32
|
-
value: [
|
|
33
|
-
})),
|
|
31
|
+
value: [n + c + 1, t - 1]
|
|
32
|
+
})), o.push({
|
|
34
33
|
type: "page",
|
|
35
|
-
value:
|
|
36
|
-
}),
|
|
34
|
+
value: t
|
|
35
|
+
}), o;
|
|
37
36
|
}
|
|
38
37
|
//#endregion
|
|
39
|
-
export {
|
|
38
|
+
export { t as generatePaginationWithWindow };
|
|
@@ -4,7 +4,7 @@ import { jsx as n } from "react/jsx-runtime";
|
|
|
4
4
|
import { Disclosure as r } from "react-aria-components/Disclosure";
|
|
5
5
|
//#region src/components/collapsible/Collapsible.tsx
|
|
6
6
|
var i = t(({ children: t, isExpanded: i, defaultExpanded: a, variant: o, isDisabled: s, ...c }, l) => {
|
|
7
|
-
let u = s && i !== void 0 ? !1 : i, d = s
|
|
7
|
+
let u = s && i !== void 0 ? !1 : i, d = !s && a;
|
|
8
8
|
return u !== void 0 && (d = void 0), /* @__PURE__ */ n(r, {
|
|
9
9
|
"data-dd-privacy": "allow",
|
|
10
10
|
...c,
|
|
@@ -12,12 +12,14 @@ var a = (a, o) => {
|
|
|
12
12
|
findDialog: s,
|
|
13
13
|
closeDialog: async ({ title: e, closeButtonLabel: t }) => {
|
|
14
14
|
await a.step("Close dialog", async () => {
|
|
15
|
-
|
|
15
|
+
let n = await s({ title: e });
|
|
16
|
+
await c(n, t);
|
|
16
17
|
});
|
|
17
18
|
},
|
|
18
19
|
closeDialogWithDismissButton: async ({ title: e, dismissButtonLabel: t = o.formatMessage({ id: "unity:component:common:close:label" }) }) => {
|
|
19
20
|
await a.step("Close dialog", async () => {
|
|
20
|
-
|
|
21
|
+
let n = await s({ title: e });
|
|
22
|
+
await c(n, t);
|
|
21
23
|
});
|
|
22
24
|
},
|
|
23
25
|
assertDialogIsClosed: async (t) => {
|
|
@@ -3,7 +3,7 @@ import { jsx as t } from "react/jsx-runtime";
|
|
|
3
3
|
import n from "@payfit/unity-illustrations/assets/EmptyStateIncidentPanel";
|
|
4
4
|
import r from "@payfit/unity-illustrations/assets/EmptyStateResearch";
|
|
5
5
|
//#region src/components/error-state/initConfig.tsx
|
|
6
|
-
var i = (i) => new Map([
|
|
6
|
+
var i = (i) => /* @__PURE__ */ new Map([
|
|
7
7
|
["known", {
|
|
8
8
|
illustration: n,
|
|
9
9
|
icon: "WarningCircleOutlined",
|
|
@@ -2,28 +2,28 @@ import { Button as e } from "../button/Button.js";
|
|
|
2
2
|
import { Filter as t } from "../filter/Filter.js";
|
|
3
3
|
import { useFilterToolbarState as n } from "./hooks/use-filter-toolbar-state.js";
|
|
4
4
|
import { AddFilter as r } from "./parts/AddFilter.js";
|
|
5
|
-
import "./utils/filter-adapters.js";
|
|
6
|
-
import { forwardRef as
|
|
7
|
-
import { uyTv as
|
|
8
|
-
import { jsx as
|
|
9
|
-
import { Group as
|
|
10
|
-
import { Toolbar as
|
|
11
|
-
import { FormattedMessage as
|
|
12
|
-
import { useId as
|
|
5
|
+
import { FilterAdapters as i } from "./utils/filter-adapters.js";
|
|
6
|
+
import { forwardRef as a, useMemo as o, useState as s } from "react";
|
|
7
|
+
import { uyTv as c } from "@payfit/unity-themes";
|
|
8
|
+
import { jsx as l, jsxs as u } from "react/jsx-runtime";
|
|
9
|
+
import { Group as d } from "react-aria-components/Group";
|
|
10
|
+
import { Toolbar as f } from "react-aria-components/Toolbar";
|
|
11
|
+
import { FormattedMessage as p, useIntl as m } from "react-intl";
|
|
12
|
+
import { useId as h } from "react-aria/useId";
|
|
13
13
|
//#region src/components/filter-toolbar/FilterToolbar.tsx
|
|
14
|
-
var
|
|
14
|
+
var g = c({ slots: {
|
|
15
15
|
base: ["uy:flex uy:gap-100 uy:flex-wrap uy:items-center"],
|
|
16
16
|
filters: ["uy:list-none uy:contents"],
|
|
17
17
|
actions: ["uy:contents"]
|
|
18
|
-
} }),
|
|
19
|
-
let x =
|
|
18
|
+
} }), _ = a(({ filterDefs: i, initialValue: a, onChange: c, onClearFiltersPress: _, onAddFilterPress: v, ...y }, b) => {
|
|
19
|
+
let x = m(), S = h(), [C, w] = s(/* @__PURE__ */ new Set()), { appliedFilters: T, availableFilterDefs: E, filterValues: D, status: O, addFilter: k, clearFilters: A, removeFilter: j, setFilterValue: M } = n({
|
|
20
20
|
filterDefs: i,
|
|
21
|
-
initialValue:
|
|
22
|
-
onChange:
|
|
23
|
-
}), N =
|
|
21
|
+
initialValue: a,
|
|
22
|
+
onChange: c
|
|
23
|
+
}), N = o(() => new Map(i.map((e) => [e.id, e])), [i]), P = (e) => {
|
|
24
24
|
if (e === "all") return;
|
|
25
25
|
let t = Array.from(e).map(String);
|
|
26
|
-
k(t), w((e) => new Set([...e, ...t])), v?.(t);
|
|
26
|
+
k(t), w((e) => /* @__PURE__ */ new Set([...e, ...t])), v?.(t);
|
|
27
27
|
}, F = () => {
|
|
28
28
|
A(), _?.();
|
|
29
29
|
}, I = (e, t) => {
|
|
@@ -35,7 +35,7 @@ var h = s({ slots: {
|
|
|
35
35
|
let n = new Set(t);
|
|
36
36
|
return n.delete(e), n;
|
|
37
37
|
});
|
|
38
|
-
}, z = O === "WITH_ALL_FILTERS_APPLIED", B = O !== "EMPTY", { base: V, filters: H, actions: U } =
|
|
38
|
+
}, z = O === "WITH_ALL_FILTERS_APPLIED", B = O !== "EMPTY", { base: V, filters: H, actions: U } = g(), W = o(() => ({
|
|
39
39
|
toolbar: x.formatMessage({
|
|
40
40
|
id: "unity:component:filter-toolbar:label",
|
|
41
41
|
defaultMessage: "Filter toolbar"
|
|
@@ -48,16 +48,16 @@ var h = s({ slots: {
|
|
|
48
48
|
id: "unity:component:filter-toolbar:filter-controls:label",
|
|
49
49
|
defaultMessage: "Filter control"
|
|
50
50
|
})
|
|
51
|
-
}), [x]), G =
|
|
51
|
+
}), [x]), G = o(() => ({
|
|
52
52
|
filterList: `filter-toolbar-${S}__filter-list`,
|
|
53
53
|
filterControls: `filter-toolbar-${S}__filter-controls`
|
|
54
54
|
}), [S]);
|
|
55
|
-
return /* @__PURE__ */
|
|
55
|
+
return /* @__PURE__ */ u(f, {
|
|
56
56
|
ref: b,
|
|
57
57
|
className: V(),
|
|
58
58
|
"aria-label": W.toolbar,
|
|
59
59
|
...y,
|
|
60
|
-
children: [T.length > 0 && /* @__PURE__ */
|
|
60
|
+
children: [T.length > 0 && /* @__PURE__ */ l("ul", {
|
|
61
61
|
className: H(),
|
|
62
62
|
"aria-live": "polite",
|
|
63
63
|
"aria-atomic": "true",
|
|
@@ -68,9 +68,9 @@ var h = s({ slots: {
|
|
|
68
68
|
let r = N.get(e);
|
|
69
69
|
if (!r) return null;
|
|
70
70
|
let i = D.get(e);
|
|
71
|
-
return /* @__PURE__ */
|
|
71
|
+
return /* @__PURE__ */ l("li", {
|
|
72
72
|
role: "presentation",
|
|
73
|
-
children: /* @__PURE__ */
|
|
73
|
+
children: /* @__PURE__ */ l(t, {
|
|
74
74
|
id: r.id,
|
|
75
75
|
label: r.label,
|
|
76
76
|
value: i,
|
|
@@ -97,21 +97,21 @@ var h = s({ slots: {
|
|
|
97
97
|
})
|
|
98
98
|
}, `filter-item-${n}`);
|
|
99
99
|
})
|
|
100
|
-
}), /* @__PURE__ */
|
|
100
|
+
}), /* @__PURE__ */ u(d, {
|
|
101
101
|
className: U(),
|
|
102
102
|
"aria-label": W.filterControls,
|
|
103
103
|
id: G.filterControls,
|
|
104
|
-
children: [/* @__PURE__ */
|
|
104
|
+
children: [/* @__PURE__ */ l(r, {
|
|
105
105
|
availableFilterDefs: [...E],
|
|
106
106
|
isDisabled: z,
|
|
107
107
|
onSelectionChange: P,
|
|
108
108
|
"aria-controls": G.filterControls
|
|
109
|
-
}), B && /* @__PURE__ */
|
|
109
|
+
}), B && /* @__PURE__ */ l(e, {
|
|
110
110
|
variant: "ghost",
|
|
111
111
|
color: "neutral",
|
|
112
112
|
onPress: F,
|
|
113
113
|
"aria-controls": G.filterList,
|
|
114
|
-
children: /* @__PURE__ */
|
|
114
|
+
children: /* @__PURE__ */ l(p, {
|
|
115
115
|
id: "unity:component:filter-toolbar:clear-filters:label",
|
|
116
116
|
defaultMessage: "Clear filters"
|
|
117
117
|
})
|
|
@@ -119,6 +119,6 @@ var h = s({ slots: {
|
|
|
119
119
|
})]
|
|
120
120
|
});
|
|
121
121
|
});
|
|
122
|
-
|
|
122
|
+
_.displayName = "FilterToolbar";
|
|
123
123
|
//#endregion
|
|
124
|
-
export {
|
|
124
|
+
export { i as FilterAdapters, _ as FilterToolbar, g as filterToolbar };
|
|
@@ -31,10 +31,13 @@ function y({ children: u, onCancel: y, onSave: b, saveLabel: x, cancelLabel: S,
|
|
|
31
31
|
M,
|
|
32
32
|
T
|
|
33
33
|
]), s(() => {
|
|
34
|
-
N.current && !k && !M && j
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
34
|
+
if (N.current && !k && !M && j) {
|
|
35
|
+
let e = w ?? E.formatMessage({
|
|
36
|
+
id: "unity:component:inline-field:save-error",
|
|
37
|
+
defaultMessage: "An error occurred while saving. Please try again."
|
|
38
|
+
});
|
|
39
|
+
I(e);
|
|
40
|
+
}
|
|
38
41
|
}, [
|
|
39
42
|
k,
|
|
40
43
|
M,
|
|
@@ -31,10 +31,13 @@ var ie = u({ slots: { form: "uy:flex uy:flex-col uy:gap-300" } }), g = (e) => {
|
|
|
31
31
|
o(() => {
|
|
32
32
|
q && !Z.current && (L(""), z(""));
|
|
33
33
|
}, [q]), o(() => {
|
|
34
|
-
X > Q.current && !J
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
34
|
+
if (X > Q.current && !J) {
|
|
35
|
+
let e = C ?? B.formatMessage({
|
|
36
|
+
id: "unity:component:inline-field-group:validation-error",
|
|
37
|
+
defaultMessage: "Please fix the errors before saving."
|
|
38
|
+
});
|
|
39
|
+
z(e), g(P);
|
|
40
|
+
}
|
|
38
41
|
}, [
|
|
39
42
|
X,
|
|
40
43
|
J,
|
|
@@ -48,10 +51,13 @@ var ie = u({ slots: { form: "uy:flex uy:flex-col uy:gap-300" } }), g = (e) => {
|
|
|
48
51
|
S,
|
|
49
52
|
K
|
|
50
53
|
]), o(() => {
|
|
51
|
-
Z.current && !q && !Y && J
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
54
|
+
if (Z.current && !q && !Y && J) {
|
|
55
|
+
let e = C ?? B.formatMessage({
|
|
56
|
+
id: "unity:component:inline-field-group:save-error",
|
|
57
|
+
defaultMessage: "An error occurred while saving. Please try again."
|
|
58
|
+
});
|
|
59
|
+
z(e);
|
|
60
|
+
}
|
|
55
61
|
}, [
|
|
56
62
|
q,
|
|
57
63
|
Y,
|
|
@@ -5,53 +5,52 @@ function e(e, t) {
|
|
|
5
5
|
value: e
|
|
6
6
|
}));
|
|
7
7
|
}
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
if (n === -1) {
|
|
8
|
+
function t(t, n, r) {
|
|
9
|
+
let i = Math.max(5, r % 2 == 0 ? r + 1 : r), a = i - 2;
|
|
10
|
+
if (t === -1) {
|
|
12
11
|
let t = [];
|
|
13
12
|
t.push({
|
|
14
13
|
type: "page",
|
|
15
14
|
value: 1
|
|
16
15
|
});
|
|
17
|
-
let
|
|
18
|
-
return
|
|
16
|
+
let r = a - 1, o = Math.floor(r / 2);
|
|
17
|
+
return n <= 3 + o ? (t.push(...e(2, i - 1)), t.push({
|
|
19
18
|
type: "ellipsis",
|
|
20
|
-
value: [
|
|
19
|
+
value: [i, Infinity]
|
|
21
20
|
})) : (t.push({
|
|
22
21
|
type: "ellipsis",
|
|
23
|
-
value: [2,
|
|
24
|
-
}), t.push(...e(
|
|
22
|
+
value: [2, n - o]
|
|
23
|
+
}), t.push(...e(n - o + 1, n + o)), t.push({
|
|
25
24
|
type: "ellipsis",
|
|
26
|
-
value: [
|
|
25
|
+
value: [n + o + 1, Infinity]
|
|
27
26
|
})), t;
|
|
28
27
|
}
|
|
29
|
-
if (
|
|
28
|
+
if (t <= i) return Array.from({ length: t }, (e, t) => ({
|
|
30
29
|
type: "page",
|
|
31
30
|
value: t + 1
|
|
32
31
|
}));
|
|
33
|
-
let
|
|
34
|
-
|
|
32
|
+
let o = [];
|
|
33
|
+
o.push({
|
|
35
34
|
type: "page",
|
|
36
35
|
value: 1
|
|
37
36
|
});
|
|
38
|
-
let
|
|
39
|
-
return
|
|
37
|
+
let s = a - 2, c = Math.floor(s / 2);
|
|
38
|
+
return n <= 3 + c ? (o.push(...e(2, a)), o.push({
|
|
40
39
|
type: "ellipsis",
|
|
41
|
-
value: [
|
|
42
|
-
})) :
|
|
40
|
+
value: [a + 1, t - 1]
|
|
41
|
+
})) : n >= t - (2 + c) ? (o.push({
|
|
43
42
|
type: "ellipsis",
|
|
44
|
-
value: [2,
|
|
45
|
-
}),
|
|
43
|
+
value: [2, t - (a - 1) - 1]
|
|
44
|
+
}), o.push(...e(t - (a - 1), t - 1))) : (o.push({
|
|
46
45
|
type: "ellipsis",
|
|
47
|
-
value: [2,
|
|
48
|
-
}),
|
|
46
|
+
value: [2, n - c - 1]
|
|
47
|
+
}), o.push(...e(n - c, n + c)), o.push({
|
|
49
48
|
type: "ellipsis",
|
|
50
|
-
value: [
|
|
51
|
-
})),
|
|
49
|
+
value: [n + c + 1, t - 1]
|
|
50
|
+
})), o.push({
|
|
52
51
|
type: "page",
|
|
53
|
-
value:
|
|
54
|
-
}),
|
|
52
|
+
value: t
|
|
53
|
+
}), o;
|
|
55
54
|
}
|
|
56
55
|
//#endregion
|
|
57
|
-
export {
|
|
56
|
+
export { t as generatePaginationWithWindow };
|
|
@@ -5,7 +5,7 @@ function t(e) {
|
|
|
5
5
|
}
|
|
6
6
|
function n(e) {
|
|
7
7
|
let n = e[Symbol.iterator]().next();
|
|
8
|
-
return n.done
|
|
8
|
+
return !n.done && t(n.value);
|
|
9
9
|
}
|
|
10
10
|
function r(t, n) {
|
|
11
11
|
let [r, i] = e(Array.from(t), (e) => n.has(e.id));
|
|
@@ -39,4 +39,4 @@ function a(e, n) {
|
|
|
39
39
|
};
|
|
40
40
|
}
|
|
41
41
|
//#endregion
|
|
42
|
-
export { n as isNestedStructure, r as processSelectedItemsForFlatDynamicItems, a as processSelectedItemsForNestedDynamicItems };
|
|
42
|
+
export { i as extractAllSelectableItems, t as hasSectionChildren, n as isNestedStructure, r as processSelectedItemsForFlatDynamicItems, a as processSelectedItemsForNestedDynamicItems };
|
|
@@ -101,7 +101,8 @@ function i() {
|
|
|
101
101
|
if (n >= 0) {
|
|
102
102
|
let e = t[n];
|
|
103
103
|
if (!e) break;
|
|
104
|
-
|
|
104
|
+
let r = Array.from(e.querySelectorAll("td, th"));
|
|
105
|
+
l(n, r.length - 1);
|
|
105
106
|
}
|
|
106
107
|
break;
|
|
107
108
|
}
|
|
@@ -150,22 +151,23 @@ function i() {
|
|
|
150
151
|
if (e.preventDefault(), e.ctrlKey) {
|
|
151
152
|
let e = i.length - 1, t = i[e];
|
|
152
153
|
if (!t) break;
|
|
153
|
-
|
|
154
|
+
let n = Array.from(t.querySelectorAll("td, th"));
|
|
155
|
+
l(e, n.length - 1);
|
|
154
156
|
} else l(a, s.length - 1);
|
|
155
157
|
break;
|
|
156
158
|
case "PageUp":
|
|
157
159
|
e.preventDefault();
|
|
158
160
|
let t = Math.max(0, a - 5), n = i[t];
|
|
159
161
|
if (!n) break;
|
|
160
|
-
let r = Array.from(n.querySelectorAll("td, th"));
|
|
161
|
-
l(t,
|
|
162
|
+
let r = Array.from(n.querySelectorAll("td, th")), o = Math.min(c, r.length - 1);
|
|
163
|
+
l(t, o);
|
|
162
164
|
break;
|
|
163
165
|
case "PageDown":
|
|
164
166
|
e.preventDefault();
|
|
165
|
-
let
|
|
166
|
-
if (!
|
|
167
|
-
let
|
|
168
|
-
l(
|
|
167
|
+
let u = Math.min(i.length - 1, a + 5), d = i[u];
|
|
168
|
+
if (!d) break;
|
|
169
|
+
let f = Array.from(d.querySelectorAll("td, th")), p = Math.min(c, f.length - 1);
|
|
170
|
+
l(u, p);
|
|
169
171
|
break;
|
|
170
172
|
}
|
|
171
173
|
}, [l]),
|
package/dist/esm/index.js
CHANGED
|
@@ -169,7 +169,7 @@ import { usePaginationWindow as Dr } from "./components/pagination/hooks/use-pag
|
|
|
169
169
|
import { usePaginationState as Or } from "./components/pagination/hooks/use-pagination-state.js";
|
|
170
170
|
import { PhoneNumberInput as kr } from "./components/phone-number/PhoneNumberInput.js";
|
|
171
171
|
import { Pill as Ar } from "./components/pill/Pill.js";
|
|
172
|
-
import {
|
|
172
|
+
import { Popover as jr, PopoverTrigger as Mr } from "./components/popover/Popover.js";
|
|
173
173
|
import { ProgressBar as Nr } from "./components/progress-bar/ProgressBar.js";
|
|
174
174
|
import { RadioButtonGroup as Pr } from "./components/radio-button-group/RadioButtonGroup.js";
|
|
175
175
|
import { RadioButtonHelper as Fr } from "./components/radio-button-group/parts/RadioButtonHelper.js";
|
|
@@ -238,4 +238,4 @@ import { tanstackFormDefaultValues as la } from "./hooks/tanstack-form-default-v
|
|
|
238
238
|
import { useFieldA11yContext as ua } from "./components/form-field/TanstackFormField.context.js";
|
|
239
239
|
import { fieldRevalidateLogic as da } from "./utils/field-revalidate-logic.js";
|
|
240
240
|
import { CollapsibleGroup as fa } from "./components/collapsible-group/CollapsibleGroup.js";
|
|
241
|
-
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, F as AppMenu, M as AppMenuContext, N as AppMenuContextProvider, U as AppMenuFooter, K as AppMenuHeader, q as AppMenuNavContent, J as Autocomplete, Y as AutocompleteItem, Z as AutocompleteItemGroup, I as Avatar, R as AvatarFallback, $ as AvatarIcon, z as AvatarImage, ee as AvatarPair, _e as BREADCRUMB_ITEM_MAX_WIDTH, B as Badge, te as BadgeDot, ne as BottomSheet, ie as BottomSheetContent, oe as BottomSheetFooter, ce as BottomSheetHeader, de as Breadcrumb, ue as Breadcrumbs, l as Button, ke as Card, Me as CardContent, je as CardTitle, xe as Carousel, Te as CarouselContent, Ce as CarouselHeader, ye as CarouselNav, De as CarouselSlide, Ie as Checkbox, Ui as CheckboxField, Pe as CheckboxGroup, Wi as CheckboxGroupField, Le as CheckboxStandalone, S as CircularIconButton, Re as Collapsible, ze as CollapsibleContent, fa as CollapsibleGroup, Be as CollapsibleTitle, n as DESKTOP_BREAKPOINTS, pt as DataTable, gt as DataTableBulkActions, mt as DataTableRoot, _t as DateCalendar, vt as DatePicker, Ki as DatePickerField, yt as DateRangeCalendar, bt as DateRangePicker, St as DefinitionItem, xt as DefinitionList, Ct as DefinitionTooltip, Et as Dialog, wt as DialogActions, Tt as DialogButton, kt as DialogContent, At as DialogTitle, Dt as DialogTrigger, Ge as EmptyState, Ke as EmptyStateActions, qe as EmptyStateContent, Rt as EmptyStateGetStarted, Bt as EmptyStateGoodJob, Je as EmptyStateIcon, Ht as EmptyStateNoSearchResults, Vt as EmptyStateUpgradeRequired, Ut as EmptyStateUseDesktop, zt as EmptyStateWaitingForData, Gt as ErrorState, Yt as FieldGroup, qt as Fieldset, Xt as Filter, rn as FilterAdapters, Zt as FilterControls, Qt as FilterLabels, an as FilterToolbar, ln as Flex, dn as FlexItem, tn as FloatingActionBar, pn as Form, Vi as FormControl, Hi as FormFeedbackText, zi as FormField, Li as FormHelperText, Gi as FormLabel, mn as FullPageLoader, kn as FunnelBackButton, bn as FunnelBody, vn as FunnelLayout, Sn as FunnelPage, wn as FunnelPageAction, Tn as FunnelPageActions, Dn as FunnelPageContent, An as FunnelPageFooter, Mn as FunnelPageHeader, Pn as FunnelSidebar, In as FunnelTopBar, Bn as Grid, Vn as GridItem, s as Icon, p as IconButton, Hn as Input, Ne as Label, Wn as ListView, Yn as ListViewItemLabel, Xn as ListViewItemText, qn as ListViewSection, r as MOBILE_BREAKPOINTS, h as Menu, g as MenuContent, H as MenuHeader, Zn as MenuSection, V as MenuSeparator, _ as MenuTrigger, Qn as MultiSelect, qi as MultiSelectField, $n as MultiSelectOptGroup, er as MultiSelectOption, tr as Nav, ir as NavGroup, lr as NavigationCardDescription, or as NavigationCardGroup, cr as NavigationCardLabel, fe as NoopRouterProvider, Ji as NumberField, ur as NumberInput, fr as Page, mr as PageHeader, gr as PageHeading, _r as Pagination, yr as PaginationContent, Er as PaginationEllipsis, xr as PaginationItem, W as PayFitBrand, G as PayFitBrandPreprod, kr as PhoneNumberInput, Ar as Pill,
|
|
241
|
+
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, F as AppMenu, M as AppMenuContext, N as AppMenuContextProvider, U as AppMenuFooter, K as AppMenuHeader, q as AppMenuNavContent, J as Autocomplete, Y as AutocompleteItem, Z as AutocompleteItemGroup, I as Avatar, R as AvatarFallback, $ as AvatarIcon, z as AvatarImage, ee as AvatarPair, _e as BREADCRUMB_ITEM_MAX_WIDTH, B as Badge, te as BadgeDot, ne as BottomSheet, ie as BottomSheetContent, oe as BottomSheetFooter, ce as BottomSheetHeader, de as Breadcrumb, ue as Breadcrumbs, l as Button, ke as Card, Me as CardContent, je as CardTitle, xe as Carousel, Te as CarouselContent, Ce as CarouselHeader, ye as CarouselNav, De as CarouselSlide, Ie as Checkbox, Ui as CheckboxField, Pe as CheckboxGroup, Wi as CheckboxGroupField, Le as CheckboxStandalone, S as CircularIconButton, Re as Collapsible, ze as CollapsibleContent, fa as CollapsibleGroup, Be as CollapsibleTitle, n as DESKTOP_BREAKPOINTS, pt as DataTable, gt as DataTableBulkActions, mt as DataTableRoot, _t as DateCalendar, vt as DatePicker, Ki as DatePickerField, yt as DateRangeCalendar, bt as DateRangePicker, St as DefinitionItem, xt as DefinitionList, Ct as DefinitionTooltip, Et as Dialog, wt as DialogActions, Tt as DialogButton, kt as DialogContent, At as DialogTitle, Dt as DialogTrigger, Ge as EmptyState, Ke as EmptyStateActions, qe as EmptyStateContent, Rt as EmptyStateGetStarted, Bt as EmptyStateGoodJob, Je as EmptyStateIcon, Ht as EmptyStateNoSearchResults, Vt as EmptyStateUpgradeRequired, Ut as EmptyStateUseDesktop, zt as EmptyStateWaitingForData, Gt as ErrorState, Yt as FieldGroup, qt as Fieldset, Xt as Filter, rn as FilterAdapters, Zt as FilterControls, Qt as FilterLabels, an as FilterToolbar, ln as Flex, dn as FlexItem, tn as FloatingActionBar, pn as Form, Vi as FormControl, Hi as FormFeedbackText, zi as FormField, Li as FormHelperText, Gi as FormLabel, mn as FullPageLoader, kn as FunnelBackButton, bn as FunnelBody, vn as FunnelLayout, Sn as FunnelPage, wn as FunnelPageAction, Tn as FunnelPageActions, Dn as FunnelPageContent, An as FunnelPageFooter, Mn as FunnelPageHeader, Pn as FunnelSidebar, In as FunnelTopBar, Bn as Grid, Vn as GridItem, s as Icon, p as IconButton, Hn as Input, Ne as Label, Wn as ListView, Yn as ListViewItemLabel, Xn as ListViewItemText, qn as ListViewSection, r as MOBILE_BREAKPOINTS, h as Menu, g as MenuContent, H as MenuHeader, Zn as MenuSection, V as MenuSeparator, _ as MenuTrigger, Qn as MultiSelect, qi as MultiSelectField, $n as MultiSelectOptGroup, er as MultiSelectOption, tr as Nav, ir as NavGroup, lr as NavigationCardDescription, or as NavigationCardGroup, cr as NavigationCardLabel, fe as NoopRouterProvider, Ji as NumberField, ur as NumberInput, fr as Page, mr as PageHeader, gr as PageHeading, _r as Pagination, yr as PaginationContent, Er as PaginationEllipsis, xr as PaginationItem, W as PayFitBrand, G as PayFitBrandPreprod, kr as PhoneNumberInput, Ar as Pill, jr as Popover, Mr as PopoverTrigger, Nr as ProgressBar, Pt as PromoDialog, jt as PromoDialogActions, Lt as PromoDialogContent, Mt as PromoDialogHero, It as PromoDialogSubtitle, Nt as PromoDialogTitle, Lr as RadioButton, Pr as RadioButtonGroup, Xi as RadioButtonGroupField, Fr as RadioButtonHelper, Ir as RadioIndicator, ve as RawBreadcrumbLink, Ri as RawFormContextualLink, he as RawLink, Un as RawLinkButton, Gn as RawListViewItem, v as RawMenuItem, nr as RawNavItem, ar as RawNavigationCard, Sr as RawPaginationLink, Tr as RawPaginationNext, wr as RawPaginationPrevious, vi as RawSubTask, pi as RawTab, bi as RawTask, pe as RouterProvider, at as Search, zr as SegmentedButtonGroup, ct as Select, st as SelectButton, ea as SelectField, it as SelectOption, Yr as SelectOptionGroup, Xr as SelectOptionHelper, Ur as SelectableButton, Vr as SelectableButtonGroup, Zi as SelectableButtonGroupField, Kr as SelectableCardCheckbox, Gr as SelectableCardCheckboxGroup, Qi as SelectableCardCheckboxGroupField, Jr as SelectableCardRadio, qr as SelectableCardRadioGroup, $i as SelectableCardRadioGroupField, Zr as SidePanel, $r as SidePanelContent, ti as SidePanelFooter, ri as SidePanelHeader, gn as SkipLink, _n as SkipLinks, c as Spinner, un as Stack, fn as StackItem, oi as Step, ai as Stepper, ki as TOAST_CONFIG, mi as TabList, hi as TabPanel, dt as Table, Ve as TableBody, ci as TableCell, Ue as TableColumnHeader, Ye as TableEmptyState, Xe as TableEmptyStateError, Ze as TableEmptyStateLoading, Qe as TableEmptyStateNoData, $e as TableEmptyStateText, nt as TableHeader, et as TableNoSearchResults, lt as TablePagination, ft as TableRoot, ui as TableRow, fi as Tabs, Si as TaskGroup, gi as TaskMenu, D as Text, Ci as TextArea, ta as TextField, Ti as Timeline, Ei as TimelineStep, Oi as TimelineStepDescription, Di as TimelineStepHeader, Ai as ToastManager, Br as ToggleButton, Pi as ToggleSwitch, na as ToggleSwitchField, Mi as ToggleSwitchGroup, ra as ToggleSwitchGroupField, f as Tooltip, x as actionBarRoot, X as autocompleteItem, Q as autocompleteItemGroup, re as bottomSheet, ae as bottomSheetContent, se as bottomSheetFooter, le as bottomSheetHeader, Ae as card, Se as carousel, Ee as carouselContent, we as carouselHeader, be as carouselNav, Oe as carouselSlide, Fe as checkboxGroup, C as circularIconButton, ht as dataTableRoot, Ot as dialog, Kt as errorState, da as fieldRevalidateLogic, Jt as fieldset, $t as filterContainer, en as filterDismissButton, on as filterToolbar, sn as flex, cn as flexItem, nn as floatingActionBar, hn as fullPageLoader, xn as funnelBody, yn as funnelLayout, Cn as funnelPage, En as funnelPageActions, On as funnelPageContent, jn as funnelPageFooter, Nn as funnelPageHeader, Fn as funnelSidebar, Ln as funnelTopBar, L as getInitials, Rn as grid, zn as gridItem, i as isDesktopBreakpoint, a as isMobileBreakpoint, ge as link, Kn as listViewItem, Jn as listViewSection, rr as navItemBase, sr as navigationCardGroup, Yi as numberField, dr as numberInput, pr as page, hr as pageHeader, vr as pagination, br as paginationContent, Cr as paginationLink, Ft as promoDialog, Rr as radioButton, yi as rawSubTask, xi as rawTask, ot as search, Wr as selectableButton, Hr as selectableButtonGroup, Qr as sidePanel, ei as sidePanelContent, ni as sidePanelFooter, ii as sidePanelHeader, He as tableBody, li as tableCell, We as tableColumnHeader, tt as tableEmptyState, rt as tableHeader, ut as tablePagination, di as tableRow, la as tanstackFormDefaultValues, _i as taskMenu, E as text, wi as textArea, ji as toast, Fi as toggleSwitch, Ni as toggleSwitchGroup, P as useAppMenuContext, Ii as useAsyncList, o as useBreakpointListener, Wt as useContainerQueryLevel, ua as useFieldA11yContext, ia as useFieldContext, aa as useFormContext, t as useMediaQuery, Or as usePaginationState, Dr as usePaginationWindow, me as useRouter, si as useStepper, oa as useTanstackUnityForm, Bi as useUnityForm, sa as withFieldGroup, ca as withForm };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@payfit/unity-components",
|
|
3
|
-
"version": "2.55.
|
|
3
|
+
"version": "2.55.14",
|
|
4
4
|
"module": "./dist/esm/index.js",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
"tailwind-variants": "3.2.2",
|
|
94
94
|
"usehooks-ts": "3.1.1",
|
|
95
95
|
"zod": "4.4.3",
|
|
96
|
-
"@payfit/unity-illustrations": "2.55.
|
|
96
|
+
"@payfit/unity-illustrations": "2.55.14"
|
|
97
97
|
},
|
|
98
98
|
"peerDependencies": {
|
|
99
99
|
"@hookform/devtools": "^4",
|
|
@@ -105,8 +105,8 @@
|
|
|
105
105
|
"react-hook-form": "^7",
|
|
106
106
|
"react-router-dom": "^5",
|
|
107
107
|
"zod": "^3 || ^4",
|
|
108
|
-
"@payfit/unity-icons": "2.55.
|
|
109
|
-
"@payfit/unity-themes": "2.55.
|
|
108
|
+
"@payfit/unity-icons": "2.55.14",
|
|
109
|
+
"@payfit/unity-themes": "2.55.14"
|
|
110
110
|
},
|
|
111
111
|
"devDependencies": {
|
|
112
112
|
"@figma/code-connect": "1.4.8",
|
|
@@ -132,8 +132,8 @@
|
|
|
132
132
|
"@types/react": "18.3.18",
|
|
133
133
|
"@types/react-dom": "18.3.5",
|
|
134
134
|
"@types/react-router-dom": "5.3.3",
|
|
135
|
-
"@vitejs/plugin-react": "6.0.
|
|
136
|
-
"@vitest/browser-playwright": "4.1.
|
|
135
|
+
"@vitejs/plugin-react": "6.0.3",
|
|
136
|
+
"@vitest/browser-playwright": "4.1.10",
|
|
137
137
|
"eslint-plugin-storybook": "10.3.2",
|
|
138
138
|
"glob": "11.1.0",
|
|
139
139
|
"msw": "2.14.6",
|
|
@@ -148,18 +148,18 @@
|
|
|
148
148
|
"storybook-addon-test-codegen": "3.0.1",
|
|
149
149
|
"storybook-mock-date-decorator": "3.0.0",
|
|
150
150
|
"tailwindcss": "4.3.2",
|
|
151
|
-
"typescript": "6.0.
|
|
152
|
-
"vite": "8.
|
|
151
|
+
"typescript": "npm:@typescript/typescript6@6.0.2",
|
|
152
|
+
"vite": "8.1.4",
|
|
153
153
|
"vite-plugin-node-polyfills": "0.28.0",
|
|
154
|
-
"vitest": "4.1.
|
|
154
|
+
"vitest": "4.1.10",
|
|
155
|
+
"@payfit/unity-icons": "2.55.14",
|
|
156
|
+
"@payfit/unity-illustrations": "2.55.14",
|
|
157
|
+
"@payfit/unity-themes": "2.55.14",
|
|
158
|
+
"@payfit/vite-configs": "0.0.0-use.local",
|
|
155
159
|
"@payfit/hr-app-eslint": "0.0.0-use.local",
|
|
156
160
|
"@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
|
|
157
161
|
"@payfit/storybook-addon-console-errors": "0.0.0-use.local",
|
|
158
|
-
"@payfit/storybook-config": "0.0.0-use.local"
|
|
159
|
-
"@payfit/unity-icons": "2.55.12",
|
|
160
|
-
"@payfit/unity-illustrations": "2.55.12",
|
|
161
|
-
"@payfit/unity-themes": "2.55.12",
|
|
162
|
-
"@payfit/vite-configs": "0.0.0-use.local"
|
|
162
|
+
"@payfit/storybook-config": "0.0.0-use.local"
|
|
163
163
|
},
|
|
164
164
|
"peerDependenciesMeta": {
|
|
165
165
|
"@hookform/devtools": {
|