simple-table-core 0.6.9 → 0.7.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 (6) hide show
  1. package/dist/index.es.js +1 -1
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.js +1 -1
  4. package/dist/index.js.map +1 -1
  5. package/dist/styles.css +1 -0
  6. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsxs as e,jsx as n,Fragment as r}from"react/jsx-runtime";import{useState as t,useRef as o,useCallback as s,useEffect as a,useMemo as l,createContext as c,forwardRef as d,useContext as i,useLayoutEffect as u,createElement as b,createRef as g,memo as f,useReducer as v}from"react";var p=function(){return p=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var o in n=arguments[r])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},p.apply(this,arguments)};function h(e,n){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)n.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(r[t[o]]=e[t[o]])}return r}function m(e,n,r){if(r||2===arguments.length)for(var t,o=0,s=n.length;o<s;o++)!t&&o in n||(t||(t=Array.prototype.slice.call(n,0,o)),t[o]=n[o]);return e.concat(t||Array.prototype.slice.call(n))}"function"==typeof SuppressedError&&SuppressedError;var w=function(r){var t=r.currentPage,o=r.hideFooter,s=r.nextIcon,a=r.onPageChange,l=r.prevIcon,c=r.rowsPerPage,d=r.shouldPaginate,i=r.totalRows,u=Math.ceil(i/c),b=t>1,g=t<u,f=function(e){e>=1&&e<=u&&a(e)};return o||!d?null:e("div",p({className:"st-footer"},{children:[n("button",p({className:"st-next-prev-btn ".concat(b?"":"disabled"),onClick:function(){return f(t-1)},disabled:!b},{children:l})),n("button",p({className:"st-next-prev-btn ".concat(g?"":"disabled"),onClick:function(){return f(t+1)},disabled:!g},{children:s})),Array.from({length:u},(function(e,r){return n("button",p({onClick:function(){return f(r+1)},className:"st-page-btn ".concat(t===r+1?"active":"")},{children:r+1}),r)}))]}))},k=function(e){var r=e.className;return n("svg",p({className:r,viewBox:"0 0 24 24",width:"24",height:"24",xmlns:"http://www.w3.org/2000/svg"},{children:n("path",{d:"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"})}))},x=function(e){var r=e.className;return n("svg",p({className:r,viewBox:"0 0 24 24",width:"24",height:"24",xmlns:"http://www.w3.org/2000/svg"},{children:n("path",{d:"M8.59 16.59L10 18l6-6-6-6-1.41 1.41L13.17 12z"})}))},y=c({rows:[],tableRows:[]}),R=function(e){var r=e.className;return n("svg",p({className:r,viewBox:"0 0 20 20",width:"20",height:"20",xmlns:"http://www.w3.org/2000/svg"},{children:n("path",{d:"M5.41 11.41L10 6.83l4.59 4.58L16 10l-6-6-6 6z"})}))},C=function(e){var r=e.className;return n("svg",p({className:r,viewBox:"0 0 20 20",width:"20",height:"20",xmlns:"http://www.w3.org/2000/svg"},{children:n("path",{d:"M5.41 7.59L10 12.17l4.59-4.58L16 9l-6 6-6-6z"})}))},z=function(r){var o=r.checked,s=void 0!==o&&o,a=r.children,l=r.onChange,c=t(s),d=c[0],i=c[1];return e("label",p({className:"st-checkbox-label"},{children:[n("input",{checked:d,className:"st-checkbox-input",onChange:function(){var e=!d;i(e),l&&l(e)},type:"checkbox"}),n("span",p({className:"st-checkbox-custom ".concat(d?"st-checked":"")},{children:d&&n("span",{className:"st-checkbox-checkmark"})})),a]}))},E=function(e){var r=e.headers,t=e.open,o=e.position;e.setOpen;var s=e.setHiddenColumns,a=e.hiddenColumns,l="left"===o?"left":"";return n("div",p({className:"st-column-editor-popout ".concat(t?"open":""," ").concat(l),onClick:function(e){return e.stopPropagation()}},{children:n("div",p({className:"st-column-editor-popout-content"},{children:r.map((function(e,r){return n(z,p({checked:a[e.accessor],onChange:function(n){var r;return s(p(p({},a),((r={})[e.accessor]=n,r)))}},{children:e.label}),r)}))}))}))},I=function(r){var o=r.columnEditorText,s=r.editColumns,a=r.editColumnsInitOpen,l=r.headers,c=r.position,d=void 0===c?"right":c,i=r.setHiddenColumns,u=r.hiddenColumns,b=t(a),g=b[0],f=b[1];return s?e("div",p({className:"st-column-editor ".concat(g?"open":""," ").concat(d),onClick:function(){return function(e){f(e)}(!g)}},{children:[n("div",p({className:"st-column-editor-text"},{children:o})),n(E,{headers:l,open:g,position:d,setOpen:f,setHiddenColumns:i,hiddenColumns:u})]})):null};!function(e,n){void 0===n&&(n={});var r=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}('.simple-table-root {\n --st-after-width: 11.01px;\n --st-resize-handle-width: 3px;\n --st-border-radius: 4px;\n --st-border-width: 1px;\n --st-cell-padding: 8px;\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 --st-scrollbar-bg-color: transparent;\n --st-scrollbar-thumb-color: var(--st-slate-200);\n\n /* Tailwind Colors - renamed to avoid conflicts */\n --st-white: #fff;\n --st-black: #000;\n\n --st-slate-50: #f8fafc;\n --st-slate-100: #f1f5f9;\n --st-slate-200: #e2e8f0;\n --st-slate-300: #cbd5e1;\n --st-slate-400: #94a3b8;\n --st-slate-500: #64748b;\n --st-slate-600: #475569;\n --st-slate-700: #334155;\n --st-slate-800: #1e293b;\n --st-slate-900: #0f172a;\n --st-slate-950: #020617;\n\n /* Continue renaming all color variables with st- prefix */\n --st-gray-50: #f9fafb;\n --st-gray-100: #f3f4f6;\n --st-gray-200: #e5e7eb;\n --st-gray-300: #d1d5db;\n --st-gray-400: #9ca3af;\n --st-gray-500: #6b7280;\n --st-gray-600: #4b5563;\n --st-gray-700: #374151;\n --st-gray-800: #1f2937;\n --st-gray-900: #111827;\n --st-gray-950: #030712;\n\n --st-zinc-50: #fafafa;\n --st-zinc-100: #f4f4f5;\n --st-zinc-200: #e4e4e7;\n --st-zinc-300: #d4d4d8;\n --st-zinc-400: #a1a1aa;\n --st-zinc-500: #71717a;\n --st-zinc-600: #52525b;\n --st-zinc-700: #3f3f46;\n --st-zinc-800: #27272a;\n --st-zinc-900: #18181b;\n --st-zinc-950: #09090b;\n\n --st-neutral-50: #fafafa;\n --st-neutral-100: #f5f5f5;\n --st-neutral-200: #e5e5e5;\n --st-neutral-300: #d4d4d4;\n --st-neutral-400: #a3a3a3;\n --st-neutral-500: #737373;\n --st-neutral-600: #525252;\n --st-neutral-700: #404040;\n --st-neutral-800: #262626;\n --st-neutral-900: #171717;\n --st-neutral-950: #0a0a0a;\n\n --st-stone-50: #fafaf9;\n --st-stone-100: #f5f5f4;\n --st-stone-200: #e7e5e4;\n --st-stone-300: #d6d3d1;\n --st-stone-400: #a8a29e;\n --st-stone-500: #78716c;\n --st-stone-600: #57534e;\n --st-stone-700: #44403c;\n --st-stone-800: #292524;\n --st-stone-900: #1c1917;\n --st-stone-950: #0c0a09;\n\n --st-red-50: #fef2f2;\n --st-red-100: #fee2e2;\n --st-red-200: #fecaca;\n --st-red-300: #fca5a5;\n --st-red-400: #f87171;\n --st-red-500: #ef4444;\n --st-red-600: #dc2626;\n --st-red-700: #b91c1c;\n --st-red-800: #991b1b;\n --st-red-900: #7f1d1d;\n --st-red-950: #450a0a;\n\n --st-orange-50: #fff7ed;\n --st-orange-100: #ffedd5;\n --st-orange-200: #fed7aa;\n --st-orange-300: #fdba74;\n --st-orange-400: #fb923c;\n --st-orange-500: #f97316;\n --st-orange-600: #ea580c;\n --st-orange-700: #c2410c;\n --st-orange-800: #9a3412;\n --st-orange-900: #7c2d12;\n --st-orange-950: #431407;\n\n --st-amber-50: #fffbeb;\n --st-amber-100: #fef3c7;\n --st-amber-200: #fde68a;\n --st-amber-300: #fcd34d;\n --st-amber-400: #fbbf24;\n --st-amber-500: #f59e0b;\n --st-amber-600: #d97706;\n --st-amber-700: #b45309;\n --st-amber-800: #92400e;\n --st-amber-900: #78350f;\n --st-amber-950: #451a03;\n\n --st-yellow-50: #fefce8;\n --st-yellow-100: #fef9c3;\n --st-yellow-200: #fef08a;\n --st-yellow-300: #fde047;\n --st-yellow-400: #facc15;\n --st-yellow-500: #eab308;\n --st-yellow-600: #ca8a04;\n --st-yellow-700: #a16207;\n --st-yellow-800: #854d0e;\n --st-yellow-900: #713f12;\n --st-yellow-950: #422006;\n\n --st-lime-50: #f7fee7;\n --st-lime-100: #ecfccb;\n --st-lime-200: #d9f99d;\n --st-lime-300: #bef264;\n --st-lime-400: #a3e635;\n --st-lime-500: #84cc16;\n --st-lime-600: #65a30d;\n --st-lime-700: #4d7c0f;\n --st-lime-800: #3f6212;\n --st-lime-900: #365314;\n --st-lime-950: #1a2e05;\n\n --st-green-50: #f0fdf4;\n --st-green-100: #dcfce7;\n --st-green-200: #bbf7d0;\n --st-green-300: #86efac;\n --st-green-400: #4ade80;\n --st-green-500: #22c55e;\n --st-green-600: #16a34a;\n --st-green-700: #15803d;\n --st-green-800: #166534;\n --st-green-900: #14532d;\n --st-green-950: #052e16;\n\n --st-emerald-50: #ecfdf5;\n --st-emerald-100: #d1fae5;\n --st-emerald-200: #a7f3d0;\n --st-emerald-300: #6ee7b7;\n --st-emerald-400: #34d399;\n --st-emerald-500: #10b981;\n --st-emerald-600: #059669;\n --st-emerald-700: #047857;\n --st-emerald-800: #065f46;\n --st-emerald-900: #064e3b;\n --st-emerald-950: #022c22;\n\n --st-teal-50: #f0fdfa;\n --st-teal-100: #ccfbf1;\n --st-teal-200: #99f6e4;\n --st-teal-300: #5eead4;\n --st-teal-400: #2dd4bf;\n --st-teal-500: #14b8a6;\n --st-teal-600: #0d9488;\n --st-teal-700: #0f766e;\n --st-teal-800: #115e59;\n --st-teal-900: #134e4a;\n --st-teal-950: #042f2e;\n\n --st-cyan-50: #ecfeff;\n --st-cyan-100: #cffafe;\n --st-cyan-200: #a5f3fc;\n --st-cyan-300: #67e8f9;\n --st-cyan-400: #22d3ee;\n --st-cyan-500: #06b6d4;\n --st-cyan-600: #0891b2;\n --st-cyan-700: #0e7490;\n --st-cyan-800: #155e75;\n --st-cyan-900: #164e63;\n --st-cyan-950: #083344;\n\n --st-sky-50: #f0f9ff;\n --st-sky-100: #e0f2fe;\n --st-sky-200: #bae6fd;\n --st-sky-300: #7dd3fc;\n --st-sky-400: #38bdf8;\n --st-sky-500: #0ea5e9;\n --st-sky-600: #0284c7;\n --st-sky-700: #0369a1;\n --st-sky-800: #075985;\n --st-sky-900: #0c4a6e;\n --st-sky-950: #082f49;\n\n --st-blue-50: #eff6ff;\n --st-blue-100: #dbeafe;\n --st-blue-200: #bfdbfe;\n --st-blue-300: #93c5fd;\n --st-blue-400: #60a5fa;\n --st-blue-500: #3b82f6;\n --st-blue-600: #2563eb;\n --st-blue-700: #1d4ed8;\n --st-blue-800: #1e40af;\n --st-blue-900: #1e3a8a;\n --st-blue-950: #172554;\n\n --st-indigo-50: #eef2ff;\n --st-indigo-100: #e0e7ff;\n --st-indigo-200: #c7d2fe;\n --st-indigo-300: #a5b4fc;\n --st-indigo-400: #818cf8;\n --st-indigo-500: #6366f1;\n --st-indigo-600: #4f46e5;\n --st-indigo-700: #4338ca;\n --st-indigo-800: #3730a3;\n --st-indigo-900: #312e81;\n --st-indigo-950: #1e1b4b;\n\n --st-violet-50: #f5f3ff;\n --st-violet-100: #ede9fe;\n --st-violet-200: #ddd6fe;\n --st-violet-300: #c4b5fd;\n --st-violet-400: #a78bfa;\n --st-violet-500: #8b5cf6;\n --st-violet-600: #7c3aed;\n --st-violet-700: #6d28d9;\n --st-violet-800: #5b21b6;\n --st-violet-900: #4c1d95;\n --st-violet-950: #2e1065;\n\n --st-purple-50: #faf5ff;\n --st-purple-100: #f3e8ff;\n --st-purple-200: #e9d5ff;\n --st-purple-300: #d8b4fe;\n --st-purple-400: #c084fc;\n --st-purple-500: #a855f7;\n --st-purple-600: #9333ea;\n --st-purple-700: #7e22ce;\n --st-purple-800: #6b21a8;\n --st-purple-900: #581c87;\n --st-purple-950: #3b0764;\n\n --st-fuchsia-50: #fdf4ff;\n --st-fuchsia-100: #fae8ff;\n --st-fuchsia-200: #f5d0fe;\n --st-fuchsia-300: #f0abfc;\n --st-fuchsia-400: #e879f9;\n --st-fuchsia-500: #d946ef;\n --st-fuchsia-600: #c026d3;\n --st-fuchsia-700: #a21caf;\n --st-fuchsia-800: #86198f;\n --st-fuchsia-900: #701a75;\n --st-fuchsia-950: #4a044e;\n\n --st-pink-50: #fdf2f8;\n --st-pink-100: #fce7f3;\n --st-pink-200: #fbcfe8;\n --st-pink-300: #f9a8d4;\n --st-pink-400: #f472b6;\n --st-pink-500: #ec4899;\n --st-pink-600: #db2777;\n --st-pink-700: #be185d;\n --st-pink-800: #9d174d;\n --st-pink-900: #831843;\n --st-pink-950: #500724;\n\n --st-rose-50: #fff1f2;\n --st-rose-100: #ffe4e6;\n --st-rose-200: #fecdd3;\n --st-rose-300: #fda4af;\n --st-rose-400: #fb7185;\n --st-rose-500: #f43f5e;\n --st-rose-600: #e11d48;\n --st-rose-700: #be123c;\n --st-rose-800: #9f1239;\n --st-rose-900: #881337;\n --st-rose-950: #4c0519;\n}\n\n.theme-light {\n /* Base Variables */\n --st-border-radius: 4px;\n --st-border-width: 1px;\n --st-cell-padding: 8px;\n --st-font-size: 0.875rem;\n --st-font-weight-normal: 400;\n --st-font-weight-bold: 600;\n --st-transition-duration: 0.2s;\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 --st-scrollbar-bg-color: var(--st-slate-50);\n --st-scrollbar-thumb-color: var(--st-slate-300);\n\n --st-border-color: var(--st-gray-300);\n --st-odd-row-background-color: var(--st-white);\n --st-even-row-background-color: var(--st-white);\n --st-header-background-color: var(--st-white);\n --st-dragging-background-color: var(--st-gray-200);\n --st-selected-cell-background-color: var(--st-blue-200);\n --st-selected-first-cell-background-color: var(--st-blue-200);\n --st-footer-background-color: var(--st-white);\n --st-cell-color: var(--st-gray-800);\n --st-cell-odd-row-color: var(--st-gray-700);\n --st-edit-cell-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 1px -1px rgba(0, 0, 0, 0.05);\n --st-selected-cell-color: var(--st-gray-900);\n --st-selected-first-cell-color: var(--st-gray-900);\n --st-resize-handle-color: var(--st-blue-300);\n --st-separator-border-color: var(--st-slate-100);\n --st-last-group-row-separator-border-color: var(--st-slate-300);\n --st-selected-border-top-color: var(--st-blue-600);\n --st-selected-border-bottom-color: var(--st-blue-600);\n --st-selected-border-left-color: var(--st-blue-600);\n --st-selected-border-right-color: var(--st-blue-600);\n --st-checkbox-checked-background-color: var(--st-blue-600);\n --st-checkbox-checked-border-color: var(--st-blue-600);\n --st-column-editor-background-color: var(--st-white);\n --st-column-editor-popout-background-color: var(--st-white);\n --st-button-hover-background-color: var(--st-gray-200);\n --st-button-active-background-color: var(--st-blue-800);\n --st-font-family: "Roboto", sans-serif;\n --st-editable-cell-focus-border-color: var(--st-blue-600);\n}\n\n.theme-dark {\n /* Base Variables */\n --st-border-radius: 6px;\n --st-border-width: 1px;\n --st-cell-padding: 10px;\n --st-font-size: 0.875rem;\n --st-font-weight-normal: 400;\n --st-font-weight-bold: 600;\n --st-transition-duration: 0.2s;\n --st-transition-ease: ease;\n --st-opacity-disabled: 0.5;\n --st-spacing-small: 6px;\n --st-spacing-medium: 10px;\n --st-spacing-large: 20px;\n --st-scrollbar-bg-color: var(--st-slate-800);\n --st-scrollbar-thumb-color: var(--st-slate-600);\n\n --st-border-color: var(--st-slate-800);\n --st-odd-row-background-color: var(--st-slate-800);\n --st-even-row-background-color: var(--st-slate-900);\n --st-header-background-color: var(--st-slate-700);\n --st-dragging-background-color: var(--st-blue-800);\n --st-selected-cell-background-color: var(--st-blue-700);\n --st-selected-first-cell-background-color: var(--st-amber-700);\n --st-footer-background-color: var(--st-slate-900);\n --st-cell-color: var(--st-white);\n --st-cell-odd-row-color: var(--st-slate-300);\n --st-edit-cell-shadow: 0 1px 3px 0 var(--st-white / 0.1), 0 1px 2px -1px var(--st-white / 0.1);\n --st-selected-cell-color: var(--st-white);\n --st-selected-first-cell-color: var(--st-white);\n --st-resize-handle-color: var(--st-slate-600);\n --st-separator-border-color: var(--st-slate-500);\n --st-last-group-row-separator-border-color: var(--st-slate-700);\n --st-selected-border-top-color: var(--st-blue-700);\n --st-selected-border-bottom-color: var(--st-blue-700);\n --st-selected-border-left-color: var(--st-blue-700);\n --st-selected-border-right-color: var(--st-blue-700);\n --st-checkbox-checked-background-color: var(--st-blue-700);\n --st-checkbox-checked-border-color: var(--st-blue-700);\n --st-column-editor-background-color: var(--st-slate-800);\n --st-column-editor-popout-background-color: var(--st-slate-800);\n --st-button-hover-background-color: var(--st-slate-600);\n --st-button-active-background-color: var(--st-slate-700);\n --st-font-family: "Open Sans", sans-serif;\n --st-editable-cell-focus-border-color: var(--st-slate-600);\n}\n\n.theme-high-contrast {\n /* Base Variables */\n --st-border-radius: 0;\n --st-border-width: 2px;\n --st-cell-padding: 12px;\n --st-font-size: 1rem;\n --st-font-weight-normal: 500;\n --st-font-weight-bold: 800;\n --st-transition-duration: 0s;\n --st-transition-ease: ease;\n --st-opacity-disabled: 0.7;\n --st-spacing-small: 8px;\n --st-spacing-medium: 12px;\n --st-spacing-large: 24px;\n --st-scrollbar-bg-color: var(--st-slate-950);\n --st-scrollbar-thumb-color: var(--st-slate-200);\n\n --st-border-color: var(--st-slate-900);\n --st-odd-row-background-color: var(--st-slate-50);\n --st-even-row-background-color: var(--st-slate-900);\n --st-header-background-color: var(--st-slate-900);\n --st-dragging-background-color: var(--st-yellow-500);\n --st-selected-cell-background-color: var(--st-slate-900);\n --st-selected-first-cell-background-color: var(--st-red-500);\n --st-footer-background-color: var(--st-slate-900);\n --st-cell-color: var(--st-white);\n --st-cell-odd-row-color: var(--st-slate-900);\n --st-edit-cell-shadow: none;\n --st-selected-cell-color: var(--st-white);\n --st-selected-first-cell-color: var(--st-white);\n --st-resize-handle-color: var(--st-white);\n --st-separator-border-color: var(--st-slate-200);\n --st-last-group-row-separator-border-color: var(--st-slate-900);\n --st-selected-border-top-color: var(--st-orange-600);\n --st-selected-border-bottom-color: var(--st-orange-600);\n --st-selected-border-left-color: var(--st-orange-600);\n --st-selected-border-right-color: var(--st-orange-600);\n --st-checkbox-checked-background-color: var(--st-slate-50);\n --st-checkbox-checked-border-color: var(--st-slate-50);\n --st-column-editor-background-color: var(--st-slate-900);\n --st-column-editor-popout-background-color: var(--st-slate-900);\n --st-button-hover-background-color: var(--st-slate-50);\n --st-button-active-background-color: var(--st-slate-900);\n --st-font-family: "Arial", sans-serif;\n --st-editable-cell-focus-border-color: var(--st-orange-600);\n}\n\n.theme-pastel {\n /* Base Variables */\n --st-border-radius: 8px;\n --st-border-width: 1px;\n --st-cell-padding: 10px;\n --st-font-size: 0.9rem;\n --st-font-weight-normal: 400;\n --st-font-weight-bold: 600;\n --st-transition-duration: 0.3s;\n --st-transition-ease: ease;\n --st-opacity-disabled: 0.5;\n --st-spacing-small: 6px;\n --st-spacing-medium: 10px;\n --st-spacing-large: 20px;\n --st-scrollbar-bg-color: var(--st-purple-100);\n --st-scrollbar-thumb-color: var(--st-purple-300);\n\n --st-border-color: var(--st-purple-200);\n --st-odd-row-background-color: var(--st-purple-50);\n --st-even-row-background-color: var(--st-blue-50);\n --st-header-background-color: var(--st-blue-50);\n --st-dragging-background-color: var(--st-cyan-50);\n --st-selected-cell-background-color: var(--st-orange-50);\n --st-selected-first-cell-background-color: var(--st-amber-50);\n --st-footer-background-color: var(--st-purple-50);\n --st-cell-color: var(--st-slate-600);\n --st-cell-odd-row-color: var(--st-slate-700);\n --st-edit-cell-shadow: 0 1px 3px 0 var(--st-black / 0.1), 0 1px 2px -1px var(--st-black / 0.1);\n --st-selected-cell-color: var(--st-slate-600);\n --st-selected-first-cell-color: var(--st-slate-600);\n --st-resize-handle-color: var(--st-purple-200);\n --st-separator-border-color: var(--st-purple-200);\n --st-last-group-row-separator-border-color: var(--st-purple-500);\n --st-selected-border-top-color: var(--st-amber-500);\n --st-selected-border-bottom-color: var(--st-amber-500);\n --st-selected-border-left-color: var(--st-amber-500);\n --st-selected-border-right-color: var(--st-amber-500);\n --st-checkbox-checked-background-color: var(--st-purple-200);\n --st-checkbox-checked-border-color: var(--st-purple-200);\n --st-column-editor-background-color: var(--st-purple-50);\n --st-column-editor-popout-background-color: var(--st-purple-50);\n --st-button-hover-background-color: var(--st-purple-100);\n --st-button-active-background-color: var(--st-purple-200);\n --st-font-family: "Comic Sans MS", cursive, sans-serif;\n --st-editable-cell-focus-border-color: var(--st-purple-300);\n}\n\n.theme-vibrant {\n /* Base Variables */\n --st-border-radius: 12px;\n --st-border-width: 2px;\n --st-cell-padding: 12px;\n --st-font-size: 1rem;\n --st-font-weight-normal: 500;\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: 8px;\n --st-spacing-medium: 12px;\n --st-spacing-large: 24px;\n --st-scrollbar-bg-color: var(--st-orange-200);\n --st-scrollbar-thumb-color: var(--st-orange-300);\n\n --st-border-color: var(--st-orange-500);\n --st-odd-row-background-color: var(--st-orange-100);\n --st-even-row-background-color: var(--st-orange-200);\n --st-header-background-color: var(--st-orange-300);\n --st-dragging-background-color: var(--st-blue-300);\n --st-selected-cell-background-color: var(--st-blue-400);\n --st-selected-first-cell-background-color: var(--st-amber-300);\n --st-footer-background-color: var(--st-orange-50);\n --st-cell-color: var(--st-orange-900);\n --st-cell-odd-row-color: var(--st-orange-800);\n --st-edit-cell-shadow: 0 1px 3px 0 var(--st-black / 0.2), 0 1px 2px -1px var(--st-black / 0.2);\n --st-selected-cell-color: var(--st-orange-900);\n --st-selected-first-cell-color: var(--st-orange-900);\n --st-resize-handle-color: var(--st-orange-400);\n --st-separator-border-color: var(--st-orange-200);\n --st-last-group-row-separator-border-color: var(--st-orange-500);\n --st-selected-border-top-color: var(--st-orange-700);\n --st-selected-border-bottom-color: var(--st-orange-700);\n --st-selected-border-left-color: var(--st-orange-700);\n --st-selected-border-right-color: var(--st-orange-700);\n --st-checkbox-checked-background-color: var(--st-orange-500);\n --st-checkbox-checked-border-color: var(--st-orange-500);\n --st-column-editor-background-color: var(--st-orange-100);\n --st-column-editor-popout-background-color: var(--st-orange-100);\n --st-button-hover-background-color: var(--st-orange-300);\n --st-button-active-background-color: var(--st-orange-400);\n --st-font-family: "Lobster", cursive;\n --st-editable-cell-focus-border-color: var(--st-orange-600);\n}\n\n.theme-solarized-light {\n /* Base Variables */\n --st-border-radius: 4px;\n --st-border-width: 1px;\n --st-cell-padding: 8px;\n --st-font-size: 0.875rem;\n --st-font-weight-normal: 400;\n --st-font-weight-bold: 600;\n --st-transition-duration: 0.2s;\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 --st-scrollbar-bg-color: var(--st-yellow-100);\n --st-scrollbar-thumb-color: var(--st-yellow-300);\n\n --st-border-color: var(--st-yellow-300);\n --st-odd-row-background-color: var(--st-yellow-50);\n --st-even-row-background-color: var(--st-yellow-200);\n --st-header-background-color: var(--st-yellow-200);\n --st-dragging-background-color: var(--st-yellow-300);\n --st-selected-cell-background-color: var(--st-slate-400);\n --st-selected-first-cell-background-color: var(--st-amber-600);\n --st-footer-background-color: var(--st-yellow-50);\n --st-cell-color: var(--st-slate-600);\n --st-cell-odd-row-color: var(--st-slate-700);\n --st-edit-cell-shadow: 0 1px 3px 0 var(--st-black / 0.1), 0 1px 2px -1px var(--st-black / 0.1);\n --st-selected-cell-color: var(--st-slate-600);\n --st-selected-first-cell-color: var(--st-slate-600);\n --st-resize-handle-color: var(--st-slate-400);\n --st-separator-border-color: var(--st-yellow-300);\n --st-last-group-row-separator-border-color: var(--st-yellow-500);\n --st-selected-border-top-color: var(--st-yellow-600);\n --st-selected-border-bottom-color: var(--st-yellow-600);\n --st-selected-border-left-color: var(--st-yellow-600);\n --st-selected-border-right-color: var(--st-yellow-600);\n --st-checkbox-checked-background-color: var(--st-slate-400);\n --st-checkbox-checked-border-color: var(--st-slate-400);\n --st-column-editor-background-color: var(--st-yellow-200);\n --st-column-editor-popout-background-color: var(--st-yellow-200);\n --st-button-hover-background-color: var(--st-yellow-200);\n --st-button-active-background-color: var(--st-slate-400);\n --st-font-family: "Georgia", serif;\n --st-editable-cell-focus-border-color: var(--st-yellow-400);\n}\n\n.theme-solarized-dark {\n /* Base Variables */\n --st-border-radius: 4px;\n --st-border-width: 1px;\n --st-cell-padding: 8px;\n --st-font-size: 0.875rem;\n --st-font-weight-normal: 400;\n --st-font-weight-bold: 600;\n --st-transition-duration: 0.2s;\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 --st-scrollbar-bg-color: var(--st-slate-800);\n --st-scrollbar-thumb-color: var(--st-slate-600);\n\n --st-border-color: var(--st-slate-800);\n --st-odd-row-background-color: var(--st-slate-900);\n --st-even-row-background-color: var(--st-slate-800);\n --st-header-background-color: var(--st-slate-800);\n --st-dragging-background-color: var(--st-slate-800);\n --st-selected-cell-background-color: var(--st-slate-600);\n --st-selected-first-cell-background-color: var(--st-amber-600);\n --st-footer-background-color: var(--st-slate-900);\n --st-cell-color: var(--st-slate-300);\n --st-cell-odd-row-color: var(--st-slate-400);\n --st-edit-cell-shadow: 0 1px 3px 0 var(--st-white / 0.1), 0 1px 2px -1px var(--st-white / 0.1);\n --st-selected-cell-color: var(--st-slate-300);\n --st-selected-first-cell-color: var(--st-slate-300);\n --st-resize-handle-color: var(--st-slate-600);\n --st-separator-border-color: var(--st-slate-400);\n --st-last-group-row-separator-border-color: var(--st-slate-600);\n --st-selected-border-top-color: var(--st-blue-800);\n --st-selected-border-bottom-color: var(--st-blue-800);\n --st-selected-border-left-color: var(--st-blue-800);\n --st-selected-border-right-color: var(--st-blue-800);\n --st-checkbox-checked-background-color: var(--st-slate-600);\n --st-checkbox-checked-border-color: var(--st-slate-600);\n --st-column-editor-background-color: var(--st-slate-800);\n --st-column-editor-popout-background-color: var(--st-slate-800);\n --st-button-hover-background-color: var(--st-slate-600);\n --st-button-active-background-color: var(--st-slate-800);\n --st-font-family: "Courier New", monospace;\n --st-editable-cell-focus-border-color: var(--st-blue-800);\n}\n\n.theme-ocean {\n /* Base Variables */\n --st-border-radius: 6px;\n --st-border-width: 1px;\n --st-cell-padding: 10px;\n --st-font-size: 0.9rem;\n --st-font-weight-normal: 400;\n --st-font-weight-bold: 600;\n --st-transition-duration: 0.3s;\n --st-transition-ease: ease;\n --st-opacity-disabled: 0.5;\n --st-spacing-small: 6px;\n --st-spacing-medium: 10px;\n --st-spacing-large: 20px;\n --st-scrollbar-bg-color: var(--st-cyan-100);\n --st-scrollbar-thumb-color: var(--st-cyan-300);\n\n --st-border-color: var(--st-cyan-700);\n --st-odd-row-background-color: var(--st-cyan-50);\n --st-even-row-background-color: var(--st-cyan-100);\n --st-header-background-color: var(--st-cyan-100);\n --st-dragging-background-color: var(--st-cyan-300);\n --st-selected-cell-background-color: var(--st-cyan-700);\n --st-selected-first-cell-background-color: var(--st-slate-900);\n --st-footer-background-color: var(--st-cyan-50);\n --st-cell-color: var(--st-slate-900);\n --st-cell-odd-row-color: var(--st-cyan-700);\n --st-edit-cell-shadow: 0 1px 3px 0 var(--st-black / 0.1), 0 1px 2px -1px var(--st-black / 0.1);\n --st-selected-cell-color: var(--st-slate-900);\n --st-selected-first-cell-color: var(--st-slate-900);\n --st-resize-handle-color: var(--st-cyan-300);\n --st-separator-border-color: var(--st-cyan-200);\n --st-last-group-row-separator-border-color: var(--st-cyan-500);\n --st-selected-border-top-color: var(--st-blue-700);\n --st-selected-border-bottom-color: var(--st-blue-700);\n --st-selected-border-left-color: var(--st-blue-700);\n --st-selected-border-right-color: var(--st-blue-700);\n --st-checkbox-checked-background-color: var(--st-cyan-700);\n --st-checkbox-checked-border-color: var(--st-cyan-700);\n --st-column-editor-background-color: var(--st-cyan-100);\n --st-column-editor-popout-background-color: var(--st-cyan-100);\n --st-button-hover-background-color: var(--st-cyan-300);\n --st-button-active-background-color: var(--st-cyan-700);\n --st-font-family: "Verdana", sans-serif;\n --st-editable-cell-focus-border-color: var(--st-cyan-500);\n}\n\n.theme-forest {\n /* Base Variables */\n --st-border-radius: 4px;\n --st-border-width: 1px;\n --st-cell-padding: 8px;\n --st-font-size: 0.875rem;\n --st-font-weight-normal: 400;\n --st-font-weight-bold: 600;\n --st-transition-duration: 0.2s;\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 --st-scrollbar-bg-color: var(--st-green-100);\n --st-scrollbar-thumb-color: var(--st-green-400);\n\n --st-border-color: var(--st-green-800);\n --st-odd-row-background-color: var(--st-green-50);\n --st-even-row-background-color: var(--st-green-100);\n --st-header-background-color: var(--st-green-100);\n --st-dragging-background-color: var(--st-green-400);\n --st-selected-cell-background-color: var(--st-green-700);\n --st-selected-first-cell-background-color: var(--st-green-900);\n --st-footer-background-color: var(--st-green-50);\n --st-cell-color: var(--st-green-900);\n --st-cell-odd-row-color: var(--st-green-700);\n --st-edit-cell-shadow: 0 1px 3px 0 var(--st-black / 0.1), 0 1px 2px -1px var(--st-black / 0.1);\n --st-selected-cell-color: var(--st-green-900);\n --st-selected-first-cell-color: var(--st-green-900);\n --st-resize-handle-color: var(--st-green-400);\n --st-separator-border-color: var(--st-green-200);\n --st-last-group-row-separator-border-color: var(--st-green-500);\n --st-selected-border-top-color: var(--st-green-600);\n --st-selected-border-bottom-color: var(--st-green-600);\n --st-selected-border-left-color: var(--st-green-600);\n --st-selected-border-right-color: var(--st-green-600);\n --st-checkbox-checked-background-color: var(--st-green-700);\n --st-checkbox-checked-border-color: var(--st-green-700);\n --st-column-editor-background-color: var(--st-green-100);\n --st-column-editor-popout-background-color: var(--st-green-100);\n --st-button-hover-background-color: var(--st-green-400);\n --st-button-active-background-color: var(--st-green-700);\n --st-font-family: "Tahoma", sans-serif;\n --st-editable-cell-focus-border-color: var(--st-green-600);\n}\n\n.theme-desert {\n /* Base Variables */\n --st-border-radius: 8px;\n --st-border-width: 1px;\n --st-cell-padding: 10px;\n --st-font-size: 0.9rem;\n --st-font-weight-normal: 400;\n --st-font-weight-bold: 600;\n --st-transition-duration: 0.3s;\n --st-transition-ease: ease;\n --st-opacity-disabled: 0.5;\n --st-spacing-small: 6px;\n --st-spacing-medium: 10px;\n --st-spacing-large: 20px;\n --st-scrollbar-bg-color: var(--st-amber-100);\n --st-scrollbar-thumb-color: var(--st-amber-300);\n\n --st-border-color: var(--st-amber-600);\n --st-odd-row-background-color: var(--st-amber-50);\n --st-even-row-background-color: var(--st-amber-100);\n --st-header-background-color: var(--st-amber-100);\n --st-dragging-background-color: var(--st-amber-300);\n --st-selected-cell-background-color: var(--st-amber-600);\n --st-selected-first-cell-background-color: var(--st-amber-800);\n --st-footer-background-color: var(--st-amber-50);\n --st-cell-color: var(--st-amber-800);\n --st-cell-odd-row-color: var(--st-amber-600);\n --st-edit-cell-shadow: 0 1px 3px 0 var(--st-black / 0.1), 0 1px 2px -1px var(--st-black / 0.1);\n --st-selected-cell-color: var(--st-amber-800);\n --st-selected-first-cell-color: var(--st-amber-800);\n --st-resize-handle-color: var(--st-amber-300);\n --st-separator-border-color: var(--st-amber-200);\n --st-last-group-row-separator-border-color: var(--st-amber-500);\n --st-selected-border-top-color: var(--st-amber-700);\n --st-selected-border-bottom-color: var(--st-amber-700);\n --st-selected-border-left-color: var(--st-amber-700);\n --st-selected-border-right-color: var(--st-amber-700);\n --st-checkbox-checked-background-color: var(--st-amber-600);\n --st-checkbox-checked-border-color: var(--st-amber-600);\n --st-column-editor-background-color: var(--st-amber-100);\n --st-column-editor-popout-background-color: var(--st-amber-100);\n --st-button-hover-background-color: var(--st-amber-300);\n --st-button-active-background-color: var(--st-amber-600);\n --st-font-family: "Times New Roman", serif;\n --st-editable-cell-focus-border-color: var(--st-amber-700);\n}\n\n.theme-bubblegum {\n /* Base Variables */\n --st-border-radius: 16px;\n --st-border-width: 2px;\n --st-cell-padding: 12px;\n --st-font-size: 1rem;\n --st-font-weight-normal: 400;\n --st-font-weight-bold: 600;\n --st-transition-duration: 0.3s;\n --st-transition-ease: ease;\n --st-opacity-disabled: 0.5;\n --st-spacing-small: 8px;\n --st-spacing-medium: 12px;\n --st-spacing-large: 24px;\n --st-scrollbar-bg-color: var(--st-pink-50);\n --st-scrollbar-thumb-color: var(--st-pink-300);\n\n --st-border-color: var(--st-pink-500);\n --st-odd-row-background-color: var(--st-pink-50);\n --st-even-row-background-color: var(--st-pink-100);\n --st-header-background-color: var(--st-pink-200);\n --st-dragging-background-color: var(--st-pink-300);\n --st-selected-cell-background-color: var(--st-pink-400);\n --st-selected-first-cell-background-color: var(--st-pink-600);\n --st-footer-background-color: var(--st-pink-50);\n --st-cell-color: var(--st-pink-900);\n --st-cell-odd-row-color: var(--st-pink-800);\n --st-edit-cell-shadow: 0 1px 3px 0 var(--st-black / 0.1), 0 1px 2px -1px var(--st-black / 0.1);\n --st-selected-cell-color: var(--st-pink-900);\n --st-selected-first-cell-color: var(--st-pink-900);\n --st-resize-handle-color: var(--st-pink-400);\n --st-separator-border-color: var(--st-pink-200);\n --st-last-group-row-separator-border-color: var(--st-pink-500);\n --st-selected-border-top-color: var(--st-pink-700);\n --st-selected-border-bottom-color: var(--st-pink-700);\n --st-selected-border-left-color: var(--st-pink-700);\n --st-selected-border-right-color: var(--st-pink-700);\n --st-checkbox-checked-background-color: var(--st-pink-500);\n --st-checkbox-checked-border-color: var(--st-pink-500);\n --st-column-editor-background-color: var(--st-pink-100);\n --st-column-editor-popout-background-color: var(--st-pink-100);\n --st-button-hover-background-color: var(--st-pink-300);\n --st-button-active-background-color: var(--st-pink-400);\n --st-font-family: "Pacifico", cursive;\n --st-editable-cell-focus-border-color: var(--st-pink-600);\n}\n\n.theme-90s {\n /* Base Variables */\n --st-border-radius: 0;\n --st-border-width: 2px;\n --st-cell-padding: 8px;\n --st-font-size: 0.875rem;\n --st-font-weight-normal: 400;\n --st-font-weight-bold: 700;\n --st-transition-duration: 0.1s;\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 --st-scrollbar-bg-color: var(--st-gray-200);\n --st-scrollbar-thumb-color: var(--st-gray-400);\n\n --st-border-color: var(--st-gray-500);\n --st-odd-row-background-color: var(--st-gray-100);\n --st-even-row-background-color: var(--st-gray-200);\n --st-header-background-color: var(--st-gray-300);\n --st-dragging-background-color: var(--st-gray-400);\n --st-selected-cell-background-color: var(--st-gray-500);\n --st-selected-first-cell-background-color: var(--st-gray-600);\n --st-footer-background-color: var(--st-gray-100);\n --st-cell-color: var(--st-gray-900);\n --st-cell-odd-row-color: var(--st-gray-800);\n --st-edit-cell-shadow: 0 1px 3px 0 var(--st-black / 0.1), 0 1px 2px -1px var(--st-black / 0.1);\n --st-selected-cell-color: var(--st-gray-900);\n --st-selected-first-cell-color: var(--st-gray-900);\n --st-resize-handle-color: var(--st-gray-400);\n --st-separator-border-color: var(--st-gray-200);\n --st-last-group-row-separator-border-color: var(--st-gray-500);\n --st-selected-border-top-color: var(--st-gray-700);\n --st-selected-border-bottom-color: var(--st-gray-700);\n --st-selected-border-left-color: var(--st-gray-700);\n --st-selected-border-right-color: var(--st-gray-700);\n --st-checkbox-checked-background-color: var(--st-gray-500);\n --st-checkbox-checked-border-color: var(--st-gray-500);\n --st-column-editor-background-color: var(--st-gray-200);\n --st-column-editor-popout-background-color: var(--st-gray-200);\n --st-button-hover-background-color: var(--st-gray-300);\n --st-button-active-background-color: var(--st-gray-400);\n --st-font-family: "Courier New", monospace;\n --st-editable-cell-focus-border-color: var(--st-gray-600);\n}\n\n/* Global styles */\n.simple-table-root * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n.simple-table-root {\n font-family: var(--st-font-family, sans-serif);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\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-container {\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n}\n.st-table-wrapper {\n flex: 1;\n position: relative;\n display: flex;\n width: 100%;\n min-height: 0;\n}\n.st-table-content {\n display: flex;\n flex-direction: column;\n}\n\n/* Header */\n.st-header-container {\n display: flex;\n}\n\n.st-header-container.st-header-scroll-padding::after {\n content: "";\n display: block;\n width: var(--st-after-width, default-width);\n flex-shrink: 0;\n background-color: var(--st-header-background-color);\n border-bottom: var(--st-border-width) solid var(--st-border-color);\n}\n\n.st-header-pinned-left,\n.st-header-main,\n.st-header-pinned-right {\n display: grid;\n}\n.st-header-pinned-left {\n border-right: var(--st-border-width) solid var(--st-border-color);\n}\n.st-header-pinned-right {\n border-left: var(--st-border-width) solid var(--st-border-color);\n}\n.st-header-main {\n overflow: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n}\n.st-header-main::-webkit-scrollbar {\n display: none;\n}\n\n/* Body */\n.st-table-body-container {\n display: flex;\n width: 100%;\n overflow: auto;\n height: max-content;\n /* min-height: calc(100% - 40px); */\n}\n.st-table-body-main,\n.st-table-body-pinned-left,\n.st-table-body-pinned-right {\n display: grid;\n height: max-content;\n /* min-height 100% - table header height */\n /* min-height: calc(100% - 40px); */\n}\n.st-table-body-pinned-left {\n border-right: var(--st-border-width) solid var(--st-border-color);\n}\n.st-table-body-main {\n overflow: auto;\n scrollbar-width: none;\n}\n\n.st-table-body-pinned-right {\n border-left: var(--st-border-width) solid var(--st-border-color);\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 display: flex;\n align-items: center;\n color: var(--st-slate-800);\n overflow: hidden;\n gap: var(--st-spacing-small);\n /* mix-blend-mode: multiply; */\n}\n.st-header-cell.right-aligned,\n.st-cell.right-aligned {\n justify-content: flex-end;\n text-align: right;\n}\n.st-cell.right-aligned {\n padding-right: calc(var(--st-cell-padding) + var(--st-spacing-small) + var(--st-resize-handle-width));\n}\n.st-header-cell.right-aligned > .st-header-label {\n text-align: right;\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\n.st-cell-depth-1 {\n padding-left: calc(var(--st-cell-padding) * 4);\n}\n.st-cell-depth-2 {\n padding-left: calc(var(--st-cell-padding) * 5);\n}\n.st-cell-depth-3 {\n padding-left: calc(var(--st-cell-padding) * 6);\n}\n.st-cell-depth-4 {\n padding-left: calc(var(--st-cell-padding) * 7);\n}\n.st-cell-depth-5 {\n padding-left: calc(var(--st-cell-padding) * 8);\n}\n.st-cell-depth-6 {\n padding-left: calc(var(--st-cell-padding) * 9);\n}\n.st-cell-depth-7 {\n padding-left: calc(var(--st-cell-padding) * 10);\n}\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(--st-slate-500);\n}\n\n.st-header-resize-handle {\n top: 0;\n right: 0;\n width: var(--st-resize-handle-width);\n height: 12px;\n cursor: col-resize;\n background-color: var(--st-resize-handle-color);\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-row-separator.st-last-group-row {\n background-color: var(--st-last-group-row-separator-border-color);\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 color: var(--st-cell-color);\n}\n.st-last-group-row {\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 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 var(--st-selected-border-right-color);\n}\n\n.st-horizontal-scrollbar-left {\n border-right: var(--st-border-width) solid var(--st-border-color);\n}\n.st-horizontal-scrollbar-right {\n border-left: var(--st-border-width) solid var(--st-border-color);\n}\n.st-horizontal-scrollbar-left,\n.st-horizontal-scrollbar-right {\n background-color: var(--st-scrollbar-bg-color);\n height: 100%;\n}\n.st-horizontal-scrollbar-middle {\n overflow-x: scroll;\n height: 12px;\n}\n.st-horizontal-scrollbar-middle > div {\n height: 1px;\n}\n\n.st-horizontal-scrollbar-container {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n border-top: var(--st-border-width) solid var(--st-border-color);\n}\n\n.st-horizontal-scrollbar-container > div {\n display: flex;\n align-items: center;\n height: 100%;\n}\n\n.st-horizontal-scrollbar-container.st-header-scroll-padding::after {\n content: "";\n display: block;\n width: var(--st-after-width, default-width);\n flex-shrink: 0;\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) var(--st-transition-ease);\n}\n.st-next-prev-btn {\n fill: var(--st-slate-600);\n}\n.disabled > .st-next-prev-icon {\n cursor: not-allowed;\n fill: var(--st-slate-400);\n}\n\n.st-next-prev-btn:not(.disabled):hover {\n background-color: var(--st-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(--st-slate-600);\n border: none;\n border-radius: var(--st-border-radius);\n transition: background-color var(--st-transition-duration) 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-edit-cell-shadow-color);\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 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(--st-slate-500);\n flex-shrink: 0;\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(--st-slate-300);\n border-radius: var(--st-border-radius);\n background-color: white;\n transition: background-color var(--st-transition-duration) 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\n/* Group Header Styles */\n.st-group-header {\n background-color: var(--st-header-background-color);\n cursor: pointer;\n user-select: none;\n height: 40px;\n display: flex;\n align-items: center;\n border-bottom: var(--st-border-width) solid var(--st-border-color);\n color: var(--st-cell-color);\n font-weight: var(--st-font-weight-bold);\n transition: background-color var(--st-transition-duration) var(--st-transition-ease);\n}\n\n.st-group-header:hover {\n background-color: var(--st-button-hover-background-color);\n}\n\n.st-group-header-content {\n display: flex;\n align-items: center;\n gap: var(--st-spacing-medium);\n}\n\n.st-group-toggle-icon {\n font-size: 0.8em;\n width: 16px;\n height: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.st-group-name {\n font-weight: var(--st-font-weight-bold);\n}\n\n.st-group-count {\n color: var(--st-cell-odd-row-color);\n font-size: 0.9em;\n}\n\n/* Animation for expand/collapse */\n.st-group-header.expanded .st-group-toggle-icon {\n transform: rotate(0deg);\n transition: transform var(--st-transition-duration) var(--st-transition-ease);\n}\n\n.st-group-header.collapsed .st-group-toggle-icon {\n transform: rotate(-90deg);\n transition: transform var(--st-transition-duration) var(--st-transition-ease);\n}\n');var D,H=function(e){var n=e.accessor,r=e.rowIndex;return"cell-".concat(n,"-").concat(r)},S=function(e){var n=e.hiddenColumns,r=e.header,t=e.pinned;return n[r.accessor]?null:!t&&!r.pinned||r.pinned===t||null},N=function(r){var t=r.value,o=r.onBlur,s=r.onChange;return e("select",p({value:t.toString(),onBlur:o,onChange:function(e){var n=e.target.value;s("true"===n)}},{children:[n("option",p({value:"true"},{children:"True"})),n("option",p({value:"false"},{children:"False"}))]}))},L=function(e){var r=e.defaultValue,t=e.onBlur,s=e.onChange,a=o(null);return n("input",{className:"editable-cell-input",ref:a,autoFocus:!0,type:"text",defaultValue:null!=r?r:"",onBlur:t,onChange:function(e){var n=e.target.value;s(n)}})},B=function(e){var r=e.defaultValue,t=e.onBlur,s=e.onChange,a=o(null);return n("input",{className:"editable-cell-input",ref:a,autoFocus:!0,defaultValue:r.toString(),onBlur:t,onChange:function(e){var n=e.target.value;/^\d*\.?\d*$/.test(n)&&s(n)}})},M=function(e){var t=e.onChange,o=e.setIsEditing,s=e.value,a=function(e){null==t||t(e)},l=function(){o(!1)};return n(r,{children:"string"==typeof s||null==s?n(L,{defaultValue:s,onBlur:l,onChange:a}):"boolean"==typeof s?n(N,{onBlur:l,onChange:a,value:s}):"number"==typeof s?n(B,{defaultValue:s,onBlur:l,onChange:a}):null})},T=0,O=function(){return function(e){var n=e.callback,r=e.callbackProps,t=e.limit,o=Date.now();(0===T||o-T>=t)&&(T=o,n(r))}},A=Date.now(),P={screenX:0,screenY:0},W=function(e){var n,r,t=e.draggedHeaderRef,s=e.headersRef,l=e.hoveredHeaderRef,c=e.onTableHeaderDragEnd,d=(n=s.current,r=o(n),a((function(){r.current=n}),[n]),r.current);return{handleDragStart:function(e){t.current=e,A=Date.now()},handleDragOver:function(e){var n,r=e.event,o=e.hoveredHeader;if(r.preventDefault(),s.current){var a=r.currentTarget.getAnimations().some((function(e){return"running"===e.playState})),i=r.screenX,u=r.screenY,b=Math.sqrt(Math.pow(i-P.screenX,2)+Math.pow(u-P.screenY,2));l.current=o;var g=m([],s.current,!0),f=g.findIndex((function(e){var n;return e.accessor===(null===(n=t.current)||void 0===n?void 0:n.accessor)})),v=g.findIndex((function(e){return e.accessor===o.accessor})),p=g.splice(f,1)[0];if(g.splice(v,0,p),!(a||o.accessor===(null===(n=t.current)||void 0===n?void 0:n.accessor)||null===t.current||b<10||void 0===f||void 0===v||JSON.stringify(g)===JSON.stringify(s.current))){var h=Date.now();JSON.stringify(g)===JSON.stringify(d)&&h-A<800&&b<50||(A=h,P={screenX:i,screenY:u},c(g))}}},handleDragEnd:function(){t.current=null,l.current=null}}},U=d((function(r,o){var s,l=r.borderClass,c=r.cellHasChildren,d=r.colIndex,u=r.content,b=r.depth,g=r.draggedHeaderRef,f=r.header,v=r.headersRef,h=r.hoveredHeaderRef,m=r.isRowExpanded,w=r.isSelected,k=r.isTopLeftCell,R=r.onCellChange,z=r.onExpandRowClick,E=r.onMouseDown,I=r.onMouseOver,D=r.onTableHeaderDragEnd,S=r.row,N=r.rowIndex,L=i(y),B=L.rows,T=L.tableRows,A=t(u),P=A[0],U=A[1],j=t(!1),V=j[0],X=j[1],G=W({draggedHeaderRef:g,headersRef:v,hoveredHeaderRef:h,onTableHeaderDragEnd:D}).handleDragOver,F=O(),J=Boolean(null==f?void 0:f.isEditable),Y=N%2==0,q="st-cell ".concat(b>0&&f.expandable?"st-cell-depth-".concat(b):""," ").concat(w?k?"st-cell-selected-first-cell ".concat(l):"st-cell-selected ".concat(l):""," ").concat(Y?"st-cell-odd-row":"st-cell-even-row"," ").concat(J?"clickable":""," ").concat("right"===f.align?"right-aligned":"");a((function(){"object"!=typeof u&&U(u)}),[u]),a((function(){}),[f.accessor,P,B,null===(s=S.rowMeta)||void 0===s?void 0:s.rowId,T]);return V?n("div",p({className:"st-cell-editing ".concat(Y?"st-cell-odd-row":"st-cell-even-row"),id:H({accessor:f.accessor,rowIndex:N+1})},{children:n(M,{onChange:function(e){var n;U(e),null==R||R({accessor:f.accessor,newValue:e,newRowIndex:N,originalRowIndex:null===(n=S.rowMeta)||void 0===n?void 0:n.rowId,row:S})},setIsEditing:X,value:P})})):e("div",p({className:q,id:H({accessor:f.accessor,rowIndex:N+1}),onDoubleClick:function(){return f.isEditable&&X(!0)},onMouseDown:function(){return E(N,d)},onMouseOver:function(){return I(N,d)},onDragOver:function(e){return F({callback:G,callbackProps:{event:e,hoveredHeader:f},limit:50})},ref:o},{children:[f.expandable&&c?m(S.rowMeta.rowId)?n("div",p({className:"st-sort-icon-container",onClick:function(){return z(S.rowMeta.rowId)}},{children:n(C,{className:"st-sort-icon"})})):n("div",p({className:"st-sort-icon-container",onClick:function(){return z(S.rowMeta.rowId)}},{children:n(x,{className:"st-sort-icon"})})):null,n("span",{children:P})]}))})),j=d((function(e,r){return e.visible?n("div",{className:"st-cell",ref:r}):n("div",{ref:r})})),V=function(e){var r=e.lastGroupRow;return n("div",{className:"st-row-separator ".concat(r?"st-last-group-row":"")})},X=function(e){var t=e.allowAnimations,o=e.children,s=h(e,["allowAnimations","children"]);return t?n(G,p({},s,{children:o})):n(r,{children:o})},G=function(e){var s=e.allowHorizontalAnimate,l=void 0===s||s,c=e.children,d=e.draggedHeaderRef,i=e.headersRef,b=e.isBody,g=e.mainBodyRef,f=e.pauseAnimation,v=e.rowIndex,p=o(!1),h=t({}),m=h[0],w=h[1],k=o({}),x=i.current;return u((function(){if(x){var e=function(e){var n=e.currentHeaders,r=e.draggedHeaderRef,t=e.rowIndex,o={};return n.forEach((function(e){var n;if(e){var s=document.getElementById(H({accessor:e.accessor,rowIndex:t}));if(s){var a=s.getAnimations().some((function(e){return"running"===e.playState})),l=s.getBoundingClientRect();a&&(null===(n=null==r?void 0:r.current)||void 0===n?void 0:n.accessor)!==e.accessor?o[e.accessor]=!1:o[e.accessor]=l}}})),o}({currentHeaders:x,draggedHeaderRef:d,rowIndex:v});JSON.stringify(e)!==JSON.stringify(m)&&(k.current=m,w(e))}}),[m,x,d,b,v]),u((function(){var e=g.current,n=function(){p.current=!0},r=function(){p.current=!1};return null==e||e.addEventListener("scroll",n),null==e||e.addEventListener("scrollend",r),function(){null==e||e.removeEventListener("scroll",n),null==e||e.removeEventListener("scrollend",r)}}),[d,g]),a((function(){f||p.current||Object.keys(k.current).length&&x&&x.forEach((function(e){var n=document.getElementById(H({accessor:e.accessor,rowIndex:v}));if(n){var r=k.current[e.accessor],t=m[e.accessor];if(r&&t){var o=r.left-t.left,s=l?0:r.top-t.top,a=Math.abs(o),c=Math.abs(s);(a>10||c>10)&&requestAnimationFrame((function(){n.style.transform="translate(".concat(o,"px, ").concat(s,"px)"),n.style.transition="transform 0s",requestAnimationFrame((function(){n.style.transform="",n.style.transition="transform ".concat(400,"ms ease-out")}))}))}}}))}),[l,m,x,b,f,k,v]),n(r,{children:c})},F=function(r){var t,o=r.getBorderClass,s=r.handleMouseDown,a=r.handleMouseOver,l=r.headers,c=r.hiddenColumns,d=r.isRowExpanded,i=r.isSelected,u=r.isTopLeftCell,f=r.lastGroupRow,v=r.onExpandRowClick,m=r.pinned,w=r.row,k=r.rowIndex,x=r.shouldDisplayLastColumnCell,y=h(r,["getBorderClass","handleMouseDown","handleMouseOver","headers","hiddenColumns","isRowExpanded","isSelected","isTopLeftCell","lastGroupRow","onExpandRowClick","pinned","row","rowIndex","shouldDisplayLastColumnCell"]),R=null===(t=w.rowMeta)||void 0===t?void 0:t.children;return e(X,p({allowAnimations:y.allowAnimations,allowHorizontalAnimate:y.shouldPaginate,draggedHeaderRef:y.draggedHeaderRef,headersRef:y.headersRef,isBody:!0,mainBodyRef:y.mainBodyRef,pauseAnimation:y.isWidthDragging,rowIndex:k+1},{children:[0!==k&&n(V,{lastGroupRow:f}),l.map((function(e,n){if(!S({hiddenColumns:c,header:e,pinned:m}))return null;var r=w.rowData[e.accessor];return e.cellRenderer&&(r=e.cellRenderer(w)),b(U,p({},y,{borderClass:o(k,n),cellHasChildren:((null==R?void 0:R.length)||0)>0,colIndex:n,content:r,header:e,isRowExpanded:d,isSelected:i(k,n),isTopLeftCell:u(k,n),key:n,onExpandRowClick:v,onMouseDown:function(){return s({rowIndex:k,colIndex:n})},onMouseOver:function(){return a(k,n)},row:w,rowIndex:k}))})),n(j,{ref:g(),visible:x})]}))},J=function(t){var o,s,a,l=t.depth,c=void 0===l?0:l,d=t.getNextRowIndex,i=t.index,u=t.lastGroupRow,g=t.pinned,f=t.props,v=t.row,h=((null===(s=null===(o=v.rowMeta)||void 0===o?void 0:o.children)||void 0===s?void 0:s.length)||0)>0,m=d(),w=(null===(a=v.rowMeta)||void 0===a?void 0:a.children)||[];return e(r,{children:[b(F,p({},f,{depth:c,lastGroupRow:u,key:i,pinned:g,row:v,rowIndex:m})),h&&f.isRowExpanded(v.rowMeta.rowId)&&w.map((function(e,r){return n(J,{depth:c+1,getNextRowIndex:d,index:r,pinned:g,props:f,row:e},r)}))]})},Y=function(e){e.headerContainerRef;var r=e.isRowExpanded,t=e.onExpandRowClick,s=e.pinned,l=e.rows,c=e.sectionRef,d=e.templateColumns,i=h(e,["headerContainerRef","isRowExpanded","onExpandRowClick","pinned","rows","sectionRef","templateColumns"]),u=s?"st-table-body-pinned-".concat(s):"st-table-body-main",b=o(0);a((function(){b.current=0}));var g=function(){return b.current++};return n("div",p({className:u,ref:c,style:{gridTemplateColumns:d}},{children:l.map((function(e,o){var a,l;return n(J,{getNextRowIndex:g,index:o,lastGroupRow:Boolean(null===(l=null===(a=e.rowMeta)||void 0===a?void 0:a.children)||void 0===l?void 0:l.length),pinned:s,props:p(p({},i),{isRowExpanded:r,onExpandRowClick:t}),row:e},o)}))}))},q=function(r){var o=r.currentRows,s=r.headerContainerRef,l=r.isRowExpanded,c=r.mainBodyRef,d=r.mainTemplateColumns,i=r.onExpandRowClick,u=r.pinnedLeftColumns,b=r.pinnedLeftRef,g=r.pinnedLeftTemplateColumns,f=r.pinnedRightColumns,v=r.pinnedRightRef,h=r.pinnedRightTemplateColumns,m=r.scrollbarHorizontalRef,w=r.scrollbarWidth,k=r.tableBodyContainerRef;return function(e){var n=e.headerContainerRef,r=e.mainSectionRef,o=e.scrollbarHorizontalRef,s=e.scrollbarWidth,l=t(!1),c=l[0],d=l[1];a((function(){var e=null==n?void 0:n.current,r=null==o?void 0:o.current;if(c&&e)return e.classList.add("st-header-scroll-padding"),null==r||r.classList.add("st-header-scroll-padding"),e.style.setProperty("--st-after-width","".concat(s,"px")),null==r||r.style.setProperty("--st-after-width","".concat(s,"px")),function(){e.classList.remove("st-header-scroll-padding"),null==r||r.classList.remove("st-header-scroll-padding")}}),[n,c,o,s]),a((function(){var e=null==n?void 0:n.current,t=null==r?void 0:r.current;if(t&&e){var o=function(){if(t){var e=t.scrollHeight>t.clientHeight;d(e)}};o();var s=new ResizeObserver((function(){o()}));return s.observe(t),function(){t&&s.unobserve(t)}}}),[n,r])}({headerContainerRef:s,mainSectionRef:k,scrollbarHorizontalRef:m,scrollbarWidth:w}),e("div",p({className:"st-table-body-container",ref:k},{children:[u.length>0&&n(Y,p({},r,{rows:o,templateColumns:g,pinned:"left",sectionRef:b,isRowExpanded:l,onExpandRowClick:i})),n(Y,p({},r,{rows:o,templateColumns:d,sectionRef:c,isRowExpanded:l,onExpandRowClick:i})),f.length>0&&n(Y,p({},r,{rows:o,templateColumns:h,pinned:"right",sectionRef:v,isRowExpanded:l,onExpandRowClick:i}))]}))},K=function(e){var n=e.event,r=e.forceUpdate,t=e.header,o=e.headersRef,s=e.index;e.reverse;var a=e.setIsWidthDragging;a(!0),n.preventDefault();var l=n.clientX;if(t){var c=t.width,d=function(e){var n=Math.max(c+(e.clientX-l),40);t&&o.current&&(o.current[s].width=n,r())},i=function(){document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",i),a(!1)};document.addEventListener("mousemove",d),document.addEventListener("mouseup",i)}},$=d((function(r,o){var s,l=r.columnResizing,c=r.currentRows,d=r.draggable,i=r.draggedHeaderRef,u=r.forceUpdate,b=r.headersRef,g=r.hoveredHeaderRef,f=r.index,v=r.onSort,h=r.onTableHeaderDragEnd,m=r.reverse,w=r.selectableColumns,k=r.setIsWidthDragging,x=r.setSelectedCells,y=r.sort,R=r.sortDownIcon,C=r.sortUpIcon,z=t(!1),E=z[0],I=z[1],D=null===(s=b.current)||void 0===s?void 0:s[f],S=Boolean(null==D?void 0:D.isSortable),N="st-header-cell ".concat(D===g.current?"st-hovered":""," ").concat(E?"st-dragging":""," ").concat(S?"clickable":""," ").concat(d&&!S?"draggable":""," ").concat("right"===(null==D?void 0:D.align)?"right-aligned":""),L=W({draggedHeaderRef:i,headersRef:b,hoveredHeaderRef:g,onTableHeaderDragEnd:h}),B=L.handleDragStart,M=L.handleDragEnd,T=W({draggedHeaderRef:i,headersRef:b,hoveredHeaderRef:g,onTableHeaderDragEnd:h}).handleDragOver,A=O(),P=function(e){var n=e.event,r=e.header;if(w){var t=c.length,o=Array.from({length:t},(function(e,n){return"".concat(n,"-").concat(f)})),s=function(e,n){var r=new Set,o=Math.min(e,n),s=Math.max(e,n);return Array.from({length:t}).forEach((function(e,n){Array.from({length:s-o+1}).forEach((function(e,t){r.add("".concat(n,"-").concat(o+t))}))})),r};n.shiftKey?x((function(e){var n,r=Number(null===(n=Array.from(e)[0])||void 0===n?void 0:n.split("-")[1]),t=Number(o[0].split("-")[1]);return r===t?new Set(o):r>t?s(t,r):s(r,t)})):x(new Set(o))}else r.isSortable&&v(f,r.accessor)};if(a((function(){var e=function(e){e.preventDefault(),e.dataTransfer.dropEffect="move"};return document.addEventListener("dragover",e),function(){document.removeEventListener("dragover",e)}}),[]),!D)return null;var U=l&&n("div",{className:"st-header-resize-handle",onMouseDown:function(e){A({callback:K,callbackProps:{event:e,forceUpdate:u,header:D,headersRef:b,index:f,setIsWidthDragging:k},limit:10})}});return e("div",p({className:N,id:H({accessor:D.accessor,rowIndex:0}),onDragOver:function(e){A({callback:T,callbackProps:{event:e,hoveredHeader:D},limit:50})},ref:o,style:{width:D.width}},{children:[m&&U,n("div",p({className:"st-header-label",draggable:d,onClick:function(e){return P({event:e,header:D})},onDragEnd:function(e){e.preventDefault(),I(!1),M()},onDragStart:function(e){d&&D&&function(e){I(!0),B(e)}(D)},onMouseEnter:function(){return document.body.style.overflow="hidden"},onMouseLeave:function(){return document.body.style.overflow="auto"}},{children:null==D?void 0:D.label})),y&&y.key.accessor===D.accessor&&e("div",p({className:"st-sort-icon-container",onClick:function(e){return P({event:e,header:D})}},{children:["ascending"===y.direction&&C&&C,"descending"===y.direction&&R&&R]})),!m&&U]}))})),Q=function(e,n){a((function(){if(e.current){var r=e.current,t=function(){var e,t=null==r?void 0:r.scrollLeft;void 0!==t&&(null===(e=n.current)||void 0===e||e.scrollTo(t,0))};return r.addEventListener("scroll",t),function(){null==r||r.removeEventListener("scroll",t)}}}),[e,n])},Z=function(r){var t,s,a,l=r.allowAnimations,c=r.columnResizing,d=r.currentRows,i=r.draggable,u=r.draggedHeaderRef,b=r.forceUpdate,f=r.headerContainerRef,v=r.headersRef,h=r.hiddenColumns,m=r.hoveredHeaderRef,w=r.isWidthDragging,k=r.mainTemplateColumns,x=r.onSort,y=r.onTableHeaderDragEnd,R=r.pinnedLeftColumns,C=r.pinnedLeftTemplateColumns,z=r.pinnedRightColumns,E=r.pinnedRightTemplateColumns,I=r.selectableColumns,D=r.setIsWidthDragging,H=r.setSelectedCells,N=r.shouldDisplayLastColumnCell,L=r.sort,B=r.sortDownIcon,M=r.sortUpIcon,T=r.mainBodyRef,O=o(null);Q(T,O);return e("div",p({className:"st-header-container",ref:f},{children:[R.length>0&&n("div",p({className:"st-header-pinned-left",style:{gridTemplateColumns:C}},{children:n(X,p({allowAnimations:l,draggedHeaderRef:u,headersRef:v,mainBodyRef:T,pauseAnimation:w,rowIndex:0},{children:null===(t=v.current)||void 0===t?void 0:t.map((function(e,r){return S({hiddenColumns:h,header:e,pinned:"left"})?n($,{columnResizing:c,currentRows:d,draggable:i,draggedHeaderRef:u,forceUpdate:b,headersRef:v,hoveredHeaderRef:m,index:r,onSort:x,onTableHeaderDragEnd:y,ref:g(),selectableColumns:I,setIsWidthDragging:D,setSelectedCells:H,sort:L,sortDownIcon:B,sortUpIcon:M},e.accessor):null}))}))})),n("div",p({className:"st-header-main",onScroll:function(e){var n,r,t=null===(n=O.current)||void 0===n?void 0:n.scrollLeft;void 0!==t&&(null===(r=T.current)||void 0===r||r.scrollTo(t,0))},ref:O,style:{gridTemplateColumns:k}},{children:e(X,p({allowAnimations:l,draggedHeaderRef:u,headersRef:v,mainBodyRef:T,pauseAnimation:w,rowIndex:0},{children:[null===(s=v.current)||void 0===s?void 0:s.map((function(e,r){return S({hiddenColumns:h,header:e})?n($,{columnResizing:c,currentRows:d,draggable:i,draggedHeaderRef:u,forceUpdate:b,headersRef:v,hoveredHeaderRef:m,index:r,onSort:x,onTableHeaderDragEnd:y,ref:g(),selectableColumns:I,setIsWidthDragging:D,setSelectedCells:H,sort:L,sortDownIcon:B,sortUpIcon:M},e.accessor):null})),n(j,{ref:g(),visible:N})]}))})),z.length>0&&n("div",p({className:"st-header-pinned-right",style:{gridTemplateColumns:E}},{children:e(X,p({allowAnimations:l,draggedHeaderRef:u,headersRef:v,mainBodyRef:T,pauseAnimation:w,rowIndex:0},{children:[null===(a=v.current)||void 0===a?void 0:a.map((function(e,r){return S({hiddenColumns:h,header:e,pinned:"right"})?n($,{columnResizing:c,currentRows:d,draggable:i,draggedHeaderRef:u,forceUpdate:b,headersRef:v,hoveredHeaderRef:m,index:r,onSort:x,onTableHeaderDragEnd:y,reverse:!0,ref:g(),selectableColumns:I,setIsWidthDragging:D,setSelectedCells:H,sort:L,sortDownIcon:B,sortUpIcon:M},e.accessor):null})),n(j,{ref:g(),visible:N})]}))}))]}))},_=function(r){var t=r.allowAnimations,s=r.columnResizing,a=r.currentRows,c=r.draggable,d=r.draggedHeaderRef,i=r.editColumns,u=r.forceUpdate,b=r.getBorderClass,g=r.handleMouseDown,f=r.handleMouseOver,v=r.headersRef,h=r.hiddenColumns,m=r.hoveredHeaderRef,w=r.isRowExpanded,k=r.isSelected,x=r.isTopLeftCell,y=r.isWidthDragging,R=r.mainBodyRef,C=r.onCellChange,z=r.onExpandRowClick,E=r.onSort,I=r.onTableHeaderDragEnd,D=r.pinnedLeftRef,H=r.pinnedRightRef,S=r.scrollbarHorizontalRef,N=r.scrollbarWidth,L=r.selectableColumns,B=r.setIsWidthDragging,M=r.setSelectedCells,T=r.shouldPaginate,O=r.sort,A=r.sortDownIcon,P=r.sortUpIcon,W=r.tableBodyContainerRef,U=o(null),j=v.current.filter((function(e){return!e.hide&&!e.pinned})),V=l((function(){return!!R.current&&j.reduce((function(e,n){return e+n.width}),0)<R.current.clientWidth}),[j,R]),X=v.current.filter((function(e){return"left"===e.pinned&&!0!==e.hide})),G=v.current.filter((function(e){return"right"===e.pinned&&!0!==e.hide})),F=l((function(){return"".concat(X.map((function(e){return"".concat(e.width,"px")})).join(" "))}),[X]),J=l((function(){return"".concat(j.filter((function(e){return!0!==h[e.accessor]})).map((function(e){return"".concat(e.width,"px")})).join(" ")," 1fr")}),[j,h]),Y=l((function(){return"".concat(G.map((function(e){return"".concat(e.width,"px")})).join(" "))}),[G]),K={allowAnimations:t,columnResizing:s,currentRows:a,draggable:c,draggedHeaderRef:d,forceUpdate:u,headerContainerRef:U,headersRef:v,hiddenColumns:h,hoveredHeaderRef:m,isWidthDragging:y,mainBodyRef:R,mainTemplateColumns:J,onSort:E,onTableHeaderDragEnd:I,pinnedLeftColumns:X,pinnedLeftTemplateColumns:F,pinnedRightColumns:G,pinnedRightTemplateColumns:Y,selectableColumns:L,setIsWidthDragging:B,setSelectedCells:M,shouldDisplayLastColumnCell:V,sort:O,sortDownIcon:A,sortUpIcon:P,tableBodyContainerRef:W},$={allowAnimations:t,currentRows:a,draggedHeaderRef:d,getBorderClass:b,handleMouseDown:g,handleMouseOver:f,headerContainerRef:U,headers:v.current,headersRef:v,hiddenColumns:h,hoveredHeaderRef:m,isRowExpanded:w,isSelected:k,isTopLeftCell:x,isWidthDragging:y,mainBodyRef:R,mainTemplateColumns:J,onCellChange:C,onExpandRowClick:z,onTableHeaderDragEnd:I,pinnedLeftColumns:X,pinnedLeftRef:D,pinnedLeftTemplateColumns:F,pinnedRightColumns:G,pinnedRightRef:H,pinnedRightTemplateColumns:Y,scrollbarHorizontalRef:S,scrollbarWidth:N,shouldDisplayLastColumnCell:V,shouldPaginate:T,tableBodyContainerRef:W};return e("div",p({className:"st-table-content",style:{width:i?"calc(100% - 27.5px)":"100%"}},{children:[n(Z,p({},K)),n(q,p({},$))]}))},ee=function(e){var n=e.callback,r=e.ref,t=e.widthAttribute;a((function(){var e=r.current;if(e){var o=function(){n(e[t]||0)};o();var s=new ResizeObserver((function(){o()}));return s.observe(e),function(){return s.disconnect()}}}),[n,r,t])},ne=function(r){r.headersRef;var s=r.mainBodyRef,a=r.pinnedLeftRef,l=r.pinnedRightRef,c=r.scrollbarHorizontalRef,d=r.tableContentWidth,i=t(0),u=i[0],b=i[1],g=t(0),f=g[0],v=g[1],h=t(0),m=h[0],w=h[1],k=o(null);return ee({widthAttribute:"offsetWidth",callback:b,ref:a}),ee({widthAttribute:"scrollWidth",callback:w,ref:s}),ee({widthAttribute:"offsetWidth",callback:v,ref:l}),Q(s,k),!s.current||s.current.scrollWidth<=s.current.clientWidth?null:n("div",p({className:"st-horizontal-scrollbar-container",ref:c},{children:e("div",p({style:{width:d}},{children:[u>0&&n("div",{className:"st-horizontal-scrollbar-left",style:{flexShrink:0,width:u}}),m>0&&n("div",p({className:"st-horizontal-scrollbar-middle",onScroll:function(e){var n=e.target.scrollLeft;void 0!==n&&s.current&&s.current.scrollTo({left:n,behavior:"auto"})},ref:k},{children:n("div",{style:{width:m}})})),f>0&&n("div",{className:"st-horizontal-scrollbar-right",style:{flexShrink:0,minWidth:f}})]}))}))},re=function(e,n){var r=t(null),o=r[0],s=r[1],a=t({}),c=a[0],d=a[1],i=l((function(){if(!o)return e;var r=function(e,n,r){var t=r?r.key:e[0],o="ascending";return r&&r.key.accessor===t.accessor&&"ascending"===r.direction&&(o="descending"),{sortedData:m([],n,!0).sort((function(e,n){var r,s,a,l,c=null!==(s=null===(r=null==e?void 0:e.rowData)||void 0===r?void 0:r[t.accessor])&&void 0!==s?s:"",d=null!==(l=null===(a=null==n?void 0:n.rowData)||void 0===a?void 0:a[t.accessor])&&void 0!==l?l:"";return c<d?"ascending"===o?1:-1:c>d?"ascending"===o?-1:1:0})),newSortConfig:{key:t,direction:o}}}(n,e,o).sortedData;return r}),[e,o,n]);return{sort:o,setSort:s,sortedRows:i,hiddenColumns:c,setHiddenColumns:d}};!function(e){e.Left="left",e.Right="right"}(D||(D={}));var te=function(r){var c=r.allowAnimations,d=void 0!==c&&c,i=r.columnEditorPosition,b=void 0===i?D.Right:i,g=r.columnEditorText,f=void 0===g?"Columns":g,h=r.columnResizing,m=void 0!==h&&h,z=r.defaultHeaders,E=r.draggable,H=void 0!==E&&E,S=r.editColumns,N=void 0!==S&&S,L=r.editColumnsInitOpen,B=void 0!==L&&L,M=r.height,T=r.hideFooter,O=void 0!==T&&T,A=r.nextIcon,P=void 0===A?n(x,{className:"st-next-prev-icon"}):A,W=r.onCellChange,U=r.prevIcon,j=void 0===U?n(k,{className:"st-next-prev-icon"}):U,V=r.rows,X=r.rowsPerPage,G=void 0===X?10:X,F=r.selectableCells,J=void 0!==F&&F,Y=r.selectableColumns,q=void 0!==Y&&Y,K=r.shouldPaginate,$=void 0!==K&&K,Q=r.sortDownIcon,Z=void 0===Q?n(C,{className:"st-sort-icon"}):Q,ee=r.sortUpIcon,te=void 0===ee?n(R,{className:"st-sort-icon"}):ee,oe=r.theme,se=void 0===oe?"light":oe,ae=t((function(){return function(e){var n=new Set,r=function(e){var t;e.rowMeta.isExpanded&&n.add(e.rowMeta.rowId.toString()),null===(t=e.rowMeta.children)||void 0===t||t.forEach(r)};return e.forEach(r),n}(V)})),le=ae[0],ce=ae[1],de=l((function(){return V.map((function(e,n){return p(p({},e),{originalRowIndex:n})}))}),[V]),ie=o(null),ue=o(z),be=o(null),ge=o(null),fe=o(null),ve=o(null),pe=o(null),he=o(null),me=t(!1),we=me[0],ke=me[1],xe=t(1),ye=xe[0],Re=xe[1],Ce=t(0),ze=Ce[0],Ee=Ce[1],Ie=t(0),De=Ie[0],He=Ie[1],Se=re(de,ue.current),Ne=Se.sort,Le=Se.setSort,Be=Se.sortedRows,Me=Se.hiddenColumns,Te=Se.setHiddenColumns,Oe=s((function(e){var n=String(e);ce((function(e){var r=new Set(e);return r.has(n)?r.delete(n):r.add(n),r}))}),[]),Ae=s((function(e){return le.has(String(e))}),[le]),Pe=v((function(e){return e+1}),0)[1],We=function(e){var n=e.selectableCells,r=e.headers,c=e.rows,d=t(new Set),i=d[0],u=d[1],b=o(!1),g=o(null),f=s((function(){var e=Array.from(i).reduce((function(e,n){var t=n.split("-").map(Number),o=t[0],s=t[1];return e[o]||(e[o]=[]),e[o][s]=c[o][r[s].accessor],e}),{}),n=Object.values(e).map((function(e){return Object.values(e).join("\t")})).join("\n");navigator.clipboard.writeText(n)}),[i,c,r]);a((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 v=s((function(e,n){return i.has("".concat(e,"-").concat(n))}),[i]),p=s((function(e,n){var r=[];return v(e-1,n)||r.push("st-selected-top-border"),v(e+1,n)||r.push("st-selected-bottom-border"),v(e,n-1)||r.push("st-selected-left-border"),v(e,n+1)||r.push("st-selected-right-border"),r.join(" ")}),[v]),h=l((function(){var e=Math.min.apply(Math,Array.from(i).map((function(e){return parseInt(e.split("-")[0])}))),n=Math.min.apply(Math,Array.from(i).map((function(e){return parseInt(e.split("-")[1])})));return function(r,t){return r===e&&t===n}}),[i]);return{selectedCells:i,handleMouseDown:function(e){var r=e.colIndex,t=e.rowIndex;n&&(b.current=!0,g.current={row:t,col:r},u(new Set(["".concat(t,"-").concat(r)])))},handleMouseOver:function(e,r){if(n&&b.current&&g.current){for(var t=new Set,o=Math.min(g.current.row,e),s=Math.max(g.current.row,e),a=Math.min(g.current.col,r),l=Math.max(g.current.col,r),c=o;c<=s;c++)for(var d=a;d<=l;d++)t.add("".concat(c,"-").concat(d));u(t)}},handleMouseUp:function(){b.current=!1,g.current=null},isSelected:v,getBorderClass:p,isTopLeftCell:h,setSelectedCells:u}}({selectableCells:J,headers:ue.current,rows:Be}),Ue=We.handleMouseDown,je=We.handleMouseOver,Ve=We.handleMouseUp,Xe=We.isSelected,Ge=We.getBorderClass,Fe=We.isTopLeftCell,Je=We.setSelectedCells,Ye=l((function(){return $?Be.slice((ye-1)*G,ye*G):Be}),[ye,G,$,Be]),qe=s((function(e,n){Le((function(r){return(null==r?void 0:r.key.accessor)!==n?{key:ue.current[e],direction:"ascending"}:"ascending"===(null==r?void 0:r.direction)?{key:ue.current[e],direction:"descending"}:null}))}),[Le]),Ke=s((function(e){ue.current=e,Pe()}),[]);return a((function(){var e=function(e){var n=e.target;n.closest(".st-cell")||q&&(n.classList.contains("st-header-cell")||n.classList.contains("st-header-label"))||Je(new Set)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[q,Je]),u((function(){if(he.current){var e=he.current.offsetWidth-he.current.clientWidth,n=he.current.clientWidth;Ee(e),He(n)}}),[]),n(y.Provider,p({value:{rows:V,tableRows:de}},{children:e("div",p({className:"simple-table-root st-wrapper theme-".concat(se),style:M?{height:M}:{}},{children:[e("div",p({className:"st-table-wrapper-container"},{children:[e("div",p({className:"st-table-wrapper",onMouseUp:Ve,onMouseLeave:Ve},{children:[n(_,{allowAnimations:d,columnResizing:m,currentRows:Ye,draggable:H,draggedHeaderRef:ie,editColumns:N,forceUpdate:Pe,getBorderClass:Ge,handleMouseDown:Ue,handleMouseOver:je,headers:ue.current,headersRef:ue,hiddenColumns:Me,hoveredHeaderRef:be,isRowExpanded:Ae,isSelected:Xe,isTopLeftCell:Fe,isWidthDragging:we,mainBodyRef:ge,onCellChange:W,onExpandRowClick:Oe,onSort:qe,onTableHeaderDragEnd:Ke,pinnedLeftRef:fe,pinnedRightRef:ve,scrollbarHorizontalRef:pe,scrollbarWidth:ze,selectableColumns:q,setIsWidthDragging:ke,setSelectedCells:Je,shouldPaginate:$,sort:Ne,sortDownIcon:Z,sortUpIcon:te,tableBodyContainerRef:he}),n(I,{columnEditorText:f,editColumns:N,editColumnsInitOpen:B,headers:ue.current,hiddenColumns:Me,position:b,setHiddenColumns:Te})]})),n(ne,{headersRef:ue,mainBodyRef:ge,pinnedLeftRef:fe,pinnedRightRef:ve,scrollbarHorizontalRef:pe,tableContentWidth:De})]})),n(w,{currentPage:ye,hideFooter:O,nextIcon:P,onPageChange:Re,prevIcon:j,rowsPerPage:G,shouldPaginate:$,totalRows:Be.length})]}))}))};te.defaultProps={allowAnimations:!1,columnEditorPosition:D.Right,columnEditorText:"Columns",columnResizing:!1,defaultHeaders:[],draggable:!1,editColumns:!1,editColumnsInitOpen:!1,height:"",hideFooter:!1,nextIcon:n(x,{className:"st-next-prev-icon"}),onCellChange:function(){},prevIcon:n(k,{className:"st-next-prev-icon"}),rows:[],rowsPerPage:10,selectableCells:!1,selectableColumns:!1,shouldPaginate:!1,sortDownIcon:n(C,{className:"st-sort-icon"}),sortUpIcon:n(R,{className:"st-sort-icon"}),theme:"light"};var oe=f(te);export{oe as SimpleTable};
1
+ import{jsxs as e,jsx as n,Fragment as r}from"react/jsx-runtime";import{useState as t,useRef as o,useCallback as a,useEffect as l,useMemo as i,createContext as s,forwardRef as d,useContext as c,useLayoutEffect as u,createElement as f,createRef as h,memo as v,useReducer as g}from"react";var m=function(){return m=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var o in n=arguments[r])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},m.apply(this,arguments)};function p(e,n){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)n.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(r[t[o]]=e[t[o]])}return r}function w(e,n,r){if(r||2===arguments.length)for(var t,o=0,a=n.length;o<a;o++)!t&&o in n||(t||(t=Array.prototype.slice.call(n,0,o)),t[o]=n[o]);return e.concat(t||Array.prototype.slice.call(n))}"function"==typeof SuppressedError&&SuppressedError;var R,C=function(r){var t=r.currentPage,o=r.hideFooter,a=r.nextIcon,l=r.onPageChange,i=r.prevIcon,s=r.rowsPerPage,d=r.shouldPaginate,c=r.totalRows,u=Math.ceil(c/s),f=t>1,h=t<u,v=function(e){e>=1&&e<=u&&l(e)};return o||!d?null:e("div",m({className:"st-footer"},{children:[n("button",m({className:"st-next-prev-btn ".concat(f?"":"disabled"),onClick:function(){return v(t-1)},disabled:!f},{children:i})),n("button",m({className:"st-next-prev-btn ".concat(h?"":"disabled"),onClick:function(){return v(t+1)},disabled:!h},{children:a})),Array.from({length:u},(function(e,r){return n("button",m({onClick:function(){return v(r+1)},className:"st-page-btn ".concat(t===r+1?"active":"")},{children:r+1}),r)}))]}))},b=function(e){var r=e.className;return n("svg",m({className:r,viewBox:"0 0 24 24",width:"24",height:"24",xmlns:"http://www.w3.org/2000/svg"},{children:n("path",{d:"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"})}))},x=function(e){var r=e.className;return n("svg",m({className:r,viewBox:"0 0 24 24",width:"24",height:"24",xmlns:"http://www.w3.org/2000/svg"},{children:n("path",{d:"M8.59 16.59L10 18l6-6-6-6-1.41 1.41L13.17 12z"})}))},y=s({rows:[],tableRows:[]}),I=function(e){var r=e.className;return n("svg",m({className:r,viewBox:"0 0 20 20",width:"20",height:"20",xmlns:"http://www.w3.org/2000/svg"},{children:n("path",{d:"M5.41 11.41L10 6.83l4.59 4.58L16 10l-6-6-6 6z"})}))},E=function(e){var r=e.className;return n("svg",m({className:r,viewBox:"0 0 20 20",width:"20",height:"20",xmlns:"http://www.w3.org/2000/svg"},{children:n("path",{d:"M5.41 7.59L10 12.17l4.59-4.58L16 9l-6 6-6-6z"})}))},D=function(r){var o=r.checked,a=void 0!==o&&o,l=r.children,i=r.onChange,s=t(a),d=s[0],c=s[1];return e("label",m({className:"st-checkbox-label"},{children:[n("input",{checked:d,className:"st-checkbox-input",onChange:function(){var e=!d;c(e),i&&i(e)},type:"checkbox"}),n("span",m({className:"st-checkbox-custom ".concat(d?"st-checked":"")},{children:d&&n("span",{className:"st-checkbox-checkmark"})})),l]}))},H=function(e){var r=e.headers,t=e.open,o=e.position;e.setOpen;var a=e.setHiddenColumns,l=e.hiddenColumns,i="left"===o?"left":"";return n("div",m({className:"st-column-editor-popout ".concat(t?"open":""," ").concat(i),onClick:function(e){return e.stopPropagation()}},{children:n("div",m({className:"st-column-editor-popout-content"},{children:r.map((function(e,r){return n(D,m({checked:l[e.accessor],onChange:function(n){var r;return a(m(m({},l),((r={})[e.accessor]=n,r)))}},{children:e.label}),r)}))}))}))},N=function(r){var o=r.columnEditorText,a=r.editColumns,l=r.editColumnsInitOpen,i=r.headers,s=r.position,d=void 0===s?"right":s,c=r.setHiddenColumns,u=r.hiddenColumns,f=t(l),h=f[0],v=f[1];return a?e("div",m({className:"st-column-editor ".concat(h?"open":""," ").concat(d),onClick:function(){return function(e){v(e)}(!h)}},{children:[n("div",m({className:"st-column-editor-text"},{children:o})),n(H,{headers:i,open:h,position:d,setOpen:v,setHiddenColumns:c,hiddenColumns:u})]})):null},S=function(e){var n=e.accessor,r=e.rowIndex;return"cell-".concat(n,"-").concat(r)},k=function(e){var n=e.hiddenColumns,r=e.header,t=e.pinned;return n[r.accessor]?null:!t&&!r.pinned||r.pinned===t||null},L=function(r){var t=r.value,o=r.onBlur,a=r.onChange;return e("select",m({value:t.toString(),onBlur:o,onChange:function(e){var n=e.target.value;a("true"===n)}},{children:[n("option",m({value:"true"},{children:"True"})),n("option",m({value:"false"},{children:"False"}))]}))},M=function(e){var r=e.defaultValue,t=e.onBlur,a=e.onChange,l=o(null);return n("input",{className:"editable-cell-input",ref:l,autoFocus:!0,type:"text",defaultValue:null!=r?r:"",onBlur:t,onChange:function(e){var n=e.target.value;a(n)}})},T=function(e){var r=e.defaultValue,t=e.onBlur,a=e.onChange,l=o(null);return n("input",{className:"editable-cell-input",ref:l,autoFocus:!0,defaultValue:r.toString(),onBlur:t,onChange:function(e){var n=e.target.value;/^\d*\.?\d*$/.test(n)&&a(n)}})},B=function(e){var t=e.onChange,o=e.setIsEditing,a=e.value,l=function(e){null==t||t(e)},i=function(){o(!1)};return n(r,{children:"string"==typeof a||null==a?n(M,{defaultValue:a,onBlur:i,onChange:l}):"boolean"==typeof a?n(L,{onBlur:i,onChange:l,value:a}):"number"==typeof a?n(T,{defaultValue:a,onBlur:i,onChange:l}):null})},O=0,A=function(){return function(e){var n=e.callback,r=e.callbackProps,t=e.limit,o=Date.now();(0===O||o-O>=t)&&(O=o,n(r))}},P=Date.now(),W={screenX:0,screenY:0},z=function(e){var n,r,t=e.draggedHeaderRef,a=e.headersRef,i=e.hoveredHeaderRef,s=e.onTableHeaderDragEnd,d=(n=a.current,r=o(n),l((function(){r.current=n}),[n]),r.current);return{handleDragStart:function(e){t.current=e,P=Date.now()},handleDragOver:function(e){var n,r=e.event,o=e.hoveredHeader;if(r.preventDefault(),a.current){var l=r.currentTarget.getAnimations().some((function(e){return"running"===e.playState})),c=r.screenX,u=r.screenY,f=Math.sqrt(Math.pow(c-W.screenX,2)+Math.pow(u-W.screenY,2));i.current=o;var h=w([],a.current,!0),v=h.findIndex((function(e){var n;return e.accessor===(null===(n=t.current)||void 0===n?void 0:n.accessor)})),g=h.findIndex((function(e){return e.accessor===o.accessor})),m=h.splice(v,1)[0];if(h.splice(g,0,m),!(l||o.accessor===(null===(n=t.current)||void 0===n?void 0:n.accessor)||null===t.current||f<10||void 0===v||void 0===g||JSON.stringify(h)===JSON.stringify(a.current))){var p=Date.now();JSON.stringify(h)===JSON.stringify(d)&&p-P<800&&f<50||(P=p,W={screenX:c,screenY:u},s(h))}}},handleDragEnd:function(){t.current=null,i.current=null}}},U=d((function(r,o){var a,i=r.borderClass,s=r.cellHasChildren,d=r.colIndex,u=r.content,f=r.depth,h=r.draggedHeaderRef,v=r.header,g=r.headersRef,p=r.hoveredHeaderRef,w=r.isRowExpanded,R=r.isSelected,C=r.isTopLeftCell,b=r.onCellChange,I=r.onExpandRowClick,D=r.onMouseDown,H=r.onMouseOver,N=r.onTableHeaderDragEnd,k=r.row,L=r.rowIndex,M=c(y),T=M.rows,O=M.tableRows,P=t(u),W=P[0],U=P[1],j=t(!1),F=j[0],G=j[1],V=z({draggedHeaderRef:h,headersRef:g,hoveredHeaderRef:p,onTableHeaderDragEnd:N}).handleDragOver,J=A(),X=Boolean(null==v?void 0:v.isEditable),Y=L%2==0,q="st-cell ".concat(f>0&&v.expandable?"st-cell-depth-".concat(f):""," ").concat(R?C?"st-cell-selected-first-cell ".concat(i):"st-cell-selected ".concat(i):""," ").concat(Y?"st-cell-odd-row":"st-cell-even-row"," ").concat(X?"clickable":""," ").concat("right"===v.align?"right-aligned":"");l((function(){"object"!=typeof u&&U(u)}),[u]),l((function(){}),[v.accessor,W,T,null===(a=k.rowMeta)||void 0===a?void 0:a.rowId,O]);return F?n("div",m({className:"st-cell-editing ".concat(Y?"st-cell-odd-row":"st-cell-even-row"),id:S({accessor:v.accessor,rowIndex:L+1})},{children:n(B,{onChange:function(e){var n;U(e),null==b||b({accessor:v.accessor,newValue:e,newRowIndex:L,originalRowIndex:null===(n=k.rowMeta)||void 0===n?void 0:n.rowId,row:k})},setIsEditing:G,value:W})})):e("div",m({className:q,id:S({accessor:v.accessor,rowIndex:L+1}),onDoubleClick:function(){return v.isEditable&&G(!0)},onMouseDown:function(){return D(L,d)},onMouseOver:function(){return H(L,d)},onDragOver:function(e){return J({callback:V,callbackProps:{event:e,hoveredHeader:v},limit:50})},ref:o},{children:[v.expandable&&s?w(k.rowMeta.rowId)?n("div",m({className:"st-sort-icon-container",onClick:function(){return I(k.rowMeta.rowId)}},{children:n(E,{className:"st-sort-icon"})})):n("div",m({className:"st-sort-icon-container",onClick:function(){return I(k.rowMeta.rowId)}},{children:n(x,{className:"st-sort-icon"})})):null,n("span",{children:W})]}))})),j=d((function(e,r){return e.visible?n("div",{className:"st-cell",ref:r}):n("div",{ref:r})})),F=function(e){var r=e.lastGroupRow;return n("div",{className:"st-row-separator ".concat(r?"st-last-group-row":"")})},G=function(e){var t=e.allowAnimations,o=e.children,a=p(e,["allowAnimations","children"]);return t?n(V,m({},a,{children:o})):n(r,{children:o})},V=function(e){var a=e.allowHorizontalAnimate,i=void 0===a||a,s=e.children,d=e.draggedHeaderRef,c=e.headersRef,f=e.isBody,h=e.mainBodyRef,v=e.pauseAnimation,g=e.rowIndex,m=o(!1),p=t({}),w=p[0],R=p[1],C=o({}),b=c.current;return u((function(){if(b){var e=function(e){var n=e.currentHeaders,r=e.draggedHeaderRef,t=e.rowIndex,o={};return n.forEach((function(e){var n;if(e){var a=document.getElementById(S({accessor:e.accessor,rowIndex:t}));if(a){var l=a.getAnimations().some((function(e){return"running"===e.playState})),i=a.getBoundingClientRect();l&&(null===(n=null==r?void 0:r.current)||void 0===n?void 0:n.accessor)!==e.accessor?o[e.accessor]=!1:o[e.accessor]=i}}})),o}({currentHeaders:b,draggedHeaderRef:d,rowIndex:g});JSON.stringify(e)!==JSON.stringify(w)&&(C.current=w,R(e))}}),[w,b,d,f,g]),u((function(){var e=h.current,n=function(){m.current=!0},r=function(){m.current=!1};return null==e||e.addEventListener("scroll",n),null==e||e.addEventListener("scrollend",r),function(){null==e||e.removeEventListener("scroll",n),null==e||e.removeEventListener("scrollend",r)}}),[d,h]),l((function(){v||m.current||Object.keys(C.current).length&&b&&b.forEach((function(e){var n=document.getElementById(S({accessor:e.accessor,rowIndex:g}));if(n){var r=C.current[e.accessor],t=w[e.accessor];if(r&&t){var o=r.left-t.left,a=i?0:r.top-t.top,l=Math.abs(o),s=Math.abs(a);(l>10||s>10)&&requestAnimationFrame((function(){n.style.transform="translate(".concat(o,"px, ").concat(a,"px)"),n.style.transition="transform 0s",requestAnimationFrame((function(){n.style.transform="",n.style.transition="transform ".concat(400,"ms ease-out")}))}))}}}))}),[i,w,b,f,v,C,g]),n(r,{children:s})},J=function(r){var t,o=r.getBorderClass,a=r.handleMouseDown,l=r.handleMouseOver,i=r.headers,s=r.hiddenColumns,d=r.isRowExpanded,c=r.isSelected,u=r.isTopLeftCell,v=r.lastGroupRow,g=r.onExpandRowClick,w=r.pinned,R=r.row,C=r.rowIndex,b=r.shouldDisplayLastColumnCell,x=p(r,["getBorderClass","handleMouseDown","handleMouseOver","headers","hiddenColumns","isRowExpanded","isSelected","isTopLeftCell","lastGroupRow","onExpandRowClick","pinned","row","rowIndex","shouldDisplayLastColumnCell"]),y=null===(t=R.rowMeta)||void 0===t?void 0:t.children;return e(G,m({allowAnimations:x.allowAnimations,allowHorizontalAnimate:x.shouldPaginate,draggedHeaderRef:x.draggedHeaderRef,headersRef:x.headersRef,isBody:!0,mainBodyRef:x.mainBodyRef,pauseAnimation:x.isWidthDragging,rowIndex:C+1},{children:[0!==C&&n(F,{lastGroupRow:v}),i.map((function(e,n){if(!k({hiddenColumns:s,header:e,pinned:w}))return null;var r=R.rowData[e.accessor];return e.cellRenderer&&(r=e.cellRenderer(R)),f(U,m({},x,{borderClass:o(C,n),cellHasChildren:((null==y?void 0:y.length)||0)>0,colIndex:n,content:r,header:e,isRowExpanded:d,isSelected:c(C,n),isTopLeftCell:u(C,n),key:n,onExpandRowClick:g,onMouseDown:function(){return a({rowIndex:C,colIndex:n})},onMouseOver:function(){return l(C,n)},row:R,rowIndex:C}))})),n(j,{ref:h(),visible:b})]}))},X=function(t){var o,a,l,i=t.depth,s=void 0===i?0:i,d=t.getNextRowIndex,c=t.index,u=t.lastGroupRow,h=t.pinned,v=t.props,g=t.row,p=((null===(a=null===(o=g.rowMeta)||void 0===o?void 0:o.children)||void 0===a?void 0:a.length)||0)>0,w=d(),R=(null===(l=g.rowMeta)||void 0===l?void 0:l.children)||[];return e(r,{children:[f(J,m({},v,{depth:s,lastGroupRow:u,key:c,pinned:h,row:g,rowIndex:w})),p&&v.isRowExpanded(g.rowMeta.rowId)&&R.map((function(e,r){return n(X,{depth:s+1,getNextRowIndex:d,index:r,pinned:h,props:v,row:e},r)}))]})},Y=function(e){e.headerContainerRef;var r=e.isRowExpanded,t=e.onExpandRowClick,a=e.pinned,i=e.rows,s=e.sectionRef,d=e.templateColumns,c=p(e,["headerContainerRef","isRowExpanded","onExpandRowClick","pinned","rows","sectionRef","templateColumns"]),u=a?"st-table-body-pinned-".concat(a):"st-table-body-main",f=o(0);l((function(){f.current=0}));var h=function(){return f.current++};return n("div",m({className:u,ref:s,style:{gridTemplateColumns:d}},{children:i.map((function(e,o){var l,i;return n(X,{getNextRowIndex:h,index:o,lastGroupRow:Boolean(null===(i=null===(l=e.rowMeta)||void 0===l?void 0:l.children)||void 0===i?void 0:i.length),pinned:a,props:m(m({},c),{isRowExpanded:r,onExpandRowClick:t}),row:e},o)}))}))},q=function(r){var o=r.currentRows,a=r.headerContainerRef,i=r.isRowExpanded,s=r.mainBodyRef,d=r.mainTemplateColumns,c=r.onExpandRowClick,u=r.pinnedLeftColumns,f=r.pinnedLeftRef,h=r.pinnedLeftTemplateColumns,v=r.pinnedRightColumns,g=r.pinnedRightRef,p=r.pinnedRightTemplateColumns,w=r.scrollbarHorizontalRef,R=r.scrollbarWidth,C=r.tableBodyContainerRef;return function(e){var n=e.headerContainerRef,r=e.mainSectionRef,o=e.scrollbarHorizontalRef,a=e.scrollbarWidth,i=t(!1),s=i[0],d=i[1];l((function(){var e=null==n?void 0:n.current,r=null==o?void 0:o.current;if(s&&e)return e.classList.add("st-header-scroll-padding"),null==r||r.classList.add("st-header-scroll-padding"),e.style.setProperty("--st-after-width","".concat(a,"px")),null==r||r.style.setProperty("--st-after-width","".concat(a,"px")),function(){e.classList.remove("st-header-scroll-padding"),null==r||r.classList.remove("st-header-scroll-padding")}}),[n,s,o,a]),l((function(){var e=null==n?void 0:n.current,t=null==r?void 0:r.current;if(t&&e){var o=function(){if(t){var e=t.scrollHeight>t.clientHeight;d(e)}};o();var a=new ResizeObserver((function(){o()}));return a.observe(t),function(){t&&a.unobserve(t)}}}),[n,r])}({headerContainerRef:a,mainSectionRef:C,scrollbarHorizontalRef:w,scrollbarWidth:R}),e("div",m({className:"st-table-body-container",ref:C},{children:[u.length>0&&n(Y,m({},r,{rows:o,templateColumns:h,pinned:"left",sectionRef:f,isRowExpanded:i,onExpandRowClick:c})),n(Y,m({},r,{rows:o,templateColumns:d,sectionRef:s,isRowExpanded:i,onExpandRowClick:c})),v.length>0&&n(Y,m({},r,{rows:o,templateColumns:p,pinned:"right",sectionRef:g,isRowExpanded:i,onExpandRowClick:c}))]}))},K=function(e){var n=e.event,r=e.forceUpdate,t=e.header,o=e.headersRef,a=e.index;e.reverse;var l=e.setIsWidthDragging;l(!0),n.preventDefault();var i=n.clientX;if(t){var s=t.width,d=function(e){var n=Math.max(s+(e.clientX-i),40);t&&o.current&&(o.current[a].width=n,r())},c=function(){document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",c),l(!1)};document.addEventListener("mousemove",d),document.addEventListener("mouseup",c)}},$=d((function(r,o){var a,i=r.columnResizing,s=r.currentRows,d=r.draggable,c=r.draggedHeaderRef,u=r.forceUpdate,f=r.headersRef,h=r.hoveredHeaderRef,v=r.index,g=r.onSort,p=r.onTableHeaderDragEnd,w=r.reverse,R=r.selectableColumns,C=r.setIsWidthDragging,b=r.setSelectedCells,x=r.sort,y=r.sortDownIcon,I=r.sortUpIcon,E=t(!1),D=E[0],H=E[1],N=null===(a=f.current)||void 0===a?void 0:a[v],k=Boolean(null==N?void 0:N.isSortable),L="st-header-cell ".concat(N===h.current?"st-hovered":""," ").concat(D?"st-dragging":""," ").concat(k?"clickable":""," ").concat(d&&!k?"draggable":""," ").concat("right"===(null==N?void 0:N.align)?"right-aligned":""),M=z({draggedHeaderRef:c,headersRef:f,hoveredHeaderRef:h,onTableHeaderDragEnd:p}),T=M.handleDragStart,B=M.handleDragEnd,O=z({draggedHeaderRef:c,headersRef:f,hoveredHeaderRef:h,onTableHeaderDragEnd:p}).handleDragOver,P=A(),W=function(e){var n=e.event,r=e.header;if(R){var t=s.length,o=Array.from({length:t},(function(e,n){return"".concat(n,"-").concat(v)})),a=function(e,n){var r=new Set,o=Math.min(e,n),a=Math.max(e,n);return Array.from({length:t}).forEach((function(e,n){Array.from({length:a-o+1}).forEach((function(e,t){r.add("".concat(n,"-").concat(o+t))}))})),r};n.shiftKey?b((function(e){var n,r=Number(null===(n=Array.from(e)[0])||void 0===n?void 0:n.split("-")[1]),t=Number(o[0].split("-")[1]);return r===t?new Set(o):r>t?a(t,r):a(r,t)})):b(new Set(o))}else r.isSortable&&g(v,r.accessor)};if(l((function(){var e=function(e){e.preventDefault(),e.dataTransfer.dropEffect="move"};return document.addEventListener("dragover",e),function(){document.removeEventListener("dragover",e)}}),[]),!N)return null;var U=i&&n("div",{className:"st-header-resize-handle",onMouseDown:function(e){P({callback:K,callbackProps:{event:e,forceUpdate:u,header:N,headersRef:f,index:v,setIsWidthDragging:C},limit:10})}});return e("div",m({className:L,id:S({accessor:N.accessor,rowIndex:0}),onDragOver:function(e){P({callback:O,callbackProps:{event:e,hoveredHeader:N},limit:50})},ref:o,style:{width:N.width}},{children:[w&&U,n("div",m({className:"st-header-label",draggable:d,onClick:function(e){return W({event:e,header:N})},onDragEnd:function(e){e.preventDefault(),H(!1),B()},onDragStart:function(e){d&&N&&function(e){H(!0),T(e)}(N)},onMouseEnter:function(){return document.body.style.overflow="hidden"},onMouseLeave:function(){return document.body.style.overflow="auto"}},{children:null==N?void 0:N.label})),x&&x.key.accessor===N.accessor&&e("div",m({className:"st-sort-icon-container",onClick:function(e){return W({event:e,header:N})}},{children:["ascending"===x.direction&&I&&I,"descending"===x.direction&&y&&y]})),!w&&U]}))})),Q=function(e,n){l((function(){if(e.current){var r=e.current,t=function(){var e,t=null==r?void 0:r.scrollLeft;void 0!==t&&(null===(e=n.current)||void 0===e||e.scrollTo(t,0))};return r.addEventListener("scroll",t),function(){null==r||r.removeEventListener("scroll",t)}}}),[e,n])},Z=function(r){var t,a,l,i=r.allowAnimations,s=r.columnResizing,d=r.currentRows,c=r.draggable,u=r.draggedHeaderRef,f=r.forceUpdate,v=r.headerContainerRef,g=r.headersRef,p=r.hiddenColumns,w=r.hoveredHeaderRef,R=r.isWidthDragging,C=r.mainTemplateColumns,b=r.onSort,x=r.onTableHeaderDragEnd,y=r.pinnedLeftColumns,I=r.pinnedLeftTemplateColumns,E=r.pinnedRightColumns,D=r.pinnedRightTemplateColumns,H=r.selectableColumns,N=r.setIsWidthDragging,S=r.setSelectedCells,L=r.shouldDisplayLastColumnCell,M=r.sort,T=r.sortDownIcon,B=r.sortUpIcon,O=r.mainBodyRef,A=o(null);Q(O,A);return e("div",m({className:"st-header-container",ref:v},{children:[y.length>0&&n("div",m({className:"st-header-pinned-left",style:{gridTemplateColumns:I}},{children:n(G,m({allowAnimations:i,draggedHeaderRef:u,headersRef:g,mainBodyRef:O,pauseAnimation:R,rowIndex:0},{children:null===(t=g.current)||void 0===t?void 0:t.map((function(e,r){return k({hiddenColumns:p,header:e,pinned:"left"})?n($,{columnResizing:s,currentRows:d,draggable:c,draggedHeaderRef:u,forceUpdate:f,headersRef:g,hoveredHeaderRef:w,index:r,onSort:b,onTableHeaderDragEnd:x,ref:h(),selectableColumns:H,setIsWidthDragging:N,setSelectedCells:S,sort:M,sortDownIcon:T,sortUpIcon:B},e.accessor):null}))}))})),n("div",m({className:"st-header-main",onScroll:function(e){var n,r,t=null===(n=A.current)||void 0===n?void 0:n.scrollLeft;void 0!==t&&(null===(r=O.current)||void 0===r||r.scrollTo(t,0))},ref:A,style:{gridTemplateColumns:C}},{children:e(G,m({allowAnimations:i,draggedHeaderRef:u,headersRef:g,mainBodyRef:O,pauseAnimation:R,rowIndex:0},{children:[null===(a=g.current)||void 0===a?void 0:a.map((function(e,r){return k({hiddenColumns:p,header:e})?n($,{columnResizing:s,currentRows:d,draggable:c,draggedHeaderRef:u,forceUpdate:f,headersRef:g,hoveredHeaderRef:w,index:r,onSort:b,onTableHeaderDragEnd:x,ref:h(),selectableColumns:H,setIsWidthDragging:N,setSelectedCells:S,sort:M,sortDownIcon:T,sortUpIcon:B},e.accessor):null})),n(j,{ref:h(),visible:L})]}))})),E.length>0&&n("div",m({className:"st-header-pinned-right",style:{gridTemplateColumns:D}},{children:e(G,m({allowAnimations:i,draggedHeaderRef:u,headersRef:g,mainBodyRef:O,pauseAnimation:R,rowIndex:0},{children:[null===(l=g.current)||void 0===l?void 0:l.map((function(e,r){return k({hiddenColumns:p,header:e,pinned:"right"})?n($,{columnResizing:s,currentRows:d,draggable:c,draggedHeaderRef:u,forceUpdate:f,headersRef:g,hoveredHeaderRef:w,index:r,onSort:b,onTableHeaderDragEnd:x,reverse:!0,ref:h(),selectableColumns:H,setIsWidthDragging:N,setSelectedCells:S,sort:M,sortDownIcon:T,sortUpIcon:B},e.accessor):null})),n(j,{ref:h(),visible:L})]}))}))]}))},_=function(r){var t=r.allowAnimations,a=r.columnResizing,l=r.currentRows,s=r.draggable,d=r.draggedHeaderRef,c=r.editColumns,u=r.forceUpdate,f=r.getBorderClass,h=r.handleMouseDown,v=r.handleMouseOver,g=r.headersRef,p=r.hiddenColumns,w=r.hoveredHeaderRef,R=r.isRowExpanded,C=r.isSelected,b=r.isTopLeftCell,x=r.isWidthDragging,y=r.mainBodyRef,I=r.onCellChange,E=r.onExpandRowClick,D=r.onSort,H=r.onTableHeaderDragEnd,N=r.pinnedLeftRef,S=r.pinnedRightRef,k=r.scrollbarHorizontalRef,L=r.scrollbarWidth,M=r.selectableColumns,T=r.setIsWidthDragging,B=r.setSelectedCells,O=r.shouldPaginate,A=r.sort,P=r.sortDownIcon,W=r.sortUpIcon,z=r.tableBodyContainerRef,U=o(null),j=g.current.filter((function(e){return!e.hide&&!e.pinned})),F=i((function(){return!!y.current&&j.reduce((function(e,n){return e+n.width}),0)<y.current.clientWidth}),[j,y]),G=g.current.filter((function(e){return"left"===e.pinned&&!0!==e.hide})),V=g.current.filter((function(e){return"right"===e.pinned&&!0!==e.hide})),J=i((function(){return"".concat(G.map((function(e){return"".concat(e.width,"px")})).join(" "))}),[G]),X=i((function(){return"".concat(j.filter((function(e){return!0!==p[e.accessor]})).map((function(e){return"".concat(e.width,"px")})).join(" ")," 1fr")}),[j,p]),Y=i((function(){return"".concat(V.map((function(e){return"".concat(e.width,"px")})).join(" "))}),[V]),K={allowAnimations:t,columnResizing:a,currentRows:l,draggable:s,draggedHeaderRef:d,forceUpdate:u,headerContainerRef:U,headersRef:g,hiddenColumns:p,hoveredHeaderRef:w,isWidthDragging:x,mainBodyRef:y,mainTemplateColumns:X,onSort:D,onTableHeaderDragEnd:H,pinnedLeftColumns:G,pinnedLeftTemplateColumns:J,pinnedRightColumns:V,pinnedRightTemplateColumns:Y,selectableColumns:M,setIsWidthDragging:T,setSelectedCells:B,shouldDisplayLastColumnCell:F,sort:A,sortDownIcon:P,sortUpIcon:W,tableBodyContainerRef:z},$={allowAnimations:t,currentRows:l,draggedHeaderRef:d,getBorderClass:f,handleMouseDown:h,handleMouseOver:v,headerContainerRef:U,headers:g.current,headersRef:g,hiddenColumns:p,hoveredHeaderRef:w,isRowExpanded:R,isSelected:C,isTopLeftCell:b,isWidthDragging:x,mainBodyRef:y,mainTemplateColumns:X,onCellChange:I,onExpandRowClick:E,onTableHeaderDragEnd:H,pinnedLeftColumns:G,pinnedLeftRef:N,pinnedLeftTemplateColumns:J,pinnedRightColumns:V,pinnedRightRef:S,pinnedRightTemplateColumns:Y,scrollbarHorizontalRef:k,scrollbarWidth:L,shouldDisplayLastColumnCell:F,shouldPaginate:O,tableBodyContainerRef:z};return e("div",m({className:"st-table-content",style:{width:c?"calc(100% - 27.5px)":"100%"}},{children:[n(Z,m({},K)),n(q,m({},$))]}))},ee=function(e){var n=e.callback,r=e.ref,t=e.widthAttribute;l((function(){var e=r.current;if(e){var o=function(){n(e[t]||0)};o();var a=new ResizeObserver((function(){o()}));return a.observe(e),function(){return a.disconnect()}}}),[n,r,t])},ne=function(r){r.headersRef;var a=r.mainBodyRef,l=r.pinnedLeftRef,i=r.pinnedRightRef,s=r.scrollbarHorizontalRef,d=r.tableContentWidth,c=t(0),u=c[0],f=c[1],h=t(0),v=h[0],g=h[1],p=t(0),w=p[0],R=p[1],C=o(null);return ee({widthAttribute:"offsetWidth",callback:f,ref:l}),ee({widthAttribute:"scrollWidth",callback:R,ref:a}),ee({widthAttribute:"offsetWidth",callback:g,ref:i}),Q(a,C),!a.current||a.current.scrollWidth<=a.current.clientWidth?null:n("div",m({className:"st-horizontal-scrollbar-container",ref:s},{children:e("div",m({style:{width:d}},{children:[u>0&&n("div",{className:"st-horizontal-scrollbar-left",style:{flexShrink:0,width:u}}),w>0&&n("div",m({className:"st-horizontal-scrollbar-middle",onScroll:function(e){var n=e.target.scrollLeft;void 0!==n&&a.current&&a.current.scrollTo({left:n,behavior:"auto"})},ref:C},{children:n("div",{style:{width:w}})})),v>0&&n("div",{className:"st-horizontal-scrollbar-right",style:{flexShrink:0,minWidth:v}})]}))}))},re=function(e,n){var r=t(null),o=r[0],a=r[1],l=t({}),s=l[0],d=l[1],c=i((function(){if(!o)return e;var r=function(e,n,r){var t=r?r.key:e[0],o="ascending";return r&&r.key.accessor===t.accessor&&"ascending"===r.direction&&(o="descending"),{sortedData:w([],n,!0).sort((function(e,n){var r,a,l,i,s=null!==(a=null===(r=null==e?void 0:e.rowData)||void 0===r?void 0:r[t.accessor])&&void 0!==a?a:"",d=null!==(i=null===(l=null==n?void 0:n.rowData)||void 0===l?void 0:l[t.accessor])&&void 0!==i?i:"";return s<d?"ascending"===o?1:-1:s>d?"ascending"===o?-1:1:0})),newSortConfig:{key:t,direction:o}}}(n,e,o).sortedData;return r}),[e,o,n]);return{sort:o,setSort:a,sortedRows:c,hiddenColumns:s,setHiddenColumns:d}};!function(e){e.Left="left",e.Right="right"}(R||(R={}));var te=function(r){var s=r.allowAnimations,d=void 0!==s&&s,c=r.columnEditorPosition,f=void 0===c?R.Right:c,h=r.columnEditorText,v=void 0===h?"Columns":h,p=r.columnResizing,w=void 0!==p&&p,D=r.defaultHeaders,H=r.draggable,S=void 0!==H&&H,k=r.editColumns,L=void 0!==k&&k,M=r.editColumnsInitOpen,T=void 0!==M&&M,B=r.height,O=r.hideFooter,A=void 0!==O&&O,P=r.nextIcon,W=void 0===P?n(x,{className:"st-next-prev-icon"}):P,z=r.onCellChange,U=r.prevIcon,j=void 0===U?n(b,{className:"st-next-prev-icon"}):U,F=r.rows,G=r.rowsPerPage,V=void 0===G?10:G,J=r.selectableCells,X=void 0!==J&&J,Y=r.selectableColumns,q=void 0!==Y&&Y,K=r.shouldPaginate,$=void 0!==K&&K,Q=r.sortDownIcon,Z=void 0===Q?n(E,{className:"st-sort-icon"}):Q,ee=r.sortUpIcon,te=void 0===ee?n(I,{className:"st-sort-icon"}):ee,oe=r.theme,ae=void 0===oe?"light":oe,le=t((function(){return function(e){var n=new Set,r=function(e){var t;e.rowMeta.isExpanded&&n.add(e.rowMeta.rowId.toString()),null===(t=e.rowMeta.children)||void 0===t||t.forEach(r)};return e.forEach(r),n}(F)})),ie=le[0],se=le[1],de=i((function(){return F.map((function(e,n){return m(m({},e),{originalRowIndex:n})}))}),[F]),ce=o(null),ue=o(D),fe=o(null),he=o(null),ve=o(null),ge=o(null),me=o(null),pe=o(null),we=t(!1),Re=we[0],Ce=we[1],be=t(1),xe=be[0],ye=be[1],Ie=t(0),Ee=Ie[0],De=Ie[1],He=t(0),Ne=He[0],Se=He[1],ke=re(de,ue.current),Le=ke.sort,Me=ke.setSort,Te=ke.sortedRows,Be=ke.hiddenColumns,Oe=ke.setHiddenColumns,Ae=a((function(e){var n=String(e);se((function(e){var r=new Set(e);return r.has(n)?r.delete(n):r.add(n),r}))}),[]),Pe=a((function(e){return ie.has(String(e))}),[ie]),We=g((function(e){return e+1}),0)[1],ze=function(e){var n=e.selectableCells,r=e.headers,s=e.rows,d=t(new Set),c=d[0],u=d[1],f=o(!1),h=o(null),v=a((function(){var e=Array.from(c).reduce((function(e,n){var t=n.split("-").map(Number),o=t[0],a=t[1];return e[o]||(e[o]=[]),e[o][a]=s[o][r[a].accessor],e}),{}),n=Object.values(e).map((function(e){return Object.values(e).join("\t")})).join("\n");navigator.clipboard.writeText(n)}),[c,s,r]);l((function(){var e=function(e){(e.ctrlKey||e.metaKey)&&"c"===e.key&&v()};return document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}}),[v]);var g=a((function(e,n){return c.has("".concat(e,"-").concat(n))}),[c]),m=a((function(e,n){var r=[];return g(e-1,n)||r.push("st-selected-top-border"),g(e+1,n)||r.push("st-selected-bottom-border"),g(e,n-1)||r.push("st-selected-left-border"),g(e,n+1)||r.push("st-selected-right-border"),r.join(" ")}),[g]),p=i((function(){var e=Math.min.apply(Math,Array.from(c).map((function(e){return parseInt(e.split("-")[0])}))),n=Math.min.apply(Math,Array.from(c).map((function(e){return parseInt(e.split("-")[1])})));return function(r,t){return r===e&&t===n}}),[c]);return{selectedCells:c,handleMouseDown:function(e){var r=e.colIndex,t=e.rowIndex;n&&(f.current=!0,h.current={row:t,col:r},u(new Set(["".concat(t,"-").concat(r)])))},handleMouseOver:function(e,r){if(n&&f.current&&h.current){for(var t=new Set,o=Math.min(h.current.row,e),a=Math.max(h.current.row,e),l=Math.min(h.current.col,r),i=Math.max(h.current.col,r),s=o;s<=a;s++)for(var d=l;d<=i;d++)t.add("".concat(s,"-").concat(d));u(t)}},handleMouseUp:function(){f.current=!1,h.current=null},isSelected:g,getBorderClass:m,isTopLeftCell:p,setSelectedCells:u}}({selectableCells:X,headers:ue.current,rows:Te}),Ue=ze.handleMouseDown,je=ze.handleMouseOver,Fe=ze.handleMouseUp,Ge=ze.isSelected,Ve=ze.getBorderClass,Je=ze.isTopLeftCell,Xe=ze.setSelectedCells,Ye=i((function(){return $?Te.slice((xe-1)*V,xe*V):Te}),[xe,V,$,Te]),qe=a((function(e,n){Me((function(r){return(null==r?void 0:r.key.accessor)!==n?{key:ue.current[e],direction:"ascending"}:"ascending"===(null==r?void 0:r.direction)?{key:ue.current[e],direction:"descending"}:null}))}),[Me]),Ke=a((function(e){ue.current=e,We()}),[]);return l((function(){var e=function(e){var n=e.target;n.closest(".st-cell")||q&&(n.classList.contains("st-header-cell")||n.classList.contains("st-header-label"))||Xe(new Set)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[q,Xe]),u((function(){if(pe.current){var e=pe.current.offsetWidth-pe.current.clientWidth,n=pe.current.clientWidth;De(e),Se(n)}}),[]),n(y.Provider,m({value:{rows:F,tableRows:de}},{children:e("div",m({className:"simple-table-root st-wrapper theme-".concat(ae),style:B?{height:B}:{}},{children:[e("div",m({className:"st-table-wrapper-container"},{children:[e("div",m({className:"st-table-wrapper",onMouseUp:Fe,onMouseLeave:Fe},{children:[n(_,{allowAnimations:d,columnResizing:w,currentRows:Ye,draggable:S,draggedHeaderRef:ce,editColumns:L,forceUpdate:We,getBorderClass:Ve,handleMouseDown:Ue,handleMouseOver:je,headers:ue.current,headersRef:ue,hiddenColumns:Be,hoveredHeaderRef:fe,isRowExpanded:Pe,isSelected:Ge,isTopLeftCell:Je,isWidthDragging:Re,mainBodyRef:he,onCellChange:z,onExpandRowClick:Ae,onSort:qe,onTableHeaderDragEnd:Ke,pinnedLeftRef:ve,pinnedRightRef:ge,scrollbarHorizontalRef:me,scrollbarWidth:Ee,selectableColumns:q,setIsWidthDragging:Ce,setSelectedCells:Xe,shouldPaginate:$,sort:Le,sortDownIcon:Z,sortUpIcon:te,tableBodyContainerRef:pe}),n(N,{columnEditorText:v,editColumns:L,editColumnsInitOpen:T,headers:ue.current,hiddenColumns:Be,position:f,setHiddenColumns:Oe})]})),n(ne,{headersRef:ue,mainBodyRef:he,pinnedLeftRef:ve,pinnedRightRef:ge,scrollbarHorizontalRef:me,tableContentWidth:Ne})]})),n(C,{currentPage:xe,hideFooter:A,nextIcon:W,onPageChange:ye,prevIcon:j,rowsPerPage:V,shouldPaginate:$,totalRows:Te.length})]}))}))};te.defaultProps={allowAnimations:!1,columnEditorPosition:R.Right,columnEditorText:"Columns",columnResizing:!1,defaultHeaders:[],draggable:!1,editColumns:!1,editColumnsInitOpen:!1,height:"",hideFooter:!1,nextIcon:n(x,{className:"st-next-prev-icon"}),onCellChange:function(){},prevIcon:n(b,{className:"st-next-prev-icon"}),rows:[],rowsPerPage:10,selectableCells:!1,selectableColumns:!1,shouldPaginate:!1,sortDownIcon:n(E,{className:"st-sort-icon"}),sortUpIcon:n(I,{className:"st-sort-icon"}),theme:"light"};var oe=v(te);export{oe as SimpleTable};
2
2
  //# sourceMappingURL=index.es.js.map
package/dist/index.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode"],"mappings":"q+HAAA,SAAqBA,EAAKC,QACX,IAARA,IAAiBA,EAAM,CAAA,GAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAKF,GAA2B,oBAAbG,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBY,CAqB1D"}
1
+ {"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=function(){return t=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},t.apply(this,arguments)};function r(e,n){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(t[r[o]]=e[r[o]])}return t}function o(e,n,t){if(t||2===arguments.length)for(var r,o=0,s=n.length;o<s;o++)!r&&o in n||(r||(r=Array.prototype.slice.call(n,0,o)),r[o]=n[o]);return e.concat(r||Array.prototype.slice.call(n))}"function"==typeof SuppressedError&&SuppressedError;var s=function(n){var r=n.currentPage,o=n.hideFooter,s=n.nextIcon,a=n.onPageChange,l=n.prevIcon,c=n.rowsPerPage,d=n.shouldPaginate,i=n.totalRows,u=Math.ceil(i/c),f=r>1,b=r<u,g=function(e){e>=1&&e<=u&&a(e)};return o||!d?null:e.jsxs("div",t({className:"st-footer"},{children:[e.jsx("button",t({className:"st-next-prev-btn ".concat(f?"":"disabled"),onClick:function(){return g(r-1)},disabled:!f},{children:l})),e.jsx("button",t({className:"st-next-prev-btn ".concat(b?"":"disabled"),onClick:function(){return g(r+1)},disabled:!b},{children:s})),Array.from({length:u},(function(n,o){return e.jsx("button",t({onClick:function(){return g(o+1)},className:"st-page-btn ".concat(r===o+1?"active":"")},{children:o+1}),o)}))]}))},a=function(n){var r=n.className;return e.jsx("svg",t({className:r,viewBox:"0 0 24 24",width:"24",height:"24",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{d:"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"})}))},l=function(n){var r=n.className;return e.jsx("svg",t({className:r,viewBox:"0 0 24 24",width:"24",height:"24",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{d:"M8.59 16.59L10 18l6-6-6-6-1.41 1.41L13.17 12z"})}))},c=n.createContext({rows:[],tableRows:[]}),d=function(n){var r=n.className;return e.jsx("svg",t({className:r,viewBox:"0 0 20 20",width:"20",height:"20",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{d:"M5.41 11.41L10 6.83l4.59 4.58L16 10l-6-6-6 6z"})}))},i=function(n){var r=n.className;return e.jsx("svg",t({className:r,viewBox:"0 0 20 20",width:"20",height:"20",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{d:"M5.41 7.59L10 12.17l4.59-4.58L16 9l-6 6-6-6z"})}))},u=function(r){var o=r.checked,s=void 0!==o&&o,a=r.children,l=r.onChange,c=n.useState(s),d=c[0],i=c[1];return e.jsxs("label",t({className:"st-checkbox-label"},{children:[e.jsx("input",{checked:d,className:"st-checkbox-input",onChange:function(){var e=!d;i(e),l&&l(e)},type:"checkbox"}),e.jsx("span",t({className:"st-checkbox-custom ".concat(d?"st-checked":"")},{children:d&&e.jsx("span",{className:"st-checkbox-checkmark"})})),a]}))},f=function(n){var r=n.headers,o=n.open,s=n.position;n.setOpen;var a=n.setHiddenColumns,l=n.hiddenColumns,c="left"===s?"left":"";return e.jsx("div",t({className:"st-column-editor-popout ".concat(o?"open":""," ").concat(c),onClick:function(e){return e.stopPropagation()}},{children:e.jsx("div",t({className:"st-column-editor-popout-content"},{children:r.map((function(n,r){return e.jsx(u,t({checked:l[n.accessor],onChange:function(e){var r;return a(t(t({},l),((r={})[n.accessor]=e,r)))}},{children:n.label}),r)}))}))}))},b=function(r){var o=r.columnEditorText,s=r.editColumns,a=r.editColumnsInitOpen,l=r.headers,c=r.position,d=void 0===c?"right":c,i=r.setHiddenColumns,u=r.hiddenColumns,b=n.useState(a),g=b[0],v=b[1];return s?e.jsxs("div",t({className:"st-column-editor ".concat(g?"open":""," ").concat(d),onClick:function(){return function(e){v(e)}(!g)}},{children:[e.jsx("div",t({className:"st-column-editor-text"},{children:o})),e.jsx(f,{headers:l,open:g,position:d,setOpen:v,setHiddenColumns:i,hiddenColumns:u})]})):null};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}('.simple-table-root {\n --st-after-width: 11.01px;\n --st-resize-handle-width: 3px;\n --st-border-radius: 4px;\n --st-border-width: 1px;\n --st-cell-padding: 8px;\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 --st-scrollbar-bg-color: transparent;\n --st-scrollbar-thumb-color: var(--st-slate-200);\n\n /* Tailwind Colors - renamed to avoid conflicts */\n --st-white: #fff;\n --st-black: #000;\n\n --st-slate-50: #f8fafc;\n --st-slate-100: #f1f5f9;\n --st-slate-200: #e2e8f0;\n --st-slate-300: #cbd5e1;\n --st-slate-400: #94a3b8;\n --st-slate-500: #64748b;\n --st-slate-600: #475569;\n --st-slate-700: #334155;\n --st-slate-800: #1e293b;\n --st-slate-900: #0f172a;\n --st-slate-950: #020617;\n\n /* Continue renaming all color variables with st- prefix */\n --st-gray-50: #f9fafb;\n --st-gray-100: #f3f4f6;\n --st-gray-200: #e5e7eb;\n --st-gray-300: #d1d5db;\n --st-gray-400: #9ca3af;\n --st-gray-500: #6b7280;\n --st-gray-600: #4b5563;\n --st-gray-700: #374151;\n --st-gray-800: #1f2937;\n --st-gray-900: #111827;\n --st-gray-950: #030712;\n\n --st-zinc-50: #fafafa;\n --st-zinc-100: #f4f4f5;\n --st-zinc-200: #e4e4e7;\n --st-zinc-300: #d4d4d8;\n --st-zinc-400: #a1a1aa;\n --st-zinc-500: #71717a;\n --st-zinc-600: #52525b;\n --st-zinc-700: #3f3f46;\n --st-zinc-800: #27272a;\n --st-zinc-900: #18181b;\n --st-zinc-950: #09090b;\n\n --st-neutral-50: #fafafa;\n --st-neutral-100: #f5f5f5;\n --st-neutral-200: #e5e5e5;\n --st-neutral-300: #d4d4d4;\n --st-neutral-400: #a3a3a3;\n --st-neutral-500: #737373;\n --st-neutral-600: #525252;\n --st-neutral-700: #404040;\n --st-neutral-800: #262626;\n --st-neutral-900: #171717;\n --st-neutral-950: #0a0a0a;\n\n --st-stone-50: #fafaf9;\n --st-stone-100: #f5f5f4;\n --st-stone-200: #e7e5e4;\n --st-stone-300: #d6d3d1;\n --st-stone-400: #a8a29e;\n --st-stone-500: #78716c;\n --st-stone-600: #57534e;\n --st-stone-700: #44403c;\n --st-stone-800: #292524;\n --st-stone-900: #1c1917;\n --st-stone-950: #0c0a09;\n\n --st-red-50: #fef2f2;\n --st-red-100: #fee2e2;\n --st-red-200: #fecaca;\n --st-red-300: #fca5a5;\n --st-red-400: #f87171;\n --st-red-500: #ef4444;\n --st-red-600: #dc2626;\n --st-red-700: #b91c1c;\n --st-red-800: #991b1b;\n --st-red-900: #7f1d1d;\n --st-red-950: #450a0a;\n\n --st-orange-50: #fff7ed;\n --st-orange-100: #ffedd5;\n --st-orange-200: #fed7aa;\n --st-orange-300: #fdba74;\n --st-orange-400: #fb923c;\n --st-orange-500: #f97316;\n --st-orange-600: #ea580c;\n --st-orange-700: #c2410c;\n --st-orange-800: #9a3412;\n --st-orange-900: #7c2d12;\n --st-orange-950: #431407;\n\n --st-amber-50: #fffbeb;\n --st-amber-100: #fef3c7;\n --st-amber-200: #fde68a;\n --st-amber-300: #fcd34d;\n --st-amber-400: #fbbf24;\n --st-amber-500: #f59e0b;\n --st-amber-600: #d97706;\n --st-amber-700: #b45309;\n --st-amber-800: #92400e;\n --st-amber-900: #78350f;\n --st-amber-950: #451a03;\n\n --st-yellow-50: #fefce8;\n --st-yellow-100: #fef9c3;\n --st-yellow-200: #fef08a;\n --st-yellow-300: #fde047;\n --st-yellow-400: #facc15;\n --st-yellow-500: #eab308;\n --st-yellow-600: #ca8a04;\n --st-yellow-700: #a16207;\n --st-yellow-800: #854d0e;\n --st-yellow-900: #713f12;\n --st-yellow-950: #422006;\n\n --st-lime-50: #f7fee7;\n --st-lime-100: #ecfccb;\n --st-lime-200: #d9f99d;\n --st-lime-300: #bef264;\n --st-lime-400: #a3e635;\n --st-lime-500: #84cc16;\n --st-lime-600: #65a30d;\n --st-lime-700: #4d7c0f;\n --st-lime-800: #3f6212;\n --st-lime-900: #365314;\n --st-lime-950: #1a2e05;\n\n --st-green-50: #f0fdf4;\n --st-green-100: #dcfce7;\n --st-green-200: #bbf7d0;\n --st-green-300: #86efac;\n --st-green-400: #4ade80;\n --st-green-500: #22c55e;\n --st-green-600: #16a34a;\n --st-green-700: #15803d;\n --st-green-800: #166534;\n --st-green-900: #14532d;\n --st-green-950: #052e16;\n\n --st-emerald-50: #ecfdf5;\n --st-emerald-100: #d1fae5;\n --st-emerald-200: #a7f3d0;\n --st-emerald-300: #6ee7b7;\n --st-emerald-400: #34d399;\n --st-emerald-500: #10b981;\n --st-emerald-600: #059669;\n --st-emerald-700: #047857;\n --st-emerald-800: #065f46;\n --st-emerald-900: #064e3b;\n --st-emerald-950: #022c22;\n\n --st-teal-50: #f0fdfa;\n --st-teal-100: #ccfbf1;\n --st-teal-200: #99f6e4;\n --st-teal-300: #5eead4;\n --st-teal-400: #2dd4bf;\n --st-teal-500: #14b8a6;\n --st-teal-600: #0d9488;\n --st-teal-700: #0f766e;\n --st-teal-800: #115e59;\n --st-teal-900: #134e4a;\n --st-teal-950: #042f2e;\n\n --st-cyan-50: #ecfeff;\n --st-cyan-100: #cffafe;\n --st-cyan-200: #a5f3fc;\n --st-cyan-300: #67e8f9;\n --st-cyan-400: #22d3ee;\n --st-cyan-500: #06b6d4;\n --st-cyan-600: #0891b2;\n --st-cyan-700: #0e7490;\n --st-cyan-800: #155e75;\n --st-cyan-900: #164e63;\n --st-cyan-950: #083344;\n\n --st-sky-50: #f0f9ff;\n --st-sky-100: #e0f2fe;\n --st-sky-200: #bae6fd;\n --st-sky-300: #7dd3fc;\n --st-sky-400: #38bdf8;\n --st-sky-500: #0ea5e9;\n --st-sky-600: #0284c7;\n --st-sky-700: #0369a1;\n --st-sky-800: #075985;\n --st-sky-900: #0c4a6e;\n --st-sky-950: #082f49;\n\n --st-blue-50: #eff6ff;\n --st-blue-100: #dbeafe;\n --st-blue-200: #bfdbfe;\n --st-blue-300: #93c5fd;\n --st-blue-400: #60a5fa;\n --st-blue-500: #3b82f6;\n --st-blue-600: #2563eb;\n --st-blue-700: #1d4ed8;\n --st-blue-800: #1e40af;\n --st-blue-900: #1e3a8a;\n --st-blue-950: #172554;\n\n --st-indigo-50: #eef2ff;\n --st-indigo-100: #e0e7ff;\n --st-indigo-200: #c7d2fe;\n --st-indigo-300: #a5b4fc;\n --st-indigo-400: #818cf8;\n --st-indigo-500: #6366f1;\n --st-indigo-600: #4f46e5;\n --st-indigo-700: #4338ca;\n --st-indigo-800: #3730a3;\n --st-indigo-900: #312e81;\n --st-indigo-950: #1e1b4b;\n\n --st-violet-50: #f5f3ff;\n --st-violet-100: #ede9fe;\n --st-violet-200: #ddd6fe;\n --st-violet-300: #c4b5fd;\n --st-violet-400: #a78bfa;\n --st-violet-500: #8b5cf6;\n --st-violet-600: #7c3aed;\n --st-violet-700: #6d28d9;\n --st-violet-800: #5b21b6;\n --st-violet-900: #4c1d95;\n --st-violet-950: #2e1065;\n\n --st-purple-50: #faf5ff;\n --st-purple-100: #f3e8ff;\n --st-purple-200: #e9d5ff;\n --st-purple-300: #d8b4fe;\n --st-purple-400: #c084fc;\n --st-purple-500: #a855f7;\n --st-purple-600: #9333ea;\n --st-purple-700: #7e22ce;\n --st-purple-800: #6b21a8;\n --st-purple-900: #581c87;\n --st-purple-950: #3b0764;\n\n --st-fuchsia-50: #fdf4ff;\n --st-fuchsia-100: #fae8ff;\n --st-fuchsia-200: #f5d0fe;\n --st-fuchsia-300: #f0abfc;\n --st-fuchsia-400: #e879f9;\n --st-fuchsia-500: #d946ef;\n --st-fuchsia-600: #c026d3;\n --st-fuchsia-700: #a21caf;\n --st-fuchsia-800: #86198f;\n --st-fuchsia-900: #701a75;\n --st-fuchsia-950: #4a044e;\n\n --st-pink-50: #fdf2f8;\n --st-pink-100: #fce7f3;\n --st-pink-200: #fbcfe8;\n --st-pink-300: #f9a8d4;\n --st-pink-400: #f472b6;\n --st-pink-500: #ec4899;\n --st-pink-600: #db2777;\n --st-pink-700: #be185d;\n --st-pink-800: #9d174d;\n --st-pink-900: #831843;\n --st-pink-950: #500724;\n\n --st-rose-50: #fff1f2;\n --st-rose-100: #ffe4e6;\n --st-rose-200: #fecdd3;\n --st-rose-300: #fda4af;\n --st-rose-400: #fb7185;\n --st-rose-500: #f43f5e;\n --st-rose-600: #e11d48;\n --st-rose-700: #be123c;\n --st-rose-800: #9f1239;\n --st-rose-900: #881337;\n --st-rose-950: #4c0519;\n}\n\n.theme-light {\n /* Base Variables */\n --st-border-radius: 4px;\n --st-border-width: 1px;\n --st-cell-padding: 8px;\n --st-font-size: 0.875rem;\n --st-font-weight-normal: 400;\n --st-font-weight-bold: 600;\n --st-transition-duration: 0.2s;\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 --st-scrollbar-bg-color: var(--st-slate-50);\n --st-scrollbar-thumb-color: var(--st-slate-300);\n\n --st-border-color: var(--st-gray-300);\n --st-odd-row-background-color: var(--st-white);\n --st-even-row-background-color: var(--st-white);\n --st-header-background-color: var(--st-white);\n --st-dragging-background-color: var(--st-gray-200);\n --st-selected-cell-background-color: var(--st-blue-200);\n --st-selected-first-cell-background-color: var(--st-blue-200);\n --st-footer-background-color: var(--st-white);\n --st-cell-color: var(--st-gray-800);\n --st-cell-odd-row-color: var(--st-gray-700);\n --st-edit-cell-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 1px -1px rgba(0, 0, 0, 0.05);\n --st-selected-cell-color: var(--st-gray-900);\n --st-selected-first-cell-color: var(--st-gray-900);\n --st-resize-handle-color: var(--st-blue-300);\n --st-separator-border-color: var(--st-slate-100);\n --st-last-group-row-separator-border-color: var(--st-slate-300);\n --st-selected-border-top-color: var(--st-blue-600);\n --st-selected-border-bottom-color: var(--st-blue-600);\n --st-selected-border-left-color: var(--st-blue-600);\n --st-selected-border-right-color: var(--st-blue-600);\n --st-checkbox-checked-background-color: var(--st-blue-600);\n --st-checkbox-checked-border-color: var(--st-blue-600);\n --st-column-editor-background-color: var(--st-white);\n --st-column-editor-popout-background-color: var(--st-white);\n --st-button-hover-background-color: var(--st-gray-200);\n --st-button-active-background-color: var(--st-blue-800);\n --st-font-family: "Roboto", sans-serif;\n --st-editable-cell-focus-border-color: var(--st-blue-600);\n}\n\n.theme-dark {\n /* Base Variables */\n --st-border-radius: 6px;\n --st-border-width: 1px;\n --st-cell-padding: 10px;\n --st-font-size: 0.875rem;\n --st-font-weight-normal: 400;\n --st-font-weight-bold: 600;\n --st-transition-duration: 0.2s;\n --st-transition-ease: ease;\n --st-opacity-disabled: 0.5;\n --st-spacing-small: 6px;\n --st-spacing-medium: 10px;\n --st-spacing-large: 20px;\n --st-scrollbar-bg-color: var(--st-slate-800);\n --st-scrollbar-thumb-color: var(--st-slate-600);\n\n --st-border-color: var(--st-slate-800);\n --st-odd-row-background-color: var(--st-slate-800);\n --st-even-row-background-color: var(--st-slate-900);\n --st-header-background-color: var(--st-slate-700);\n --st-dragging-background-color: var(--st-blue-800);\n --st-selected-cell-background-color: var(--st-blue-700);\n --st-selected-first-cell-background-color: var(--st-amber-700);\n --st-footer-background-color: var(--st-slate-900);\n --st-cell-color: var(--st-white);\n --st-cell-odd-row-color: var(--st-slate-300);\n --st-edit-cell-shadow: 0 1px 3px 0 var(--st-white / 0.1), 0 1px 2px -1px var(--st-white / 0.1);\n --st-selected-cell-color: var(--st-white);\n --st-selected-first-cell-color: var(--st-white);\n --st-resize-handle-color: var(--st-slate-600);\n --st-separator-border-color: var(--st-slate-500);\n --st-last-group-row-separator-border-color: var(--st-slate-700);\n --st-selected-border-top-color: var(--st-blue-700);\n --st-selected-border-bottom-color: var(--st-blue-700);\n --st-selected-border-left-color: var(--st-blue-700);\n --st-selected-border-right-color: var(--st-blue-700);\n --st-checkbox-checked-background-color: var(--st-blue-700);\n --st-checkbox-checked-border-color: var(--st-blue-700);\n --st-column-editor-background-color: var(--st-slate-800);\n --st-column-editor-popout-background-color: var(--st-slate-800);\n --st-button-hover-background-color: var(--st-slate-600);\n --st-button-active-background-color: var(--st-slate-700);\n --st-font-family: "Open Sans", sans-serif;\n --st-editable-cell-focus-border-color: var(--st-slate-600);\n}\n\n.theme-high-contrast {\n /* Base Variables */\n --st-border-radius: 0;\n --st-border-width: 2px;\n --st-cell-padding: 12px;\n --st-font-size: 1rem;\n --st-font-weight-normal: 500;\n --st-font-weight-bold: 800;\n --st-transition-duration: 0s;\n --st-transition-ease: ease;\n --st-opacity-disabled: 0.7;\n --st-spacing-small: 8px;\n --st-spacing-medium: 12px;\n --st-spacing-large: 24px;\n --st-scrollbar-bg-color: var(--st-slate-950);\n --st-scrollbar-thumb-color: var(--st-slate-200);\n\n --st-border-color: var(--st-slate-900);\n --st-odd-row-background-color: var(--st-slate-50);\n --st-even-row-background-color: var(--st-slate-900);\n --st-header-background-color: var(--st-slate-900);\n --st-dragging-background-color: var(--st-yellow-500);\n --st-selected-cell-background-color: var(--st-slate-900);\n --st-selected-first-cell-background-color: var(--st-red-500);\n --st-footer-background-color: var(--st-slate-900);\n --st-cell-color: var(--st-white);\n --st-cell-odd-row-color: var(--st-slate-900);\n --st-edit-cell-shadow: none;\n --st-selected-cell-color: var(--st-white);\n --st-selected-first-cell-color: var(--st-white);\n --st-resize-handle-color: var(--st-white);\n --st-separator-border-color: var(--st-slate-200);\n --st-last-group-row-separator-border-color: var(--st-slate-900);\n --st-selected-border-top-color: var(--st-orange-600);\n --st-selected-border-bottom-color: var(--st-orange-600);\n --st-selected-border-left-color: var(--st-orange-600);\n --st-selected-border-right-color: var(--st-orange-600);\n --st-checkbox-checked-background-color: var(--st-slate-50);\n --st-checkbox-checked-border-color: var(--st-slate-50);\n --st-column-editor-background-color: var(--st-slate-900);\n --st-column-editor-popout-background-color: var(--st-slate-900);\n --st-button-hover-background-color: var(--st-slate-50);\n --st-button-active-background-color: var(--st-slate-900);\n --st-font-family: "Arial", sans-serif;\n --st-editable-cell-focus-border-color: var(--st-orange-600);\n}\n\n.theme-pastel {\n /* Base Variables */\n --st-border-radius: 8px;\n --st-border-width: 1px;\n --st-cell-padding: 10px;\n --st-font-size: 0.9rem;\n --st-font-weight-normal: 400;\n --st-font-weight-bold: 600;\n --st-transition-duration: 0.3s;\n --st-transition-ease: ease;\n --st-opacity-disabled: 0.5;\n --st-spacing-small: 6px;\n --st-spacing-medium: 10px;\n --st-spacing-large: 20px;\n --st-scrollbar-bg-color: var(--st-purple-100);\n --st-scrollbar-thumb-color: var(--st-purple-300);\n\n --st-border-color: var(--st-purple-200);\n --st-odd-row-background-color: var(--st-purple-50);\n --st-even-row-background-color: var(--st-blue-50);\n --st-header-background-color: var(--st-blue-50);\n --st-dragging-background-color: var(--st-cyan-50);\n --st-selected-cell-background-color: var(--st-orange-50);\n --st-selected-first-cell-background-color: var(--st-amber-50);\n --st-footer-background-color: var(--st-purple-50);\n --st-cell-color: var(--st-slate-600);\n --st-cell-odd-row-color: var(--st-slate-700);\n --st-edit-cell-shadow: 0 1px 3px 0 var(--st-black / 0.1), 0 1px 2px -1px var(--st-black / 0.1);\n --st-selected-cell-color: var(--st-slate-600);\n --st-selected-first-cell-color: var(--st-slate-600);\n --st-resize-handle-color: var(--st-purple-200);\n --st-separator-border-color: var(--st-purple-200);\n --st-last-group-row-separator-border-color: var(--st-purple-500);\n --st-selected-border-top-color: var(--st-amber-500);\n --st-selected-border-bottom-color: var(--st-amber-500);\n --st-selected-border-left-color: var(--st-amber-500);\n --st-selected-border-right-color: var(--st-amber-500);\n --st-checkbox-checked-background-color: var(--st-purple-200);\n --st-checkbox-checked-border-color: var(--st-purple-200);\n --st-column-editor-background-color: var(--st-purple-50);\n --st-column-editor-popout-background-color: var(--st-purple-50);\n --st-button-hover-background-color: var(--st-purple-100);\n --st-button-active-background-color: var(--st-purple-200);\n --st-font-family: "Comic Sans MS", cursive, sans-serif;\n --st-editable-cell-focus-border-color: var(--st-purple-300);\n}\n\n.theme-vibrant {\n /* Base Variables */\n --st-border-radius: 12px;\n --st-border-width: 2px;\n --st-cell-padding: 12px;\n --st-font-size: 1rem;\n --st-font-weight-normal: 500;\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: 8px;\n --st-spacing-medium: 12px;\n --st-spacing-large: 24px;\n --st-scrollbar-bg-color: var(--st-orange-200);\n --st-scrollbar-thumb-color: var(--st-orange-300);\n\n --st-border-color: var(--st-orange-500);\n --st-odd-row-background-color: var(--st-orange-100);\n --st-even-row-background-color: var(--st-orange-200);\n --st-header-background-color: var(--st-orange-300);\n --st-dragging-background-color: var(--st-blue-300);\n --st-selected-cell-background-color: var(--st-blue-400);\n --st-selected-first-cell-background-color: var(--st-amber-300);\n --st-footer-background-color: var(--st-orange-50);\n --st-cell-color: var(--st-orange-900);\n --st-cell-odd-row-color: var(--st-orange-800);\n --st-edit-cell-shadow: 0 1px 3px 0 var(--st-black / 0.2), 0 1px 2px -1px var(--st-black / 0.2);\n --st-selected-cell-color: var(--st-orange-900);\n --st-selected-first-cell-color: var(--st-orange-900);\n --st-resize-handle-color: var(--st-orange-400);\n --st-separator-border-color: var(--st-orange-200);\n --st-last-group-row-separator-border-color: var(--st-orange-500);\n --st-selected-border-top-color: var(--st-orange-700);\n --st-selected-border-bottom-color: var(--st-orange-700);\n --st-selected-border-left-color: var(--st-orange-700);\n --st-selected-border-right-color: var(--st-orange-700);\n --st-checkbox-checked-background-color: var(--st-orange-500);\n --st-checkbox-checked-border-color: var(--st-orange-500);\n --st-column-editor-background-color: var(--st-orange-100);\n --st-column-editor-popout-background-color: var(--st-orange-100);\n --st-button-hover-background-color: var(--st-orange-300);\n --st-button-active-background-color: var(--st-orange-400);\n --st-font-family: "Lobster", cursive;\n --st-editable-cell-focus-border-color: var(--st-orange-600);\n}\n\n.theme-solarized-light {\n /* Base Variables */\n --st-border-radius: 4px;\n --st-border-width: 1px;\n --st-cell-padding: 8px;\n --st-font-size: 0.875rem;\n --st-font-weight-normal: 400;\n --st-font-weight-bold: 600;\n --st-transition-duration: 0.2s;\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 --st-scrollbar-bg-color: var(--st-yellow-100);\n --st-scrollbar-thumb-color: var(--st-yellow-300);\n\n --st-border-color: var(--st-yellow-300);\n --st-odd-row-background-color: var(--st-yellow-50);\n --st-even-row-background-color: var(--st-yellow-200);\n --st-header-background-color: var(--st-yellow-200);\n --st-dragging-background-color: var(--st-yellow-300);\n --st-selected-cell-background-color: var(--st-slate-400);\n --st-selected-first-cell-background-color: var(--st-amber-600);\n --st-footer-background-color: var(--st-yellow-50);\n --st-cell-color: var(--st-slate-600);\n --st-cell-odd-row-color: var(--st-slate-700);\n --st-edit-cell-shadow: 0 1px 3px 0 var(--st-black / 0.1), 0 1px 2px -1px var(--st-black / 0.1);\n --st-selected-cell-color: var(--st-slate-600);\n --st-selected-first-cell-color: var(--st-slate-600);\n --st-resize-handle-color: var(--st-slate-400);\n --st-separator-border-color: var(--st-yellow-300);\n --st-last-group-row-separator-border-color: var(--st-yellow-500);\n --st-selected-border-top-color: var(--st-yellow-600);\n --st-selected-border-bottom-color: var(--st-yellow-600);\n --st-selected-border-left-color: var(--st-yellow-600);\n --st-selected-border-right-color: var(--st-yellow-600);\n --st-checkbox-checked-background-color: var(--st-slate-400);\n --st-checkbox-checked-border-color: var(--st-slate-400);\n --st-column-editor-background-color: var(--st-yellow-200);\n --st-column-editor-popout-background-color: var(--st-yellow-200);\n --st-button-hover-background-color: var(--st-yellow-200);\n --st-button-active-background-color: var(--st-slate-400);\n --st-font-family: "Georgia", serif;\n --st-editable-cell-focus-border-color: var(--st-yellow-400);\n}\n\n.theme-solarized-dark {\n /* Base Variables */\n --st-border-radius: 4px;\n --st-border-width: 1px;\n --st-cell-padding: 8px;\n --st-font-size: 0.875rem;\n --st-font-weight-normal: 400;\n --st-font-weight-bold: 600;\n --st-transition-duration: 0.2s;\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 --st-scrollbar-bg-color: var(--st-slate-800);\n --st-scrollbar-thumb-color: var(--st-slate-600);\n\n --st-border-color: var(--st-slate-800);\n --st-odd-row-background-color: var(--st-slate-900);\n --st-even-row-background-color: var(--st-slate-800);\n --st-header-background-color: var(--st-slate-800);\n --st-dragging-background-color: var(--st-slate-800);\n --st-selected-cell-background-color: var(--st-slate-600);\n --st-selected-first-cell-background-color: var(--st-amber-600);\n --st-footer-background-color: var(--st-slate-900);\n --st-cell-color: var(--st-slate-300);\n --st-cell-odd-row-color: var(--st-slate-400);\n --st-edit-cell-shadow: 0 1px 3px 0 var(--st-white / 0.1), 0 1px 2px -1px var(--st-white / 0.1);\n --st-selected-cell-color: var(--st-slate-300);\n --st-selected-first-cell-color: var(--st-slate-300);\n --st-resize-handle-color: var(--st-slate-600);\n --st-separator-border-color: var(--st-slate-400);\n --st-last-group-row-separator-border-color: var(--st-slate-600);\n --st-selected-border-top-color: var(--st-blue-800);\n --st-selected-border-bottom-color: var(--st-blue-800);\n --st-selected-border-left-color: var(--st-blue-800);\n --st-selected-border-right-color: var(--st-blue-800);\n --st-checkbox-checked-background-color: var(--st-slate-600);\n --st-checkbox-checked-border-color: var(--st-slate-600);\n --st-column-editor-background-color: var(--st-slate-800);\n --st-column-editor-popout-background-color: var(--st-slate-800);\n --st-button-hover-background-color: var(--st-slate-600);\n --st-button-active-background-color: var(--st-slate-800);\n --st-font-family: "Courier New", monospace;\n --st-editable-cell-focus-border-color: var(--st-blue-800);\n}\n\n.theme-ocean {\n /* Base Variables */\n --st-border-radius: 6px;\n --st-border-width: 1px;\n --st-cell-padding: 10px;\n --st-font-size: 0.9rem;\n --st-font-weight-normal: 400;\n --st-font-weight-bold: 600;\n --st-transition-duration: 0.3s;\n --st-transition-ease: ease;\n --st-opacity-disabled: 0.5;\n --st-spacing-small: 6px;\n --st-spacing-medium: 10px;\n --st-spacing-large: 20px;\n --st-scrollbar-bg-color: var(--st-cyan-100);\n --st-scrollbar-thumb-color: var(--st-cyan-300);\n\n --st-border-color: var(--st-cyan-700);\n --st-odd-row-background-color: var(--st-cyan-50);\n --st-even-row-background-color: var(--st-cyan-100);\n --st-header-background-color: var(--st-cyan-100);\n --st-dragging-background-color: var(--st-cyan-300);\n --st-selected-cell-background-color: var(--st-cyan-700);\n --st-selected-first-cell-background-color: var(--st-slate-900);\n --st-footer-background-color: var(--st-cyan-50);\n --st-cell-color: var(--st-slate-900);\n --st-cell-odd-row-color: var(--st-cyan-700);\n --st-edit-cell-shadow: 0 1px 3px 0 var(--st-black / 0.1), 0 1px 2px -1px var(--st-black / 0.1);\n --st-selected-cell-color: var(--st-slate-900);\n --st-selected-first-cell-color: var(--st-slate-900);\n --st-resize-handle-color: var(--st-cyan-300);\n --st-separator-border-color: var(--st-cyan-200);\n --st-last-group-row-separator-border-color: var(--st-cyan-500);\n --st-selected-border-top-color: var(--st-blue-700);\n --st-selected-border-bottom-color: var(--st-blue-700);\n --st-selected-border-left-color: var(--st-blue-700);\n --st-selected-border-right-color: var(--st-blue-700);\n --st-checkbox-checked-background-color: var(--st-cyan-700);\n --st-checkbox-checked-border-color: var(--st-cyan-700);\n --st-column-editor-background-color: var(--st-cyan-100);\n --st-column-editor-popout-background-color: var(--st-cyan-100);\n --st-button-hover-background-color: var(--st-cyan-300);\n --st-button-active-background-color: var(--st-cyan-700);\n --st-font-family: "Verdana", sans-serif;\n --st-editable-cell-focus-border-color: var(--st-cyan-500);\n}\n\n.theme-forest {\n /* Base Variables */\n --st-border-radius: 4px;\n --st-border-width: 1px;\n --st-cell-padding: 8px;\n --st-font-size: 0.875rem;\n --st-font-weight-normal: 400;\n --st-font-weight-bold: 600;\n --st-transition-duration: 0.2s;\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 --st-scrollbar-bg-color: var(--st-green-100);\n --st-scrollbar-thumb-color: var(--st-green-400);\n\n --st-border-color: var(--st-green-800);\n --st-odd-row-background-color: var(--st-green-50);\n --st-even-row-background-color: var(--st-green-100);\n --st-header-background-color: var(--st-green-100);\n --st-dragging-background-color: var(--st-green-400);\n --st-selected-cell-background-color: var(--st-green-700);\n --st-selected-first-cell-background-color: var(--st-green-900);\n --st-footer-background-color: var(--st-green-50);\n --st-cell-color: var(--st-green-900);\n --st-cell-odd-row-color: var(--st-green-700);\n --st-edit-cell-shadow: 0 1px 3px 0 var(--st-black / 0.1), 0 1px 2px -1px var(--st-black / 0.1);\n --st-selected-cell-color: var(--st-green-900);\n --st-selected-first-cell-color: var(--st-green-900);\n --st-resize-handle-color: var(--st-green-400);\n --st-separator-border-color: var(--st-green-200);\n --st-last-group-row-separator-border-color: var(--st-green-500);\n --st-selected-border-top-color: var(--st-green-600);\n --st-selected-border-bottom-color: var(--st-green-600);\n --st-selected-border-left-color: var(--st-green-600);\n --st-selected-border-right-color: var(--st-green-600);\n --st-checkbox-checked-background-color: var(--st-green-700);\n --st-checkbox-checked-border-color: var(--st-green-700);\n --st-column-editor-background-color: var(--st-green-100);\n --st-column-editor-popout-background-color: var(--st-green-100);\n --st-button-hover-background-color: var(--st-green-400);\n --st-button-active-background-color: var(--st-green-700);\n --st-font-family: "Tahoma", sans-serif;\n --st-editable-cell-focus-border-color: var(--st-green-600);\n}\n\n.theme-desert {\n /* Base Variables */\n --st-border-radius: 8px;\n --st-border-width: 1px;\n --st-cell-padding: 10px;\n --st-font-size: 0.9rem;\n --st-font-weight-normal: 400;\n --st-font-weight-bold: 600;\n --st-transition-duration: 0.3s;\n --st-transition-ease: ease;\n --st-opacity-disabled: 0.5;\n --st-spacing-small: 6px;\n --st-spacing-medium: 10px;\n --st-spacing-large: 20px;\n --st-scrollbar-bg-color: var(--st-amber-100);\n --st-scrollbar-thumb-color: var(--st-amber-300);\n\n --st-border-color: var(--st-amber-600);\n --st-odd-row-background-color: var(--st-amber-50);\n --st-even-row-background-color: var(--st-amber-100);\n --st-header-background-color: var(--st-amber-100);\n --st-dragging-background-color: var(--st-amber-300);\n --st-selected-cell-background-color: var(--st-amber-600);\n --st-selected-first-cell-background-color: var(--st-amber-800);\n --st-footer-background-color: var(--st-amber-50);\n --st-cell-color: var(--st-amber-800);\n --st-cell-odd-row-color: var(--st-amber-600);\n --st-edit-cell-shadow: 0 1px 3px 0 var(--st-black / 0.1), 0 1px 2px -1px var(--st-black / 0.1);\n --st-selected-cell-color: var(--st-amber-800);\n --st-selected-first-cell-color: var(--st-amber-800);\n --st-resize-handle-color: var(--st-amber-300);\n --st-separator-border-color: var(--st-amber-200);\n --st-last-group-row-separator-border-color: var(--st-amber-500);\n --st-selected-border-top-color: var(--st-amber-700);\n --st-selected-border-bottom-color: var(--st-amber-700);\n --st-selected-border-left-color: var(--st-amber-700);\n --st-selected-border-right-color: var(--st-amber-700);\n --st-checkbox-checked-background-color: var(--st-amber-600);\n --st-checkbox-checked-border-color: var(--st-amber-600);\n --st-column-editor-background-color: var(--st-amber-100);\n --st-column-editor-popout-background-color: var(--st-amber-100);\n --st-button-hover-background-color: var(--st-amber-300);\n --st-button-active-background-color: var(--st-amber-600);\n --st-font-family: "Times New Roman", serif;\n --st-editable-cell-focus-border-color: var(--st-amber-700);\n}\n\n.theme-bubblegum {\n /* Base Variables */\n --st-border-radius: 16px;\n --st-border-width: 2px;\n --st-cell-padding: 12px;\n --st-font-size: 1rem;\n --st-font-weight-normal: 400;\n --st-font-weight-bold: 600;\n --st-transition-duration: 0.3s;\n --st-transition-ease: ease;\n --st-opacity-disabled: 0.5;\n --st-spacing-small: 8px;\n --st-spacing-medium: 12px;\n --st-spacing-large: 24px;\n --st-scrollbar-bg-color: var(--st-pink-50);\n --st-scrollbar-thumb-color: var(--st-pink-300);\n\n --st-border-color: var(--st-pink-500);\n --st-odd-row-background-color: var(--st-pink-50);\n --st-even-row-background-color: var(--st-pink-100);\n --st-header-background-color: var(--st-pink-200);\n --st-dragging-background-color: var(--st-pink-300);\n --st-selected-cell-background-color: var(--st-pink-400);\n --st-selected-first-cell-background-color: var(--st-pink-600);\n --st-footer-background-color: var(--st-pink-50);\n --st-cell-color: var(--st-pink-900);\n --st-cell-odd-row-color: var(--st-pink-800);\n --st-edit-cell-shadow: 0 1px 3px 0 var(--st-black / 0.1), 0 1px 2px -1px var(--st-black / 0.1);\n --st-selected-cell-color: var(--st-pink-900);\n --st-selected-first-cell-color: var(--st-pink-900);\n --st-resize-handle-color: var(--st-pink-400);\n --st-separator-border-color: var(--st-pink-200);\n --st-last-group-row-separator-border-color: var(--st-pink-500);\n --st-selected-border-top-color: var(--st-pink-700);\n --st-selected-border-bottom-color: var(--st-pink-700);\n --st-selected-border-left-color: var(--st-pink-700);\n --st-selected-border-right-color: var(--st-pink-700);\n --st-checkbox-checked-background-color: var(--st-pink-500);\n --st-checkbox-checked-border-color: var(--st-pink-500);\n --st-column-editor-background-color: var(--st-pink-100);\n --st-column-editor-popout-background-color: var(--st-pink-100);\n --st-button-hover-background-color: var(--st-pink-300);\n --st-button-active-background-color: var(--st-pink-400);\n --st-font-family: "Pacifico", cursive;\n --st-editable-cell-focus-border-color: var(--st-pink-600);\n}\n\n.theme-90s {\n /* Base Variables */\n --st-border-radius: 0;\n --st-border-width: 2px;\n --st-cell-padding: 8px;\n --st-font-size: 0.875rem;\n --st-font-weight-normal: 400;\n --st-font-weight-bold: 700;\n --st-transition-duration: 0.1s;\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 --st-scrollbar-bg-color: var(--st-gray-200);\n --st-scrollbar-thumb-color: var(--st-gray-400);\n\n --st-border-color: var(--st-gray-500);\n --st-odd-row-background-color: var(--st-gray-100);\n --st-even-row-background-color: var(--st-gray-200);\n --st-header-background-color: var(--st-gray-300);\n --st-dragging-background-color: var(--st-gray-400);\n --st-selected-cell-background-color: var(--st-gray-500);\n --st-selected-first-cell-background-color: var(--st-gray-600);\n --st-footer-background-color: var(--st-gray-100);\n --st-cell-color: var(--st-gray-900);\n --st-cell-odd-row-color: var(--st-gray-800);\n --st-edit-cell-shadow: 0 1px 3px 0 var(--st-black / 0.1), 0 1px 2px -1px var(--st-black / 0.1);\n --st-selected-cell-color: var(--st-gray-900);\n --st-selected-first-cell-color: var(--st-gray-900);\n --st-resize-handle-color: var(--st-gray-400);\n --st-separator-border-color: var(--st-gray-200);\n --st-last-group-row-separator-border-color: var(--st-gray-500);\n --st-selected-border-top-color: var(--st-gray-700);\n --st-selected-border-bottom-color: var(--st-gray-700);\n --st-selected-border-left-color: var(--st-gray-700);\n --st-selected-border-right-color: var(--st-gray-700);\n --st-checkbox-checked-background-color: var(--st-gray-500);\n --st-checkbox-checked-border-color: var(--st-gray-500);\n --st-column-editor-background-color: var(--st-gray-200);\n --st-column-editor-popout-background-color: var(--st-gray-200);\n --st-button-hover-background-color: var(--st-gray-300);\n --st-button-active-background-color: var(--st-gray-400);\n --st-font-family: "Courier New", monospace;\n --st-editable-cell-focus-border-color: var(--st-gray-600);\n}\n\n/* Global styles */\n.simple-table-root * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n.simple-table-root {\n font-family: var(--st-font-family, sans-serif);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\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-container {\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n}\n.st-table-wrapper {\n flex: 1;\n position: relative;\n display: flex;\n width: 100%;\n min-height: 0;\n}\n.st-table-content {\n display: flex;\n flex-direction: column;\n}\n\n/* Header */\n.st-header-container {\n display: flex;\n}\n\n.st-header-container.st-header-scroll-padding::after {\n content: "";\n display: block;\n width: var(--st-after-width, default-width);\n flex-shrink: 0;\n background-color: var(--st-header-background-color);\n border-bottom: var(--st-border-width) solid var(--st-border-color);\n}\n\n.st-header-pinned-left,\n.st-header-main,\n.st-header-pinned-right {\n display: grid;\n}\n.st-header-pinned-left {\n border-right: var(--st-border-width) solid var(--st-border-color);\n}\n.st-header-pinned-right {\n border-left: var(--st-border-width) solid var(--st-border-color);\n}\n.st-header-main {\n overflow: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n}\n.st-header-main::-webkit-scrollbar {\n display: none;\n}\n\n/* Body */\n.st-table-body-container {\n display: flex;\n width: 100%;\n overflow: auto;\n height: max-content;\n /* min-height: calc(100% - 40px); */\n}\n.st-table-body-main,\n.st-table-body-pinned-left,\n.st-table-body-pinned-right {\n display: grid;\n height: max-content;\n /* min-height 100% - table header height */\n /* min-height: calc(100% - 40px); */\n}\n.st-table-body-pinned-left {\n border-right: var(--st-border-width) solid var(--st-border-color);\n}\n.st-table-body-main {\n overflow: auto;\n scrollbar-width: none;\n}\n\n.st-table-body-pinned-right {\n border-left: var(--st-border-width) solid var(--st-border-color);\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 display: flex;\n align-items: center;\n color: var(--st-slate-800);\n overflow: hidden;\n gap: var(--st-spacing-small);\n /* mix-blend-mode: multiply; */\n}\n.st-header-cell.right-aligned,\n.st-cell.right-aligned {\n justify-content: flex-end;\n text-align: right;\n}\n.st-cell.right-aligned {\n padding-right: calc(var(--st-cell-padding) + var(--st-spacing-small) + var(--st-resize-handle-width));\n}\n.st-header-cell.right-aligned > .st-header-label {\n text-align: right;\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\n.st-cell-depth-1 {\n padding-left: calc(var(--st-cell-padding) * 4);\n}\n.st-cell-depth-2 {\n padding-left: calc(var(--st-cell-padding) * 5);\n}\n.st-cell-depth-3 {\n padding-left: calc(var(--st-cell-padding) * 6);\n}\n.st-cell-depth-4 {\n padding-left: calc(var(--st-cell-padding) * 7);\n}\n.st-cell-depth-5 {\n padding-left: calc(var(--st-cell-padding) * 8);\n}\n.st-cell-depth-6 {\n padding-left: calc(var(--st-cell-padding) * 9);\n}\n.st-cell-depth-7 {\n padding-left: calc(var(--st-cell-padding) * 10);\n}\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(--st-slate-500);\n}\n\n.st-header-resize-handle {\n top: 0;\n right: 0;\n width: var(--st-resize-handle-width);\n height: 12px;\n cursor: col-resize;\n background-color: var(--st-resize-handle-color);\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-row-separator.st-last-group-row {\n background-color: var(--st-last-group-row-separator-border-color);\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 color: var(--st-cell-color);\n}\n.st-last-group-row {\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 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 var(--st-selected-border-right-color);\n}\n\n.st-horizontal-scrollbar-left {\n border-right: var(--st-border-width) solid var(--st-border-color);\n}\n.st-horizontal-scrollbar-right {\n border-left: var(--st-border-width) solid var(--st-border-color);\n}\n.st-horizontal-scrollbar-left,\n.st-horizontal-scrollbar-right {\n background-color: var(--st-scrollbar-bg-color);\n height: 100%;\n}\n.st-horizontal-scrollbar-middle {\n overflow-x: scroll;\n height: 12px;\n}\n.st-horizontal-scrollbar-middle > div {\n height: 1px;\n}\n\n.st-horizontal-scrollbar-container {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n border-top: var(--st-border-width) solid var(--st-border-color);\n}\n\n.st-horizontal-scrollbar-container > div {\n display: flex;\n align-items: center;\n height: 100%;\n}\n\n.st-horizontal-scrollbar-container.st-header-scroll-padding::after {\n content: "";\n display: block;\n width: var(--st-after-width, default-width);\n flex-shrink: 0;\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) var(--st-transition-ease);\n}\n.st-next-prev-btn {\n fill: var(--st-slate-600);\n}\n.disabled > .st-next-prev-icon {\n cursor: not-allowed;\n fill: var(--st-slate-400);\n}\n\n.st-next-prev-btn:not(.disabled):hover {\n background-color: var(--st-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(--st-slate-600);\n border: none;\n border-radius: var(--st-border-radius);\n transition: background-color var(--st-transition-duration) 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-edit-cell-shadow-color);\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 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(--st-slate-500);\n flex-shrink: 0;\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(--st-slate-300);\n border-radius: var(--st-border-radius);\n background-color: white;\n transition: background-color var(--st-transition-duration) 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\n/* Group Header Styles */\n.st-group-header {\n background-color: var(--st-header-background-color);\n cursor: pointer;\n user-select: none;\n height: 40px;\n display: flex;\n align-items: center;\n border-bottom: var(--st-border-width) solid var(--st-border-color);\n color: var(--st-cell-color);\n font-weight: var(--st-font-weight-bold);\n transition: background-color var(--st-transition-duration) var(--st-transition-ease);\n}\n\n.st-group-header:hover {\n background-color: var(--st-button-hover-background-color);\n}\n\n.st-group-header-content {\n display: flex;\n align-items: center;\n gap: var(--st-spacing-medium);\n}\n\n.st-group-toggle-icon {\n font-size: 0.8em;\n width: 16px;\n height: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.st-group-name {\n font-weight: var(--st-font-weight-bold);\n}\n\n.st-group-count {\n color: var(--st-cell-odd-row-color);\n font-size: 0.9em;\n}\n\n/* Animation for expand/collapse */\n.st-group-header.expanded .st-group-toggle-icon {\n transform: rotate(0deg);\n transition: transform var(--st-transition-duration) var(--st-transition-ease);\n}\n\n.st-group-header.collapsed .st-group-toggle-icon {\n transform: rotate(-90deg);\n transition: transform var(--st-transition-duration) var(--st-transition-ease);\n}\n');var g,v=function(e){var n=e.accessor,t=e.rowIndex;return"cell-".concat(n,"-").concat(t)},p=function(e){var n=e.hiddenColumns,t=e.header,r=e.pinned;return n[t.accessor]?null:!r&&!t.pinned||t.pinned===r||null},h=function(n){var r=n.value,o=n.onBlur,s=n.onChange;return e.jsxs("select",t({value:r.toString(),onBlur:o,onChange:function(e){var n=e.target.value;s("true"===n)}},{children:[e.jsx("option",t({value:"true"},{children:"True"})),e.jsx("option",t({value:"false"},{children:"False"}))]}))},m=function(t){var r=t.defaultValue,o=t.onBlur,s=t.onChange,a=n.useRef(null);return e.jsx("input",{className:"editable-cell-input",ref:a,autoFocus:!0,type:"text",defaultValue:null!=r?r:"",onBlur:o,onChange:function(e){var n=e.target.value;s(n)}})},w=function(t){var r=t.defaultValue,o=t.onBlur,s=t.onChange,a=n.useRef(null);return e.jsx("input",{className:"editable-cell-input",ref:a,autoFocus:!0,defaultValue:r.toString(),onBlur:o,onChange:function(e){var n=e.target.value;/^\d*\.?\d*$/.test(n)&&s(n)}})},x=function(n){var t=n.onChange,r=n.setIsEditing,o=n.value,s=function(e){null==t||t(e)},a=function(){r(!1)};return e.jsx(e.Fragment,{children:"string"==typeof o||null==o?e.jsx(m,{defaultValue:o,onBlur:a,onChange:s}):"boolean"==typeof o?e.jsx(h,{onBlur:a,onChange:s,value:o}):"number"==typeof o?e.jsx(w,{defaultValue:o,onBlur:a,onChange:s}):null})},k=0,y=function(){return function(e){var n=e.callback,t=e.callbackProps,r=e.limit,o=Date.now();(0===k||o-k>=r)&&(k=o,n(t))}},R=Date.now(),C={screenX:0,screenY:0},j=function(e){var t,r,s=e.draggedHeaderRef,a=e.headersRef,l=e.hoveredHeaderRef,c=e.onTableHeaderDragEnd,d=(t=a.current,r=n.useRef(t),n.useEffect((function(){r.current=t}),[t]),r.current);return{handleDragStart:function(e){s.current=e,R=Date.now()},handleDragOver:function(e){var n,t=e.event,r=e.hoveredHeader;if(t.preventDefault(),a.current){var i=t.currentTarget.getAnimations().some((function(e){return"running"===e.playState})),u=t.screenX,f=t.screenY,b=Math.sqrt(Math.pow(u-C.screenX,2)+Math.pow(f-C.screenY,2));l.current=r;var g=o([],a.current,!0),v=g.findIndex((function(e){var n;return e.accessor===(null===(n=s.current)||void 0===n?void 0:n.accessor)})),p=g.findIndex((function(e){return e.accessor===r.accessor})),h=g.splice(v,1)[0];if(g.splice(p,0,h),!(i||r.accessor===(null===(n=s.current)||void 0===n?void 0:n.accessor)||null===s.current||b<10||void 0===v||void 0===p||JSON.stringify(g)===JSON.stringify(a.current))){var m=Date.now();JSON.stringify(g)===JSON.stringify(d)&&m-R<800&&b<50||(R=m,C={screenX:u,screenY:f},c(g))}}},handleDragEnd:function(){s.current=null,l.current=null}}},E=n.forwardRef((function(r,o){var s,a=r.borderClass,d=r.cellHasChildren,u=r.colIndex,f=r.content,b=r.depth,g=r.draggedHeaderRef,p=r.header,h=r.headersRef,m=r.hoveredHeaderRef,w=r.isRowExpanded,k=r.isSelected,R=r.isTopLeftCell,C=r.onCellChange,E=r.onExpandRowClick,z=r.onMouseDown,S=r.onMouseOver,I=r.onTableHeaderDragEnd,D=r.row,H=r.rowIndex,N=n.useContext(c),M=N.rows,L=N.tableRows,B=n.useState(f),T=B[0],O=B[1],A=n.useState(!1),P=A[0],W=A[1],U=j({draggedHeaderRef:g,headersRef:h,hoveredHeaderRef:m,onTableHeaderDragEnd:I}).handleDragOver,V=y(),F=Boolean(null==p?void 0:p.isEditable),X=H%2==0,G="st-cell ".concat(b>0&&p.expandable?"st-cell-depth-".concat(b):""," ").concat(k?R?"st-cell-selected-first-cell ".concat(a):"st-cell-selected ".concat(a):""," ").concat(X?"st-cell-odd-row":"st-cell-even-row"," ").concat(F?"clickable":""," ").concat("right"===p.align?"right-aligned":"");n.useEffect((function(){"object"!=typeof f&&O(f)}),[f]),n.useEffect((function(){}),[p.accessor,T,M,null===(s=D.rowMeta)||void 0===s?void 0:s.rowId,L]);return P?e.jsx("div",t({className:"st-cell-editing ".concat(X?"st-cell-odd-row":"st-cell-even-row"),id:v({accessor:p.accessor,rowIndex:H+1})},{children:e.jsx(x,{onChange:function(e){var n;O(e),null==C||C({accessor:p.accessor,newValue:e,newRowIndex:H,originalRowIndex:null===(n=D.rowMeta)||void 0===n?void 0:n.rowId,row:D})},setIsEditing:W,value:T})})):e.jsxs("div",t({className:G,id:v({accessor:p.accessor,rowIndex:H+1}),onDoubleClick:function(){return p.isEditable&&W(!0)},onMouseDown:function(){return z(H,u)},onMouseOver:function(){return S(H,u)},onDragOver:function(e){return V({callback:U,callbackProps:{event:e,hoveredHeader:p},limit:50})},ref:o},{children:[p.expandable&&d?w(D.rowMeta.rowId)?e.jsx("div",t({className:"st-sort-icon-container",onClick:function(){return E(D.rowMeta.rowId)}},{children:e.jsx(i,{className:"st-sort-icon"})})):e.jsx("div",t({className:"st-sort-icon-container",onClick:function(){return E(D.rowMeta.rowId)}},{children:e.jsx(l,{className:"st-sort-icon"})})):null,e.jsx("span",{children:T})]}))})),z=n.forwardRef((function(n,t){return n.visible?e.jsx("div",{className:"st-cell",ref:t}):e.jsx("div",{ref:t})})),S=function(n){var t=n.lastGroupRow;return e.jsx("div",{className:"st-row-separator ".concat(t?"st-last-group-row":"")})},I=function(n){var o=n.allowAnimations,s=n.children,a=r(n,["allowAnimations","children"]);return o?e.jsx(D,t({},a,{children:s})):e.jsx(e.Fragment,{children:s})},D=function(t){var r=t.allowHorizontalAnimate,o=void 0===r||r,s=t.children,a=t.draggedHeaderRef,l=t.headersRef,c=t.isBody,d=t.mainBodyRef,i=t.pauseAnimation,u=t.rowIndex,f=n.useRef(!1),b=n.useState({}),g=b[0],p=b[1],h=n.useRef({}),m=l.current;return n.useLayoutEffect((function(){if(m){var e=function(e){var n=e.currentHeaders,t=e.draggedHeaderRef,r=e.rowIndex,o={};return n.forEach((function(e){var n;if(e){var s=document.getElementById(v({accessor:e.accessor,rowIndex:r}));if(s){var a=s.getAnimations().some((function(e){return"running"===e.playState})),l=s.getBoundingClientRect();a&&(null===(n=null==t?void 0:t.current)||void 0===n?void 0:n.accessor)!==e.accessor?o[e.accessor]=!1:o[e.accessor]=l}}})),o}({currentHeaders:m,draggedHeaderRef:a,rowIndex:u});JSON.stringify(e)!==JSON.stringify(g)&&(h.current=g,p(e))}}),[g,m,a,c,u]),n.useLayoutEffect((function(){var e=d.current,n=function(){f.current=!0},t=function(){f.current=!1};return null==e||e.addEventListener("scroll",n),null==e||e.addEventListener("scrollend",t),function(){null==e||e.removeEventListener("scroll",n),null==e||e.removeEventListener("scrollend",t)}}),[a,d]),n.useEffect((function(){i||f.current||Object.keys(h.current).length&&m&&m.forEach((function(e){var n=document.getElementById(v({accessor:e.accessor,rowIndex:u}));if(n){var t=h.current[e.accessor],r=g[e.accessor];if(t&&r){var s=t.left-r.left,a=o?0:t.top-r.top,l=Math.abs(s),c=Math.abs(a);(l>10||c>10)&&requestAnimationFrame((function(){n.style.transform="translate(".concat(s,"px, ").concat(a,"px)"),n.style.transition="transform 0s",requestAnimationFrame((function(){n.style.transform="",n.style.transition="transform ".concat(400,"ms ease-out")}))}))}}}))}),[o,g,m,c,i,h,u]),e.jsx(e.Fragment,{children:s})},H=function(o){var s,a=o.getBorderClass,l=o.handleMouseDown,c=o.handleMouseOver,d=o.headers,i=o.hiddenColumns,u=o.isRowExpanded,f=o.isSelected,b=o.isTopLeftCell,g=o.lastGroupRow,v=o.onExpandRowClick,h=o.pinned,m=o.row,w=o.rowIndex,x=o.shouldDisplayLastColumnCell,k=r(o,["getBorderClass","handleMouseDown","handleMouseOver","headers","hiddenColumns","isRowExpanded","isSelected","isTopLeftCell","lastGroupRow","onExpandRowClick","pinned","row","rowIndex","shouldDisplayLastColumnCell"]),y=null===(s=m.rowMeta)||void 0===s?void 0:s.children;return e.jsxs(I,t({allowAnimations:k.allowAnimations,allowHorizontalAnimate:k.shouldPaginate,draggedHeaderRef:k.draggedHeaderRef,headersRef:k.headersRef,isBody:!0,mainBodyRef:k.mainBodyRef,pauseAnimation:k.isWidthDragging,rowIndex:w+1},{children:[0!==w&&e.jsx(S,{lastGroupRow:g}),d.map((function(e,r){if(!p({hiddenColumns:i,header:e,pinned:h}))return null;var o=m.rowData[e.accessor];return e.cellRenderer&&(o=e.cellRenderer(m)),n.createElement(E,t({},k,{borderClass:a(w,r),cellHasChildren:((null==y?void 0:y.length)||0)>0,colIndex:r,content:o,header:e,isRowExpanded:u,isSelected:f(w,r),isTopLeftCell:b(w,r),key:r,onExpandRowClick:v,onMouseDown:function(){return l({rowIndex:w,colIndex:r})},onMouseOver:function(){return c(w,r)},row:m,rowIndex:w}))})),e.jsx(z,{ref:n.createRef(),visible:x})]}))},N=function(r){var o,s,a,l=r.depth,c=void 0===l?0:l,d=r.getNextRowIndex,i=r.index,u=r.lastGroupRow,f=r.pinned,b=r.props,g=r.row,v=((null===(s=null===(o=g.rowMeta)||void 0===o?void 0:o.children)||void 0===s?void 0:s.length)||0)>0,p=d(),h=(null===(a=g.rowMeta)||void 0===a?void 0:a.children)||[];return e.jsxs(e.Fragment,{children:[n.createElement(H,t({},b,{depth:c,lastGroupRow:u,key:i,pinned:f,row:g,rowIndex:p})),v&&b.isRowExpanded(g.rowMeta.rowId)&&h.map((function(n,t){return e.jsx(N,{depth:c+1,getNextRowIndex:d,index:t,pinned:f,props:b,row:n},t)}))]})},M=function(o){o.headerContainerRef;var s=o.isRowExpanded,a=o.onExpandRowClick,l=o.pinned,c=o.rows,d=o.sectionRef,i=o.templateColumns,u=r(o,["headerContainerRef","isRowExpanded","onExpandRowClick","pinned","rows","sectionRef","templateColumns"]),f=l?"st-table-body-pinned-".concat(l):"st-table-body-main",b=n.useRef(0);n.useEffect((function(){b.current=0}));var g=function(){return b.current++};return e.jsx("div",t({className:f,ref:d,style:{gridTemplateColumns:i}},{children:c.map((function(n,r){var o,c;return e.jsx(N,{getNextRowIndex:g,index:r,lastGroupRow:Boolean(null===(c=null===(o=n.rowMeta)||void 0===o?void 0:o.children)||void 0===c?void 0:c.length),pinned:l,props:t(t({},u),{isRowExpanded:s,onExpandRowClick:a}),row:n},r)}))}))},L=function(r){var o=r.currentRows,s=r.headerContainerRef,a=r.isRowExpanded,l=r.mainBodyRef,c=r.mainTemplateColumns,d=r.onExpandRowClick,i=r.pinnedLeftColumns,u=r.pinnedLeftRef,f=r.pinnedLeftTemplateColumns,b=r.pinnedRightColumns,g=r.pinnedRightRef,v=r.pinnedRightTemplateColumns,p=r.scrollbarHorizontalRef,h=r.scrollbarWidth,m=r.tableBodyContainerRef;return function(e){var t=e.headerContainerRef,r=e.mainSectionRef,o=e.scrollbarHorizontalRef,s=e.scrollbarWidth,a=n.useState(!1),l=a[0],c=a[1];n.useEffect((function(){var e=null==t?void 0:t.current,n=null==o?void 0:o.current;if(l&&e)return e.classList.add("st-header-scroll-padding"),null==n||n.classList.add("st-header-scroll-padding"),e.style.setProperty("--st-after-width","".concat(s,"px")),null==n||n.style.setProperty("--st-after-width","".concat(s,"px")),function(){e.classList.remove("st-header-scroll-padding"),null==n||n.classList.remove("st-header-scroll-padding")}}),[t,l,o,s]),n.useEffect((function(){var e=null==t?void 0:t.current,n=null==r?void 0:r.current;if(n&&e){var o=function(){if(n){var e=n.scrollHeight>n.clientHeight;c(e)}};o();var s=new ResizeObserver((function(){o()}));return s.observe(n),function(){n&&s.unobserve(n)}}}),[t,r])}({headerContainerRef:s,mainSectionRef:m,scrollbarHorizontalRef:p,scrollbarWidth:h}),e.jsxs("div",t({className:"st-table-body-container",ref:m},{children:[i.length>0&&e.jsx(M,t({},r,{rows:o,templateColumns:f,pinned:"left",sectionRef:u,isRowExpanded:a,onExpandRowClick:d})),e.jsx(M,t({},r,{rows:o,templateColumns:c,sectionRef:l,isRowExpanded:a,onExpandRowClick:d})),b.length>0&&e.jsx(M,t({},r,{rows:o,templateColumns:v,pinned:"right",sectionRef:g,isRowExpanded:a,onExpandRowClick:d}))]}))},B=function(e){var n=e.event,t=e.forceUpdate,r=e.header,o=e.headersRef,s=e.index;e.reverse;var a=e.setIsWidthDragging;a(!0),n.preventDefault();var l=n.clientX;if(r){var c=r.width,d=function(e){var n=Math.max(c+(e.clientX-l),40);r&&o.current&&(o.current[s].width=n,t())},i=function(){document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",i),a(!1)};document.addEventListener("mousemove",d),document.addEventListener("mouseup",i)}},T=n.forwardRef((function(r,o){var s,a=r.columnResizing,l=r.currentRows,c=r.draggable,d=r.draggedHeaderRef,i=r.forceUpdate,u=r.headersRef,f=r.hoveredHeaderRef,b=r.index,g=r.onSort,p=r.onTableHeaderDragEnd,h=r.reverse,m=r.selectableColumns,w=r.setIsWidthDragging,x=r.setSelectedCells,k=r.sort,R=r.sortDownIcon,C=r.sortUpIcon,E=n.useState(!1),z=E[0],S=E[1],I=null===(s=u.current)||void 0===s?void 0:s[b],D=Boolean(null==I?void 0:I.isSortable),H="st-header-cell ".concat(I===f.current?"st-hovered":""," ").concat(z?"st-dragging":""," ").concat(D?"clickable":""," ").concat(c&&!D?"draggable":""," ").concat("right"===(null==I?void 0:I.align)?"right-aligned":""),N=j({draggedHeaderRef:d,headersRef:u,hoveredHeaderRef:f,onTableHeaderDragEnd:p}),M=N.handleDragStart,L=N.handleDragEnd,T=j({draggedHeaderRef:d,headersRef:u,hoveredHeaderRef:f,onTableHeaderDragEnd:p}).handleDragOver,O=y(),A=function(e){var n=e.event,t=e.header;if(m){var r=l.length,o=Array.from({length:r},(function(e,n){return"".concat(n,"-").concat(b)})),s=function(e,n){var t=new Set,o=Math.min(e,n),s=Math.max(e,n);return Array.from({length:r}).forEach((function(e,n){Array.from({length:s-o+1}).forEach((function(e,r){t.add("".concat(n,"-").concat(o+r))}))})),t};n.shiftKey?x((function(e){var n,t=Number(null===(n=Array.from(e)[0])||void 0===n?void 0:n.split("-")[1]),r=Number(o[0].split("-")[1]);return t===r?new Set(o):t>r?s(r,t):s(t,r)})):x(new Set(o))}else t.isSortable&&g(b,t.accessor)};if(n.useEffect((function(){var e=function(e){e.preventDefault(),e.dataTransfer.dropEffect="move"};return document.addEventListener("dragover",e),function(){document.removeEventListener("dragover",e)}}),[]),!I)return null;var P=a&&e.jsx("div",{className:"st-header-resize-handle",onMouseDown:function(e){O({callback:B,callbackProps:{event:e,forceUpdate:i,header:I,headersRef:u,index:b,setIsWidthDragging:w},limit:10})}});return e.jsxs("div",t({className:H,id:v({accessor:I.accessor,rowIndex:0}),onDragOver:function(e){O({callback:T,callbackProps:{event:e,hoveredHeader:I},limit:50})},ref:o,style:{width:I.width}},{children:[h&&P,e.jsx("div",t({className:"st-header-label",draggable:c,onClick:function(e){return A({event:e,header:I})},onDragEnd:function(e){e.preventDefault(),S(!1),L()},onDragStart:function(e){c&&I&&function(e){S(!0),M(e)}(I)},onMouseEnter:function(){return document.body.style.overflow="hidden"},onMouseLeave:function(){return document.body.style.overflow="auto"}},{children:null==I?void 0:I.label})),k&&k.key.accessor===I.accessor&&e.jsxs("div",t({className:"st-sort-icon-container",onClick:function(e){return A({event:e,header:I})}},{children:["ascending"===k.direction&&C&&C,"descending"===k.direction&&R&&R]})),!h&&P]}))})),O=function(e,t){n.useEffect((function(){if(e.current){var n=e.current,r=function(){var e,r=null==n?void 0:n.scrollLeft;void 0!==r&&(null===(e=t.current)||void 0===e||e.scrollTo(r,0))};return n.addEventListener("scroll",r),function(){null==n||n.removeEventListener("scroll",r)}}}),[e,t])},A=function(r){var o,s,a,l=r.allowAnimations,c=r.columnResizing,d=r.currentRows,i=r.draggable,u=r.draggedHeaderRef,f=r.forceUpdate,b=r.headerContainerRef,g=r.headersRef,v=r.hiddenColumns,h=r.hoveredHeaderRef,m=r.isWidthDragging,w=r.mainTemplateColumns,x=r.onSort,k=r.onTableHeaderDragEnd,y=r.pinnedLeftColumns,R=r.pinnedLeftTemplateColumns,C=r.pinnedRightColumns,j=r.pinnedRightTemplateColumns,E=r.selectableColumns,S=r.setIsWidthDragging,D=r.setSelectedCells,H=r.shouldDisplayLastColumnCell,N=r.sort,M=r.sortDownIcon,L=r.sortUpIcon,B=r.mainBodyRef,A=n.useRef(null);O(B,A);return e.jsxs("div",t({className:"st-header-container",ref:b},{children:[y.length>0&&e.jsx("div",t({className:"st-header-pinned-left",style:{gridTemplateColumns:R}},{children:e.jsx(I,t({allowAnimations:l,draggedHeaderRef:u,headersRef:g,mainBodyRef:B,pauseAnimation:m,rowIndex:0},{children:null===(o=g.current)||void 0===o?void 0:o.map((function(t,r){return p({hiddenColumns:v,header:t,pinned:"left"})?e.jsx(T,{columnResizing:c,currentRows:d,draggable:i,draggedHeaderRef:u,forceUpdate:f,headersRef:g,hoveredHeaderRef:h,index:r,onSort:x,onTableHeaderDragEnd:k,ref:n.createRef(),selectableColumns:E,setIsWidthDragging:S,setSelectedCells:D,sort:N,sortDownIcon:M,sortUpIcon:L},t.accessor):null}))}))})),e.jsx("div",t({className:"st-header-main",onScroll:function(e){var n,t,r=null===(n=A.current)||void 0===n?void 0:n.scrollLeft;void 0!==r&&(null===(t=B.current)||void 0===t||t.scrollTo(r,0))},ref:A,style:{gridTemplateColumns:w}},{children:e.jsxs(I,t({allowAnimations:l,draggedHeaderRef:u,headersRef:g,mainBodyRef:B,pauseAnimation:m,rowIndex:0},{children:[null===(s=g.current)||void 0===s?void 0:s.map((function(t,r){return p({hiddenColumns:v,header:t})?e.jsx(T,{columnResizing:c,currentRows:d,draggable:i,draggedHeaderRef:u,forceUpdate:f,headersRef:g,hoveredHeaderRef:h,index:r,onSort:x,onTableHeaderDragEnd:k,ref:n.createRef(),selectableColumns:E,setIsWidthDragging:S,setSelectedCells:D,sort:N,sortDownIcon:M,sortUpIcon:L},t.accessor):null})),e.jsx(z,{ref:n.createRef(),visible:H})]}))})),C.length>0&&e.jsx("div",t({className:"st-header-pinned-right",style:{gridTemplateColumns:j}},{children:e.jsxs(I,t({allowAnimations:l,draggedHeaderRef:u,headersRef:g,mainBodyRef:B,pauseAnimation:m,rowIndex:0},{children:[null===(a=g.current)||void 0===a?void 0:a.map((function(t,r){return p({hiddenColumns:v,header:t,pinned:"right"})?e.jsx(T,{columnResizing:c,currentRows:d,draggable:i,draggedHeaderRef:u,forceUpdate:f,headersRef:g,hoveredHeaderRef:h,index:r,onSort:x,onTableHeaderDragEnd:k,reverse:!0,ref:n.createRef(),selectableColumns:E,setIsWidthDragging:S,setSelectedCells:D,sort:N,sortDownIcon:M,sortUpIcon:L},t.accessor):null})),e.jsx(z,{ref:n.createRef(),visible:H})]}))}))]}))},P=function(r){var o=r.allowAnimations,s=r.columnResizing,a=r.currentRows,l=r.draggable,c=r.draggedHeaderRef,d=r.editColumns,i=r.forceUpdate,u=r.getBorderClass,f=r.handleMouseDown,b=r.handleMouseOver,g=r.headersRef,v=r.hiddenColumns,p=r.hoveredHeaderRef,h=r.isRowExpanded,m=r.isSelected,w=r.isTopLeftCell,x=r.isWidthDragging,k=r.mainBodyRef,y=r.onCellChange,R=r.onExpandRowClick,C=r.onSort,j=r.onTableHeaderDragEnd,E=r.pinnedLeftRef,z=r.pinnedRightRef,S=r.scrollbarHorizontalRef,I=r.scrollbarWidth,D=r.selectableColumns,H=r.setIsWidthDragging,N=r.setSelectedCells,M=r.shouldPaginate,B=r.sort,T=r.sortDownIcon,O=r.sortUpIcon,P=r.tableBodyContainerRef,W=n.useRef(null),U=g.current.filter((function(e){return!e.hide&&!e.pinned})),V=n.useMemo((function(){return!!k.current&&U.reduce((function(e,n){return e+n.width}),0)<k.current.clientWidth}),[U,k]),F=g.current.filter((function(e){return"left"===e.pinned&&!0!==e.hide})),X=g.current.filter((function(e){return"right"===e.pinned&&!0!==e.hide})),G=n.useMemo((function(){return"".concat(F.map((function(e){return"".concat(e.width,"px")})).join(" "))}),[F]),J=n.useMemo((function(){return"".concat(U.filter((function(e){return!0!==v[e.accessor]})).map((function(e){return"".concat(e.width,"px")})).join(" ")," 1fr")}),[U,v]),q=n.useMemo((function(){return"".concat(X.map((function(e){return"".concat(e.width,"px")})).join(" "))}),[X]),Y={allowAnimations:o,columnResizing:s,currentRows:a,draggable:l,draggedHeaderRef:c,forceUpdate:i,headerContainerRef:W,headersRef:g,hiddenColumns:v,hoveredHeaderRef:p,isWidthDragging:x,mainBodyRef:k,mainTemplateColumns:J,onSort:C,onTableHeaderDragEnd:j,pinnedLeftColumns:F,pinnedLeftTemplateColumns:G,pinnedRightColumns:X,pinnedRightTemplateColumns:q,selectableColumns:D,setIsWidthDragging:H,setSelectedCells:N,shouldDisplayLastColumnCell:V,sort:B,sortDownIcon:T,sortUpIcon:O,tableBodyContainerRef:P},K={allowAnimations:o,currentRows:a,draggedHeaderRef:c,getBorderClass:u,handleMouseDown:f,handleMouseOver:b,headerContainerRef:W,headers:g.current,headersRef:g,hiddenColumns:v,hoveredHeaderRef:p,isRowExpanded:h,isSelected:m,isTopLeftCell:w,isWidthDragging:x,mainBodyRef:k,mainTemplateColumns:J,onCellChange:y,onExpandRowClick:R,onTableHeaderDragEnd:j,pinnedLeftColumns:F,pinnedLeftRef:E,pinnedLeftTemplateColumns:G,pinnedRightColumns:X,pinnedRightRef:z,pinnedRightTemplateColumns:q,scrollbarHorizontalRef:S,scrollbarWidth:I,shouldDisplayLastColumnCell:V,shouldPaginate:M,tableBodyContainerRef:P};return e.jsxs("div",t({className:"st-table-content",style:{width:d?"calc(100% - 27.5px)":"100%"}},{children:[e.jsx(A,t({},Y)),e.jsx(L,t({},K))]}))},W=function(e){var t=e.callback,r=e.ref,o=e.widthAttribute;n.useEffect((function(){var e=r.current;if(e){var n=function(){t(e[o]||0)};n();var s=new ResizeObserver((function(){n()}));return s.observe(e),function(){return s.disconnect()}}}),[t,r,o])},U=function(r){r.headersRef;var o=r.mainBodyRef,s=r.pinnedLeftRef,a=r.pinnedRightRef,l=r.scrollbarHorizontalRef,c=r.tableContentWidth,d=n.useState(0),i=d[0],u=d[1],f=n.useState(0),b=f[0],g=f[1],v=n.useState(0),p=v[0],h=v[1],m=n.useRef(null);return W({widthAttribute:"offsetWidth",callback:u,ref:s}),W({widthAttribute:"scrollWidth",callback:h,ref:o}),W({widthAttribute:"offsetWidth",callback:g,ref:a}),O(o,m),!o.current||o.current.scrollWidth<=o.current.clientWidth?null:e.jsx("div",t({className:"st-horizontal-scrollbar-container",ref:l},{children:e.jsxs("div",t({style:{width:c}},{children:[i>0&&e.jsx("div",{className:"st-horizontal-scrollbar-left",style:{flexShrink:0,width:i}}),p>0&&e.jsx("div",t({className:"st-horizontal-scrollbar-middle",onScroll:function(e){var n=e.target.scrollLeft;void 0!==n&&o.current&&o.current.scrollTo({left:n,behavior:"auto"})},ref:m},{children:e.jsx("div",{style:{width:p}})})),b>0&&e.jsx("div",{className:"st-horizontal-scrollbar-right",style:{flexShrink:0,minWidth:b}})]}))}))},V=function(e,t){var r=n.useState(null),s=r[0],a=r[1],l=n.useState({}),c=l[0],d=l[1],i=n.useMemo((function(){if(!s)return e;var n=function(e,n,t){var r=t?t.key:e[0],s="ascending";return t&&t.key.accessor===r.accessor&&"ascending"===t.direction&&(s="descending"),{sortedData:o([],n,!0).sort((function(e,n){var t,o,a,l,c=null!==(o=null===(t=null==e?void 0:e.rowData)||void 0===t?void 0:t[r.accessor])&&void 0!==o?o:"",d=null!==(l=null===(a=null==n?void 0:n.rowData)||void 0===a?void 0:a[r.accessor])&&void 0!==l?l:"";return c<d?"ascending"===s?1:-1:c>d?"ascending"===s?-1:1:0})),newSortConfig:{key:r,direction:s}}}(t,e,s).sortedData;return n}),[e,s,t]);return{sort:s,setSort:a,sortedRows:i,hiddenColumns:c,setHiddenColumns:d}};!function(e){e.Left="left",e.Right="right"}(g||(g={}));var F=function(r){var o=r.allowAnimations,u=void 0!==o&&o,f=r.columnEditorPosition,v=void 0===f?g.Right:f,p=r.columnEditorText,h=void 0===p?"Columns":p,m=r.columnResizing,w=void 0!==m&&m,x=r.defaultHeaders,k=r.draggable,y=void 0!==k&&k,R=r.editColumns,C=void 0!==R&&R,j=r.editColumnsInitOpen,E=void 0!==j&&j,z=r.height,S=r.hideFooter,I=void 0!==S&&S,D=r.nextIcon,H=void 0===D?e.jsx(l,{className:"st-next-prev-icon"}):D,N=r.onCellChange,M=r.prevIcon,L=void 0===M?e.jsx(a,{className:"st-next-prev-icon"}):M,B=r.rows,T=r.rowsPerPage,O=void 0===T?10:T,A=r.selectableCells,W=void 0!==A&&A,F=r.selectableColumns,X=void 0!==F&&F,G=r.shouldPaginate,J=void 0!==G&&G,q=r.sortDownIcon,Y=void 0===q?e.jsx(i,{className:"st-sort-icon"}):q,K=r.sortUpIcon,_=void 0===K?e.jsx(d,{className:"st-sort-icon"}):K,$=r.theme,Q=void 0===$?"light":$,Z=n.useState((function(){return function(e){var n=new Set,t=function(e){var r;e.rowMeta.isExpanded&&n.add(e.rowMeta.rowId.toString()),null===(r=e.rowMeta.children)||void 0===r||r.forEach(t)};return e.forEach(t),n}(B)})),ee=Z[0],ne=Z[1],te=n.useMemo((function(){return B.map((function(e,n){return t(t({},e),{originalRowIndex:n})}))}),[B]),re=n.useRef(null),oe=n.useRef(x),se=n.useRef(null),ae=n.useRef(null),le=n.useRef(null),ce=n.useRef(null),de=n.useRef(null),ie=n.useRef(null),ue=n.useState(!1),fe=ue[0],be=ue[1],ge=n.useState(1),ve=ge[0],pe=ge[1],he=n.useState(0),me=he[0],we=he[1],xe=n.useState(0),ke=xe[0],ye=xe[1],Re=V(te,oe.current),Ce=Re.sort,je=Re.setSort,Ee=Re.sortedRows,ze=Re.hiddenColumns,Se=Re.setHiddenColumns,Ie=n.useCallback((function(e){var n=String(e);ne((function(e){var t=new Set(e);return t.has(n)?t.delete(n):t.add(n),t}))}),[]),De=n.useCallback((function(e){return ee.has(String(e))}),[ee]),He=n.useReducer((function(e){return e+1}),0)[1],Ne=function(e){var t=e.selectableCells,r=e.headers,o=e.rows,s=n.useState(new Set),a=s[0],l=s[1],c=n.useRef(!1),d=n.useRef(null),i=n.useCallback((function(){var e=Array.from(a).reduce((function(e,n){var t=n.split("-").map(Number),s=t[0],a=t[1];return e[s]||(e[s]=[]),e[s][a]=o[s][r[a].accessor],e}),{}),n=Object.values(e).map((function(e){return Object.values(e).join("\t")})).join("\n");navigator.clipboard.writeText(n)}),[a,o,r]);n.useEffect((function(){var e=function(e){(e.ctrlKey||e.metaKey)&&"c"===e.key&&i()};return document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}}),[i]);var u=n.useCallback((function(e,n){return a.has("".concat(e,"-").concat(n))}),[a]),f=n.useCallback((function(e,n){var t=[];return u(e-1,n)||t.push("st-selected-top-border"),u(e+1,n)||t.push("st-selected-bottom-border"),u(e,n-1)||t.push("st-selected-left-border"),u(e,n+1)||t.push("st-selected-right-border"),t.join(" ")}),[u]),b=n.useMemo((function(){var e=Math.min.apply(Math,Array.from(a).map((function(e){return parseInt(e.split("-")[0])}))),n=Math.min.apply(Math,Array.from(a).map((function(e){return parseInt(e.split("-")[1])})));return function(t,r){return t===e&&r===n}}),[a]);return{selectedCells:a,handleMouseDown:function(e){var n=e.colIndex,r=e.rowIndex;t&&(c.current=!0,d.current={row:r,col:n},l(new Set(["".concat(r,"-").concat(n)])))},handleMouseOver:function(e,n){if(t&&c.current&&d.current){for(var r=new Set,o=Math.min(d.current.row,e),s=Math.max(d.current.row,e),a=Math.min(d.current.col,n),i=Math.max(d.current.col,n),u=o;u<=s;u++)for(var f=a;f<=i;f++)r.add("".concat(u,"-").concat(f));l(r)}},handleMouseUp:function(){c.current=!1,d.current=null},isSelected:u,getBorderClass:f,isTopLeftCell:b,setSelectedCells:l}}({selectableCells:W,headers:oe.current,rows:Ee}),Me=Ne.handleMouseDown,Le=Ne.handleMouseOver,Be=Ne.handleMouseUp,Te=Ne.isSelected,Oe=Ne.getBorderClass,Ae=Ne.isTopLeftCell,Pe=Ne.setSelectedCells,We=n.useMemo((function(){return J?Ee.slice((ve-1)*O,ve*O):Ee}),[ve,O,J,Ee]),Ue=n.useCallback((function(e,n){je((function(t){return(null==t?void 0:t.key.accessor)!==n?{key:oe.current[e],direction:"ascending"}:"ascending"===(null==t?void 0:t.direction)?{key:oe.current[e],direction:"descending"}:null}))}),[je]),Ve=n.useCallback((function(e){oe.current=e,He()}),[]);return n.useEffect((function(){var e=function(e){var n=e.target;n.closest(".st-cell")||X&&(n.classList.contains("st-header-cell")||n.classList.contains("st-header-label"))||Pe(new Set)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[X,Pe]),n.useLayoutEffect((function(){if(ie.current){var e=ie.current.offsetWidth-ie.current.clientWidth,n=ie.current.clientWidth;we(e),ye(n)}}),[]),e.jsx(c.Provider,t({value:{rows:B,tableRows:te}},{children:e.jsxs("div",t({className:"simple-table-root st-wrapper theme-".concat(Q),style:z?{height:z}:{}},{children:[e.jsxs("div",t({className:"st-table-wrapper-container"},{children:[e.jsxs("div",t({className:"st-table-wrapper",onMouseUp:Be,onMouseLeave:Be},{children:[e.jsx(P,{allowAnimations:u,columnResizing:w,currentRows:We,draggable:y,draggedHeaderRef:re,editColumns:C,forceUpdate:He,getBorderClass:Oe,handleMouseDown:Me,handleMouseOver:Le,headers:oe.current,headersRef:oe,hiddenColumns:ze,hoveredHeaderRef:se,isRowExpanded:De,isSelected:Te,isTopLeftCell:Ae,isWidthDragging:fe,mainBodyRef:ae,onCellChange:N,onExpandRowClick:Ie,onSort:Ue,onTableHeaderDragEnd:Ve,pinnedLeftRef:le,pinnedRightRef:ce,scrollbarHorizontalRef:de,scrollbarWidth:me,selectableColumns:X,setIsWidthDragging:be,setSelectedCells:Pe,shouldPaginate:J,sort:Ce,sortDownIcon:Y,sortUpIcon:_,tableBodyContainerRef:ie}),e.jsx(b,{columnEditorText:h,editColumns:C,editColumnsInitOpen:E,headers:oe.current,hiddenColumns:ze,position:v,setHiddenColumns:Se})]})),e.jsx(U,{headersRef:oe,mainBodyRef:ae,pinnedLeftRef:le,pinnedRightRef:ce,scrollbarHorizontalRef:de,tableContentWidth:ke})]})),e.jsx(s,{currentPage:ve,hideFooter:I,nextIcon:H,onPageChange:pe,prevIcon:L,rowsPerPage:O,shouldPaginate:J,totalRows:Ee.length})]}))}))};F.defaultProps={allowAnimations:!1,columnEditorPosition:g.Right,columnEditorText:"Columns",columnResizing:!1,defaultHeaders:[],draggable:!1,editColumns:!1,editColumnsInitOpen:!1,height:"",hideFooter:!1,nextIcon:e.jsx(l,{className:"st-next-prev-icon"}),onCellChange:function(){},prevIcon:e.jsx(a,{className:"st-next-prev-icon"}),rows:[],rowsPerPage:10,selectableCells:!1,selectableColumns:!1,shouldPaginate:!1,sortDownIcon:e.jsx(i,{className:"st-sort-icon"}),sortUpIcon:e.jsx(d,{className:"st-sort-icon"}),theme:"light"};var X=n.memo(F);exports.SimpleTable=X;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),r=function(){return r=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var o in n=arguments[r])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},r.apply(this,arguments)};function t(e,n){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)n.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(r[t[o]]=e[t[o]])}return r}function o(e,n,r){if(r||2===arguments.length)for(var t,o=0,a=n.length;o<a;o++)!t&&o in n||(t||(t=Array.prototype.slice.call(n,0,o)),t[o]=n[o]);return e.concat(t||Array.prototype.slice.call(n))}"function"==typeof SuppressedError&&SuppressedError;var a,s=function(n){var t=n.currentPage,o=n.hideFooter,a=n.nextIcon,s=n.onPageChange,l=n.prevIcon,i=n.rowsPerPage,c=n.shouldPaginate,d=n.totalRows,u=Math.ceil(d/i),f=t>1,h=t<u,v=function(e){e>=1&&e<=u&&s(e)};return o||!c?null:e.jsxs("div",r({className:"st-footer"},{children:[e.jsx("button",r({className:"st-next-prev-btn ".concat(f?"":"disabled"),onClick:function(){return v(t-1)},disabled:!f},{children:l})),e.jsx("button",r({className:"st-next-prev-btn ".concat(h?"":"disabled"),onClick:function(){return v(t+1)},disabled:!h},{children:a})),Array.from({length:u},(function(n,o){return e.jsx("button",r({onClick:function(){return v(o+1)},className:"st-page-btn ".concat(t===o+1?"active":"")},{children:o+1}),o)}))]}))},l=function(n){var t=n.className;return e.jsx("svg",r({className:t,viewBox:"0 0 24 24",width:"24",height:"24",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{d:"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"})}))},i=function(n){var t=n.className;return e.jsx("svg",r({className:t,viewBox:"0 0 24 24",width:"24",height:"24",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{d:"M8.59 16.59L10 18l6-6-6-6-1.41 1.41L13.17 12z"})}))},c=n.createContext({rows:[],tableRows:[]}),d=function(n){var t=n.className;return e.jsx("svg",r({className:t,viewBox:"0 0 20 20",width:"20",height:"20",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{d:"M5.41 11.41L10 6.83l4.59 4.58L16 10l-6-6-6 6z"})}))},u=function(n){var t=n.className;return e.jsx("svg",r({className:t,viewBox:"0 0 20 20",width:"20",height:"20",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{d:"M5.41 7.59L10 12.17l4.59-4.58L16 9l-6 6-6-6z"})}))},f=function(t){var o=t.checked,a=void 0!==o&&o,s=t.children,l=t.onChange,i=n.useState(a),c=i[0],d=i[1];return e.jsxs("label",r({className:"st-checkbox-label"},{children:[e.jsx("input",{checked:c,className:"st-checkbox-input",onChange:function(){var e=!c;d(e),l&&l(e)},type:"checkbox"}),e.jsx("span",r({className:"st-checkbox-custom ".concat(c?"st-checked":"")},{children:c&&e.jsx("span",{className:"st-checkbox-checkmark"})})),s]}))},h=function(n){var t=n.headers,o=n.open,a=n.position;n.setOpen;var s=n.setHiddenColumns,l=n.hiddenColumns,i="left"===a?"left":"";return e.jsx("div",r({className:"st-column-editor-popout ".concat(o?"open":""," ").concat(i),onClick:function(e){return e.stopPropagation()}},{children:e.jsx("div",r({className:"st-column-editor-popout-content"},{children:t.map((function(n,t){return e.jsx(f,r({checked:l[n.accessor],onChange:function(e){var t;return s(r(r({},l),((t={})[n.accessor]=e,t)))}},{children:n.label}),t)}))}))}))},v=function(t){var o=t.columnEditorText,a=t.editColumns,s=t.editColumnsInitOpen,l=t.headers,i=t.position,c=void 0===i?"right":i,d=t.setHiddenColumns,u=t.hiddenColumns,f=n.useState(s),v=f[0],m=f[1];return a?e.jsxs("div",r({className:"st-column-editor ".concat(v?"open":""," ").concat(c),onClick:function(){return function(e){m(e)}(!v)}},{children:[e.jsx("div",r({className:"st-column-editor-text"},{children:o})),e.jsx(h,{headers:l,open:v,position:c,setOpen:m,setHiddenColumns:d,hiddenColumns:u})]})):null},m=function(e){var n=e.accessor,r=e.rowIndex;return"cell-".concat(n,"-").concat(r)},g=function(e){var n=e.hiddenColumns,r=e.header,t=e.pinned;return n[r.accessor]?null:!t&&!r.pinned||r.pinned===t||null},p=function(n){var t=n.value,o=n.onBlur,a=n.onChange;return e.jsxs("select",r({value:t.toString(),onBlur:o,onChange:function(e){var n=e.target.value;a("true"===n)}},{children:[e.jsx("option",r({value:"true"},{children:"True"})),e.jsx("option",r({value:"false"},{children:"False"}))]}))},w=function(r){var t=r.defaultValue,o=r.onBlur,a=r.onChange,s=n.useRef(null);return e.jsx("input",{className:"editable-cell-input",ref:s,autoFocus:!0,type:"text",defaultValue:null!=t?t:"",onBlur:o,onChange:function(e){var n=e.target.value;a(n)}})},R=function(r){var t=r.defaultValue,o=r.onBlur,a=r.onChange,s=n.useRef(null);return e.jsx("input",{className:"editable-cell-input",ref:s,autoFocus:!0,defaultValue:t.toString(),onBlur:o,onChange:function(e){var n=e.target.value;/^\d*\.?\d*$/.test(n)&&a(n)}})},x=function(n){var r=n.onChange,t=n.setIsEditing,o=n.value,a=function(e){null==r||r(e)},s=function(){t(!1)};return e.jsx(e.Fragment,{children:"string"==typeof o||null==o?e.jsx(w,{defaultValue:o,onBlur:s,onChange:a}):"boolean"==typeof o?e.jsx(p,{onBlur:s,onChange:a,value:o}):"number"==typeof o?e.jsx(R,{defaultValue:o,onBlur:s,onChange:a}):null})},C=0,b=function(){return function(e){var n=e.callback,r=e.callbackProps,t=e.limit,o=Date.now();(0===C||o-C>=t)&&(C=o,n(r))}},j=Date.now(),y={screenX:0,screenY:0},E=function(e){var r,t,a=e.draggedHeaderRef,s=e.headersRef,l=e.hoveredHeaderRef,i=e.onTableHeaderDragEnd,c=(r=s.current,t=n.useRef(r),n.useEffect((function(){t.current=r}),[r]),t.current);return{handleDragStart:function(e){a.current=e,j=Date.now()},handleDragOver:function(e){var n,r=e.event,t=e.hoveredHeader;if(r.preventDefault(),s.current){var d=r.currentTarget.getAnimations().some((function(e){return"running"===e.playState})),u=r.screenX,f=r.screenY,h=Math.sqrt(Math.pow(u-y.screenX,2)+Math.pow(f-y.screenY,2));l.current=t;var v=o([],s.current,!0),m=v.findIndex((function(e){var n;return e.accessor===(null===(n=a.current)||void 0===n?void 0:n.accessor)})),g=v.findIndex((function(e){return e.accessor===t.accessor})),p=v.splice(m,1)[0];if(v.splice(g,0,p),!(d||t.accessor===(null===(n=a.current)||void 0===n?void 0:n.accessor)||null===a.current||h<10||void 0===m||void 0===g||JSON.stringify(v)===JSON.stringify(s.current))){var w=Date.now();JSON.stringify(v)===JSON.stringify(c)&&w-j<800&&h<50||(j=w,y={screenX:u,screenY:f},i(v))}}},handleDragEnd:function(){a.current=null,l.current=null}}},I=n.forwardRef((function(t,o){var a,s=t.borderClass,l=t.cellHasChildren,d=t.colIndex,f=t.content,h=t.depth,v=t.draggedHeaderRef,g=t.header,p=t.headersRef,w=t.hoveredHeaderRef,R=t.isRowExpanded,C=t.isSelected,j=t.isTopLeftCell,y=t.onCellChange,I=t.onExpandRowClick,S=t.onMouseDown,D=t.onMouseOver,H=t.onTableHeaderDragEnd,k=t.row,M=t.rowIndex,N=n.useContext(c),L=N.rows,T=N.tableRows,B=n.useState(f),O=B[0],A=B[1],P=n.useState(!1),W=P[0],z=P[1],U=E({draggedHeaderRef:v,headersRef:p,hoveredHeaderRef:w,onTableHeaderDragEnd:H}).handleDragOver,F=b(),G=Boolean(null==g?void 0:g.isEditable),V=M%2==0,J="st-cell ".concat(h>0&&g.expandable?"st-cell-depth-".concat(h):""," ").concat(C?j?"st-cell-selected-first-cell ".concat(s):"st-cell-selected ".concat(s):""," ").concat(V?"st-cell-odd-row":"st-cell-even-row"," ").concat(G?"clickable":""," ").concat("right"===g.align?"right-aligned":"");n.useEffect((function(){"object"!=typeof f&&A(f)}),[f]),n.useEffect((function(){}),[g.accessor,O,L,null===(a=k.rowMeta)||void 0===a?void 0:a.rowId,T]);return W?e.jsx("div",r({className:"st-cell-editing ".concat(V?"st-cell-odd-row":"st-cell-even-row"),id:m({accessor:g.accessor,rowIndex:M+1})},{children:e.jsx(x,{onChange:function(e){var n;A(e),null==y||y({accessor:g.accessor,newValue:e,newRowIndex:M,originalRowIndex:null===(n=k.rowMeta)||void 0===n?void 0:n.rowId,row:k})},setIsEditing:z,value:O})})):e.jsxs("div",r({className:J,id:m({accessor:g.accessor,rowIndex:M+1}),onDoubleClick:function(){return g.isEditable&&z(!0)},onMouseDown:function(){return S(M,d)},onMouseOver:function(){return D(M,d)},onDragOver:function(e){return F({callback:U,callbackProps:{event:e,hoveredHeader:g},limit:50})},ref:o},{children:[g.expandable&&l?R(k.rowMeta.rowId)?e.jsx("div",r({className:"st-sort-icon-container",onClick:function(){return I(k.rowMeta.rowId)}},{children:e.jsx(u,{className:"st-sort-icon"})})):e.jsx("div",r({className:"st-sort-icon-container",onClick:function(){return I(k.rowMeta.rowId)}},{children:e.jsx(i,{className:"st-sort-icon"})})):null,e.jsx("span",{children:O})]}))})),S=n.forwardRef((function(n,r){return n.visible?e.jsx("div",{className:"st-cell",ref:r}):e.jsx("div",{ref:r})})),D=function(n){var r=n.lastGroupRow;return e.jsx("div",{className:"st-row-separator ".concat(r?"st-last-group-row":"")})},H=function(n){var o=n.allowAnimations,a=n.children,s=t(n,["allowAnimations","children"]);return o?e.jsx(k,r({},s,{children:a})):e.jsx(e.Fragment,{children:a})},k=function(r){var t=r.allowHorizontalAnimate,o=void 0===t||t,a=r.children,s=r.draggedHeaderRef,l=r.headersRef,i=r.isBody,c=r.mainBodyRef,d=r.pauseAnimation,u=r.rowIndex,f=n.useRef(!1),h=n.useState({}),v=h[0],g=h[1],p=n.useRef({}),w=l.current;return n.useLayoutEffect((function(){if(w){var e=function(e){var n=e.currentHeaders,r=e.draggedHeaderRef,t=e.rowIndex,o={};return n.forEach((function(e){var n;if(e){var a=document.getElementById(m({accessor:e.accessor,rowIndex:t}));if(a){var s=a.getAnimations().some((function(e){return"running"===e.playState})),l=a.getBoundingClientRect();s&&(null===(n=null==r?void 0:r.current)||void 0===n?void 0:n.accessor)!==e.accessor?o[e.accessor]=!1:o[e.accessor]=l}}})),o}({currentHeaders:w,draggedHeaderRef:s,rowIndex:u});JSON.stringify(e)!==JSON.stringify(v)&&(p.current=v,g(e))}}),[v,w,s,i,u]),n.useLayoutEffect((function(){var e=c.current,n=function(){f.current=!0},r=function(){f.current=!1};return null==e||e.addEventListener("scroll",n),null==e||e.addEventListener("scrollend",r),function(){null==e||e.removeEventListener("scroll",n),null==e||e.removeEventListener("scrollend",r)}}),[s,c]),n.useEffect((function(){d||f.current||Object.keys(p.current).length&&w&&w.forEach((function(e){var n=document.getElementById(m({accessor:e.accessor,rowIndex:u}));if(n){var r=p.current[e.accessor],t=v[e.accessor];if(r&&t){var a=r.left-t.left,s=o?0:r.top-t.top,l=Math.abs(a),i=Math.abs(s);(l>10||i>10)&&requestAnimationFrame((function(){n.style.transform="translate(".concat(a,"px, ").concat(s,"px)"),n.style.transition="transform 0s",requestAnimationFrame((function(){n.style.transform="",n.style.transition="transform ".concat(400,"ms ease-out")}))}))}}}))}),[o,v,w,i,d,p,u]),e.jsx(e.Fragment,{children:a})},M=function(o){var a,s=o.getBorderClass,l=o.handleMouseDown,i=o.handleMouseOver,c=o.headers,d=o.hiddenColumns,u=o.isRowExpanded,f=o.isSelected,h=o.isTopLeftCell,v=o.lastGroupRow,m=o.onExpandRowClick,p=o.pinned,w=o.row,R=o.rowIndex,x=o.shouldDisplayLastColumnCell,C=t(o,["getBorderClass","handleMouseDown","handleMouseOver","headers","hiddenColumns","isRowExpanded","isSelected","isTopLeftCell","lastGroupRow","onExpandRowClick","pinned","row","rowIndex","shouldDisplayLastColumnCell"]),b=null===(a=w.rowMeta)||void 0===a?void 0:a.children;return e.jsxs(H,r({allowAnimations:C.allowAnimations,allowHorizontalAnimate:C.shouldPaginate,draggedHeaderRef:C.draggedHeaderRef,headersRef:C.headersRef,isBody:!0,mainBodyRef:C.mainBodyRef,pauseAnimation:C.isWidthDragging,rowIndex:R+1},{children:[0!==R&&e.jsx(D,{lastGroupRow:v}),c.map((function(e,t){if(!g({hiddenColumns:d,header:e,pinned:p}))return null;var o=w.rowData[e.accessor];return e.cellRenderer&&(o=e.cellRenderer(w)),n.createElement(I,r({},C,{borderClass:s(R,t),cellHasChildren:((null==b?void 0:b.length)||0)>0,colIndex:t,content:o,header:e,isRowExpanded:u,isSelected:f(R,t),isTopLeftCell:h(R,t),key:t,onExpandRowClick:m,onMouseDown:function(){return l({rowIndex:R,colIndex:t})},onMouseOver:function(){return i(R,t)},row:w,rowIndex:R}))})),e.jsx(S,{ref:n.createRef(),visible:x})]}))},N=function(t){var o,a,s,l=t.depth,i=void 0===l?0:l,c=t.getNextRowIndex,d=t.index,u=t.lastGroupRow,f=t.pinned,h=t.props,v=t.row,m=((null===(a=null===(o=v.rowMeta)||void 0===o?void 0:o.children)||void 0===a?void 0:a.length)||0)>0,g=c(),p=(null===(s=v.rowMeta)||void 0===s?void 0:s.children)||[];return e.jsxs(e.Fragment,{children:[n.createElement(M,r({},h,{depth:i,lastGroupRow:u,key:d,pinned:f,row:v,rowIndex:g})),m&&h.isRowExpanded(v.rowMeta.rowId)&&p.map((function(n,r){return e.jsx(N,{depth:i+1,getNextRowIndex:c,index:r,pinned:f,props:h,row:n},r)}))]})},L=function(o){o.headerContainerRef;var a=o.isRowExpanded,s=o.onExpandRowClick,l=o.pinned,i=o.rows,c=o.sectionRef,d=o.templateColumns,u=t(o,["headerContainerRef","isRowExpanded","onExpandRowClick","pinned","rows","sectionRef","templateColumns"]),f=l?"st-table-body-pinned-".concat(l):"st-table-body-main",h=n.useRef(0);n.useEffect((function(){h.current=0}));var v=function(){return h.current++};return e.jsx("div",r({className:f,ref:c,style:{gridTemplateColumns:d}},{children:i.map((function(n,t){var o,i;return e.jsx(N,{getNextRowIndex:v,index:t,lastGroupRow:Boolean(null===(i=null===(o=n.rowMeta)||void 0===o?void 0:o.children)||void 0===i?void 0:i.length),pinned:l,props:r(r({},u),{isRowExpanded:a,onExpandRowClick:s}),row:n},t)}))}))},T=function(t){var o=t.currentRows,a=t.headerContainerRef,s=t.isRowExpanded,l=t.mainBodyRef,i=t.mainTemplateColumns,c=t.onExpandRowClick,d=t.pinnedLeftColumns,u=t.pinnedLeftRef,f=t.pinnedLeftTemplateColumns,h=t.pinnedRightColumns,v=t.pinnedRightRef,m=t.pinnedRightTemplateColumns,g=t.scrollbarHorizontalRef,p=t.scrollbarWidth,w=t.tableBodyContainerRef;return function(e){var r=e.headerContainerRef,t=e.mainSectionRef,o=e.scrollbarHorizontalRef,a=e.scrollbarWidth,s=n.useState(!1),l=s[0],i=s[1];n.useEffect((function(){var e=null==r?void 0:r.current,n=null==o?void 0:o.current;if(l&&e)return e.classList.add("st-header-scroll-padding"),null==n||n.classList.add("st-header-scroll-padding"),e.style.setProperty("--st-after-width","".concat(a,"px")),null==n||n.style.setProperty("--st-after-width","".concat(a,"px")),function(){e.classList.remove("st-header-scroll-padding"),null==n||n.classList.remove("st-header-scroll-padding")}}),[r,l,o,a]),n.useEffect((function(){var e=null==r?void 0:r.current,n=null==t?void 0:t.current;if(n&&e){var o=function(){if(n){var e=n.scrollHeight>n.clientHeight;i(e)}};o();var a=new ResizeObserver((function(){o()}));return a.observe(n),function(){n&&a.unobserve(n)}}}),[r,t])}({headerContainerRef:a,mainSectionRef:w,scrollbarHorizontalRef:g,scrollbarWidth:p}),e.jsxs("div",r({className:"st-table-body-container",ref:w},{children:[d.length>0&&e.jsx(L,r({},t,{rows:o,templateColumns:f,pinned:"left",sectionRef:u,isRowExpanded:s,onExpandRowClick:c})),e.jsx(L,r({},t,{rows:o,templateColumns:i,sectionRef:l,isRowExpanded:s,onExpandRowClick:c})),h.length>0&&e.jsx(L,r({},t,{rows:o,templateColumns:m,pinned:"right",sectionRef:v,isRowExpanded:s,onExpandRowClick:c}))]}))},B=function(e){var n=e.event,r=e.forceUpdate,t=e.header,o=e.headersRef,a=e.index;e.reverse;var s=e.setIsWidthDragging;s(!0),n.preventDefault();var l=n.clientX;if(t){var i=t.width,c=function(e){var n=Math.max(i+(e.clientX-l),40);t&&o.current&&(o.current[a].width=n,r())},d=function(){document.removeEventListener("mousemove",c),document.removeEventListener("mouseup",d),s(!1)};document.addEventListener("mousemove",c),document.addEventListener("mouseup",d)}},O=n.forwardRef((function(t,o){var a,s=t.columnResizing,l=t.currentRows,i=t.draggable,c=t.draggedHeaderRef,d=t.forceUpdate,u=t.headersRef,f=t.hoveredHeaderRef,h=t.index,v=t.onSort,g=t.onTableHeaderDragEnd,p=t.reverse,w=t.selectableColumns,R=t.setIsWidthDragging,x=t.setSelectedCells,C=t.sort,j=t.sortDownIcon,y=t.sortUpIcon,I=n.useState(!1),S=I[0],D=I[1],H=null===(a=u.current)||void 0===a?void 0:a[h],k=Boolean(null==H?void 0:H.isSortable),M="st-header-cell ".concat(H===f.current?"st-hovered":""," ").concat(S?"st-dragging":""," ").concat(k?"clickable":""," ").concat(i&&!k?"draggable":""," ").concat("right"===(null==H?void 0:H.align)?"right-aligned":""),N=E({draggedHeaderRef:c,headersRef:u,hoveredHeaderRef:f,onTableHeaderDragEnd:g}),L=N.handleDragStart,T=N.handleDragEnd,O=E({draggedHeaderRef:c,headersRef:u,hoveredHeaderRef:f,onTableHeaderDragEnd:g}).handleDragOver,A=b(),P=function(e){var n=e.event,r=e.header;if(w){var t=l.length,o=Array.from({length:t},(function(e,n){return"".concat(n,"-").concat(h)})),a=function(e,n){var r=new Set,o=Math.min(e,n),a=Math.max(e,n);return Array.from({length:t}).forEach((function(e,n){Array.from({length:a-o+1}).forEach((function(e,t){r.add("".concat(n,"-").concat(o+t))}))})),r};n.shiftKey?x((function(e){var n,r=Number(null===(n=Array.from(e)[0])||void 0===n?void 0:n.split("-")[1]),t=Number(o[0].split("-")[1]);return r===t?new Set(o):r>t?a(t,r):a(r,t)})):x(new Set(o))}else r.isSortable&&v(h,r.accessor)};if(n.useEffect((function(){var e=function(e){e.preventDefault(),e.dataTransfer.dropEffect="move"};return document.addEventListener("dragover",e),function(){document.removeEventListener("dragover",e)}}),[]),!H)return null;var W=s&&e.jsx("div",{className:"st-header-resize-handle",onMouseDown:function(e){A({callback:B,callbackProps:{event:e,forceUpdate:d,header:H,headersRef:u,index:h,setIsWidthDragging:R},limit:10})}});return e.jsxs("div",r({className:M,id:m({accessor:H.accessor,rowIndex:0}),onDragOver:function(e){A({callback:O,callbackProps:{event:e,hoveredHeader:H},limit:50})},ref:o,style:{width:H.width}},{children:[p&&W,e.jsx("div",r({className:"st-header-label",draggable:i,onClick:function(e){return P({event:e,header:H})},onDragEnd:function(e){e.preventDefault(),D(!1),T()},onDragStart:function(e){i&&H&&function(e){D(!0),L(e)}(H)},onMouseEnter:function(){return document.body.style.overflow="hidden"},onMouseLeave:function(){return document.body.style.overflow="auto"}},{children:null==H?void 0:H.label})),C&&C.key.accessor===H.accessor&&e.jsxs("div",r({className:"st-sort-icon-container",onClick:function(e){return P({event:e,header:H})}},{children:["ascending"===C.direction&&y&&y,"descending"===C.direction&&j&&j]})),!p&&W]}))})),A=function(e,r){n.useEffect((function(){if(e.current){var n=e.current,t=function(){var e,t=null==n?void 0:n.scrollLeft;void 0!==t&&(null===(e=r.current)||void 0===e||e.scrollTo(t,0))};return n.addEventListener("scroll",t),function(){null==n||n.removeEventListener("scroll",t)}}}),[e,r])},P=function(t){var o,a,s,l=t.allowAnimations,i=t.columnResizing,c=t.currentRows,d=t.draggable,u=t.draggedHeaderRef,f=t.forceUpdate,h=t.headerContainerRef,v=t.headersRef,m=t.hiddenColumns,p=t.hoveredHeaderRef,w=t.isWidthDragging,R=t.mainTemplateColumns,x=t.onSort,C=t.onTableHeaderDragEnd,b=t.pinnedLeftColumns,j=t.pinnedLeftTemplateColumns,y=t.pinnedRightColumns,E=t.pinnedRightTemplateColumns,I=t.selectableColumns,D=t.setIsWidthDragging,k=t.setSelectedCells,M=t.shouldDisplayLastColumnCell,N=t.sort,L=t.sortDownIcon,T=t.sortUpIcon,B=t.mainBodyRef,P=n.useRef(null);A(B,P);return e.jsxs("div",r({className:"st-header-container",ref:h},{children:[b.length>0&&e.jsx("div",r({className:"st-header-pinned-left",style:{gridTemplateColumns:j}},{children:e.jsx(H,r({allowAnimations:l,draggedHeaderRef:u,headersRef:v,mainBodyRef:B,pauseAnimation:w,rowIndex:0},{children:null===(o=v.current)||void 0===o?void 0:o.map((function(r,t){return g({hiddenColumns:m,header:r,pinned:"left"})?e.jsx(O,{columnResizing:i,currentRows:c,draggable:d,draggedHeaderRef:u,forceUpdate:f,headersRef:v,hoveredHeaderRef:p,index:t,onSort:x,onTableHeaderDragEnd:C,ref:n.createRef(),selectableColumns:I,setIsWidthDragging:D,setSelectedCells:k,sort:N,sortDownIcon:L,sortUpIcon:T},r.accessor):null}))}))})),e.jsx("div",r({className:"st-header-main",onScroll:function(e){var n,r,t=null===(n=P.current)||void 0===n?void 0:n.scrollLeft;void 0!==t&&(null===(r=B.current)||void 0===r||r.scrollTo(t,0))},ref:P,style:{gridTemplateColumns:R}},{children:e.jsxs(H,r({allowAnimations:l,draggedHeaderRef:u,headersRef:v,mainBodyRef:B,pauseAnimation:w,rowIndex:0},{children:[null===(a=v.current)||void 0===a?void 0:a.map((function(r,t){return g({hiddenColumns:m,header:r})?e.jsx(O,{columnResizing:i,currentRows:c,draggable:d,draggedHeaderRef:u,forceUpdate:f,headersRef:v,hoveredHeaderRef:p,index:t,onSort:x,onTableHeaderDragEnd:C,ref:n.createRef(),selectableColumns:I,setIsWidthDragging:D,setSelectedCells:k,sort:N,sortDownIcon:L,sortUpIcon:T},r.accessor):null})),e.jsx(S,{ref:n.createRef(),visible:M})]}))})),y.length>0&&e.jsx("div",r({className:"st-header-pinned-right",style:{gridTemplateColumns:E}},{children:e.jsxs(H,r({allowAnimations:l,draggedHeaderRef:u,headersRef:v,mainBodyRef:B,pauseAnimation:w,rowIndex:0},{children:[null===(s=v.current)||void 0===s?void 0:s.map((function(r,t){return g({hiddenColumns:m,header:r,pinned:"right"})?e.jsx(O,{columnResizing:i,currentRows:c,draggable:d,draggedHeaderRef:u,forceUpdate:f,headersRef:v,hoveredHeaderRef:p,index:t,onSort:x,onTableHeaderDragEnd:C,reverse:!0,ref:n.createRef(),selectableColumns:I,setIsWidthDragging:D,setSelectedCells:k,sort:N,sortDownIcon:L,sortUpIcon:T},r.accessor):null})),e.jsx(S,{ref:n.createRef(),visible:M})]}))}))]}))},W=function(t){var o=t.allowAnimations,a=t.columnResizing,s=t.currentRows,l=t.draggable,i=t.draggedHeaderRef,c=t.editColumns,d=t.forceUpdate,u=t.getBorderClass,f=t.handleMouseDown,h=t.handleMouseOver,v=t.headersRef,m=t.hiddenColumns,g=t.hoveredHeaderRef,p=t.isRowExpanded,w=t.isSelected,R=t.isTopLeftCell,x=t.isWidthDragging,C=t.mainBodyRef,b=t.onCellChange,j=t.onExpandRowClick,y=t.onSort,E=t.onTableHeaderDragEnd,I=t.pinnedLeftRef,S=t.pinnedRightRef,D=t.scrollbarHorizontalRef,H=t.scrollbarWidth,k=t.selectableColumns,M=t.setIsWidthDragging,N=t.setSelectedCells,L=t.shouldPaginate,B=t.sort,O=t.sortDownIcon,A=t.sortUpIcon,W=t.tableBodyContainerRef,z=n.useRef(null),U=v.current.filter((function(e){return!e.hide&&!e.pinned})),F=n.useMemo((function(){return!!C.current&&U.reduce((function(e,n){return e+n.width}),0)<C.current.clientWidth}),[U,C]),G=v.current.filter((function(e){return"left"===e.pinned&&!0!==e.hide})),V=v.current.filter((function(e){return"right"===e.pinned&&!0!==e.hide})),J=n.useMemo((function(){return"".concat(G.map((function(e){return"".concat(e.width,"px")})).join(" "))}),[G]),X=n.useMemo((function(){return"".concat(U.filter((function(e){return!0!==m[e.accessor]})).map((function(e){return"".concat(e.width,"px")})).join(" ")," 1fr")}),[U,m]),q=n.useMemo((function(){return"".concat(V.map((function(e){return"".concat(e.width,"px")})).join(" "))}),[V]),Y={allowAnimations:o,columnResizing:a,currentRows:s,draggable:l,draggedHeaderRef:i,forceUpdate:d,headerContainerRef:z,headersRef:v,hiddenColumns:m,hoveredHeaderRef:g,isWidthDragging:x,mainBodyRef:C,mainTemplateColumns:X,onSort:y,onTableHeaderDragEnd:E,pinnedLeftColumns:G,pinnedLeftTemplateColumns:J,pinnedRightColumns:V,pinnedRightTemplateColumns:q,selectableColumns:k,setIsWidthDragging:M,setSelectedCells:N,shouldDisplayLastColumnCell:F,sort:B,sortDownIcon:O,sortUpIcon:A,tableBodyContainerRef:W},K={allowAnimations:o,currentRows:s,draggedHeaderRef:i,getBorderClass:u,handleMouseDown:f,handleMouseOver:h,headerContainerRef:z,headers:v.current,headersRef:v,hiddenColumns:m,hoveredHeaderRef:g,isRowExpanded:p,isSelected:w,isTopLeftCell:R,isWidthDragging:x,mainBodyRef:C,mainTemplateColumns:X,onCellChange:b,onExpandRowClick:j,onTableHeaderDragEnd:E,pinnedLeftColumns:G,pinnedLeftRef:I,pinnedLeftTemplateColumns:J,pinnedRightColumns:V,pinnedRightRef:S,pinnedRightTemplateColumns:q,scrollbarHorizontalRef:D,scrollbarWidth:H,shouldDisplayLastColumnCell:F,shouldPaginate:L,tableBodyContainerRef:W};return e.jsxs("div",r({className:"st-table-content",style:{width:c?"calc(100% - 27.5px)":"100%"}},{children:[e.jsx(P,r({},Y)),e.jsx(T,r({},K))]}))},z=function(e){var r=e.callback,t=e.ref,o=e.widthAttribute;n.useEffect((function(){var e=t.current;if(e){var n=function(){r(e[o]||0)};n();var a=new ResizeObserver((function(){n()}));return a.observe(e),function(){return a.disconnect()}}}),[r,t,o])},U=function(t){t.headersRef;var o=t.mainBodyRef,a=t.pinnedLeftRef,s=t.pinnedRightRef,l=t.scrollbarHorizontalRef,i=t.tableContentWidth,c=n.useState(0),d=c[0],u=c[1],f=n.useState(0),h=f[0],v=f[1],m=n.useState(0),g=m[0],p=m[1],w=n.useRef(null);return z({widthAttribute:"offsetWidth",callback:u,ref:a}),z({widthAttribute:"scrollWidth",callback:p,ref:o}),z({widthAttribute:"offsetWidth",callback:v,ref:s}),A(o,w),!o.current||o.current.scrollWidth<=o.current.clientWidth?null:e.jsx("div",r({className:"st-horizontal-scrollbar-container",ref:l},{children:e.jsxs("div",r({style:{width:i}},{children:[d>0&&e.jsx("div",{className:"st-horizontal-scrollbar-left",style:{flexShrink:0,width:d}}),g>0&&e.jsx("div",r({className:"st-horizontal-scrollbar-middle",onScroll:function(e){var n=e.target.scrollLeft;void 0!==n&&o.current&&o.current.scrollTo({left:n,behavior:"auto"})},ref:w},{children:e.jsx("div",{style:{width:g}})})),h>0&&e.jsx("div",{className:"st-horizontal-scrollbar-right",style:{flexShrink:0,minWidth:h}})]}))}))},F=function(e,r){var t=n.useState(null),a=t[0],s=t[1],l=n.useState({}),i=l[0],c=l[1],d=n.useMemo((function(){if(!a)return e;var n=function(e,n,r){var t=r?r.key:e[0],a="ascending";return r&&r.key.accessor===t.accessor&&"ascending"===r.direction&&(a="descending"),{sortedData:o([],n,!0).sort((function(e,n){var r,o,s,l,i=null!==(o=null===(r=null==e?void 0:e.rowData)||void 0===r?void 0:r[t.accessor])&&void 0!==o?o:"",c=null!==(l=null===(s=null==n?void 0:n.rowData)||void 0===s?void 0:s[t.accessor])&&void 0!==l?l:"";return i<c?"ascending"===a?1:-1:i>c?"ascending"===a?-1:1:0})),newSortConfig:{key:t,direction:a}}}(r,e,a).sortedData;return n}),[e,a,r]);return{sort:a,setSort:s,sortedRows:d,hiddenColumns:i,setHiddenColumns:c}};!function(e){e.Left="left",e.Right="right"}(a||(a={}));var G=function(t){var o=t.allowAnimations,f=void 0!==o&&o,h=t.columnEditorPosition,m=void 0===h?a.Right:h,g=t.columnEditorText,p=void 0===g?"Columns":g,w=t.columnResizing,R=void 0!==w&&w,x=t.defaultHeaders,C=t.draggable,b=void 0!==C&&C,j=t.editColumns,y=void 0!==j&&j,E=t.editColumnsInitOpen,I=void 0!==E&&E,S=t.height,D=t.hideFooter,H=void 0!==D&&D,k=t.nextIcon,M=void 0===k?e.jsx(i,{className:"st-next-prev-icon"}):k,N=t.onCellChange,L=t.prevIcon,T=void 0===L?e.jsx(l,{className:"st-next-prev-icon"}):L,B=t.rows,O=t.rowsPerPage,A=void 0===O?10:O,P=t.selectableCells,z=void 0!==P&&P,G=t.selectableColumns,V=void 0!==G&&G,J=t.shouldPaginate,X=void 0!==J&&J,q=t.sortDownIcon,Y=void 0===q?e.jsx(u,{className:"st-sort-icon"}):q,K=t.sortUpIcon,_=void 0===K?e.jsx(d,{className:"st-sort-icon"}):K,$=t.theme,Q=void 0===$?"light":$,Z=n.useState((function(){return function(e){var n=new Set,r=function(e){var t;e.rowMeta.isExpanded&&n.add(e.rowMeta.rowId.toString()),null===(t=e.rowMeta.children)||void 0===t||t.forEach(r)};return e.forEach(r),n}(B)})),ee=Z[0],ne=Z[1],re=n.useMemo((function(){return B.map((function(e,n){return r(r({},e),{originalRowIndex:n})}))}),[B]),te=n.useRef(null),oe=n.useRef(x),ae=n.useRef(null),se=n.useRef(null),le=n.useRef(null),ie=n.useRef(null),ce=n.useRef(null),de=n.useRef(null),ue=n.useState(!1),fe=ue[0],he=ue[1],ve=n.useState(1),me=ve[0],ge=ve[1],pe=n.useState(0),we=pe[0],Re=pe[1],xe=n.useState(0),Ce=xe[0],be=xe[1],je=F(re,oe.current),ye=je.sort,Ee=je.setSort,Ie=je.sortedRows,Se=je.hiddenColumns,De=je.setHiddenColumns,He=n.useCallback((function(e){var n=String(e);ne((function(e){var r=new Set(e);return r.has(n)?r.delete(n):r.add(n),r}))}),[]),ke=n.useCallback((function(e){return ee.has(String(e))}),[ee]),Me=n.useReducer((function(e){return e+1}),0)[1],Ne=function(e){var r=e.selectableCells,t=e.headers,o=e.rows,a=n.useState(new Set),s=a[0],l=a[1],i=n.useRef(!1),c=n.useRef(null),d=n.useCallback((function(){var e=Array.from(s).reduce((function(e,n){var r=n.split("-").map(Number),a=r[0],s=r[1];return e[a]||(e[a]=[]),e[a][s]=o[a][t[s].accessor],e}),{}),n=Object.values(e).map((function(e){return Object.values(e).join("\t")})).join("\n");navigator.clipboard.writeText(n)}),[s,o,t]);n.useEffect((function(){var e=function(e){(e.ctrlKey||e.metaKey)&&"c"===e.key&&d()};return document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}}),[d]);var u=n.useCallback((function(e,n){return s.has("".concat(e,"-").concat(n))}),[s]),f=n.useCallback((function(e,n){var r=[];return u(e-1,n)||r.push("st-selected-top-border"),u(e+1,n)||r.push("st-selected-bottom-border"),u(e,n-1)||r.push("st-selected-left-border"),u(e,n+1)||r.push("st-selected-right-border"),r.join(" ")}),[u]),h=n.useMemo((function(){var e=Math.min.apply(Math,Array.from(s).map((function(e){return parseInt(e.split("-")[0])}))),n=Math.min.apply(Math,Array.from(s).map((function(e){return parseInt(e.split("-")[1])})));return function(r,t){return r===e&&t===n}}),[s]);return{selectedCells:s,handleMouseDown:function(e){var n=e.colIndex,t=e.rowIndex;r&&(i.current=!0,c.current={row:t,col:n},l(new Set(["".concat(t,"-").concat(n)])))},handleMouseOver:function(e,n){if(r&&i.current&&c.current){for(var t=new Set,o=Math.min(c.current.row,e),a=Math.max(c.current.row,e),s=Math.min(c.current.col,n),d=Math.max(c.current.col,n),u=o;u<=a;u++)for(var f=s;f<=d;f++)t.add("".concat(u,"-").concat(f));l(t)}},handleMouseUp:function(){i.current=!1,c.current=null},isSelected:u,getBorderClass:f,isTopLeftCell:h,setSelectedCells:l}}({selectableCells:z,headers:oe.current,rows:Ie}),Le=Ne.handleMouseDown,Te=Ne.handleMouseOver,Be=Ne.handleMouseUp,Oe=Ne.isSelected,Ae=Ne.getBorderClass,Pe=Ne.isTopLeftCell,We=Ne.setSelectedCells,ze=n.useMemo((function(){return X?Ie.slice((me-1)*A,me*A):Ie}),[me,A,X,Ie]),Ue=n.useCallback((function(e,n){Ee((function(r){return(null==r?void 0:r.key.accessor)!==n?{key:oe.current[e],direction:"ascending"}:"ascending"===(null==r?void 0:r.direction)?{key:oe.current[e],direction:"descending"}:null}))}),[Ee]),Fe=n.useCallback((function(e){oe.current=e,Me()}),[]);return n.useEffect((function(){var e=function(e){var n=e.target;n.closest(".st-cell")||V&&(n.classList.contains("st-header-cell")||n.classList.contains("st-header-label"))||We(new Set)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[V,We]),n.useLayoutEffect((function(){if(de.current){var e=de.current.offsetWidth-de.current.clientWidth,n=de.current.clientWidth;Re(e),be(n)}}),[]),e.jsx(c.Provider,r({value:{rows:B,tableRows:re}},{children:e.jsxs("div",r({className:"simple-table-root st-wrapper theme-".concat(Q),style:S?{height:S}:{}},{children:[e.jsxs("div",r({className:"st-table-wrapper-container"},{children:[e.jsxs("div",r({className:"st-table-wrapper",onMouseUp:Be,onMouseLeave:Be},{children:[e.jsx(W,{allowAnimations:f,columnResizing:R,currentRows:ze,draggable:b,draggedHeaderRef:te,editColumns:y,forceUpdate:Me,getBorderClass:Ae,handleMouseDown:Le,handleMouseOver:Te,headers:oe.current,headersRef:oe,hiddenColumns:Se,hoveredHeaderRef:ae,isRowExpanded:ke,isSelected:Oe,isTopLeftCell:Pe,isWidthDragging:fe,mainBodyRef:se,onCellChange:N,onExpandRowClick:He,onSort:Ue,onTableHeaderDragEnd:Fe,pinnedLeftRef:le,pinnedRightRef:ie,scrollbarHorizontalRef:ce,scrollbarWidth:we,selectableColumns:V,setIsWidthDragging:he,setSelectedCells:We,shouldPaginate:X,sort:ye,sortDownIcon:Y,sortUpIcon:_,tableBodyContainerRef:de}),e.jsx(v,{columnEditorText:p,editColumns:y,editColumnsInitOpen:I,headers:oe.current,hiddenColumns:Se,position:m,setHiddenColumns:De})]})),e.jsx(U,{headersRef:oe,mainBodyRef:se,pinnedLeftRef:le,pinnedRightRef:ie,scrollbarHorizontalRef:ce,tableContentWidth:Ce})]})),e.jsx(s,{currentPage:me,hideFooter:H,nextIcon:M,onPageChange:ge,prevIcon:T,rowsPerPage:A,shouldPaginate:X,totalRows:Ie.length})]}))}))};G.defaultProps={allowAnimations:!1,columnEditorPosition:a.Right,columnEditorText:"Columns",columnResizing:!1,defaultHeaders:[],draggable:!1,editColumns:!1,editColumnsInitOpen:!1,height:"",hideFooter:!1,nextIcon:e.jsx(i,{className:"st-next-prev-icon"}),onCellChange:function(){},prevIcon:e.jsx(l,{className:"st-next-prev-icon"}),rows:[],rowsPerPage:10,selectableCells:!1,selectableColumns:!1,shouldPaginate:!1,sortDownIcon:e.jsx(u,{className:"st-sort-icon"}),sortUpIcon:e.jsx(d,{className:"st-sort-icon"}),theme:"light"};var V=n.memo(G);exports.SimpleTable=V;
2
2
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode"],"mappings":"w7HAAA,SAAqBA,EAAKC,QACX,IAARA,IAAiBA,EAAM,CAAA,GAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAKF,GAA2B,oBAAbG,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBY,CAqB1D"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/dist/styles.css ADDED
@@ -0,0 +1 @@
1
+ .simple-table-root{--st-after-width:11.01px;--st-resize-handle-width:3px;--st-border-radius:4px;--st-border-width:1px;--st-cell-padding:8px;--st-font-size:1rem;--st-font-weight-normal:400;--st-font-weight-bold:700;--st-transition-duration:0.3s;--st-transition-ease:ease;--st-opacity-disabled:0.5;--st-spacing-small:4px;--st-spacing-medium:8px;--st-spacing-large:16px;--st-scrollbar-bg-color:#0000;--st-scrollbar-thumb-color:var(--st-slate-200);--st-white:#fff;--st-black:#000;--st-slate-50:#f8fafc;--st-slate-100:#f1f5f9;--st-slate-200:#e2e8f0;--st-slate-300:#cbd5e1;--st-slate-400:#94a3b8;--st-slate-500:#64748b;--st-slate-600:#475569;--st-slate-700:#334155;--st-slate-800:#1e293b;--st-slate-900:#0f172a;--st-slate-950:#020617;--st-gray-50:#f9fafb;--st-gray-100:#f3f4f6;--st-gray-200:#e5e7eb;--st-gray-300:#d1d5db;--st-gray-400:#9ca3af;--st-gray-500:#6b7280;--st-gray-600:#4b5563;--st-gray-700:#374151;--st-gray-800:#1f2937;--st-gray-900:#111827;--st-gray-950:#030712;--st-zinc-50:#fafafa;--st-zinc-100:#f4f4f5;--st-zinc-200:#e4e4e7;--st-zinc-300:#d4d4d8;--st-zinc-400:#a1a1aa;--st-zinc-500:#71717a;--st-zinc-600:#52525b;--st-zinc-700:#3f3f46;--st-zinc-800:#27272a;--st-zinc-900:#18181b;--st-zinc-950:#09090b;--st-neutral-50:#fafafa;--st-neutral-100:#f5f5f5;--st-neutral-200:#e5e5e5;--st-neutral-300:#d4d4d4;--st-neutral-400:#a3a3a3;--st-neutral-500:#737373;--st-neutral-600:#525252;--st-neutral-700:#404040;--st-neutral-800:#262626;--st-neutral-900:#171717;--st-neutral-950:#0a0a0a;--st-stone-50:#fafaf9;--st-stone-100:#f5f5f4;--st-stone-200:#e7e5e4;--st-stone-300:#d6d3d1;--st-stone-400:#a8a29e;--st-stone-500:#78716c;--st-stone-600:#57534e;--st-stone-700:#44403c;--st-stone-800:#292524;--st-stone-900:#1c1917;--st-stone-950:#0c0a09;--st-red-50:#fef2f2;--st-red-100:#fee2e2;--st-red-200:#fecaca;--st-red-300:#fca5a5;--st-red-400:#f87171;--st-red-500:#ef4444;--st-red-600:#dc2626;--st-red-700:#b91c1c;--st-red-800:#991b1b;--st-red-900:#7f1d1d;--st-red-950:#450a0a;--st-orange-50:#fff7ed;--st-orange-100:#ffedd5;--st-orange-200:#fed7aa;--st-orange-300:#fdba74;--st-orange-400:#fb923c;--st-orange-500:#f97316;--st-orange-600:#ea580c;--st-orange-700:#c2410c;--st-orange-800:#9a3412;--st-orange-900:#7c2d12;--st-orange-950:#431407;--st-amber-50:#fffbeb;--st-amber-100:#fef3c7;--st-amber-200:#fde68a;--st-amber-300:#fcd34d;--st-amber-400:#fbbf24;--st-amber-500:#f59e0b;--st-amber-600:#d97706;--st-amber-700:#b45309;--st-amber-800:#92400e;--st-amber-900:#78350f;--st-amber-950:#451a03;--st-yellow-50:#fefce8;--st-yellow-100:#fef9c3;--st-yellow-200:#fef08a;--st-yellow-300:#fde047;--st-yellow-400:#facc15;--st-yellow-500:#eab308;--st-yellow-600:#ca8a04;--st-yellow-700:#a16207;--st-yellow-800:#854d0e;--st-yellow-900:#713f12;--st-yellow-950:#422006;--st-lime-50:#f7fee7;--st-lime-100:#ecfccb;--st-lime-200:#d9f99d;--st-lime-300:#bef264;--st-lime-400:#a3e635;--st-lime-500:#84cc16;--st-lime-600:#65a30d;--st-lime-700:#4d7c0f;--st-lime-800:#3f6212;--st-lime-900:#365314;--st-lime-950:#1a2e05;--st-green-50:#f0fdf4;--st-green-100:#dcfce7;--st-green-200:#bbf7d0;--st-green-300:#86efac;--st-green-400:#4ade80;--st-green-500:#22c55e;--st-green-600:#16a34a;--st-green-700:#15803d;--st-green-800:#166534;--st-green-900:#14532d;--st-green-950:#052e16;--st-emerald-50:#ecfdf5;--st-emerald-100:#d1fae5;--st-emerald-200:#a7f3d0;--st-emerald-300:#6ee7b7;--st-emerald-400:#34d399;--st-emerald-500:#10b981;--st-emerald-600:#059669;--st-emerald-700:#047857;--st-emerald-800:#065f46;--st-emerald-900:#064e3b;--st-emerald-950:#022c22;--st-teal-50:#f0fdfa;--st-teal-100:#ccfbf1;--st-teal-200:#99f6e4;--st-teal-300:#5eead4;--st-teal-400:#2dd4bf;--st-teal-500:#14b8a6;--st-teal-600:#0d9488;--st-teal-700:#0f766e;--st-teal-800:#115e59;--st-teal-900:#134e4a;--st-teal-950:#042f2e;--st-cyan-50:#ecfeff;--st-cyan-100:#cffafe;--st-cyan-200:#a5f3fc;--st-cyan-300:#67e8f9;--st-cyan-400:#22d3ee;--st-cyan-500:#06b6d4;--st-cyan-600:#0891b2;--st-cyan-700:#0e7490;--st-cyan-800:#155e75;--st-cyan-900:#164e63;--st-cyan-950:#083344;--st-sky-50:#f0f9ff;--st-sky-100:#e0f2fe;--st-sky-200:#bae6fd;--st-sky-300:#7dd3fc;--st-sky-400:#38bdf8;--st-sky-500:#0ea5e9;--st-sky-600:#0284c7;--st-sky-700:#0369a1;--st-sky-800:#075985;--st-sky-900:#0c4a6e;--st-sky-950:#082f49;--st-blue-50:#eff6ff;--st-blue-100:#dbeafe;--st-blue-200:#bfdbfe;--st-blue-300:#93c5fd;--st-blue-400:#60a5fa;--st-blue-500:#3b82f6;--st-blue-600:#2563eb;--st-blue-700:#1d4ed8;--st-blue-800:#1e40af;--st-blue-900:#1e3a8a;--st-blue-950:#172554;--st-indigo-50:#eef2ff;--st-indigo-100:#e0e7ff;--st-indigo-200:#c7d2fe;--st-indigo-300:#a5b4fc;--st-indigo-400:#818cf8;--st-indigo-500:#6366f1;--st-indigo-600:#4f46e5;--st-indigo-700:#4338ca;--st-indigo-800:#3730a3;--st-indigo-900:#312e81;--st-indigo-950:#1e1b4b;--st-violet-50:#f5f3ff;--st-violet-100:#ede9fe;--st-violet-200:#ddd6fe;--st-violet-300:#c4b5fd;--st-violet-400:#a78bfa;--st-violet-500:#8b5cf6;--st-violet-600:#7c3aed;--st-violet-700:#6d28d9;--st-violet-800:#5b21b6;--st-violet-900:#4c1d95;--st-violet-950:#2e1065;--st-purple-50:#faf5ff;--st-purple-100:#f3e8ff;--st-purple-200:#e9d5ff;--st-purple-300:#d8b4fe;--st-purple-400:#c084fc;--st-purple-500:#a855f7;--st-purple-600:#9333ea;--st-purple-700:#7e22ce;--st-purple-800:#6b21a8;--st-purple-900:#581c87;--st-purple-950:#3b0764;--st-fuchsia-50:#fdf4ff;--st-fuchsia-100:#fae8ff;--st-fuchsia-200:#f5d0fe;--st-fuchsia-300:#f0abfc;--st-fuchsia-400:#e879f9;--st-fuchsia-500:#d946ef;--st-fuchsia-600:#c026d3;--st-fuchsia-700:#a21caf;--st-fuchsia-800:#86198f;--st-fuchsia-900:#701a75;--st-fuchsia-950:#4a044e;--st-pink-50:#fdf2f8;--st-pink-100:#fce7f3;--st-pink-200:#fbcfe8;--st-pink-300:#f9a8d4;--st-pink-400:#f472b6;--st-pink-500:#ec4899;--st-pink-600:#db2777;--st-pink-700:#be185d;--st-pink-800:#9d174d;--st-pink-900:#831843;--st-pink-950:#500724;--st-rose-50:#fff1f2;--st-rose-100:#ffe4e6;--st-rose-200:#fecdd3;--st-rose-300:#fda4af;--st-rose-400:#fb7185;--st-rose-500:#f43f5e;--st-rose-600:#e11d48;--st-rose-700:#be123c;--st-rose-800:#9f1239;--st-rose-900:#881337;--st-rose-950:#4c0519}.theme-light{--st-border-radius:4px;--st-border-width:1px;--st-cell-padding:8px;--st-font-size:0.875rem;--st-font-weight-normal:400;--st-font-weight-bold:600;--st-transition-duration:0.2s;--st-transition-ease:ease;--st-opacity-disabled:0.5;--st-spacing-small:4px;--st-spacing-medium:8px;--st-spacing-large:16px;--st-scrollbar-bg-color:var(--st-slate-50);--st-scrollbar-thumb-color:var(--st-slate-300);--st-border-color:var(--st-gray-300);--st-odd-row-background-color:var(--st-white);--st-even-row-background-color:var(--st-white);--st-header-background-color:var(--st-white);--st-dragging-background-color:var(--st-gray-200);--st-selected-cell-background-color:var(--st-blue-200);--st-selected-first-cell-background-color:var(--st-blue-200);--st-footer-background-color:var(--st-white);--st-cell-color:var(--st-gray-800);--st-cell-odd-row-color:var(--st-gray-700);--st-edit-cell-shadow:0 1px 2px 0 #0000000d,0 1px 1px -1px #0000000d;--st-selected-cell-color:var(--st-gray-900);--st-selected-first-cell-color:var(--st-gray-900);--st-resize-handle-color:var(--st-blue-300);--st-separator-border-color:var(--st-slate-100);--st-last-group-row-separator-border-color:var(--st-slate-300);--st-selected-border-top-color:var(--st-blue-600);--st-selected-border-bottom-color:var(--st-blue-600);--st-selected-border-left-color:var(--st-blue-600);--st-selected-border-right-color:var(--st-blue-600);--st-checkbox-checked-background-color:var(--st-blue-600);--st-checkbox-checked-border-color:var(--st-blue-600);--st-column-editor-background-color:var(--st-white);--st-column-editor-popout-background-color:var(--st-white);--st-button-hover-background-color:var(--st-gray-200);--st-button-active-background-color:var(--st-blue-800);--st-font-family:"Roboto",sans-serif;--st-editable-cell-focus-border-color:var(--st-blue-600)}.theme-dark{--st-border-radius:6px;--st-border-width:1px;--st-cell-padding:10px;--st-font-size:0.875rem;--st-font-weight-normal:400;--st-font-weight-bold:600;--st-transition-duration:0.2s;--st-transition-ease:ease;--st-opacity-disabled:0.5;--st-spacing-small:6px;--st-spacing-medium:10px;--st-spacing-large:20px;--st-scrollbar-bg-color:var(--st-slate-800);--st-scrollbar-thumb-color:var(--st-slate-600);--st-border-color:var(--st-slate-800);--st-odd-row-background-color:var(--st-slate-800);--st-even-row-background-color:var(--st-slate-900);--st-header-background-color:var(--st-slate-700);--st-dragging-background-color:var(--st-blue-800);--st-selected-cell-background-color:var(--st-blue-700);--st-selected-first-cell-background-color:var(--st-amber-700);--st-footer-background-color:var(--st-slate-900);--st-cell-color:var(--st-white);--st-cell-odd-row-color:var(--st-slate-300);--st-edit-cell-shadow:0 1px 3px 0 var(--st-white/0.1),0 1px 2px -1px var(--st-white/0.1);--st-selected-cell-color:var(--st-white);--st-selected-first-cell-color:var(--st-white);--st-resize-handle-color:var(--st-slate-600);--st-separator-border-color:var(--st-slate-500);--st-last-group-row-separator-border-color:var(--st-slate-700);--st-selected-border-top-color:var(--st-blue-700);--st-selected-border-bottom-color:var(--st-blue-700);--st-selected-border-left-color:var(--st-blue-700);--st-selected-border-right-color:var(--st-blue-700);--st-checkbox-checked-background-color:var(--st-blue-700);--st-checkbox-checked-border-color:var(--st-blue-700);--st-column-editor-background-color:var(--st-slate-800);--st-column-editor-popout-background-color:var(--st-slate-800);--st-button-hover-background-color:var(--st-slate-600);--st-button-active-background-color:var(--st-slate-700);--st-font-family:"Open Sans",sans-serif;--st-editable-cell-focus-border-color:var(--st-slate-600)}.theme-high-contrast{--st-border-radius:0;--st-border-width:2px;--st-cell-padding:12px;--st-font-size:1rem;--st-font-weight-normal:500;--st-font-weight-bold:800;--st-transition-duration:0s;--st-transition-ease:ease;--st-opacity-disabled:0.7;--st-spacing-small:8px;--st-spacing-medium:12px;--st-spacing-large:24px;--st-scrollbar-bg-color:var(--st-slate-950);--st-scrollbar-thumb-color:var(--st-slate-200);--st-border-color:var(--st-slate-900);--st-odd-row-background-color:var(--st-slate-50);--st-even-row-background-color:var(--st-slate-900);--st-header-background-color:var(--st-slate-900);--st-dragging-background-color:var(--st-yellow-500);--st-selected-cell-background-color:var(--st-slate-900);--st-selected-first-cell-background-color:var(--st-red-500);--st-footer-background-color:var(--st-slate-900);--st-cell-color:var(--st-white);--st-cell-odd-row-color:var(--st-slate-900);--st-edit-cell-shadow:none;--st-selected-cell-color:var(--st-white);--st-selected-first-cell-color:var(--st-white);--st-resize-handle-color:var(--st-white);--st-separator-border-color:var(--st-slate-200);--st-last-group-row-separator-border-color:var(--st-slate-900);--st-selected-border-top-color:var(--st-orange-600);--st-selected-border-bottom-color:var(--st-orange-600);--st-selected-border-left-color:var(--st-orange-600);--st-selected-border-right-color:var(--st-orange-600);--st-checkbox-checked-background-color:var(--st-slate-50);--st-checkbox-checked-border-color:var(--st-slate-50);--st-column-editor-background-color:var(--st-slate-900);--st-column-editor-popout-background-color:var(--st-slate-900);--st-button-hover-background-color:var(--st-slate-50);--st-button-active-background-color:var(--st-slate-900);--st-font-family:"Arial",sans-serif;--st-editable-cell-focus-border-color:var(--st-orange-600)}.theme-pastel{--st-border-radius:8px;--st-border-width:1px;--st-cell-padding:10px;--st-font-size:0.9rem;--st-font-weight-normal:400;--st-font-weight-bold:600;--st-transition-duration:0.3s;--st-transition-ease:ease;--st-opacity-disabled:0.5;--st-spacing-small:6px;--st-spacing-medium:10px;--st-spacing-large:20px;--st-scrollbar-bg-color:var(--st-purple-100);--st-scrollbar-thumb-color:var(--st-purple-300);--st-border-color:var(--st-purple-200);--st-odd-row-background-color:var(--st-purple-50);--st-even-row-background-color:var(--st-blue-50);--st-header-background-color:var(--st-blue-50);--st-dragging-background-color:var(--st-cyan-50);--st-selected-cell-background-color:var(--st-orange-50);--st-selected-first-cell-background-color:var(--st-amber-50);--st-footer-background-color:var(--st-purple-50);--st-cell-color:var(--st-slate-600);--st-cell-odd-row-color:var(--st-slate-700);--st-edit-cell-shadow:0 1px 3px 0 var(--st-black/0.1),0 1px 2px -1px var(--st-black/0.1);--st-selected-cell-color:var(--st-slate-600);--st-selected-first-cell-color:var(--st-slate-600);--st-resize-handle-color:var(--st-purple-200);--st-separator-border-color:var(--st-purple-200);--st-last-group-row-separator-border-color:var(--st-purple-500);--st-selected-border-top-color:var(--st-amber-500);--st-selected-border-bottom-color:var(--st-amber-500);--st-selected-border-left-color:var(--st-amber-500);--st-selected-border-right-color:var(--st-amber-500);--st-checkbox-checked-background-color:var(--st-purple-200);--st-checkbox-checked-border-color:var(--st-purple-200);--st-column-editor-background-color:var(--st-purple-50);--st-column-editor-popout-background-color:var(--st-purple-50);--st-button-hover-background-color:var(--st-purple-100);--st-button-active-background-color:var(--st-purple-200);--st-font-family:"Comic Sans MS",cursive,sans-serif;--st-editable-cell-focus-border-color:var(--st-purple-300)}.theme-vibrant{--st-border-radius:12px;--st-border-width:2px;--st-cell-padding:12px;--st-font-size:1rem;--st-font-weight-normal:500;--st-font-weight-bold:700;--st-transition-duration:0.3s;--st-transition-ease:ease;--st-opacity-disabled:0.5;--st-spacing-small:8px;--st-spacing-medium:12px;--st-spacing-large:24px;--st-scrollbar-bg-color:var(--st-orange-200);--st-scrollbar-thumb-color:var(--st-orange-300);--st-border-color:var(--st-orange-500);--st-odd-row-background-color:var(--st-orange-100);--st-even-row-background-color:var(--st-orange-200);--st-header-background-color:var(--st-orange-300);--st-dragging-background-color:var(--st-blue-300);--st-selected-cell-background-color:var(--st-blue-400);--st-selected-first-cell-background-color:var(--st-amber-300);--st-footer-background-color:var(--st-orange-50);--st-cell-color:var(--st-orange-900);--st-cell-odd-row-color:var(--st-orange-800);--st-edit-cell-shadow:0 1px 3px 0 var(--st-black/0.2),0 1px 2px -1px var(--st-black/0.2);--st-selected-cell-color:var(--st-orange-900);--st-selected-first-cell-color:var(--st-orange-900);--st-resize-handle-color:var(--st-orange-400);--st-separator-border-color:var(--st-orange-200);--st-last-group-row-separator-border-color:var(--st-orange-500);--st-selected-border-top-color:var(--st-orange-700);--st-selected-border-bottom-color:var(--st-orange-700);--st-selected-border-left-color:var(--st-orange-700);--st-selected-border-right-color:var(--st-orange-700);--st-checkbox-checked-background-color:var(--st-orange-500);--st-checkbox-checked-border-color:var(--st-orange-500);--st-column-editor-background-color:var(--st-orange-100);--st-column-editor-popout-background-color:var(--st-orange-100);--st-button-hover-background-color:var(--st-orange-300);--st-button-active-background-color:var(--st-orange-400);--st-font-family:"Lobster",cursive;--st-editable-cell-focus-border-color:var(--st-orange-600)}.theme-solarized-light{--st-border-radius:4px;--st-border-width:1px;--st-cell-padding:8px;--st-font-size:0.875rem;--st-font-weight-normal:400;--st-font-weight-bold:600;--st-transition-duration:0.2s;--st-transition-ease:ease;--st-opacity-disabled:0.5;--st-spacing-small:4px;--st-spacing-medium:8px;--st-spacing-large:16px;--st-scrollbar-bg-color:var(--st-yellow-100);--st-scrollbar-thumb-color:var(--st-yellow-300);--st-border-color:var(--st-yellow-300);--st-odd-row-background-color:var(--st-yellow-50);--st-even-row-background-color:var(--st-yellow-200);--st-header-background-color:var(--st-yellow-200);--st-dragging-background-color:var(--st-yellow-300);--st-selected-cell-background-color:var(--st-slate-400);--st-selected-first-cell-background-color:var(--st-amber-600);--st-footer-background-color:var(--st-yellow-50);--st-cell-color:var(--st-slate-600);--st-cell-odd-row-color:var(--st-slate-700);--st-edit-cell-shadow:0 1px 3px 0 var(--st-black/0.1),0 1px 2px -1px var(--st-black/0.1);--st-selected-cell-color:var(--st-slate-600);--st-selected-first-cell-color:var(--st-slate-600);--st-resize-handle-color:var(--st-slate-400);--st-separator-border-color:var(--st-yellow-300);--st-last-group-row-separator-border-color:var(--st-yellow-500);--st-selected-border-top-color:var(--st-yellow-600);--st-selected-border-bottom-color:var(--st-yellow-600);--st-selected-border-left-color:var(--st-yellow-600);--st-selected-border-right-color:var(--st-yellow-600);--st-checkbox-checked-background-color:var(--st-slate-400);--st-checkbox-checked-border-color:var(--st-slate-400);--st-column-editor-background-color:var(--st-yellow-200);--st-column-editor-popout-background-color:var(--st-yellow-200);--st-button-hover-background-color:var(--st-yellow-200);--st-button-active-background-color:var(--st-slate-400);--st-font-family:"Georgia",serif;--st-editable-cell-focus-border-color:var(--st-yellow-400)}.theme-solarized-dark{--st-border-radius:4px;--st-border-width:1px;--st-cell-padding:8px;--st-font-size:0.875rem;--st-font-weight-normal:400;--st-font-weight-bold:600;--st-transition-duration:0.2s;--st-transition-ease:ease;--st-opacity-disabled:0.5;--st-spacing-small:4px;--st-spacing-medium:8px;--st-spacing-large:16px;--st-scrollbar-bg-color:var(--st-slate-800);--st-scrollbar-thumb-color:var(--st-slate-600);--st-border-color:var(--st-slate-800);--st-odd-row-background-color:var(--st-slate-900);--st-even-row-background-color:var(--st-slate-800);--st-header-background-color:var(--st-slate-800);--st-dragging-background-color:var(--st-slate-800);--st-selected-cell-background-color:var(--st-slate-600);--st-selected-first-cell-background-color:var(--st-amber-600);--st-footer-background-color:var(--st-slate-900);--st-cell-color:var(--st-slate-300);--st-cell-odd-row-color:var(--st-slate-400);--st-edit-cell-shadow:0 1px 3px 0 var(--st-white/0.1),0 1px 2px -1px var(--st-white/0.1);--st-selected-cell-color:var(--st-slate-300);--st-selected-first-cell-color:var(--st-slate-300);--st-resize-handle-color:var(--st-slate-600);--st-separator-border-color:var(--st-slate-400);--st-last-group-row-separator-border-color:var(--st-slate-600);--st-selected-border-top-color:var(--st-blue-800);--st-selected-border-bottom-color:var(--st-blue-800);--st-selected-border-left-color:var(--st-blue-800);--st-selected-border-right-color:var(--st-blue-800);--st-checkbox-checked-background-color:var(--st-slate-600);--st-checkbox-checked-border-color:var(--st-slate-600);--st-column-editor-background-color:var(--st-slate-800);--st-column-editor-popout-background-color:var(--st-slate-800);--st-button-hover-background-color:var(--st-slate-600);--st-button-active-background-color:var(--st-slate-800);--st-font-family:"Courier New",monospace;--st-editable-cell-focus-border-color:var(--st-blue-800)}.theme-ocean{--st-border-radius:6px;--st-border-width:1px;--st-cell-padding:10px;--st-font-size:0.9rem;--st-font-weight-normal:400;--st-font-weight-bold:600;--st-transition-duration:0.3s;--st-transition-ease:ease;--st-opacity-disabled:0.5;--st-spacing-small:6px;--st-spacing-medium:10px;--st-spacing-large:20px;--st-scrollbar-bg-color:var(--st-cyan-100);--st-scrollbar-thumb-color:var(--st-cyan-300);--st-border-color:var(--st-cyan-700);--st-odd-row-background-color:var(--st-cyan-50);--st-even-row-background-color:var(--st-cyan-100);--st-header-background-color:var(--st-cyan-100);--st-dragging-background-color:var(--st-cyan-300);--st-selected-cell-background-color:var(--st-cyan-700);--st-selected-first-cell-background-color:var(--st-slate-900);--st-footer-background-color:var(--st-cyan-50);--st-cell-color:var(--st-slate-900);--st-cell-odd-row-color:var(--st-cyan-700);--st-edit-cell-shadow:0 1px 3px 0 var(--st-black/0.1),0 1px 2px -1px var(--st-black/0.1);--st-selected-cell-color:var(--st-slate-900);--st-selected-first-cell-color:var(--st-slate-900);--st-resize-handle-color:var(--st-cyan-300);--st-separator-border-color:var(--st-cyan-200);--st-last-group-row-separator-border-color:var(--st-cyan-500);--st-selected-border-top-color:var(--st-blue-700);--st-selected-border-bottom-color:var(--st-blue-700);--st-selected-border-left-color:var(--st-blue-700);--st-selected-border-right-color:var(--st-blue-700);--st-checkbox-checked-background-color:var(--st-cyan-700);--st-checkbox-checked-border-color:var(--st-cyan-700);--st-column-editor-background-color:var(--st-cyan-100);--st-column-editor-popout-background-color:var(--st-cyan-100);--st-button-hover-background-color:var(--st-cyan-300);--st-button-active-background-color:var(--st-cyan-700);--st-font-family:"Verdana",sans-serif;--st-editable-cell-focus-border-color:var(--st-cyan-500)}.theme-forest{--st-border-radius:4px;--st-border-width:1px;--st-cell-padding:8px;--st-font-size:0.875rem;--st-font-weight-normal:400;--st-font-weight-bold:600;--st-transition-duration:0.2s;--st-transition-ease:ease;--st-opacity-disabled:0.5;--st-spacing-small:4px;--st-spacing-medium:8px;--st-spacing-large:16px;--st-scrollbar-bg-color:var(--st-green-100);--st-scrollbar-thumb-color:var(--st-green-400);--st-border-color:var(--st-green-800);--st-odd-row-background-color:var(--st-green-50);--st-even-row-background-color:var(--st-green-100);--st-header-background-color:var(--st-green-100);--st-dragging-background-color:var(--st-green-400);--st-selected-cell-background-color:var(--st-green-700);--st-selected-first-cell-background-color:var(--st-green-900);--st-footer-background-color:var(--st-green-50);--st-cell-color:var(--st-green-900);--st-cell-odd-row-color:var(--st-green-700);--st-edit-cell-shadow:0 1px 3px 0 var(--st-black/0.1),0 1px 2px -1px var(--st-black/0.1);--st-selected-cell-color:var(--st-green-900);--st-selected-first-cell-color:var(--st-green-900);--st-resize-handle-color:var(--st-green-400);--st-separator-border-color:var(--st-green-200);--st-last-group-row-separator-border-color:var(--st-green-500);--st-selected-border-top-color:var(--st-green-600);--st-selected-border-bottom-color:var(--st-green-600);--st-selected-border-left-color:var(--st-green-600);--st-selected-border-right-color:var(--st-green-600);--st-checkbox-checked-background-color:var(--st-green-700);--st-checkbox-checked-border-color:var(--st-green-700);--st-column-editor-background-color:var(--st-green-100);--st-column-editor-popout-background-color:var(--st-green-100);--st-button-hover-background-color:var(--st-green-400);--st-button-active-background-color:var(--st-green-700);--st-font-family:"Tahoma",sans-serif;--st-editable-cell-focus-border-color:var(--st-green-600)}.theme-desert{--st-border-radius:8px;--st-border-width:1px;--st-cell-padding:10px;--st-font-size:0.9rem;--st-font-weight-normal:400;--st-font-weight-bold:600;--st-transition-duration:0.3s;--st-transition-ease:ease;--st-opacity-disabled:0.5;--st-spacing-small:6px;--st-spacing-medium:10px;--st-spacing-large:20px;--st-scrollbar-bg-color:var(--st-amber-100);--st-scrollbar-thumb-color:var(--st-amber-300);--st-border-color:var(--st-amber-600);--st-odd-row-background-color:var(--st-amber-50);--st-even-row-background-color:var(--st-amber-100);--st-header-background-color:var(--st-amber-100);--st-dragging-background-color:var(--st-amber-300);--st-selected-cell-background-color:var(--st-amber-600);--st-selected-first-cell-background-color:var(--st-amber-800);--st-footer-background-color:var(--st-amber-50);--st-cell-color:var(--st-amber-800);--st-cell-odd-row-color:var(--st-amber-600);--st-edit-cell-shadow:0 1px 3px 0 var(--st-black/0.1),0 1px 2px -1px var(--st-black/0.1);--st-selected-cell-color:var(--st-amber-800);--st-selected-first-cell-color:var(--st-amber-800);--st-resize-handle-color:var(--st-amber-300);--st-separator-border-color:var(--st-amber-200);--st-last-group-row-separator-border-color:var(--st-amber-500);--st-selected-border-top-color:var(--st-amber-700);--st-selected-border-bottom-color:var(--st-amber-700);--st-selected-border-left-color:var(--st-amber-700);--st-selected-border-right-color:var(--st-amber-700);--st-checkbox-checked-background-color:var(--st-amber-600);--st-checkbox-checked-border-color:var(--st-amber-600);--st-column-editor-background-color:var(--st-amber-100);--st-column-editor-popout-background-color:var(--st-amber-100);--st-button-hover-background-color:var(--st-amber-300);--st-button-active-background-color:var(--st-amber-600);--st-font-family:"Times New Roman",serif;--st-editable-cell-focus-border-color:var(--st-amber-700)}.theme-bubblegum{--st-border-radius:16px;--st-border-width:2px;--st-cell-padding:12px;--st-font-size:1rem;--st-font-weight-normal:400;--st-font-weight-bold:600;--st-transition-duration:0.3s;--st-transition-ease:ease;--st-opacity-disabled:0.5;--st-spacing-small:8px;--st-spacing-medium:12px;--st-spacing-large:24px;--st-scrollbar-bg-color:var(--st-pink-50);--st-scrollbar-thumb-color:var(--st-pink-300);--st-border-color:var(--st-pink-500);--st-odd-row-background-color:var(--st-pink-50);--st-even-row-background-color:var(--st-pink-100);--st-header-background-color:var(--st-pink-200);--st-dragging-background-color:var(--st-pink-300);--st-selected-cell-background-color:var(--st-pink-400);--st-selected-first-cell-background-color:var(--st-pink-600);--st-footer-background-color:var(--st-pink-50);--st-cell-color:var(--st-pink-900);--st-cell-odd-row-color:var(--st-pink-800);--st-edit-cell-shadow:0 1px 3px 0 var(--st-black/0.1),0 1px 2px -1px var(--st-black/0.1);--st-selected-cell-color:var(--st-pink-900);--st-selected-first-cell-color:var(--st-pink-900);--st-resize-handle-color:var(--st-pink-400);--st-separator-border-color:var(--st-pink-200);--st-last-group-row-separator-border-color:var(--st-pink-500);--st-selected-border-top-color:var(--st-pink-700);--st-selected-border-bottom-color:var(--st-pink-700);--st-selected-border-left-color:var(--st-pink-700);--st-selected-border-right-color:var(--st-pink-700);--st-checkbox-checked-background-color:var(--st-pink-500);--st-checkbox-checked-border-color:var(--st-pink-500);--st-column-editor-background-color:var(--st-pink-100);--st-column-editor-popout-background-color:var(--st-pink-100);--st-button-hover-background-color:var(--st-pink-300);--st-button-active-background-color:var(--st-pink-400);--st-font-family:"Pacifico",cursive;--st-editable-cell-focus-border-color:var(--st-pink-600)}.theme-90s{--st-border-radius:0;--st-border-width:2px;--st-cell-padding:8px;--st-font-size:0.875rem;--st-font-weight-normal:400;--st-font-weight-bold:700;--st-transition-duration:0.1s;--st-transition-ease:ease;--st-opacity-disabled:0.5;--st-spacing-small:4px;--st-spacing-medium:8px;--st-spacing-large:16px;--st-scrollbar-bg-color:var(--st-gray-200);--st-scrollbar-thumb-color:var(--st-gray-400);--st-border-color:var(--st-gray-500);--st-odd-row-background-color:var(--st-gray-100);--st-even-row-background-color:var(--st-gray-200);--st-header-background-color:var(--st-gray-300);--st-dragging-background-color:var(--st-gray-400);--st-selected-cell-background-color:var(--st-gray-500);--st-selected-first-cell-background-color:var(--st-gray-600);--st-footer-background-color:var(--st-gray-100);--st-cell-color:var(--st-gray-900);--st-cell-odd-row-color:var(--st-gray-800);--st-edit-cell-shadow:0 1px 3px 0 var(--st-black/0.1),0 1px 2px -1px var(--st-black/0.1);--st-selected-cell-color:var(--st-gray-900);--st-selected-first-cell-color:var(--st-gray-900);--st-resize-handle-color:var(--st-gray-400);--st-separator-border-color:var(--st-gray-200);--st-last-group-row-separator-border-color:var(--st-gray-500);--st-selected-border-top-color:var(--st-gray-700);--st-selected-border-bottom-color:var(--st-gray-700);--st-selected-border-left-color:var(--st-gray-700);--st-selected-border-right-color:var(--st-gray-700);--st-checkbox-checked-background-color:var(--st-gray-500);--st-checkbox-checked-border-color:var(--st-gray-500);--st-column-editor-background-color:var(--st-gray-200);--st-column-editor-popout-background-color:var(--st-gray-200);--st-button-hover-background-color:var(--st-gray-300);--st-button-active-background-color:var(--st-gray-400);--st-font-family:"Courier New",monospace;--st-editable-cell-focus-border-color:var(--st-gray-600)}.simple-table-root *{box-sizing:border-box;margin:0;padding:0}.simple-table-root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--st-font-family,sans-serif)}body{font-size:var(--st-font-size);font-weight:var(--st-font-weight-normal)}.st-wrapper{border:var(--st-border-width) solid var(--st-border-color);border-radius:var(--st-border-radius);max-height:100dvh;overflow:hidden;position:relative}.st-table-wrapper-container{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.st-table-wrapper{display:flex;flex:1;min-height:0;position:relative;width:100%}.st-table-content{display:flex;flex-direction:column}.st-header-container{display:flex}.st-header-container.st-header-scroll-padding:after{background-color:var(--st-header-background-color);border-bottom:var(--st-border-width) solid var(--st-border-color);content:"";display:block;flex-shrink:0;width:var(--st-after-width,default-width)}.st-header-main,.st-header-pinned-left,.st-header-pinned-right{display:grid}.st-header-pinned-left{border-right:var(--st-border-width) solid var(--st-border-color)}.st-header-pinned-right{border-left:var(--st-border-width) solid var(--st-border-color)}.st-header-main{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.st-header-main::-webkit-scrollbar{display:none}.st-table-body-container{display:flex;height:max-content;overflow:auto;width:100%}.st-table-body-main,.st-table-body-pinned-left,.st-table-body-pinned-right{display:grid;height:max-content}.st-table-body-pinned-left{border-right:var(--st-border-width) solid var(--st-border-color)}.st-table-body-main{overflow:auto;scrollbar-width:none}.st-table-body-pinned-right{border-left:var(--st-border-width) solid var(--st-border-color)}.st-header-cell{align-items:center;background-color:var(--st-header-background-color);border-bottom:var(--st-border-width) solid var(--st-border-color);border-top:var(--st-border-width) solid #0000;display:flex;font-weight:var(--st-font-weight-bold);gap:var(--st-spacing-small);position:sticky;top:0;z-index:1}.st-header-cell.clickable{cursor:pointer}.st-header-cell.draggable{cursor:grab}.st-cell,.st-header-cell{align-items:center;color:var(--st-slate-800);display:flex;gap:var(--st-spacing-small);overflow:hidden}.st-cell.right-aligned,.st-header-cell.right-aligned{justify-content:flex-end;text-align:right}.st-cell.right-aligned{padding-right:calc(var(--st-cell-padding) + var(--st-spacing-small) + var(--st-resize-handle-width))}.st-header-cell.right-aligned>.st-header-label{text-align:right}.st-cell.clickable{cursor:pointer}.st-cell,.st-cell-editing,.st-header-cell{height:40px;width:100%}.st-cell-editing{position:relative}.st-header-label{color:var(--st-cell-color);flex:1}.st-cell,.st-header-label{overflow:hidden;padding:var(--st-cell-padding);text-align:left;text-overflow:ellipsis;user-select:none;white-space:nowrap;width:100%}.st-cell{border:var(--st-border-width) solid #0000;position:relative}.st-cell-depth-1{padding-left:calc(var(--st-cell-padding)*4)}.st-cell-depth-2{padding-left:calc(var(--st-cell-padding)*5)}.st-cell-depth-3{padding-left:calc(var(--st-cell-padding)*6)}.st-cell-depth-4{padding-left:calc(var(--st-cell-padding)*7)}.st-cell-depth-5{padding-left:calc(var(--st-cell-padding)*8)}.st-cell-depth-6{padding-left:calc(var(--st-cell-padding)*9)}.st-cell-depth-7{padding-left:calc(var(--st-cell-padding)*10)}.st-sort-icon-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.st-sort-icon{fill:var(--st-slate-500)}.st-header-resize-handle{background-color:var(--st-resize-handle-color);cursor:col-resize;height:12px;right:0;top:0;width:var(--st-resize-handle-width)}.st-row-separator{background-color:var(--st-separator-border-color);grid-column:1/-1;height:1px}.st-row-separator.st-last-group-row{background-color:var(--st-last-group-row-separator-border-color)}.st-cell-even-row{background-color:var(--st-even-row-background-color)}.st-cell-odd-row:not(.st-cell-selected){background-color:var(--st-odd-row-background-color);color:var(--st-cell-odd-row-color)}.st-cell:not(.st-cell-odd-row):not(.st-cell-selected){color:var(--st-cell-color)}.st-dragging{background-color:var(--st-dragging-background-color)}.st-cell-selected{background-color:var(--st-selected-cell-background-color);color:var(--st-selected-cell-color)}.st-cell-selected-first{background-color:var(--st-selected-first-cell-background-color);color:var(--st-selected-first-cell-color)}.st-selected-top-border{border-top:var(--st-border-width) solid var(--st-selected-border-top-color)}.st-selected-bottom-border{border-bottom:var(--st-border-width) solid var(--st-selected-border-bottom-color)}.st-selected-left-border{border-left:var(--st-border-width) solid var(--st-selected-border-left-color)}.st-selected-right-border{border-right:var(--st-border-width) solid var(--st-selected-border-right-color)}.st-horizontal-scrollbar-left{border-right:var(--st-border-width) solid var(--st-border-color)}.st-horizontal-scrollbar-right{border-left:var(--st-border-width) solid var(--st-border-color)}.st-horizontal-scrollbar-left,.st-horizontal-scrollbar-right{background-color:var(--st-scrollbar-bg-color);height:100%}.st-horizontal-scrollbar-middle{height:12px;overflow-x:scroll}.st-horizontal-scrollbar-middle>div{height:1px}.st-horizontal-scrollbar-container{align-items:center;border-top:var(--st-border-width) solid var(--st-border-color);display:flex;flex-shrink:0}.st-horizontal-scrollbar-container>div{align-items:center;display:flex;height:100%}.st-horizontal-scrollbar-container.st-header-scroll-padding:after{content:"";display:block;flex-shrink:0;width:var(--st-after-width,default-width)}.st-footer{background-color:var(--st-footer-background-color);border-top:var(--st-border-width) solid var(--st-border-color);padding:var(--st-spacing-medium)}.st-footer,.st-next-prev-btn{align-items:center;display:flex}.st-next-prev-btn{fill:var(--st-slate-600);background-color:initial;border:none;border-radius:var(--st-border-radius);cursor:pointer;justify-content:center;padding:var(--st-spacing-small);transition:background-color var(--st-transition-duration) var(--st-transition-ease)}.disabled>.st-next-prev-icon{fill:var(--st-slate-400);cursor:not-allowed}.st-next-prev-btn:not(.disabled):hover{background-color:var(--st-slate-100)}.st-page-btn{background-color:initial;border:none;border-radius:var(--st-border-radius);color:var(--st-slate-600);cursor:pointer;margin-left:var(--st-spacing-small);padding:var(--st-spacing-small);transition:background-color var(--st-transition-duration) var(--st-transition-ease)}.st-page-btn:hover{background-color:var(--st-button-hover-background-color)}.st-page-btn.active{background-color:var(--st-button-active-background-color);color:#fff}.editable-cell-input{border:var(--st-border-width) solid var(--st-border-color);border-radius:var(--st-border-radius);box-shadow:var(--st-edit-cell-shadow-color);font-size:var(--st-font-size);height:100%;left:0;outline:none;padding:var(--st-cell-padding);position:absolute;top:0;width:100%;z-index:1}.editable-cell-input:focus{border:var(--st-border-width) solid var(--st-editable-cell-focus-border-color)}.st-column-editor{background:var(--st-footer-background-color);border-left:var(--st-border-width) solid var(--st-border-color);color:var(--st-slate-500);cursor:pointer;flex-shrink:0;position:relative;user-select:none}.st-column-editor-text{padding:var(--st-spacing-medium) var(--st-spacing-small);writing-mode:vertical-rl;z-index:2}.st-column-editor.open,.st-column-editor.open .st-column-editor-text{background-color:var(--st-column-editor-background-color)}.st-column-editor-popout{background-color:var(--st-column-editor-popout-background-color);height:100%;overflow:hidden;position:absolute;right:calc(100% + 1px);top:0;transition:width var(--st-transition-duration) var(--st-transition-ease);width:0;z-index:1}.st-column-editor-popout-content{border-left:var(--st-border-width) solid var(--st-border-color);display:flex;flex-direction:column;gap:var(--st-spacing-small);height:100%;overflow:auto;padding:var(--st-spacing-medium) var(--st-spacing-small)}.st-column-editor-popout.open{width:200px}.st-column-editor-popout.left{transform:translateX(-100%)}.st-column-editor-popout.open.left{transform:translateX(0)}.st-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:var(--st-spacing-medium)}.st-checkbox-input{display:none}.st-checkbox-custom{align-items:center;background-color:#fff;border:var(--st-border-width) solid var(--st-slate-300);border-radius:var(--st-border-radius);display:flex;height:24px;justify-content:center;transition:background-color var(--st-transition-duration) var(--st-transition-ease),border-color var(--st-transition-duration) var(--st-transition-ease);width:24px}.st-checkbox-custom.st-checked{background-color:var(--st-checkbox-checked-background-color);border-color:var(--st-checkbox-checked-border-color)}.st-checkbox-checkmark{border:solid #fff;border-width:0 2px 2px 0;height:11px;transform:rotate(45deg);width:6px}@keyframes slide-in-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slide-in-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}.st-group-header{align-items:center;background-color:var(--st-header-background-color);border-bottom:var(--st-border-width) solid var(--st-border-color);color:var(--st-cell-color);cursor:pointer;display:flex;font-weight:var(--st-font-weight-bold);height:40px;transition:background-color var(--st-transition-duration) var(--st-transition-ease);user-select:none}.st-group-header:hover{background-color:var(--st-button-hover-background-color)}.st-group-header-content{align-items:center;display:flex;gap:var(--st-spacing-medium)}.st-group-toggle-icon{align-items:center;display:flex;font-size:.8em;height:16px;justify-content:center;width:16px}.st-group-name{font-weight:var(--st-font-weight-bold)}.st-group-count{color:var(--st-cell-odd-row-color);font-size:.9em}.st-group-header.expanded .st-group-toggle-icon{transform:rotate(0deg);transition:transform var(--st-transition-duration) var(--st-transition-ease)}.st-group-header.collapsed .st-group-toggle-icon{transform:rotate(-90deg);transition:transform var(--st-transition-duration) var(--st-transition-ease)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "simple-table-core",
3
- "version": "0.6.9",
3
+ "version": "0.7.0",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.es.js",
6
6
  "types": "dist/index.d.ts",