@ansible/ansible-ui-framework 2.4.65 → 2.4.66

Sign up to get free protection for your applications and to get access to all the features.
@@ -11,6 +11,7 @@ export interface PageTableSortOption {
11
11
  label: string;
12
12
  value: string;
13
13
  type?: 'text' | 'number' | undefined;
14
+ defaultDirection?: 'asc' | 'desc';
14
15
  }
15
16
  export declare function PageToolbarSort(props: PageToolbarSortProps): JSX.Element;
16
17
  export declare function usePageToolbarSortOptionsFromColumns<T extends object>(tableColumns: ITableColumn<T>[]): PageTableSortOption[];
package/index.js CHANGED
@@ -10719,7 +10719,15 @@ function y0(t) {
10719
10719
  return !i || i.length <= 1 ? /* @__PURE__ */ u.jsx(u.Fragment, {}) : /* @__PURE__ */ u.jsx(Xl, { breakpoint: "md", toggleIcon: void 0, children: /* @__PURE__ */ u.jsxs(zn, { variant: "filter-group", children: [
10720
10720
  /* @__PURE__ */ u.jsx(ar, { variant: "label", children: l.sort }),
10721
10721
  /* @__PURE__ */ u.jsx(ar, { children: /* @__PURE__ */ u.jsxs(Kr, { children: [
10722
- /* @__PURE__ */ u.jsx(v0, { sortOptions: i, sort: e, setSort: r }),
10722
+ /* @__PURE__ */ u.jsx(
10723
+ v0,
10724
+ {
10725
+ sortOptions: i,
10726
+ sort: e,
10727
+ setSort: r,
10728
+ setSortDirection: s
10729
+ }
10730
+ ),
10723
10731
  /* @__PURE__ */ u.jsx(
10724
10732
  Ze,
10725
10733
  {
@@ -10734,23 +10742,24 @@ function y0(t) {
10734
10742
  ] }) });
10735
10743
  }
10736
10744
  function v0(t) {
10737
- const { sortOptions: e, sort: r, setSort: n } = t, [s, i] = ye(!1), a = ge(
10738
- (o, l) => {
10739
- n == null || n(l.toString()), i(!1);
10745
+ const { sortOptions: e, sort: r, setSort: n, setSortDirection: s } = t, [i, a] = ye(!1), o = ge(
10746
+ (l, c) => {
10747
+ const f = e.find((h) => h.value === c.toString());
10748
+ f && r !== c.toString() && f.defaultDirection && (s == null || s(f.defaultDirection)), n == null || n(c.toString()), a(!1);
10740
10749
  },
10741
- [n]
10750
+ [e, n, s, r]
10742
10751
  );
10743
10752
  return /* @__PURE__ */ u.jsx(
10744
10753
  xa,
10745
10754
  {
10746
10755
  variant: wa.single,
10747
- isOpen: s,
10748
- onToggle: i,
10756
+ isOpen: i,
10757
+ onToggle: a,
10749
10758
  selections: r,
10750
- onSelect: a,
10751
- style: { zIndex: s ? 400 : 0 },
10759
+ onSelect: o,
10760
+ style: { zIndex: i ? 400 : 0 },
10752
10761
  hasPlaceholderStyle: !0,
10753
- children: e.map((o) => /* @__PURE__ */ u.jsx(Pt, { id: o.value, value: o.value, children: o.label }, o.value))
10762
+ children: e.map((l) => /* @__PURE__ */ u.jsx(Pt, { id: l.value, value: l.value, children: l.label }, l.value))
10754
10763
  }
10755
10764
  );
10756
10765
  }
@@ -10760,18 +10769,37 @@ function b0(t) {
10760
10769
  for (const n of t)
10761
10770
  if (n.sort) {
10762
10771
  if (n.defaultSort) {
10763
- r.push({ label: n.header, value: n.sort, type: "text" });
10772
+ r.push({
10773
+ label: n.header,
10774
+ value: n.sort,
10775
+ type: "text",
10776
+ defaultDirection: n.defaultSortDirection
10777
+ });
10764
10778
  continue;
10765
10779
  }
10766
10780
  switch (n.type) {
10767
10781
  case "count":
10768
- r.push({ label: n.header, value: n.sort, type: "number" });
10782
+ r.push({
10783
+ label: n.header,
10784
+ value: n.sort,
10785
+ type: "number",
10786
+ defaultDirection: n.defaultSortDirection
10787
+ });
10769
10788
  break;
10770
10789
  case "text":
10771
- r.push({ label: n.header, value: n.sort, type: "text" });
10790
+ r.push({
10791
+ label: n.header,
10792
+ value: n.sort,
10793
+ type: "text",
10794
+ defaultDirection: n.defaultSortDirection
10795
+ });
10772
10796
  break;
10773
10797
  default:
10774
- r.push({ label: n.header, value: n.sort });
10798
+ r.push({
10799
+ label: n.header,
10800
+ value: n.sort,
10801
+ defaultDirection: n.defaultSortDirection
10802
+ });
10775
10803
  break;
10776
10804
  }
10777
10805
  }
package/index.umd.cjs CHANGED
@@ -173,7 +173,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
173
173
  display: flex;
174
174
  gap: 6px;
175
175
  align-items: baseline;
176
- `;function qg(t){const{item:e,itemToCardFn:r,isSelected:n,selectItem:s,unselectItem:i,itemActions:o,showSelect:a,defaultCardSubtitle:l}=t,c=w.useMemo(()=>r(e),[e,r]),f=!!(n!=null&&n(e)),h=w.useCallback(()=>{n!=null&&n(e)?i==null||i(e):s==null||s(e)},[n,e,s,i]),d=o!==void 0&&o.length>0,m=a||d;return u.jsxs(v.Card,{id:c.id,isFlat:!0,isLarge:!0,isRounded:!0,isSelectable:f,isSelected:f,style:{transition:"box-shadow 0.25s",cursor:"default",maxWidth:"100%"},children:[u.jsxs(v.CardHeader,{style:{display:"flex",flexWrap:"nowrap",maxWidth:"100%"},children:[u.jsxs(Vg,{children:[u.jsxs(Lg,{children:[c.icon&&u.jsx(ki,{size:"xl",children:c.icon}),u.jsxs(Rg,{children:[u.jsx(v.CardTitle,{children:u.jsx(v.Truncate,{content:c.title})}),c.subtitle?u.jsx(v.Text,{component:"small",style:{opacity:.7},children:c.subtitle}):l&&u.jsx(v.Text,{component:"small",style:{opacity:.7},children:l})]})]}),c.badge&&c.badgeTooltip&&u.jsx(v.FlexItem,{children:u.jsx("div",{onClick:p=>p.stopPropagation(),children:u.jsx(v.Popover,{headerContent:c.badgeTooltipTitle,bodyContent:c.badgeTooltip,removeFindDomNode:!0,children:u.jsx(v.Label,{color:c.badgeColor,children:c.badge})})})}),c.badge&&!c.badgeTooltip&&u.jsx(v.FlexItem,{children:u.jsx(v.Label,{color:c.badgeColor,children:c.badge})})]}),m&&u.jsxs(v.CardActions,{children:[o&&o.length&&u.jsx(Br,{actions:o,position:v.DropdownPosition.right,selectedItem:e,iconOnly:!0,collapse:"always"}),a&&u.jsx(v.Checkbox,{isChecked:n==null?void 0:n(e),onChange:h,id:"check-1"})]})]}),c.cardBody,c.labels&&u.jsx(v.CardFooter,{children:u.jsx(Bg,{children:u.jsx(zg,{children:c.labels&&u.jsx(v.LabelGroup,{numLabels:999,children:c.labels.map(p=>u.jsx(v.Label,{color:p.color,children:u.jsx(v.Truncate,{content:p.label,style:{minWidth:0}})},p.label))})})})}),c.alertTitle&&u.jsx(v.Alert,{title:c.alertTitle,isInline:!0,variant:c.alertVariant,children:c.alertContent})]},c.id??c.title)}function Hg(t,e){const r=w.useMemo(()=>{let c,f,h;const d=[];let m;const p=[];for(const y of t)switch(y.type){case"description":h||(h=y);break;case"labels":m||(m=y);break;case"count":d.push(y);break;default:switch(y.card){case"name":c=y;break;case"subtitle":f=y;break;case"description":h=y;break;case"hidden":break;default:p.push(y);break}break}return{nameColumn:c,subtitleColumn:f,descriptionColumn:h,countColumns:d,cardColumns:p,labelColumn:m}},[t]),{nameColumn:n,subtitleColumn:s,descriptionColumn:i,countColumns:o,cardColumns:a,labelColumn:l}=r;return w.useMemo(()=>c=>{var d,m;const f=i&&(!i.value||i.value(c)),h={id:e(c),icon:(d=n==null?void 0:n.icon)==null?void 0:d.call(n,c),title:u.jsx(Et,{column:n,item:c}),subtitle:s&&(!s.value||s.value(c))&&u.jsx(Et,{column:s,item:c}),cardBody:u.jsx(v.CardBody,{children:u.jsxs(v.DescriptionList,{isCompact:!0,children:[f&&u.jsx(bn,{children:i.type==="description"?u.jsx("div",{children:i.value(c)}):u.jsx(Et,{column:i,item:c})},i.id),a.filter(p=>!p.value||p.value(c)).map(p=>u.jsx(bn,{label:p.header,children:u.jsx(Et,{column:p,item:c})},p.id)),o.length>0&&u.jsx(bn,{children:u.jsx(Ug,{children:o.map((p,y)=>u.jsxs(Wg,{children:[u.jsx(Et,{column:p,item:c}),u.jsx("small",{style:{opacity:.7},children:p.header})]},y))})})]})}),labels:l&&((m=l.value(c))==null?void 0:m.map(p=>({label:p})))};return!f&&a.length===0&&o.length===0&&(h.cardBody=void 0),h},[a,o,i,l,n,s,e])}function Cc(t){const{keyFn:e,pageItems:r,tableColumns:n,isSelected:s,selectItem:i,unselectItem:o,rowActions:a,showSelect:l,defaultSubtitle:c}=t,f=Hg(n,e),h=w.useMemo(()=>u.jsx(Mg,{size:400,children:r==null?void 0:r.map(d=>u.jsx(qg,{item:d,itemToCardFn:f,isSelected:s,selectItem:i,unselectItem:o,itemActions:a,showSelect:l,defaultCardSubtitle:c},e(d)))}),[r,e,f,s,i,o,a,l,c]);return u.jsx(v.PageSection,{style:{flexGrow:1},children:h})}function Gg(t){const{keyFn:e,pageItems:r,tableColumns:n,isSelected:s,selectItem:i,unselectItem:o,rowActions:a,defaultSubtitle:l,showSelect:c}=t,f=Yg(n,e,s,i,o,a,l,c);return u.jsx(v.DataList,{"aria-label":"TODO",style:{marginTop:-1,maxWidth:"100%",overflow:"hidden"},children:r==null?void 0:r.map(f)})}function Yg(t,e,r,n,s,i,o,a){const l=w.useMemo(()=>{let $,T,_;const x=[];let S;const R=[],M=[];for(const j of t)switch(j.type){case"description":_||(_=j);break;case"labels":S||(S=j);break;case"count":x.push(j);break;default:switch(j.list){case"name":$=j;break;case"subtitle":T=j;break;case"description":_=j;break;case"hidden":break;case"secondary":M.push(j);break;default:R.push(j);break}break}return{nameColumn:$,subtitleColumn:T,descriptionColumn:_,countColumns:x,primaryColumns:R,secondaryColumns:M,labelColumn:S}},[t]),c=w.useCallback($=>{r!=null&&r($)?s==null||s($):n==null||n($)},[r,n,s]),{nameColumn:f,subtitleColumn:h,descriptionColumn:d,countColumns:m,primaryColumns:p,secondaryColumns:y,labelColumn:b}=l;return w.useCallback($=>{const T=e($),_=r==null?void 0:r($);return u.jsx(v.DataListItem,{"aria-labelledby":`data-list-${T}`,isExpanded:_,children:u.jsxs(v.DataListItemRow,{children:[a&&u.jsx(v.DataListCheck,{"aria-labelledby":`data-list-check-${T}`,name:`data-list-check-${T}`,isChecked:r==null?void 0:r($),onClick:()=>c($)}),u.jsx(v.DataListItemCells,{dataListCells:[u.jsx(v.DataListCell,{width:5,children:u.jsx(v.Flex,{children:u.jsxs(v.Stack,{hasGutter:!0,children:[u.jsxs(v.Flex,{alignItems:{default:"alignItemsCenter"},children:[(f==null?void 0:f.icon)&&u.jsx(ki,{size:"xl",children:f==null?void 0:f.icon($)}),u.jsxs(v.Stack,{children:[u.jsx(v.Title,{headingLevel:"h2",style:{marginTop:-4,fontWeight:"bold"},children:u.jsx("span",{id:`data-list-${T}`,children:u.jsx(Et,{column:f,item:$})})}),h?u.jsx(v.Text,{component:"small",style:{opacity:.7},children:u.jsx(Et,{column:h,item:$})}):o&&u.jsx(v.Text,{component:"small",style:{opacity:.7},children:o})]})]}),(d||p.length>0||m.length>0||b)&&u.jsxs(v.DescriptionList,{isCompact:!0,children:[d&&(!d.value||d.value($))&&u.jsx(v.DescriptionListGroup,{children:u.jsx(v.DescriptionListDescription,{children:u.jsx(Et,{column:d,item:$})})},d.header),p.map(x=>x.value&&!x.value($)?u.jsx(u.Fragment,{}):u.jsxs(v.DescriptionListGroup,{children:[u.jsx(v.DescriptionListTerm,{style:{whiteSpace:"nowrap"},children:x.header}),u.jsx(v.DescriptionListDescription,{children:u.jsx(Et,{column:x,item:$})})]},x.header)),m.length>0&&u.jsx(v.DescriptionListGroup,{children:u.jsx(v.DescriptionListDescription,{children:u.jsx("div",{style:{display:"flex",gap:16,marginTop:8,flexWrap:"wrap"},children:m.map((x,S)=>u.jsxs("div",{style:{display:"flex",gap:6,alignItems:"baseline"},children:[u.jsx(Et,{column:x,item:$}),u.jsx("small",{style:{opacity:.7},children:x.header})]},S))})})},"counts"),b&&u.jsx(v.DescriptionListGroup,{children:u.jsx(v.DescriptionListDescription,{children:u.jsx(Et,{column:b,item:$})})},b.header)]})]})})},"primary"),y.length>0?u.jsx(v.DataListCell,{children:u.jsx(v.DescriptionList,{isCompact:!0,children:y.map(x=>x.value&&!x.value($)?u.jsx(u.Fragment,{}):u.jsxs(v.DescriptionListGroup,{children:[u.jsx(v.DescriptionListTerm,{style:{whiteSpace:"nowrap"},children:x.header}),u.jsx(v.DescriptionListDescription,{children:u.jsx(Et,{column:x,item:$})})]},x.header))})},"secondary"):null]}),i&&u.jsx(v.DataListAction,{"aria-labelledby":"check-action-item1 check-action-action1",id:"check-action-action1","aria-label":"Actions",isPlainButtonAction:!0,style:{whiteSpace:"nowrap"},children:u.jsx(Br,{actions:i,position:v.DropdownPosition.right,selectedItem:$,iconOnly:!0})})]})},T)},[e,r,a,f,h,o,p,d,m,b,y,i,c])}function Nc(t){const[e,r]=w.useState(!1),n=Ct("sm"),[s]=it(),{pageItems:i,selectedItems:o,selectItems:a,unselectAll:l}=t,c=t.itemCount!==void 0&&t.itemCount>0&&i&&i.length>0&&(i??[]).every(b=>o==null?void 0:o.includes(b)),f=w.useCallback(()=>{c?l==null||l():a==null||a(i??[])},[c,l,a,i]),h=w.useMemo(()=>n?o&&o.length>0?`${o.length} selected`:"":o&&o.length>0?`${o.length}`:"",[n,o]),d=w.useMemo(()=>{const b=o?o.length:0;return u.jsx(v.DropdownToggle,{splitButtonItems:[u.jsx(v.DropdownToggleCheckbox,{id:"select-all","aria-label":"Select all",isChecked:c?!0:b>0?null:!1,onChange:f,children:h},"select-all")],onToggle:$=>r($)})},[o,c,f,h]),m=w.useMemo(()=>u.jsx(v.DropdownItem,{id:"select-none",onClick:()=>{l==null||l(),r(!1)},children:t.selectNoneText??s.selectNone},"select-none"),[t.selectNoneText,s.selectNone,l]),p=w.useMemo(()=>u.jsx(v.DropdownItem,{id:"select-page",onClick:()=>{a==null||a(i??[]),r(!1)},children:`Select ${(i==null?void 0:i.length)??0} page items`},"select-page"),[a,i]),y=w.useMemo(()=>[m,p],[m,p]);return u.jsx(v.Dropdown,{isOpen:e,toggle:d,dropdownItems:y,style:{zIndex:400}})}const u0="";var Dc=(t=>(t.string="string",t.select="select",t))(Dc||{});function Ic(t){const{toolbarFilters:e,filters:r,setFilters:n}=t,[s,i]=w.useState(()=>e&&(e==null?void 0:e.length)>0?e[0].key:""),[o]=it(),a=!Ct("md");return e?e.length===0?u.jsx(u.Fragment,{}):u.jsx(v.ToolbarToggleGroup,{toggleIcon:u.jsx(Oe.FilterIcon,{}),breakpoint:"md",children:u.jsxs(v.ToolbarGroup,{variant:"filter-group",children:[a&&u.jsx(v.ToolbarItem,{variant:"label",children:o.filter}),u.jsx(v.ToolbarItem,{children:u.jsxs(v.Split,{style:{zIndex:400},children:[u.jsx(v.SplitItem,{children:u.jsx(v.InputGroup,{children:e.length===1?u.jsxs(u.Fragment,{children:[u.jsx(v.InputGroupText,{style:{border:0,paddingLeft:12,paddingRight:2,color:"inherit",borderRadius:"4px 0px 0px 4px"},children:u.jsx(Oe.FilterIcon,{})}),u.jsx(v.InputGroupText,{style:{border:0,padding:"6px 8px",color:"inherit"},children:e[0].label})]}):u.jsxs(u.Fragment,{children:[u.jsx(v.InputGroupText,{style:{border:0,paddingLeft:12,paddingRight:12,color:"inherit",borderRadius:"4px 0px 0px 4px"},children:u.jsx(Oe.FilterIcon,{})}),u.jsx(hr,{id:"filter",onSelect:(l,c)=>i(c.toString()),value:s,placeholderText:"",children:e.map(l=>u.jsx(v.SelectOption,{value:l.key,children:l.label},l.key))})]})})}),u.jsx(v.SplitItem,{isFilled:!0,children:u.jsx(Zg,{id:"filter-input",filter:e.find(l=>l.key===s),addFilter:l=>{let c=r==null?void 0:r[s];c||(c=[]),c.includes(l)||c.push(l),n==null||n({...r,[s]:c})},removeFilter:l=>{let c=r==null?void 0:r[s];c||(c=[]),c=c.filter(f=>f!==l),n==null||n({...r,[s]:c})},values:(r==null?void 0:r[s])??[]})})]})}),e.map(l=>{const c=(r==null?void 0:r[l.key])??[];return u.jsx(v.ToolbarFilter,{categoryName:l.label,chips:c.map(f=>{var h;return"options"in l?((h=l.options.find(d=>d.value===f))==null?void 0:h.label)??f:f}),deleteChip:(f,h)=>{n==null||n(d=>{const m={...d};h=typeof h=="string"?h:h.key;let p=d[l.key];return p&&(p=p.filter(y=>y!==h),p.length===0?delete m[l.key]:m[l.key]=p),m})},deleteChipGroup:()=>{n==null||n(f=>{const h={...f};return delete h[l.key],h})},showToolbarItem:!1,children:u.jsx(u.Fragment,{})},l.label)})]})}):u.jsx(u.Fragment,{})}function Zg(t){const{filter:e}=t;switch(e==null?void 0:e.type){case"string":return u.jsx(Kg,{...t,placeholder:e.placeholder});case"select":return u.jsx(Jg,{...t,options:e.options,placeholder:e.placeholder})}return u.jsx(u.Fragment,{})}function Kg(t){const[e,r]=w.useState("");return u.jsxs(v.InputGroup,{children:[u.jsxs(v.TextInputGroup,{style:{minWidth:220},children:[u.jsx(v.TextInputGroupMain,{id:t.id,value:e,onChange:(n,s)=>{r(typeof n=="string"?n:s)},onKeyUp:n=>{e&&n.key==="Enter"&&(t.addFilter(e),r(""))},placeholder:t.placeholder}),e!==""&&u.jsx(v.TextInputGroupUtilities,{children:u.jsx(v.Button,{variant:"plain","aria-label":"clear filter",onClick:()=>r(""),style:{opacity:e?void 0:0},tabIndex:-1,children:u.jsx(Oe.TimesIcon,{})})})]}),u.jsx(v.Button,{variant:e?"primary":"control","aria-label":"apply filter",onClick:()=>{t.addFilter(e),r("")},tabIndex:-1,isDisabled:!e,children:u.jsx(Oe.ArrowRightIcon,{})})]})}function Jg(t){const[e]=it(),{addFilter:r,removeFilter:n,options:s,values:i}=t,[o,a]=w.useState(!1),l=w.useCallback((f,h)=>{i.includes(h.toString())?n(h.toString()):r(h.toString())},[r,n,i]),c=i;return u.jsx(u.Fragment,{children:u.jsx(v.Select,{variant:v.SelectVariant.checkbox,isOpen:o,onToggle:a,selections:c,onSelect:l,placeholderText:i.length?e.selectedText:t.placeholder,style:{zIndex:o?400:0},hasPlaceholderStyle:!0,children:s.map(f=>u.jsx(v.SelectOption,{id:f.value,value:f.value,children:f.label},f.value))})})}function Xg(t){const{sort:e,setSort:r,sortDirection:n,setSortDirection:s,sortOptions:i}=t,o=i==null?void 0:i.find(f=>f.value===e),a=o?o.type:void 0,[l]=it(),c=w.useMemo(()=>{switch(a){case"text":switch(n){case"asc":return u.jsx(Oe.SortAlphaUpIcon,{});case"desc":return u.jsx(Oe.SortAlphaDownAltIcon,{})}break;case"number":switch(n){case"asc":return u.jsx(Oe.SortNumericUpIcon,{});case"desc":return u.jsx(Oe.SortNumericDownIcon,{})}break;default:switch(n){case"asc":return u.jsx(Oe.SortAmountUpIcon,{});case"desc":return u.jsx(Oe.SortAmountDownIcon,{})}break}return u.jsx(u.Fragment,{})},[n,a]);return!i||i.length<=1?u.jsx(u.Fragment,{}):u.jsx(v.ToolbarToggleGroup,{breakpoint:"md",toggleIcon:void 0,children:u.jsxs(v.ToolbarGroup,{variant:"filter-group",children:[u.jsx(v.ToolbarItem,{variant:"label",children:l.sort}),u.jsx(v.ToolbarItem,{children:u.jsxs(v.Split,{children:[u.jsx(Qg,{sortOptions:i,sort:e,setSort:r}),u.jsx(v.Button,{variant:"control",icon:c,onClick:()=>{n==="asc"?s==null||s("desc"):s==null||s("asc")}})]})})]})})}function Qg(t){const{sortOptions:e,sort:r,setSort:n}=t,[s,i]=w.useState(!1),o=w.useCallback((a,l)=>{n==null||n(l.toString()),i(!1)},[n]);return u.jsx(v.Select,{variant:v.SelectVariant.single,isOpen:s,onToggle:i,selections:r,onSelect:o,style:{zIndex:s?400:0},hasPlaceholderStyle:!0,children:e.map(a=>u.jsx(v.SelectOption,{id:a.value,value:a.value,children:a.label},a.value))})}function ey(t){return w.useMemo(()=>{const r=[];for(const n of t)if(n.sort){if(n.defaultSort){r.push({label:n.header,value:n.sort,type:"text"});continue}switch(n.type){case"count":r.push({label:n.header,value:n.sort,type:"number"});break;case"text":r.push({label:n.header,value:n.sort,type:"text"});break;default:r.push({label:n.header,value:n.sort});break}}return r},[t])}function ty(t){const{viewType:e,setViewType:r,openColumnModal:n}=t,[s]=it();let i=0;return t.disableTableView||i++,t.disableCardView||i++,t.disableListView||i++,u.jsxs(v.ToolbarGroup,{variant:"button-group",style:{justifyContent:"end"},children:[!t.disableColumnManagement&&n&&e==="table"&&u.jsx(v.ToolbarItem,{children:u.jsx(v.Tooltip,{content:s.manageColumns,children:u.jsx(v.Button,{variant:"plain",icon:u.jsx(Oe.ColumnsIcon,{}),onClick:n})})}),i>1&&u.jsx(v.ToolbarItem,{children:u.jsx(v.ToggleGroup,{"aria-label":"table view toggle",children:[!t.disableTableView&&at.Table,!t.disableListView&&at.List,!t.disableCardView&&at.Cards].filter(o=>o).map(o=>{switch(o){case at.Cards:return u.jsx(v.Tooltip,{content:s.cardView,position:"top-end",enableFlip:!1,children:u.jsx(v.ToggleGroupItem,{icon:u.jsx(Oe.ThLargeIcon,{}),isSelected:e===at.Cards,onClick:()=>r==null?void 0:r(at.Cards),"aria-label":"card view"})},o);case at.List:return u.jsx(v.Tooltip,{content:s.listView,position:"top-end",enableFlip:!1,children:u.jsx(v.ToggleGroupItem,{icon:u.jsx(Oe.ListIcon,{}),isSelected:e===at.List,onClick:()=>r==null?void 0:r(at.List),"aria-label":"list view"})},o);case at.Table:return u.jsx(v.Tooltip,{content:s.tableView,position:"top-end",enableFlip:!1,children:u.jsx(v.ToggleGroupItem,{icon:u.jsx(Oe.TableIcon,{}),isSelected:e===at.Table,onClick:()=>r==null?void 0:r(at.Table),"aria-label":"table view"})},o)}})})})]})}const ry=lt.div`
176
+ `;function qg(t){const{item:e,itemToCardFn:r,isSelected:n,selectItem:s,unselectItem:i,itemActions:o,showSelect:a,defaultCardSubtitle:l}=t,c=w.useMemo(()=>r(e),[e,r]),f=!!(n!=null&&n(e)),h=w.useCallback(()=>{n!=null&&n(e)?i==null||i(e):s==null||s(e)},[n,e,s,i]),d=o!==void 0&&o.length>0,m=a||d;return u.jsxs(v.Card,{id:c.id,isFlat:!0,isLarge:!0,isRounded:!0,isSelectable:f,isSelected:f,style:{transition:"box-shadow 0.25s",cursor:"default",maxWidth:"100%"},children:[u.jsxs(v.CardHeader,{style:{display:"flex",flexWrap:"nowrap",maxWidth:"100%"},children:[u.jsxs(Vg,{children:[u.jsxs(Lg,{children:[c.icon&&u.jsx(ki,{size:"xl",children:c.icon}),u.jsxs(Rg,{children:[u.jsx(v.CardTitle,{children:u.jsx(v.Truncate,{content:c.title})}),c.subtitle?u.jsx(v.Text,{component:"small",style:{opacity:.7},children:c.subtitle}):l&&u.jsx(v.Text,{component:"small",style:{opacity:.7},children:l})]})]}),c.badge&&c.badgeTooltip&&u.jsx(v.FlexItem,{children:u.jsx("div",{onClick:p=>p.stopPropagation(),children:u.jsx(v.Popover,{headerContent:c.badgeTooltipTitle,bodyContent:c.badgeTooltip,removeFindDomNode:!0,children:u.jsx(v.Label,{color:c.badgeColor,children:c.badge})})})}),c.badge&&!c.badgeTooltip&&u.jsx(v.FlexItem,{children:u.jsx(v.Label,{color:c.badgeColor,children:c.badge})})]}),m&&u.jsxs(v.CardActions,{children:[o&&o.length&&u.jsx(Br,{actions:o,position:v.DropdownPosition.right,selectedItem:e,iconOnly:!0,collapse:"always"}),a&&u.jsx(v.Checkbox,{isChecked:n==null?void 0:n(e),onChange:h,id:"check-1"})]})]}),c.cardBody,c.labels&&u.jsx(v.CardFooter,{children:u.jsx(Bg,{children:u.jsx(zg,{children:c.labels&&u.jsx(v.LabelGroup,{numLabels:999,children:c.labels.map(p=>u.jsx(v.Label,{color:p.color,children:u.jsx(v.Truncate,{content:p.label,style:{minWidth:0}})},p.label))})})})}),c.alertTitle&&u.jsx(v.Alert,{title:c.alertTitle,isInline:!0,variant:c.alertVariant,children:c.alertContent})]},c.id??c.title)}function Hg(t,e){const r=w.useMemo(()=>{let c,f,h;const d=[];let m;const p=[];for(const y of t)switch(y.type){case"description":h||(h=y);break;case"labels":m||(m=y);break;case"count":d.push(y);break;default:switch(y.card){case"name":c=y;break;case"subtitle":f=y;break;case"description":h=y;break;case"hidden":break;default:p.push(y);break}break}return{nameColumn:c,subtitleColumn:f,descriptionColumn:h,countColumns:d,cardColumns:p,labelColumn:m}},[t]),{nameColumn:n,subtitleColumn:s,descriptionColumn:i,countColumns:o,cardColumns:a,labelColumn:l}=r;return w.useMemo(()=>c=>{var d,m;const f=i&&(!i.value||i.value(c)),h={id:e(c),icon:(d=n==null?void 0:n.icon)==null?void 0:d.call(n,c),title:u.jsx(Et,{column:n,item:c}),subtitle:s&&(!s.value||s.value(c))&&u.jsx(Et,{column:s,item:c}),cardBody:u.jsx(v.CardBody,{children:u.jsxs(v.DescriptionList,{isCompact:!0,children:[f&&u.jsx(bn,{children:i.type==="description"?u.jsx("div",{children:i.value(c)}):u.jsx(Et,{column:i,item:c})},i.id),a.filter(p=>!p.value||p.value(c)).map(p=>u.jsx(bn,{label:p.header,children:u.jsx(Et,{column:p,item:c})},p.id)),o.length>0&&u.jsx(bn,{children:u.jsx(Ug,{children:o.map((p,y)=>u.jsxs(Wg,{children:[u.jsx(Et,{column:p,item:c}),u.jsx("small",{style:{opacity:.7},children:p.header})]},y))})})]})}),labels:l&&((m=l.value(c))==null?void 0:m.map(p=>({label:p})))};return!f&&a.length===0&&o.length===0&&(h.cardBody=void 0),h},[a,o,i,l,n,s,e])}function Cc(t){const{keyFn:e,pageItems:r,tableColumns:n,isSelected:s,selectItem:i,unselectItem:o,rowActions:a,showSelect:l,defaultSubtitle:c}=t,f=Hg(n,e),h=w.useMemo(()=>u.jsx(Mg,{size:400,children:r==null?void 0:r.map(d=>u.jsx(qg,{item:d,itemToCardFn:f,isSelected:s,selectItem:i,unselectItem:o,itemActions:a,showSelect:l,defaultCardSubtitle:c},e(d)))}),[r,e,f,s,i,o,a,l,c]);return u.jsx(v.PageSection,{style:{flexGrow:1},children:h})}function Gg(t){const{keyFn:e,pageItems:r,tableColumns:n,isSelected:s,selectItem:i,unselectItem:o,rowActions:a,defaultSubtitle:l,showSelect:c}=t,f=Yg(n,e,s,i,o,a,l,c);return u.jsx(v.DataList,{"aria-label":"TODO",style:{marginTop:-1,maxWidth:"100%",overflow:"hidden"},children:r==null?void 0:r.map(f)})}function Yg(t,e,r,n,s,i,o,a){const l=w.useMemo(()=>{let $,T,_;const x=[];let S;const R=[],M=[];for(const j of t)switch(j.type){case"description":_||(_=j);break;case"labels":S||(S=j);break;case"count":x.push(j);break;default:switch(j.list){case"name":$=j;break;case"subtitle":T=j;break;case"description":_=j;break;case"hidden":break;case"secondary":M.push(j);break;default:R.push(j);break}break}return{nameColumn:$,subtitleColumn:T,descriptionColumn:_,countColumns:x,primaryColumns:R,secondaryColumns:M,labelColumn:S}},[t]),c=w.useCallback($=>{r!=null&&r($)?s==null||s($):n==null||n($)},[r,n,s]),{nameColumn:f,subtitleColumn:h,descriptionColumn:d,countColumns:m,primaryColumns:p,secondaryColumns:y,labelColumn:b}=l;return w.useCallback($=>{const T=e($),_=r==null?void 0:r($);return u.jsx(v.DataListItem,{"aria-labelledby":`data-list-${T}`,isExpanded:_,children:u.jsxs(v.DataListItemRow,{children:[a&&u.jsx(v.DataListCheck,{"aria-labelledby":`data-list-check-${T}`,name:`data-list-check-${T}`,isChecked:r==null?void 0:r($),onClick:()=>c($)}),u.jsx(v.DataListItemCells,{dataListCells:[u.jsx(v.DataListCell,{width:5,children:u.jsx(v.Flex,{children:u.jsxs(v.Stack,{hasGutter:!0,children:[u.jsxs(v.Flex,{alignItems:{default:"alignItemsCenter"},children:[(f==null?void 0:f.icon)&&u.jsx(ki,{size:"xl",children:f==null?void 0:f.icon($)}),u.jsxs(v.Stack,{children:[u.jsx(v.Title,{headingLevel:"h2",style:{marginTop:-4,fontWeight:"bold"},children:u.jsx("span",{id:`data-list-${T}`,children:u.jsx(Et,{column:f,item:$})})}),h?u.jsx(v.Text,{component:"small",style:{opacity:.7},children:u.jsx(Et,{column:h,item:$})}):o&&u.jsx(v.Text,{component:"small",style:{opacity:.7},children:o})]})]}),(d||p.length>0||m.length>0||b)&&u.jsxs(v.DescriptionList,{isCompact:!0,children:[d&&(!d.value||d.value($))&&u.jsx(v.DescriptionListGroup,{children:u.jsx(v.DescriptionListDescription,{children:u.jsx(Et,{column:d,item:$})})},d.header),p.map(x=>x.value&&!x.value($)?u.jsx(u.Fragment,{}):u.jsxs(v.DescriptionListGroup,{children:[u.jsx(v.DescriptionListTerm,{style:{whiteSpace:"nowrap"},children:x.header}),u.jsx(v.DescriptionListDescription,{children:u.jsx(Et,{column:x,item:$})})]},x.header)),m.length>0&&u.jsx(v.DescriptionListGroup,{children:u.jsx(v.DescriptionListDescription,{children:u.jsx("div",{style:{display:"flex",gap:16,marginTop:8,flexWrap:"wrap"},children:m.map((x,S)=>u.jsxs("div",{style:{display:"flex",gap:6,alignItems:"baseline"},children:[u.jsx(Et,{column:x,item:$}),u.jsx("small",{style:{opacity:.7},children:x.header})]},S))})})},"counts"),b&&u.jsx(v.DescriptionListGroup,{children:u.jsx(v.DescriptionListDescription,{children:u.jsx(Et,{column:b,item:$})})},b.header)]})]})})},"primary"),y.length>0?u.jsx(v.DataListCell,{children:u.jsx(v.DescriptionList,{isCompact:!0,children:y.map(x=>x.value&&!x.value($)?u.jsx(u.Fragment,{}):u.jsxs(v.DescriptionListGroup,{children:[u.jsx(v.DescriptionListTerm,{style:{whiteSpace:"nowrap"},children:x.header}),u.jsx(v.DescriptionListDescription,{children:u.jsx(Et,{column:x,item:$})})]},x.header))})},"secondary"):null]}),i&&u.jsx(v.DataListAction,{"aria-labelledby":"check-action-item1 check-action-action1",id:"check-action-action1","aria-label":"Actions",isPlainButtonAction:!0,style:{whiteSpace:"nowrap"},children:u.jsx(Br,{actions:i,position:v.DropdownPosition.right,selectedItem:$,iconOnly:!0})})]})},T)},[e,r,a,f,h,o,p,d,m,b,y,i,c])}function Nc(t){const[e,r]=w.useState(!1),n=Ct("sm"),[s]=it(),{pageItems:i,selectedItems:o,selectItems:a,unselectAll:l}=t,c=t.itemCount!==void 0&&t.itemCount>0&&i&&i.length>0&&(i??[]).every(b=>o==null?void 0:o.includes(b)),f=w.useCallback(()=>{c?l==null||l():a==null||a(i??[])},[c,l,a,i]),h=w.useMemo(()=>n?o&&o.length>0?`${o.length} selected`:"":o&&o.length>0?`${o.length}`:"",[n,o]),d=w.useMemo(()=>{const b=o?o.length:0;return u.jsx(v.DropdownToggle,{splitButtonItems:[u.jsx(v.DropdownToggleCheckbox,{id:"select-all","aria-label":"Select all",isChecked:c?!0:b>0?null:!1,onChange:f,children:h},"select-all")],onToggle:$=>r($)})},[o,c,f,h]),m=w.useMemo(()=>u.jsx(v.DropdownItem,{id:"select-none",onClick:()=>{l==null||l(),r(!1)},children:t.selectNoneText??s.selectNone},"select-none"),[t.selectNoneText,s.selectNone,l]),p=w.useMemo(()=>u.jsx(v.DropdownItem,{id:"select-page",onClick:()=>{a==null||a(i??[]),r(!1)},children:`Select ${(i==null?void 0:i.length)??0} page items`},"select-page"),[a,i]),y=w.useMemo(()=>[m,p],[m,p]);return u.jsx(v.Dropdown,{isOpen:e,toggle:d,dropdownItems:y,style:{zIndex:400}})}const u0="";var Dc=(t=>(t.string="string",t.select="select",t))(Dc||{});function Ic(t){const{toolbarFilters:e,filters:r,setFilters:n}=t,[s,i]=w.useState(()=>e&&(e==null?void 0:e.length)>0?e[0].key:""),[o]=it(),a=!Ct("md");return e?e.length===0?u.jsx(u.Fragment,{}):u.jsx(v.ToolbarToggleGroup,{toggleIcon:u.jsx(Oe.FilterIcon,{}),breakpoint:"md",children:u.jsxs(v.ToolbarGroup,{variant:"filter-group",children:[a&&u.jsx(v.ToolbarItem,{variant:"label",children:o.filter}),u.jsx(v.ToolbarItem,{children:u.jsxs(v.Split,{style:{zIndex:400},children:[u.jsx(v.SplitItem,{children:u.jsx(v.InputGroup,{children:e.length===1?u.jsxs(u.Fragment,{children:[u.jsx(v.InputGroupText,{style:{border:0,paddingLeft:12,paddingRight:2,color:"inherit",borderRadius:"4px 0px 0px 4px"},children:u.jsx(Oe.FilterIcon,{})}),u.jsx(v.InputGroupText,{style:{border:0,padding:"6px 8px",color:"inherit"},children:e[0].label})]}):u.jsxs(u.Fragment,{children:[u.jsx(v.InputGroupText,{style:{border:0,paddingLeft:12,paddingRight:12,color:"inherit",borderRadius:"4px 0px 0px 4px"},children:u.jsx(Oe.FilterIcon,{})}),u.jsx(hr,{id:"filter",onSelect:(l,c)=>i(c.toString()),value:s,placeholderText:"",children:e.map(l=>u.jsx(v.SelectOption,{value:l.key,children:l.label},l.key))})]})})}),u.jsx(v.SplitItem,{isFilled:!0,children:u.jsx(Zg,{id:"filter-input",filter:e.find(l=>l.key===s),addFilter:l=>{let c=r==null?void 0:r[s];c||(c=[]),c.includes(l)||c.push(l),n==null||n({...r,[s]:c})},removeFilter:l=>{let c=r==null?void 0:r[s];c||(c=[]),c=c.filter(f=>f!==l),n==null||n({...r,[s]:c})},values:(r==null?void 0:r[s])??[]})})]})}),e.map(l=>{const c=(r==null?void 0:r[l.key])??[];return u.jsx(v.ToolbarFilter,{categoryName:l.label,chips:c.map(f=>{var h;return"options"in l?((h=l.options.find(d=>d.value===f))==null?void 0:h.label)??f:f}),deleteChip:(f,h)=>{n==null||n(d=>{const m={...d};h=typeof h=="string"?h:h.key;let p=d[l.key];return p&&(p=p.filter(y=>y!==h),p.length===0?delete m[l.key]:m[l.key]=p),m})},deleteChipGroup:()=>{n==null||n(f=>{const h={...f};return delete h[l.key],h})},showToolbarItem:!1,children:u.jsx(u.Fragment,{})},l.label)})]})}):u.jsx(u.Fragment,{})}function Zg(t){const{filter:e}=t;switch(e==null?void 0:e.type){case"string":return u.jsx(Kg,{...t,placeholder:e.placeholder});case"select":return u.jsx(Jg,{...t,options:e.options,placeholder:e.placeholder})}return u.jsx(u.Fragment,{})}function Kg(t){const[e,r]=w.useState("");return u.jsxs(v.InputGroup,{children:[u.jsxs(v.TextInputGroup,{style:{minWidth:220},children:[u.jsx(v.TextInputGroupMain,{id:t.id,value:e,onChange:(n,s)=>{r(typeof n=="string"?n:s)},onKeyUp:n=>{e&&n.key==="Enter"&&(t.addFilter(e),r(""))},placeholder:t.placeholder}),e!==""&&u.jsx(v.TextInputGroupUtilities,{children:u.jsx(v.Button,{variant:"plain","aria-label":"clear filter",onClick:()=>r(""),style:{opacity:e?void 0:0},tabIndex:-1,children:u.jsx(Oe.TimesIcon,{})})})]}),u.jsx(v.Button,{variant:e?"primary":"control","aria-label":"apply filter",onClick:()=>{t.addFilter(e),r("")},tabIndex:-1,isDisabled:!e,children:u.jsx(Oe.ArrowRightIcon,{})})]})}function Jg(t){const[e]=it(),{addFilter:r,removeFilter:n,options:s,values:i}=t,[o,a]=w.useState(!1),l=w.useCallback((f,h)=>{i.includes(h.toString())?n(h.toString()):r(h.toString())},[r,n,i]),c=i;return u.jsx(u.Fragment,{children:u.jsx(v.Select,{variant:v.SelectVariant.checkbox,isOpen:o,onToggle:a,selections:c,onSelect:l,placeholderText:i.length?e.selectedText:t.placeholder,style:{zIndex:o?400:0},hasPlaceholderStyle:!0,children:s.map(f=>u.jsx(v.SelectOption,{id:f.value,value:f.value,children:f.label},f.value))})})}function Xg(t){const{sort:e,setSort:r,sortDirection:n,setSortDirection:s,sortOptions:i}=t,o=i==null?void 0:i.find(f=>f.value===e),a=o?o.type:void 0,[l]=it(),c=w.useMemo(()=>{switch(a){case"text":switch(n){case"asc":return u.jsx(Oe.SortAlphaUpIcon,{});case"desc":return u.jsx(Oe.SortAlphaDownAltIcon,{})}break;case"number":switch(n){case"asc":return u.jsx(Oe.SortNumericUpIcon,{});case"desc":return u.jsx(Oe.SortNumericDownIcon,{})}break;default:switch(n){case"asc":return u.jsx(Oe.SortAmountUpIcon,{});case"desc":return u.jsx(Oe.SortAmountDownIcon,{})}break}return u.jsx(u.Fragment,{})},[n,a]);return!i||i.length<=1?u.jsx(u.Fragment,{}):u.jsx(v.ToolbarToggleGroup,{breakpoint:"md",toggleIcon:void 0,children:u.jsxs(v.ToolbarGroup,{variant:"filter-group",children:[u.jsx(v.ToolbarItem,{variant:"label",children:l.sort}),u.jsx(v.ToolbarItem,{children:u.jsxs(v.Split,{children:[u.jsx(Qg,{sortOptions:i,sort:e,setSort:r,setSortDirection:s}),u.jsx(v.Button,{variant:"control",icon:c,onClick:()=>{n==="asc"?s==null||s("desc"):s==null||s("asc")}})]})})]})})}function Qg(t){const{sortOptions:e,sort:r,setSort:n,setSortDirection:s}=t,[i,o]=w.useState(!1),a=w.useCallback((l,c)=>{const f=e.find(h=>h.value===c.toString());f&&r!==c.toString()&&f.defaultDirection&&(s==null||s(f.defaultDirection)),n==null||n(c.toString()),o(!1)},[e,n,s,r]);return u.jsx(v.Select,{variant:v.SelectVariant.single,isOpen:i,onToggle:o,selections:r,onSelect:a,style:{zIndex:i?400:0},hasPlaceholderStyle:!0,children:e.map(l=>u.jsx(v.SelectOption,{id:l.value,value:l.value,children:l.label},l.value))})}function ey(t){return w.useMemo(()=>{const r=[];for(const n of t)if(n.sort){if(n.defaultSort){r.push({label:n.header,value:n.sort,type:"text",defaultDirection:n.defaultSortDirection});continue}switch(n.type){case"count":r.push({label:n.header,value:n.sort,type:"number",defaultDirection:n.defaultSortDirection});break;case"text":r.push({label:n.header,value:n.sort,type:"text",defaultDirection:n.defaultSortDirection});break;default:r.push({label:n.header,value:n.sort,defaultDirection:n.defaultSortDirection});break}}return r},[t])}function ty(t){const{viewType:e,setViewType:r,openColumnModal:n}=t,[s]=it();let i=0;return t.disableTableView||i++,t.disableCardView||i++,t.disableListView||i++,u.jsxs(v.ToolbarGroup,{variant:"button-group",style:{justifyContent:"end"},children:[!t.disableColumnManagement&&n&&e==="table"&&u.jsx(v.ToolbarItem,{children:u.jsx(v.Tooltip,{content:s.manageColumns,children:u.jsx(v.Button,{variant:"plain",icon:u.jsx(Oe.ColumnsIcon,{}),onClick:n})})}),i>1&&u.jsx(v.ToolbarItem,{children:u.jsx(v.ToggleGroup,{"aria-label":"table view toggle",children:[!t.disableTableView&&at.Table,!t.disableListView&&at.List,!t.disableCardView&&at.Cards].filter(o=>o).map(o=>{switch(o){case at.Cards:return u.jsx(v.Tooltip,{content:s.cardView,position:"top-end",enableFlip:!1,children:u.jsx(v.ToggleGroupItem,{icon:u.jsx(Oe.ThLargeIcon,{}),isSelected:e===at.Cards,onClick:()=>r==null?void 0:r(at.Cards),"aria-label":"card view"})},o);case at.List:return u.jsx(v.Tooltip,{content:s.listView,position:"top-end",enableFlip:!1,children:u.jsx(v.ToggleGroupItem,{icon:u.jsx(Oe.ListIcon,{}),isSelected:e===at.List,onClick:()=>r==null?void 0:r(at.List),"aria-label":"list view"})},o);case at.Table:return u.jsx(v.Tooltip,{content:s.tableView,position:"top-end",enableFlip:!1,children:u.jsx(v.ToggleGroupItem,{icon:u.jsx(Oe.TableIcon,{}),isSelected:e===at.Table,onClick:()=>r==null?void 0:r(at.Table),"aria-label":"table view"})},o)}})})})]})}const ry=lt.div`
177
177
  flex-grow: 1;
178
178
  `;function Ac(t){const{itemCount:e,page:r,perPage:n,setPage:s,setPerPage:i,toolbarFilters:o,selectedItems:a,filters:l,setFilters:c,clearAllFilters:f,openColumnModal:h,bottomBorder:d,sort:m,setSort:p,sortDirection:y,setSortDirection:b,sortOptions:$}=t,T=Ct("md"),{viewType:_,setViewType:x}=t;let{toolbarActions:S}=t;S=S??[];const R=w.useCallback((V,B)=>s(B),[s]),M=w.useCallback((V,B)=>i(B),[i]),j=o!==void 0,E=S!==void 0&&S.length>0,C=t.showSelect===!0||a!==void 0&&S&&S.find(V=>"selection"in V&&V.selection===nt.Multiple);return C||j||E?e===void 0?u.jsx(v.Toolbar,{className:"border-bottom dark-2",style:{paddingBottom:T?void 0:8,paddingTop:T?void 0:8},children:u.jsx(v.ToolbarContent,{children:u.jsx(v.ToolbarItem,{style:{width:"100%"},children:u.jsx(v.Skeleton,{height:"36px"})})})}):u.jsx(v.Toolbar,{clearAllFilters:f,className:"dark-2 page-table-toolbar",style:{paddingBottom:T?void 0:8,paddingTop:T?void 0:8,borderBottom:d?"thin solid var(--pf-global--BorderColor--100)":void 0},children:u.jsxs(v.ToolbarContent,{style:{justifyContent:"end",justifyItems:"end"},children:[C&&u.jsx(v.ToolbarGroup,{children:u.jsx(v.ToolbarItem,{variant:"bulk-select",children:u.jsx(Nc,{...t})})}),u.jsx(Ic,{toolbarFilters:o,filters:l,setFilters:c}),u.jsx(v.ToolbarGroup,{variant:"button-group",children:u.jsx(Br,{actions:S,selectedItems:a,wrapper:v.ToolbarItem})}),u.jsx(ry,{}),u.jsxs(v.Flex,{children:[u.jsx(Xg,{sort:m,setSort:p,sortDirection:y,setSortDirection:b,sortOptions:$}),u.jsx(ty,{disableTableView:t.disableTableView,disableListView:t.disableListView,disableCardView:t.disableCardView,disableColumnManagement:t.disableColumnManagement,viewType:_,setViewType:x,openColumnModal:h})]}),u.jsx(v.ToolbarItem,{visibility:{default:"hidden","2xl":"visible"},style:{marginLeft:24},children:u.jsx(v.Pagination,{variant:v.PaginationVariant.top,isCompact:!0,itemCount:e,perPage:n,page:r,onSetPage:R,onPerPageSelect:M,style:{marginTop:-8,marginBottom:-8}})})]})}):u.jsx(w.Fragment,{})}const ny=lt.div`
179
179
  height: 100%;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ansible/ansible-ui-framework",
3
3
  "description": "A framework for building applications using PatternFly.",
4
- "version": "2.4.65",
4
+ "version": "2.4.66",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
7
7
  "type": "git",