@ansible/ansible-ui-framework 2.4.160 → 2.4.162
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 +21 -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 +97 -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,21 @@
|
|
1
|
+
import { ToolbarFilterCommon } from './ToolbarFilterCommon';
|
2
|
+
export interface IToolbarSelectFilterOption {
|
3
|
+
label: string;
|
4
|
+
description?: string;
|
5
|
+
value: string;
|
6
|
+
}
|
7
|
+
export interface IToolbarSelectFilter extends ToolbarFilterCommon {
|
8
|
+
type: 'select';
|
9
|
+
options: IToolbarSelectFilterOption[];
|
10
|
+
}
|
11
|
+
export declare function ToolbarSelectFilter(props: {
|
12
|
+
addFilter: (value: string) => void;
|
13
|
+
removeFilter: (value: string) => void;
|
14
|
+
options: {
|
15
|
+
label: string;
|
16
|
+
value: string;
|
17
|
+
}[];
|
18
|
+
values: string[];
|
19
|
+
placeholder?: string;
|
20
|
+
hasSearch?: boolean;
|
21
|
+
}): 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,93 @@ 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
|
+
(h, f) => {
|
29131
|
+
s.includes(f.toString()) ? i(f.toString()) : t(f.toString());
|
29132
|
+
},
|
29133
|
+
[t, i, s]
|
29134
|
+
), c = (h, f) => u(f === "" ? r : r.filter(
|
29135
|
+
(g) => g.label.toString().toLowerCase().includes(f.toLowerCase())
|
29136
|
+
)), u = (h) => h && h.map((f) => /* @__PURE__ */ x.jsx(hs, { id: f.value, value: f.value, children: f.label }, f.value)), d = s;
|
29137
|
+
return /* @__PURE__ */ x.jsx(x.Fragment, { children: /* @__PURE__ */ x.jsx(
|
29138
|
+
tI,
|
29139
|
+
{
|
29140
|
+
variant: nI.checkbox,
|
29141
|
+
isOpen: o,
|
29142
|
+
onToggle: a,
|
29143
|
+
selections: d,
|
29144
|
+
onSelect: l,
|
29145
|
+
placeholderText: s.length ? e.selectedText : n.placeholder,
|
29146
|
+
style: { zIndex: o ? 400 : 0 },
|
29147
|
+
hasPlaceholderStyle: !0,
|
29148
|
+
onFilter: c,
|
29149
|
+
hasInlineFilter: n.hasSearch,
|
29150
|
+
children: u(r)
|
29151
|
+
}
|
29152
|
+
) });
|
29153
|
+
}
|
29067
29154
|
function KR(n) {
|
29068
29155
|
const { toolbarFilters: e, filters: t, setFilters: i } = n, [r, s] = Qe(
|
29069
29156
|
() => e && (e == null ? void 0 : e.length) > 0 ? e[0].key : ""
|
@@ -29110,7 +29197,7 @@ function KR(n) {
|
|
29110
29197
|
)
|
29111
29198
|
] }) }) }),
|
29112
29199
|
/* @__PURE__ */ x.jsx(ms, { isFilled: !0, children: /* @__PURE__ */ x.jsx(
|
29113
|
-
|
29200
|
+
wRe,
|
29114
29201
|
{
|
29115
29202
|
id: "filter-input",
|
29116
29203
|
filter: e.find((o) => o.key === r),
|
@@ -29127,7 +29214,7 @@ function KR(n) {
|
|
29127
29214
|
) })
|
29128
29215
|
] }) }) }) : /* @__PURE__ */ x.jsx(x.Fragment, {});
|
29129
29216
|
}
|
29130
|
-
function
|
29217
|
+
function CRe(n) {
|
29131
29218
|
const { toolbarFilters: e, setFilters: t, filters: i } = n, [r] = wi(), s = !Hs("md");
|
29132
29219
|
if (!e)
|
29133
29220
|
return /* @__PURE__ */ x.jsx(x.Fragment, {});
|
@@ -29141,7 +29228,7 @@ function bRe(n) {
|
|
29141
29228
|
e == null ? void 0 : e.map((l) => {
|
29142
29229
|
const c = (i == null ? void 0 : i[l.key]) || [];
|
29143
29230
|
return /* @__PURE__ */ x.jsx(
|
29144
|
-
|
29231
|
+
IJ,
|
29145
29232
|
{
|
29146
29233
|
categoryName: l.label,
|
29147
29234
|
chips: c.map((u) => {
|
@@ -29170,12 +29257,12 @@ function bRe(n) {
|
|
29170
29257
|
})
|
29171
29258
|
] }) });
|
29172
29259
|
}
|
29173
|
-
function
|
29260
|
+
function wRe(n) {
|
29174
29261
|
const { filter: e } = n;
|
29175
29262
|
switch (e == null ? void 0 : e.type) {
|
29176
29263
|
case "string":
|
29177
29264
|
return /* @__PURE__ */ x.jsx(
|
29178
|
-
|
29265
|
+
bRe,
|
29179
29266
|
{
|
29180
29267
|
...n,
|
29181
29268
|
comparison: e.comparison,
|
@@ -29183,93 +29270,10 @@ function yRe(n) {
|
|
29183
29270
|
}
|
29184
29271
|
);
|
29185
29272
|
case "select":
|
29186
|
-
return /* @__PURE__ */ x.jsx(
|
29273
|
+
return /* @__PURE__ */ x.jsx(yRe, { ...n, options: e.options, placeholder: e.placeholder });
|
29187
29274
|
}
|
29188
29275
|
return /* @__PURE__ */ x.jsx(x.Fragment, {});
|
29189
29276
|
}
|
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
29277
|
function SRe(n) {
|
29274
29278
|
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
29279
|
switch (a) {
|
@@ -29513,7 +29517,7 @@ function ERe(n) {
|
|
29513
29517
|
children: /* @__PURE__ */ x.jsxs(Jk, { style: { justifyContent: "end", justifyItems: "end" }, children: [
|
29514
29518
|
N && /* @__PURE__ */ x.jsx(Z0, { children: /* @__PURE__ */ x.jsx(na, { variant: "bulk-select", children: /* @__PURE__ */ x.jsx(_Re, { ...n }) }) }),
|
29515
29519
|
/* @__PURE__ */ x.jsx(
|
29516
|
-
|
29520
|
+
CRe,
|
29517
29521
|
{
|
29518
29522
|
toolbarFilters: o,
|
29519
29523
|
filters: l,
|
@@ -103826,7 +103830,7 @@ export {
|
|
103826
103830
|
ERe as PageTableToolbar,
|
103827
103831
|
kst as PageTabs,
|
103828
103832
|
jat as PageTabsOld,
|
103829
|
-
|
103833
|
+
CRe as PageToolbarFilters,
|
103830
103834
|
Est as RunningIcon,
|
103831
103835
|
v5 as Scrollable,
|
103832
103836
|
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((h,f)=>{s.includes(f.toString())?i(f.toString()):t(f.toString())},[t,i,s]),c=(h,f)=>u(f===""?r:r.filter(g=>g.label.toString().toLowerCase().includes(f.toLowerCase()))),u=h=>h&&h.map(f=>x.jsx(N.SelectOption,{id:f.value,value:f.value,children:f.label},f.value)),d=s;return x.jsx(x.Fragment,{children:x.jsx(N.Select,{variant:N.SelectVariant.checkbox,isOpen:o,onToggle:a,selections:d,onSelect:l,placeholderText:s.length?e.selectedText:n.placeholder,style:{zIndex:o?400:0},hasPlaceholderStyle:!0,onFilter:c,hasInlineFilter:n.hasSearch,children:u(r)})})}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
|