From 366005e63e9c7af0d4a8cf2f12cc39580d52fe47 Mon Sep 17 00:00:00 2001 From: Masha Basmanova Date: Thu, 15 Feb 2024 21:00:02 -0500 Subject: [PATCH] UI: Allow to hide runtime metrics --- .../main/resources/webapp/assets/presto.css | 5 + .../src/main/resources/webapp/dist/query.js | 2 +- .../webapp/src/components/QueryDetail.jsx | 106 ++++++++++++------ 3 files changed, 76 insertions(+), 37 deletions(-) diff --git a/presto-main/src/main/resources/webapp/assets/presto.css b/presto-main/src/main/resources/webapp/assets/presto.css index 17d023df050b..e4ff4b78cdea 100644 --- a/presto-main/src/main/resources/webapp/assets/presto.css +++ b/presto-main/src/main/resources/webapp/assets/presto.css @@ -718,6 +718,11 @@ pre { display: inline-table; } +.expand-stats-button { + padding: 10px 3px 10px 4px; + background-color: #3A3F4C; +} + /** ===================== **/ /** Common Graph Elements **/ /** ===================== **/ diff --git a/presto-main/src/main/resources/webapp/dist/query.js b/presto-main/src/main/resources/webapp/dist/query.js index 15da46b70639..5f0a7457f2cb 100644 --- a/presto-main/src/main/resources/webapp/dist/query.js +++ b/presto-main/src/main/resources/webapp/dist/query.js @@ -379,4 +379,4 @@ margin: 0 24px; `,De=u.default(Ae)` margin: 0 4px; -`;var ze=s.memo((function({rowsPerPage:e,rowCount:t,currentPage:n,direction:r=Te.direction,paginationRowsPerPageOptions:a=Te.paginationRowsPerPageOptions,paginationIconLastPage:i=Te.paginationIconLastPage,paginationIconFirstPage:o=Te.paginationIconFirstPage,paginationIconNext:l=Te.paginationIconNext,paginationIconPrevious:u=Te.paginationIconPrevious,paginationComponentOptions:c=Te.paginationComponentOptions,onChangeRowsPerPage:f=Te.onChangeRowsPerPage,onChangePage:d=Te.onChangePage}){const h=(()=>{const e="object"==typeof window;function t(){return{width:e?window.innerWidth:void 0,height:e?window.innerHeight:void 0}}const[n,r]=s.useState(t);return s.useEffect((()=>{if(!e)return()=>null;function n(){r(t())}return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)}),[]),n})(),p=se(r),v=h.width&&h.width>599,m=g(t,e),y=n*e,b=y-e+1,x=1===n,w=n===m,_=Object.assign(Object.assign({},Re),c),S=n===m?`${b}-${t} ${_.rangeSeparatorText} ${t}`:`${b}-${y} ${_.rangeSeparatorText} ${t}`,k=s.useCallback((()=>d(n-1)),[n,d]),E=s.useCallback((()=>d(n+1)),[n,d]),N=s.useCallback((()=>d(1)),[d]),C=s.useCallback((()=>d(g(t,e))),[d,t,e]),M=s.useCallback((e=>f(Number(e.target.value),n)),[n,f]),j=a.map((e=>s.createElement("option",{key:e,value:e},e)));_.selectAllRowsItem&&j.push(s.createElement("option",{key:-1,value:t},_.selectAllRowsItemText));const T=s.createElement(je,{onChange:M,defaultValue:e,"aria-label":_.rowsPerPageText},j);return s.createElement(Pe,{className:"rdt_Pagination"},!_.noRowsPerPage&&v&&s.createElement(s.Fragment,null,s.createElement(De,null,_.rowsPerPageText),T),v&&s.createElement(Le,null,S),s.createElement(Oe,null,s.createElement(Ie,{id:"pagination-first-page",type:"button","aria-label":"First Page","aria-disabled":x,onClick:N,disabled:x,$isRTL:p},o),s.createElement(Ie,{id:"pagination-previous-page",type:"button","aria-label":"Previous Page","aria-disabled":x,onClick:k,disabled:x,$isRTL:p},u),!_.noRowsPerPage&&!v&&T,s.createElement(Ie,{id:"pagination-next-page",type:"button","aria-label":"Next Page","aria-disabled":w,onClick:E,disabled:w,$isRTL:p},l),s.createElement(Ie,{id:"pagination-last-page",type:"button","aria-label":"Last Page","aria-disabled":w,onClick:C,disabled:w,$isRTL:p},i)))}));const Fe=(e,t)=>{const n=s.useRef(!0);s.useEffect((()=>{n.current?n.current=!1:e()}),t)};var $e=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===Ue}(e)}(e)},Ue="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Be(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Ve((n=e,Array.isArray(n)?[]:{}),e,t):e;var n}function qe(e,t,n){return e.concat(t).map((function(e){return Be(e,n)}))}function He(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function We(e,t){try{return t in e}catch(e){return!1}}function Ve(e,t,n){(n=n||{}).arrayMerge=n.arrayMerge||qe,n.isMergeableObject=n.isMergeableObject||$e,n.cloneUnlessOtherwiseSpecified=Be;var r=Array.isArray(t);return r===Array.isArray(e)?r?n.arrayMerge(e,t,n):function(e,t,n){var r={};return n.isMergeableObject(e)&&He(e).forEach((function(t){r[t]=Be(e[t],n)})),He(t).forEach((function(a){(function(e,t){return We(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,a)||(We(e,a)&&n.isMergeableObject(t[a])?r[a]=function(e,t){if(!t.customMerge)return Ve;var n=t.customMerge(e);return"function"==typeof n?n:Ve}(a,n)(e[a],t[a],n):r[a]=Be(t[a],n))})),r}(e,t,n):Be(t,n)}Ve.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,n){return Ve(e,n,t)}),{})};var Ye=Ve;const Ge={text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.54)",disabled:"rgba(0, 0, 0, 0.38)"},background:{default:"#FFFFFF"},context:{background:"#e3f2fd",text:"rgba(0, 0, 0, 0.87)"},divider:{default:"rgba(0,0,0,.12)"},button:{default:"rgba(0,0,0,.54)",focus:"rgba(0,0,0,.12)",hover:"rgba(0,0,0,.12)",disabled:"rgba(0, 0, 0, .18)"},selected:{default:"#e3f2fd",text:"rgba(0, 0, 0, 0.87)"},highlightOnHover:{default:"#EEEEEE",text:"rgba(0, 0, 0, 0.87)"},striped:{default:"#FAFAFA",text:"rgba(0, 0, 0, 0.87)"}},Qe={default:Ge,light:Ge,dark:{text:{primary:"#FFFFFF",secondary:"rgba(255, 255, 255, 0.7)",disabled:"rgba(0,0,0,.12)"},background:{default:"#424242"},context:{background:"#E91E63",text:"#FFFFFF"},divider:{default:"rgba(81, 81, 81, 1)"},button:{default:"#FFFFFF",focus:"rgba(255, 255, 255, .54)",hover:"rgba(255, 255, 255, .12)",disabled:"rgba(255, 255, 255, .18)"},selected:{default:"rgba(0, 0, 0, .7)",text:"#FFFFFF"},highlightOnHover:{default:"rgba(0, 0, 0, .7)",text:"#FFFFFF"},striped:{default:"rgba(0, 0, 0, .87)",text:"#FFFFFF"}}};function Xe(e,t,n,r){const[a,i]=s.useState((()=>p(e))),[l,u]=s.useState(""),c=s.useRef("");Fe((()=>{i(p(e))}),[e]);const f=s.useCallback((e=>{var t,n,r;const{attributes:i}=e.target,o=null===(t=i.getNamedItem("data-column-id"))||void 0===t?void 0:t.value;o&&(c.current=(null===(r=null===(n=a[x(a,o)])||void 0===n?void 0:n.id)||void 0===r?void 0:r.toString())||"",u(c.current))}),[a]),d=s.useCallback((e=>{var n;const{attributes:r}=e.target,o=null===(n=r.getNamedItem("data-column-id"))||void 0===n?void 0:n.value;if(o&&c.current&&o!==c.current){const e=x(a,c.current),n=x(a,o),r=[...a];r[e]=a[n],r[n]=a[e],i(r),t(r)}}),[t,a]),h=s.useCallback((e=>{e.preventDefault()}),[]),g=s.useCallback((e=>{e.preventDefault()}),[]),v=s.useCallback((e=>{e.preventDefault(),c.current="",u("")}),[]),m=function(e=!1){return e?o.ASC:o.DESC}(r),y=s.useMemo((()=>a[x(a,null==n?void 0:n.toString())]||{}),[n,a]);return{tableColumns:a,draggingColumnId:l,handleDragStart:f,handleDragEnter:d,handleDragOver:h,handleDragLeave:g,handleDragEnd:v,defaultSortDirection:m,defaultSortColumn:y}}var Ke=s.memo((function(e){const{data:t=Te.data,columns:n=Te.columns,title:r=Te.title,actions:i=Te.actions,keyField:l=Te.keyField,striped:u=Te.striped,highlightOnHover:d=Te.highlightOnHover,pointerOnHover:h=Te.pointerOnHover,dense:p=Te.dense,selectableRows:m=Te.selectableRows,selectableRowsSingle:y=Te.selectableRowsSingle,selectableRowsHighlight:x=Te.selectableRowsHighlight,selectableRowsNoSelectAll:w=Te.selectableRowsNoSelectAll,selectableRowsVisibleOnly:S=Te.selectableRowsVisibleOnly,selectableRowSelected:E=Te.selectableRowSelected,selectableRowDisabled:M=Te.selectableRowDisabled,selectableRowsComponent:j=Te.selectableRowsComponent,selectableRowsComponentProps:T=Te.selectableRowsComponentProps,onRowExpandToggled:P=Te.onRowExpandToggled,onSelectedRowsChange:I=Te.onSelectedRowsChange,expandableIcon:O=Te.expandableIcon,onChangeRowsPerPage:A=Te.onChangeRowsPerPage,onChangePage:L=Te.onChangePage,paginationServer:D=Te.paginationServer,paginationServerOptions:z=Te.paginationServerOptions,paginationTotalRows:F=Te.paginationTotalRows,paginationDefaultPage:$=Te.paginationDefaultPage,paginationResetDefaultPage:U=Te.paginationResetDefaultPage,paginationPerPage:B=Te.paginationPerPage,paginationRowsPerPageOptions:q=Te.paginationRowsPerPageOptions,paginationIconLastPage:H=Te.paginationIconLastPage,paginationIconFirstPage:W=Te.paginationIconFirstPage,paginationIconNext:V=Te.paginationIconNext,paginationIconPrevious:Y=Te.paginationIconPrevious,paginationComponent:G=Te.paginationComponent,paginationComponentOptions:Q=Te.paginationComponentOptions,responsive:X=Te.responsive,progressPending:Z=Te.progressPending,progressComponent:J=Te.progressComponent,persistTableHead:ee=Te.persistTableHead,noDataComponent:te=Te.noDataComponent,disabled:ne=Te.disabled,noTableHead:re=Te.noTableHead,noHeader:ie=Te.noHeader,fixedHeader:se=Te.fixedHeader,fixedHeaderScrollHeight:le=Te.fixedHeaderScrollHeight,pagination:ue=Te.pagination,subHeader:ce=Te.subHeader,subHeaderAlign:fe=Te.subHeaderAlign,subHeaderWrap:de=Te.subHeaderWrap,subHeaderComponent:he=Te.subHeaderComponent,noContextMenu:pe=Te.noContextMenu,contextMessage:ve=Te.contextMessage,contextActions:me=Te.contextActions,contextComponent:ye=Te.contextComponent,expandableRows:Ne=Te.expandableRows,onRowClicked:Ce=Te.onRowClicked,onRowDoubleClicked:Me=Te.onRowDoubleClicked,onRowMouseEnter:je=Te.onRowMouseEnter,onRowMouseLeave:Re=Te.onRowMouseLeave,sortIcon:Pe=Te.sortIcon,onSort:Ie=Te.onSort,sortFunction:Oe=Te.sortFunction,sortServer:Ae=Te.sortServer,expandableRowsComponent:Le=Te.expandableRowsComponent,expandableRowsComponentProps:De=Te.expandableRowsComponentProps,expandableRowDisabled:$e=Te.expandableRowDisabled,expandableRowsHideExpander:Ue=Te.expandableRowsHideExpander,expandOnRowClicked:Be=Te.expandOnRowClicked,expandOnRowDoubleClicked:qe=Te.expandOnRowDoubleClicked,expandableRowExpanded:He=Te.expandableRowExpanded,expandableInheritConditionalStyles:We=Te.expandableInheritConditionalStyles,defaultSortFieldId:Ve=Te.defaultSortFieldId,defaultSortAsc:Ge=Te.defaultSortAsc,clearSelectedRows:Ke=Te.clearSelectedRows,conditionalRowStyles:Ze=Te.conditionalRowStyles,theme:Je=Te.theme,customStyles:et=Te.customStyles,direction:tt=Te.direction,onColumnOrderChange:nt=Te.onColumnOrderChange,className:rt}=e,{tableColumns:at,draggingColumnId:it,handleDragStart:ot,handleDragEnter:st,handleDragOver:lt,handleDragLeave:ut,handleDragEnd:ct,defaultSortDirection:ft,defaultSortColumn:dt}=Xe(n,nt,Ve,Ge),[{rowsPerPage:ht,currentPage:pt,selectedRows:gt,allSelected:vt,selectedCount:mt,selectedColumn:yt,sortDirection:bt,toggleOnSelectedRowsChange:xt},wt]=s.useReducer(_,{allSelected:!1,selectedCount:0,selectedRows:[],selectedColumn:dt,toggleOnSelectedRowsChange:!1,sortDirection:ft,currentPage:$,rowsPerPage:B,selectedRowsFlag:!1,contextMessage:Te.contextMessage}),{persistSelectedOnSort:_t=!1,persistSelectedOnPageChange:St=!1}=z,kt=!(!D||!St&&!_t),Et=ue&&!Z&&t.length>0,Nt=G||ze,Ct=s.useMemo((()=>((e={},t="default",n="default")=>{const r=Qe[t]?t:n;return Ye({table:{style:{color:(a=Qe[r]).text.primary,backgroundColor:a.background.default}},tableWrapper:{style:{display:"table"}},responsiveWrapper:{style:{}},header:{style:{fontSize:"22px",color:a.text.primary,backgroundColor:a.background.default,minHeight:"56px",paddingLeft:"16px",paddingRight:"8px"}},subHeader:{style:{backgroundColor:a.background.default,minHeight:"52px"}},head:{style:{color:a.text.primary,fontSize:"12px",fontWeight:500}},headRow:{style:{backgroundColor:a.background.default,minHeight:"52px",borderBottomWidth:"1px",borderBottomColor:a.divider.default,borderBottomStyle:"solid"},denseStyle:{minHeight:"32px"}},headCells:{style:{paddingLeft:"16px",paddingRight:"16px"},draggingStyle:{cursor:"move"}},contextMenu:{style:{backgroundColor:a.context.background,fontSize:"18px",fontWeight:400,color:a.context.text,paddingLeft:"16px",paddingRight:"8px",transform:"translate3d(0, -100%, 0)",transitionDuration:"125ms",transitionTimingFunction:"cubic-bezier(0, 0, 0.2, 1)",willChange:"transform"},activeStyle:{transform:"translate3d(0, 0, 0)"}},cells:{style:{paddingLeft:"16px",paddingRight:"16px",wordBreak:"break-word"},draggingStyle:{}},rows:{style:{fontSize:"13px",fontWeight:400,color:a.text.primary,backgroundColor:a.background.default,minHeight:"48px","&:not(:last-of-type)":{borderBottomStyle:"solid",borderBottomWidth:"1px",borderBottomColor:a.divider.default}},denseStyle:{minHeight:"32px"},selectedHighlightStyle:{"&:nth-of-type(n)":{color:a.selected.text,backgroundColor:a.selected.default,borderBottomColor:a.background.default}},highlightOnHoverStyle:{color:a.highlightOnHover.text,backgroundColor:a.highlightOnHover.default,transitionDuration:"0.15s",transitionProperty:"background-color",borderBottomColor:a.background.default,outlineStyle:"solid",outlineWidth:"1px",outlineColor:a.background.default},stripedStyle:{color:a.striped.text,backgroundColor:a.striped.default}},expanderRow:{style:{color:a.text.primary,backgroundColor:a.background.default}},expanderCell:{style:{flex:"0 0 48px"}},expanderButton:{style:{color:a.button.default,fill:a.button.default,backgroundColor:"transparent",borderRadius:"2px",transition:"0.25s",height:"100%",width:"100%","&:hover:enabled":{cursor:"pointer"},"&:disabled":{color:a.button.disabled},"&:hover:not(:disabled)":{cursor:"pointer",backgroundColor:a.button.hover},"&:focus":{outline:"none",backgroundColor:a.button.focus},svg:{margin:"auto"}}},pagination:{style:{color:a.text.secondary,fontSize:"13px",minHeight:"56px",backgroundColor:a.background.default,borderTopStyle:"solid",borderTopWidth:"1px",borderTopColor:a.divider.default},pageButtonsStyle:{borderRadius:"50%",height:"40px",width:"40px",padding:"8px",margin:"px",cursor:"pointer",transition:"0.4s",color:a.button.default,fill:a.button.default,backgroundColor:"transparent","&:disabled":{cursor:"unset",color:a.button.disabled,fill:a.button.disabled},"&:hover:not(:disabled)":{backgroundColor:a.button.hover},"&:focus":{outline:"none",backgroundColor:a.button.focus}}},noData:{style:{display:"flex",alignItems:"center",justifyContent:"center",color:a.text.primary,backgroundColor:a.background.default}},progress:{style:{display:"flex",alignItems:"center",justifyContent:"center",color:a.text.primary,backgroundColor:a.background.default}}},e);var a})(et,Je)),[et,Je]),Mt=s.useMemo((()=>Object.assign({},"auto"!==tt&&{dir:tt})),[tt]),jt=s.useMemo((()=>{if(Ae)return t;if((null==yt?void 0:yt.sortFunction)&&"function"==typeof yt.sortFunction){const e=yt.sortFunction,n=bt===o.ASC?e:(t,n)=>-1*e(t,n);return[...t].sort(n)}return function(e,t,n,r){return t?r&&"function"==typeof r?r(e.slice(0),t,n):e.slice(0).sort(((e,r)=>{let a,i;if("string"==typeof t?(a=f(e,t),i=f(r,t)):(a=t(e),i=t(r)),"asc"===n){if(ai)return 1}if("desc"===n){if(a>i)return-1;if(a{if(ue&&!D){const e=pt*ht,t=e-ht;return jt.slice(t,e)}return jt}),[pt,ue,D,ht,jt]),Rt=s.useCallback((e=>{wt(e)}),[]),Pt=s.useCallback((e=>{wt(e)}),[]),It=s.useCallback((e=>{wt(e)}),[]),Ot=s.useCallback(((e,t)=>Ce(e,t)),[Ce]),At=s.useCallback(((e,t)=>Me(e,t)),[Me]),Lt=s.useCallback(((e,t)=>je(e,t)),[je]),Dt=s.useCallback(((e,t)=>Re(e,t)),[Re]),zt=s.useCallback((e=>wt({type:"CHANGE_PAGE",page:e,paginationServer:D,visibleOnly:S,persistSelectedOnPageChange:St})),[D,St,S]),Ft=s.useCallback((e=>{const t=g(F||Tt.length,e),n=v(pt,t);D||zt(n),wt({type:"CHANGE_ROWS_PER_PAGE",page:n,rowsPerPage:e})}),[pt,zt,D,F,Tt.length]);if(ue&&!D&&jt.length>0&&0===Tt.length){const e=g(jt.length,ht),t=v(pt,e);zt(t)}Fe((()=>{I({allSelected:vt,selectedCount:mt,selectedRows:gt.slice(0)})}),[xt]),Fe((()=>{Ie(yt,bt,jt.slice(0))}),[yt,bt]),Fe((()=>{L(pt,F||jt.length)}),[pt]),Fe((()=>{A(ht,pt)}),[ht]),Fe((()=>{zt($)}),[$,U]),Fe((()=>{if(ue&&D&&F>0){const e=g(F,ht),t=v(pt,e);pt!==t&&zt(t)}}),[F]),s.useEffect((()=>{wt({type:"CLEAR_SELECTED_ROWS",selectedRowsFlag:Ke})}),[y,Ke]),s.useEffect((()=>{if(!E)return;const e=jt.filter((e=>E(e))),t=y?e.slice(0,1):e;wt({type:"SELECT_MULTIPLE_ROWS",keyField:l,selectedRows:t,totalRows:jt.length,mergeSelections:kt})}),[t,E]);const $t=S?Tt:jt,Ut=St||y||w;return s.createElement(a.ThemeProvider,{theme:Ct},!ie&&(!!r||!!i)&&s.createElement(ge,{title:r,actions:i,showMenu:!pe,selectedCount:mt,direction:tt,contextActions:me,contextComponent:ye,contextMessage:ve}),ce&&s.createElement(be,{align:fe,wrapContent:de},he),s.createElement(we,Object.assign({$responsive:X,$fixedHeader:se,$fixedHeaderScrollHeight:le,className:rt},Mt),s.createElement(Se,null,Z&&!ee&&s.createElement(_e,null,J),s.createElement(k,{disabled:ne,className:"rdt_Table",role:"table"},!re&&(!!ee||jt.length>0&&!Z)&&s.createElement(N,{className:"rdt_TableHead",role:"rowgroup",$fixedHeader:se},s.createElement(C,{className:"rdt_TableHeadRow",role:"row",$dense:p},m&&(Ut?s.createElement(R,{style:{flex:"0 0 48px"}}):s.createElement(oe,{allSelected:vt,selectedRows:gt,selectableRowsComponent:j,selectableRowsComponentProps:T,selectableRowDisabled:M,rowData:$t,keyField:l,mergeSelections:kt,onSelectAllRows:Pt})),Ne&&!Ue&&s.createElement(ke,null),at.map((e=>s.createElement(ae,{key:e.id,column:e,selectedColumn:yt,disabled:Z||0===jt.length,pagination:ue,paginationServer:D,persistSelectedOnSort:_t,selectableRowsVisibleOnly:S,sortDirection:bt,sortIcon:Pe,sortServer:Ae,onSort:Rt,onDragStart:ot,onDragOver:lt,onDragEnd:ct,onDragEnter:st,onDragLeave:ut,draggingColumnId:it}))))),!jt.length&&!Z&&s.createElement(Ee,null,te),Z&&ee&&s.createElement(_e,null,J),!Z&&jt.length>0&&s.createElement(xe,{className:"rdt_TableBody",role:"rowgroup"},Tt.map(((e,t)=>{const n=c(e,l),r=function(e=""){return"number"!=typeof e&&(!e||0===e.length)}(n)?t:n,a=b(e,gt,l),i=!!(Ne&&He&&He(e)),o=!!(Ne&&$e&&$e(e));return s.createElement(K,{id:r,key:r,keyField:l,"data-row-id":r,columns:at,row:e,rowCount:jt.length,rowIndex:t,selectableRows:m,expandableRows:Ne,expandableIcon:O,highlightOnHover:d,pointerOnHover:h,dense:p,expandOnRowClicked:Be,expandOnRowDoubleClicked:qe,expandableRowsComponent:Le,expandableRowsComponentProps:De,expandableRowsHideExpander:Ue,defaultExpanderDisabled:o,defaultExpanded:i,expandableInheritConditionalStyles:We,conditionalRowStyles:Ze,selected:a,selectableRowsHighlight:x,selectableRowsComponent:j,selectableRowsComponentProps:T,selectableRowDisabled:M,selectableRowsSingle:y,striped:u,onRowExpandToggled:P,onRowClicked:Ot,onRowDoubleClicked:At,onRowMouseEnter:Lt,onRowMouseLeave:Dt,onSelectedRow:It,draggingColumnId:it,onDragStart:ot,onDragOver:lt,onDragEnd:ct,onDragEnter:st,onDragLeave:ut})})))))),Et&&s.createElement("div",null,s.createElement(Nt,{onChangePage:zt,onChangeRowsPerPage:Ft,rowCount:F||jt.length,currentPage:pt,rowsPerPage:ht,direction:tt,paginationRowsPerPageOptions:q,paginationIconLastPage:H,paginationIconFirstPage:W,paginationIconNext:V,paginationIconPrevious:Y,paginationComponentOptions:Q})))}));t.jG=function(e="default",t,n="default"){return Qe[e]||(Qe[e]=Ye(Qe[n],t||{})),Qe[e]=Ye(Qe[e],t||{}),Qe[e]},t.ZP=Ke},4448:(e,t,n)=>{"use strict";var r=n(7294),a=n(3840);function i(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n