@ansible/ansible-ui-framework 2.4.209 → 2.4.211

package/framework/PageTable/PageToolbar/PageToolbarFilter.d.ts

@@ -1,7 +1,8 @@
 import { Dispatch, SetStateAction } from 'react';
 import { IToolbarTextFilter } from './PageToolbarFilterTypes/ToolbarTextFilter';
 import { IToolbarSelectFilter } from './PageToolbarFilterTypes/ToolbarSelectFilter';
-export type IToolbarFilter = IToolbarTextFilter | IToolbarSelectFilter;
+import { IToolbarDateFilter } from './PageToolbarFilterTypes/ToolbarDateFilter';
+export type IToolbarFilter = IToolbarTextFilter | IToolbarSelectFilter | IToolbarDateFilter;
 export type IFilterState = Record<string, string[] | undefined>;
 export type PageToolbarFiltersProps = {
     toolbarFilters?: IToolbarFilter[];

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

@@ -0,0 +1,9 @@
+import React, { FunctionComponent } from 'react';
+interface Props {
+    categoryKey: string;
+    value?: string;
+    setValue?: (event: React.FormEvent<HTMLInputElement>, value: string) => void;
+    validators?: ((date: Date) => string)[];
+}
+declare const DateInput: FunctionComponent<Props>;
+export default DateInput;

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

@@ -0,0 +1,12 @@
+import { SelectOptionObject } from '@patternfly/react-core';
+import { ToolbarFilterCommon } from './ToolbarFilterCommon';
+export interface IToolbarDateFilter extends ToolbarFilterCommon {
+    type: 'date';
+}
+type AttributeType = string | string[] | SelectOptionObject | SelectOptionObject[] | boolean;
+export declare function ToolbarDateFilter(props: {
+    endDate: string;
+    startDate: string;
+    setFilters: (type: string | undefined, value: AttributeType | undefined) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,21 @@
+import { SelectOptionObject } from '@patternfly/react-core';
+import { ToolbarFilterCommon } from './ToolbarFilterCommon';
+export interface IToolbarDateFilter extends ToolbarFilterCommon {
+    type: 'dateWithOptions';
+}
+type AttributeType = string | string[] | SelectOptionObject | SelectOptionObject[] | boolean;
+export declare function ToolbarDateFilterWithOptions(props: {
+    filters: Record<string, AttributeType>;
+    setFilters: (type: string | undefined, value: AttributeType | undefined) => void;
+    values: {
+        quick_date_range: {
+            label: string;
+            value: string;
+        }[];
+        granularity: {
+            label: string;
+            value: string;
+        }[];
+    };
+}): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,3 +1,4 @@
+import { SelectVariant } from '@patternfly/react-core';
 import { ToolbarFilterCommon } from './ToolbarFilterCommon';
 export interface IToolbarSelectFilterOption {
     label: string;
@@ -18,4 +19,5 @@ export declare function ToolbarSelectFilter(props: {
     values: string[];
     placeholder?: string;
     hasSearch?: boolean;
+    variant?: SelectVariant;
 }): import("react/jsx-runtime").JSX.Element;

package/index.js

@@ -29178,28 +29178,28 @@ function LRe(n) {
   ] });
 }
 function kRe(n) {
-  const [e] = wi(), { addFilter: t, removeFilter: i, options: r, values: s } = n, [o, a] = Qe(!1), l = Ye(
-    (h, f) => {
-      s.includes(f.toString()) ? i(f.toString()) : t(f.toString());
+  const [e] = wi(), { addFilter: t, removeFilter: i, options: r, values: s, variant: o } = n, [a, l] = Qe(!1), c = Ye(
+    (f, g) => {
+      s.includes(g.toString()) ? i(g.toString()) : t(g.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) => /* @__PURE__ */ x.jsx(hs, { id: f.value, value: f.value, children: f.label }, f.value)), d = s;
+  ), u = (f, g) => d(g === "" ? r : r.filter(
+    (m) => m.label.toString().toLowerCase().includes(g.toLowerCase())
+  )), d = (f) => f && f.map((g) => /* @__PURE__ */ x.jsx(hs, { id: g.value, value: g.value, children: g.label }, g.value)), h = s;
   return /* @__PURE__ */ x.jsx(x.Fragment, { children: /* @__PURE__ */ x.jsx(
     iI,
     {
-      variant: rI.checkbox,
-      isOpen: o,
-      onToggle: a,
-      selections: d,
-      onSelect: l,
+      variant: o || rI.checkbox,
+      isOpen: a,
+      onToggle: l,
+      selections: h,
+      onSelect: c,
       placeholderText: s.length ? e.selectedText : n.placeholder,
-      style: { zIndex: o ? 400 : 0 },
+      style: { zIndex: a ? 400 : 0 },
       hasPlaceholderStyle: !0,
-      onFilter: c,
+      onFilter: u,
       hasInlineFilter: n.hasSearch,
-      children: u(r)
+      children: d(r)
     }
   ) });
 }

package/index.umd.cjs

@@ -335,7 +335,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   display: flex;
   gap: 6px;
   align-items: baseline;
-`;function gNe(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(aNe,{children:[x.jsxs(lNe,{children:[c.icon&&x.jsx(L2,{size:"xl",children:c.icon}),x.jsxs(cNe,{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(qh,{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(uNe,{children:x.jsx(dNe,{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 mNe(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 f,g;let u=!!s;s!=null&&s.value&&!s.value(c)&&(u=!1);const d=a.filter(m=>!m.value||m.value(c)),h={id:e(c),icon:(f=i==null?void 0:i.icon)==null?void 0:f.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&&s&&x.jsx(t0,{children:s.type==="description"?x.jsx("div",{children:s.value(c)}):x.jsx(xr,{column:s,item:c})},s.id),d.map(m=>x.jsx(t0,{label:m.header,children:x.jsx(xr,{column:m,item:c})},m.id)),o.length>0&&x.jsx(t0,{children:x.jsx(hNe,{children:o.map((m,p)=>x.jsxs(fNe,{children:[x.jsx(xr,{column:m,item:c}),x.jsx("small",{style:{opacity:.7},children:m.header})]},p))})})]})}),labels:l&&((g=l.value(c))==null?void 0:g.map(m=>({label:m})))};return!u&&d.length===0&&o.length===0&&(h.cardBody=void 0),h},[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=mNe(i,e),d=E.useMemo(()=>x.jsx(oNe,{size:400,children:t==null?void 0:t.map(h=>x.jsx(gNe,{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 pNe(n){const{keyFn:e,pageItems:t,tableColumns:i,isSelected:r,selectItem:s,unselectItem:o,rowActions:a,defaultSubtitle:l,showSelect:c}=n,u=_Ne(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 _Ne(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(L2,{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(qh,{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 Fit="";function vNe(n){const{t:e}=e0(),[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 bNe(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(yNe,{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 yNe(n){const{filter:e}=n;switch(e==null?void 0:e.type){case"string":return x.jsx(vNe,{...n,comparison:e.comparison,placeholder:e.placeholder});case"select":return x.jsx(bNe,{...n,options:e.options,placeholder:e.placeholder})}return x.jsx(x.Fragment,{})}function CNe(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<=0?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(wNe,{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 wNe(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 SNe(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 xNe(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 kNe=on.div`
+`;function gNe(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(aNe,{children:[x.jsxs(lNe,{children:[c.icon&&x.jsx(L2,{size:"xl",children:c.icon}),x.jsxs(cNe,{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(qh,{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(uNe,{children:x.jsx(dNe,{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 mNe(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 f,g;let u=!!s;s!=null&&s.value&&!s.value(c)&&(u=!1);const d=a.filter(m=>!m.value||m.value(c)),h={id:e(c),icon:(f=i==null?void 0:i.icon)==null?void 0:f.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&&s&&x.jsx(t0,{children:s.type==="description"?x.jsx("div",{children:s.value(c)}):x.jsx(xr,{column:s,item:c})},s.id),d.map(m=>x.jsx(t0,{label:m.header,children:x.jsx(xr,{column:m,item:c})},m.id)),o.length>0&&x.jsx(t0,{children:x.jsx(hNe,{children:o.map((m,p)=>x.jsxs(fNe,{children:[x.jsx(xr,{column:m,item:c}),x.jsx("small",{style:{opacity:.7},children:m.header})]},p))})})]})}),labels:l&&((g=l.value(c))==null?void 0:g.map(m=>({label:m})))};return!u&&d.length===0&&o.length===0&&(h.cardBody=void 0),h},[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=mNe(i,e),d=E.useMemo(()=>x.jsx(oNe,{size:400,children:t==null?void 0:t.map(h=>x.jsx(gNe,{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 pNe(n){const{keyFn:e,pageItems:t,tableColumns:i,isSelected:r,selectItem:s,unselectItem:o,rowActions:a,defaultSubtitle:l,showSelect:c}=n,u=_Ne(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 _Ne(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(L2,{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(qh,{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 Fit="";function vNe(n){const{t:e}=e0(),[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 bNe(n){const[e]=ti(),{addFilter:t,removeFilter:i,options:r,values:s,variant:o}=n,[a,l]=E.useState(!1),c=E.useCallback((f,g)=>{s.includes(g.toString())?i(g.toString()):t(g.toString())},[t,i,s]),u=(f,g)=>d(g===""?r:r.filter(m=>m.label.toString().toLowerCase().includes(g.toLowerCase()))),d=f=>f&&f.map(g=>x.jsx(N.SelectOption,{id:g.value,value:g.value,children:g.label},g.value)),h=s;return x.jsx(x.Fragment,{children:x.jsx(N.Select,{variant:o||N.SelectVariant.checkbox,isOpen:a,onToggle:l,selections:h,onSelect:c,placeholderText:s.length?e.selectedText:n.placeholder,style:{zIndex:a?400:0},hasPlaceholderStyle:!0,onFilter:u,hasInlineFilter:n.hasSearch,children:d(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(yNe,{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 yNe(n){const{filter:e}=n;switch(e==null?void 0:e.type){case"string":return x.jsx(vNe,{...n,comparison:e.comparison,placeholder:e.placeholder});case"select":return x.jsx(bNe,{...n,options:e.options,placeholder:e.placeholder})}return x.jsx(x.Fragment,{})}function CNe(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<=0?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(wNe,{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 wNe(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 SNe(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 xNe(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 kNe=on.div`
   flex-grow: 1;
 `,yV=on(N.ToolbarContent)`
   & > .pf-c-toolbar__content-section {

package/package.json

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