simple-table-core 0.5.9 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.js +1 -1
  2. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- import{jsxs as e,jsx as r,Fragment as n}from"react/jsx-runtime";import o,{useState as t,useRef as a,useCallback as l,useEffect as c,useMemo as s,Children as d,useLayoutEffect as i,forwardRef as u,createRef as b,createContext as v,useContext as f,Fragment as g,useReducer as p}from"react";var h=function(){return h=Object.assign||function(e){for(var r,n=1,o=arguments.length;n<o;n++)for(var t in r=arguments[n])Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t]);return e},h.apply(this,arguments)};function m(e,r,n){if(n||2===arguments.length)for(var o,t=0,a=r.length;t<a;t++)!o&&t in r||(o||(o=Array.prototype.slice.call(r,0,t)),o[t]=r[t]);return e.concat(o||Array.prototype.slice.call(r))}"function"==typeof SuppressedError&&SuppressedError;var k=function(e){var r={};return d.forEach(e,(function(e){if(e&&e.ref&&e.ref.current){var n=e.ref.current.getBoundingClientRect();r[e.key]=n}})),r},w=function(e){var r,n,l=e.allowHorizontalAnimate,s=void 0===l||l,d=e.children,u=e.pauseAnimation,b=e.tableRef,v=a(!1),f=t({}),g=f[0],p=f[1],h=t({}),m=h[0],w=h[1],x=(r=d,n=a(),c((function(){n.current=r}),[r]),n.current);return i((function(){var e=k(d);p(e)}),[d]),i((function(){var e=k(x);w(e);var r=b.current,n=function(){v.current=!0;var e=k(x);p(e),w(e)},o=function(){v.current=!1};return null==r||r.addEventListener("scroll",n),null==r||r.addEventListener("scrollend",o),function(){null==r||r.removeEventListener("scroll",n),null==r||r.removeEventListener("scrollend",o)}}),[x,b]),c((function(){u||v.current||Object.keys(m).length&&o.Children.forEach(d,(function(e){if(e){var r=e.ref.current,n=m[e.key],o=g[e.key];if(n&&o){var t=n.left-o.left,a=s?0:n.top-o.top,l=Math.abs(t),c=Math.abs(a);(l>10||c>10)&&requestAnimationFrame((function(){r.style.transform="translate(".concat(t,"px, ").concat(a,"px)"),r.style.transition="transform 0s, opacity 0s",requestAnimationFrame((function(){r.style.transform="",r.style.transition="transform 300ms ease-out, opacity 300ms ease-out"}))}))}}}))}),[s,g,d,u,m]),d},x=!1,y=function(e){var r=e.draggedHeaderRef,n=e.headersRef,o=e.hoveredHeaderRef,t=e.onTableHeaderDragEnd;return{handleDragStart:function(e){r.current=e},handleDragOver:function(e){!function(e){var a;if(!x&&(o.current=e,e.accessor!==(null===(a=r.current)||void 0===a?void 0:a.accessor)&&null!==r.current&&!x)){if(x=!0,!n.current)return;var l=m([],n.current,!0),c=l.findIndex((function(e){var n;return e.accessor===(null===(n=r.current)||void 0===n?void 0:n.accessor)})),s=l.findIndex((function(r){return r.accessor===e.accessor}));if(void 0===c||void 0===s)return;var d=l.splice(c,1)[0];l.splice(s,0,d),JSON.stringify(l)!==JSON.stringify(n.current)&&setTimeout((function(){t(l),setTimeout((function(){x=!1}),500)}),50)}}(e)},handleDragEnd:function(){r.current=null,o.current=null}}},C=function(e,r){var n=!0,o=!0;return function(){for(var t=[],a=0;a<arguments.length;a++)t[a]=arguments[a];if(n)return n=!1,void setTimeout((function(){return o=!1}),r);o||(e.apply(this,t),o=!0,setTimeout((function(){return o=!1}),r))}},z=u((function(n,o){var l,s=n.columnResizing,d=n.currentRows,i=n.draggable,u=n.draggedHeaderRef,b=n.forceUpdate,v=n.headersRef,f=n.hoveredHeaderRef,g=n.index,p=n.onSort,m=n.onTableHeaderDragEnd,k=n.selectableColumns,w=n.setIsWidthDragging,x=n.setSelectedCells,z=n.sort,N=n.sortDownIcon,R=n.sortUpIcon,D=a({pageX:0,pageY:0}),S=t(!1),I=S[0],E=S[1],A=null===(l=v.current)||void 0===l?void 0:l[g],M=Boolean(null==A?void 0:A.isSortable),L="st-header-cell ".concat(A===f.current?"st-hovered":""," ").concat(I?"st-dragging":""," ").concat(M?"clickable":""," ").concat(i&&!M?"draggable":""),T=y({draggedHeaderRef:u,headersRef:v,hoveredHeaderRef:f,onTableHeaderDragEnd:m}),B=T.handleDragStart,O=T.handleDragOver,H=T.handleDragEnd,P=a(C((function(e){O(e)}),100)).current,j=function(e){var r=e.event,n=e.header;if(k){var o=d.length,t=Array.from({length:o},(function(e,r){return"".concat(r,"-").concat(g)})),a=function(e,r){var n=new Set,t=Math.min(e,r),a=Math.max(e,r);return Array.from({length:o}).forEach((function(e,r){Array.from({length:a-t+1}).forEach((function(e,o){n.add("".concat(r,"-").concat(t+o))}))})),n};r.shiftKey?x((function(e){var r,n=Number(null===(r=Array.from(e)[0])||void 0===r?void 0:r.split("-")[1]),o=Number(t[0].split("-")[1]);return n===o?new Set(t):n>o?a(o,n):a(n,o)})):x(new Set(t))}else n.isSortable&&p(g,n.accessor)};return c((function(){var e=function(e){var r=new Image;r.src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=",e.dataTransfer.setDragImage(r,0,0)};return document.addEventListener("dragend",e,!1),function(){document.removeEventListener("dragend",e)}}),[]),A?e("div",h({className:L,ref:o,style:{width:A.width}},{children:[r("div",h({className:"st-header-label",draggable:i,onClick:function(e){return j({event:e,header:A})},onDragStart:function(e){i&&A&&(e.dataTransfer.dropEffect="move",function(e){E(!0),B(e)}(A))},onDragOver:function(e){return function(e,r){e.preventDefault(),e.dataTransfer.dropEffect="move";var n=e.pageX,o=e.pageY;n===D.current.pageX&&o===D.current.pageY||(D.current={pageX:n,pageY:o},P(r,e))}(e,A)},onDragEnd:function(e){e.preventDefault(),e.dataTransfer.dropEffect="move",E(!1),H()},onMouseEnter:function(){return document.body.style.overflow="hidden"},onMouseLeave:function(){return document.body.style.overflow="auto"}},{children:null==A?void 0:A.label})),z&&z.key.accessor===A.accessor&&e("div",h({className:"st-sort-icon-container",onClick:function(e){return j({event:e,header:A})}},{children:["ascending"===z.direction&&R&&R,"descending"===z.direction&&N&&N]})),s&&r("div",{className:"st-header-resize-handle",onMouseDown:function(e){w(!0),e.preventDefault();var r=e.clientX;if(A){var n=A.width,o=C((function(e){var o=Math.max(n+(e.clientX-r),40);A&&(v.current[g].width=o,b())}),10),t=function(){document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",t),w(!1)};document.addEventListener("mousemove",o),document.addEventListener("mouseup",t)}}})]})):null})),N=u((function(e,n){return e.visible?r("div",{className:"st-cell",ref:n}):r("div",{ref:n})})),R=function(o){var t,l=o.columnResizing,c=o.currentRows,s=o.draggable,d=o.forceUpdate,i=o.headersRef,u=o.hiddenColumns,v=o.isWidthDragging,f=o.onSort,g=o.onTableHeaderDragEnd,p=o.selectableColumns,m=o.setIsWidthDragging,k=o.setSelectedCells,x=o.shouldDisplayLastColumnCell,y=o.sort,C=o.sortDownIcon,R=o.sortUpIcon,D=o.tableRef,S=a(null),I=a(null);return r(n,{children:e(w,h({pauseAnimation:v,tableRef:D},{children:[null===(t=i.current)||void 0===t?void 0:t.map((function(e,n){return u[e.accessor]?null:r(z,{columnResizing:l,currentRows:c,draggable:s,draggedHeaderRef:S,forceUpdate:d,headersRef:i,hoveredHeaderRef:I,index:n,onSort:f,onTableHeaderDragEnd:g,ref:b(),selectableColumns:p,setIsWidthDragging:m,setSelectedCells:k,sort:y,sortDownIcon:C,sortUpIcon:R},e.accessor)})),r(N,{ref:b(),visible:x})]}))})},D=function(n){var o=n.value,t=n.onBlur,a=n.onChange;return e("select",h({value:o.toString(),onBlur:t,onChange:function(e){var r=e.target.value;a("true"===r)}},{children:[r("option",h({value:"true"},{children:"True"})),r("option",h({value:"false"},{children:"False"}))]}))},S=function(e){var n=e.defaultValue,o=e.onBlur,t=e.onChange,l=a(null);return r("input",{className:"editable-cell-input",ref:l,autoFocus:!0,type:"text",defaultValue:null!=n?n:"",onBlur:o,onChange:function(e){var r=e.target.value;t(r)}})},I=function(e){var n=e.defaultValue,o=e.onBlur,t=e.onChange,l=a(null);return r("input",{className:"editable-cell-input",ref:l,autoFocus:!0,defaultValue:n.toString(),onBlur:o,onChange:function(e){var r=e.target.value;/^\d*\.?\d*$/.test(r)&&t(r)}})},E=function(e){var o=e.onChange,t=e.setIsEditing,a=e.value,l=function(e){null==o||o(e)},c=function(){t(!1)};return r(n,{children:"string"==typeof a||null==a?r(S,{defaultValue:a,onBlur:c,onChange:l}):"boolean"==typeof a?r(D,{onBlur:c,onChange:l,value:a}):"number"==typeof a?r(I,{defaultValue:a,onBlur:c,onChange:l}):null})},A=v({rows:[],tableRows:[]}),M=u((function(e,n){var o=e.borderClass,a=e.colIndex,l=e.content,s=e.header,d=e.isSelected,i=e.isTopLeftCell,u=e.onCellChange,b=e.onMouseDown,v=e.onMouseOver,g=e.row,p=e.rowIndex,m=f(A),k=m.rows,w=m.tableRows,x=t(l),y=x[0],C=x[1],z=t(!1),N=z[0],R=z[1],D=Boolean(null==s?void 0:s.isEditable),S=p%2==0,I="st-cell ".concat(d?i?"st-cell-selected-first-cell ".concat(o):"st-cell-selected ".concat(o):""," ").concat(S?"st-cell-odd-row":"st-cell-even-row"," ").concat(D?"clickable":"");c((function(){C(l)}),[l]),c((function(){if(void 0!==g.originalRowIndex&&"number"==typeof g.originalRowIndex){var e=k[g.originalRowIndex];e[s.accessor]!==y?C(e[s.accessor]):w[g.originalRowIndex][s.accessor]=y}}),[s.accessor,y,k,g.originalRowIndex,w]);return r("div",N?h({className:"st-cell-editing ".concat(S?"st-cell-odd-row":"st-cell-even-row")},{children:r(E,{onChange:function(e){C(e),null==u||u({accessor:s.accessor,newValue:e,newRowIndex:p,originalRowIndex:g.originalRowIndex,row:g})},setIsEditing:R,value:y})}):h({className:I,onDoubleClick:function(){return s.isEditable&&R(!0)},onMouseDown:function(){return b(p,a)},onMouseOver:function(){return v(p,a)},ref:n},{children:y}))})),L=function(){return r("div",{className:"st-row-separator"})},T=function(o){var t=o.currentRows,a=o.getBorderClass,l=o.handleMouseDown,c=o.handleMouseOver,s=o.headers,d=o.hiddenColumns,i=o.isSelected,u=o.isTopLeftCell,v=o.isWidthDragging,f=o.onCellChange,p=o.shouldDisplayLastColumnCell,m=o.shouldPaginate,k=o.tableRef;return r(n,{children:t.map((function(n,o){return e(g,{children:[e(w,h({allowHorizontalAnimate:m,pauseAnimation:v,tableRef:k},{children:[s.map((function(e,t){if(d[e.accessor])return null;var s=n[e.accessor];return e.cellRenderer&&(s=e.cellRenderer(n)),r(M,{borderClass:a(o,t),colIndex:t,content:s,header:e,isSelected:i(o,t),isTopLeftCell:u(o,t),onCellChange:f,onMouseDown:function(){return l({rowIndex:o,colIndex:t})},onMouseOver:function(){return c(o,t)},ref:b(),row:n,rowIndex:o},e.accessor)})),r(N,{ref:b(),visible:p})]})),o!==t.length-1&&r(L,{})]},n.originalRowIndex)}))})},B=function(n){var o=n.currentPage,t=n.hideFooter,a=n.nextIcon,l=n.onPageChange,c=n.prevIcon,s=n.rowsPerPage,d=n.shouldPaginate,i=n.totalRows,u=Math.ceil(i/s),b=o>1,v=o<u,f=function(e){e>=1&&e<=u&&l(e)};return t||!d?null:e("div",h({className:"st-footer"},{children:[r("button",h({className:"st-next-prev-btn ".concat(b?"":"disabled"),onClick:function(){return f(o-1)},disabled:!b},{children:c})),r("button",h({className:"st-next-prev-btn ".concat(v?"":"disabled"),onClick:function(){return f(o+1)},disabled:!v},{children:a})),Array.from({length:u},(function(e,n){return r("button",h({onClick:function(){return f(n+1)},className:"st-page-btn ".concat(o===n+1?"active":"")},{children:n+1}),n)}))]}))},O=function(e){var n=e.className;return r("svg",h({className:n,viewBox:"0 0 24 24",width:"24",height:"24",xmlns:"http://www.w3.org/2000/svg"},{children:r("path",{d:"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"})}))},H=function(e){var n=e.className;return r("svg",h({className:n,viewBox:"0 0 24 24",width:"24",height:"24",xmlns:"http://www.w3.org/2000/svg"},{children:r("path",{d:"M8.59 16.59L10 18l6-6-6-6-1.41 1.41L13.17 12z"})}))},P=function(e){var n=e.className;return r("svg",h({className:n,viewBox:"0 0 20 20",width:"20",height:"20",xmlns:"http://www.w3.org/2000/svg"},{children:r("path",{d:"M5.41 11.41L10 6.83l4.59 4.58L16 10l-6-6-6 6z"})}))},j=function(e){var n=e.className;return r("svg",h({className:n,viewBox:"0 0 20 20",width:"20",height:"20",xmlns:"http://www.w3.org/2000/svg"},{children:r("path",{d:"M5.41 7.59L10 12.17l4.59-4.58L16 9l-6 6-6-6z"})}))},U=function(n){var o=n.checked,a=void 0!==o&&o,l=n.children,c=n.onChange,s=t(a),d=s[0],i=s[1];return e("label",h({className:"st-checkbox-label"},{children:[r("input",{checked:d,className:"st-checkbox-input",onChange:function(){var e=!d;i(e),c&&c(e)},type:"checkbox"}),r("span",h({className:"st-checkbox-custom ".concat(d?"st-checked":"")},{children:d&&r("span",{className:"st-checkbox-checkmark"})})),l]}))},X=function(e){var n=e.headers,o=e.open,t=e.position;e.setOpen;var a=e.setHiddenColumns,l=e.hiddenColumns,c="left"===t?"left":"";return r("div",h({className:"st-column-editor-popout ".concat(o?"open":""," ").concat(c),onClick:function(e){return e.stopPropagation()}},{children:r("div",h({className:"st-column-editor-popout-content"},{children:n.map((function(e,n){return r(U,h({checked:l[e.accessor],onChange:function(r){var n;return a(h(h({},l),((n={})[e.accessor]=r,n)))}},{children:e.label}),n)}))}))}))},V=function(n){var o=n.columnEditorText,a=n.editColumns,l=n.headers,c=n.position,s=void 0===c?"right":c,d=n.setHiddenColumns,i=n.hiddenColumns,u=t(!1),b=u[0],v=u[1];return a?e("div",h({className:"st-column-editor ".concat(b?"open":""," ").concat(s),onClick:function(){return function(e){v(e)}(!b)}},{children:[r("div",h({className:"st-column-editor-text"},{children:o})),r(X,{headers:l,open:b,position:s,setOpen:v,setHiddenColumns:d,hiddenColumns:i})]})):null};!function(e,r){void 0===r&&(r={});var n=r.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===n&&o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}}(':root {\n /* Customizable Variables */\n --st-border-radius: 4px;\n --st-border-width: 1px;\n --st-cell-padding: 8px;\n\n /* New Variables for Theming */\n --st-font-size: 1rem;\n --st-font-weight-normal: 400;\n --st-font-weight-bold: 700;\n --st-transition-duration: 0.3s;\n --st-transition-ease: ease;\n --st-opacity-disabled: 0.5;\n --st-spacing-small: 4px;\n --st-spacing-medium: 8px;\n --st-spacing-large: 16px;\n\n /* Tailwind Colors */\n --white: #fff;\n --black: #000;\n\n --slate-50: #f8fafc;\n --slate-100: #f1f5f9;\n --slate-200: #e2e8f0;\n --slate-300: #cbd5e1;\n --slate-400: #94a3b8;\n --slate-500: #64748b;\n --slate-600: #475569;\n --slate-700: #334155;\n --slate-800: #1e293b;\n --slate-900: #0f172a;\n --slate-950: #020617;\n\n --gray-50: #f9fafb;\n --gray-100: #f3f4f6;\n --gray-200: #e5e7eb;\n --gray-300: #d1d5db;\n --gray-400: #9ca3af;\n --gray-500: #6b7280;\n --gray-600: #4b5563;\n --gray-700: #374151;\n --gray-800: #1f2937;\n --gray-900: #111827;\n --gray-950: #030712;\n\n --zinc-50: #fafafa;\n --zinc-100: #f4f4f5;\n --zinc-200: #e4e4e7;\n --zinc-300: #d4d4d8;\n --zinc-400: #a1a1aa;\n --zinc-500: #71717a;\n --zinc-600: #52525b;\n --zinc-700: #3f3f46;\n --zinc-800: #27272a;\n --zinc-900: #18181b;\n --zinc-950: #09090b;\n\n --neutral-50: #fafafa;\n --neutral-100: #f5f5f5;\n --neutral-200: #e5e5e5;\n --neutral-300: #d4d4d4;\n --neutral-400: #a3a3a3;\n --neutral-500: #737373;\n --neutral-600: #525252;\n --neutral-700: #404040;\n --neutral-800: #262626;\n --neutral-900: #171717;\n --neutral-950: #0a0a0a;\n\n --stone-50: #fafaf9;\n --stone-100: #f5f5f4;\n --stone-200: #e7e5e4;\n --stone-300: #d6d3d1;\n --stone-400: #a8a29e;\n --stone-500: #78716c;\n --stone-600: #57534e;\n --stone-700: #44403c;\n --stone-800: #292524;\n --stone-900: #1c1917;\n --stone-950: #0c0a09;\n\n --red-50: #fef2f2;\n --red-100: #fee2e2;\n --red-200: #fecaca;\n --red-300: #fca5a5;\n --red-400: #f87171;\n --red-500: #ef4444;\n --red-600: #dc2626;\n --red-700: #b91c1c;\n --red-800: #991b1b;\n --red-900: #7f1d1d;\n --red-950: #450a0a;\n\n --orange-50: #fff7ed;\n --orange-100: #ffedd5;\n --orange-200: #fed7aa;\n --orange-300: #fdba74;\n --orange-400: #fb923c;\n --orange-500: #f97316;\n --orange-600: #ea580c;\n --orange-700: #c2410c;\n --orange-800: #9a3412;\n --orange-900: #7c2d12;\n --orange-950: #431407;\n\n --amber-50: #fffbeb;\n --amber-100: #fef3c7;\n --amber-200: #fde68a;\n --amber-300: #fcd34d;\n --amber-400: #fbbf24;\n --amber-500: #f59e0b;\n --amber-600: #d97706;\n --amber-700: #b45309;\n --amber-800: #92400e;\n --amber-900: #78350f;\n --amber-950: #451a03;\n\n --yellow-50: #fefce8;\n --yellow-100: #fef9c3;\n --yellow-200: #fef08a;\n --yellow-300: #fde047;\n --yellow-400: #facc15;\n --yellow-500: #eab308;\n --yellow-600: #ca8a04;\n --yellow-700: #a16207;\n --yellow-800: #854d0e;\n --yellow-900: #713f12;\n --yellow-950: #422006;\n\n --lime-50: #f7fee7;\n --lime-100: #ecfccb;\n --lime-200: #d9f99d;\n --lime-300: #bef264;\n --lime-400: #a3e635;\n --lime-500: #84cc16;\n --lime-600: #65a30d;\n --lime-700: #4d7c0f;\n --lime-800: #3f6212;\n --lime-900: #365314;\n --lime-950: #1a2e05;\n\n --green-50: #f0fdf4;\n --green-100: #dcfce7;\n --green-200: #bbf7d0;\n --green-300: #86efac;\n --green-400: #4ade80;\n --green-500: #22c55e;\n --green-600: #16a34a;\n --green-700: #15803d;\n --green-800: #166534;\n --green-900: #14532d;\n --green-950: #052e16;\n\n --emerald-50: #ecfdf5;\n --emerald-100: #d1fae5;\n --emerald-200: #a7f3d0;\n --emerald-300: #6ee7b7;\n --emerald-400: #34d399;\n --emerald-500: #10b981;\n --emerald-600: #059669;\n --emerald-700: #047857;\n --emerald-800: #065f46;\n --emerald-900: #064e3b;\n --emerald-950: #022c22;\n\n --teal-50: #f0fdfa;\n --teal-100: #ccfbf1;\n --teal-200: #99f6e4;\n --teal-300: #5eead4;\n --teal-400: #2dd4bf;\n --teal-500: #14b8a6;\n --teal-600: #0d9488;\n --teal-700: #0f766e;\n --teal-800: #115e59;\n --teal-900: #134e4a;\n --teal-950: #042f2e;\n\n --cyan-50: #ecfeff;\n --cyan-100: #cffafe;\n --cyan-200: #a5f3fc;\n --cyan-300: #67e8f9;\n --cyan-400: #22d3ee;\n --cyan-500: #06b6d4;\n --cyan-600: #0891b2;\n --cyan-700: #0e7490;\n --cyan-800: #155e75;\n --cyan-900: #164e63;\n --cyan-950: #083344;\n\n --sky-50: #f0f9ff;\n --sky-100: #e0f2fe;\n --sky-200: #bae6fd;\n --sky-300: #7dd3fc;\n --sky-400: #38bdf8;\n --sky-500: #0ea5e9;\n --sky-600: #0284c7;\n --sky-700: #0369a1;\n --sky-800: #075985;\n --sky-900: #0c4a6e;\n --sky-950: #082f49;\n\n --blue-50: #eff6ff;\n --blue-100: #dbeafe;\n --blue-200: #bfdbfe;\n --blue-300: #93c5fd;\n --blue-400: #60a5fa;\n --blue-500: #3b82f6;\n --blue-600: #2563eb;\n --blue-700: #1d4ed8;\n --blue-800: #1e40af;\n --blue-900: #1e3a8a;\n --blue-950: #172554;\n\n --indigo-50: #eef2ff;\n --indigo-100: #e0e7ff;\n --indigo-200: #c7d2fe;\n --indigo-300: #a5b4fc;\n --indigo-400: #818cf8;\n --indigo-500: #6366f1;\n --indigo-600: #4f46e5;\n --indigo-700: #4338ca;\n --indigo-800: #3730a3;\n --indigo-900: #312e81;\n --indigo-950: #1e1b4b;\n\n --violet-50: #f5f3ff;\n --violet-100: #ede9fe;\n --violet-200: #ddd6fe;\n --violet-300: #c4b5fd;\n --violet-400: #a78bfa;\n --violet-500: #8b5cf6;\n --violet-600: #7c3aed;\n --violet-700: #6d28d9;\n --violet-800: #5b21b6;\n --violet-900: #4c1d95;\n --violet-950: #2e1065;\n\n --purple-50: #faf5ff;\n --purple-100: #f3e8ff;\n --purple-200: #e9d5ff;\n --purple-300: #d8b4fe;\n --purple-400: #c084fc;\n --purple-500: #a855f7;\n --purple-600: #9333ea;\n --purple-700: #7e22ce;\n --purple-800: #6b21a8;\n --purple-900: #581c87;\n --purple-950: #3b0764;\n\n --fuchsia-50: #fdf4ff;\n --fuchsia-100: #fae8ff;\n --fuchsia-200: #f5d0fe;\n --fuchsia-300: #f0abfc;\n --fuchsia-400: #e879f9;\n --fuchsia-500: #d946ef;\n --fuchsia-600: #c026d3;\n --fuchsia-700: #a21caf;\n --fuchsia-800: #86198f;\n --fuchsia-900: #701a75;\n --fuchsia-950: #4a044e;\n\n --pink-50: #fdf2f8;\n --pink-100: #fce7f3;\n --pink-200: #fbcfe8;\n --pink-300: #f9a8d4;\n --pink-400: #f472b6;\n --pink-500: #ec4899;\n --pink-600: #db2777;\n --pink-700: #be185d;\n --pink-800: #9d174d;\n --pink-900: #831843;\n --pink-950: #500724;\n\n --rose-50: #fff1f2;\n --rose-100: #ffe4e6;\n --rose-200: #fecdd3;\n --rose-300: #fda4af;\n --rose-400: #fb7185;\n --rose-500: #f43f5e;\n --rose-600: #e11d48;\n --rose-700: #be123c;\n --rose-800: #9f1239;\n --rose-900: #881337;\n --rose-950: #4c0519;\n}\n\n.theme-light {\n --st-border-color: var(--blue-400);\n --st-odd-row-background-color: var(--blue-50);\n --st-even-row-background-color: var(--blue-100);\n --st-header-background-color: var(--blue-200);\n --st-dragging-background-color: var(--blue-300);\n --st-selected-cell-background-color: var(--blue-300);\n --st-selected-first-cell-background-color: var(--amber-200);\n --st-footer-background-color: var(--blue-50);\n --st-cell-color: var(--slate-800);\n --st-cell-odd-row-color: var(--slate-700);\n --st-shadow: 0 1px 3px 0 var(--black / 0.1), 0 1px 2px -1px var(--black / 0.1);\n --st-shadow-hover: 0 4px 6px -1px var(--black / 0.1),\n 0 2px 4px -1px var(--black / 0.06);\n --st-selected-cell-color: var(--slate-900);\n --st-selected-first-cell-color: var(--slate-900);\n --st-resize-handle-color: var(--blue-500);\n --st-separator-border-color: var(--blue-400);\n --st-selected-border-top-color: var(--blue-600);\n --st-selected-border-bottom-color: var(--blue-600);\n --st-selected-border-left-color: var(--blue-600);\n --st-selected-border-right-color: var(--blue-600);\n --st-checkbox-checked-background-color: var(--blue-500);\n --st-checkbox-checked-border-color: var(--blue-500);\n --st-column-editor-background-color: var(--blue-50);\n --st-column-editor-popout-background-color: var(--blue-50);\n --st-button-hover-background-color: var(--blue-200);\n --st-button-active-background-color: var(--blue-300);\n --st-font-family: "Nunito", sans-serif;\n --st-editable-cell-focus-border-color: var(--blue-500);\n}\n\n.theme-dark {\n --st-border-color: var(--slate-800);\n --st-odd-row-background-color: var(--slate-800);\n --st-even-row-background-color: var(--slate-900);\n --st-header-background-color: var(--slate-700);\n --st-dragging-background-color: var(--blue-800);\n --st-selected-cell-background-color: var(--blue-700);\n --st-selected-first-cell-background-color: var(--amber-700);\n --st-footer-background-color: var(--slate-900);\n --st-cell-color: var(--white);\n --st-cell-odd-row-color: var(--slate-300);\n --st-shadow: 0 1px 3px 0 var(--white / 0.1), 0 1px 2px -1px var(--white / 0.1);\n --st-shadow-hover: 0 4px 6px -1px var(--white / 0.1),\n 0 2px 4px -1px var(--white / 0.06);\n --st-selected-cell-color: var(--white);\n --st-selected-first-cell-color: var(--white);\n --st-resize-handle-color: var(--slate-600);\n --st-separator-border-color: var(--slate-700);\n --st-selected-border-top-color: var(--blue-700);\n --st-selected-border-bottom-color: var(--blue-700);\n --st-selected-border-left-color: var(--blue-700);\n --st-selected-border-right-color: var(--blue-700);\n --st-checkbox-checked-background-color: var(--blue-700);\n --st-checkbox-checked-border-color: var(--blue-700);\n --st-column-editor-background-color: var(--slate-800);\n --st-column-editor-popout-background-color: var(--slate-800);\n --st-button-hover-background-color: var(--slate-600);\n --st-button-active-background-color: var(--slate-700);\n --st-font-family: "Open Sans", sans-serif;\n --st-editable-cell-focus-border-color: var(--slate-600);\n}\n\n.theme-high-contrast {\n --st-border-color: var(--slate-900);\n --st-odd-row-background-color: var(--slate-50);\n --st-even-row-background-color: var(--slate-900);\n --st-header-background-color: var(--slate-900);\n --st-dragging-background-color: var(--yellow-500);\n --st-selected-cell-background-color: var(--slate-900);\n --st-selected-first-cell-background-color: var(--red-500);\n --st-footer-background-color: var(--slate-900);\n --st-cell-color: var(--white);\n --st-cell-odd-row-color: var(--slate-900);\n --st-shadow: none;\n --st-shadow-hover: none;\n --st-selected-cell-color: var(--white);\n --st-selected-first-cell-color: var(--white);\n --st-resize-handle-color: var(--slate-900);\n --st-separator-border-color: var(--slate-900);\n --st-selected-border-top-color: var(--orange-600);\n --st-selected-border-bottom-color: var(--orange-600);\n --st-selected-border-left-color: var(--orange-600);\n --st-selected-border-right-color: var(--orange-600);\n --st-checkbox-checked-background-color: var(--slate-50);\n --st-checkbox-checked-border-color: var(--slate-50);\n --st-column-editor-background-color: var(--slate-900);\n --st-column-editor-popout-background-color: var(--slate-900);\n --st-button-hover-background-color: var(--slate-50);\n --st-button-active-background-color: var(--slate-900);\n --st-font-family: "Arial", sans-serif;\n --st-editable-cell-focus-border-color: var(--orange-600);\n}\n\n.theme-pastel {\n --st-border-color: var(--purple-200);\n --st-odd-row-background-color: var(--purple-50);\n --st-even-row-background-color: var(--blue-50);\n --st-header-background-color: var(--blue-50);\n --st-dragging-background-color: var(--cyan-50);\n --st-selected-cell-background-color: var(--orange-50);\n --st-selected-first-cell-background-color: var(--amber-50);\n --st-footer-background-color: var(--purple-50);\n --st-cell-color: var(--slate-600);\n --st-cell-odd-row-color: var(--slate-700);\n --st-shadow: 0 1px 3px 0 var(--black / 0.1), 0 1px 2px -1px var(--black / 0.1);\n --st-shadow-hover: 0 4px 6px -1px var(--black / 0.1),\n 0 2px 4px -1px var(--black / 0.06);\n --st-selected-cell-color: var(--slate-600);\n --st-selected-first-cell-color: var(--slate-600);\n --st-resize-handle-color: var(--purple-200);\n --st-separator-border-color: var(--purple-200);\n --st-selected-border-top-color: var(--amber-500);\n --st-selected-border-bottom-color: var(--amber-500);\n --st-selected-border-left-color: var(--amber-500);\n --st-selected-border-right-color: var(--amber-500);\n --st-checkbox-checked-background-color: var(--purple-200);\n --st-checkbox-checked-border-color: var(--purple-200);\n --st-column-editor-background-color: var(--purple-50);\n --st-column-editor-popout-background-color: var(--purple-50);\n --st-button-hover-background-color: var(--purple-100);\n --st-button-active-background-color: var(--purple-200);\n --st-font-family: "Comic Sans MS", cursive, sans-serif;\n --st-editable-cell-focus-border-color: var(--purple-300);\n}\n\n.theme-vibrant {\n --st-border-color: var(--orange-500);\n --st-odd-row-background-color: var(--orange-100);\n --st-even-row-background-color: var(--orange-200);\n --st-header-background-color: var(--orange-300);\n --st-dragging-background-color: var(--blue-300);\n --st-selected-cell-background-color: var(--blue-400);\n --st-selected-first-cell-background-color: var(--amber-300);\n --st-footer-background-color: var(--orange-50);\n --st-cell-color: var(--orange-900);\n --st-cell-odd-row-color: var(--orange-800);\n --st-shadow: 0 1px 3px 0 var(--black / 0.2), 0 1px 2px -1px var(--black / 0.2);\n --st-shadow-hover: 0 4px 6px -1px var(--black / 0.2),\n 0 2px 4px -1px var(--black / 0.1);\n --st-selected-cell-color: var(--orange-900);\n --st-selected-first-cell-color: var(--orange-900);\n --st-resize-handle-color: var(--orange-400);\n --st-separator-border-color: var(--orange-500);\n --st-selected-border-top-color: var(--orange-700);\n --st-selected-border-bottom-color: var(--orange-700);\n --st-selected-border-left-color: var(--orange-700);\n --st-selected-border-right-color: var(--orange-700);\n --st-checkbox-checked-background-color: var(--orange-500);\n --st-checkbox-checked-border-color: var(--orange-500);\n --st-column-editor-background-color: var(--orange-100);\n --st-column-editor-popout-background-color: var(--orange-100);\n --st-button-hover-background-color: var(--orange-300);\n --st-button-active-background-color: var(--orange-400);\n --st-font-family: "Lobster", cursive;\n --st-editable-cell-focus-border-color: var(--orange-600);\n}\n\n.theme-solarized-light {\n --st-border-color: var(--yellow-300);\n --st-odd-row-background-color: var(--yellow-50);\n --st-even-row-background-color: var(--yellow-200);\n --st-header-background-color: var(--yellow-200);\n --st-dragging-background-color: var(--yellow-300);\n --st-selected-cell-background-color: var(--slate-400);\n --st-selected-first-cell-background-color: var(--amber-600);\n --st-footer-background-color: var(--yellow-50);\n --st-cell-color: var(--slate-600);\n --st-cell-odd-row-color: var(--slate-700);\n --st-shadow: 0 1px 3px 0 var(--black / 0.1), 0 1px 2px -1px var(--black / 0.1);\n --st-shadow-hover: 0 4px 6px -1px var(--black / 0.1),\n 0 2px 4px -1px var(--black / 0.06);\n --st-selected-cell-color: var(--slate-600);\n --st-selected-first-cell-color: var(--slate-600);\n --st-resize-handle-color: var(--slate-400);\n --st-separator-border-color: var(--yellow-300);\n --st-selected-border-top-color: var(--yellow-600);\n --st-selected-border-bottom-color: var(--yellow-600);\n --st-selected-border-left-color: var(--yellow-600);\n --st-selected-border-right-color: var(--yellow-600);\n --st-checkbox-checked-background-color: var(--slate-400);\n --st-checkbox-checked-border-color: var(--slate-400);\n --st-column-editor-background-color: var(--yellow-200);\n --st-column-editor-popout-background-color: var(--yellow-200);\n --st-button-hover-background-color: var(--yellow-200);\n --st-button-active-background-color: var(--slate-400);\n --st-font-family: "Georgia", serif;\n --st-editable-cell-focus-border-color: var(--yellow-400);\n}\n\n.theme-solarized-dark {\n --st-border-color: var(--slate-800);\n --st-odd-row-background-color: var(--slate-900);\n --st-even-row-background-color: var(--slate-800);\n --st-header-background-color: var(--slate-800);\n --st-dragging-background-color: var(--slate-800);\n --st-selected-cell-background-color: var(--slate-600);\n --st-selected-first-cell-background-color: var(--amber-600);\n --st-footer-background-color: var(--slate-900);\n --st-cell-color: var(--slate-300);\n --st-cell-odd-row-color: var(--slate-400);\n --st-shadow: 0 1px 3px 0 var(--white / 0.1), 0 1px 2px -1px var(--white / 0.1);\n --st-shadow-hover: 0 4px 6px -1px var(--white / 0.1),\n 0 2px 4px -1px var(--white / 0.06);\n --st-selected-cell-color: var(--slate-300);\n --st-selected-first-cell-color: var(--slate-300);\n --st-resize-handle-color: var(--slate-600);\n --st-separator-border-color: var(--slate-800);\n --st-selected-border-top-color: var(--blue-800);\n --st-selected-border-bottom-color: var(--blue-800);\n --st-selected-border-left-color: var(--blue-800);\n --st-selected-border-right-color: var(--blue-800);\n --st-checkbox-checked-background-color: var(--slate-600);\n --st-checkbox-checked-border-color: var(--slate-600);\n --st-column-editor-background-color: var(--slate-800);\n --st-column-editor-popout-background-color: var(--slate-800);\n --st-button-hover-background-color: var(--slate-600);\n --st-button-active-background-color: var(--slate-800);\n --st-font-family: "Courier New", monospace;\n --st-editable-cell-focus-border-color: var(--blue-800);\n}\n\n.theme-ocean {\n --st-border-color: var(--cyan-700);\n --st-odd-row-background-color: var(--cyan-50);\n --st-even-row-background-color: var(--cyan-100);\n --st-header-background-color: var(--cyan-100);\n --st-dragging-background-color: var(--cyan-300);\n --st-selected-cell-background-color: var(--cyan-700);\n --st-selected-first-cell-background-color: var(--slate-900);\n --st-footer-background-color: var(--cyan-50);\n --st-cell-color: var(--slate-900);\n --st-cell-odd-row-color: var(--cyan-700);\n --st-shadow: 0 1px 3px 0 var(--black / 0.1), 0 1px 2px -1px var(--black / 0.1);\n --st-shadow-hover: 0 4px 6px -1px var(--black / 0.1),\n 0 2px 4px -1px var(--black / 0.06);\n --st-selected-cell-color: var(--slate-900);\n --st-selected-first-cell-color: var(--slate-900);\n --st-resize-handle-color: var(--cyan-300);\n --st-separator-border-color: var(--cyan-700);\n --st-selected-border-top-color: var(--blue-700);\n --st-selected-border-bottom-color: var(--blue-700);\n --st-selected-border-left-color: var(--blue-700);\n --st-selected-border-right-color: var(--blue-700);\n --st-checkbox-checked-background-color: var(--cyan-700);\n --st-checkbox-checked-border-color: var(--cyan-700);\n --st-column-editor-background-color: var(--cyan-100);\n --st-column-editor-popout-background-color: var(--cyan-100);\n --st-button-hover-background-color: var(--cyan-300);\n --st-button-active-background-color: var(--cyan-700);\n --st-font-family: "Verdana", sans-serif;\n --st-editable-cell-focus-border-color: var(--cyan-500);\n}\n\n.theme-forest {\n --st-border-color: var(--green-800);\n --st-odd-row-background-color: var(--green-50);\n --st-even-row-background-color: var(--green-100);\n --st-header-background-color: var(--green-100);\n --st-dragging-background-color: var(--green-400);\n --st-selected-cell-background-color: var(--green-700);\n --st-selected-first-cell-background-color: var(--green-900);\n --st-footer-background-color: var(--green-50);\n --st-cell-color: var(--green-900);\n --st-cell-odd-row-color: var(--green-700);\n --st-shadow: 0 1px 3px 0 var(--black / 0.1), 0 1px 2px -1px var(--black / 0.1);\n --st-shadow-hover: 0 4px 6px -1px var(--black / 0.1),\n 0 2px 4px -1px var(--black / 0.06);\n --st-selected-cell-color: var(--green-900);\n --st-selected-first-cell-color: var(--green-900);\n --st-resize-handle-color: var(--green-400);\n --st-separator-border-color: var(--green-800);\n --st-selected-border-top-color: var(--green-600);\n --st-selected-border-bottom-color: var(--green-600);\n --st-selected-border-left-color: var(--green-600);\n --st-selected-border-right-color: var(--green-600);\n --st-checkbox-checked-background-color: var(--green-700);\n --st-checkbox-checked-border-color: var(--green-700);\n --st-column-editor-background-color: var(--green-100);\n --st-column-editor-popout-background-color: var(--green-100);\n --st-button-hover-background-color: var(--green-400);\n --st-button-active-background-color: var(--green-700);\n --st-font-family: "Tahoma", sans-serif;\n --st-editable-cell-focus-border-color: var(--green-600);\n}\n\n.theme-desert {\n --st-border-color: var(--amber-600);\n --st-odd-row-background-color: var(--amber-50);\n --st-even-row-background-color: var(--amber-100);\n --st-header-background-color: var(--amber-100);\n --st-dragging-background-color: var(--amber-300);\n --st-selected-cell-background-color: var(--amber-600);\n --st-selected-first-cell-background-color: var(--amber-800);\n --st-footer-background-color: var(--amber-50);\n --st-cell-color: var(--amber-800);\n --st-cell-odd-row-color: var(--amber-600);\n --st-shadow: 0 1px 3px 0 var(--black / 0.1), 0 1px 2px -1px var(--black / 0.1);\n --st-shadow-hover: 0 4px 6px -1px var(--black / 0.1),\n 0 2px 4px -1px var(--black / 0.06);\n --st-selected-cell-color: var(--amber-800);\n --st-selected-first-cell-color: var(--amber-800);\n --st-resize-handle-color: var(--amber-300);\n --st-separator-border-color: var(--amber-600);\n --st-selected-border-top-color: var(--amber-700);\n --st-selected-border-bottom-color: var(--amber-700);\n --st-selected-border-left-color: var(--amber-700);\n --st-selected-border-right-color: var(--amber-700);\n --st-checkbox-checked-background-color: var(--amber-600);\n --st-checkbox-checked-border-color: var(--amber-600);\n --st-column-editor-background-color: var(--amber-100);\n --st-column-editor-popout-background-color: var(--amber-100);\n --st-button-hover-background-color: var(--amber-300);\n --st-button-active-background-color: var(--amber-600);\n --st-font-family: "Times New Roman", serif;\n --st-editable-cell-focus-border-color: var(--amber-700);\n}\n\n.theme-bubblegum {\n --st-border-color: var(--pink-500);\n --st-odd-row-background-color: var(--pink-50);\n --st-even-row-background-color: var(--pink-100);\n --st-header-background-color: var(--pink-200);\n --st-dragging-background-color: var(--pink-300);\n --st-selected-cell-background-color: var(--pink-400);\n --st-selected-first-cell-background-color: var(--pink-600);\n --st-footer-background-color: var(--pink-50);\n --st-cell-color: var(--pink-900);\n --st-cell-odd-row-color: var(--pink-800);\n --st-shadow: 0 1px 3px 0 var(--black / 0.1), 0 1px 2px -1px var(--black / 0.1);\n --st-shadow-hover: 0 4px 6px -1px var(--black / 0.1),\n 0 2px 4px -1px var(--black / 0.06);\n --st-selected-cell-color: var(--pink-900);\n --st-selected-first-cell-color: var(--pink-900);\n --st-resize-handle-color: var(--pink-400);\n --st-separator-border-color: var(--pink-500);\n --st-selected-border-top-color: var(--pink-700);\n --st-selected-border-bottom-color: var(--pink-700);\n --st-selected-border-left-color: var(--pink-700);\n --st-selected-border-right-color: var(--pink-700);\n --st-checkbox-checked-background-color: var(--pink-500);\n --st-checkbox-checked-border-color: var(--pink-500);\n --st-column-editor-background-color: var(--pink-100);\n --st-column-editor-popout-background-color: var(--pink-100);\n --st-button-hover-background-color: var(--pink-300);\n --st-button-active-background-color: var(--pink-400);\n --st-font-family: "Pacifico", cursive;\n --st-editable-cell-focus-border-color: var(--pink-600);\n}\n\n.theme-90s {\n --st-border-color: var(--gray-500);\n --st-odd-row-background-color: var(--gray-100);\n --st-even-row-background-color: var(--gray-200);\n --st-header-background-color: var(--gray-300);\n --st-dragging-background-color: var(--gray-400);\n --st-selected-cell-background-color: var(--gray-500);\n --st-selected-first-cell-background-color: var(--gray-600);\n --st-footer-background-color: var(--gray-100);\n --st-cell-color: var(--gray-900);\n --st-cell-odd-row-color: var(--gray-800);\n --st-shadow: 0 1px 3px 0 var(--black / 0.1), 0 1px 2px -1px var(--black / 0.1);\n --st-shadow-hover: 0 4px 6px -1px var(--black / 0.1),\n 0 2px 4px -1px var(--black / 0.06);\n --st-selected-cell-color: var(--gray-900);\n --st-selected-first-cell-color: var(--gray-900);\n --st-resize-handle-color: var(--gray-400);\n --st-separator-border-color: var(--gray-500);\n --st-selected-border-top-color: var(--gray-700);\n --st-selected-border-bottom-color: var(--gray-700);\n --st-selected-border-left-color: var(--gray-700);\n --st-selected-border-right-color: var(--gray-700);\n --st-checkbox-checked-background-color: var(--gray-500);\n --st-checkbox-checked-border-color: var(--gray-500);\n --st-column-editor-background-color: var(--gray-200);\n --st-column-editor-popout-background-color: var(--gray-200);\n --st-button-hover-background-color: var(--gray-300);\n --st-button-active-background-color: var(--gray-400);\n --st-font-family: "Courier New", monospace;\n --st-editable-cell-focus-border-color: var(--gray-600);\n}\n\n/* Global styles */\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n/* Apply Nunito as the default font */\nbody {\n font-family: var(--st-font-family);\n font-size: var(--st-font-size);\n font-weight: var(--st-font-weight-normal);\n}\n\n/* Wrapper for the table */\n.st-wrapper {\n position: relative;\n border: var(--st-border-width) solid var(--st-border-color);\n border-radius: var(--st-border-radius);\n max-height: 100dvh;\n overflow: hidden;\n}\n\n.st-table-wrapper {\n position: relative;\n display: flex;\n width: max-content;\n overflow: visible;\n height: 100%;\n width: 100%;\n}\n\n/* Main table styling */\n.st-table {\n position: relative;\n display: grid;\n border-collapse: collapse;\n table-layout: auto;\n white-space: nowrap;\n width: 100%;\n height: 100%;\n overflow: auto;\n}\n\n/* Styles for table header cells */\n.st-header-cell {\n position: sticky;\n top: 0;\n background-color: var(--st-header-background-color);\n z-index: 1;\n font-weight: var(--st-font-weight-bold);\n\n display: flex;\n align-items: center;\n gap: var(--st-spacing-small);\n border-top: var(--st-border-width) solid transparent;\n border-bottom: var(--st-border-width) solid var(--st-border-color);\n}\n.st-header-cell.clickable {\n cursor: pointer;\n}\n.st-header-cell.draggable {\n cursor: grab;\n}\n\n/* Common styles for table header and cells */\n.st-header-cell,\n.st-cell {\n color: var(--slate-800);\n overflow: hidden;\n}\n\n.st-cell.clickable {\n cursor: pointer;\n}\n\n.st-header-cell,\n.st-cell,\n.st-cell-editing {\n width: 100%;\n height: 40px;\n font-family: var(--st-font-family);\n}\n\n.st-cell-editing {\n position: relative;\n}\n\n.st-header-label {\n flex: 1;\n color: var(--st-cell-color);\n}\n\n.st-header-label,\n.st-cell {\n user-select: none;\n padding: var(--st-cell-padding);\n text-align: left;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 100%;\n}\n.st-cell {\n position: relative;\n border: var(--st-border-width) solid transparent;\n}\n.st-sort-icon-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.st-sort-icon {\n fill: var(--slate-500);\n}\n\n.st-header-resize-handle {\n top: 0;\n right: 0;\n width: 5px;\n height: 20px;\n cursor: col-resize;\n background-color: var(--st-resize-handle-color);\n border-radius: 0.25rem;\n}\n\n.st-row-separator {\n height: 1px;\n background-color: var(--st-separator-border-color);\n grid-column: 1 / -1;\n}\n.st-cell-even-row {\n background-color: var(--st-even-row-background-color);\n}\n\n.st-cell-odd-row:not(.st-cell-selected) {\n background-color: var(--st-odd-row-background-color);\n color: var(--st-cell-odd-row-color);\n}\n.st-cell:not(.st-cell-odd-row):not(.st-cell-selected) {\n background-color: var(--st-even-row-background-color);\n color: var(--st-cell-color);\n}\n\n/* Style for a cell when it is being dragged */\n.st-dragging {\n background-color: var(--st-dragging-background-color);\n}\n\n/* Style for selected table cells */\n.st-cell-selected {\n background-color: var(--st-selected-cell-background-color);\n color: var(--st-selected-cell-color);\n}\n\n/* Style for the first selected table cell */\n.st-cell-selected-first {\n background-color: var(--st-selected-first-cell-background-color);\n color: var(--st-selected-first-cell-color);\n}\n\n/* Border for selected cells */\n.st-selected-top-border {\n border-top: var(--st-border-width) solid var(--st-selected-border-top-color);\n}\n\n.st-selected-bottom-border {\n border-bottom: var(--st-border-width) solid\n var(--st-selected-border-bottom-color);\n}\n\n.st-selected-left-border {\n border-left: var(--st-border-width) solid var(--st-selected-border-left-color);\n}\n\n.st-selected-right-border {\n border-right: var(--st-border-width) solid\n var(--st-selected-border-right-color);\n}\n\n.st-footer {\n display: flex;\n align-items: center;\n background-color: var(--st-footer-background-color);\n padding: var(--st-spacing-medium);\n border-top: var(--st-border-width) solid var(--st-border-color);\n}\n\n.st-next-prev-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--st-spacing-small);\n cursor: pointer;\n background-color: transparent;\n border: none;\n border-radius: var(--st-border-radius);\n transition: background-color var(--st-transition-duration)\n var(--st-transition-ease);\n}\n.st-next-prev-btn {\n fill: var(--slate-600);\n}\n.disabled > .st-next-prev-icon {\n cursor: not-allowed;\n fill: var(--slate-400);\n}\n\n.st-next-prev-btn:not(.disabled):hover {\n background-color: var(--slate-100);\n}\n\n.st-page-btn {\n margin-left: var(--st-spacing-small);\n padding: var(--st-spacing-small);\n cursor: pointer;\n background-color: transparent;\n color: var(--slate-600);\n border: none;\n border-radius: var(--st-border-radius);\n transition: background-color var(--st-transition-duration)\n var(--st-transition-ease);\n}\n\n.st-page-btn:hover {\n background-color: var(--st-button-hover-background-color);\n}\n\n.st-page-btn.active {\n background-color: var(--st-button-active-background-color);\n color: white;\n}\n\n.editable-cell-input {\n position: absolute;\n top: 0;\n left: 0;\n border-radius: var(--st-border-radius);\n border: var(--st-border-width) solid var(--st-border-color);\n box-shadow: var(--st-shadow);\n z-index: 1;\n outline: none;\n height: 100%;\n width: 100%;\n padding: var(--st-cell-padding);\n font-size: var(--st-font-size);\n font-family: var(--st-font-family);\n}\n.editable-cell-input:focus {\n border: var(--st-border-width) solid\n var(--st-editable-cell-focus-border-color);\n}\n.st-column-editor {\n position: relative;\n user-select: none;\n background: var(--st-footer-background-color);\n border-left: var(--st-border-width) solid var(--st-border-color);\n cursor: pointer;\n color: var(--slate-500);\n}\n\n.st-column-editor-text {\n padding: var(--st-spacing-medium) var(--st-spacing-small);\n writing-mode: vertical-rl;\n z-index: 2;\n}\n\n.st-column-editor.open,\n.st-column-editor.open .st-column-editor-text {\n background-color: var(--st-column-editor-background-color);\n}\n\n.st-column-editor-popout {\n position: absolute;\n top: 0;\n right: calc(100% + 1px);\n z-index: 1;\n height: 100%;\n background-color: var(--st-column-editor-popout-background-color);\n transition: width var(--st-transition-duration) var(--st-transition-ease);\n overflow: hidden;\n width: 0;\n}\n.st-column-editor-popout-content {\n display: flex;\n flex-direction: column;\n overflow: auto;\n gap: var(--st-spacing-small);\n padding: var(--st-spacing-medium) var(--st-spacing-small);\n border-left: var(--st-border-width) solid var(--st-border-color);\n height: 100%;\n}\n\n.st-column-editor-popout.open {\n width: 200px;\n}\n\n.st-column-editor-popout.left {\n transform: translateX(-100%);\n}\n\n.st-column-editor-popout.open.left {\n transform: translateX(0);\n}\n\n/* Checkbox styles */\n.st-checkbox-label {\n display: flex;\n align-items: center;\n cursor: pointer;\n gap: var(--st-spacing-medium);\n}\n\n.st-checkbox-input {\n display: none; /* Hide the default checkbox */\n}\n\n.st-checkbox-custom {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n border: var(--st-border-width) solid var(--slate-300);\n border-radius: var(--st-border-radius);\n background-color: white;\n transition: background-color var(--st-transition-duration)\n var(--st-transition-ease),\n border-color var(--st-transition-duration) var(--st-transition-ease);\n}\n\n.st-checkbox-custom.st-checked {\n background-color: var(--st-checkbox-checked-background-color);\n border-color: var(--st-checkbox-checked-border-color);\n}\n\n.st-checkbox-checkmark {\n width: 6px;\n height: 11px;\n border: solid white;\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n}\n\n@keyframes slide-in-left {\n from {\n transform: translateX(-100%);\n }\n to {\n transform: translateX(0);\n }\n}\n\n@keyframes slide-in-right {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n}\n');var W=function(e){if(!document.querySelector('link[data-font="'.concat(e,'"]'))){var r=document.createElement("link");r.rel="stylesheet",r.href="https://fonts.googleapis.com/css2?family=".concat(e.replace(/ /g,"+"),":wght@400;700&display=swap"),r.setAttribute("data-font",e),document.head.appendChild(r)}},F=function(n){var o=n.columnEditorPosition,d=void 0===o?"right":o,i=n.columnEditorText,u=void 0===i?"Columns":i,b=n.columnResizing,v=void 0!==b&&b,f=n.defaultHeaders,g=n.draggable,k=void 0!==g&&g,w=n.editColumns,x=void 0!==w&&w,y=n.height,C=n.hideFooter,z=void 0!==C&&C,N=n.nextIcon,D=void 0===N?r(H,{className:"st-next-prev-icon"}):N,S=n.onCellChange,I=n.prevIcon,E=void 0===I?r(O,{className:"st-next-prev-icon"}):I,M=n.rows,L=n.rowsPerPage,U=void 0===L?10:L,X=n.selectableCells,F=void 0!==X&&X,G=n.selectableColumns,Y=void 0!==G&&G,q=n.shouldPaginate,K=void 0!==q&&q,Q=n.sortDownIcon,J=void 0===Q?r(j,{className:"st-sort-icon"}):Q,$=n.sortUpIcon,Z=void 0===$?r(P,{className:"st-sort-icon"}):$,_=n.theme,ee=void 0===_?"light":_;c((function(){switch(ee){case"light":default:W("Nunito");break;case"dark":W("Open Sans");break;case"pastel":W("Comic Sans MS");break;case"vibrant":W("Lobster");break;case"solarized-light":case"solarized-dark":W("Georgia");break;case"desert":W("Times New Roman");break;case"forest":W("Tahoma");break;case"ocean":W("Verdana");break;case"bubblegum":W("Pacifico");break;case"90s":W("Courier New")}}),[ee]);var re=s((function(){return M.map((function(e,r){return h(h({},e),{originalRowIndex:r})}))}),[M]),ne=a(null),oe=t(!1),te=oe[0],ae=oe[1],le=a(f),ce=t(null),se=ce[0],de=ce[1],ie=t({}),ue=ie[0],be=ie[1],ve=t(1),fe=ve[0],ge=ve[1],pe=s((function(){if(!se)return re;var e=function(e,r,n){var o=n?n.key:e[0],t="ascending";return n&&n.key.accessor===o.accessor&&"ascending"===n.direction&&(t="descending"),{sortedData:m([],r,!0).sort((function(e,r){return e[o.accessor]<r[o.accessor]?"ascending"===t?1:-1:e[o.accessor]>r[o.accessor]?"ascending"===t?-1:1:0})),newSortConfig:{key:o,direction:t}}}(le.current,re,se).sortedData;return e}),[re,se]),he=p((function(e){return e+1}),0)[1],me=function(e){var r=e.selectableCells,n=e.headers,o=e.rows,d=t(new Set),i=d[0],u=d[1],b=a(!1),v=a(null),f=l((function(){var e=Array.from(i).reduce((function(e,r){var t=r.split("-").map(Number),a=t[0],l=t[1];return e[a]||(e[a]=[]),e[a][l]=o[a][n[l].accessor],e}),{}),r=Object.values(e).map((function(e){return Object.values(e).join("\t")})).join("\n");navigator.clipboard.writeText(r)}),[i,o,n]);c((function(){var e=function(e){(e.ctrlKey||e.metaKey)&&"c"===e.key&&f()};return document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}}),[f]);var g=l((function(e,r){return i.has("".concat(e,"-").concat(r))}),[i]),p=l((function(e,r){var n=[];return g(e-1,r)||n.push("st-selected-top-border"),g(e+1,r)||n.push("st-selected-bottom-border"),g(e,r-1)||n.push("st-selected-left-border"),g(e,r+1)||n.push("st-selected-right-border"),n.join(" ")}),[g]),h=s((function(){var e=Math.min.apply(Math,Array.from(i).map((function(e){return parseInt(e.split("-")[0])}))),r=Math.min.apply(Math,Array.from(i).map((function(e){return parseInt(e.split("-")[1])})));return function(n,o){return n===e&&o===r}}),[i]);return{selectedCells:i,handleMouseDown:function(e){var n=e.colIndex,o=e.rowIndex;r&&(b.current=!0,v.current={row:o,col:n},u(new Set(["".concat(o,"-").concat(n)])))},handleMouseOver:function(e,n){if(r&&b.current&&v.current){for(var o=new Set,t=Math.min(v.current.row,e),a=Math.max(v.current.row,e),l=Math.min(v.current.col,n),c=Math.max(v.current.col,n),s=t;s<=a;s++)for(var d=l;d<=c;d++)o.add("".concat(s,"-").concat(d));u(o)}},handleMouseUp:function(){b.current=!1,v.current=null},isSelected:g,getBorderClass:p,isTopLeftCell:h,setSelectedCells:u}}({selectableCells:F,headers:le.current,rows:pe}),ke=me.handleMouseDown,we=me.handleMouseOver,xe=me.handleMouseUp,ye=me.isSelected,Ce=me.getBorderClass,ze=me.isTopLeftCell,Ne=me.setSelectedCells,Re=le.current.filter((function(e){return!e.hide})),De=s((function(){return!!ne.current&&Re.reduce((function(e,r){return e+r.width}),0)<ne.current.clientWidth}),[Re]),Se=K?pe.slice((fe-1)*U,fe*U):pe;c((function(){var e=function(e){var r=e.target;r.closest(".st-cell")||Y&&(r.classList.contains("st-header-cell")||r.classList.contains("st-header-label"))||Ne(new Set)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[Y,Ne]);var Ie=s((function(){return"".concat(Re.filter((function(e){return!0!==ue[e.accessor]})).map((function(e){return"".concat(e.width,"px")})).join(" ")," 1fr")}),[Re,ue]);return r(A.Provider,h({value:{rows:M,tableRows:re}},{children:e("div",h({className:"st-wrapper theme-".concat(ee),style:y?{height:y}:{}},{children:[e("div",h({className:"st-table-wrapper"},{children:[e("div",h({className:"st-table",onMouseUp:xe,onMouseLeave:xe,ref:ne,style:{gridTemplateColumns:Ie}},{children:[r(R,{columnResizing:v,currentRows:Se,draggable:k,forceUpdate:he,headersRef:le,hiddenColumns:ue,isWidthDragging:te,onSort:function(e,r){de((function(n){return(null==n?void 0:n.key.accessor)!==r?{key:le.current[e],direction:"ascending"}:"ascending"===(null==n?void 0:n.direction)?{key:le.current[e],direction:"descending"}:null}))},onTableHeaderDragEnd:function(e){le.current=e,he()},selectableColumns:Y,setIsWidthDragging:ae,setSelectedCells:Ne,shouldDisplayLastColumnCell:De,sort:se,sortDownIcon:J,sortUpIcon:Z,tableRef:ne}),r(T,{currentRows:Se,getBorderClass:Ce,handleMouseDown:ke,handleMouseOver:we,headers:le.current,hiddenColumns:ue,isSelected:ye,isTopLeftCell:ze,isWidthDragging:te,onCellChange:S,shouldDisplayLastColumnCell:De,shouldPaginate:K,tableRef:ne})]})),r(V,{headers:le.current,columnEditorText:u,editColumns:x,position:d,setHiddenColumns:be,hiddenColumns:ue})]})),r(B,{currentPage:fe,hideFooter:z,nextIcon:D,onPageChange:ge,prevIcon:E,rowsPerPage:U,shouldPaginate:K,totalRows:pe.length})]}))}))};export{F as SimpleTable};
1
+ import{jsxs as e,jsx as r,Fragment as n}from"react/jsx-runtime";import o,{useState as t,useRef as a,useCallback as l,useEffect as c,useMemo as s,Children as d,useLayoutEffect as i,forwardRef as u,createRef as b,createContext as v,useContext as f,Fragment as g,useReducer as p}from"react";var h=function(){return h=Object.assign||function(e){for(var r,n=1,o=arguments.length;n<o;n++)for(var t in r=arguments[n])Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t]);return e},h.apply(this,arguments)};function m(e,r,n){if(n||2===arguments.length)for(var o,t=0,a=r.length;t<a;t++)!o&&t in r||(o||(o=Array.prototype.slice.call(r,0,t)),o[t]=r[t]);return e.concat(o||Array.prototype.slice.call(r))}"function"==typeof SuppressedError&&SuppressedError;var k=function(e){var r={};return d.forEach(e,(function(e){if(e&&e.ref&&e.ref.current){var n=e.ref.current.getBoundingClientRect();r[e.key]=n}})),r},w=function(e){var r,n,l=e.allowHorizontalAnimate,s=void 0===l||l,d=e.children,u=e.pauseAnimation,b=e.tableRef,v=a(!1),f=t({}),g=f[0],p=f[1],h=t({}),m=h[0],w=h[1],x=(r=d,n=a(),c((function(){n.current=r}),[r]),n.current);return i((function(){var e=k(d);p(e)}),[d]),i((function(){var e=k(x);w(e);var r=b.current,n=function(){v.current=!0;var e=k(x);p(e),w(e)},o=function(){v.current=!1};return null==r||r.addEventListener("scroll",n),null==r||r.addEventListener("scrollend",o),function(){null==r||r.removeEventListener("scroll",n),null==r||r.removeEventListener("scrollend",o)}}),[x,b]),c((function(){u||v.current||Object.keys(m).length&&o.Children.forEach(d,(function(e){if(e){var r=e.ref.current,n=m[e.key],o=g[e.key];if(n&&o){var t=n.left-o.left,a=s?0:n.top-o.top,l=Math.abs(t),c=Math.abs(a);(l>10||c>10)&&requestAnimationFrame((function(){r.style.transform="translate(".concat(t,"px, ").concat(a,"px)"),r.style.transition="transform 0s, opacity 0s",requestAnimationFrame((function(){r.style.transform="",r.style.transition="transform 300ms ease-out, opacity 300ms ease-out"}))}))}}}))}),[s,g,d,u,m]),d},x=!1,y=function(e){var r=e.draggedHeaderRef,n=e.headersRef,o=e.hoveredHeaderRef,t=e.onTableHeaderDragEnd;return{handleDragStart:function(e){r.current=e},handleDragOver:function(e){!function(e){var a;if(!x&&(o.current=e,e.accessor!==(null===(a=r.current)||void 0===a?void 0:a.accessor)&&null!==r.current&&!x)){if(x=!0,!n.current)return;var l=m([],n.current,!0),c=l.findIndex((function(e){var n;return e.accessor===(null===(n=r.current)||void 0===n?void 0:n.accessor)})),s=l.findIndex((function(r){return r.accessor===e.accessor}));if(void 0===c||void 0===s)return;var d=l.splice(c,1)[0];l.splice(s,0,d),JSON.stringify(l)!==JSON.stringify(n.current)&&setTimeout((function(){t(l),setTimeout((function(){x=!1}),500)}),50)}}(e)},handleDragEnd:function(){r.current=null,o.current=null}}},C=function(e,r){var n=!0,o=!0;return function(){for(var t=[],a=0;a<arguments.length;a++)t[a]=arguments[a];if(n)return n=!1,void setTimeout((function(){return o=!1}),r);o||(e.apply(this,t),o=!0,setTimeout((function(){return o=!1}),r))}},z=u((function(n,o){var l,s=n.columnResizing,d=n.currentRows,i=n.draggable,u=n.draggedHeaderRef,b=n.forceUpdate,v=n.headersRef,f=n.hoveredHeaderRef,g=n.index,p=n.onSort,m=n.onTableHeaderDragEnd,k=n.selectableColumns,w=n.setIsWidthDragging,x=n.setSelectedCells,z=n.sort,N=n.sortDownIcon,R=n.sortUpIcon,D=a({pageX:0,pageY:0}),S=t(!1),I=S[0],E=S[1],A=null===(l=v.current)||void 0===l?void 0:l[g],M=Boolean(null==A?void 0:A.isSortable),L="st-header-cell ".concat(A===f.current?"st-hovered":""," ").concat(I?"st-dragging":""," ").concat(M?"clickable":""," ").concat(i&&!M?"draggable":""),T=y({draggedHeaderRef:u,headersRef:v,hoveredHeaderRef:f,onTableHeaderDragEnd:m}),B=T.handleDragStart,O=T.handleDragOver,H=T.handleDragEnd,P=a(C((function(e){O(e)}),100)).current,j=function(e){var r=e.event,n=e.header;if(k){var o=d.length,t=Array.from({length:o},(function(e,r){return"".concat(r,"-").concat(g)})),a=function(e,r){var n=new Set,t=Math.min(e,r),a=Math.max(e,r);return Array.from({length:o}).forEach((function(e,r){Array.from({length:a-t+1}).forEach((function(e,o){n.add("".concat(r,"-").concat(t+o))}))})),n};r.shiftKey?x((function(e){var r,n=Number(null===(r=Array.from(e)[0])||void 0===r?void 0:r.split("-")[1]),o=Number(t[0].split("-")[1]);return n===o?new Set(t):n>o?a(o,n):a(n,o)})):x(new Set(t))}else n.isSortable&&p(g,n.accessor)};return c((function(){var e=function(e){var r=new Image;r.src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=",e.dataTransfer.setDragImage(r,0,0)};return document.addEventListener("dragend",e,!1),function(){document.removeEventListener("dragend",e)}}),[]),A?e("div",h({className:L,ref:o,style:{width:A.width}},{children:[r("div",h({className:"st-header-label",draggable:i,onClick:function(e){return j({event:e,header:A})},onDragStart:function(e){i&&A&&(e.dataTransfer.dropEffect="move",function(e){E(!0),B(e)}(A))},onDragOver:function(e){return function(e,r){e.preventDefault(),e.dataTransfer.dropEffect="move";var n=e.pageX,o=e.pageY;n===D.current.pageX&&o===D.current.pageY||(D.current={pageX:n,pageY:o},P(r,e))}(e,A)},onDragEnd:function(e){e.preventDefault(),e.dataTransfer.dropEffect="move",E(!1),H()},onMouseEnter:function(){return document.body.style.overflow="hidden"},onMouseLeave:function(){return document.body.style.overflow="auto"}},{children:null==A?void 0:A.label})),z&&z.key.accessor===A.accessor&&e("div",h({className:"st-sort-icon-container",onClick:function(e){return j({event:e,header:A})}},{children:["ascending"===z.direction&&R&&R,"descending"===z.direction&&N&&N]})),s&&r("div",{className:"st-header-resize-handle",onMouseDown:function(e){w(!0),e.preventDefault();var r=e.clientX;if(A){var n=A.width,o=C((function(e){var o=Math.max(n+(e.clientX-r),40);A&&(v.current[g].width=o,b())}),10),t=function(){document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",t),w(!1)};document.addEventListener("mousemove",o),document.addEventListener("mouseup",t)}}})]})):null})),N=u((function(e,n){return e.visible?r("div",{className:"st-cell",ref:n}):r("div",{ref:n})})),R=function(o){var t,l=o.columnResizing,c=o.currentRows,s=o.draggable,d=o.forceUpdate,i=o.headersRef,u=o.hiddenColumns,v=o.isWidthDragging,f=o.onSort,g=o.onTableHeaderDragEnd,p=o.selectableColumns,m=o.setIsWidthDragging,k=o.setSelectedCells,x=o.shouldDisplayLastColumnCell,y=o.sort,C=o.sortDownIcon,R=o.sortUpIcon,D=o.tableRef,S=a(null),I=a(null);return r(n,{children:e(w,h({pauseAnimation:v,tableRef:D},{children:[null===(t=i.current)||void 0===t?void 0:t.map((function(e,n){return u[e.accessor]?null:r(z,{columnResizing:l,currentRows:c,draggable:s,draggedHeaderRef:S,forceUpdate:d,headersRef:i,hoveredHeaderRef:I,index:n,onSort:f,onTableHeaderDragEnd:g,ref:b(),selectableColumns:p,setIsWidthDragging:m,setSelectedCells:k,sort:y,sortDownIcon:C,sortUpIcon:R},e.accessor)})),r(N,{ref:b(),visible:x})]}))})},D=function(n){var o=n.value,t=n.onBlur,a=n.onChange;return e("select",h({value:o.toString(),onBlur:t,onChange:function(e){var r=e.target.value;a("true"===r)}},{children:[r("option",h({value:"true"},{children:"True"})),r("option",h({value:"false"},{children:"False"}))]}))},S=function(e){var n=e.defaultValue,o=e.onBlur,t=e.onChange,l=a(null);return r("input",{className:"editable-cell-input",ref:l,autoFocus:!0,type:"text",defaultValue:null!=n?n:"",onBlur:o,onChange:function(e){var r=e.target.value;t(r)}})},I=function(e){var n=e.defaultValue,o=e.onBlur,t=e.onChange,l=a(null);return r("input",{className:"editable-cell-input",ref:l,autoFocus:!0,defaultValue:n.toString(),onBlur:o,onChange:function(e){var r=e.target.value;/^\d*\.?\d*$/.test(r)&&t(r)}})},E=function(e){var o=e.onChange,t=e.setIsEditing,a=e.value,l=function(e){null==o||o(e)},c=function(){t(!1)};return r(n,{children:"string"==typeof a||null==a?r(S,{defaultValue:a,onBlur:c,onChange:l}):"boolean"==typeof a?r(D,{onBlur:c,onChange:l,value:a}):"number"==typeof a?r(I,{defaultValue:a,onBlur:c,onChange:l}):null})},A=v({rows:[],tableRows:[]}),M=u((function(e,n){var o=e.borderClass,a=e.colIndex,l=e.content,s=e.header,d=e.isSelected,i=e.isTopLeftCell,u=e.onCellChange,b=e.onMouseDown,v=e.onMouseOver,g=e.row,p=e.rowIndex,m=f(A),k=m.rows,w=m.tableRows,x=t(l),y=x[0],C=x[1],z=t(!1),N=z[0],R=z[1],D=Boolean(null==s?void 0:s.isEditable),S=p%2==0,I="st-cell ".concat(d?i?"st-cell-selected-first-cell ".concat(o):"st-cell-selected ".concat(o):""," ").concat(S?"st-cell-odd-row":"st-cell-even-row"," ").concat(D?"clickable":"");c((function(){C(l)}),[l]),c((function(){if(void 0!==g.originalRowIndex&&"number"==typeof g.originalRowIndex){var e=k[g.originalRowIndex];e[s.accessor]!==y?C(e[s.accessor]):w[g.originalRowIndex][s.accessor]=y}}),[s.accessor,y,k,g.originalRowIndex,w]);return r("div",N?h({className:"st-cell-editing ".concat(S?"st-cell-odd-row":"st-cell-even-row")},{children:r(E,{onChange:function(e){C(e),null==u||u({accessor:s.accessor,newValue:e,newRowIndex:p,originalRowIndex:g.originalRowIndex,row:g})},setIsEditing:R,value:y})}):h({className:I,onDoubleClick:function(){return s.isEditable&&R(!0)},onMouseDown:function(){return b(p,a)},onMouseOver:function(){return v(p,a)},ref:n},{children:y}))})),L=function(){return r("div",{className:"st-row-separator"})},T=function(o){var t=o.currentRows,a=o.getBorderClass,l=o.handleMouseDown,c=o.handleMouseOver,s=o.headers,d=o.hiddenColumns,i=o.isSelected,u=o.isTopLeftCell,v=o.isWidthDragging,f=o.onCellChange,p=o.shouldDisplayLastColumnCell,m=o.shouldPaginate,k=o.tableRef;return r(n,{children:t.map((function(n,o){return e(g,{children:[e(w,h({allowHorizontalAnimate:m,pauseAnimation:v,tableRef:k},{children:[s.map((function(e,t){if(d[e.accessor])return null;var s=n[e.accessor];return e.cellRenderer&&(s=e.cellRenderer(n)),r(M,{borderClass:a(o,t),colIndex:t,content:s,header:e,isSelected:i(o,t),isTopLeftCell:u(o,t),onCellChange:f,onMouseDown:function(){return l({rowIndex:o,colIndex:t})},onMouseOver:function(){return c(o,t)},ref:b(),row:n,rowIndex:o},e.accessor)})),r(N,{ref:b(),visible:p})]})),o!==t.length-1&&r(L,{})]},n.originalRowIndex)}))})},B=function(n){var o=n.currentPage,t=n.hideFooter,a=n.nextIcon,l=n.onPageChange,c=n.prevIcon,s=n.rowsPerPage,d=n.shouldPaginate,i=n.totalRows,u=Math.ceil(i/s),b=o>1,v=o<u,f=function(e){e>=1&&e<=u&&l(e)};return t||!d?null:e("div",h({className:"st-footer"},{children:[r("button",h({className:"st-next-prev-btn ".concat(b?"":"disabled"),onClick:function(){return f(o-1)},disabled:!b},{children:c})),r("button",h({className:"st-next-prev-btn ".concat(v?"":"disabled"),onClick:function(){return f(o+1)},disabled:!v},{children:a})),Array.from({length:u},(function(e,n){return r("button",h({onClick:function(){return f(n+1)},className:"st-page-btn ".concat(o===n+1?"active":"")},{children:n+1}),n)}))]}))},O=function(e){var n=e.className;return r("svg",h({className:n,viewBox:"0 0 24 24",width:"24",height:"24",xmlns:"http://www.w3.org/2000/svg"},{children:r("path",{d:"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"})}))},H=function(e){var n=e.className;return r("svg",h({className:n,viewBox:"0 0 24 24",width:"24",height:"24",xmlns:"http://www.w3.org/2000/svg"},{children:r("path",{d:"M8.59 16.59L10 18l6-6-6-6-1.41 1.41L13.17 12z"})}))},P=function(e){var n=e.className;return r("svg",h({className:n,viewBox:"0 0 20 20",width:"20",height:"20",xmlns:"http://www.w3.org/2000/svg"},{children:r("path",{d:"M5.41 11.41L10 6.83l4.59 4.58L16 10l-6-6-6 6z"})}))},j=function(e){var n=e.className;return r("svg",h({className:n,viewBox:"0 0 20 20",width:"20",height:"20",xmlns:"http://www.w3.org/2000/svg"},{children:r("path",{d:"M5.41 7.59L10 12.17l4.59-4.58L16 9l-6 6-6-6z"})}))},U=function(n){var o=n.checked,a=void 0!==o&&o,l=n.children,c=n.onChange,s=t(a),d=s[0],i=s[1];return e("label",h({className:"st-checkbox-label"},{children:[r("input",{checked:d,className:"st-checkbox-input",onChange:function(){var e=!d;i(e),c&&c(e)},type:"checkbox"}),r("span",h({className:"st-checkbox-custom ".concat(d?"st-checked":"")},{children:d&&r("span",{className:"st-checkbox-checkmark"})})),l]}))},X=function(e){var n=e.headers,o=e.open,t=e.position;e.setOpen;var a=e.setHiddenColumns,l=e.hiddenColumns,c="left"===t?"left":"";return r("div",h({className:"st-column-editor-popout ".concat(o?"open":""," ").concat(c),onClick:function(e){return e.stopPropagation()}},{children:r("div",h({className:"st-column-editor-popout-content"},{children:n.map((function(e,n){return r(U,h({checked:l[e.accessor],onChange:function(r){var n;return a(h(h({},l),((n={})[e.accessor]=r,n)))}},{children:e.label}),n)}))}))}))},V=function(n){var o=n.columnEditorText,a=n.editColumns,l=n.headers,c=n.position,s=void 0===c?"right":c,d=n.setHiddenColumns,i=n.hiddenColumns,u=t(!1),b=u[0],v=u[1];return a?e("div",h({className:"st-column-editor ".concat(b?"open":""," ").concat(s),onClick:function(){return function(e){v(e)}(!b)}},{children:[r("div",h({className:"st-column-editor-text"},{children:o})),r(X,{headers:l,open:b,position:s,setOpen:v,setHiddenColumns:d,hiddenColumns:i})]})):null};!function(e,r){void 0===r&&(r={});var n=r.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===n&&o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}}(':root {\n /* Customizable Variables */\n --st-border-radius: 4px;\n --st-border-width: 1px;\n --st-cell-padding: 8px;\n\n /* New Variables for Theming */\n --st-font-size: 1rem;\n --st-font-weight-normal: 400;\n --st-font-weight-bold: 700;\n --st-transition-duration: 0.3s;\n --st-transition-ease: ease;\n --st-opacity-disabled: 0.5;\n --st-spacing-small: 4px;\n --st-spacing-medium: 8px;\n --st-spacing-large: 16px;\n\n /* Tailwind Colors */\n --white: #fff;\n --black: #000;\n\n --slate-50: #f8fafc;\n --slate-100: #f1f5f9;\n --slate-200: #e2e8f0;\n --slate-300: #cbd5e1;\n --slate-400: #94a3b8;\n --slate-500: #64748b;\n --slate-600: #475569;\n --slate-700: #334155;\n --slate-800: #1e293b;\n --slate-900: #0f172a;\n --slate-950: #020617;\n\n --gray-50: #f9fafb;\n --gray-100: #f3f4f6;\n --gray-200: #e5e7eb;\n --gray-300: #d1d5db;\n --gray-400: #9ca3af;\n --gray-500: #6b7280;\n --gray-600: #4b5563;\n --gray-700: #374151;\n --gray-800: #1f2937;\n --gray-900: #111827;\n --gray-950: #030712;\n\n --zinc-50: #fafafa;\n --zinc-100: #f4f4f5;\n --zinc-200: #e4e4e7;\n --zinc-300: #d4d4d8;\n --zinc-400: #a1a1aa;\n --zinc-500: #71717a;\n --zinc-600: #52525b;\n --zinc-700: #3f3f46;\n --zinc-800: #27272a;\n --zinc-900: #18181b;\n --zinc-950: #09090b;\n\n --neutral-50: #fafafa;\n --neutral-100: #f5f5f5;\n --neutral-200: #e5e5e5;\n --neutral-300: #d4d4d4;\n --neutral-400: #a3a3a3;\n --neutral-500: #737373;\n --neutral-600: #525252;\n --neutral-700: #404040;\n --neutral-800: #262626;\n --neutral-900: #171717;\n --neutral-950: #0a0a0a;\n\n --stone-50: #fafaf9;\n --stone-100: #f5f5f4;\n --stone-200: #e7e5e4;\n --stone-300: #d6d3d1;\n --stone-400: #a8a29e;\n --stone-500: #78716c;\n --stone-600: #57534e;\n --stone-700: #44403c;\n --stone-800: #292524;\n --stone-900: #1c1917;\n --stone-950: #0c0a09;\n\n --red-50: #fef2f2;\n --red-100: #fee2e2;\n --red-200: #fecaca;\n --red-300: #fca5a5;\n --red-400: #f87171;\n --red-500: #ef4444;\n --red-600: #dc2626;\n --red-700: #b91c1c;\n --red-800: #991b1b;\n --red-900: #7f1d1d;\n --red-950: #450a0a;\n\n --orange-50: #fff7ed;\n --orange-100: #ffedd5;\n --orange-200: #fed7aa;\n --orange-300: #fdba74;\n --orange-400: #fb923c;\n --orange-500: #f97316;\n --orange-600: #ea580c;\n --orange-700: #c2410c;\n --orange-800: #9a3412;\n --orange-900: #7c2d12;\n --orange-950: #431407;\n\n --amber-50: #fffbeb;\n --amber-100: #fef3c7;\n --amber-200: #fde68a;\n --amber-300: #fcd34d;\n --amber-400: #fbbf24;\n --amber-500: #f59e0b;\n --amber-600: #d97706;\n --amber-700: #b45309;\n --amber-800: #92400e;\n --amber-900: #78350f;\n --amber-950: #451a03;\n\n --yellow-50: #fefce8;\n --yellow-100: #fef9c3;\n --yellow-200: #fef08a;\n --yellow-300: #fde047;\n --yellow-400: #facc15;\n --yellow-500: #eab308;\n --yellow-600: #ca8a04;\n --yellow-700: #a16207;\n --yellow-800: #854d0e;\n --yellow-900: #713f12;\n --yellow-950: #422006;\n\n --lime-50: #f7fee7;\n --lime-100: #ecfccb;\n --lime-200: #d9f99d;\n --lime-300: #bef264;\n --lime-400: #a3e635;\n --lime-500: #84cc16;\n --lime-600: #65a30d;\n --lime-700: #4d7c0f;\n --lime-800: #3f6212;\n --lime-900: #365314;\n --lime-950: #1a2e05;\n\n --green-50: #f0fdf4;\n --green-100: #dcfce7;\n --green-200: #bbf7d0;\n --green-300: #86efac;\n --green-400: #4ade80;\n --green-500: #22c55e;\n --green-600: #16a34a;\n --green-700: #15803d;\n --green-800: #166534;\n --green-900: #14532d;\n --green-950: #052e16;\n\n --emerald-50: #ecfdf5;\n --emerald-100: #d1fae5;\n --emerald-200: #a7f3d0;\n --emerald-300: #6ee7b7;\n --emerald-400: #34d399;\n --emerald-500: #10b981;\n --emerald-600: #059669;\n --emerald-700: #047857;\n --emerald-800: #065f46;\n --emerald-900: #064e3b;\n --emerald-950: #022c22;\n\n --teal-50: #f0fdfa;\n --teal-100: #ccfbf1;\n --teal-200: #99f6e4;\n --teal-300: #5eead4;\n --teal-400: #2dd4bf;\n --teal-500: #14b8a6;\n --teal-600: #0d9488;\n --teal-700: #0f766e;\n --teal-800: #115e59;\n --teal-900: #134e4a;\n --teal-950: #042f2e;\n\n --cyan-50: #ecfeff;\n --cyan-100: #cffafe;\n --cyan-200: #a5f3fc;\n --cyan-300: #67e8f9;\n --cyan-400: #22d3ee;\n --cyan-500: #06b6d4;\n --cyan-600: #0891b2;\n --cyan-700: #0e7490;\n --cyan-800: #155e75;\n --cyan-900: #164e63;\n --cyan-950: #083344;\n\n --sky-50: #f0f9ff;\n --sky-100: #e0f2fe;\n --sky-200: #bae6fd;\n --sky-300: #7dd3fc;\n --sky-400: #38bdf8;\n --sky-500: #0ea5e9;\n --sky-600: #0284c7;\n --sky-700: #0369a1;\n --sky-800: #075985;\n --sky-900: #0c4a6e;\n --sky-950: #082f49;\n\n --blue-50: #eff6ff;\n --blue-100: #dbeafe;\n --blue-200: #bfdbfe;\n --blue-300: #93c5fd;\n --blue-400: #60a5fa;\n --blue-500: #3b82f6;\n --blue-600: #2563eb;\n --blue-700: #1d4ed8;\n --blue-800: #1e40af;\n --blue-900: #1e3a8a;\n --blue-950: #172554;\n\n --indigo-50: #eef2ff;\n --indigo-100: #e0e7ff;\n --indigo-200: #c7d2fe;\n --indigo-300: #a5b4fc;\n --indigo-400: #818cf8;\n --indigo-500: #6366f1;\n --indigo-600: #4f46e5;\n --indigo-700: #4338ca;\n --indigo-800: #3730a3;\n --indigo-900: #312e81;\n --indigo-950: #1e1b4b;\n\n --violet-50: #f5f3ff;\n --violet-100: #ede9fe;\n --violet-200: #ddd6fe;\n --violet-300: #c4b5fd;\n --violet-400: #a78bfa;\n --violet-500: #8b5cf6;\n --violet-600: #7c3aed;\n --violet-700: #6d28d9;\n --violet-800: #5b21b6;\n --violet-900: #4c1d95;\n --violet-950: #2e1065;\n\n --purple-50: #faf5ff;\n --purple-100: #f3e8ff;\n --purple-200: #e9d5ff;\n --purple-300: #d8b4fe;\n --purple-400: #c084fc;\n --purple-500: #a855f7;\n --purple-600: #9333ea;\n --purple-700: #7e22ce;\n --purple-800: #6b21a8;\n --purple-900: #581c87;\n --purple-950: #3b0764;\n\n --fuchsia-50: #fdf4ff;\n --fuchsia-100: #fae8ff;\n --fuchsia-200: #f5d0fe;\n --fuchsia-300: #f0abfc;\n --fuchsia-400: #e879f9;\n --fuchsia-500: #d946ef;\n --fuchsia-600: #c026d3;\n --fuchsia-700: #a21caf;\n --fuchsia-800: #86198f;\n --fuchsia-900: #701a75;\n --fuchsia-950: #4a044e;\n\n --pink-50: #fdf2f8;\n --pink-100: #fce7f3;\n --pink-200: #fbcfe8;\n --pink-300: #f9a8d4;\n --pink-400: #f472b6;\n --pink-500: #ec4899;\n --pink-600: #db2777;\n --pink-700: #be185d;\n --pink-800: #9d174d;\n --pink-900: #831843;\n --pink-950: #500724;\n\n --rose-50: #fff1f2;\n --rose-100: #ffe4e6;\n --rose-200: #fecdd3;\n --rose-300: #fda4af;\n --rose-400: #fb7185;\n --rose-500: #f43f5e;\n --rose-600: #e11d48;\n --rose-700: #be123c;\n --rose-800: #9f1239;\n --rose-900: #881337;\n --rose-950: #4c0519;\n}\n\n.theme-light {\n --st-border-color: var(--blue-400);\n --st-odd-row-background-color: var(--blue-50);\n --st-even-row-background-color: var(--blue-100);\n --st-header-background-color: var(--blue-200);\n --st-dragging-background-color: var(--blue-300);\n --st-selected-cell-background-color: var(--blue-300);\n --st-selected-first-cell-background-color: var(--amber-200);\n --st-footer-background-color: var(--blue-50);\n --st-cell-color: var(--slate-800);\n --st-cell-odd-row-color: var(--slate-700);\n --st-shadow: 0 1px 3px 0 var(--black / 0.1), 0 1px 2px -1px var(--black / 0.1);\n --st-shadow-hover: 0 4px 6px -1px var(--black / 0.1),\n 0 2px 4px -1px var(--black / 0.06);\n --st-selected-cell-color: var(--slate-900);\n --st-selected-first-cell-color: var(--slate-900);\n --st-resize-handle-color: var(--blue-500);\n --st-separator-border-color: var(--blue-400);\n --st-selected-border-top-color: var(--blue-600);\n --st-selected-border-bottom-color: var(--blue-600);\n --st-selected-border-left-color: var(--blue-600);\n --st-selected-border-right-color: var(--blue-600);\n --st-checkbox-checked-background-color: var(--blue-500);\n --st-checkbox-checked-border-color: var(--blue-500);\n --st-column-editor-background-color: var(--blue-50);\n --st-column-editor-popout-background-color: var(--blue-50);\n --st-button-hover-background-color: var(--blue-200);\n --st-button-active-background-color: var(--blue-300);\n --st-font-family: "Nunito", sans-serif;\n --st-editable-cell-focus-border-color: var(--blue-500);\n}\n\n.theme-dark {\n --st-border-color: var(--slate-800);\n --st-odd-row-background-color: var(--slate-800);\n --st-even-row-background-color: var(--slate-900);\n --st-header-background-color: var(--slate-700);\n --st-dragging-background-color: var(--blue-800);\n --st-selected-cell-background-color: var(--blue-700);\n --st-selected-first-cell-background-color: var(--amber-700);\n --st-footer-background-color: var(--slate-900);\n --st-cell-color: var(--white);\n --st-cell-odd-row-color: var(--slate-300);\n --st-shadow: 0 1px 3px 0 var(--white / 0.1), 0 1px 2px -1px var(--white / 0.1);\n --st-shadow-hover: 0 4px 6px -1px var(--white / 0.1),\n 0 2px 4px -1px var(--white / 0.06);\n --st-selected-cell-color: var(--white);\n --st-selected-first-cell-color: var(--white);\n --st-resize-handle-color: var(--slate-600);\n --st-separator-border-color: var(--slate-700);\n --st-selected-border-top-color: var(--blue-700);\n --st-selected-border-bottom-color: var(--blue-700);\n --st-selected-border-left-color: var(--blue-700);\n --st-selected-border-right-color: var(--blue-700);\n --st-checkbox-checked-background-color: var(--blue-700);\n --st-checkbox-checked-border-color: var(--blue-700);\n --st-column-editor-background-color: var(--slate-800);\n --st-column-editor-popout-background-color: var(--slate-800);\n --st-button-hover-background-color: var(--slate-600);\n --st-button-active-background-color: var(--slate-700);\n --st-font-family: "Open Sans", sans-serif;\n --st-editable-cell-focus-border-color: var(--slate-600);\n}\n\n.theme-high-contrast {\n --st-border-color: var(--slate-900);\n --st-odd-row-background-color: var(--slate-50);\n --st-even-row-background-color: var(--slate-900);\n --st-header-background-color: var(--slate-900);\n --st-dragging-background-color: var(--yellow-500);\n --st-selected-cell-background-color: var(--slate-900);\n --st-selected-first-cell-background-color: var(--red-500);\n --st-footer-background-color: var(--slate-900);\n --st-cell-color: var(--white);\n --st-cell-odd-row-color: var(--slate-900);\n --st-shadow: none;\n --st-shadow-hover: none;\n --st-selected-cell-color: var(--white);\n --st-selected-first-cell-color: var(--white);\n --st-resize-handle-color: var(--slate-900);\n --st-separator-border-color: var(--slate-900);\n --st-selected-border-top-color: var(--orange-600);\n --st-selected-border-bottom-color: var(--orange-600);\n --st-selected-border-left-color: var(--orange-600);\n --st-selected-border-right-color: var(--orange-600);\n --st-checkbox-checked-background-color: var(--slate-50);\n --st-checkbox-checked-border-color: var(--slate-50);\n --st-column-editor-background-color: var(--slate-900);\n --st-column-editor-popout-background-color: var(--slate-900);\n --st-button-hover-background-color: var(--slate-50);\n --st-button-active-background-color: var(--slate-900);\n --st-font-family: "Arial", sans-serif;\n --st-editable-cell-focus-border-color: var(--orange-600);\n}\n\n.theme-pastel {\n --st-border-color: var(--purple-200);\n --st-odd-row-background-color: var(--purple-50);\n --st-even-row-background-color: var(--blue-50);\n --st-header-background-color: var(--blue-50);\n --st-dragging-background-color: var(--cyan-50);\n --st-selected-cell-background-color: var(--orange-50);\n --st-selected-first-cell-background-color: var(--amber-50);\n --st-footer-background-color: var(--purple-50);\n --st-cell-color: var(--slate-600);\n --st-cell-odd-row-color: var(--slate-700);\n --st-shadow: 0 1px 3px 0 var(--black / 0.1), 0 1px 2px -1px var(--black / 0.1);\n --st-shadow-hover: 0 4px 6px -1px var(--black / 0.1),\n 0 2px 4px -1px var(--black / 0.06);\n --st-selected-cell-color: var(--slate-600);\n --st-selected-first-cell-color: var(--slate-600);\n --st-resize-handle-color: var(--purple-200);\n --st-separator-border-color: var(--purple-200);\n --st-selected-border-top-color: var(--amber-500);\n --st-selected-border-bottom-color: var(--amber-500);\n --st-selected-border-left-color: var(--amber-500);\n --st-selected-border-right-color: var(--amber-500);\n --st-checkbox-checked-background-color: var(--purple-200);\n --st-checkbox-checked-border-color: var(--purple-200);\n --st-column-editor-background-color: var(--purple-50);\n --st-column-editor-popout-background-color: var(--purple-50);\n --st-button-hover-background-color: var(--purple-100);\n --st-button-active-background-color: var(--purple-200);\n --st-font-family: "Comic Sans MS", cursive, sans-serif;\n --st-editable-cell-focus-border-color: var(--purple-300);\n}\n\n.theme-vibrant {\n --st-border-color: var(--orange-500);\n --st-odd-row-background-color: var(--orange-100);\n --st-even-row-background-color: var(--orange-200);\n --st-header-background-color: var(--orange-300);\n --st-dragging-background-color: var(--blue-300);\n --st-selected-cell-background-color: var(--blue-400);\n --st-selected-first-cell-background-color: var(--amber-300);\n --st-footer-background-color: var(--orange-50);\n --st-cell-color: var(--orange-900);\n --st-cell-odd-row-color: var(--orange-800);\n --st-shadow: 0 1px 3px 0 var(--black / 0.2), 0 1px 2px -1px var(--black / 0.2);\n --st-shadow-hover: 0 4px 6px -1px var(--black / 0.2),\n 0 2px 4px -1px var(--black / 0.1);\n --st-selected-cell-color: var(--orange-900);\n --st-selected-first-cell-color: var(--orange-900);\n --st-resize-handle-color: var(--orange-400);\n --st-separator-border-color: var(--orange-500);\n --st-selected-border-top-color: var(--orange-700);\n --st-selected-border-bottom-color: var(--orange-700);\n --st-selected-border-left-color: var(--orange-700);\n --st-selected-border-right-color: var(--orange-700);\n --st-checkbox-checked-background-color: var(--orange-500);\n --st-checkbox-checked-border-color: var(--orange-500);\n --st-column-editor-background-color: var(--orange-100);\n --st-column-editor-popout-background-color: var(--orange-100);\n --st-button-hover-background-color: var(--orange-300);\n --st-button-active-background-color: var(--orange-400);\n --st-font-family: "Lobster", cursive;\n --st-editable-cell-focus-border-color: var(--orange-600);\n}\n\n.theme-solarized-light {\n --st-border-color: var(--yellow-300);\n --st-odd-row-background-color: var(--yellow-50);\n --st-even-row-background-color: var(--yellow-200);\n --st-header-background-color: var(--yellow-200);\n --st-dragging-background-color: var(--yellow-300);\n --st-selected-cell-background-color: var(--slate-400);\n --st-selected-first-cell-background-color: var(--amber-600);\n --st-footer-background-color: var(--yellow-50);\n --st-cell-color: var(--slate-600);\n --st-cell-odd-row-color: var(--slate-700);\n --st-shadow: 0 1px 3px 0 var(--black / 0.1), 0 1px 2px -1px var(--black / 0.1);\n --st-shadow-hover: 0 4px 6px -1px var(--black / 0.1),\n 0 2px 4px -1px var(--black / 0.06);\n --st-selected-cell-color: var(--slate-600);\n --st-selected-first-cell-color: var(--slate-600);\n --st-resize-handle-color: var(--slate-400);\n --st-separator-border-color: var(--yellow-300);\n --st-selected-border-top-color: var(--yellow-600);\n --st-selected-border-bottom-color: var(--yellow-600);\n --st-selected-border-left-color: var(--yellow-600);\n --st-selected-border-right-color: var(--yellow-600);\n --st-checkbox-checked-background-color: var(--slate-400);\n --st-checkbox-checked-border-color: var(--slate-400);\n --st-column-editor-background-color: var(--yellow-200);\n --st-column-editor-popout-background-color: var(--yellow-200);\n --st-button-hover-background-color: var(--yellow-200);\n --st-button-active-background-color: var(--slate-400);\n --st-font-family: "Georgia", serif;\n --st-editable-cell-focus-border-color: var(--yellow-400);\n}\n\n.theme-solarized-dark {\n --st-border-color: var(--slate-800);\n --st-odd-row-background-color: var(--slate-900);\n --st-even-row-background-color: var(--slate-800);\n --st-header-background-color: var(--slate-800);\n --st-dragging-background-color: var(--slate-800);\n --st-selected-cell-background-color: var(--slate-600);\n --st-selected-first-cell-background-color: var(--amber-600);\n --st-footer-background-color: var(--slate-900);\n --st-cell-color: var(--slate-300);\n --st-cell-odd-row-color: var(--slate-400);\n --st-shadow: 0 1px 3px 0 var(--white / 0.1), 0 1px 2px -1px var(--white / 0.1);\n --st-shadow-hover: 0 4px 6px -1px var(--white / 0.1),\n 0 2px 4px -1px var(--white / 0.06);\n --st-selected-cell-color: var(--slate-300);\n --st-selected-first-cell-color: var(--slate-300);\n --st-resize-handle-color: var(--slate-600);\n --st-separator-border-color: var(--slate-800);\n --st-selected-border-top-color: var(--blue-800);\n --st-selected-border-bottom-color: var(--blue-800);\n --st-selected-border-left-color: var(--blue-800);\n --st-selected-border-right-color: var(--blue-800);\n --st-checkbox-checked-background-color: var(--slate-600);\n --st-checkbox-checked-border-color: var(--slate-600);\n --st-column-editor-background-color: var(--slate-800);\n --st-column-editor-popout-background-color: var(--slate-800);\n --st-button-hover-background-color: var(--slate-600);\n --st-button-active-background-color: var(--slate-800);\n --st-font-family: "Courier New", monospace;\n --st-editable-cell-focus-border-color: var(--blue-800);\n}\n\n.theme-ocean {\n --st-border-color: var(--cyan-700);\n --st-odd-row-background-color: var(--cyan-50);\n --st-even-row-background-color: var(--cyan-100);\n --st-header-background-color: var(--cyan-100);\n --st-dragging-background-color: var(--cyan-300);\n --st-selected-cell-background-color: var(--cyan-700);\n --st-selected-first-cell-background-color: var(--slate-900);\n --st-footer-background-color: var(--cyan-50);\n --st-cell-color: var(--slate-900);\n --st-cell-odd-row-color: var(--cyan-700);\n --st-shadow: 0 1px 3px 0 var(--black / 0.1), 0 1px 2px -1px var(--black / 0.1);\n --st-shadow-hover: 0 4px 6px -1px var(--black / 0.1),\n 0 2px 4px -1px var(--black / 0.06);\n --st-selected-cell-color: var(--slate-900);\n --st-selected-first-cell-color: var(--slate-900);\n --st-resize-handle-color: var(--cyan-300);\n --st-separator-border-color: var(--cyan-700);\n --st-selected-border-top-color: var(--blue-700);\n --st-selected-border-bottom-color: var(--blue-700);\n --st-selected-border-left-color: var(--blue-700);\n --st-selected-border-right-color: var(--blue-700);\n --st-checkbox-checked-background-color: var(--cyan-700);\n --st-checkbox-checked-border-color: var(--cyan-700);\n --st-column-editor-background-color: var(--cyan-100);\n --st-column-editor-popout-background-color: var(--cyan-100);\n --st-button-hover-background-color: var(--cyan-300);\n --st-button-active-background-color: var(--cyan-700);\n --st-font-family: "Verdana", sans-serif;\n --st-editable-cell-focus-border-color: var(--cyan-500);\n}\n\n.theme-forest {\n --st-border-color: var(--green-800);\n --st-odd-row-background-color: var(--green-50);\n --st-even-row-background-color: var(--green-100);\n --st-header-background-color: var(--green-100);\n --st-dragging-background-color: var(--green-400);\n --st-selected-cell-background-color: var(--green-700);\n --st-selected-first-cell-background-color: var(--green-900);\n --st-footer-background-color: var(--green-50);\n --st-cell-color: var(--green-900);\n --st-cell-odd-row-color: var(--green-700);\n --st-shadow: 0 1px 3px 0 var(--black / 0.1), 0 1px 2px -1px var(--black / 0.1);\n --st-shadow-hover: 0 4px 6px -1px var(--black / 0.1),\n 0 2px 4px -1px var(--black / 0.06);\n --st-selected-cell-color: var(--green-900);\n --st-selected-first-cell-color: var(--green-900);\n --st-resize-handle-color: var(--green-400);\n --st-separator-border-color: var(--green-800);\n --st-selected-border-top-color: var(--green-600);\n --st-selected-border-bottom-color: var(--green-600);\n --st-selected-border-left-color: var(--green-600);\n --st-selected-border-right-color: var(--green-600);\n --st-checkbox-checked-background-color: var(--green-700);\n --st-checkbox-checked-border-color: var(--green-700);\n --st-column-editor-background-color: var(--green-100);\n --st-column-editor-popout-background-color: var(--green-100);\n --st-button-hover-background-color: var(--green-400);\n --st-button-active-background-color: var(--green-700);\n --st-font-family: "Tahoma", sans-serif;\n --st-editable-cell-focus-border-color: var(--green-600);\n}\n\n.theme-desert {\n --st-border-color: var(--amber-600);\n --st-odd-row-background-color: var(--amber-50);\n --st-even-row-background-color: var(--amber-100);\n --st-header-background-color: var(--amber-100);\n --st-dragging-background-color: var(--amber-300);\n --st-selected-cell-background-color: var(--amber-600);\n --st-selected-first-cell-background-color: var(--amber-800);\n --st-footer-background-color: var(--amber-50);\n --st-cell-color: var(--amber-800);\n --st-cell-odd-row-color: var(--amber-600);\n --st-shadow: 0 1px 3px 0 var(--black / 0.1), 0 1px 2px -1px var(--black / 0.1);\n --st-shadow-hover: 0 4px 6px -1px var(--black / 0.1),\n 0 2px 4px -1px var(--black / 0.06);\n --st-selected-cell-color: var(--amber-800);\n --st-selected-first-cell-color: var(--amber-800);\n --st-resize-handle-color: var(--amber-300);\n --st-separator-border-color: var(--amber-600);\n --st-selected-border-top-color: var(--amber-700);\n --st-selected-border-bottom-color: var(--amber-700);\n --st-selected-border-left-color: var(--amber-700);\n --st-selected-border-right-color: var(--amber-700);\n --st-checkbox-checked-background-color: var(--amber-600);\n --st-checkbox-checked-border-color: var(--amber-600);\n --st-column-editor-background-color: var(--amber-100);\n --st-column-editor-popout-background-color: var(--amber-100);\n --st-button-hover-background-color: var(--amber-300);\n --st-button-active-background-color: var(--amber-600);\n --st-font-family: "Times New Roman", serif;\n --st-editable-cell-focus-border-color: var(--amber-700);\n}\n\n.theme-bubblegum {\n --st-border-color: var(--pink-500);\n --st-odd-row-background-color: var(--pink-50);\n --st-even-row-background-color: var(--pink-100);\n --st-header-background-color: var(--pink-200);\n --st-dragging-background-color: var(--pink-300);\n --st-selected-cell-background-color: var(--pink-400);\n --st-selected-first-cell-background-color: var(--pink-600);\n --st-footer-background-color: var(--pink-50);\n --st-cell-color: var(--pink-900);\n --st-cell-odd-row-color: var(--pink-800);\n --st-shadow: 0 1px 3px 0 var(--black / 0.1), 0 1px 2px -1px var(--black / 0.1);\n --st-shadow-hover: 0 4px 6px -1px var(--black / 0.1),\n 0 2px 4px -1px var(--black / 0.06);\n --st-selected-cell-color: var(--pink-900);\n --st-selected-first-cell-color: var(--pink-900);\n --st-resize-handle-color: var(--pink-400);\n --st-separator-border-color: var(--pink-500);\n --st-selected-border-top-color: var(--pink-700);\n --st-selected-border-bottom-color: var(--pink-700);\n --st-selected-border-left-color: var(--pink-700);\n --st-selected-border-right-color: var(--pink-700);\n --st-checkbox-checked-background-color: var(--pink-500);\n --st-checkbox-checked-border-color: var(--pink-500);\n --st-column-editor-background-color: var(--pink-100);\n --st-column-editor-popout-background-color: var(--pink-100);\n --st-button-hover-background-color: var(--pink-300);\n --st-button-active-background-color: var(--pink-400);\n --st-font-family: "Pacifico", cursive;\n --st-editable-cell-focus-border-color: var(--pink-600);\n}\n\n.theme-90s {\n --st-border-color: var(--gray-500);\n --st-odd-row-background-color: var(--gray-100);\n --st-even-row-background-color: var(--gray-200);\n --st-header-background-color: var(--gray-300);\n --st-dragging-background-color: var(--gray-400);\n --st-selected-cell-background-color: var(--gray-500);\n --st-selected-first-cell-background-color: var(--gray-600);\n --st-footer-background-color: var(--gray-100);\n --st-cell-color: var(--gray-900);\n --st-cell-odd-row-color: var(--gray-800);\n --st-shadow: 0 1px 3px 0 var(--black / 0.1), 0 1px 2px -1px var(--black / 0.1);\n --st-shadow-hover: 0 4px 6px -1px var(--black / 0.1),\n 0 2px 4px -1px var(--black / 0.06);\n --st-selected-cell-color: var(--gray-900);\n --st-selected-first-cell-color: var(--gray-900);\n --st-resize-handle-color: var(--gray-400);\n --st-separator-border-color: var(--gray-500);\n --st-selected-border-top-color: var(--gray-700);\n --st-selected-border-bottom-color: var(--gray-700);\n --st-selected-border-left-color: var(--gray-700);\n --st-selected-border-right-color: var(--gray-700);\n --st-checkbox-checked-background-color: var(--gray-500);\n --st-checkbox-checked-border-color: var(--gray-500);\n --st-column-editor-background-color: var(--gray-200);\n --st-column-editor-popout-background-color: var(--gray-200);\n --st-button-hover-background-color: var(--gray-300);\n --st-button-active-background-color: var(--gray-400);\n --st-font-family: "Courier New", monospace;\n --st-editable-cell-focus-border-color: var(--gray-600);\n}\n\n/* Global styles */\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n font-family: var(--st-font-family);\n}\n\n/* Apply Nunito as the default font */\nbody {\n font-size: var(--st-font-size);\n font-weight: var(--st-font-weight-normal);\n}\n\n/* Wrapper for the table */\n.st-wrapper {\n position: relative;\n border: var(--st-border-width) solid var(--st-border-color);\n border-radius: var(--st-border-radius);\n max-height: 100dvh;\n overflow: hidden;\n}\n\n.st-table-wrapper {\n position: relative;\n display: flex;\n width: max-content;\n overflow: visible;\n height: 100%;\n width: 100%;\n}\n\n/* Main table styling */\n.st-table {\n position: relative;\n display: grid;\n border-collapse: collapse;\n table-layout: auto;\n white-space: nowrap;\n width: 100%;\n height: 100%;\n overflow: auto;\n}\n\n/* Styles for table header cells */\n.st-header-cell {\n position: sticky;\n top: 0;\n background-color: var(--st-header-background-color);\n z-index: 1;\n font-weight: var(--st-font-weight-bold);\n\n display: flex;\n align-items: center;\n gap: var(--st-spacing-small);\n border-top: var(--st-border-width) solid transparent;\n border-bottom: var(--st-border-width) solid var(--st-border-color);\n}\n.st-header-cell.clickable {\n cursor: pointer;\n}\n.st-header-cell.draggable {\n cursor: grab;\n}\n\n/* Common styles for table header and cells */\n.st-header-cell,\n.st-cell {\n color: var(--slate-800);\n overflow: hidden;\n}\n\n.st-cell.clickable {\n cursor: pointer;\n}\n\n.st-header-cell,\n.st-cell,\n.st-cell-editing {\n width: 100%;\n height: 40px;\n}\n\n.st-cell-editing {\n position: relative;\n}\n\n.st-header-label {\n flex: 1;\n color: var(--st-cell-color);\n}\n\n.st-header-label,\n.st-cell {\n user-select: none;\n padding: var(--st-cell-padding);\n text-align: left;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 100%;\n}\n.st-cell {\n position: relative;\n border: var(--st-border-width) solid transparent;\n}\n.st-sort-icon-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.st-sort-icon {\n fill: var(--slate-500);\n}\n\n.st-header-resize-handle {\n top: 0;\n right: 0;\n width: 5px;\n height: 20px;\n cursor: col-resize;\n background-color: var(--st-resize-handle-color);\n border-radius: 0.25rem;\n}\n\n.st-row-separator {\n height: 1px;\n background-color: var(--st-separator-border-color);\n grid-column: 1 / -1;\n}\n.st-cell-even-row {\n background-color: var(--st-even-row-background-color);\n}\n\n.st-cell-odd-row:not(.st-cell-selected) {\n background-color: var(--st-odd-row-background-color);\n color: var(--st-cell-odd-row-color);\n}\n.st-cell:not(.st-cell-odd-row):not(.st-cell-selected) {\n background-color: var(--st-even-row-background-color);\n color: var(--st-cell-color);\n}\n\n/* Style for a cell when it is being dragged */\n.st-dragging {\n background-color: var(--st-dragging-background-color);\n}\n\n/* Style for selected table cells */\n.st-cell-selected {\n background-color: var(--st-selected-cell-background-color);\n color: var(--st-selected-cell-color);\n}\n\n/* Style for the first selected table cell */\n.st-cell-selected-first {\n background-color: var(--st-selected-first-cell-background-color);\n color: var(--st-selected-first-cell-color);\n}\n\n/* Border for selected cells */\n.st-selected-top-border {\n border-top: var(--st-border-width) solid var(--st-selected-border-top-color);\n}\n\n.st-selected-bottom-border {\n border-bottom: var(--st-border-width) solid\n var(--st-selected-border-bottom-color);\n}\n\n.st-selected-left-border {\n border-left: var(--st-border-width) solid var(--st-selected-border-left-color);\n}\n\n.st-selected-right-border {\n border-right: var(--st-border-width) solid\n var(--st-selected-border-right-color);\n}\n\n.st-footer {\n display: flex;\n align-items: center;\n background-color: var(--st-footer-background-color);\n padding: var(--st-spacing-medium);\n border-top: var(--st-border-width) solid var(--st-border-color);\n}\n\n.st-next-prev-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--st-spacing-small);\n cursor: pointer;\n background-color: transparent;\n border: none;\n border-radius: var(--st-border-radius);\n transition: background-color var(--st-transition-duration)\n var(--st-transition-ease);\n}\n.st-next-prev-btn {\n fill: var(--slate-600);\n}\n.disabled > .st-next-prev-icon {\n cursor: not-allowed;\n fill: var(--slate-400);\n}\n\n.st-next-prev-btn:not(.disabled):hover {\n background-color: var(--slate-100);\n}\n\n.st-page-btn {\n margin-left: var(--st-spacing-small);\n padding: var(--st-spacing-small);\n cursor: pointer;\n background-color: transparent;\n color: var(--slate-600);\n border: none;\n border-radius: var(--st-border-radius);\n transition: background-color var(--st-transition-duration)\n var(--st-transition-ease);\n}\n\n.st-page-btn:hover {\n background-color: var(--st-button-hover-background-color);\n}\n\n.st-page-btn.active {\n background-color: var(--st-button-active-background-color);\n color: white;\n}\n\n.editable-cell-input {\n position: absolute;\n top: 0;\n left: 0;\n border-radius: var(--st-border-radius);\n border: var(--st-border-width) solid var(--st-border-color);\n box-shadow: var(--st-shadow);\n z-index: 1;\n outline: none;\n height: 100%;\n width: 100%;\n padding: var(--st-cell-padding);\n font-size: var(--st-font-size);\n}\n.editable-cell-input:focus {\n border: var(--st-border-width) solid\n var(--st-editable-cell-focus-border-color);\n}\n.st-column-editor {\n position: relative;\n user-select: none;\n background: var(--st-footer-background-color);\n border-left: var(--st-border-width) solid var(--st-border-color);\n cursor: pointer;\n color: var(--slate-500);\n}\n\n.st-column-editor-text {\n padding: var(--st-spacing-medium) var(--st-spacing-small);\n writing-mode: vertical-rl;\n z-index: 2;\n}\n\n.st-column-editor.open,\n.st-column-editor.open .st-column-editor-text {\n background-color: var(--st-column-editor-background-color);\n}\n\n.st-column-editor-popout {\n position: absolute;\n top: 0;\n right: calc(100% + 1px);\n z-index: 1;\n height: 100%;\n background-color: var(--st-column-editor-popout-background-color);\n transition: width var(--st-transition-duration) var(--st-transition-ease);\n overflow: hidden;\n width: 0;\n}\n.st-column-editor-popout-content {\n display: flex;\n flex-direction: column;\n overflow: auto;\n gap: var(--st-spacing-small);\n padding: var(--st-spacing-medium) var(--st-spacing-small);\n border-left: var(--st-border-width) solid var(--st-border-color);\n height: 100%;\n}\n\n.st-column-editor-popout.open {\n width: 200px;\n}\n\n.st-column-editor-popout.left {\n transform: translateX(-100%);\n}\n\n.st-column-editor-popout.open.left {\n transform: translateX(0);\n}\n\n/* Checkbox styles */\n.st-checkbox-label {\n display: flex;\n align-items: center;\n cursor: pointer;\n gap: var(--st-spacing-medium);\n}\n\n.st-checkbox-input {\n display: none; /* Hide the default checkbox */\n}\n\n.st-checkbox-custom {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n border: var(--st-border-width) solid var(--slate-300);\n border-radius: var(--st-border-radius);\n background-color: white;\n transition: background-color var(--st-transition-duration)\n var(--st-transition-ease),\n border-color var(--st-transition-duration) var(--st-transition-ease);\n}\n\n.st-checkbox-custom.st-checked {\n background-color: var(--st-checkbox-checked-background-color);\n border-color: var(--st-checkbox-checked-border-color);\n}\n\n.st-checkbox-checkmark {\n width: 6px;\n height: 11px;\n border: solid white;\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n}\n\n@keyframes slide-in-left {\n from {\n transform: translateX(-100%);\n }\n to {\n transform: translateX(0);\n }\n}\n\n@keyframes slide-in-right {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n}\n');var W=function(e){if(!document.querySelector('link[data-font="'.concat(e,'"]'))){var r=document.createElement("link");r.rel="stylesheet",r.href="https://fonts.googleapis.com/css2?family=".concat(e.replace(/ /g,"+"),":wght@400;700&display=swap"),r.setAttribute("data-font",e),document.head.appendChild(r)}},F=function(n){var o=n.columnEditorPosition,d=void 0===o?"right":o,i=n.columnEditorText,u=void 0===i?"Columns":i,b=n.columnResizing,v=void 0!==b&&b,f=n.defaultHeaders,g=n.draggable,k=void 0!==g&&g,w=n.editColumns,x=void 0!==w&&w,y=n.height,C=n.hideFooter,z=void 0!==C&&C,N=n.nextIcon,D=void 0===N?r(H,{className:"st-next-prev-icon"}):N,S=n.onCellChange,I=n.prevIcon,E=void 0===I?r(O,{className:"st-next-prev-icon"}):I,M=n.rows,L=n.rowsPerPage,U=void 0===L?10:L,X=n.selectableCells,F=void 0!==X&&X,G=n.selectableColumns,Y=void 0!==G&&G,q=n.shouldPaginate,K=void 0!==q&&q,Q=n.sortDownIcon,J=void 0===Q?r(j,{className:"st-sort-icon"}):Q,$=n.sortUpIcon,Z=void 0===$?r(P,{className:"st-sort-icon"}):$,_=n.theme,ee=void 0===_?"light":_;c((function(){switch(ee){case"light":default:W("Nunito");break;case"dark":W("Open Sans");break;case"pastel":W("Comic Sans MS");break;case"vibrant":W("Lobster");break;case"solarized-light":case"solarized-dark":W("Georgia");break;case"desert":W("Times New Roman");break;case"forest":W("Tahoma");break;case"ocean":W("Verdana");break;case"bubblegum":W("Pacifico");break;case"90s":W("Courier New")}}),[ee]);var re=s((function(){return M.map((function(e,r){return h(h({},e),{originalRowIndex:r})}))}),[M]),ne=a(null),oe=t(!1),te=oe[0],ae=oe[1],le=a(f),ce=t(null),se=ce[0],de=ce[1],ie=t({}),ue=ie[0],be=ie[1],ve=t(1),fe=ve[0],ge=ve[1],pe=s((function(){if(!se)return re;var e=function(e,r,n){var o=n?n.key:e[0],t="ascending";return n&&n.key.accessor===o.accessor&&"ascending"===n.direction&&(t="descending"),{sortedData:m([],r,!0).sort((function(e,r){return e[o.accessor]<r[o.accessor]?"ascending"===t?1:-1:e[o.accessor]>r[o.accessor]?"ascending"===t?-1:1:0})),newSortConfig:{key:o,direction:t}}}(le.current,re,se).sortedData;return e}),[re,se]),he=p((function(e){return e+1}),0)[1],me=function(e){var r=e.selectableCells,n=e.headers,o=e.rows,d=t(new Set),i=d[0],u=d[1],b=a(!1),v=a(null),f=l((function(){var e=Array.from(i).reduce((function(e,r){var t=r.split("-").map(Number),a=t[0],l=t[1];return e[a]||(e[a]=[]),e[a][l]=o[a][n[l].accessor],e}),{}),r=Object.values(e).map((function(e){return Object.values(e).join("\t")})).join("\n");navigator.clipboard.writeText(r)}),[i,o,n]);c((function(){var e=function(e){(e.ctrlKey||e.metaKey)&&"c"===e.key&&f()};return document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}}),[f]);var g=l((function(e,r){return i.has("".concat(e,"-").concat(r))}),[i]),p=l((function(e,r){var n=[];return g(e-1,r)||n.push("st-selected-top-border"),g(e+1,r)||n.push("st-selected-bottom-border"),g(e,r-1)||n.push("st-selected-left-border"),g(e,r+1)||n.push("st-selected-right-border"),n.join(" ")}),[g]),h=s((function(){var e=Math.min.apply(Math,Array.from(i).map((function(e){return parseInt(e.split("-")[0])}))),r=Math.min.apply(Math,Array.from(i).map((function(e){return parseInt(e.split("-")[1])})));return function(n,o){return n===e&&o===r}}),[i]);return{selectedCells:i,handleMouseDown:function(e){var n=e.colIndex,o=e.rowIndex;r&&(b.current=!0,v.current={row:o,col:n},u(new Set(["".concat(o,"-").concat(n)])))},handleMouseOver:function(e,n){if(r&&b.current&&v.current){for(var o=new Set,t=Math.min(v.current.row,e),a=Math.max(v.current.row,e),l=Math.min(v.current.col,n),c=Math.max(v.current.col,n),s=t;s<=a;s++)for(var d=l;d<=c;d++)o.add("".concat(s,"-").concat(d));u(o)}},handleMouseUp:function(){b.current=!1,v.current=null},isSelected:g,getBorderClass:p,isTopLeftCell:h,setSelectedCells:u}}({selectableCells:F,headers:le.current,rows:pe}),ke=me.handleMouseDown,we=me.handleMouseOver,xe=me.handleMouseUp,ye=me.isSelected,Ce=me.getBorderClass,ze=me.isTopLeftCell,Ne=me.setSelectedCells,Re=le.current.filter((function(e){return!e.hide})),De=s((function(){return!!ne.current&&Re.reduce((function(e,r){return e+r.width}),0)<ne.current.clientWidth}),[Re]),Se=K?pe.slice((fe-1)*U,fe*U):pe;c((function(){var e=function(e){var r=e.target;r.closest(".st-cell")||Y&&(r.classList.contains("st-header-cell")||r.classList.contains("st-header-label"))||Ne(new Set)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[Y,Ne]);var Ie=s((function(){return"".concat(Re.filter((function(e){return!0!==ue[e.accessor]})).map((function(e){return"".concat(e.width,"px")})).join(" ")," 1fr")}),[Re,ue]);return r(A.Provider,h({value:{rows:M,tableRows:re}},{children:e("div",h({className:"st-wrapper theme-".concat(ee),style:y?{height:y}:{}},{children:[e("div",h({className:"st-table-wrapper"},{children:[e("div",h({className:"st-table",onMouseUp:xe,onMouseLeave:xe,ref:ne,style:{gridTemplateColumns:Ie}},{children:[r(R,{columnResizing:v,currentRows:Se,draggable:k,forceUpdate:he,headersRef:le,hiddenColumns:ue,isWidthDragging:te,onSort:function(e,r){de((function(n){return(null==n?void 0:n.key.accessor)!==r?{key:le.current[e],direction:"ascending"}:"ascending"===(null==n?void 0:n.direction)?{key:le.current[e],direction:"descending"}:null}))},onTableHeaderDragEnd:function(e){le.current=e,he()},selectableColumns:Y,setIsWidthDragging:ae,setSelectedCells:Ne,shouldDisplayLastColumnCell:De,sort:se,sortDownIcon:J,sortUpIcon:Z,tableRef:ne}),r(T,{currentRows:Se,getBorderClass:Ce,handleMouseDown:ke,handleMouseOver:we,headers:le.current,hiddenColumns:ue,isSelected:ye,isTopLeftCell:ze,isWidthDragging:te,onCellChange:S,shouldDisplayLastColumnCell:De,shouldPaginate:K,tableRef:ne})]})),r(V,{headers:le.current,columnEditorText:u,editColumns:x,position:d,setHiddenColumns:be,hiddenColumns:ue})]})),r(B,{currentPage:fe,hideFooter:z,nextIcon:D,onPageChange:ge,prevIcon:E,rowsPerPage:U,shouldPaginate:K,totalRows:pe.length})]}))}))};export{F as SimpleTable};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "simple-table-core",
3
- "version": "0.5.9",
3
+ "version": "0.6.0",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.es.js",
6
6
  "types": "dist/index.d.ts",