@feathery/react 2.32.1 → 2.33.0

package/umd/TableElement.ee77e0f53a9ccac846ab.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunkFeathery=this.webpackChunkFeathery||[]).push([[844],{6056:(e,t,r)=>{r.r(t),r.d(t,{default:()=>Ze});var n=r(5944),o=r(7294),a=r(426),i=function(){return i=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},i.apply(this,arguments)},l="#ffffff",c="#f9fafb",s="#f3f4f6",u="#e5e7eb",d="#9ca3af",p="#4b5563",f="#111827",h="#1d4ed8",g={width:"16px",height:"16px",color:"#6b7280"},v={display:"flex",flexDirection:"column",gap:"2px","& svg":{marginInlineStart:"4px",width:"20px",height:"20px"}},y={width:"12px",height:"12px",color:d,opacity:.3,'&[data-active="true"]':{color:h,opacity:1}},b={display:"flex",alignItems:"center",gap:"8px"},m={position:"relative",overflowX:"auto",overflowY:"auto",backgroundColor:l,boxShadow:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",borderRadius:"8px",border:"1px solid ".concat(u),minWidth:"100%",maxWidth:"100%",height:"100%",boxSizing:"border-box"},x={display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:"64px 24px",textAlign:"center"},w={color:p,fontSize:"16px",fontWeight:"500",margin:0},C={padding:"16px",borderBottom:"1px solid ".concat(u)},k={position:"relative"},S={position:"absolute",top:0,bottom:0,left:0,display:"flex",alignItems:"center",paddingLeft:"12px",pointerEvents:"none"},Z={display:"block",width:"100%",maxWidth:"384px",paddingLeft:"36px",paddingRight:"12px",paddingTop:"10px",paddingBottom:"10px",backgroundColor:c,border:"1px solid ".concat(u),color:f,fontSize:"14px",borderRadius:"8px",boxShadow:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",boxSizing:"border-box"},P={width:"100%",maxWidth:"100%",fontSize:"14px",textAlign:"left",color:p,textIndent:0,borderColor:"inherit",borderCollapse:"collapse"},_={fontSize:"14px",color:p,backgroundColor:c,borderBottom:"1px solid ".concat(u)},R={padding:"12px 24px",fontWeight:"500",userSelect:"none"},I={backgroundColor:l,borderBottom:"1px solid ".concat(u),transition:"background-color 0.2s"},A={padding:"16px 24px",wordBreak:"break-word",overflowWrap:"anywhere"},B={display:"flex",alignItems:"center",flexWrap:"wrap",justifyContent:"space-between",padding:"16px",gap:"8px"},L={fontSize:"14px",fontWeight:"normal",color:p},M={fontWeight:"600",color:f},T={display:"flex",marginLeft:"-1px",fontSize:"14px",listStyle:"none",padding:0,margin:0},j={display:"flex",alignItems:"center",justifyContent:"center",color:p,backgroundColor:c,boxSizing:"border-box",border:"1px solid ".concat(u),fontWeight:"500",fontSize:"14px",textDecoration:"none",cursor:"pointer",height:"36px",wordBreak:"keep-all",overflowWrap:"normal","&:hover":{backgroundColor:s,color:f},"&:disabled:hover":{color:p,backgroundColor:c,cursor:"auto"}},D=i(i({},j),{borderRadius:"4px",paddingInline:"8px",paddingBlock:"4px",width:"auto",height:"auto",minHeight:"28px",position:"relative"}),O={width:"16px",height:"16px",color:p},W={position:"fixed",backgroundColor:l,border:"1px solid ".concat("#d1d5db"),borderRadius:"4px",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1)",zIndex:9999,minWidth:"120px"},X={display:"block",width:"100%",textAlign:"left",paddingLeft:"12px",paddingRight:"12px",paddingTop:"8px",paddingBottom:"8px",fontSize:"14px",color:"#374151",backgroundColor:"transparent",border:"none",cursor:"pointer",whiteSpace:"nowrap",position:"relative","&:hover":{backgroundColor:s},"&:disabled:hover":{backgroundColor:"transparent",cursor:"auto"},"&:first-of-type":{borderTopLeftRadius:"4px",borderTopRightRadius:"4px"},"&:last-of-type":{borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px"}},E=i(i({},D),{aspectRatio:1,paddingLeft:0,paddingRight:0}),N={display:"flex",gap:"8px",justifyContent:"flex-end"},z=i(i({},j),{width:"36px",borderRightWidth:0}),F=i(i({},z),{borderTopLeftRadius:"8px",borderBottomLeftRadius:"8px",paddingLeft:"12px",paddingRight:"12px",width:"auto"}),V=i(i({},z),{borderTopRightRadius:"8px",borderBottomRightRadius:"8px",paddingLeft:"12px",paddingRight:"12px",width:"auto",borderRightWidth:1}),Q=i(i({},z),{color:h,backgroundColor:"#eff6ff",border:"1px solid ".concat(u)}),H={opacity:.8,cursor:"default",color:d,"&:hover":{backgroundColor:c,color:d}},Y=i(i({},z),{appearance:"none",WebkitAppearance:"none",cursor:"pointer",paddingLeft:"8px",paddingRight:"8px",width:"36px",textAlign:"center",outline:"none","&:hover":{backgroundColor:s,color:f},"&:focus":{outline:"none"}}),$=function(){return $=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},$.apply(this,arguments)};function q(){return(0,n.tZ)("svg",$({css:g,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2},{children:(0,n.tZ)("path",{strokeLinecap:"round",d:"M21 21l-3.5-3.5M17 10a7 7 0 1 1-14 0 7 7 0 0 1 14 0Z"})}))}function G(e){var t=e.searchQuery,r=e.onSearchChange;return(0,n.tZ)("div",$({css:C},{children:(0,n.BX)("div",$({css:k},{children:[(0,n.tZ)("div",$({css:S},{children:(0,n.tZ)(q,{})})),(0,n.tZ)("input",{type:"text",css:Z,placeholder:"Search",value:t,onChange:function(e){return r(e.target.value)},onKeyDown:function(e){"Enter"===e.key&&e.preventDefault()}})]}))}))}var K=function(){return K=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},K.apply(this,arguments)};function J(e){var t=e.isSorted,r=e.sortDirection;return(0,n.BX)("svg",K({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},{children:[(0,n.tZ)("path",{css:y,stroke:"currentColor","data-active":t&&"asc"===r||void 0,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"m8 9 4-4 4 4"}),(0,n.tZ)("path",{css:y,stroke:"currentColor","data-active":t&&"desc"===r||void 0,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"m8 15 4 4 4-4"})]}))}function U(e){var t=e.columns,r=e.enableSort,o=e.sortColumn,a=e.sortDirection,i=e.onSort,l=e.styles;return(0,n.tZ)(n.HY,{children:t.map((function(e,t){var c=r,s=o===e.name,u=0===t;return(0,n.tZ)("th",K({scope:"col",onClick:function(){return c&&i(e.name)},css:K(K(K(K({},R),u?{}:{paddingLeft:0}),l.getTarget("th")),c?{cursor:"pointer"}:{})},{children:(0,n.BX)("div",K({css:b},{children:[(0,n.tZ)("span",{children:e.name}),c&&(0,n.tZ)("span",K({css:v},{children:(0,n.tZ)(J,{isSorted:s,sortDirection:a})}))]}))}),t)}))})}var ee=function(){return ee=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},ee.apply(this,arguments)};function te(e){var t=e.currentPage,r=e.totalItems,o=e.rowsPerPage;return(0,n.BX)("span",ee({css:L},{children:["Showing"," ",(0,n.BX)("span",ee({css:M},{children:[t*o+1,"-",Math.min((t+1)*o,r)]}))," ","of ",(0,n.tZ)("span",ee({css:M},{children:r}))]}))}function re(e){var t=e.disabled,r=e.onClick;return(0,n.tZ)("button",ee({type:"button",onClick:r,disabled:t,css:ee(ee({},F),t?H:{})},{children:"Previous"}))}function ne(e){var t=e.disabled,r=e.onClick;return(0,n.tZ)("button",ee({type:"button",onClick:r,disabled:t,css:ee(ee({},V),t?H:{})},{children:"Next"}))}function oe(e){var t=e.pages,r=e.onPageChange;return(0,n.BX)("select",ee({value:"",onChange:function(e){r(Number(e.target.value))},"aria-label":"Go to page",css:Y},{children:[(0,n.tZ)("option",ee({value:"",disabled:!0,hidden:!0},{children:"..."})),t.map((function(e){return(0,n.tZ)("option",ee({value:e},{children:e+1}),e)}))]}))}function ae(e){var t=e.currentPage,r=e.totalPages,o=e.onPageChange,a=new Set;a.add(0),a.add(r-1);for(var i=Math.max(0,t-1);i<=Math.min(r-1,t+1);i++)a.add(i);var l=[],c=Array.from(a).sort((function(e,t){return e-t}));for(i=0;i<c.length;i++){var s=c[i],u=i>0?c[i-1]:-1;if(s-u>1){for(var d=[],p=u+1;p<s;p++)d.push(p);l.push({type:"overflow",pages:d})}l.push({type:"page",page:s})}return(0,n.tZ)(n.HY,{children:l.map((function(e,r){if("overflow"===e.type)return 1===e.pages.length?(0,n.tZ)("li",{children:(0,n.tZ)("button",ee({type:"button",onClick:function(){return o(e.pages[0])},css:z},{children:e.pages[0]+1}))},"overflow-".concat(r)):(0,n.tZ)("li",{children:(0,n.tZ)(oe,{pages:e.pages,onPageChange:o})},"overflow-".concat(r));var a=e.page===t;return(0,n.tZ)("li",{children:(0,n.tZ)("button",ee({type:"button",onClick:function(){return o(e.page)},"aria-current":a?"page":void 0,css:a?Q:z},{children:e.page+1}))},e.page)}))})}function ie(e){var t=e.currentPage,r=e.totalPages,o=e.totalItems,a=e.rowsPerPage,i=e.onPageChange;return r<=1?null:(0,n.BX)("nav",ee({css:B,"aria-label":"Table navigation"},{children:[(0,n.tZ)(te,{currentPage:t,totalItems:o,rowsPerPage:a}),(0,n.BX)("ul",ee({css:T},{children:[(0,n.tZ)("li",{children:(0,n.tZ)(re,{disabled:0===t,onClick:function(){return i(Math.max(0,t-1))}})}),(0,n.tZ)(ae,{currentPage:t,totalPages:r,onPageChange:i}),(0,n.tZ)("li",{children:(0,n.tZ)(ne,{disabled:t>=r-1,onClick:function(){i(Math.min(r-1,t+1))}})})]}))]}))}var le=r(3935),ce=r(1142),se=r(9479),ue=function(){return ue=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},ue.apply(this,arguments)},de=function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i};function pe(){return(0,n.BX)("svg",ue({css:O,fill:"currentColor",viewBox:"0 0 24 24"},{children:[(0,n.tZ)("circle",{cx:"12",cy:"5",r:"2"}),(0,n.tZ)("circle",{cx:"12",cy:"12",r:"2"}),(0,n.tZ)("circle",{cx:"12",cy:"19",r:"2"})]}))}function fe(e){var t,r,a,i=e.actions,l=e.rowIndex,c=e.columnData,s=e.fieldValues,u=e.onClick,d=e.forceInlineButtons,p=void 0!==d&&d,f=e.tableId,h=void 0===f?"":f,g=e.buttonLoaders,v=void 0===g?{}:g;if(0===i.length)return null;var y=de((0,o.useState)(!1),2),b=y[0],m=y[1],x=de((0,o.useState)({top:0,left:0}),2),w=x[0],C=x[1],k=(0,o.useRef)(null),S=(0,o.useRef)(null),Z=(0,o.useRef)(null),P=!p&&i.length>1;(0,o.useEffect)((function(){if(b){var e=function(e){S.current&&!S.current.contains(e.target)&&Z.current&&!Z.current.contains(e.target)&&m(!1)},t=function(){m(!1)},r=(0,se.me)();return r.addEventListener("mousedown",e),r.addEventListener("scroll",t,!0),function(){r.removeEventListener("mousedown",e),r.removeEventListener("scroll",t,!0)}}}),[b]);var _=function(e){m(!1);var t=s||ce.u4,r={};c.forEach((function(e){var n=t[e.field_key],o=Array.isArray(n)?n[l]:n;r[e.name]=o})),u({action:e.label,rowIndex:l,rowData:r})},R=null!==(a=null===(r=v["".concat(h,"_").concat(l,"_").concat(null===(t=i.find((function(e){var t,r="".concat(h,"_").concat(l,"_").concat(e.label);return null===(t=v[r])||void 0===t?void 0:t.loader})))||void 0===t?void 0:t.label)])||void 0===r?void 0:r.loader)&&void 0!==a?a:null;return(0,n.tZ)("div",ue({ref:k,css:N},{children:P?(0,n.BX)(n.HY,{children:[(0,n.tZ)("button",ue({ref:Z,type:"button",disabled:R,onClick:function(e){e.stopPropagation(),function(){if(!b&&Z.current){var e=Z.current.getBoundingClientRect();C({top:e.bottom+4,left:e.right})}m(!b)}()},css:E},{children:R?(0,n.tZ)("div",ue({style:{height:"16px",width:"16px",display:"flex",alignItems:"center",justifyContent:"center"}},{children:R})):(0,n.tZ)(pe,{})})),b&&(0,le.createPortal)((0,n.tZ)("div",ue({ref:S,css:ue(ue({},W),{top:"".concat(w.top,"px"),left:"".concat(w.left,"px"),transform:"translateX(-100%)"})},{children:i.map((function(e,t){var r=Object.keys(v).length>0;return(0,n.tZ)("button",ue({type:"button",onClick:function(t){t.stopPropagation(),_(e)},css:X,disabled:r},{children:e.label}),t)}))})),(0,se.me)().body)]}):i.map((function(e,t){var r,o="".concat(h,"_").concat(l,"_").concat(e.label),a=null===(r=v[o])||void 0===r?void 0:r.loader,i=Object.keys(v).length>0;return(0,n.BX)("button",ue({type:"button",onClick:function(t){t.stopPropagation(),_(e)},css:D,disabled:i},{children:[(0,n.tZ)("span",ue({style:{visibility:a?"hidden":"visible"}},{children:e.label})),a&&(0,n.tZ)("div",ue({style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",height:"16px",width:"16px"}},{children:a}))]}),t)}))}))}var he=function(){return he=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},he.apply(this,arguments)};function ge(e){var t=e.hasSearchQuery;return(0,n.BX)("div",he({css:x},{children:[t&&(0,n.tZ)("svg",he({css:{width:"48px",height:"48px",color:"#9ca3af",marginBottom:"16px"},fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5},{children:(0,n.tZ)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"})})),(0,n.tZ)("p",he({css:w},{children:t?"No results found":"No data available"})),t&&(0,n.tZ)("p",he({css:he(he({},w),{fontSize:"14px",marginTop:"8px"})},{children:"Try adjusting your search query"}))]}))}var ve=function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i};function ye(e){var t,r=function(e){if(null==e||""===e)return null;var t=String(e).trim().replace(/[$€£¥]/g,"").replace(/[,%]/g,"").replace(/\s/g,""),r=parseFloat(t);return isNaN(r)?null:r}(e),n=function(e){var t,r,n,o;if(null==e||""===e)return null;var a=String(e).trim(),i=new Date(a);if(!isNaN(i.getTime()))return i;try{for(var l=function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}([/^(\d{1,2})[/-](\d{1,2})[/-](\d{2,4})$/,/^(\d{4})[/-](\d{1,2})[/-](\d{1,2})$/]),c=l.next();!c.done;c=l.next()){var s=c.value,u=a.match(s);if(u){var d=void 0,p=void 0,f=void 0;4===u[1].length?(d=(n=ve(u,4))[1],p=n[2],f=n[3]):(p=(o=ve(u,4))[1],f=o[2],d=o[3]),2===d.length&&(d=parseInt(d)<50?"20".concat(d):"19".concat(d));var h=new Date(parseInt(d),parseInt(p)-1,parseInt(f));if(!isNaN(h.getTime()))return h}}}catch(e){t={error:e}}finally{try{c&&!c.done&&(r=l.return)&&r.call(l)}finally{if(t)throw t.error}}return null}(e);return{original:e,asNumber:r,asDate:n,asString:null!==(t=(0,a.e7)(e))&&void 0!==t?t:""}}function be(e,t){return null!==e.asNumber&&null!==t.asNumber?e.asNumber-t.asNumber:null!==e.asDate&&null!==t.asDate?e.asDate.getTime()-t.asDate.getTime():e.asString.localeCompare(t.asString)}var me=function(){return me=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},me.apply(this,arguments)},xe=function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},we=function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},Ce=function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))};function ke(e){return"".concat("__feathery_table_page_").concat(e)}var Se=function(){return Se=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},Se.apply(this,arguments)};const Ze=function(e){var t=e.element,r=e.responsiveStyles,i=e.onClick,l=void 0===i?function(){}:i,c=e.editMode,s=void 0!==c&&c,u=e.buttonLoaders,d=void 0===u?{}:u,p=(0,o.useMemo)((function(){return function(e){return e.addTargets("table","thead","tbody","th","td","tr"),e}(r)}),[r]),f=function(e){var t,r,n,i,l,c,s,u,d,p,f=e.element,h=e.editMode,g=void 0!==h&&h,v=(null===(t=f.properties)||void 0===t?void 0:t.columns)||[],y=((null===(r=f.properties)||void 0===r?void 0:r.actions)||[]).filter((function(e){return e.label&&""!==e.label.trim()})),b=null!==(i=null===(n=f.properties)||void 0===n?void 0:n.search)&&void 0!==i&&i,m=null!==(c=null===(l=f.properties)||void 0===l?void 0:l.sort)&&void 0!==c&&c,x=null!==(u=null===(s=f.properties)||void 0===s?void 0:s.transpose)&&void 0!==u&&u,w=null!==(p=null===(d=f.properties)||void 0===d?void 0:d.pagination)&&void 0!==p?p:0,C="number"==typeof w&&w>0?Math.floor(w):0,k=C>0,S=(0,o.useMemo)((function(){var e=v;return g&&(e=e.map((function(e,t){return me(me({},e),{field_key:"example_column_".concat(t)})}))),e}),[g,v]),Z=(0,o.useMemo)((function(){return g?function(e,t){void 0===t&&(t=2);var r={};return e.forEach((function(e){r[e.field_key]=Array(t).fill("Sample")})),r}(S):ce.u4}),[g,S,v.length]),P=we((0,o.useState)(""),2),_=P[0],R=P[1],I=we((0,o.useState)(null),2),A=I[0],B=I[1],L=we((0,o.useState)("asc"),2),M=L[0],T=L[1],j=we((0,o.useState)((function(){return function(e){var t=ke(e),r=sessionStorage.getItem(t);if(!r)return 0;var n=parseInt(r,10);return Number.isInteger(n)&&n>=0?n:0}(f.id)})),2),D=j[0],O=j[1],W=(0,o.useMemo)((function(){return S.reduce((function(e,t){var r=Z[t.field_key];return Array.isArray(r)?Math.max(e,r.length):e}),0)}),[S,Z]),X=(0,o.useMemo)((function(){return Array.from({length:W},(function(e,t){return t}))}),[W]),E=(0,o.useMemo)((function(){return x&&b&&_.trim()?X.filter((function(e){return S.some((function(t){var r,n=Z[t.field_key],o=Array.isArray(n)?n[e]:n;return(null!==(r=(0,a.e7)(o))&&void 0!==r?r:"").toLowerCase().includes(_.toLowerCase().trim())}))})):X}),[x,X,S,_,b,Z]),N=we((0,o.useState)(null),2),z=N[0],F=N[1],V=(0,o.useMemo)((function(){if(!x||!m||null===z)return E;var e=S[z];return e?Ce([],we(E),!1).sort((function(t,r){var n=Z[e.field_key],o=Array.isArray(n)?n[t]:n,a=Array.isArray(n)?n[r]:n,i=be(ye(o),ye(a));return"asc"===M?i:-i})):E}),[x,E,z,M,S,Z,m]),Q=(0,o.useMemo)((function(){if(!x||!k)return V;var e=D*C,t=e+C;return V.slice(e,t)}),[x,V,D,C,k]),H=(0,o.useMemo)((function(){if(!x||0===W)return{columns:S,activeFieldValues:Z,transposedRowIndices:[]};var e=function(e,t,r,n){var o,a,i,l,c,s,u=n||Array.from({length:r},(function(e,t){return t})),d=[{name:"",field_id:"_transpose_field_name",field_type:"text",field_key:"_transpose_field_name"}];try{for(var p=xe(u),f=p.next();!f.done;f=p.next()){var h=f.value;d.push({name:"",field_id:"_transpose_row_".concat(h),field_type:"text",field_key:"_transpose_row_".concat(h),originalRowIndex:h})}}catch(e){o={error:e}}finally{try{f&&!f.done&&(a=p.return)&&a.call(p)}finally{if(o)throw o.error}}var g={_transpose_field_name:e.map((function(e){return e.name}))};try{for(var v=xe(u),y=v.next();!y.done;y=v.next()){h=y.value;var b=[];try{for(var m=(c=void 0,xe(e)),x=m.next();!x.done;x=m.next()){var w=t[x.value.field_key],C=Array.isArray(w)?w[h]:w;b.push(C)}}catch(e){c={error:e}}finally{try{x&&!x.done&&(s=m.return)&&s.call(m)}finally{if(c)throw c.error}}g["_transpose_row_".concat(h)]=b}}catch(e){i={error:e}}finally{try{y&&!y.done&&(l=v.return)&&l.call(v)}finally{if(i)throw i.error}}return{transposedColumns:d,transposedFieldValues:g,includedRowIndices:u}}(S,Z,W,Q);return{columns:e.transposedColumns,activeFieldValues:e.transposedFieldValues,transposedRowIndices:e.includedRowIndices}}),[x,S,Z,W,Q]),Y=H.columns,$=H.activeFieldValues,q=H.transposedRowIndices,G=(0,o.useMemo)((function(){return Y.reduce((function(e,t){var r=$[t.field_key];return Array.isArray(r)?Math.max(e,r.length):e}),0)}),[Y,$]),K=(0,o.useMemo)((function(){return Array.from({length:G},(function(e,t){return t}))}),[G]),J=(0,o.useMemo)((function(){return x?K:b&&_.trim()?K.filter((function(e){return Y.some((function(t){var r,n=$[t.field_key],o=Array.isArray(n)?n[e]:n;return(null!==(r=(0,a.e7)(o))&&void 0!==r?r:"").toLowerCase().includes(_.toLowerCase().trim())}))})):K}),[x,K,Y,_,b,$]),U=(0,o.useMemo)((function(){if(x)return J;if(!m||!A)return J;var e=Y.find((function(e){return e.name===A}));return e?Ce([],we(J),!1).sort((function(t,r){var n=$[e.field_key],o=Array.isArray(n)?n[t]:n,a=Array.isArray(n)?n[r]:n,i=be(ye(o),ye(a));return"asc"===M?i:-i})):J}),[x,J,A,M,Y,m,$]),ee=(0,o.useMemo)((function(){if(x)return K;if(!k)return U;var e=D*C,t=e+C;return U.slice(e,t)}),[x,K,U,D,C,k]),te=(0,o.useRef)({initialMount:!0,search:"",sortColumn:"",sortDirection:""});(0,o.useEffect)((function(){var e=te.current;if(e.initialMount)return e.initialMount=!1,e.search=_,e.sortColumn=A,void(e.sortDirection=M);_===e.search&&A===e.sortColumn&&M===e.sortDirection||(O(0),e.search=_,e.sortColumn=A,e.sortDirection=M)}),[_,A,M]);var re=x?V.length:U.length,ne=k?Math.ceil(re/C):1;(0,o.useEffect)((function(){var e,t,r;f.id&&(e=f.id,t=D,r=ke(e),sessionStorage.setItem(r,t.toString()))}),[f.id,D]),(0,o.useEffect)((function(){ne>0&&D>=ne&&O(ne-1)}),[ne]);var oe=G>0,ae=x?E.length>0:J.length>0;return{enableSearch:b,searchQuery:_,hasSearchResults:ae,setSearchQuery:R,enableSort:m,sortColumn:A,sortDirection:M,sortedColumnIndex:z,handleSort:function(e){m&&(A===e?"asc"===M?T("desc"):(B(null),T("asc")):(B(e),T("asc")))},handleTransposedSort:function(e){m&&x&&(z===e?"asc"===M?T("desc"):(F(null),T("asc")):(F(e),T("asc")))},enablePagination:k,currentPage:D,paginatedRowIndices:ee,rowsPerPage:C,setCurrentPage:O,columns:Y,actions:y,isTransposed:x&&W>0,transposedRowIndices:q,totalRows:re,totalPages:ne,hasData:oe,activeFieldValues:$,baseColumns:S,baseFieldValues:Z}}({element:t,editMode:s}),h=f.enableSearch,g=f.searchQuery,y=f.setSearchQuery,x=f.enableSort,w=f.sortColumn,C=f.sortDirection,k=f.sortedColumnIndex,S=f.handleSort,Z=f.handleTransposedSort,B=f.enablePagination,L=f.currentPage,M=f.setCurrentPage,T=f.paginatedRowIndices,j=f.rowsPerPage,D=f.columns,O=f.actions,W=f.isTransposed,X=f.transposedRowIndices,E=f.totalRows,N=f.totalPages,z=f.hasData,F=f.hasSearchResults,V=f.activeFieldValues,Q=f.baseColumns,H=f.baseFieldValues,Y=!z||z&&!F;return(0,n.tZ)("div",Se({css:Se(Se({},m),p.getTarget("container"))},{children:(0,n.BX)("div",Se({css:{minWidth:"fit-content"}},{children:[h&&(0,n.tZ)(G,{searchQuery:g,onSearchChange:y}),Y?(0,n.tZ)(ge,{hasSearchQuery:g.trim().length>0}):(0,n.BX)("table",Se({css:Se(Se({},P),p.getTarget("table"))},{children:[!W&&(0,n.tZ)("thead",Se({css:_},{children:(0,n.BX)("tr",{children:[(0,n.tZ)(U,{columns:D,enableSort:x,sortColumn:w,sortDirection:C,onSort:S,styles:p}),O.length>0&&(0,n.tZ)("th",{scope:"col",css:Se(Se(Se({},R),{paddingLeft:0}),p.getTarget("th"))})]})})),(0,n.BX)("tbody",Se({css:p.getTarget("tbody")},{children:[T.map((function(e){var r={};return W||D.forEach((function(t){var n=V[t.field_key],o=Array.isArray(n)?n[e]:n;r[t.name]=o})),(0,n.BX)("tr",Se({css:Se(Se({},I),p.getTarget("tr")),onClick:function(){W||l({rowIndex:e,rowData:r})}},{children:[D.map((function(t,r){var o,i,c=V[t.field_key],s=Array.isArray(c)?c[e]:c,u=W&&0===r,d=u&&x,f=k===e,h=0===r,g=1===r,y=W&&!u?t.originalRowIndex:void 0,m=u?Se(Se(Se(Se({},R),{backgroundColor:"#f9fafb",borderRight:"1px solid #e5e7eb",width:"1px",whiteSpace:"nowrap"}),p.getTarget("th")),d?{cursor:"pointer"}:{}):Se(Se(Se(Se({},A),W?g?{}:{paddingLeft:0}:h?{}:{paddingLeft:0}),W&&!u?{cursor:"pointer"}:{}),p.getTarget("td")),w=u?"th":"td";return(0,n.tZ)(w,Se({css:m,onClick:function(t){if(d)Z(e);else if(W&&void 0!==y){t.stopPropagation();var r={};Q.forEach((function(e){var t=H[e.field_key],n=Array.isArray(t)?t[y]:t;r[e.name]=n})),l({rowIndex:y,rowData:r})}}},u?{scope:"row"}:{},{children:u&&d?(0,n.BX)("div",Se({css:Se(Se({},b),{justifyContent:"space-between"})},{children:[(0,n.tZ)("span",{children:null!==(o=(0,a.e7)(s))&&void 0!==o?o:""}),(0,n.tZ)("span",Se({css:v},{children:(0,n.tZ)(J,{isSorted:f,sortDirection:C})}))]})):null!==(i=(0,a.e7)(s))&&void 0!==i?i:""}),r)})),!W&&O.length>0&&(0,n.tZ)("td",Se({css:Se(Se(Se({},A),{paddingLeft:0}),p.getTarget("td"))},{children:(0,n.tZ)(fe,{actions:O,rowIndex:e,columnData:Q,fieldValues:H,onClick:l,tableId:t.id,buttonLoaders:d})}))]}),e)})),W&&O.length>0&&(0,n.BX)("tr",Se({css:Se(Se({},I),p.getTarget("tr"))},{children:[(0,n.tZ)("th",{scope:"row",css:Se(Se(Se({},R),{backgroundColor:"#f9fafb",borderRight:"1px solid #e5e7eb",width:"1px",whiteSpace:"nowrap"}),p.getTarget("th"))}),X.map((function(e,r){return(0,n.tZ)("td",Se({css:Se(Se(Se({},A),0===r?{}:{paddingLeft:0}),p.getTarget("td"))},{children:(0,n.tZ)("div",Se({css:{display:"flex",justifyContent:"flex-start"}},{children:(0,n.tZ)(fe,{actions:O,rowIndex:e,columnData:Q,fieldValues:H,onClick:l,forceInlineButtons:!0,tableId:t.id,buttonLoaders:d})}))}),e)}))]}))]}))]})),!Y&&B&&(0,n.tZ)(ie,{currentPage:L,totalPages:N,totalItems:E,rowsPerPage:j,onPageChange:M})]}))}))}}}]);