@ansible/ansible-ui-framework 2.4.159 → 2.4.161

package/framework/PageDialogs/MultiSelectDialog.d.ts

@@ -1,5 +1,5 @@
 import { ITableColumn } from '../PageTable/PageTableColumn';
-import { IToolbarFilter } from '../PageTable/PageToolbarFilter';
+import { IToolbarFilter } from '../PageTable/PageToolbar/PageToolbarFilter';
 import { ISelected } from '../PageTable/useTableItems';
 import { IView } from '../useView';
 export type MultiSelectDialogProps<T extends object> = {

package/framework/PageDialogs/SelectSingleDialog.d.ts

@@ -1,5 +1,5 @@
 import { ITableColumn } from '../PageTable/PageTableColumn';
-import { IToolbarFilter } from '../PageTable/PageToolbarFilter';
+import { IToolbarFilter } from '../PageTable/PageToolbar/PageToolbarFilter';
 import { ISelected } from '../PageTable/useTableItems';
 import { IView } from '../useView';
 export type SelectSingleDialogProps<T extends object> = {

package/framework/PageDialogs/useSelectDialog.d.ts

@@ -1,5 +1,5 @@
 import { ITableColumn } from '../PageTable/PageTableColumn';
-import { IToolbarFilter } from '../PageTable/PageToolbarFilter';
+import { IToolbarFilter } from '../PageTable/PageToolbar/PageToolbarFilter';
 import { ISelected } from '../PageTable/useTableItems';
 import { IView } from '../useView';
 interface ISelectDialogOptions<T extends object, TMultiple> {

package/framework/PageTable/PageTable.d.ts

@@ -2,8 +2,8 @@ import { Dispatch, ReactNode, SetStateAction } from 'react';
 import { IPageAction } from '../PageActions/PageAction';
 import './PageTable.css';
 import { ITableColumn } from './PageTableColumn';
-import { PageTableViewType } from './PageTableViewType';
-import { IToolbarFilter } from './PageToolbarFilter';
+import { PageTableViewType } from './PageToolbar/PageTableViewType';
+import { IToolbarFilter } from './PageToolbar/PageToolbarFilter';
 export type PageTableProps<T extends object> = {
     keyFn: (item: T) => string | number;
     itemCount?: number;

package/framework/PageTable/PageTableColumn.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { PageTableViewTypeE } from './PageTableViewType';
+import { PageTableViewTypeE } from './PageToolbar/PageTableViewType';
 export declare enum ColumnTableOption {
     Key = "key",
     Description = "description",

package/framework/PageTable/{PageToolbar.d.ts → PageToolbar/PageToolbar.d.ts}

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction } from 'react';
-import { IPageAction } from '../PageActions/PageAction';
+import { IPageAction } from '../../PageActions/PageAction';
 import { PageTableViewType } from './PageTableViewType';
 import './PageToolbar.css';
 import { IToolbarFilter } from './PageToolbarFilter';

package/framework/PageTable/{PageToolbarFilter.d.ts → PageToolbar/PageToolbarFilter.d.ts}

@@ -1,23 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
-interface ToolbarFilterCommon {
-    key: string;
-    label: string;
-    isPinned?: boolean;
-    query: string;
-    placeholder?: string;
-}
-export interface IToolbarTextFilter extends ToolbarFilterCommon {
-    type: 'string';
-    comparison: 'contains' | 'startsWith' | 'endsWith' | 'equals';
-}
-export interface IToolbarSelectFilter extends ToolbarFilterCommon {
-    type: 'select';
-    options: {
-        label: string;
-        description?: string;
-        value: string;
-    }[];
-}
+import { IToolbarTextFilter } from './PageToolbarFilterTypes/ToolbarTextFilter';
+import { IToolbarSelectFilter } from './PageToolbarFilterTypes/ToolbarSelectFilter';
 export type IToolbarFilter = IToolbarTextFilter | IToolbarSelectFilter;
 export type IFilterState = Record<string, string[] | undefined>;
 export type PageToolbarFiltersProps = {
@@ -26,4 +9,3 @@ export type PageToolbarFiltersProps = {
     setFilters?: Dispatch<SetStateAction<Record<string, string[]>>>;
 };
 export declare function PageToolbarFilters(props: PageToolbarFiltersProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/framework/PageTable/PageToolbar/PageToolbarFilterTypes/ToolbarFilterCommon.d.ts

@@ -0,0 +1,7 @@
+export interface ToolbarFilterCommon {
+    key: string;
+    label: string;
+    isPinned?: boolean;
+    query: string;
+    placeholder?: string;
+}

package/framework/PageTable/PageToolbar/PageToolbarFilterTypes/ToolbarSelectFilter.d.ts

@@ -0,0 +1,19 @@
+import { ToolbarFilterCommon } from './ToolbarFilterCommon';
+export interface IToolbarSelectFilter extends ToolbarFilterCommon {
+    type: 'select';
+    options: {
+        label: string;
+        description?: string;
+        value: string;
+    }[];
+}
+export declare function ToolbarSelectFilter(props: {
+    addFilter: (value: string) => void;
+    removeFilter: (value: string) => void;
+    options: {
+        label: string;
+        value: string;
+    }[];
+    values: string[];
+    placeholder?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/framework/PageTable/PageToolbar/PageToolbarFilterTypes/ToolbarTextFilter.d.ts

@@ -0,0 +1,9 @@
+import { ToolbarFilterCommon } from './ToolbarFilterCommon';
+export interface IToolbarTextFilter extends ToolbarFilterCommon {
+    type: 'string';
+    comparison: 'contains' | 'startsWith' | 'endsWith' | 'equals';
+}
+export declare function ToolbarTextFilter(props: {
+    id?: string;
+    addFilter: (value: string) => void;
+} & Pick<IToolbarTextFilter, 'comparison' | 'placeholder'>): import("react/jsx-runtime").JSX.Element;

package/framework/PageTable/{PageToolbarSort.d.ts → PageToolbar/PageToolbarSort.d.ts}

@@ -1,4 +1,4 @@
-import { ITableColumn } from './PageTableColumn';
+import { ITableColumn } from '../PageTableColumn';
 export type PageToolbarSortProps = {
     sort?: string;
     setSort?: (sort: string) => void;

package/framework/index.d.ts

@@ -43,8 +43,8 @@ export * from './PageNav/PageNavSidebar';
 export * from './PageTable/PageTable';
 export * from './PageTable/PageTableCards';
 export * from './PageTable/PageTableColumn';
-export * from './PageTable/PageToolbar';
-export * from './PageTable/PageToolbarFilter';
+export * from './PageTable/PageToolbar/PageToolbar';
+export * from './PageTable/PageToolbar/PageToolbarFilter';
 export * from './PageTable/useTableItems';
 export * from './PageTabs';
 export * from './Settings';

package/framework/useInMemoryView.d.ts

@@ -1,5 +1,5 @@
 import { ITableColumn } from './PageTable/PageTableColumn';
-import { IToolbarFilter } from './PageTable/PageToolbarFilter';
+import { IToolbarFilter } from './PageTable/PageToolbar/PageToolbarFilter';
 import { ISelected } from './PageTable/useTableItems';
 import { IView } from './useView';
 export type IInMemoryView<T extends object> = IView & ISelected<T> & {

package/index.js

@@ -18,8 +18,8 @@ var Fc = (n, e, t) => (W7(n, e, "read from private field"), t ? t.call(n) : e.ge
 });
 import * as Ve from "react";
 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";
-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, ToolbarToggleGroup as _$, ToolbarGroup as Z0, ToolbarItem as na, ToolbarFilter as EJ, InputGroup as g_, InputGroupText as _2, TextInputGroup as TJ, TextInputGroupMain as AJ, TextInputGroupUtilities as IJ, 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";
-import { CircleIcon as QJ, ExternalLinkAltIcon as S$, OutlinedQuestionCircleIcon as x$, HelpIcon as JJ, PlusCircleIcon as eee, CubesIcon as tee, ExclamationCircleIcon as L$, FilterIcon as e5, TimesIcon as nee, ArrowRightIcon as iee, 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";
+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";
+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";
 import { Link as lI } from "react-router-dom";
 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";
 import * as Wo from "monaco-editor";
@@ -29064,6 +29064,89 @@ function _Re(n) {
     }
   );
 }
+function bRe(n) {
+  const { t: e } = ox(), [t, i] = Qe("");
+  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 /* @__PURE__ */ x.jsxs(g_, { children: [
+    /* @__PURE__ */ x.jsxs(EJ, { style: { minWidth: 220 }, children: [
+      /* @__PURE__ */ x.jsx(
+        TJ,
+        {
+          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 !== "" && /* @__PURE__ */ x.jsx(AJ, { children: /* @__PURE__ */ x.jsx(
+        gn,
+        {
+          variant: "plain",
+          "aria-label": "clear filter",
+          onClick: () => i(""),
+          style: { opacity: t ? void 0 : 0 },
+          tabIndex: -1,
+          children: /* @__PURE__ */ x.jsx(nee, {})
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ x.jsx(
+      gn,
+      {
+        variant: t ? "primary" : "control",
+        "aria-label": "apply filter",
+        onClick: () => {
+          n.addFilter(t), i("");
+        },
+        tabIndex: -1,
+        isDisabled: !t,
+        children: /* @__PURE__ */ x.jsx(iee, {})
+      }
+    )
+  ] });
+}
+function yRe(n) {
+  const [e] = wi(), { addFilter: t, removeFilter: i, options: r, values: s } = n, [o, a] = Qe(!1), l = Ye(
+    (u, d) => {
+      s.includes(d.toString()) ? i(d.toString()) : t(d.toString());
+    },
+    [t, i, s]
+  ), c = s;
+  return /* @__PURE__ */ x.jsx(x.Fragment, { children: /* @__PURE__ */ x.jsx(
+    tI,
+    {
+      variant: nI.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) => /* @__PURE__ */ x.jsx(hs, { id: u.value, value: u.value, children: u.label }, u.value))
+    }
+  ) });
+}
 function KR(n) {
   const { toolbarFilters: e, filters: t, setFilters: i } = n, [r, s] = Qe(
     () => e && (e == null ? void 0 : e.length) > 0 ? e[0].key : ""
@@ -29110,7 +29193,7 @@ function KR(n) {
       )
     ] }) }) }),
     /* @__PURE__ */ x.jsx(ms, { isFilled: !0, children: /* @__PURE__ */ x.jsx(
-      yRe,
+      wRe,
       {
         id: "filter-input",
         filter: e.find((o) => o.key === r),
@@ -29127,7 +29210,7 @@ function KR(n) {
     ) })
   ] }) }) }) : /* @__PURE__ */ x.jsx(x.Fragment, {});
 }
-function bRe(n) {
+function CRe(n) {
   const { toolbarFilters: e, setFilters: t, filters: i } = n, [r] = wi(), s = !Hs("md");
   if (!e)
     return /* @__PURE__ */ x.jsx(x.Fragment, {});
@@ -29141,7 +29224,7 @@ function bRe(n) {
     e == null ? void 0 : e.map((l) => {
       const c = (i == null ? void 0 : i[l.key]) || [];
       return /* @__PURE__ */ x.jsx(
-        EJ,
+        IJ,
         {
           categoryName: l.label,
           chips: c.map((u) => {
@@ -29170,12 +29253,12 @@ function bRe(n) {
     })
   ] }) });
 }
-function yRe(n) {
+function wRe(n) {
   const { filter: e } = n;
   switch (e == null ? void 0 : e.type) {
     case "string":
       return /* @__PURE__ */ x.jsx(
-        CRe,
+        bRe,
         {
           ...n,
           comparison: e.comparison,
@@ -29183,93 +29266,10 @@ function yRe(n) {
         }
       );
     case "select":
-      return /* @__PURE__ */ x.jsx(wRe, { ...n, options: e.options, placeholder: e.placeholder });
+      return /* @__PURE__ */ x.jsx(yRe, { ...n, options: e.options, placeholder: e.placeholder });
   }
   return /* @__PURE__ */ x.jsx(x.Fragment, {});
 }
-function CRe(n) {
-  const { t: e } = ox(), [t, i] = Qe("");
-  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 /* @__PURE__ */ x.jsxs(g_, { children: [
-    /* @__PURE__ */ x.jsxs(TJ, { style: { minWidth: 220 }, children: [
-      /* @__PURE__ */ x.jsx(
-        AJ,
-        {
-          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 !== "" && /* @__PURE__ */ x.jsx(IJ, { children: /* @__PURE__ */ x.jsx(
-        gn,
-        {
-          variant: "plain",
-          "aria-label": "clear filter",
-          onClick: () => i(""),
-          style: { opacity: t ? void 0 : 0 },
-          tabIndex: -1,
-          children: /* @__PURE__ */ x.jsx(nee, {})
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ x.jsx(
-      gn,
-      {
-        variant: t ? "primary" : "control",
-        "aria-label": "apply filter",
-        onClick: () => {
-          n.addFilter(t), i("");
-        },
-        tabIndex: -1,
-        isDisabled: !t,
-        children: /* @__PURE__ */ x.jsx(iee, {})
-      }
-    )
-  ] });
-}
-function wRe(n) {
-  const [e] = wi(), { addFilter: t, removeFilter: i, options: r, values: s } = n, [o, a] = Qe(!1), l = Ye(
-    (u, d) => {
-      s.includes(d.toString()) ? i(d.toString()) : t(d.toString());
-    },
-    [t, i, s]
-  ), c = s;
-  return /* @__PURE__ */ x.jsx(x.Fragment, { children: /* @__PURE__ */ x.jsx(
-    tI,
-    {
-      variant: nI.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) => /* @__PURE__ */ x.jsx(hs, { id: u.value, value: u.value, children: u.label }, u.value))
-    }
-  ) });
-}
 function SRe(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] = wi(), c = pt(() => {
     switch (a) {
@@ -29513,7 +29513,7 @@ function ERe(n) {
       children: /* @__PURE__ */ x.jsxs(Jk, { style: { justifyContent: "end", justifyItems: "end" }, children: [
         N && /* @__PURE__ */ x.jsx(Z0, { children: /* @__PURE__ */ x.jsx(na, { variant: "bulk-select", children: /* @__PURE__ */ x.jsx(_Re, { ...n }) }) }),
         /* @__PURE__ */ x.jsx(
-          bRe,
+          CRe,
           {
             toolbarFilters: o,
             filters: l,
@@ -103826,7 +103826,7 @@ export {
   ERe as PageTableToolbar,
   kst as PageTabs,
   jat as PageTabsOld,
-  bRe as PageToolbarFilters,
+  CRe as PageToolbarFilters,
   Est as RunningIcon,
   v5 as Scrollable,
   ZRe as SelectDialog,

package/index.umd.cjs

@@ -323,7 +323,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   display: flex;
   gap: 6px;
   align-items: baseline;
-`;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`
+`;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`
   flex-grow: 1;
 `;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`
   height: 100%;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ansible/ansible-ui-framework",
   "description": "A framework for building applications using PatternFly.",
-  "version": "2.4.159",
+  "version": "2.4.161",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",