@simple-table/react 3.7.4 → 3.7.5

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("simple-table-core"),r=require("react-dom"),o=require("react-dom/client"),c=require("react-dom/server");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(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 u({node:t}){const r=n.useRef(null);return n.useLayoutEffect(()=>{const e=r.current;if(e)return e.appendChild(t),()=>{t.parentNode===e&&e.removeChild(t)}},[t]),e.jsx("span",{ref:r,style:{display:"contents"}})}function a(n){if(null!=n)return"string"==typeof n?n:n instanceof Node?e.jsx(u,{node:n}):void 0}function d(e,n){queueMicrotask(()=>{r.flushSync(()=>{e.render(n)})})}function l(n){return t=>{const r=document.createElement("div");return d(o.createRoot(r),e.jsx(n,Object.assign({},t))),r}}function f(n){return t=>{const r=document.createElement("div"),c=o.createRoot(r),s=Object.assign(Object.assign({},t),{searchSection:t.searchSection?a(t.searchSection):null,listSection:a(t.listSection),resetSection:t.resetSection?a(t.resetSection):null});return d(c,e.jsx(n,Object.assign({},s))),r}}function p(n){const t=document.createElement("div");return t.innerHTML=c.renderToStaticMarkup(e.jsx(e.Fragment,{children:n})),function(e){const n=Array.from(e.childNodes).filter(e=>e.nodeType!==Node.TEXT_NODE||null!=e.textContent&&""!==e.textContent.trim());return 1===n.length&&n[0]instanceof HTMLElement?(e.removeChild(n[0]),n[0]):e}(t)}function m(n){return c.renderToStaticMarkup(e.jsx(e.Fragment,{children:n}))}function b(e){return"function"==typeof e}function g(n){const{cellRenderer:t,headerRenderer:r,children:c,nestedTable:s}=n,u=i(n,["cellRenderer","headerRenderer","children","nestedTable"]),a=Object.assign({},u);var f;if(t&&(a.cellRenderer=(f=t,n=>{const t=document.createElement("div");return t.style.display="contents",d(o.createRoot(t),e.jsx(f,Object.assign({},n))),t})),r&&(a.headerRenderer=l(r)),c&&(a.children=c.map(g)),s){const e=Object.assign(Object.assign({},s),{rows:[]});a.nestedTable=R(e)}return a}function R(n){const{defaultHeaders:t,rows:r,footerRenderer:c,emptyStateRenderer:s,errorStateRenderer:u,loadingStateRenderer:R,tableEmptyStateRenderer:j,headerDropdown:y,columnEditorConfig:O,icons:S,onColumnOrderChange:h,onColumnWidthChange:v,onHeaderEdit:C,onColumnSelect:E}=n,x=i(n,["defaultHeaders","rows","footerRenderer","emptyStateRenderer","errorStateRenderer","loadingStateRenderer","tableEmptyStateRenderer","headerDropdown","columnEditorConfig","icons","onColumnOrderChange","onColumnWidthChange","onHeaderEdit","onColumnSelect"]),w=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},x),{rows:r,defaultHeaders:t.map(g)}),h?{onColumnOrderChange:e=>h(e)}:{}),v?{onColumnWidthChange:e=>v(e)}:{}),C?{onHeaderEdit:(e,n)=>C(e,n)}:{}),E?{onColumnSelect:e=>E(e)}:{});if(void 0!==c&&(w.footerRenderer=l(c)),void 0!==s)if(b(s))w.emptyStateRenderer=l(s);else{const e=s;w.emptyStateRenderer=()=>p(e)}if(void 0!==u)if(b(u))w.errorStateRenderer=l(u);else{const e=u;w.errorStateRenderer=()=>p(e)}if(void 0!==R)if(b(R))w.loadingStateRenderer=l(R);else{const e=R;w.loadingStateRenderer=()=>p(e)}return void 0!==j&&(w.tableEmptyStateRenderer=null===j?null:p(j)),void 0!==y&&(w.headerDropdown=l(y)),void 0!==O&&(w.columnEditorConfig=function(n){const{rowRenderer:t,customRenderer:r}=n,c=i(n,["rowRenderer","customRenderer"]);return Object.assign(Object.assign(Object.assign({},c),t?{rowRenderer:(s=t,n=>{const t=document.createElement("div"),r=o.createRoot(t),c=Object.assign(Object.assign({},n),{components:(i=n.components,{expandIcon:a(i.expandIcon),checkbox:a(i.checkbox),dragIcon:a(i.dragIcon),labelContent:a(i.labelContent),pinIcon:a(i.pinIcon)})});var i;return d(r,e.jsx(s,Object.assign({},c))),t})}:{}),r?{customRenderer:f(r)}:{});var s}(O)),void 0!==S&&(w.icons=function(e){const n={};for(const[t,r]of Object.entries(e))null!=r&&(n[t]="string"==typeof r||r instanceof HTMLElement||r instanceof SVGElement?r:m(r));return n}(S)),w}"function"==typeof SuppressedError&&SuppressedError;const j=s(n).default.forwardRef(function(r,o){const c=n.useRef(null),s=n.useRef(null),u=n.useRef(void 0),a=n.useRef(null),d=r;return n.useLayoutEffect(()=>{if(!c.current)return;let e=!1;return queueMicrotask(()=>{if(e||!c.current)return;const n=new t.SimpleTableVanilla(c.current,R(d));if(n.mount(),s.current=n,o){const e=n.getAPI();"function"==typeof o?o(e):o.current=e}}),()=>{e=!0;const n=s.current;n&&(n.destroy(),s.current=null,u.current=void 0,a.current=null,o&&"function"!=typeof o&&(o.current=null))}},[]),n.useLayoutEffect(()=>{const e=s.current;if(!e)return;if(null!==a.current&&!function(e,n){const t=new Set([...Object.keys(e),...Object.keys(n)]);for(const r of t)if(e[r]!==n[r])return!0;return!1}(a.current,d))return;a.current=d;const n=R(d);queueMicrotask(()=>{if(s.current!==e)return;if(u.current!==d.defaultHeaders)return u.current=d.defaultHeaders,void e.update(n);const t=i(n,["defaultHeaders"]);e.update(t)})},[d]),e.jsx("div",{ref:c})});j.displayName="SimpleTable",Object.defineProperty(exports,"asRows",{enumerable:!0,get:function(){return t.asRows}}),exports.SimpleTable=j;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("simple-table-core"),r=require("react-dom/server"),s=require("react-dom");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(t);function c(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(r=Object.getOwnPropertySymbols(e);s<r.length;s++)t.indexOf(r[s])<0&&Object.prototype.propertyIsEnumerable.call(e,r[s])&&(n[r[s]]=e[r[s]])}return n}function u({node:n}){const r=t.useRef(null);return t.useLayoutEffect(()=>{const e=r.current;if(e)return e.appendChild(n),()=>{n.parentNode===e&&e.removeChild(n)}},[n]),e.jsx("span",{ref:r,style:{display:"contents"}})}function a(t){if(null!=t)return"string"==typeof t?t:t instanceof Node?e.jsx(u,{node:t}):void 0}function d(e){return{sortIcon:a(null==e?void 0:e.sortIcon),filterIcon:a(null==e?void 0:e.filterIcon),collapseIcon:a(null==e?void 0:e.collapseIcon),labelContent:a(null==e?void 0:e.labelContent)}}function l(t){if(null!=t){if("string"==typeof t){if(""===t)return;return e.jsx("span",{style:{display:"contents"},dangerouslySetInnerHTML:{__html:t}})}return t instanceof Node?e.jsx(u,{node:t}):void 0}}function f(t,n){return r=>{const s=document.createElement("div");return t.register(e.jsx(n,Object.assign({},r)),s),s}}function h(t,n){return r=>{const s=document.createElement("div"),o=Object.assign(Object.assign({},r),{components:(i=r.components,{expandIcon:a(i.expandIcon),checkbox:a(i.checkbox),dragIcon:a(i.dragIcon),labelContent:a(i.labelContent),pinIcon:a(i.pinIcon)})});var i;return t.register(e.jsx(n,Object.assign({},o)),s),s}}function p(t,n){return r=>{const s=document.createElement("div"),o=Object.assign(Object.assign({},r),{searchSection:r.searchSection?a(r.searchSection):null,listSection:a(r.listSection),resetSection:r.resetSection?a(r.resetSection):null});return t.register(e.jsx(n,Object.assign({},o)),s),s}}function m(t){const n=document.createElement("div");return n.innerHTML=r.renderToStaticMarkup(e.jsx(e.Fragment,{children:t})),function(e){const t=Array.from(e.childNodes).filter(e=>e.nodeType!==Node.TEXT_NODE||null!=e.textContent&&""!==e.textContent.trim());return 1===t.length&&t[0]instanceof HTMLElement?(e.removeChild(t[0]),t[0]):e}(n)}function g(t){return r.renderToStaticMarkup(e.jsx(e.Fragment,{children:t}))}function b(e){return"function"==typeof e}function j(t,n){const{cellRenderer:r,headerRenderer:s,children:o,nestedTable:i}=t,u=c(t,["cellRenderer","headerRenderer","children","nestedTable"]),a=Object.assign({},u);if(r&&(a.cellRenderer=function(t,n){return r=>{const s=document.createElement("div");return s.style.display="contents",t.register(e.jsx(n,Object.assign({},r)),s),s}}(n,r)),s&&(a.headerRenderer=function(t,n){return r=>{const s=document.createElement("div"),o=Object.assign(Object.assign({},r),{components:d(r.components)});return t.register(e.jsx(n,Object.assign({},o)),s),s}}(n,s)),o&&(a.children=o.map(e=>j(e,n))),i){const e=Object.assign(Object.assign({},i),{rows:[]});a.nestedTable=S(e,n)}return a}function S(t,n){const{defaultHeaders:r,rows:s,footerRenderer:o,emptyStateRenderer:i,errorStateRenderer:u,loadingStateRenderer:a,tableEmptyStateRenderer:S,headerDropdown:y,columnEditorConfig:O,icons:v,onColumnOrderChange:R,onColumnWidthChange:x,onHeaderEdit:E,onColumnSelect:C}=t,I=c(t,["defaultHeaders","rows","footerRenderer","emptyStateRenderer","errorStateRenderer","loadingStateRenderer","tableEmptyStateRenderer","headerDropdown","columnEditorConfig","icons","onColumnOrderChange","onColumnWidthChange","onHeaderEdit","onColumnSelect"]),w=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},I),{rows:s,defaultHeaders:r.map(e=>j(e,n))}),R?{onColumnOrderChange:e=>R(e)}:{}),x?{onColumnWidthChange:e=>x(e)}:{}),E?{onHeaderEdit:(e,t)=>E(e,t)}:{}),C?{onColumnSelect:e=>C(e)}:{});if(void 0!==o&&(w.footerRenderer=function(t,n){return r=>{const s=document.createElement("div"),o=Object.assign(Object.assign({},r),{nextIcon:l((i={nextIcon:r.nextIcon,prevIcon:r.prevIcon}).nextIcon),prevIcon:l(i.prevIcon)});var i;return t.register(e.jsx(n,Object.assign({},o)),s),s}}(n,o)),void 0!==i)if(b(i))w.emptyStateRenderer=f(n,i);else{const e=i;w.emptyStateRenderer=()=>m(e)}if(void 0!==u)if(b(u))w.errorStateRenderer=f(n,u);else{const e=u;w.errorStateRenderer=()=>m(e)}if(void 0!==a)if(b(a))w.loadingStateRenderer=f(n,a);else{const e=a;w.loadingStateRenderer=()=>m(e)}return void 0!==S&&(w.tableEmptyStateRenderer=null===S?null:m(S)),void 0!==y&&(w.headerDropdown=function(t,n){return r=>{const s=document.createElement("div"),o=Object.assign(Object.assign({},r),{components:d(r.components)});return t.register(e.jsx(n,Object.assign({},o)),s),s}}(n,y)),void 0!==O&&(w.columnEditorConfig=function(e,t){const{rowRenderer:n,customRenderer:r}=e,s=c(e,["rowRenderer","customRenderer"]);return Object.assign(Object.assign(Object.assign({},s),n?{rowRenderer:h(t,n)}:{}),r?{customRenderer:p(t,r)}:{})}(O,n)),void 0!==v&&(w.icons=function(e){const t={};for(const[n,r]of Object.entries(e))null!=r&&(t[n]="string"==typeof r||r instanceof HTMLElement||r instanceof SVGElement?r:g(r));return t}(v)),w}"function"==typeof SuppressedError&&SuppressedError;class y{constructor(){this.entries=new Map,this.listeners=new Set,this.nextId=0,this.cachedSnapshot=[],this.snapshotDirty=!0,this.emitScheduled=!1,this.pruneScheduled=!1,this.subscribe=e=>(this.listeners.add(e),()=>{this.listeners.delete(e)}),this.getSnapshot=()=>(this.snapshotDirty&&(this.cachedSnapshot=Array.from(this.entries.values()),this.snapshotDirty=!1),this.cachedSnapshot)}register(e,t){const n="st-portal-"+this.nextId++;return this.entries.set(n,{id:n,container:t,node:e}),this.scheduleEmit(),{id:n,unregister:()=>this.unregister(n)}}unregister(e){this.entries.delete(e)&&this.scheduleEmit()}attach(e){const t=new MutationObserver(()=>this.schedulePrune());return t.observe(e,{childList:!0,subtree:!0}),()=>t.disconnect()}clear(){0!==this.entries.size&&(this.entries.clear(),this.emit())}emit(){this.snapshotDirty=!0;for(const e of this.listeners)e()}scheduleEmit(){this.emitScheduled||(this.emitScheduled=!0,queueMicrotask(()=>{this.emitScheduled=!1,this.emit()}))}schedulePrune(){this.pruneScheduled||(this.pruneScheduled=!0,queueMicrotask(()=>{this.pruneScheduled=!1;let e=!1;for(const[t,n]of this.entries)n.container.isConnected||(this.entries.delete(t),e=!0);e&&this.emit()}))}}class O extends i.default.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){console.error("[simple-table] A custom renderer threw while rendering:",e)}render(){return this.state.hasError?null:this.props.children}}const v=i.default.forwardRef(function(r,o){const i=t.useRef(null),u=t.useRef(null);null===u.current&&(u.current=new y);const a=u.current,d=t.useRef(null),l=t.useRef(void 0),f=t.useRef(null),h=r;t.useLayoutEffect(()=>{const e=i.current;if(!e)return;const t=new n.SimpleTableVanilla(e,S(h,a));t.mount(),d.current=t,f.current=h,l.current=h.defaultHeaders;const r=a.attach(e);if(o){const e=t.getAPI();"function"==typeof o?o(e):o.current=e}return()=>{r(),t.destroy(),d.current=null,l.current=void 0,f.current=null,a.clear(),o&&"function"!=typeof o&&(o.current=null)}},[]),t.useLayoutEffect(()=>{const e=d.current;if(!e)return;if(null!==f.current&&!function(e,t){const n=new Set([...Object.keys(e),...Object.keys(t)]);for(const r of n)if(e[r]!==t[r])return!0;return!1}(f.current,h))return;f.current=h;const t=S(h,a);if(l.current!==h.defaultHeaders)return l.current=h.defaultHeaders,void e.update(t);const n=c(t,["defaultHeaders"]);e.update(n)},[h]);const p=function(n){return t.useSyncExternalStore(n.subscribe,n.getSnapshot,n.getSnapshot).map(t=>s.createPortal(e.jsx(O,{children:t.node}),t.container,t.id))}(a);return e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:i}),p]})});v.displayName="SimpleTable",Object.defineProperty(exports,"asRows",{enumerable:!0,get:function(){return n.asRows}}),exports.SimpleTable=v;
 //# sourceMappingURL=index.js.map

package/dist/index.es.js

@@ -1,2 +1,2 @@
-import{jsx as e,Fragment as n}from"react/jsx-runtime";import r,{useRef as t,useLayoutEffect as o}from"react";import{SimpleTableVanilla as c}from"simple-table-core";export{asRows}from"simple-table-core";import{flushSync as i}from"react-dom";import{createRoot as s}from"react-dom/client";import{renderToStaticMarkup as d}from"react-dom/server";function a(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 u({node:n}){const r=t(null);return o(()=>{const e=r.current;if(e)return e.appendChild(n),()=>{n.parentNode===e&&e.removeChild(n)}},[n]),e("span",{ref:r,style:{display:"contents"}})}function l(n){if(null!=n)return"string"==typeof n?n:n instanceof Node?e(u,{node:n}):void 0}function f(e,n){queueMicrotask(()=>{i(()=>{e.render(n)})})}function m(n){return r=>{const t=document.createElement("div");return f(s(t),e(n,Object.assign({},r))),t}}function p(n){return r=>{const t=document.createElement("div"),o=s(t),c=Object.assign(Object.assign({},r),{searchSection:r.searchSection?l(r.searchSection):null,listSection:l(r.listSection),resetSection:r.resetSection?l(r.resetSection):null});return f(o,e(n,Object.assign({},c))),t}}function b(r){const t=document.createElement("div");return t.innerHTML=d(e(n,{children:r})),function(e){const n=Array.from(e.childNodes).filter(e=>e.nodeType!==Node.TEXT_NODE||null!=e.textContent&&""!==e.textContent.trim());return 1===n.length&&n[0]instanceof HTMLElement?(e.removeChild(n[0]),n[0]):e}(t)}function g(r){return d(e(n,{children:r}))}function O(e){return"function"==typeof e}function S(n){const{cellRenderer:r,headerRenderer:t,children:o,nestedTable:c}=n,i=a(n,["cellRenderer","headerRenderer","children","nestedTable"]),d=Object.assign({},i);var u;if(r&&(d.cellRenderer=(u=r,n=>{const r=document.createElement("div");return r.style.display="contents",f(s(r),e(u,Object.assign({},n))),r})),t&&(d.headerRenderer=m(t)),o&&(d.children=o.map(S)),c){const e=Object.assign(Object.assign({},c),{rows:[]});d.nestedTable=h(e)}return d}function h(n){const{defaultHeaders:r,rows:t,footerRenderer:o,emptyStateRenderer:c,errorStateRenderer:i,loadingStateRenderer:d,tableEmptyStateRenderer:u,headerDropdown:h,columnEditorConfig:y,icons:R,onColumnOrderChange:j,onColumnWidthChange:v,onHeaderEdit:C,onColumnSelect:E}=n,w=a(n,["defaultHeaders","rows","footerRenderer","emptyStateRenderer","errorStateRenderer","loadingStateRenderer","tableEmptyStateRenderer","headerDropdown","columnEditorConfig","icons","onColumnOrderChange","onColumnWidthChange","onHeaderEdit","onColumnSelect"]),H=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},w),{rows:t,defaultHeaders:r.map(S)}),j?{onColumnOrderChange:e=>j(e)}:{}),v?{onColumnWidthChange:e=>v(e)}:{}),C?{onHeaderEdit:(e,n)=>C(e,n)}:{}),E?{onColumnSelect:e=>E(e)}:{});if(void 0!==o&&(H.footerRenderer=m(o)),void 0!==c)if(O(c))H.emptyStateRenderer=m(c);else{const e=c;H.emptyStateRenderer=()=>b(e)}if(void 0!==i)if(O(i))H.errorStateRenderer=m(i);else{const e=i;H.errorStateRenderer=()=>b(e)}if(void 0!==d)if(O(d))H.loadingStateRenderer=m(d);else{const e=d;H.loadingStateRenderer=()=>b(e)}return void 0!==u&&(H.tableEmptyStateRenderer=null===u?null:b(u)),void 0!==h&&(H.headerDropdown=m(h)),void 0!==y&&(H.columnEditorConfig=function(n){const{rowRenderer:r,customRenderer:t}=n,o=a(n,["rowRenderer","customRenderer"]);return Object.assign(Object.assign(Object.assign({},o),r?{rowRenderer:(c=r,n=>{const r=document.createElement("div"),t=s(r),o=Object.assign(Object.assign({},n),{components:(i=n.components,{expandIcon:l(i.expandIcon),checkbox:l(i.checkbox),dragIcon:l(i.dragIcon),labelContent:l(i.labelContent),pinIcon:l(i.pinIcon)})});var i;return f(t,e(c,Object.assign({},o))),r})}:{}),t?{customRenderer:p(t)}:{});var c}(y)),void 0!==R&&(H.icons=function(e){const n={};for(const[r,t]of Object.entries(e))null!=t&&(n[r]="string"==typeof t||t instanceof HTMLElement||t instanceof SVGElement?t:g(t));return n}(R)),H}"function"==typeof SuppressedError&&SuppressedError;const y=r.forwardRef(function(n,r){const i=t(null),s=t(null),d=t(void 0),u=t(null),l=n;return o(()=>{if(!i.current)return;let e=!1;return queueMicrotask(()=>{if(e||!i.current)return;const n=new c(i.current,h(l));if(n.mount(),s.current=n,r){const e=n.getAPI();"function"==typeof r?r(e):r.current=e}}),()=>{e=!0;const n=s.current;n&&(n.destroy(),s.current=null,d.current=void 0,u.current=null,r&&"function"!=typeof r&&(r.current=null))}},[]),o(()=>{const e=s.current;if(!e)return;if(null!==u.current&&!function(e,n){const r=new Set([...Object.keys(e),...Object.keys(n)]);for(const t of r)if(e[t]!==n[t])return!0;return!1}(u.current,l))return;u.current=l;const n=h(l);queueMicrotask(()=>{if(s.current!==e)return;if(d.current!==l.defaultHeaders)return d.current=l.defaultHeaders,void e.update(n);const r=a(n,["defaultHeaders"]);e.update(r)})},[l]),e("div",{ref:i})});y.displayName="SimpleTable";export{y as SimpleTable};
+import{jsx as e,Fragment as t,jsxs as n}from"react/jsx-runtime";import r,{useRef as o,useLayoutEffect as s,useSyncExternalStore as i}from"react";import{SimpleTableVanilla as c}from"simple-table-core";export{asRows}from"simple-table-core";import{renderToStaticMarkup as d}from"react-dom/server";import{createPortal as u}from"react-dom";function l(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function a({node:t}){const n=o(null);return s(()=>{const e=n.current;if(e)return e.appendChild(t),()=>{t.parentNode===e&&e.removeChild(t)}},[t]),e("span",{ref:n,style:{display:"contents"}})}function h(t){if(null!=t)return"string"==typeof t?t:t instanceof Node?e(a,{node:t}):void 0}function f(e){return{sortIcon:h(null==e?void 0:e.sortIcon),filterIcon:h(null==e?void 0:e.filterIcon),collapseIcon:h(null==e?void 0:e.collapseIcon),labelContent:h(null==e?void 0:e.labelContent)}}function m(t){if(null!=t){if("string"==typeof t){if(""===t)return;return e("span",{style:{display:"contents"},dangerouslySetInnerHTML:{__html:t}})}return t instanceof Node?e(a,{node:t}):void 0}}function p(t,n){return r=>{const o=document.createElement("div");return t.register(e(n,Object.assign({},r)),o),o}}function g(t,n){return r=>{const o=document.createElement("div"),s=Object.assign(Object.assign({},r),{components:(i=r.components,{expandIcon:h(i.expandIcon),checkbox:h(i.checkbox),dragIcon:h(i.dragIcon),labelContent:h(i.labelContent),pinIcon:h(i.pinIcon)})});var i;return t.register(e(n,Object.assign({},s)),o),o}}function b(t,n){return r=>{const o=document.createElement("div"),s=Object.assign(Object.assign({},r),{searchSection:r.searchSection?h(r.searchSection):null,listSection:h(r.listSection),resetSection:r.resetSection?h(r.resetSection):null});return t.register(e(n,Object.assign({},s)),o),o}}function S(n){const r=document.createElement("div");return r.innerHTML=d(e(t,{children:n})),function(e){const t=Array.from(e.childNodes).filter(e=>e.nodeType!==Node.TEXT_NODE||null!=e.textContent&&""!==e.textContent.trim());return 1===t.length&&t[0]instanceof HTMLElement?(e.removeChild(t[0]),t[0]):e}(r)}function O(n){return d(e(t,{children:n}))}function v(e){return"function"==typeof e}function y(t,n){const{cellRenderer:r,headerRenderer:o,children:s,nestedTable:i}=t,c=l(t,["cellRenderer","headerRenderer","children","nestedTable"]),d=Object.assign({},c);if(r&&(d.cellRenderer=function(t,n){return r=>{const o=document.createElement("div");return o.style.display="contents",t.register(e(n,Object.assign({},r)),o),o}}(n,r)),o&&(d.headerRenderer=function(t,n){return r=>{const o=document.createElement("div"),s=Object.assign(Object.assign({},r),{components:f(r.components)});return t.register(e(n,Object.assign({},s)),o),o}}(n,o)),s&&(d.children=s.map(e=>y(e,n))),i){const e=Object.assign(Object.assign({},i),{rows:[]});d.nestedTable=j(e,n)}return d}function j(t,n){const{defaultHeaders:r,rows:o,footerRenderer:s,emptyStateRenderer:i,errorStateRenderer:c,loadingStateRenderer:d,tableEmptyStateRenderer:u,headerDropdown:a,columnEditorConfig:h,icons:j,onColumnOrderChange:E,onColumnWidthChange:R,onHeaderEdit:C,onColumnSelect:I}=t,w=l(t,["defaultHeaders","rows","footerRenderer","emptyStateRenderer","errorStateRenderer","loadingStateRenderer","tableEmptyStateRenderer","headerDropdown","columnEditorConfig","icons","onColumnOrderChange","onColumnWidthChange","onHeaderEdit","onColumnSelect"]),x=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},w),{rows:o,defaultHeaders:r.map(e=>y(e,n))}),E?{onColumnOrderChange:e=>E(e)}:{}),R?{onColumnWidthChange:e=>R(e)}:{}),C?{onHeaderEdit:(e,t)=>C(e,t)}:{}),I?{onColumnSelect:e=>I(e)}:{});if(void 0!==s&&(x.footerRenderer=function(t,n){return r=>{const o=document.createElement("div"),s=Object.assign(Object.assign({},r),{nextIcon:m((i={nextIcon:r.nextIcon,prevIcon:r.prevIcon}).nextIcon),prevIcon:m(i.prevIcon)});var i;return t.register(e(n,Object.assign({},s)),o),o}}(n,s)),void 0!==i)if(v(i))x.emptyStateRenderer=p(n,i);else{const e=i;x.emptyStateRenderer=()=>S(e)}if(void 0!==c)if(v(c))x.errorStateRenderer=p(n,c);else{const e=c;x.errorStateRenderer=()=>S(e)}if(void 0!==d)if(v(d))x.loadingStateRenderer=p(n,d);else{const e=d;x.loadingStateRenderer=()=>S(e)}return void 0!==u&&(x.tableEmptyStateRenderer=null===u?null:S(u)),void 0!==a&&(x.headerDropdown=function(t,n){return r=>{const o=document.createElement("div"),s=Object.assign(Object.assign({},r),{components:f(r.components)});return t.register(e(n,Object.assign({},s)),o),o}}(n,a)),void 0!==h&&(x.columnEditorConfig=function(e,t){const{rowRenderer:n,customRenderer:r}=e,o=l(e,["rowRenderer","customRenderer"]);return Object.assign(Object.assign(Object.assign({},o),n?{rowRenderer:g(t,n)}:{}),r?{customRenderer:b(t,r)}:{})}(h,n)),void 0!==j&&(x.icons=function(e){const t={};for(const[n,r]of Object.entries(e))null!=r&&(t[n]="string"==typeof r||r instanceof HTMLElement||r instanceof SVGElement?r:O(r));return t}(j)),x}"function"==typeof SuppressedError&&SuppressedError;class E{constructor(){this.entries=new Map,this.listeners=new Set,this.nextId=0,this.cachedSnapshot=[],this.snapshotDirty=!0,this.emitScheduled=!1,this.pruneScheduled=!1,this.subscribe=e=>(this.listeners.add(e),()=>{this.listeners.delete(e)}),this.getSnapshot=()=>(this.snapshotDirty&&(this.cachedSnapshot=Array.from(this.entries.values()),this.snapshotDirty=!1),this.cachedSnapshot)}register(e,t){const n="st-portal-"+this.nextId++;return this.entries.set(n,{id:n,container:t,node:e}),this.scheduleEmit(),{id:n,unregister:()=>this.unregister(n)}}unregister(e){this.entries.delete(e)&&this.scheduleEmit()}attach(e){const t=new MutationObserver(()=>this.schedulePrune());return t.observe(e,{childList:!0,subtree:!0}),()=>t.disconnect()}clear(){0!==this.entries.size&&(this.entries.clear(),this.emit())}emit(){this.snapshotDirty=!0;for(const e of this.listeners)e()}scheduleEmit(){this.emitScheduled||(this.emitScheduled=!0,queueMicrotask(()=>{this.emitScheduled=!1,this.emit()}))}schedulePrune(){this.pruneScheduled||(this.pruneScheduled=!0,queueMicrotask(()=>{this.pruneScheduled=!1;let e=!1;for(const[t,n]of this.entries)n.container.isConnected||(this.entries.delete(t),e=!0);e&&this.emit()}))}}class R extends r.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){console.error("[simple-table] A custom renderer threw while rendering:",e)}render(){return this.state.hasError?null:this.props.children}}const C=r.forwardRef(function(r,d){const a=o(null),h=o(null);null===h.current&&(h.current=new E);const f=h.current,m=o(null),p=o(void 0),g=o(null),b=r;s(()=>{const e=a.current;if(!e)return;const t=new c(e,j(b,f));t.mount(),m.current=t,g.current=b,p.current=b.defaultHeaders;const n=f.attach(e);if(d){const e=t.getAPI();"function"==typeof d?d(e):d.current=e}return()=>{n(),t.destroy(),m.current=null,p.current=void 0,g.current=null,f.clear(),d&&"function"!=typeof d&&(d.current=null)}},[]),s(()=>{const e=m.current;if(!e)return;if(null!==g.current&&!function(e,t){const n=new Set([...Object.keys(e),...Object.keys(t)]);for(const r of n)if(e[r]!==t[r])return!0;return!1}(g.current,b))return;g.current=b;const t=j(b,f);if(p.current!==b.defaultHeaders)return p.current=b.defaultHeaders,void e.update(t);const n=l(t,["defaultHeaders"]);e.update(n)},[b]);const S=function(t){return i(t.subscribe,t.getSnapshot,t.getSnapshot).map(t=>u(e(R,{children:t.node}),t.container,t.id))}(f);return n(t,{children:[e("div",{ref:a}),S]})});C.displayName="SimpleTable";export{C as SimpleTable};
 //# sourceMappingURL=index.es.js.map

package/dist/types/core/src/utils/columnEditor/columnEditorUtils.d.ts

@@ -1,7 +1,20 @@
 import HeaderObject, { Accessor } from "../../types/HeaderObject";
 import { ColumnVisibilityState } from "../../types/ColumnVisibilityTypes";
 import { FlattenedHeader } from "../../types/FlattenedHeader";
+import { PanelSection } from "../../types/PanelSection";
 export type { FlattenedHeader };
+/**
+ * Tracks which drop separator is currently highlighted during a column-editor
+ * drag. The `index` is **section-relative** (matches the per-section
+ * `visualIndex`, or `-1` for the separator above the first row), so it must be
+ * paired with the `panelSection` it belongs to. Without the section, the same
+ * index is ambiguous across the pinned-left / main / pinned-right lists and the
+ * divider renders in the wrong section.
+ */
+export type HoveredSeparator = {
+    panelSection: PanelSection;
+    index: number;
+} | null;
 export declare const findAndMarkParentsVisible: (headers: HeaderObject[], childAccessor: Accessor, visited?: Set<string>) => void;
 export declare const areAllChildrenHidden: (children: HeaderObject[]) => boolean;
 export declare const updateParentHeaders: (headers: HeaderObject[]) => void;

package/dist/types/core/src/utils/columnEditor/createColumnEditorRow.d.ts

@@ -1,7 +1,7 @@
 import HeaderObject from "../../types/HeaderObject";
 import { ColumnEditorConfig } from "../../types/ColumnEditorConfig";
 import { IconsConfig } from "../../types/IconsConfig";
-import { FlattenedHeader } from "./columnEditorUtils";
+import { FlattenedHeader, HoveredSeparator } from "./columnEditorUtils";
 import { ColumnVisibilityState } from "../../types/ColumnVisibilityTypes";
 import { PanelSection } from "../pinnedColumnUtils";
 export interface CreateColumnEditorRowOptions {
@@ -11,17 +11,17 @@ export interface CreateColumnEditorRowOptions {
     doesAnyHeaderHaveChildren: boolean;
     draggingRow: FlattenedHeader | null;
     getDraggingRow?: () => FlattenedHeader | null;
-    getHoveredSeparatorIndex?: () => number | null;
+    getHoveredSeparator?: () => HoveredSeparator;
     expandedHeaders: Set<string>;
     flattenedHeaders: FlattenedHeader[];
     forceExpanded: boolean;
     header: HeaderObject;
-    hoveredSeparatorIndex: number | null;
+    hoveredSeparator: HoveredSeparator;
     panelSection?: PanelSection;
     rowIndex: number;
     setDraggingRow: (row: FlattenedHeader | null) => void;
     setExpandedHeaders: (headers: Set<string>) => void;
-    setHoveredSeparatorIndex: (index: number | null) => void;
+    setHoveredSeparator: (value: HoveredSeparator) => void;
     columnEditorConfig: ColumnEditorConfig;
     /** Resolved table icons; `icons.drag` overrides the default column-editor drag handle. */
     icons?: IconsConfig;

package/dist/types/react/src/PortalBridge.d.ts

@@ -0,0 +1,62 @@
+import type { ReactNode } from "react";
+/**
+ * A single React subtree to render into a DOM node owned by simple-table-core.
+ */
+interface PortalEntry {
+    id: string;
+    container: HTMLElement;
+    node: ReactNode;
+}
+/**
+ * Bridges simple-table-core's imperative DOM rendering with React so that custom
+ * cell / header / footer renderers stay part of the host React tree.
+ *
+ * Instead of mounting each renderer in its own isolated `createRoot` (which can
+ * never see the host app's context providers and leaks because it is never
+ * unmounted), each renderer registers a {@link PortalEntry}. The owning
+ * `<SimpleTable>` renders one `createPortal` per entry via {@link useTablePortals},
+ * so the consumer's components are children of the host tree and inherit context,
+ * Suspense, error boundaries, etc.
+ *
+ * Cleanup is driven by the DOM: core recycles cells by clearing/replacing their
+ * content (`innerHTML = ""`), which detaches the registered container. A
+ * `MutationObserver` (see {@link attach}) prunes entries whose container is no
+ * longer connected, which unmounts the corresponding React subtree.
+ */
+export declare class PortalBridge {
+    private entries;
+    private listeners;
+    private nextId;
+    private cachedSnapshot;
+    private snapshotDirty;
+    private emitScheduled;
+    private pruneScheduled;
+    /**
+     * Register a React node to be rendered into `container`. The container is
+     * returned to core synchronously (matching the vanilla renderer contract); the
+     * React subtree commits on the host's next render.
+     */
+    register(node: ReactNode, container: HTMLElement): {
+        id: string;
+        unregister: () => void;
+    };
+    private unregister;
+    /**
+     * Observe a root element and prune entries whose container has been detached by
+     * core (cell recycling). Returns a disconnect function.
+     */
+    attach(root: HTMLElement): () => void;
+    /** Remove all entries (used on table teardown). */
+    clear(): void;
+    subscribe: (listener: () => void) => (() => void);
+    getSnapshot: () => PortalEntry[];
+    private emit;
+    private scheduleEmit;
+    private schedulePrune;
+}
+/**
+ * Renders one `createPortal` per registered entry. Call once from `<SimpleTable>`
+ * and include the result in its JSX so portals mount inside the host React tree.
+ */
+export declare function useTablePortals(bridge: PortalBridge): ReactNode;
+export {};

package/dist/types/react/src/__tests__/contextAndSlots.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/react/src/buildVanillaConfig.d.ts

@@ -1,3 +1,4 @@
 import type { SimpleTableConfig } from "simple-table-core";
 import type { SimpleTableReactProps } from "./types";
-export declare function buildVanillaConfig(config: SimpleTableReactProps): SimpleTableConfig;
+import type { PortalBridge } from "./PortalBridge";
+export declare function buildVanillaConfig(config: SimpleTableReactProps, bridge: PortalBridge): SimpleTableConfig;

package/dist/types/react/src/index.d.ts

@@ -1,4 +1,4 @@
 export { default as SimpleTable } from "./SimpleTable";
 export { asRows } from "simple-table-core";
-export type { SimpleTableReactProps, TableInstance, ReactHeaderObject, ReactColumnEditorConfig, ReactIconsConfig, ReactIconElement, ReactCellRenderer, ReactHeaderRenderer, ReactFooterRenderer, ReactHeaderDropdown, ReactColumnEditorRowRenderer, ReactColumnEditorCustomRenderer, ReactLoadingStateRenderer, ReactErrorStateRenderer, ReactEmptyStateRenderer, HeaderRendererComponents, HeaderRendererProps, ColumnEditorRowRendererComponents, ColumnEditorRowRendererProps, FooterRendererProps, HeaderDropdownProps, } from "./types";
-export type { Accessor, AggregationConfig, AggregationType, BoundingBox, Cell, CellChangeProps, CellClickProps, CellRenderer, CellRendererProps, CellValue, ChartOptions, ColumnEditorConfig, ColumnEditorRowRenderer, ColumnEditorCustomRenderer, ColumnEditorCustomRendererProps, ColumnEditorSearchFunction, ColumnType, ColumnVisibilityState, Comparator, ComparatorProps, CustomTheme, CustomThemeProps, DragHandlerProps, EmptyStateRenderer, EmptyStateRendererProps, EnumOption, ErrorStateRenderer, ErrorStateRendererProps, ExportToCSVProps, ExportValueGetter, ExportValueProps, FilterCondition, GetRowId, GetRowIdParams, HeaderDropdown, HeaderRenderer, IconsConfig, LoadingStateRenderer, LoadingStateRendererProps, OnRowGroupExpandProps, OnSortProps, QuickFilterConfig, QuickFilterGetter, QuickFilterGetterProps, QuickFilterMode, Row, RowButtonProps, RowId, RowSelectionChangeProps, RowState, SetHeaderRenameProps, SharedTableProps, ShowWhen, SimpleTableConfig, SimpleTableProps, SortColumn, TableAPI, TableFilterState, TableHeaderProps, TableRowProps, Theme, UpdateDataProps, ValueFormatter, ValueFormatterProps, ValueGetter, ValueGetterProps, } from "simple-table-core";
+export type { SimpleTableReactProps, TableInstance, ReactHeaderObject, ReactColumnEditorConfig, ReactIconsConfig, ReactIconElement, ReactCellRenderer, ReactHeaderRenderer, ReactFooterRenderer, ReactHeaderDropdown, ReactColumnEditorRowRenderer, ReactColumnEditorCustomRenderer, ReactLoadingStateRenderer, ReactErrorStateRenderer, ReactEmptyStateRenderer, HeaderRendererComponents, HeaderRendererProps, ColumnEditorRowRendererComponents, ColumnEditorRowRendererProps, ColumnEditorCustomRendererProps, FooterRendererProps, HeaderDropdownProps, } from "./types";
+export type { Accessor, AggregationConfig, AggregationType, BoundingBox, Cell, CellChangeProps, CellClickProps, CellRenderer, CellRendererProps, CellValue, ChartOptions, ColumnEditorConfig, ColumnEditorRowRenderer, ColumnEditorCustomRenderer, ColumnEditorSearchFunction, ColumnType, ColumnVisibilityState, Comparator, ComparatorProps, CustomTheme, CustomThemeProps, DragHandlerProps, EmptyStateRenderer, EmptyStateRendererProps, EnumOption, ErrorStateRenderer, ErrorStateRendererProps, ExportToCSVProps, ExportValueGetter, ExportValueProps, FilterCondition, GetRowId, GetRowIdParams, HeaderDropdown, HeaderRenderer, IconsConfig, LoadingStateRenderer, LoadingStateRendererProps, OnRowGroupExpandProps, OnSortProps, QuickFilterConfig, QuickFilterGetter, QuickFilterGetterProps, QuickFilterMode, Row, RowButtonProps, RowId, RowSelectionChangeProps, RowState, SetHeaderRenameProps, SharedTableProps, ShowWhen, SimpleTableConfig, SimpleTableProps, SortColumn, TableAPI, TableFilterState, TableHeaderProps, TableRowProps, Theme, UpdateDataProps, ValueFormatter, ValueFormatterProps, ValueGetter, ValueGetterProps, } from "simple-table-core";

package/dist/types/react/src/types.d.ts

@@ -1,5 +1,5 @@
 import type React from "react";
-import type { SimpleTableProps, SimpleTableConfig, HeaderObject, TableAPI, Row, CellRendererProps, HeaderRendererProps as VanillaHeaderRendererProps, FooterRendererProps as VanillaFooterRendererProps, LoadingStateRendererProps, ErrorStateRendererProps, EmptyStateRendererProps, HeaderDropdownProps as VanillaHeaderDropdownProps, ColumnEditorRowRendererProps as VanillaColumnEditorRowRendererProps, ColumnEditorCustomRendererProps, ColumnEditorConfig } from "simple-table-core";
+import type { SimpleTableProps, SimpleTableConfig, HeaderObject, TableAPI, Row, CellRendererProps, HeaderRendererProps as VanillaHeaderRendererProps, FooterRendererProps as VanillaFooterRendererProps, LoadingStateRendererProps, ErrorStateRendererProps, EmptyStateRendererProps, HeaderDropdownProps as VanillaHeaderDropdownProps, ColumnEditorRowRendererProps as VanillaColumnEditorRowRendererProps, ColumnEditorCustomRendererProps as VanillaColumnEditorCustomRendererProps, ColumnEditorConfig } from "simple-table-core";
 /** Passed to React `headerRenderer` / `headerDropdown`; slots are React nodes. */
 export interface HeaderRendererComponents {
     sortIcon?: React.ReactNode;
@@ -21,6 +21,12 @@ export interface ColumnEditorRowRendererComponents {
 export type ColumnEditorRowRendererProps = Omit<VanillaColumnEditorRowRendererProps, "components"> & {
     components: ColumnEditorRowRendererComponents;
 };
+/** Column editor custom-renderer slots as React nodes (core uses `HTMLElement`). */
+export type ColumnEditorCustomRendererProps = Omit<VanillaColumnEditorCustomRendererProps, "searchSection" | "listSection" | "resetSection"> & {
+    searchSection?: React.ReactNode;
+    listSection?: React.ReactNode;
+    resetSection?: React.ReactNode;
+};
 export type FooterRendererProps = Omit<VanillaFooterRendererProps, "nextIcon" | "prevIcon"> & {
     nextIcon?: React.ReactNode;
     prevIcon?: React.ReactNode;

package/dist/types/react/src/utils/ImperativeDomSlot.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { ColumnEditorRowRendererComponents as VanillaColumnEditorRowComponents } from "simple-table-core";
+import type { ColumnEditorRowRendererComponents as VanillaColumnEditorRowComponents, HeaderRendererComponents as VanillaHeaderRendererComponents } from "simple-table-core";
 type DomSlotProps = {
     node: Node;
 };
@@ -13,6 +13,28 @@ export declare function ImperativeDomSlot({ node }: DomSlotProps): import("react
  * Converts a core column-editor slot (string markup or a live node) into a ReactNode.
  */
 export declare function domSlotToReactNode(value: string | Node | null | undefined): React.ReactNode;
+/** Maps core header slots (live DOM icons) to React nodes for `headerRenderer` JSX. */
+export declare function mapHeaderRendererComponentsForReact(components: VanillaHeaderRendererComponents | undefined): {
+    sortIcon?: React.ReactNode;
+    filterIcon?: React.ReactNode;
+    collapseIcon?: React.ReactNode;
+    labelContent?: React.ReactNode;
+};
+/**
+ * Bridges an *icon* slot into a ReactNode. Unlike {@link domSlotToReactNode}, a
+ * string is treated as HTML markup — core serializes React icons to HTML strings
+ * (via renderToStaticMarkup), so it must be rendered with dangerouslySetInnerHTML
+ * rather than as escaped text. Live DOM nodes still go through ImperativeDomSlot.
+ */
+export declare function iconSlotToReactNode(value: string | Node | null | undefined): React.ReactNode;
+/** Maps core footer pagination icon slots (live DOM / HTML string) to React nodes for `footerRenderer` JSX. */
+export declare function mapFooterIconsForReact(icons: {
+    nextIcon?: unknown;
+    prevIcon?: unknown;
+}): {
+    nextIcon?: React.ReactNode;
+    prevIcon?: React.ReactNode;
+};
 /** Maps core column-editor row slots (live DOM) to React nodes for `rowRenderer` JSX. */
 export declare function mapColumnEditorRowComponentsForReact(components: VanillaColumnEditorRowComponents): {
     expandIcon?: React.ReactNode;

package/dist/types/react/src/utils/wrapReactRenderer.d.ts

@@ -1,40 +1,56 @@
 import React from "react";
-import type { ColumnEditorCustomRendererProps as VanillaColumnEditorCustomRendererProps, ColumnEditorRowRendererProps as VanillaColumnEditorRowRendererProps } from "simple-table-core";
+import type { ColumnEditorCustomRendererProps as VanillaColumnEditorCustomRendererProps, ColumnEditorRowRendererProps as VanillaColumnEditorRowRendererProps, HeaderRendererProps as VanillaHeaderRendererProps, HeaderDropdownProps as VanillaHeaderDropdownProps, FooterRendererProps as VanillaFooterRendererProps } from "simple-table-core";
+import type { PortalBridge } from "../PortalBridge";
 /**
  * Wraps a React component into a function that returns an HTMLElement, matching
  * the vanilla renderer contract expected by simple-table-core.
  *
- * Uses `createRoot` so event handlers work (same idea as Vue/Svelte/Solid adapters).
- * When core replaces or clears that DOM, the root is detached like other adapters.
+ * The component is registered with the {@link PortalBridge} rather than mounted
+ * in its own `createRoot`, so it renders as part of the host React tree and
+ * inherits context. The returned container is filled on the host's next render.
  */
-export declare function wrapReactRenderer<P extends object>(Component: React.ComponentType<P>): (props: P) => HTMLElement;
+export declare function wrapReactRenderer<P extends object>(bridge: PortalBridge, Component: React.ComponentType<P>): (props: P) => HTMLElement;
 /**
- * Like {@link wrapReactRenderer} for column editor rows: core passes `components.*` as
- * live DOM nodes; this maps them to React hosts so consumers can use normal JSX.
+ * Like {@link wrapReactRenderer} but uses `display: contents` so layout is
+ * unchanged when core appends this node (no extra box vs a plain div). Used for
+ * cell renderers.
  */
-export declare function wrapReactColumnEditorRowRenderer(Component: React.ComponentType<object>): (props: VanillaColumnEditorRowRendererProps) => HTMLElement;
+export declare function wrapReactRendererIntoFragment<P extends object>(bridge: PortalBridge, Component: React.ComponentType<P>): (props: P) => HTMLElement;
 /**
- * Maps `searchSection` / `listSection` / `resetSection` HTMLElement slots for
- * `columnEditorConfig.customRenderer` the same way as row slots.
+ * Like {@link wrapReactRenderer} for header renderers: core passes `components.*`
+ * (sortIcon / filterIcon / collapseIcon / labelContent) as live DOM nodes; this
+ * bridges them to React nodes so consumers can use them directly in JSX.
+ */
+export declare function wrapReactHeaderRenderer(bridge: PortalBridge, Component: React.ComponentType<VanillaHeaderRendererProps>): (props: VanillaHeaderRendererProps) => HTMLElement;
+/**
+ * Like {@link wrapReactHeaderRenderer} for the header dropdown, which shares the
+ * same `components` slot shape.
+ */
+export declare function wrapReactHeaderDropdown(bridge: PortalBridge, Component: React.ComponentType<VanillaHeaderDropdownProps>): (props: VanillaHeaderDropdownProps) => HTMLElement;
+/**
+ * Like {@link wrapReactRenderer} for footer renderers: bridges the `nextIcon` /
+ * `prevIcon` pagination slots (live DOM) to React nodes for JSX use.
+ */
+export declare function wrapReactFooterRenderer(bridge: PortalBridge, Component: React.ComponentType<VanillaFooterRendererProps>): (props: VanillaFooterRendererProps) => HTMLElement;
+/**
+ * Like {@link wrapReactRenderer} for column editor rows: core passes `components.*`
+ * as live DOM nodes; this maps them to React nodes so consumers can use normal JSX.
  */
-export declare function wrapReactColumnEditorCustomRenderer(Component: React.ComponentType<object>): (props: VanillaColumnEditorCustomRendererProps) => HTMLElement;
+export declare function wrapReactColumnEditorRowRenderer(bridge: PortalBridge, Component: React.ComponentType<object>): (props: VanillaColumnEditorRowRendererProps) => HTMLElement;
 /**
- * Like wrapReactRenderer but uses `display: contents` so layout is unchanged
- * when core appends this node (no extra box vs a plain div).
- * Commit scheduling matches {@link wrapReactRenderer} (microtask + flushSync).
+ * Maps `searchSection` / `listSection` / `resetSection` HTMLElement slots for
+ * `columnEditorConfig.customRenderer` the same way as row slots.
  */
-export declare function wrapReactRendererIntoFragment<P extends object>(Component: React.ComponentType<P>): (props: P) => HTMLElement;
+export declare function wrapReactColumnEditorCustomRenderer(bridge: PortalBridge, Component: React.ComponentType<object>): (props: VanillaColumnEditorCustomRendererProps) => HTMLElement;
 /**
- * Renders a static ReactNode into an HTMLElement.
- * Used for props like tableEmptyStateRenderer that are not called with arguments.
+ * Renders a static ReactNode into an HTMLElement using server-side static
+ * rendering. Used for props like tableEmptyStateRenderer that are static markup
+ * (not interactive and not called with arguments). These do not need context.
  */
 export declare function wrapReactNode(node: React.ReactNode): HTMLElement;
 /**
  * Converts a ReactNode to an HTML string using server-side static rendering.
  * Used for icon props where the vanilla table expects a string | HTMLElement | SVGSVGElement.
- * Uses renderToStaticMarkup so it works synchronously from any context — including
- * inside a useEffect — unlike createRoot alone without a follow-up commit, which
- * can yield empty output when React defers the nested root.
  */
 export declare function reactNodeToHtmlString(node: React.ReactNode): string;
 /** Returns true if the value is a React component (function or class). */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simple-table/react",
-  "version": "3.7.4",
+  "version": "3.7.5",
   "main": "dist/cjs/index.js",
   "module": "dist/index.es.js",
   "types": "dist/types/react/src/index.d.ts",
@@ -29,7 +29,7 @@
     "react-dom": ">=18.0.0"
   },
   "dependencies": {
-    "simple-table-core": "3.7.4"
+    "simple-table-core": "3.7.5"
   },
   "devDependencies": {
     "@rollup/plugin-alias": "^4.0.4",