@ansible/ansible-ui-framework 2.4.160 → 2.4.161
Sign up to get free protection for your applications and to get access to all the features.
- package/framework/PageDialogs/MultiSelectDialog.d.ts +1 -1
- package/framework/PageDialogs/SelectSingleDialog.d.ts +1 -1
- package/framework/PageDialogs/useSelectDialog.d.ts +1 -1
- package/framework/PageTable/PageTable.d.ts +2 -2
- package/framework/PageTable/PageTableColumn.d.ts +1 -1
- package/framework/PageTable/{PageToolbar.d.ts → PageToolbar/PageToolbar.d.ts} +1 -1
- package/framework/PageTable/{PageToolbarFilter.d.ts → PageToolbar/PageToolbarFilter.d.ts} +2 -20
- package/framework/PageTable/PageToolbar/PageToolbarFilterTypes/ToolbarFilterCommon.d.ts +7 -0
- package/framework/PageTable/PageToolbar/PageToolbarFilterTypes/ToolbarSelectFilter.d.ts +19 -0
- package/framework/PageTable/PageToolbar/PageToolbarFilterTypes/ToolbarTextFilter.d.ts +9 -0
- package/framework/PageTable/{PageToolbarSort.d.ts → PageToolbar/PageToolbarSort.d.ts} +1 -1
- package/framework/index.d.ts +2 -2
- package/framework/useInMemoryView.d.ts +1 -1
- package/index.js +93 -93
- package/index.umd.cjs +1 -1
- package/package.json +1 -1
- /package/framework/PageTable/{PageTableViewType.d.ts → PageToolbar/PageTableViewType.d.ts} +0 -0
- /package/framework/PageTable/{PageToolbarView.d.ts → PageToolbar/PageToolbarView.d.ts} +0 -0
@@ -1,5 +1,5 @@
|
|
1
1
|
import { ITableColumn } from '../PageTable/PageTableColumn';
|
2
|
-
import { IToolbarFilter } from '../PageTable/PageToolbarFilter';
|
2
|
+
import { IToolbarFilter } from '../PageTable/PageToolbar/PageToolbarFilter';
|
3
3
|
import { ISelected } from '../PageTable/useTableItems';
|
4
4
|
import { IView } from '../useView';
|
5
5
|
export type MultiSelectDialogProps<T extends object> = {
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { ITableColumn } from '../PageTable/PageTableColumn';
|
2
|
-
import { IToolbarFilter } from '../PageTable/PageToolbarFilter';
|
2
|
+
import { IToolbarFilter } from '../PageTable/PageToolbar/PageToolbarFilter';
|
3
3
|
import { ISelected } from '../PageTable/useTableItems';
|
4
4
|
import { IView } from '../useView';
|
5
5
|
export type SelectSingleDialogProps<T extends object> = {
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { ITableColumn } from '../PageTable/PageTableColumn';
|
2
|
-
import { IToolbarFilter } from '../PageTable/PageToolbarFilter';
|
2
|
+
import { IToolbarFilter } from '../PageTable/PageToolbar/PageToolbarFilter';
|
3
3
|
import { ISelected } from '../PageTable/useTableItems';
|
4
4
|
import { IView } from '../useView';
|
5
5
|
interface ISelectDialogOptions<T extends object, TMultiple> {
|
@@ -2,8 +2,8 @@ import { Dispatch, ReactNode, SetStateAction } from 'react';
|
|
2
2
|
import { IPageAction } from '../PageActions/PageAction';
|
3
3
|
import './PageTable.css';
|
4
4
|
import { ITableColumn } from './PageTableColumn';
|
5
|
-
import { PageTableViewType } from './PageTableViewType';
|
6
|
-
import { IToolbarFilter } from './PageToolbarFilter';
|
5
|
+
import { PageTableViewType } from './PageToolbar/PageTableViewType';
|
6
|
+
import { IToolbarFilter } from './PageToolbar/PageToolbarFilter';
|
7
7
|
export type PageTableProps<T extends object> = {
|
8
8
|
keyFn: (item: T) => string | number;
|
9
9
|
itemCount?: number;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { Dispatch, SetStateAction } from 'react';
|
2
|
-
import { IPageAction } from '
|
2
|
+
import { IPageAction } from '../../PageActions/PageAction';
|
3
3
|
import { PageTableViewType } from './PageTableViewType';
|
4
4
|
import './PageToolbar.css';
|
5
5
|
import { IToolbarFilter } from './PageToolbarFilter';
|
@@ -1,23 +1,6 @@
|
|
1
1
|
import { Dispatch, SetStateAction } from 'react';
|
2
|
-
|
3
|
-
|
4
|
-
label: string;
|
5
|
-
isPinned?: boolean;
|
6
|
-
query: string;
|
7
|
-
placeholder?: string;
|
8
|
-
}
|
9
|
-
export interface IToolbarTextFilter extends ToolbarFilterCommon {
|
10
|
-
type: 'string';
|
11
|
-
comparison: 'contains' | 'startsWith' | 'endsWith' | 'equals';
|
12
|
-
}
|
13
|
-
export interface IToolbarSelectFilter extends ToolbarFilterCommon {
|
14
|
-
type: 'select';
|
15
|
-
options: {
|
16
|
-
label: string;
|
17
|
-
description?: string;
|
18
|
-
value: string;
|
19
|
-
}[];
|
20
|
-
}
|
2
|
+
import { IToolbarTextFilter } from './PageToolbarFilterTypes/ToolbarTextFilter';
|
3
|
+
import { IToolbarSelectFilter } from './PageToolbarFilterTypes/ToolbarSelectFilter';
|
21
4
|
export type IToolbarFilter = IToolbarTextFilter | IToolbarSelectFilter;
|
22
5
|
export type IFilterState = Record<string, string[] | undefined>;
|
23
6
|
export type PageToolbarFiltersProps = {
|
@@ -26,4 +9,3 @@ export type PageToolbarFiltersProps = {
|
|
26
9
|
setFilters?: Dispatch<SetStateAction<Record<string, string[]>>>;
|
27
10
|
};
|
28
11
|
export declare function PageToolbarFilters(props: PageToolbarFiltersProps): import("react/jsx-runtime").JSX.Element;
|
29
|
-
export {};
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { ToolbarFilterCommon } from './ToolbarFilterCommon';
|
2
|
+
export interface IToolbarSelectFilter extends ToolbarFilterCommon {
|
3
|
+
type: 'select';
|
4
|
+
options: {
|
5
|
+
label: string;
|
6
|
+
description?: string;
|
7
|
+
value: string;
|
8
|
+
}[];
|
9
|
+
}
|
10
|
+
export declare function ToolbarSelectFilter(props: {
|
11
|
+
addFilter: (value: string) => void;
|
12
|
+
removeFilter: (value: string) => void;
|
13
|
+
options: {
|
14
|
+
label: string;
|
15
|
+
value: string;
|
16
|
+
}[];
|
17
|
+
values: string[];
|
18
|
+
placeholder?: string;
|
19
|
+
}): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { ToolbarFilterCommon } from './ToolbarFilterCommon';
|
2
|
+
export interface IToolbarTextFilter extends ToolbarFilterCommon {
|
3
|
+
type: 'string';
|
4
|
+
comparison: 'contains' | 'startsWith' | 'endsWith' | 'equals';
|
5
|
+
}
|
6
|
+
export declare function ToolbarTextFilter(props: {
|
7
|
+
id?: string;
|
8
|
+
addFilter: (value: string) => void;
|
9
|
+
} & Pick<IToolbarTextFilter, 'comparison' | 'placeholder'>): import("react/jsx-runtime").JSX.Element;
|
package/framework/index.d.ts
CHANGED
@@ -43,8 +43,8 @@ export * from './PageNav/PageNavSidebar';
|
|
43
43
|
export * from './PageTable/PageTable';
|
44
44
|
export * from './PageTable/PageTableCards';
|
45
45
|
export * from './PageTable/PageTableColumn';
|
46
|
-
export * from './PageTable/PageToolbar';
|
47
|
-
export * from './PageTable/PageToolbarFilter';
|
46
|
+
export * from './PageTable/PageToolbar/PageToolbar';
|
47
|
+
export * from './PageTable/PageToolbar/PageToolbarFilter';
|
48
48
|
export * from './PageTable/useTableItems';
|
49
49
|
export * from './PageTabs';
|
50
50
|
export * from './Settings';
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { ITableColumn } from './PageTable/PageTableColumn';
|
2
|
-
import { IToolbarFilter } from './PageTable/PageToolbarFilter';
|
2
|
+
import { IToolbarFilter } from './PageTable/PageToolbar/PageToolbarFilter';
|
3
3
|
import { ISelected } from './PageTable/useTableItems';
|
4
4
|
import { IView } from './useView';
|
5
5
|
export type IInMemoryView<T extends object> = IView & ISelected<T> & {
|
package/index.js
CHANGED
@@ -18,8 +18,8 @@ var Fc = (n, e, t) => (W7(n, e, "read from private field"), t ? t.call(n) : e.ge
|
|
18
18
|
});
|
19
19
|
import * as Ve from "react";
|
20
20
|
import B, { useState as Qe, useCallback as Ye, useEffect as Pt, useRef as Gs, useDebugValue as V7, useContext as Ls, createElement as e$, createContext as gl, useId as hJ, Fragment as sl, useMemo as pt, Component as fJ, Children as JA, isValidElement as t$, cloneElement as gJ, useLayoutEffect as n$ } from "react";
|
21
|
-
import { Tooltip as _o, Switch as i$, ButtonVariant as Bl, Dropdown as r$, DropdownSeparator as mJ, DropdownItem as _y, DropdownToggle as s$, KebabToggle as pJ, Button as gn, Split as $u, DropdownPosition as aS, Flex as nr, FlexItem as Dn, AlertGroup as vJ, Alert as lS, AlertActionCloseButton as _J, Popover as cS, Stack as hc, StackItem as Bd, FormGroup as eI, Select as tI, SelectVariant as nI, Modal as Em, ModalVariant as Tm, Form as o$, SelectOption as hs, ClipboardCopy as bJ, Truncate as by, SplitItem as ms, LabelGroup as a$, Label as Nb, PageSection as aa, Card as l$, CardHeader as c$, Text as Su, Title as fc, CardBody as u$, Skeleton as la, DescriptionListGroup as Of, DescriptionListTerm as Zk, DescriptionListDescription as Nf, DescriptionList as yy, EmptyState as iI, EmptyStateVariant as rI, EmptyStateIcon as sI, EmptyStateBody as dg, EmptyStatePrimary as yJ, DataList as d$, DataListItem as h$, DataListItemRow as f$, DataListControl as CJ, DataListDragButton as wJ, DataListCheck as g$, DataListItemCells as m$, DataListCell as Xk, Pagination as p$, PaginationVariant as v$, CardTitle as SJ, CardActions as xJ, Checkbox as oI, CardFooter as LJ, DataListAction as kJ, DropdownToggleCheckbox as DJ,
|
22
|
-
import { CircleIcon as QJ, ExternalLinkAltIcon as S$, OutlinedQuestionCircleIcon as x$, HelpIcon as JJ, PlusCircleIcon as eee, CubesIcon as tee, ExclamationCircleIcon as L$,
|
21
|
+
import { Tooltip as _o, Switch as i$, ButtonVariant as Bl, Dropdown as r$, DropdownSeparator as mJ, DropdownItem as _y, DropdownToggle as s$, KebabToggle as pJ, Button as gn, Split as $u, DropdownPosition as aS, Flex as nr, FlexItem as Dn, AlertGroup as vJ, Alert as lS, AlertActionCloseButton as _J, Popover as cS, Stack as hc, StackItem as Bd, FormGroup as eI, Select as tI, SelectVariant as nI, Modal as Em, ModalVariant as Tm, Form as o$, SelectOption as hs, ClipboardCopy as bJ, Truncate as by, SplitItem as ms, LabelGroup as a$, Label as Nb, PageSection as aa, Card as l$, CardHeader as c$, Text as Su, Title as fc, CardBody as u$, Skeleton as la, DescriptionListGroup as Of, DescriptionListTerm as Zk, DescriptionListDescription as Nf, DescriptionList as yy, EmptyState as iI, EmptyStateVariant as rI, EmptyStateIcon as sI, EmptyStateBody as dg, EmptyStatePrimary as yJ, DataList as d$, DataListItem as h$, DataListItemRow as f$, DataListControl as CJ, DataListDragButton as wJ, DataListCheck as g$, DataListItemCells as m$, DataListCell as Xk, Pagination as p$, PaginationVariant as v$, CardTitle as SJ, CardActions as xJ, Checkbox as oI, CardFooter as LJ, DataListAction as kJ, DropdownToggleCheckbox as DJ, InputGroup as g_, TextInputGroup as EJ, TextInputGroupMain as TJ, TextInputGroupUtilities as AJ, ToolbarToggleGroup as _$, ToolbarGroup as Z0, ToolbarItem as na, ToolbarFilter as IJ, InputGroupText as _2, ToggleGroup as b$, ToggleGroupItem as Mb, Toolbar as Qk, ToolbarContent as Jk, Bullseye as OJ, Spinner as NJ, EmptyStateSecondaryActions as MJ, ModalBoxBody as Cy, Progress as PJ, ProgressSize as RJ, ProgressVariant as $7, Icon as FJ, ChipGroup as BJ, Chip as WJ, SelectGroup as VJ, TextArea as $J, TextInput as y$, ActionGroup as HJ, Grid as jJ, PageSectionVariants as H7, PageNavigation as zJ, Breadcrumb as UJ, BreadcrumbItem as qJ, Masthead as KJ, MastheadMain as GJ, MastheadToggle as YJ, PageToggleButton as ZJ, Tab as XJ, PageSectionTypes as C$, Divider as j7, Tabs as w$ } from "@patternfly/react-core";
|
22
|
+
import { CircleIcon as QJ, ExternalLinkAltIcon as S$, OutlinedQuestionCircleIcon as x$, HelpIcon as JJ, PlusCircleIcon as eee, CubesIcon as tee, ExclamationCircleIcon as L$, TimesIcon as nee, ArrowRightIcon as iee, FilterIcon as e5, SortAmountDownIcon as ree, SortAmountUpIcon as see, SortNumericDownIcon as oee, SortNumericUpIcon as aee, SortAlphaDownAltIcon as lee, SortAlphaUpIcon as cee, ColumnsIcon as uee, TableIcon as dee, ListIcon as hee, ThLargeIcon as fee, SearchIcon as aI, PendingIcon as gee, CheckCircleIcon as mee, ExclamationTriangleIcon as pee, EyeIcon as k$, EyeSlashIcon as D$, CopyIcon as vee, AngleRightIcon as _ee, BarsIcon as bee, SyncAltIcon as yee } from "@patternfly/react-icons";
|
23
23
|
import { Link as lI } from "react-router-dom";
|
24
24
|
import { TableComposable as Cee, Thead as E$, Tr as hg, Th as fg, Tbody as wee, Td as mo, CollapseColumn as See } from "@patternfly/react-table";
|
25
25
|
import * as Wo from "monaco-editor";
|
@@ -29064,6 +29064,89 @@ function _Re(n) {
|
|
29064
29064
|
}
|
29065
29065
|
);
|
29066
29066
|
}
|
29067
|
+
function bRe(n) {
|
29068
|
+
const { t: e } = ox(), [t, i] = Qe("");
|
29069
|
+
let r = n.placeholder;
|
29070
|
+
if (!r)
|
29071
|
+
switch (n.comparison) {
|
29072
|
+
case "contains":
|
29073
|
+
r = e("contains");
|
29074
|
+
break;
|
29075
|
+
case "startsWith":
|
29076
|
+
r = e("starts with");
|
29077
|
+
break;
|
29078
|
+
case "endsWith":
|
29079
|
+
r = e("ends with");
|
29080
|
+
break;
|
29081
|
+
case "equals":
|
29082
|
+
r = e("equals");
|
29083
|
+
break;
|
29084
|
+
}
|
29085
|
+
return /* @__PURE__ */ x.jsxs(g_, { children: [
|
29086
|
+
/* @__PURE__ */ x.jsxs(EJ, { style: { minWidth: 220 }, children: [
|
29087
|
+
/* @__PURE__ */ x.jsx(
|
29088
|
+
TJ,
|
29089
|
+
{
|
29090
|
+
id: n.id,
|
29091
|
+
value: t,
|
29092
|
+
onChange: (s, o) => {
|
29093
|
+
i(typeof s == "string" ? s : o);
|
29094
|
+
},
|
29095
|
+
onKeyUp: (s) => {
|
29096
|
+
t && s.key === "Enter" && (n.addFilter(t), i(""));
|
29097
|
+
},
|
29098
|
+
placeholder: r
|
29099
|
+
}
|
29100
|
+
),
|
29101
|
+
t !== "" && /* @__PURE__ */ x.jsx(AJ, { children: /* @__PURE__ */ x.jsx(
|
29102
|
+
gn,
|
29103
|
+
{
|
29104
|
+
variant: "plain",
|
29105
|
+
"aria-label": "clear filter",
|
29106
|
+
onClick: () => i(""),
|
29107
|
+
style: { opacity: t ? void 0 : 0 },
|
29108
|
+
tabIndex: -1,
|
29109
|
+
children: /* @__PURE__ */ x.jsx(nee, {})
|
29110
|
+
}
|
29111
|
+
) })
|
29112
|
+
] }),
|
29113
|
+
/* @__PURE__ */ x.jsx(
|
29114
|
+
gn,
|
29115
|
+
{
|
29116
|
+
variant: t ? "primary" : "control",
|
29117
|
+
"aria-label": "apply filter",
|
29118
|
+
onClick: () => {
|
29119
|
+
n.addFilter(t), i("");
|
29120
|
+
},
|
29121
|
+
tabIndex: -1,
|
29122
|
+
isDisabled: !t,
|
29123
|
+
children: /* @__PURE__ */ x.jsx(iee, {})
|
29124
|
+
}
|
29125
|
+
)
|
29126
|
+
] });
|
29127
|
+
}
|
29128
|
+
function yRe(n) {
|
29129
|
+
const [e] = wi(), { addFilter: t, removeFilter: i, options: r, values: s } = n, [o, a] = Qe(!1), l = Ye(
|
29130
|
+
(u, d) => {
|
29131
|
+
s.includes(d.toString()) ? i(d.toString()) : t(d.toString());
|
29132
|
+
},
|
29133
|
+
[t, i, s]
|
29134
|
+
), c = s;
|
29135
|
+
return /* @__PURE__ */ x.jsx(x.Fragment, { children: /* @__PURE__ */ x.jsx(
|
29136
|
+
tI,
|
29137
|
+
{
|
29138
|
+
variant: nI.checkbox,
|
29139
|
+
isOpen: o,
|
29140
|
+
onToggle: a,
|
29141
|
+
selections: c,
|
29142
|
+
onSelect: l,
|
29143
|
+
placeholderText: s.length ? e.selectedText : n.placeholder,
|
29144
|
+
style: { zIndex: o ? 400 : 0 },
|
29145
|
+
hasPlaceholderStyle: !0,
|
29146
|
+
children: r.map((u) => /* @__PURE__ */ x.jsx(hs, { id: u.value, value: u.value, children: u.label }, u.value))
|
29147
|
+
}
|
29148
|
+
) });
|
29149
|
+
}
|
29067
29150
|
function KR(n) {
|
29068
29151
|
const { toolbarFilters: e, filters: t, setFilters: i } = n, [r, s] = Qe(
|
29069
29152
|
() => e && (e == null ? void 0 : e.length) > 0 ? e[0].key : ""
|
@@ -29110,7 +29193,7 @@ function KR(n) {
|
|
29110
29193
|
)
|
29111
29194
|
] }) }) }),
|
29112
29195
|
/* @__PURE__ */ x.jsx(ms, { isFilled: !0, children: /* @__PURE__ */ x.jsx(
|
29113
|
-
|
29196
|
+
wRe,
|
29114
29197
|
{
|
29115
29198
|
id: "filter-input",
|
29116
29199
|
filter: e.find((o) => o.key === r),
|
@@ -29127,7 +29210,7 @@ function KR(n) {
|
|
29127
29210
|
) })
|
29128
29211
|
] }) }) }) : /* @__PURE__ */ x.jsx(x.Fragment, {});
|
29129
29212
|
}
|
29130
|
-
function
|
29213
|
+
function CRe(n) {
|
29131
29214
|
const { toolbarFilters: e, setFilters: t, filters: i } = n, [r] = wi(), s = !Hs("md");
|
29132
29215
|
if (!e)
|
29133
29216
|
return /* @__PURE__ */ x.jsx(x.Fragment, {});
|
@@ -29141,7 +29224,7 @@ function bRe(n) {
|
|
29141
29224
|
e == null ? void 0 : e.map((l) => {
|
29142
29225
|
const c = (i == null ? void 0 : i[l.key]) || [];
|
29143
29226
|
return /* @__PURE__ */ x.jsx(
|
29144
|
-
|
29227
|
+
IJ,
|
29145
29228
|
{
|
29146
29229
|
categoryName: l.label,
|
29147
29230
|
chips: c.map((u) => {
|
@@ -29170,12 +29253,12 @@ function bRe(n) {
|
|
29170
29253
|
})
|
29171
29254
|
] }) });
|
29172
29255
|
}
|
29173
|
-
function
|
29256
|
+
function wRe(n) {
|
29174
29257
|
const { filter: e } = n;
|
29175
29258
|
switch (e == null ? void 0 : e.type) {
|
29176
29259
|
case "string":
|
29177
29260
|
return /* @__PURE__ */ x.jsx(
|
29178
|
-
|
29261
|
+
bRe,
|
29179
29262
|
{
|
29180
29263
|
...n,
|
29181
29264
|
comparison: e.comparison,
|
@@ -29183,93 +29266,10 @@ function yRe(n) {
|
|
29183
29266
|
}
|
29184
29267
|
);
|
29185
29268
|
case "select":
|
29186
|
-
return /* @__PURE__ */ x.jsx(
|
29269
|
+
return /* @__PURE__ */ x.jsx(yRe, { ...n, options: e.options, placeholder: e.placeholder });
|
29187
29270
|
}
|
29188
29271
|
return /* @__PURE__ */ x.jsx(x.Fragment, {});
|
29189
29272
|
}
|
29190
|
-
function CRe(n) {
|
29191
|
-
const { t: e } = ox(), [t, i] = Qe("");
|
29192
|
-
let r = n.placeholder;
|
29193
|
-
if (!r)
|
29194
|
-
switch (n.comparison) {
|
29195
|
-
case "contains":
|
29196
|
-
r = e("contains");
|
29197
|
-
break;
|
29198
|
-
case "startsWith":
|
29199
|
-
r = e("starts with");
|
29200
|
-
break;
|
29201
|
-
case "endsWith":
|
29202
|
-
r = e("ends with");
|
29203
|
-
break;
|
29204
|
-
case "equals":
|
29205
|
-
r = e("equals");
|
29206
|
-
break;
|
29207
|
-
}
|
29208
|
-
return /* @__PURE__ */ x.jsxs(g_, { children: [
|
29209
|
-
/* @__PURE__ */ x.jsxs(TJ, { style: { minWidth: 220 }, children: [
|
29210
|
-
/* @__PURE__ */ x.jsx(
|
29211
|
-
AJ,
|
29212
|
-
{
|
29213
|
-
id: n.id,
|
29214
|
-
value: t,
|
29215
|
-
onChange: (s, o) => {
|
29216
|
-
i(typeof s == "string" ? s : o);
|
29217
|
-
},
|
29218
|
-
onKeyUp: (s) => {
|
29219
|
-
t && s.key === "Enter" && (n.addFilter(t), i(""));
|
29220
|
-
},
|
29221
|
-
placeholder: r
|
29222
|
-
}
|
29223
|
-
),
|
29224
|
-
t !== "" && /* @__PURE__ */ x.jsx(IJ, { children: /* @__PURE__ */ x.jsx(
|
29225
|
-
gn,
|
29226
|
-
{
|
29227
|
-
variant: "plain",
|
29228
|
-
"aria-label": "clear filter",
|
29229
|
-
onClick: () => i(""),
|
29230
|
-
style: { opacity: t ? void 0 : 0 },
|
29231
|
-
tabIndex: -1,
|
29232
|
-
children: /* @__PURE__ */ x.jsx(nee, {})
|
29233
|
-
}
|
29234
|
-
) })
|
29235
|
-
] }),
|
29236
|
-
/* @__PURE__ */ x.jsx(
|
29237
|
-
gn,
|
29238
|
-
{
|
29239
|
-
variant: t ? "primary" : "control",
|
29240
|
-
"aria-label": "apply filter",
|
29241
|
-
onClick: () => {
|
29242
|
-
n.addFilter(t), i("");
|
29243
|
-
},
|
29244
|
-
tabIndex: -1,
|
29245
|
-
isDisabled: !t,
|
29246
|
-
children: /* @__PURE__ */ x.jsx(iee, {})
|
29247
|
-
}
|
29248
|
-
)
|
29249
|
-
] });
|
29250
|
-
}
|
29251
|
-
function wRe(n) {
|
29252
|
-
const [e] = wi(), { addFilter: t, removeFilter: i, options: r, values: s } = n, [o, a] = Qe(!1), l = Ye(
|
29253
|
-
(u, d) => {
|
29254
|
-
s.includes(d.toString()) ? i(d.toString()) : t(d.toString());
|
29255
|
-
},
|
29256
|
-
[t, i, s]
|
29257
|
-
), c = s;
|
29258
|
-
return /* @__PURE__ */ x.jsx(x.Fragment, { children: /* @__PURE__ */ x.jsx(
|
29259
|
-
tI,
|
29260
|
-
{
|
29261
|
-
variant: nI.checkbox,
|
29262
|
-
isOpen: o,
|
29263
|
-
onToggle: a,
|
29264
|
-
selections: c,
|
29265
|
-
onSelect: l,
|
29266
|
-
placeholderText: s.length ? e.selectedText : n.placeholder,
|
29267
|
-
style: { zIndex: o ? 400 : 0 },
|
29268
|
-
hasPlaceholderStyle: !0,
|
29269
|
-
children: r.map((u) => /* @__PURE__ */ x.jsx(hs, { id: u.value, value: u.value, children: u.label }, u.value))
|
29270
|
-
}
|
29271
|
-
) });
|
29272
|
-
}
|
29273
29273
|
function SRe(n) {
|
29274
29274
|
const { sort: e, setSort: t, sortDirection: i, setSortDirection: r, sortOptions: s } = n, o = s == null ? void 0 : s.find((u) => u.value === e), a = o ? o.type : void 0, [l] = wi(), c = pt(() => {
|
29275
29275
|
switch (a) {
|
@@ -29513,7 +29513,7 @@ function ERe(n) {
|
|
29513
29513
|
children: /* @__PURE__ */ x.jsxs(Jk, { style: { justifyContent: "end", justifyItems: "end" }, children: [
|
29514
29514
|
N && /* @__PURE__ */ x.jsx(Z0, { children: /* @__PURE__ */ x.jsx(na, { variant: "bulk-select", children: /* @__PURE__ */ x.jsx(_Re, { ...n }) }) }),
|
29515
29515
|
/* @__PURE__ */ x.jsx(
|
29516
|
-
|
29516
|
+
CRe,
|
29517
29517
|
{
|
29518
29518
|
toolbarFilters: o,
|
29519
29519
|
filters: l,
|
@@ -103826,7 +103826,7 @@ export {
|
|
103826
103826
|
ERe as PageTableToolbar,
|
103827
103827
|
kst as PageTabs,
|
103828
103828
|
jat as PageTabsOld,
|
103829
|
-
|
103829
|
+
CRe as PageToolbarFilters,
|
103830
103830
|
Est as RunningIcon,
|
103831
103831
|
v5 as Scrollable,
|
103832
103832
|
ZRe as SelectDialog,
|
package/index.umd.cjs
CHANGED
@@ -323,7 +323,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
323
323
|
display: flex;
|
324
324
|
gap: 6px;
|
325
325
|
align-items: baseline;
|
326
|
-
`;function a4e(n){const{item:e,itemToCardFn:t,isSelected:i,selectItem:r,unselectItem:s,itemActions:o,showSelect:a,defaultCardSubtitle:l}=n,c=E.useMemo(()=>t(e),[e,t]),u=!!(i!=null&&i(e)),d=E.useCallback(()=>{i!=null&&i(e)?s==null||s(e):r==null||r(e)},[i,e,r,s]),h=o!==void 0&&o.length>0,f=a||h;return x.jsxs(N.Card,{id:c.id,isFlat:!0,isLarge:!0,isRounded:!0,isSelectable:u,isSelected:u,style:{transition:"box-shadow 0.25s",cursor:"default",maxWidth:"100%"},children:[x.jsxs(N.CardHeader,{style:{display:"flex",flexWrap:"nowrap",maxWidth:"100%"},children:[x.jsxs(e4e,{children:[x.jsxs(t4e,{children:[c.icon&&x.jsx(x2,{size:"xl",children:c.icon}),x.jsxs(n4e,{children:[x.jsx(N.CardTitle,{children:x.jsx(N.Truncate,{content:c.title})}),c.subtitle?x.jsx(N.Text,{component:"small",style:{opacity:.7},children:c.subtitle}):l&&x.jsx(N.Text,{component:"small",style:{opacity:.7},children:l})]})]}),c.badge&&c.badgeTooltip&&x.jsx(N.FlexItem,{children:x.jsx("div",{onClick:g=>g.stopPropagation(),children:x.jsx(N.Popover,{headerContent:c.badgeTooltipTitle,bodyContent:c.badgeTooltip,removeFindDomNode:!0,children:x.jsx(N.Label,{color:c.badgeColor,children:c.badge})})})}),c.badge&&!c.badgeTooltip&&x.jsx(N.FlexItem,{children:x.jsx(N.Label,{color:c.badgeColor,children:c.badge})})]}),f&&x.jsxs(N.CardActions,{children:[o&&o.length&&x.jsx(Uh,{actions:o,position:N.DropdownPosition.right,selectedItem:e,iconOnly:!0,collapse:"always"}),a&&x.jsx(N.Checkbox,{isChecked:i==null?void 0:i(e),onChange:d,id:"check-1"})]})]}),c.cardBody,c.labels&&x.jsx(N.CardFooter,{children:x.jsx(i4e,{children:x.jsx(r4e,{children:c.labels&&x.jsx(N.LabelGroup,{numLabels:999,children:c.labels.map(g=>x.jsx(N.Label,{color:g.color,children:x.jsx(N.Truncate,{content:g.label,style:{minWidth:0}})},g.label))})})})}),c.alertTitle&&x.jsx(N.Alert,{title:c.alertTitle,isInline:!0,variant:c.alertVariant,children:c.alertContent})]},c.id??c.title)}function l4e(n,e){const t=E.useMemo(()=>{let c,u,d;const h=[];let f;const g=[];for(const m of n)switch(m.type){case"description":d||(d=m);break;case"labels":f||(f=m);break;case"count":h.push(m);break;default:switch(m.card){case"name":c=m;break;case"subtitle":u=m;break;case"description":d=m;break;case"hidden":break;default:g.push(m);break}break}return{nameColumn:c,subtitleColumn:u,descriptionColumn:d,countColumns:h,cardColumns:g,labelColumn:f}},[n]),{nameColumn:i,subtitleColumn:r,descriptionColumn:s,countColumns:o,cardColumns:a,labelColumn:l}=t;return E.useMemo(()=>c=>{var h,f;const u=s&&(!s.value||s.value(c)),d={id:e(c),icon:(h=i==null?void 0:i.icon)==null?void 0:h.call(i,c),title:x.jsx(xr,{column:i,item:c}),subtitle:r&&(!r.value||r.value(c))&&x.jsx(xr,{column:r,item:c}),cardBody:x.jsx(N.CardBody,{children:x.jsxs(N.DescriptionList,{isCompact:!0,children:[u&&x.jsx(Jp,{children:s.type==="description"?x.jsx("div",{children:s.value(c)}):x.jsx(xr,{column:s,item:c})},s.id),a.filter(g=>!g.value||g.value(c)).map(g=>x.jsx(Jp,{label:g.header,children:x.jsx(xr,{column:g,item:c})},g.id)),o.length>0&&x.jsx(Jp,{children:x.jsx(s4e,{children:o.map((g,m)=>x.jsxs(o4e,{children:[x.jsx(xr,{column:g,item:c}),x.jsx("small",{style:{opacity:.7},children:g.header})]},m))})})]})}),labels:l&&((f=l.value(c))==null?void 0:f.map(g=>({label:g})))};return!u&&a.length===0&&o.length===0&&(d.cardBody=void 0),d},[a,o,s,l,i,r,e])}function pV(n){const{keyFn:e,pageItems:t,tableColumns:i,isSelected:r,selectItem:s,unselectItem:o,rowActions:a,showSelect:l,defaultSubtitle:c}=n,u=l4e(i,e),d=E.useMemo(()=>x.jsx(JNe,{size:400,children:t==null?void 0:t.map(h=>x.jsx(a4e,{item:h,itemToCardFn:u,isSelected:r,selectItem:s,unselectItem:o,itemActions:a,showSelect:l,defaultCardSubtitle:c},e(h)))}),[t,e,u,r,s,o,a,l,c]);return x.jsx(N.PageSection,{style:{flexGrow:1},children:d})}function c4e(n){const{keyFn:e,pageItems:t,tableColumns:i,isSelected:r,selectItem:s,unselectItem:o,rowActions:a,defaultSubtitle:l,showSelect:c}=n,u=u4e(i,e,r,s,o,a,l,c);return x.jsx(N.DataList,{"aria-label":"TODO",style:{marginTop:-1,maxWidth:"100%",overflow:"hidden"},children:t==null?void 0:t.map(u)})}function u4e(n,e,t,i,r,s,o,a){const l=E.useMemo(()=>{let v,_,b;const w=[];let S;const D=[],k=[];for(const L of n)switch(L.type){case"description":b||(b=L);break;case"labels":S||(S=L);break;case"count":w.push(L);break;default:switch(L.list){case"name":v=L;break;case"subtitle":_=L;break;case"description":b=L;break;case"hidden":break;case"secondary":k.push(L);break;default:D.push(L);break}break}return{nameColumn:v,subtitleColumn:_,descriptionColumn:b,countColumns:w,primaryColumns:D,secondaryColumns:k,labelColumn:S}},[n]),c=E.useCallback(v=>{t!=null&&t(v)?r==null||r(v):i==null||i(v)},[t,i,r]),{nameColumn:u,subtitleColumn:d,descriptionColumn:h,countColumns:f,primaryColumns:g,secondaryColumns:m,labelColumn:p}=l;return E.useCallback(v=>{const _=e(v),b=t==null?void 0:t(v);return x.jsx(N.DataListItem,{"aria-labelledby":`data-list-${_}`,isExpanded:b,children:x.jsxs(N.DataListItemRow,{children:[a&&x.jsx(N.DataListCheck,{"aria-labelledby":`data-list-check-${_}`,name:`data-list-check-${_}`,isChecked:t==null?void 0:t(v),onClick:()=>c(v)}),x.jsx(N.DataListItemCells,{dataListCells:[x.jsx(N.DataListCell,{width:5,children:x.jsx(N.Flex,{children:x.jsxs(N.Stack,{hasGutter:!0,children:[x.jsxs(N.Flex,{alignItems:{default:"alignItemsCenter"},children:[(u==null?void 0:u.icon)&&x.jsx(x2,{size:"xl",children:u==null?void 0:u.icon(v)}),x.jsxs(N.Stack,{children:[x.jsx(N.Title,{headingLevel:"h2",style:{marginTop:-4,fontWeight:"bold"},children:x.jsx("span",{id:`data-list-${_}`,children:x.jsx(xr,{column:u,item:v})})}),d?x.jsx(N.Text,{component:"small",style:{opacity:.7},children:x.jsx(xr,{column:d,item:v})}):o&&x.jsx(N.Text,{component:"small",style:{opacity:.7},children:o})]})]}),(h||g.length>0||f.length>0||p)&&x.jsxs(N.DescriptionList,{isCompact:!0,children:[h&&(!h.value||h.value(v))&&x.jsx(N.DescriptionListGroup,{children:x.jsx(N.DescriptionListDescription,{children:x.jsx(xr,{column:h,item:v})})},h.header),g.map(w=>w.value&&!w.value(v)?x.jsx(x.Fragment,{}):x.jsxs(N.DescriptionListGroup,{children:[x.jsx(N.DescriptionListTerm,{style:{whiteSpace:"nowrap"},children:w.header}),x.jsx(N.DescriptionListDescription,{children:x.jsx(xr,{column:w,item:v})})]},w.header)),f.length>0&&x.jsx(N.DescriptionListGroup,{children:x.jsx(N.DescriptionListDescription,{children:x.jsx("div",{style:{display:"flex",gap:16,marginTop:8,flexWrap:"wrap"},children:f.map((w,S)=>x.jsxs("div",{style:{display:"flex",gap:6,alignItems:"baseline"},children:[x.jsx(xr,{column:w,item:v}),x.jsx("small",{style:{opacity:.7},children:w.header})]},S))})})},"counts"),p&&x.jsx(N.DescriptionListGroup,{children:x.jsx(N.DescriptionListDescription,{children:x.jsx(xr,{column:p,item:v})})},p.header)]})]})})},"primary"),m.length>0?x.jsx(N.DataListCell,{children:x.jsx(N.DescriptionList,{isCompact:!0,children:m.map(w=>w.value&&!w.value(v)?x.jsx(x.Fragment,{}):x.jsxs(N.DescriptionListGroup,{children:[x.jsx(N.DescriptionListTerm,{style:{whiteSpace:"nowrap"},children:w.header}),x.jsx(N.DescriptionListDescription,{children:x.jsx(xr,{column:w,item:v})})]},w.header))})},"secondary"):null]}),s&&x.jsx(N.DataListAction,{"aria-labelledby":"check-action-item1 check-action-action1",id:"check-action-action1","aria-label":"Actions",isPlainButtonAction:!0,style:{whiteSpace:"nowrap"},children:x.jsx(Uh,{actions:s,position:N.DropdownPosition.right,selectedItem:v,iconOnly:!0})})]})},_)},[e,t,a,u,d,o,g,h,f,p,m,s,c])}function _V(n){const[e,t]=E.useState(!1),i=ts("sm"),[r]=ti(),{pageItems:s,selectedItems:o,selectItems:a,unselectAll:l}=n,c=n.itemCount!==void 0&&n.itemCount>0&&s&&s.length>0&&(s??[]).every(p=>o==null?void 0:o.includes(p)),u=E.useCallback(()=>{c?l==null||l():a==null||a(s??[])},[c,l,a,s]),d=E.useMemo(()=>i?o&&o.length>0?`${o.length} selected`:"":o&&o.length>0?`${o.length}`:"",[i,o]),h=E.useMemo(()=>{const p=o?o.length:0;return x.jsx(N.DropdownToggle,{splitButtonItems:[x.jsx(N.DropdownToggleCheckbox,{id:"select-all","aria-label":"Select all",isChecked:c?!0:p>0?null:!1,onChange:u,children:d},"select-all")],onToggle:v=>t(v)})},[o,c,u,d]),f=E.useMemo(()=>x.jsx(N.DropdownItem,{id:"select-none",onClick:()=>{l==null||l(),t(!1)},children:n.selectNoneText??r.selectNone},"select-none"),[n.selectNoneText,r.selectNone,l]),g=E.useMemo(()=>x.jsx(N.DropdownItem,{id:"select-page",onClick:()=>{a==null||a(s??[]),t(!1)},children:`Select ${(s==null?void 0:s.length)??0} page items`},"select-page"),[a,s]),m=E.useMemo(()=>[f,g],[f,g]);return x.jsx(N.Dropdown,{isOpen:e,toggle:h,dropdownItems:m,style:{zIndex:400}})}const Eit="";function vV(n){const{toolbarFilters:e,filters:t,setFilters:i}=n,[r,s]=E.useState(()=>e&&(e==null?void 0:e.length)>0?e[0].key:"");return e?e.length===0?x.jsx(x.Fragment,{}):x.jsx(x.Fragment,{children:x.jsx(N.ToolbarItem,{children:x.jsxs(N.Split,{style:{zIndex:400},children:[x.jsx(N.SplitItem,{children:x.jsx(N.InputGroup,{children:e.length===1?x.jsxs(x.Fragment,{children:[x.jsx(N.InputGroupText,{style:{border:0,paddingLeft:12,paddingRight:2,color:"inherit",borderRadius:"4px 0px 0px 4px"},children:x.jsx(yt.FilterIcon,{})}),x.jsx(N.InputGroupText,{style:{border:0,padding:"6px 8px",color:"inherit"},children:e[0].label})]}):x.jsxs(x.Fragment,{children:[x.jsx(N.InputGroupText,{style:{border:0,paddingLeft:12,paddingRight:12,color:"inherit",borderRadius:"4px 0px 0px 4px"},children:x.jsx(yt.FilterIcon,{})}),x.jsx(wc,{id:"filter",onSelect:(o,a)=>s(a.toString()),value:r,placeholderText:"",children:e.map(o=>x.jsx(N.SelectOption,{value:o.key,children:o.label},o.key))})]})})}),x.jsx(N.SplitItem,{isFilled:!0,children:x.jsx(d4e,{id:"filter-input",filter:e.find(o=>o.key===r),addFilter:o=>{let a=t==null?void 0:t[r];a||(a=[]),a.includes(o)||a.push(o),i==null||i({...t,[r]:a})},removeFilter:o=>{let a=t==null?void 0:t[r];a||(a=[]),a=a.filter(l=>l!==o),i==null||i({...t,[r]:a})},values:(t==null?void 0:t[r])??[]})})]})})}):x.jsx(x.Fragment,{})}function bV(n){const{toolbarFilters:e,setFilters:t,filters:i}=n,[r]=ti(),s=!ts("md");if(!e)return x.jsx(x.Fragment,{});if(e.length===0)return x.jsx(x.Fragment,{});const o=e.filter(l=>!l.isPinned),a=e.filter(l=>!!l.isPinned);return x.jsx(N.ToolbarToggleGroup,{toggleIcon:x.jsx(yt.FilterIcon,{}),breakpoint:"md",children:x.jsxs(N.ToolbarGroup,{variant:"filter-group",children:[s&&x.jsx(N.ToolbarItem,{variant:"label",children:r.filter}),x.jsx(vV,{toolbarFilters:o,setFilters:t,filters:i}),x.jsx(vV,{toolbarFilters:a,setFilters:t,filters:i}),e==null?void 0:e.map(l=>{const c=(i==null?void 0:i[l.key])||[];return x.jsx(N.ToolbarFilter,{categoryName:l.label,chips:c.map(u=>{var d;return"options"in l?((d=l.options.find(h=>h.value===u))==null?void 0:d.label)??u:u}),deleteChip:(u,d)=>{t==null||t(h=>{const f={...h};d=typeof d=="string"?d:d.key;let g=h[l.key];return g&&(g=g.filter(m=>m!==d),g.length===0?delete f[l.key]:f[l.key]=g),f})},deleteChipGroup:()=>{t==null||t(u=>{const d={...u};return delete d[l.key],d})},showToolbarItem:!1,children:x.jsx(x.Fragment,{})},l.label)})]})})}function d4e(n){const{filter:e}=n;switch(e==null?void 0:e.type){case"string":return x.jsx(h4e,{...n,comparison:e.comparison,placeholder:e.placeholder});case"select":return x.jsx(f4e,{...n,options:e.options,placeholder:e.placeholder})}return x.jsx(x.Fragment,{})}function h4e(n){const{t:e}=Oy(),[t,i]=E.useState("");let r=n.placeholder;if(!r)switch(n.comparison){case"contains":r=e("contains");break;case"startsWith":r=e("starts with");break;case"endsWith":r=e("ends with");break;case"equals":r=e("equals");break}return x.jsxs(N.InputGroup,{children:[x.jsxs(N.TextInputGroup,{style:{minWidth:220},children:[x.jsx(N.TextInputGroupMain,{id:n.id,value:t,onChange:(s,o)=>{i(typeof s=="string"?s:o)},onKeyUp:s=>{t&&s.key==="Enter"&&(n.addFilter(t),i(""))},placeholder:r}),t!==""&&x.jsx(N.TextInputGroupUtilities,{children:x.jsx(N.Button,{variant:"plain","aria-label":"clear filter",onClick:()=>i(""),style:{opacity:t?void 0:0},tabIndex:-1,children:x.jsx(yt.TimesIcon,{})})})]}),x.jsx(N.Button,{variant:t?"primary":"control","aria-label":"apply filter",onClick:()=>{n.addFilter(t),i("")},tabIndex:-1,isDisabled:!t,children:x.jsx(yt.ArrowRightIcon,{})})]})}function f4e(n){const[e]=ti(),{addFilter:t,removeFilter:i,options:r,values:s}=n,[o,a]=E.useState(!1),l=E.useCallback((u,d)=>{s.includes(d.toString())?i(d.toString()):t(d.toString())},[t,i,s]),c=s;return x.jsx(x.Fragment,{children:x.jsx(N.Select,{variant:N.SelectVariant.checkbox,isOpen:o,onToggle:a,selections:c,onSelect:l,placeholderText:s.length?e.selectedText:n.placeholder,style:{zIndex:o?400:0},hasPlaceholderStyle:!0,children:r.map(u=>x.jsx(N.SelectOption,{id:u.value,value:u.value,children:u.label},u.value))})})}function g4e(n){const{sort:e,setSort:t,sortDirection:i,setSortDirection:r,sortOptions:s}=n,o=s==null?void 0:s.find(u=>u.value===e),a=o?o.type:void 0,[l]=ti(),c=E.useMemo(()=>{switch(a){case"text":switch(i){case"asc":return x.jsx(yt.SortAlphaUpIcon,{});case"desc":return x.jsx(yt.SortAlphaDownAltIcon,{})}break;case"number":switch(i){case"asc":return x.jsx(yt.SortNumericUpIcon,{});case"desc":return x.jsx(yt.SortNumericDownIcon,{})}break;default:switch(i){case"asc":return x.jsx(yt.SortAmountUpIcon,{});case"desc":return x.jsx(yt.SortAmountDownIcon,{})}break}return x.jsx(x.Fragment,{})},[i,a]);return!s||s.length<=1?x.jsx(x.Fragment,{}):x.jsx(N.ToolbarToggleGroup,{breakpoint:"md",toggleIcon:void 0,children:x.jsxs(N.ToolbarGroup,{variant:"filter-group",children:[x.jsx(N.ToolbarItem,{variant:"label",children:l.sort}),x.jsx(N.ToolbarItem,{children:x.jsxs(N.Split,{children:[x.jsx(m4e,{sortOptions:s,sort:e,setSort:t,setSortDirection:r}),x.jsx(N.Button,{variant:"control",icon:c,onClick:()=>{i==="asc"?r==null||r("desc"):r==null||r("asc")}})]})})]})})}function m4e(n){const{sortOptions:e,sort:t,setSort:i,setSortDirection:r}=n,[s,o]=E.useState(!1),a=E.useCallback((l,c)=>{const u=e.find(d=>d.value===c.toString());u&&t!==c.toString()&&u.defaultDirection&&(r==null||r(u.defaultDirection)),i==null||i(c.toString()),o(!1)},[e,i,r,t]);return x.jsx(N.Select,{variant:N.SelectVariant.single,isOpen:s,onToggle:o,selections:t,onSelect:a,style:{zIndex:s?400:0},hasPlaceholderStyle:!0,children:e.map(l=>x.jsx(N.SelectOption,{id:l.value,value:l.value,children:l.label},l.value))})}function p4e(n){return E.useMemo(()=>{const t=[];for(const i of n)if(i.sort){if(i.defaultSort){t.push({label:i.header,value:i.sort,type:"text",defaultDirection:i.defaultSortDirection});continue}switch(i.type){case"count":t.push({label:i.header,value:i.sort,type:"number",defaultDirection:i.defaultSortDirection});break;case"text":t.push({label:i.header,value:i.sort,type:"text",defaultDirection:i.defaultSortDirection});break;default:t.push({label:i.header,value:i.sort,defaultDirection:i.defaultSortDirection});break}}return t},[n])}function _4e(n){const{viewType:e,setViewType:t,openColumnModal:i}=n,[r]=ti();let s=0;return n.disableTableView||s++,n.disableCardView||s++,n.disableListView||s++,x.jsxs(N.ToolbarGroup,{variant:"button-group",style:{justifyContent:"end"},children:[!n.disableColumnManagement&&i&&e==="table"&&x.jsx(N.ToolbarItem,{children:x.jsx(N.Tooltip,{content:r.manageColumns,children:x.jsx(N.Button,{variant:"plain",icon:x.jsx(yt.ColumnsIcon,{}),onClick:i})})}),s>1&&x.jsx(N.ToolbarItem,{children:x.jsx(N.ToggleGroup,{"aria-label":"table view toggle",children:[!n.disableTableView&&ri.Table,!n.disableListView&&ri.List,!n.disableCardView&&ri.Cards].filter(o=>o).map(o=>{switch(o){case ri.Cards:return x.jsx(N.Tooltip,{content:r.cardView,position:"top-end",enableFlip:!1,children:x.jsx(N.ToggleGroupItem,{icon:x.jsx(yt.ThLargeIcon,{}),isSelected:e===ri.Cards,onClick:()=>t==null?void 0:t(ri.Cards),"aria-label":"card view"})},o);case ri.List:return x.jsx(N.Tooltip,{content:r.listView,position:"top-end",enableFlip:!1,children:x.jsx(N.ToggleGroupItem,{icon:x.jsx(yt.ListIcon,{}),isSelected:e===ri.List,onClick:()=>t==null?void 0:t(ri.List),"aria-label":"list view"})},o);case ri.Table:return x.jsx(N.Tooltip,{content:r.tableView,position:"top-end",enableFlip:!1,children:x.jsx(N.ToggleGroupItem,{icon:x.jsx(yt.TableIcon,{}),isSelected:e===ri.Table,onClick:()=>t==null?void 0:t(ri.Table),"aria-label":"table view"})},o)}})})})]})}const v4e=Mn.div`
|
326
|
+
`;function a4e(n){const{item:e,itemToCardFn:t,isSelected:i,selectItem:r,unselectItem:s,itemActions:o,showSelect:a,defaultCardSubtitle:l}=n,c=E.useMemo(()=>t(e),[e,t]),u=!!(i!=null&&i(e)),d=E.useCallback(()=>{i!=null&&i(e)?s==null||s(e):r==null||r(e)},[i,e,r,s]),h=o!==void 0&&o.length>0,f=a||h;return x.jsxs(N.Card,{id:c.id,isFlat:!0,isLarge:!0,isRounded:!0,isSelectable:u,isSelected:u,style:{transition:"box-shadow 0.25s",cursor:"default",maxWidth:"100%"},children:[x.jsxs(N.CardHeader,{style:{display:"flex",flexWrap:"nowrap",maxWidth:"100%"},children:[x.jsxs(e4e,{children:[x.jsxs(t4e,{children:[c.icon&&x.jsx(x2,{size:"xl",children:c.icon}),x.jsxs(n4e,{children:[x.jsx(N.CardTitle,{children:x.jsx(N.Truncate,{content:c.title})}),c.subtitle?x.jsx(N.Text,{component:"small",style:{opacity:.7},children:c.subtitle}):l&&x.jsx(N.Text,{component:"small",style:{opacity:.7},children:l})]})]}),c.badge&&c.badgeTooltip&&x.jsx(N.FlexItem,{children:x.jsx("div",{onClick:g=>g.stopPropagation(),children:x.jsx(N.Popover,{headerContent:c.badgeTooltipTitle,bodyContent:c.badgeTooltip,removeFindDomNode:!0,children:x.jsx(N.Label,{color:c.badgeColor,children:c.badge})})})}),c.badge&&!c.badgeTooltip&&x.jsx(N.FlexItem,{children:x.jsx(N.Label,{color:c.badgeColor,children:c.badge})})]}),f&&x.jsxs(N.CardActions,{children:[o&&o.length&&x.jsx(Uh,{actions:o,position:N.DropdownPosition.right,selectedItem:e,iconOnly:!0,collapse:"always"}),a&&x.jsx(N.Checkbox,{isChecked:i==null?void 0:i(e),onChange:d,id:"check-1"})]})]}),c.cardBody,c.labels&&x.jsx(N.CardFooter,{children:x.jsx(i4e,{children:x.jsx(r4e,{children:c.labels&&x.jsx(N.LabelGroup,{numLabels:999,children:c.labels.map(g=>x.jsx(N.Label,{color:g.color,children:x.jsx(N.Truncate,{content:g.label,style:{minWidth:0}})},g.label))})})})}),c.alertTitle&&x.jsx(N.Alert,{title:c.alertTitle,isInline:!0,variant:c.alertVariant,children:c.alertContent})]},c.id??c.title)}function l4e(n,e){const t=E.useMemo(()=>{let c,u,d;const h=[];let f;const g=[];for(const m of n)switch(m.type){case"description":d||(d=m);break;case"labels":f||(f=m);break;case"count":h.push(m);break;default:switch(m.card){case"name":c=m;break;case"subtitle":u=m;break;case"description":d=m;break;case"hidden":break;default:g.push(m);break}break}return{nameColumn:c,subtitleColumn:u,descriptionColumn:d,countColumns:h,cardColumns:g,labelColumn:f}},[n]),{nameColumn:i,subtitleColumn:r,descriptionColumn:s,countColumns:o,cardColumns:a,labelColumn:l}=t;return E.useMemo(()=>c=>{var h,f;const u=s&&(!s.value||s.value(c)),d={id:e(c),icon:(h=i==null?void 0:i.icon)==null?void 0:h.call(i,c),title:x.jsx(xr,{column:i,item:c}),subtitle:r&&(!r.value||r.value(c))&&x.jsx(xr,{column:r,item:c}),cardBody:x.jsx(N.CardBody,{children:x.jsxs(N.DescriptionList,{isCompact:!0,children:[u&&x.jsx(Jp,{children:s.type==="description"?x.jsx("div",{children:s.value(c)}):x.jsx(xr,{column:s,item:c})},s.id),a.filter(g=>!g.value||g.value(c)).map(g=>x.jsx(Jp,{label:g.header,children:x.jsx(xr,{column:g,item:c})},g.id)),o.length>0&&x.jsx(Jp,{children:x.jsx(s4e,{children:o.map((g,m)=>x.jsxs(o4e,{children:[x.jsx(xr,{column:g,item:c}),x.jsx("small",{style:{opacity:.7},children:g.header})]},m))})})]})}),labels:l&&((f=l.value(c))==null?void 0:f.map(g=>({label:g})))};return!u&&a.length===0&&o.length===0&&(d.cardBody=void 0),d},[a,o,s,l,i,r,e])}function pV(n){const{keyFn:e,pageItems:t,tableColumns:i,isSelected:r,selectItem:s,unselectItem:o,rowActions:a,showSelect:l,defaultSubtitle:c}=n,u=l4e(i,e),d=E.useMemo(()=>x.jsx(JNe,{size:400,children:t==null?void 0:t.map(h=>x.jsx(a4e,{item:h,itemToCardFn:u,isSelected:r,selectItem:s,unselectItem:o,itemActions:a,showSelect:l,defaultCardSubtitle:c},e(h)))}),[t,e,u,r,s,o,a,l,c]);return x.jsx(N.PageSection,{style:{flexGrow:1},children:d})}function c4e(n){const{keyFn:e,pageItems:t,tableColumns:i,isSelected:r,selectItem:s,unselectItem:o,rowActions:a,defaultSubtitle:l,showSelect:c}=n,u=u4e(i,e,r,s,o,a,l,c);return x.jsx(N.DataList,{"aria-label":"TODO",style:{marginTop:-1,maxWidth:"100%",overflow:"hidden"},children:t==null?void 0:t.map(u)})}function u4e(n,e,t,i,r,s,o,a){const l=E.useMemo(()=>{let v,_,b;const w=[];let S;const D=[],k=[];for(const L of n)switch(L.type){case"description":b||(b=L);break;case"labels":S||(S=L);break;case"count":w.push(L);break;default:switch(L.list){case"name":v=L;break;case"subtitle":_=L;break;case"description":b=L;break;case"hidden":break;case"secondary":k.push(L);break;default:D.push(L);break}break}return{nameColumn:v,subtitleColumn:_,descriptionColumn:b,countColumns:w,primaryColumns:D,secondaryColumns:k,labelColumn:S}},[n]),c=E.useCallback(v=>{t!=null&&t(v)?r==null||r(v):i==null||i(v)},[t,i,r]),{nameColumn:u,subtitleColumn:d,descriptionColumn:h,countColumns:f,primaryColumns:g,secondaryColumns:m,labelColumn:p}=l;return E.useCallback(v=>{const _=e(v),b=t==null?void 0:t(v);return x.jsx(N.DataListItem,{"aria-labelledby":`data-list-${_}`,isExpanded:b,children:x.jsxs(N.DataListItemRow,{children:[a&&x.jsx(N.DataListCheck,{"aria-labelledby":`data-list-check-${_}`,name:`data-list-check-${_}`,isChecked:t==null?void 0:t(v),onClick:()=>c(v)}),x.jsx(N.DataListItemCells,{dataListCells:[x.jsx(N.DataListCell,{width:5,children:x.jsx(N.Flex,{children:x.jsxs(N.Stack,{hasGutter:!0,children:[x.jsxs(N.Flex,{alignItems:{default:"alignItemsCenter"},children:[(u==null?void 0:u.icon)&&x.jsx(x2,{size:"xl",children:u==null?void 0:u.icon(v)}),x.jsxs(N.Stack,{children:[x.jsx(N.Title,{headingLevel:"h2",style:{marginTop:-4,fontWeight:"bold"},children:x.jsx("span",{id:`data-list-${_}`,children:x.jsx(xr,{column:u,item:v})})}),d?x.jsx(N.Text,{component:"small",style:{opacity:.7},children:x.jsx(xr,{column:d,item:v})}):o&&x.jsx(N.Text,{component:"small",style:{opacity:.7},children:o})]})]}),(h||g.length>0||f.length>0||p)&&x.jsxs(N.DescriptionList,{isCompact:!0,children:[h&&(!h.value||h.value(v))&&x.jsx(N.DescriptionListGroup,{children:x.jsx(N.DescriptionListDescription,{children:x.jsx(xr,{column:h,item:v})})},h.header),g.map(w=>w.value&&!w.value(v)?x.jsx(x.Fragment,{}):x.jsxs(N.DescriptionListGroup,{children:[x.jsx(N.DescriptionListTerm,{style:{whiteSpace:"nowrap"},children:w.header}),x.jsx(N.DescriptionListDescription,{children:x.jsx(xr,{column:w,item:v})})]},w.header)),f.length>0&&x.jsx(N.DescriptionListGroup,{children:x.jsx(N.DescriptionListDescription,{children:x.jsx("div",{style:{display:"flex",gap:16,marginTop:8,flexWrap:"wrap"},children:f.map((w,S)=>x.jsxs("div",{style:{display:"flex",gap:6,alignItems:"baseline"},children:[x.jsx(xr,{column:w,item:v}),x.jsx("small",{style:{opacity:.7},children:w.header})]},S))})})},"counts"),p&&x.jsx(N.DescriptionListGroup,{children:x.jsx(N.DescriptionListDescription,{children:x.jsx(xr,{column:p,item:v})})},p.header)]})]})})},"primary"),m.length>0?x.jsx(N.DataListCell,{children:x.jsx(N.DescriptionList,{isCompact:!0,children:m.map(w=>w.value&&!w.value(v)?x.jsx(x.Fragment,{}):x.jsxs(N.DescriptionListGroup,{children:[x.jsx(N.DescriptionListTerm,{style:{whiteSpace:"nowrap"},children:w.header}),x.jsx(N.DescriptionListDescription,{children:x.jsx(xr,{column:w,item:v})})]},w.header))})},"secondary"):null]}),s&&x.jsx(N.DataListAction,{"aria-labelledby":"check-action-item1 check-action-action1",id:"check-action-action1","aria-label":"Actions",isPlainButtonAction:!0,style:{whiteSpace:"nowrap"},children:x.jsx(Uh,{actions:s,position:N.DropdownPosition.right,selectedItem:v,iconOnly:!0})})]})},_)},[e,t,a,u,d,o,g,h,f,p,m,s,c])}function _V(n){const[e,t]=E.useState(!1),i=ts("sm"),[r]=ti(),{pageItems:s,selectedItems:o,selectItems:a,unselectAll:l}=n,c=n.itemCount!==void 0&&n.itemCount>0&&s&&s.length>0&&(s??[]).every(p=>o==null?void 0:o.includes(p)),u=E.useCallback(()=>{c?l==null||l():a==null||a(s??[])},[c,l,a,s]),d=E.useMemo(()=>i?o&&o.length>0?`${o.length} selected`:"":o&&o.length>0?`${o.length}`:"",[i,o]),h=E.useMemo(()=>{const p=o?o.length:0;return x.jsx(N.DropdownToggle,{splitButtonItems:[x.jsx(N.DropdownToggleCheckbox,{id:"select-all","aria-label":"Select all",isChecked:c?!0:p>0?null:!1,onChange:u,children:d},"select-all")],onToggle:v=>t(v)})},[o,c,u,d]),f=E.useMemo(()=>x.jsx(N.DropdownItem,{id:"select-none",onClick:()=>{l==null||l(),t(!1)},children:n.selectNoneText??r.selectNone},"select-none"),[n.selectNoneText,r.selectNone,l]),g=E.useMemo(()=>x.jsx(N.DropdownItem,{id:"select-page",onClick:()=>{a==null||a(s??[]),t(!1)},children:`Select ${(s==null?void 0:s.length)??0} page items`},"select-page"),[a,s]),m=E.useMemo(()=>[f,g],[f,g]);return x.jsx(N.Dropdown,{isOpen:e,toggle:h,dropdownItems:m,style:{zIndex:400}})}const Eit="";function d4e(n){const{t:e}=Oy(),[t,i]=E.useState("");let r=n.placeholder;if(!r)switch(n.comparison){case"contains":r=e("contains");break;case"startsWith":r=e("starts with");break;case"endsWith":r=e("ends with");break;case"equals":r=e("equals");break}return x.jsxs(N.InputGroup,{children:[x.jsxs(N.TextInputGroup,{style:{minWidth:220},children:[x.jsx(N.TextInputGroupMain,{id:n.id,value:t,onChange:(s,o)=>{i(typeof s=="string"?s:o)},onKeyUp:s=>{t&&s.key==="Enter"&&(n.addFilter(t),i(""))},placeholder:r}),t!==""&&x.jsx(N.TextInputGroupUtilities,{children:x.jsx(N.Button,{variant:"plain","aria-label":"clear filter",onClick:()=>i(""),style:{opacity:t?void 0:0},tabIndex:-1,children:x.jsx(yt.TimesIcon,{})})})]}),x.jsx(N.Button,{variant:t?"primary":"control","aria-label":"apply filter",onClick:()=>{n.addFilter(t),i("")},tabIndex:-1,isDisabled:!t,children:x.jsx(yt.ArrowRightIcon,{})})]})}function h4e(n){const[e]=ti(),{addFilter:t,removeFilter:i,options:r,values:s}=n,[o,a]=E.useState(!1),l=E.useCallback((u,d)=>{s.includes(d.toString())?i(d.toString()):t(d.toString())},[t,i,s]),c=s;return x.jsx(x.Fragment,{children:x.jsx(N.Select,{variant:N.SelectVariant.checkbox,isOpen:o,onToggle:a,selections:c,onSelect:l,placeholderText:s.length?e.selectedText:n.placeholder,style:{zIndex:o?400:0},hasPlaceholderStyle:!0,children:r.map(u=>x.jsx(N.SelectOption,{id:u.value,value:u.value,children:u.label},u.value))})})}function vV(n){const{toolbarFilters:e,filters:t,setFilters:i}=n,[r,s]=E.useState(()=>e&&(e==null?void 0:e.length)>0?e[0].key:"");return e?e.length===0?x.jsx(x.Fragment,{}):x.jsx(x.Fragment,{children:x.jsx(N.ToolbarItem,{children:x.jsxs(N.Split,{style:{zIndex:400},children:[x.jsx(N.SplitItem,{children:x.jsx(N.InputGroup,{children:e.length===1?x.jsxs(x.Fragment,{children:[x.jsx(N.InputGroupText,{style:{border:0,paddingLeft:12,paddingRight:2,color:"inherit",borderRadius:"4px 0px 0px 4px"},children:x.jsx(yt.FilterIcon,{})}),x.jsx(N.InputGroupText,{style:{border:0,padding:"6px 8px",color:"inherit"},children:e[0].label})]}):x.jsxs(x.Fragment,{children:[x.jsx(N.InputGroupText,{style:{border:0,paddingLeft:12,paddingRight:12,color:"inherit",borderRadius:"4px 0px 0px 4px"},children:x.jsx(yt.FilterIcon,{})}),x.jsx(wc,{id:"filter",onSelect:(o,a)=>s(a.toString()),value:r,placeholderText:"",children:e.map(o=>x.jsx(N.SelectOption,{value:o.key,children:o.label},o.key))})]})})}),x.jsx(N.SplitItem,{isFilled:!0,children:x.jsx(f4e,{id:"filter-input",filter:e.find(o=>o.key===r),addFilter:o=>{let a=t==null?void 0:t[r];a||(a=[]),a.includes(o)||a.push(o),i==null||i({...t,[r]:a})},removeFilter:o=>{let a=t==null?void 0:t[r];a||(a=[]),a=a.filter(l=>l!==o),i==null||i({...t,[r]:a})},values:(t==null?void 0:t[r])??[]})})]})})}):x.jsx(x.Fragment,{})}function bV(n){const{toolbarFilters:e,setFilters:t,filters:i}=n,[r]=ti(),s=!ts("md");if(!e)return x.jsx(x.Fragment,{});if(e.length===0)return x.jsx(x.Fragment,{});const o=e.filter(l=>!l.isPinned),a=e.filter(l=>!!l.isPinned);return x.jsx(N.ToolbarToggleGroup,{toggleIcon:x.jsx(yt.FilterIcon,{}),breakpoint:"md",children:x.jsxs(N.ToolbarGroup,{variant:"filter-group",children:[s&&x.jsx(N.ToolbarItem,{variant:"label",children:r.filter}),x.jsx(vV,{toolbarFilters:o,setFilters:t,filters:i}),x.jsx(vV,{toolbarFilters:a,setFilters:t,filters:i}),e==null?void 0:e.map(l=>{const c=(i==null?void 0:i[l.key])||[];return x.jsx(N.ToolbarFilter,{categoryName:l.label,chips:c.map(u=>{var d;return"options"in l?((d=l.options.find(h=>h.value===u))==null?void 0:d.label)??u:u}),deleteChip:(u,d)=>{t==null||t(h=>{const f={...h};d=typeof d=="string"?d:d.key;let g=h[l.key];return g&&(g=g.filter(m=>m!==d),g.length===0?delete f[l.key]:f[l.key]=g),f})},deleteChipGroup:()=>{t==null||t(u=>{const d={...u};return delete d[l.key],d})},showToolbarItem:!1,children:x.jsx(x.Fragment,{})},l.label)})]})})}function f4e(n){const{filter:e}=n;switch(e==null?void 0:e.type){case"string":return x.jsx(d4e,{...n,comparison:e.comparison,placeholder:e.placeholder});case"select":return x.jsx(h4e,{...n,options:e.options,placeholder:e.placeholder})}return x.jsx(x.Fragment,{})}function g4e(n){const{sort:e,setSort:t,sortDirection:i,setSortDirection:r,sortOptions:s}=n,o=s==null?void 0:s.find(u=>u.value===e),a=o?o.type:void 0,[l]=ti(),c=E.useMemo(()=>{switch(a){case"text":switch(i){case"asc":return x.jsx(yt.SortAlphaUpIcon,{});case"desc":return x.jsx(yt.SortAlphaDownAltIcon,{})}break;case"number":switch(i){case"asc":return x.jsx(yt.SortNumericUpIcon,{});case"desc":return x.jsx(yt.SortNumericDownIcon,{})}break;default:switch(i){case"asc":return x.jsx(yt.SortAmountUpIcon,{});case"desc":return x.jsx(yt.SortAmountDownIcon,{})}break}return x.jsx(x.Fragment,{})},[i,a]);return!s||s.length<=1?x.jsx(x.Fragment,{}):x.jsx(N.ToolbarToggleGroup,{breakpoint:"md",toggleIcon:void 0,children:x.jsxs(N.ToolbarGroup,{variant:"filter-group",children:[x.jsx(N.ToolbarItem,{variant:"label",children:l.sort}),x.jsx(N.ToolbarItem,{children:x.jsxs(N.Split,{children:[x.jsx(m4e,{sortOptions:s,sort:e,setSort:t,setSortDirection:r}),x.jsx(N.Button,{variant:"control",icon:c,onClick:()=>{i==="asc"?r==null||r("desc"):r==null||r("asc")}})]})})]})})}function m4e(n){const{sortOptions:e,sort:t,setSort:i,setSortDirection:r}=n,[s,o]=E.useState(!1),a=E.useCallback((l,c)=>{const u=e.find(d=>d.value===c.toString());u&&t!==c.toString()&&u.defaultDirection&&(r==null||r(u.defaultDirection)),i==null||i(c.toString()),o(!1)},[e,i,r,t]);return x.jsx(N.Select,{variant:N.SelectVariant.single,isOpen:s,onToggle:o,selections:t,onSelect:a,style:{zIndex:s?400:0},hasPlaceholderStyle:!0,children:e.map(l=>x.jsx(N.SelectOption,{id:l.value,value:l.value,children:l.label},l.value))})}function p4e(n){return E.useMemo(()=>{const t=[];for(const i of n)if(i.sort){if(i.defaultSort){t.push({label:i.header,value:i.sort,type:"text",defaultDirection:i.defaultSortDirection});continue}switch(i.type){case"count":t.push({label:i.header,value:i.sort,type:"number",defaultDirection:i.defaultSortDirection});break;case"text":t.push({label:i.header,value:i.sort,type:"text",defaultDirection:i.defaultSortDirection});break;default:t.push({label:i.header,value:i.sort,defaultDirection:i.defaultSortDirection});break}}return t},[n])}function _4e(n){const{viewType:e,setViewType:t,openColumnModal:i}=n,[r]=ti();let s=0;return n.disableTableView||s++,n.disableCardView||s++,n.disableListView||s++,x.jsxs(N.ToolbarGroup,{variant:"button-group",style:{justifyContent:"end"},children:[!n.disableColumnManagement&&i&&e==="table"&&x.jsx(N.ToolbarItem,{children:x.jsx(N.Tooltip,{content:r.manageColumns,children:x.jsx(N.Button,{variant:"plain",icon:x.jsx(yt.ColumnsIcon,{}),onClick:i})})}),s>1&&x.jsx(N.ToolbarItem,{children:x.jsx(N.ToggleGroup,{"aria-label":"table view toggle",children:[!n.disableTableView&&ri.Table,!n.disableListView&&ri.List,!n.disableCardView&&ri.Cards].filter(o=>o).map(o=>{switch(o){case ri.Cards:return x.jsx(N.Tooltip,{content:r.cardView,position:"top-end",enableFlip:!1,children:x.jsx(N.ToggleGroupItem,{icon:x.jsx(yt.ThLargeIcon,{}),isSelected:e===ri.Cards,onClick:()=>t==null?void 0:t(ri.Cards),"aria-label":"card view"})},o);case ri.List:return x.jsx(N.Tooltip,{content:r.listView,position:"top-end",enableFlip:!1,children:x.jsx(N.ToggleGroupItem,{icon:x.jsx(yt.ListIcon,{}),isSelected:e===ri.List,onClick:()=>t==null?void 0:t(ri.List),"aria-label":"list view"})},o);case ri.Table:return x.jsx(N.Tooltip,{content:r.tableView,position:"top-end",enableFlip:!1,children:x.jsx(N.ToggleGroupItem,{icon:x.jsx(yt.TableIcon,{}),isSelected:e===ri.Table,onClick:()=>t==null?void 0:t(ri.Table),"aria-label":"table view"})},o)}})})})]})}const v4e=Mn.div`
|
327
327
|
flex-grow: 1;
|
328
328
|
`;function yV(n){const{itemCount:e,page:t,perPage:i,setPage:r,setPerPage:s,toolbarFilters:o,selectedItems:a,filters:l,setFilters:c,clearAllFilters:u,openColumnModal:d,bottomBorder:h,sort:f,setSort:g,sortDirection:m,setSortDirection:p,sortOptions:v}=n,_=ts("md"),{viewType:b,setViewType:w}=n;let{toolbarActions:S}=n;S=S??[];const D=E.useCallback((I,M)=>r(M),[r]),k=E.useCallback((I,M)=>s(M),[s]),L=o!==void 0,T=S!==void 0&&S.length>0,P=n.showSelect===!0||a!==void 0&&S&&S.find(I=>"selection"in I&&I.selection===Un.Multiple);return P||L||T?e===void 0?x.jsx(N.Toolbar,{className:"border-bottom dark-2",style:{paddingBottom:_?void 0:8,paddingTop:_?void 0:8},children:x.jsx(N.ToolbarContent,{children:x.jsx(N.ToolbarItem,{style:{width:"100%"},children:x.jsx(N.Skeleton,{height:"36px"})})})}):x.jsx(N.Toolbar,{clearAllFilters:u,className:"dark-2 page-table-toolbar",style:{paddingBottom:_?void 0:8,paddingTop:_?void 0:8,borderBottom:h?"thin solid var(--pf-global--BorderColor--100)":void 0},children:x.jsxs(N.ToolbarContent,{style:{justifyContent:"end",justifyItems:"end"},children:[P&&x.jsx(N.ToolbarGroup,{children:x.jsx(N.ToolbarItem,{variant:"bulk-select",children:x.jsx(_V,{...n})})}),x.jsx(bV,{toolbarFilters:o,filters:l,setFilters:c}),x.jsx(N.ToolbarGroup,{variant:"button-group",children:x.jsx(Uh,{actions:S,selectedItems:a,wrapper:N.ToolbarItem})}),x.jsx(v4e,{}),x.jsxs(N.Flex,{children:[x.jsx(g4e,{sort:f,setSort:g,sortDirection:m,setSortDirection:p,sortOptions:v}),x.jsx(_4e,{disableTableView:n.disableTableView,disableListView:n.disableListView,disableCardView:n.disableCardView,disableColumnManagement:n.disableColumnManagement,viewType:b,setViewType:w,openColumnModal:d})]}),x.jsx(N.ToolbarItem,{visibility:{default:"hidden","2xl":"visible"},style:{marginLeft:24},children:x.jsx(N.Pagination,{variant:N.PaginationVariant.top,isCompact:!0,itemCount:e,perPage:i,page:t,onSetPage:D,onPerPageSelect:k,style:{marginTop:-8,marginBottom:-8}})})]})}):x.jsx(E.Fragment,{})}const b4e=Mn.div`
|
329
329
|
height: 100%;
|
package/package.json
CHANGED
File without changes
|
File without changes
|