@ansible/ansible-ui-framework 2.4.171 → 2.4.172

Sign up to get free protection for your applications and to get access to all the features.
Files changed (3) hide show
  1. package/index.js +1 -1
  2. package/index.umd.cjs +1 -1
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -29624,7 +29624,7 @@ function ax(n) {
29624
29624
  )) !== void 0, g = !n.disableTableView, m = !n.disableListView, [p, _] = Qe(
29625
29625
  () => n.defaultTableView ?? (g ? oi.Table : m ? oi.List : oi.Cards)
29626
29626
  ), v = Hs("md") && s !== !0, b = LRe(n.tableColumns);
29627
- return i ? /* @__PURE__ */ x.jsx(ARe, { children: /* @__PURE__ */ x.jsx(tRe, { titleProp: n.errorStateTitle, message: i.message }) }) : r === 0 && Object.keys(t ?? {}).length === 0 ? /* @__PURE__ */ x.jsx(aa, { children: /* @__PURE__ */ x.jsx(
29627
+ return i ? /* @__PURE__ */ x.jsx(ARe, { children: /* @__PURE__ */ x.jsx(tRe, { titleProp: n.errorStateTitle, message: i.message }) }) : r === 0 && Object.keys(t ?? {}).length === 0 ? /* @__PURE__ */ x.jsx(aa, { style: { backgroundColor: "transparent" }, children: /* @__PURE__ */ x.jsx(
29628
29628
  iRe,
29629
29629
  {
29630
29630
  title: n.emptyStateTitle,
package/index.umd.cjs CHANGED
@@ -336,7 +336,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
336
336
  `,w4e=Mn.div`
337
337
  padding-top: 5px;
338
338
  padding-bottom: 5px;
339
- `;function t0(n){const{toolbarActions:e,filters:t,error:i,itemCount:r,disableBodyPadding:s}=n,{openColumnModal:o,columnModal:a,managedColumns:l}=kNe(n.tableColumns),c=bD(l),u=aV(l),d=lV(l),h=E.useMemo(()=>{const w=[];if(u.length)for(const D of u)"value"in D?w.push(k=>{var T;const L=(T=D.value)==null?void 0:T.call(D,k);if(L)return x.jsx("div",{children:L})}):w.push(k=>D.cell(k));return d.length&&w.push(D=>x.jsx(cV,{item:D,columns:d,disablePadding:!0,numberOfColumns:"multiple"})),n.expandedRow&&w.push(n.expandedRow),w.length===0?void 0:w.length===1?w[0]:D=>x.jsx(N.Stack,{hasGutter:!0,style:{gap:12},children:w.map(k=>k(D))})},[u,d,n.expandedRow]),f=n.showSelect||(e==null?void 0:e.find(w=>"selection"in w&&w.selection===Un.Multiple))!==void 0,g=!n.disableTableView,m=!n.disableListView,[p,v]=E.useState(()=>n.defaultTableView??(g?ri.Table:m?ri.List:ri.Cards)),_=ts("md")&&s!==!0,b=p4e(n.tableColumns);return i?x.jsx(y4e,{children:x.jsx(YNe,{titleProp:n.errorStateTitle,message:i.message})}):r===0&&Object.keys(t??{}).length===0?x.jsx(N.PageSection,{children:x.jsx(XNe,{title:n.emptyStateTitle,description:n.emptyStateDescription,button:n.emptyStateButtonClick&&x.jsx(N.Button,{variant:"primary",onClick:n.emptyStateButtonClick,icon:n.emptyStateButtonIcon?n.emptyStateButtonIcon:null,children:n.emptyStateButtonText})||n.emptyStateActions&&x.jsx(N.Flex,{justifyContent:{default:"justifyContentCenter"},children:x.jsx(Uh,{actions:n.emptyStateActions})}),variant:N.EmptyStateVariant.large})}):r===void 0?x.jsx(N.PageSection,{isFilled:!0,variant:"light",children:x.jsx(N.Bullseye,{children:x.jsx(N.Spinner,{})})}):x.jsxs(x.Fragment,{children:[x.jsx(yV,{...n,openColumnModal:o,showSelect:f,viewType:p,setViewType:v,bottomBorder:!0,sortOptions:b}),p===ri.Table&&x.jsx(e2,{disablePadding:s,children:x.jsx(S4e,{...n,tableColumns:c,expandedRow:h})}),p===ri.List&&x.jsx(v1,{children:x.jsx(N.PageSection,{padding:{default:"noPadding",md:"padding"},children:x.jsx("div",{style:{borderLeft:_?"thin solid var(--pf-global--BorderColor--100)":void 0,borderRight:_?"thin solid var(--pf-global--BorderColor--100)":void 0},children:x.jsx(c4e,{...n,showSelect:f})})})}),p===ri.Cards&&x.jsx(v1,{children:x.jsx(pV,{...n,showSelect:f})}),(!n.autoHidePagination||(n.itemCount??0)>n.perPage)&&x.jsx(QNe,{...n,topBorder:!0}),a]})}function S4e(n){const{tableColumns:e,pageItems:t,selectItem:i,unselectItem:r,isSelected:s,isSelectMultiple:o,keyFn:a,rowActions:l,toolbarActions:c,itemCount:u,perPage:d,clearAllFilters:h,onSelect:f,unselectAll:g,expandedRow:m}=n,[p]=ti(),v=n.showSelect||(c==null?void 0:c.find(L=>"selection"in L&&L.selection===Un.Multiple))!==void 0,_=E.useRef(null),[b,w]=E.useState({left:0,right:0,top:0,bottom:0}),S=E.useCallback(L=>{L&&w({top:L.scrollTop,bottom:L.scrollHeight-L.clientHeight-L.scrollTop,left:L.scrollLeft,right:L.scrollWidth-L.clientWidth-L.scrollLeft})},[]),D=E.useCallback(L=>S(L.currentTarget),[S]);rf(_,()=>S(_.current)),E.useEffect(()=>S(_.current),[S]);const k=Kh();return x.jsxs(b4e,{className:"pf-c-scroll-inner-wrapper",ref:_,onScroll:D,children:[x.jsxs(fn.TableComposable,{"aria-label":"Simple table",variant:n.compact||k.tableLayout==="compact"?"compact":void 0,gridBreakPoint:"",isStickyHeader:!0,className:"page-table",children:[u===void 0?x.jsx(fn.Thead,{children:x.jsx(fn.Tr,{children:x.jsx(fn.Th,{children:x.jsx(N.Skeleton,{})})})}):x.jsx(x4e,{...n,showSelect:v,scrollLeft:b.left>0,scrollRight:b.right>1,tableColumns:e,onSelect:f}),x.jsx(fn.Tbody,{children:u===void 0?new Array(d).fill(0).map((L,T)=>x.jsx(fn.Tr,{children:x.jsx(fn.Td,{children:x.jsx(C4e,{children:x.jsx(N.Skeleton,{height:"27px"})})})},T)):t===void 0?new Array(Math.min(d,u)).fill(0).map((L,T)=>x.jsxs(fn.Tr,{children:[v&&x.jsx(fn.Td,{}),x.jsx(fn.Td,{colSpan:e.length,children:x.jsx(w4e,{children:x.jsx(N.Skeleton,{height:"27px"})})})]},T)):t==null?void 0:t.map((L,T)=>x.jsx(k4e,{columns:e,item:L,isItemSelected:s==null?void 0:s(L),isSelectMultiple:o,selectItem:i,unselectItem:r,rowActions:l,rowIndex:T,showSelect:v,scrollLeft:b.left>0,scrollRight:b.right>1,unselectAll:g,onSelect:f,expandedRow:m,isLastRow:T===t.length-1,disableLastRowBorder:n.disableLastRowBorder},a?a(L):T))})]}),u===0&&x.jsxs(N.EmptyState,{style:{paddingTop:48},children:[x.jsx(N.EmptyStateIcon,{icon:yt.SearchIcon}),x.jsx(N.Title,{headingLevel:"h2",size:"lg",children:p.noResultsFound}),x.jsx(N.EmptyStateBody,{children:p.noResultsMatchCriteria}),h&&x.jsx(N.EmptyStateSecondaryActions,{children:x.jsx(N.Button,{variant:"primary",onClick:h,children:p.clearAllFilters})})]})]})}function x4e(n){const{tableColumns:e,rowActions:t,sort:i,setSort:r,sortDirection:s,setSortDirection:o,showSelect:a,onSelect:l,expandedRow:c}=n,u=E.useCallback((d,h)=>{if(h.sort)return{onSort:(f,g,m)=>{h.sort&&(r==null||r(h.sort),o==null||o(m))},sortBy:{index:h.sort===i?d:void 0,direction:h.sort===i?s:void 0,defaultDirection:h.defaultSortDirection},columnIndex:d}},[r,o,i,s]);return x.jsx(fn.Thead,{children:x.jsxs(fn.Tr,{className:"light dark-2",children:[c&&x.jsx(fn.Th,{style:{padding:0,backgroundColor:"inherit"}}),(a||l)&&x.jsx(fn.Th,{isStickyColumn:!0,stickyMinWidth:"0px",hasRightBorder:n.scrollLeft,style:{backgroundColor:"inherit"},children:" "}),e.filter(d=>d.enabled!==!1).map((d,h)=>x.jsx(fn.Th,{sort:u(h,d),modifier:"nowrap",style:{minWidth:d.minWidth===0?"1%":d.minWidth!==void 0?d.minWidth:void 0,maxWidth:d.maxWidth!==void 0?d.maxWidth:void 0,backgroundColor:"inherit"},children:d.header},d.header)),t!==void 0&&x.jsx(fn.Td,{isActionCell:!0,isStickyColumn:!0,stickyMinWidth:"0px",style:{right:0,padding:0,paddingRight:0,backgroundColor:"inherit",zIndex:302},className:n.scrollRight?"pf-m-border-left":void 0,children:" "})]})})}function k4e(n){const{columns:e,unselectAll:t,selectItem:i,unselectItem:r,isItemSelected:s,isSelectMultiple:o,item:a,rowActions:l,rowIndex:c,showSelect:u,onSelect:d,expandedRow:h,disableLastRowBorder:f}=n,[g,m]=E.useState(!1),p=Kh(),v=h==null?void 0:h(a);return x.jsxs(x.Fragment,{children:[x.jsxs(fn.Tr,{isRowSelected:g,style:{boxShadow:"unset",borderBottom:g||n.isLastRow&&f?"unset":void 0},children:[h&&x.jsx(fn.Td,{expand:v?{rowIndex:c,isExpanded:g,onToggle:()=>m(_=>!_)}:void 0,style:{paddingLeft:v?8:4}}),u&&x.jsx(fn.Th,{select:s!==void 0?{onSelect:(_,b)=>{b?i==null||i(a):r==null||r(a)},isSelected:s}:void 0,isStickyColumn:!0,stickyMinWidth:"0px",hasRightBorder:n.scrollLeft}),d&&x.jsx(fn.Td,{select:{rowIndex:c,onSelect:()=>{o||t==null||t(),i==null||i(a),d==null||d(a)},isSelected:s??!1,variant:o?"checkbox":"radio"},isStickyColumn:!0,stickyMinWidth:"0px",hasRightBorder:n.scrollLeft}),x.jsx(L4e,{columns:e,item:a,rowActions:l,scrollLeft:n.scrollLeft,scrollRight:n.scrollRight})]}),h&&g&&v&&x.jsxs(fn.Tr,{isExpanded:g,style:{boxShadow:"unset"},children:[x.jsx(fn.Td,{}),u&&x.jsx(fn.Th,{isStickyColumn:!0,stickyMinWidth:"0px",hasRightBorder:n.scrollLeft}),d&&x.jsx(fn.Td,{isStickyColumn:!0,stickyMinWidth:"0px",hasRightBorder:n.scrollLeft}),x.jsx(fn.Td,{colSpan:e.filter(_=>_.enabled!==!1).length,style:{paddingBottom:p.tableLayout==="compact"?12:24,paddingTop:0},children:x.jsx(fn.CollapseColumn,{children:v})}),l!==void 0&&l.length>0&&x.jsx(fn.Td,{isActionCell:!0,isStickyColumn:!0,stickyMinWidth:"0px",style:{right:0,padding:0,paddingRight:0},className:n.scrollRight?"pf-m-border-left":void 0,children:" "})]})]})}function L4e(n){const{columns:e,item:t,rowActions:i}=n,[r,s]=E.useState(!1);return x.jsxs(E.Fragment,{children:[e.filter(o=>o.enabled!==!1).map(o=>x.jsx(fn.Td,{dataLabel:o.header,modifier:"nowrap",style:{width:o.minWidth===0?"0%":void 0},children:x.jsx(xr,{item:t,column:o})},o.header)),i!==void 0&&i.length>0&&x.jsx(fn.Td,{isActionCell:!0,isStickyColumn:!0,stickyMinWidth:"0px",style:{right:0,padding:0,paddingRight:0,zIndex:r?400:void 0},className:n.scrollRight?"pf-m-border-left":void 0,children:x.jsx(Uh,{actions:i,selectedItem:t,position:N.DropdownPosition.right,iconOnly:!0,onOpen:s})})]})}function wD(n,e,t){var i,r,s,o,a;e==null&&(e=100);function l(){var u=Date.now()-o;u<e&&u>=0?i=setTimeout(l,e-u):(i=null,t||(a=n.apply(s,r),s=r=null))}var c=function(){s=this,r=arguments,o=Date.now();var u=t&&!i;return i||(i=setTimeout(l,e)),u&&(a=n.apply(s,r),s=r=null),a};return c.clear=function(){i&&(clearTimeout(i),i=null)},c.flush=function(){i&&(a=n.apply(s,r),s=r=null,clearTimeout(i),i=null)},c}wD.debounce=wD;var D4e=wD;const E4e=vt(D4e);function T4e(n,e,t){const{selectedItems:i,selectItem:r,unselectItem:s,isSelected:o,selectItems:a,unselectAll:l,allSelected:c}=CV(n,e),{sorted:u,sort:d,setSort:h}=SD(n),{filtered:f,setFilterFn:g}=xD(u,e),{searched:m,search:p,setSearch:v,setSearchFn:_}=A4e(f,e,t==null?void 0:t.search),{paged:b,page:w,setPage:S,perPage:D,setPerPage:k}=n0(m),L=E.useCallback(()=>a(b),[b,a]),T=E.useCallback(()=>a(m),[m,a]);return E.useMemo(()=>({allSelected:c,filtered:f,isSelected:o,page:w,paged:b,perPage:D,search:p,searched:m,selectAll:T,selectItem:r,selectPage:L,selectedItems:i,setFilterFn:g,setPage:S,setPerPage:k,setSearch:v,setSearchFn:_,setSort:h,sort:d,sorted:u,unselectAll:l,unselectItem:s}),[c,f,o,w,b,D,p,m,T,r,L,i,g,S,k,v,_,h,d,u,l,s])}function CV(n,e,t){const[i,r]=E.useState(()=>t?t.reduce((g,m)=>(g[e(m)]=m,g),{}):{});E.useEffect(()=>{r(g=>{let m=!1;return n.forEach(p=>{const v=e(p);g[v]&&g[v]!==p&&(m=!0,g[v]=p)}),m?{...g}:g})},[n,e]);const s=E.useCallback(g=>{r(m=>{const p=e(g);return m[p]!==g&&(m={...m},m[p]=g),m})},[e]),o=E.useCallback(g=>{r(m=>{const p=e(g);return m[p]&&(m={...m},delete m[p]),m})},[e]),a=E.useCallback(g=>{const m=e(g);return i[m]!==void 0},[e,i]),l=E.useCallback(g=>{r(m=>{m={...m};for(const p of g){const v=e(p);m[v]=p}return m})},[e]),c=E.useCallback(()=>l(n),[n,l]),u=E.useCallback(g=>{for(const m of g)o(m)},[o]),d=E.useCallback(()=>{r(g=>Object.keys(g).length>0?{}:g)},[]),h=E.useMemo(()=>Object.values(i),[i]),f=E.useMemo(()=>h.length===n.length,[n.length,h.length]);return E.useMemo(()=>({selectedItems:h,selectItem:s,unselectItem:o,isSelected:a,selectItems:l,selectAll:c,unselectAll:d,allSelected:f,keyFn:e,unselectItems:u}),[f,a,e,c,s,l,h,d,o,u])}function wV(n,e){const[t,i]=E.useState({});E.useEffect(()=>{i(f=>{let g=!1;const m=n?n.reduce((_,b)=>{const w=e(b);return _[w]=b,f[w]&&f[w]!==b&&(g=!0,f[w]=b),_},{}):{},p={};for(const _ in f)m[_]||(p[_]=!0);const v=Object.keys(p);if(v.length){g=!0;for(const _ of v)delete f[_]}return g?{...f}:f})},[n,e]);const r=E.useCallback(f=>{i(g=>{const m=e(f);return g[m]!==f&&(g={...g},g[m]=f),g})},[e]),s=E.useCallback(f=>{i(g=>{const m=e(f);return g[m]&&(g={...g},delete g[m]),g})},[e]),o=E.useCallback(f=>{for(const g of f)s(g)},[s]),a=E.useCallback(f=>{const g=e(f);return t[g]!==void 0},[e,t]),l=E.useCallback(f=>{i(g=>{g={...g};for(const m of f){const p=e(m);g[p]=m}return g})},[e]),c=E.useCallback(()=>{l(n??[])},[n,l]),u=E.useCallback(()=>{i(f=>Object.keys(f).length>0?{}:f)},[]),d=E.useMemo(()=>Object.values(t),[t]),h=E.useMemo(()=>d.length===(n==null?void 0:n.length),[n,d.length]);return E.useMemo(()=>({selectedItems:d,selectItem:r,unselectItem:s,isSelected:a,selectItems:l,selectAll:c,unselectAll:u,allSelected:h,keyFn:e,unselectItems:o}),[h,a,e,c,r,l,d,u,s,o])}function SD(n){const[e,t]=E.useState(),{direction:i,sortFn:r}=e??{},s=E.useMemo(()=>n?r?i==="asc"?[...n.sort(r)]:[...n.sort(r).reverse()]:n:[],[i,n,r]);return E.useMemo(()=>({sorted:s,sort:e,setSort:t}),[e,s])}function xD(n,e){const t=E.useRef({map:{}}),[i,r]=E.useState(),s=E.useCallback(c=>r(()=>c),[]),[o,a]=E.useState([]);E.useEffect(()=>{t.current.map={}},[i]);const l=E.useCallback(c=>{const u=e(c);let d=t.current.map[u];return d?d.item!==c&&(d.item=c,d.passes=i?i(c):!0):(d={item:c,passes:i?i(c):!0},t.current.map[u]=d),d.passes},[i,e]);return E.useEffect(()=>{a(i?n.filter(l):n)},[n,i,l]),E.useMemo(function(){return{filtered:o,setFilterFn:s}},[o,s])}function A4e(n,e,t){const i=E.useRef({map:{}}),[r,s]=E.useState(),o=E.useCallback(f=>s(()=>f),[]),[a,l]=E.useState([]),[c,u]=E.useState(t??""),d=E.useCallback(E4e(f=>u(f),200),[]);E.useEffect(()=>{i.current.map={}},[c,r]);const h=E.useCallback(f=>{const g=e(f);let m=i.current.map[g];return m?m.item!==f&&(m.item=f,m.score=r?r(f,c):0):(m={item:f,score:r?r(f,c):0},i.current.map[g]=m),m},[e,r,c]);return E.useEffect(()=>{l(r&&c?n.map(h).filter(f=>f.score<.5).sort((f,g)=>f.score-g.score).map(f=>f.item):n)},[c,n,r,h]),E.useMemo(function(){return{searched:a,search:c,setSearch:d,setSearchFn:o}},[a,c,d,o])}function n0(n){const[e,t]=E.useState([]),[i,r]=E.useState(1),[s,o]=E.useState(10);return E.useEffect(()=>{t(a=>{const l=n.slice((i-1)*s,i*s);if(a.length!==l.length)return l;let c=0;for(const u of l)if(a[c++]!==u)return l;return a})},[i,s,n]),E.useEffect(()=>{i>Math.ceil(n.length/s)&&r(1)},[i,s,n.length]),E.useMemo(()=>({paged:e,page:i,setPage:r,perPage:s,setPerPage:o}),[i,e,s])}function I4e(n){const{title:e,items:t,keyFn:i,actionColumns:r,actionFn:s,onComplete:o,onClose:a,processingText:l,isDanger:c}=n,[u]=ti(),[d,h]=E.useState(!0),[f,g]=E.useState(!1),[m,p]=E.useState(0),[v,_]=E.useState(""),[b,w]=E.useState(),[S]=E.useState(()=>new AbortController),[D,k]=Cc(),L=E.useCallback(()=>{g(!0),S.abort(),h(!1),w(te=>{const ne={...te};for(const de of t){const ue=i(de);ne[ue]===void 0&&(ne[ue]="Cancelled")}return ne})},[S,t,i]),T=E.useCallback(()=>{k(void 0),a==null||a()},[a,k]);E.useEffect(()=>{async function te(){const ne=xNe(5);let de=0;const ue=[];await Promise.all(t.map(me=>ne(async()=>{if(S.signal.aborted)return;const ee=i(me);try{await s(me,S.signal),S.signal.aborted||w(he=>({...he??{},[ee]:null})),ue.push(me)}catch(he){if(!S.signal.aborted){if(he instanceof Error){const Z=he.message;w(X=>({...X??{},[ee]:Z}))}else w(Z=>({...Z??{},[ee]:"Unknown error"}));_(u.errorText)}}finally{S.signal.aborted||p(++de)}}))),S.signal.aborted||h(!1),o==null||o(ue)}te()},[S,s,t,i,o,u.errorText]);const{paged:P,page:O,perPage:I,setPage:M,setPerPage:H}=n0(t);return x.jsxs(N.Modal,{titleIconVariant:c?"warning":void 0,title:e,variant:N.ModalVariant.medium,isOpen:!0,onClose:()=>{L(),T()},actions:d?[x.jsx(N.Button,{variant:"link",onClick:L,children:u.cancelText},"cancel")]:[x.jsx(N.Button,{variant:"secondary",onClick:T,children:u.closeText},"close")],hasNoBodyWrapper:!0,children:[x.jsx(N.ModalBoxBody,{style:{paddingBottom:0,paddingLeft:0,paddingRight:0},children:x.jsx("div",{style:{display:"flex",flexDirection:"column",maxHeight:560,overflow:"hidden",borderTop:"thin solid var(--pf-global--BorderColor--100)"},children:x.jsx(t0,{pageItems:[...P],itemCount:t.length,tableColumns:[...r,{header:"Status",cell:te=>{const ne=i(te),de=b==null?void 0:b[ne];return de===void 0?x.jsxs("span",{style:{color:S2},children:[x.jsx(yt.PendingIcon,{}),"  ",u.pendingText]}):de===null?x.jsxs("span",{style:{color:C2},children:[x.jsx(yt.CheckCircleIcon,{}),"  ",u.successText]}):x.jsxs("span",{style:{color:w2},children:[x.jsx(yt.ExclamationCircleIcon,{}),"  ",b==null?void 0:b[ne]]})}}],keyFn:i,page:O,perPage:I,setPage:M,setPerPage:H,compact:!0,errorStateTitle:"",emptyStateTitle:"No items",autoHidePagination:!0,disableBodyPadding:!0},"status")})}),x.jsx(N.ModalBoxBody,{style:{paddingTop:0},children:x.jsx(N.Progress,{value:m/t.length*100,title:S.signal.aborted?u.canceledText:v?u.errorText:d?l??u.processingText:u.successText,size:N.ProgressSize.lg,variant:v||f?N.ProgressVariant.danger:m===t.length?N.ProgressVariant.success:void 0})})]})}function SV(){const[n,e]=Cc(),[t,i]=E.useState();return E.useEffect(()=>{if(t){const r=()=>{var s;i(void 0),(s=t.onClose)==null||s.call(t)};e(x.jsx(I4e,{...t,onClose:r}))}else e(void 0)},[t,e]),i}function xV(n,e){if(n==null&&e==null)return 0;if(n==null)return 1;if(e==null)return-1;if(typeof n=="string"){if(typeof e=="string")return i0(n,e);if(typeof e=="number")return i0(n,e.toString())}else if(typeof n=="number"){if(typeof e=="number")return kV(n,e);if(typeof e=="string")return i0(n.toString(),e)}return 0}function i0(n,e){return n==null&&e==null?0:n==null?1:e==null||n<e?-1:n>e?1:0}function kV(n,e){return n==null&&e==null?0:n==null?1:e==null||n<e?-1:n>e?1:0}const O4e=Mn.div`
339
+ `;function t0(n){const{toolbarActions:e,filters:t,error:i,itemCount:r,disableBodyPadding:s}=n,{openColumnModal:o,columnModal:a,managedColumns:l}=kNe(n.tableColumns),c=bD(l),u=aV(l),d=lV(l),h=E.useMemo(()=>{const w=[];if(u.length)for(const D of u)"value"in D?w.push(k=>{var T;const L=(T=D.value)==null?void 0:T.call(D,k);if(L)return x.jsx("div",{children:L})}):w.push(k=>D.cell(k));return d.length&&w.push(D=>x.jsx(cV,{item:D,columns:d,disablePadding:!0,numberOfColumns:"multiple"})),n.expandedRow&&w.push(n.expandedRow),w.length===0?void 0:w.length===1?w[0]:D=>x.jsx(N.Stack,{hasGutter:!0,style:{gap:12},children:w.map(k=>k(D))})},[u,d,n.expandedRow]),f=n.showSelect||(e==null?void 0:e.find(w=>"selection"in w&&w.selection===Un.Multiple))!==void 0,g=!n.disableTableView,m=!n.disableListView,[p,v]=E.useState(()=>n.defaultTableView??(g?ri.Table:m?ri.List:ri.Cards)),_=ts("md")&&s!==!0,b=p4e(n.tableColumns);return i?x.jsx(y4e,{children:x.jsx(YNe,{titleProp:n.errorStateTitle,message:i.message})}):r===0&&Object.keys(t??{}).length===0?x.jsx(N.PageSection,{style:{backgroundColor:"transparent"},children:x.jsx(XNe,{title:n.emptyStateTitle,description:n.emptyStateDescription,button:n.emptyStateButtonClick&&x.jsx(N.Button,{variant:"primary",onClick:n.emptyStateButtonClick,icon:n.emptyStateButtonIcon?n.emptyStateButtonIcon:null,children:n.emptyStateButtonText})||n.emptyStateActions&&x.jsx(N.Flex,{justifyContent:{default:"justifyContentCenter"},children:x.jsx(Uh,{actions:n.emptyStateActions})}),variant:N.EmptyStateVariant.large})}):r===void 0?x.jsx(N.PageSection,{isFilled:!0,variant:"light",children:x.jsx(N.Bullseye,{children:x.jsx(N.Spinner,{})})}):x.jsxs(x.Fragment,{children:[x.jsx(yV,{...n,openColumnModal:o,showSelect:f,viewType:p,setViewType:v,bottomBorder:!0,sortOptions:b}),p===ri.Table&&x.jsx(e2,{disablePadding:s,children:x.jsx(S4e,{...n,tableColumns:c,expandedRow:h})}),p===ri.List&&x.jsx(v1,{children:x.jsx(N.PageSection,{padding:{default:"noPadding",md:"padding"},children:x.jsx("div",{style:{borderLeft:_?"thin solid var(--pf-global--BorderColor--100)":void 0,borderRight:_?"thin solid var(--pf-global--BorderColor--100)":void 0},children:x.jsx(c4e,{...n,showSelect:f})})})}),p===ri.Cards&&x.jsx(v1,{children:x.jsx(pV,{...n,showSelect:f})}),(!n.autoHidePagination||(n.itemCount??0)>n.perPage)&&x.jsx(QNe,{...n,topBorder:!0}),a]})}function S4e(n){const{tableColumns:e,pageItems:t,selectItem:i,unselectItem:r,isSelected:s,isSelectMultiple:o,keyFn:a,rowActions:l,toolbarActions:c,itemCount:u,perPage:d,clearAllFilters:h,onSelect:f,unselectAll:g,expandedRow:m}=n,[p]=ti(),v=n.showSelect||(c==null?void 0:c.find(L=>"selection"in L&&L.selection===Un.Multiple))!==void 0,_=E.useRef(null),[b,w]=E.useState({left:0,right:0,top:0,bottom:0}),S=E.useCallback(L=>{L&&w({top:L.scrollTop,bottom:L.scrollHeight-L.clientHeight-L.scrollTop,left:L.scrollLeft,right:L.scrollWidth-L.clientWidth-L.scrollLeft})},[]),D=E.useCallback(L=>S(L.currentTarget),[S]);rf(_,()=>S(_.current)),E.useEffect(()=>S(_.current),[S]);const k=Kh();return x.jsxs(b4e,{className:"pf-c-scroll-inner-wrapper",ref:_,onScroll:D,children:[x.jsxs(fn.TableComposable,{"aria-label":"Simple table",variant:n.compact||k.tableLayout==="compact"?"compact":void 0,gridBreakPoint:"",isStickyHeader:!0,className:"page-table",children:[u===void 0?x.jsx(fn.Thead,{children:x.jsx(fn.Tr,{children:x.jsx(fn.Th,{children:x.jsx(N.Skeleton,{})})})}):x.jsx(x4e,{...n,showSelect:v,scrollLeft:b.left>0,scrollRight:b.right>1,tableColumns:e,onSelect:f}),x.jsx(fn.Tbody,{children:u===void 0?new Array(d).fill(0).map((L,T)=>x.jsx(fn.Tr,{children:x.jsx(fn.Td,{children:x.jsx(C4e,{children:x.jsx(N.Skeleton,{height:"27px"})})})},T)):t===void 0?new Array(Math.min(d,u)).fill(0).map((L,T)=>x.jsxs(fn.Tr,{children:[v&&x.jsx(fn.Td,{}),x.jsx(fn.Td,{colSpan:e.length,children:x.jsx(w4e,{children:x.jsx(N.Skeleton,{height:"27px"})})})]},T)):t==null?void 0:t.map((L,T)=>x.jsx(k4e,{columns:e,item:L,isItemSelected:s==null?void 0:s(L),isSelectMultiple:o,selectItem:i,unselectItem:r,rowActions:l,rowIndex:T,showSelect:v,scrollLeft:b.left>0,scrollRight:b.right>1,unselectAll:g,onSelect:f,expandedRow:m,isLastRow:T===t.length-1,disableLastRowBorder:n.disableLastRowBorder},a?a(L):T))})]}),u===0&&x.jsxs(N.EmptyState,{style:{paddingTop:48},children:[x.jsx(N.EmptyStateIcon,{icon:yt.SearchIcon}),x.jsx(N.Title,{headingLevel:"h2",size:"lg",children:p.noResultsFound}),x.jsx(N.EmptyStateBody,{children:p.noResultsMatchCriteria}),h&&x.jsx(N.EmptyStateSecondaryActions,{children:x.jsx(N.Button,{variant:"primary",onClick:h,children:p.clearAllFilters})})]})]})}function x4e(n){const{tableColumns:e,rowActions:t,sort:i,setSort:r,sortDirection:s,setSortDirection:o,showSelect:a,onSelect:l,expandedRow:c}=n,u=E.useCallback((d,h)=>{if(h.sort)return{onSort:(f,g,m)=>{h.sort&&(r==null||r(h.sort),o==null||o(m))},sortBy:{index:h.sort===i?d:void 0,direction:h.sort===i?s:void 0,defaultDirection:h.defaultSortDirection},columnIndex:d}},[r,o,i,s]);return x.jsx(fn.Thead,{children:x.jsxs(fn.Tr,{className:"light dark-2",children:[c&&x.jsx(fn.Th,{style:{padding:0,backgroundColor:"inherit"}}),(a||l)&&x.jsx(fn.Th,{isStickyColumn:!0,stickyMinWidth:"0px",hasRightBorder:n.scrollLeft,style:{backgroundColor:"inherit"},children:" "}),e.filter(d=>d.enabled!==!1).map((d,h)=>x.jsx(fn.Th,{sort:u(h,d),modifier:"nowrap",style:{minWidth:d.minWidth===0?"1%":d.minWidth!==void 0?d.minWidth:void 0,maxWidth:d.maxWidth!==void 0?d.maxWidth:void 0,backgroundColor:"inherit"},children:d.header},d.header)),t!==void 0&&x.jsx(fn.Td,{isActionCell:!0,isStickyColumn:!0,stickyMinWidth:"0px",style:{right:0,padding:0,paddingRight:0,backgroundColor:"inherit",zIndex:302},className:n.scrollRight?"pf-m-border-left":void 0,children:" "})]})})}function k4e(n){const{columns:e,unselectAll:t,selectItem:i,unselectItem:r,isItemSelected:s,isSelectMultiple:o,item:a,rowActions:l,rowIndex:c,showSelect:u,onSelect:d,expandedRow:h,disableLastRowBorder:f}=n,[g,m]=E.useState(!1),p=Kh(),v=h==null?void 0:h(a);return x.jsxs(x.Fragment,{children:[x.jsxs(fn.Tr,{isRowSelected:g,style:{boxShadow:"unset",borderBottom:g||n.isLastRow&&f?"unset":void 0},children:[h&&x.jsx(fn.Td,{expand:v?{rowIndex:c,isExpanded:g,onToggle:()=>m(_=>!_)}:void 0,style:{paddingLeft:v?8:4}}),u&&x.jsx(fn.Th,{select:s!==void 0?{onSelect:(_,b)=>{b?i==null||i(a):r==null||r(a)},isSelected:s}:void 0,isStickyColumn:!0,stickyMinWidth:"0px",hasRightBorder:n.scrollLeft}),d&&x.jsx(fn.Td,{select:{rowIndex:c,onSelect:()=>{o||t==null||t(),i==null||i(a),d==null||d(a)},isSelected:s??!1,variant:o?"checkbox":"radio"},isStickyColumn:!0,stickyMinWidth:"0px",hasRightBorder:n.scrollLeft}),x.jsx(L4e,{columns:e,item:a,rowActions:l,scrollLeft:n.scrollLeft,scrollRight:n.scrollRight})]}),h&&g&&v&&x.jsxs(fn.Tr,{isExpanded:g,style:{boxShadow:"unset"},children:[x.jsx(fn.Td,{}),u&&x.jsx(fn.Th,{isStickyColumn:!0,stickyMinWidth:"0px",hasRightBorder:n.scrollLeft}),d&&x.jsx(fn.Td,{isStickyColumn:!0,stickyMinWidth:"0px",hasRightBorder:n.scrollLeft}),x.jsx(fn.Td,{colSpan:e.filter(_=>_.enabled!==!1).length,style:{paddingBottom:p.tableLayout==="compact"?12:24,paddingTop:0},children:x.jsx(fn.CollapseColumn,{children:v})}),l!==void 0&&l.length>0&&x.jsx(fn.Td,{isActionCell:!0,isStickyColumn:!0,stickyMinWidth:"0px",style:{right:0,padding:0,paddingRight:0},className:n.scrollRight?"pf-m-border-left":void 0,children:" "})]})]})}function L4e(n){const{columns:e,item:t,rowActions:i}=n,[r,s]=E.useState(!1);return x.jsxs(E.Fragment,{children:[e.filter(o=>o.enabled!==!1).map(o=>x.jsx(fn.Td,{dataLabel:o.header,modifier:"nowrap",style:{width:o.minWidth===0?"0%":void 0},children:x.jsx(xr,{item:t,column:o})},o.header)),i!==void 0&&i.length>0&&x.jsx(fn.Td,{isActionCell:!0,isStickyColumn:!0,stickyMinWidth:"0px",style:{right:0,padding:0,paddingRight:0,zIndex:r?400:void 0},className:n.scrollRight?"pf-m-border-left":void 0,children:x.jsx(Uh,{actions:i,selectedItem:t,position:N.DropdownPosition.right,iconOnly:!0,onOpen:s})})]})}function wD(n,e,t){var i,r,s,o,a;e==null&&(e=100);function l(){var u=Date.now()-o;u<e&&u>=0?i=setTimeout(l,e-u):(i=null,t||(a=n.apply(s,r),s=r=null))}var c=function(){s=this,r=arguments,o=Date.now();var u=t&&!i;return i||(i=setTimeout(l,e)),u&&(a=n.apply(s,r),s=r=null),a};return c.clear=function(){i&&(clearTimeout(i),i=null)},c.flush=function(){i&&(a=n.apply(s,r),s=r=null,clearTimeout(i),i=null)},c}wD.debounce=wD;var D4e=wD;const E4e=vt(D4e);function T4e(n,e,t){const{selectedItems:i,selectItem:r,unselectItem:s,isSelected:o,selectItems:a,unselectAll:l,allSelected:c}=CV(n,e),{sorted:u,sort:d,setSort:h}=SD(n),{filtered:f,setFilterFn:g}=xD(u,e),{searched:m,search:p,setSearch:v,setSearchFn:_}=A4e(f,e,t==null?void 0:t.search),{paged:b,page:w,setPage:S,perPage:D,setPerPage:k}=n0(m),L=E.useCallback(()=>a(b),[b,a]),T=E.useCallback(()=>a(m),[m,a]);return E.useMemo(()=>({allSelected:c,filtered:f,isSelected:o,page:w,paged:b,perPage:D,search:p,searched:m,selectAll:T,selectItem:r,selectPage:L,selectedItems:i,setFilterFn:g,setPage:S,setPerPage:k,setSearch:v,setSearchFn:_,setSort:h,sort:d,sorted:u,unselectAll:l,unselectItem:s}),[c,f,o,w,b,D,p,m,T,r,L,i,g,S,k,v,_,h,d,u,l,s])}function CV(n,e,t){const[i,r]=E.useState(()=>t?t.reduce((g,m)=>(g[e(m)]=m,g),{}):{});E.useEffect(()=>{r(g=>{let m=!1;return n.forEach(p=>{const v=e(p);g[v]&&g[v]!==p&&(m=!0,g[v]=p)}),m?{...g}:g})},[n,e]);const s=E.useCallback(g=>{r(m=>{const p=e(g);return m[p]!==g&&(m={...m},m[p]=g),m})},[e]),o=E.useCallback(g=>{r(m=>{const p=e(g);return m[p]&&(m={...m},delete m[p]),m})},[e]),a=E.useCallback(g=>{const m=e(g);return i[m]!==void 0},[e,i]),l=E.useCallback(g=>{r(m=>{m={...m};for(const p of g){const v=e(p);m[v]=p}return m})},[e]),c=E.useCallback(()=>l(n),[n,l]),u=E.useCallback(g=>{for(const m of g)o(m)},[o]),d=E.useCallback(()=>{r(g=>Object.keys(g).length>0?{}:g)},[]),h=E.useMemo(()=>Object.values(i),[i]),f=E.useMemo(()=>h.length===n.length,[n.length,h.length]);return E.useMemo(()=>({selectedItems:h,selectItem:s,unselectItem:o,isSelected:a,selectItems:l,selectAll:c,unselectAll:d,allSelected:f,keyFn:e,unselectItems:u}),[f,a,e,c,s,l,h,d,o,u])}function wV(n,e){const[t,i]=E.useState({});E.useEffect(()=>{i(f=>{let g=!1;const m=n?n.reduce((_,b)=>{const w=e(b);return _[w]=b,f[w]&&f[w]!==b&&(g=!0,f[w]=b),_},{}):{},p={};for(const _ in f)m[_]||(p[_]=!0);const v=Object.keys(p);if(v.length){g=!0;for(const _ of v)delete f[_]}return g?{...f}:f})},[n,e]);const r=E.useCallback(f=>{i(g=>{const m=e(f);return g[m]!==f&&(g={...g},g[m]=f),g})},[e]),s=E.useCallback(f=>{i(g=>{const m=e(f);return g[m]&&(g={...g},delete g[m]),g})},[e]),o=E.useCallback(f=>{for(const g of f)s(g)},[s]),a=E.useCallback(f=>{const g=e(f);return t[g]!==void 0},[e,t]),l=E.useCallback(f=>{i(g=>{g={...g};for(const m of f){const p=e(m);g[p]=m}return g})},[e]),c=E.useCallback(()=>{l(n??[])},[n,l]),u=E.useCallback(()=>{i(f=>Object.keys(f).length>0?{}:f)},[]),d=E.useMemo(()=>Object.values(t),[t]),h=E.useMemo(()=>d.length===(n==null?void 0:n.length),[n,d.length]);return E.useMemo(()=>({selectedItems:d,selectItem:r,unselectItem:s,isSelected:a,selectItems:l,selectAll:c,unselectAll:u,allSelected:h,keyFn:e,unselectItems:o}),[h,a,e,c,r,l,d,u,s,o])}function SD(n){const[e,t]=E.useState(),{direction:i,sortFn:r}=e??{},s=E.useMemo(()=>n?r?i==="asc"?[...n.sort(r)]:[...n.sort(r).reverse()]:n:[],[i,n,r]);return E.useMemo(()=>({sorted:s,sort:e,setSort:t}),[e,s])}function xD(n,e){const t=E.useRef({map:{}}),[i,r]=E.useState(),s=E.useCallback(c=>r(()=>c),[]),[o,a]=E.useState([]);E.useEffect(()=>{t.current.map={}},[i]);const l=E.useCallback(c=>{const u=e(c);let d=t.current.map[u];return d?d.item!==c&&(d.item=c,d.passes=i?i(c):!0):(d={item:c,passes:i?i(c):!0},t.current.map[u]=d),d.passes},[i,e]);return E.useEffect(()=>{a(i?n.filter(l):n)},[n,i,l]),E.useMemo(function(){return{filtered:o,setFilterFn:s}},[o,s])}function A4e(n,e,t){const i=E.useRef({map:{}}),[r,s]=E.useState(),o=E.useCallback(f=>s(()=>f),[]),[a,l]=E.useState([]),[c,u]=E.useState(t??""),d=E.useCallback(E4e(f=>u(f),200),[]);E.useEffect(()=>{i.current.map={}},[c,r]);const h=E.useCallback(f=>{const g=e(f);let m=i.current.map[g];return m?m.item!==f&&(m.item=f,m.score=r?r(f,c):0):(m={item:f,score:r?r(f,c):0},i.current.map[g]=m),m},[e,r,c]);return E.useEffect(()=>{l(r&&c?n.map(h).filter(f=>f.score<.5).sort((f,g)=>f.score-g.score).map(f=>f.item):n)},[c,n,r,h]),E.useMemo(function(){return{searched:a,search:c,setSearch:d,setSearchFn:o}},[a,c,d,o])}function n0(n){const[e,t]=E.useState([]),[i,r]=E.useState(1),[s,o]=E.useState(10);return E.useEffect(()=>{t(a=>{const l=n.slice((i-1)*s,i*s);if(a.length!==l.length)return l;let c=0;for(const u of l)if(a[c++]!==u)return l;return a})},[i,s,n]),E.useEffect(()=>{i>Math.ceil(n.length/s)&&r(1)},[i,s,n.length]),E.useMemo(()=>({paged:e,page:i,setPage:r,perPage:s,setPerPage:o}),[i,e,s])}function I4e(n){const{title:e,items:t,keyFn:i,actionColumns:r,actionFn:s,onComplete:o,onClose:a,processingText:l,isDanger:c}=n,[u]=ti(),[d,h]=E.useState(!0),[f,g]=E.useState(!1),[m,p]=E.useState(0),[v,_]=E.useState(""),[b,w]=E.useState(),[S]=E.useState(()=>new AbortController),[D,k]=Cc(),L=E.useCallback(()=>{g(!0),S.abort(),h(!1),w(te=>{const ne={...te};for(const de of t){const ue=i(de);ne[ue]===void 0&&(ne[ue]="Cancelled")}return ne})},[S,t,i]),T=E.useCallback(()=>{k(void 0),a==null||a()},[a,k]);E.useEffect(()=>{async function te(){const ne=xNe(5);let de=0;const ue=[];await Promise.all(t.map(me=>ne(async()=>{if(S.signal.aborted)return;const ee=i(me);try{await s(me,S.signal),S.signal.aborted||w(he=>({...he??{},[ee]:null})),ue.push(me)}catch(he){if(!S.signal.aborted){if(he instanceof Error){const Z=he.message;w(X=>({...X??{},[ee]:Z}))}else w(Z=>({...Z??{},[ee]:"Unknown error"}));_(u.errorText)}}finally{S.signal.aborted||p(++de)}}))),S.signal.aborted||h(!1),o==null||o(ue)}te()},[S,s,t,i,o,u.errorText]);const{paged:P,page:O,perPage:I,setPage:M,setPerPage:H}=n0(t);return x.jsxs(N.Modal,{titleIconVariant:c?"warning":void 0,title:e,variant:N.ModalVariant.medium,isOpen:!0,onClose:()=>{L(),T()},actions:d?[x.jsx(N.Button,{variant:"link",onClick:L,children:u.cancelText},"cancel")]:[x.jsx(N.Button,{variant:"secondary",onClick:T,children:u.closeText},"close")],hasNoBodyWrapper:!0,children:[x.jsx(N.ModalBoxBody,{style:{paddingBottom:0,paddingLeft:0,paddingRight:0},children:x.jsx("div",{style:{display:"flex",flexDirection:"column",maxHeight:560,overflow:"hidden",borderTop:"thin solid var(--pf-global--BorderColor--100)"},children:x.jsx(t0,{pageItems:[...P],itemCount:t.length,tableColumns:[...r,{header:"Status",cell:te=>{const ne=i(te),de=b==null?void 0:b[ne];return de===void 0?x.jsxs("span",{style:{color:S2},children:[x.jsx(yt.PendingIcon,{}),"  ",u.pendingText]}):de===null?x.jsxs("span",{style:{color:C2},children:[x.jsx(yt.CheckCircleIcon,{}),"  ",u.successText]}):x.jsxs("span",{style:{color:w2},children:[x.jsx(yt.ExclamationCircleIcon,{}),"  ",b==null?void 0:b[ne]]})}}],keyFn:i,page:O,perPage:I,setPage:M,setPerPage:H,compact:!0,errorStateTitle:"",emptyStateTitle:"No items",autoHidePagination:!0,disableBodyPadding:!0},"status")})}),x.jsx(N.ModalBoxBody,{style:{paddingTop:0},children:x.jsx(N.Progress,{value:m/t.length*100,title:S.signal.aborted?u.canceledText:v?u.errorText:d?l??u.processingText:u.successText,size:N.ProgressSize.lg,variant:v||f?N.ProgressVariant.danger:m===t.length?N.ProgressVariant.success:void 0})})]})}function SV(){const[n,e]=Cc(),[t,i]=E.useState();return E.useEffect(()=>{if(t){const r=()=>{var s;i(void 0),(s=t.onClose)==null||s.call(t)};e(x.jsx(I4e,{...t,onClose:r}))}else e(void 0)},[t,e]),i}function xV(n,e){if(n==null&&e==null)return 0;if(n==null)return 1;if(e==null)return-1;if(typeof n=="string"){if(typeof e=="string")return i0(n,e);if(typeof e=="number")return i0(n,e.toString())}else if(typeof n=="number"){if(typeof e=="number")return kV(n,e);if(typeof e=="string")return i0(n.toString(),e)}return 0}function i0(n,e){return n==null&&e==null?0:n==null?1:e==null||n<e?-1:n>e?1:0}function kV(n,e){return n==null&&e==null?0:n==null?1:e==null||n<e?-1:n>e?1:0}const O4e=Mn.div`
340
340
  display: flex;
341
341
  flex-direction: column;
342
342
  max-height: 560px;
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.171",
4
+ "version": "2.4.172",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
7
7
  "type": "git",