@simple-table/solid 4.1.4 → 4.1.5

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("solid-js/web"),r=require("solid-js"),n=require("simple-table-core");function t(e,r){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(n[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)r.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(n[t[o]]=e[t[o]])}return n}function o(r,n){return t=>{const o=document.createElement("div"),s=e.render(()=>e.createComponent(n,t),o);return r.register(o,s),o}}function s(r,n,t,o){const s="cell"===t?r.cellRendererCache:r.headerRendererCache,d=s.get(n);if(d)return d.component=o,d.wrapped;const i={component:o,wrapped:null},c=n=>{const t=document.createElement("div"),o=e.render(()=>e.createComponent(i.component,n),t);return r.register(t,o),t};return i.wrapped=c,s.set(n,i),c}function d(r,n){const t=document.createElement("div"),o=e.render(()=>n,t);return r.register(t,o),t}function i(r){const n=document.createElement("div"),t=e.render(()=>r,n),o=n.innerHTML;return t(),o}function c(e){return"function"==typeof e}function a(e,r){const{cellRenderer:n,headerRenderer:o,children:d,nestedTable:i}=e,c=t(e,["cellRenderer","headerRenderer","children","nestedTable"]),l=String(e.accessor),p=Object.assign({},c);if(n&&(p.cellRenderer=s(r,l,"cell",n)),o&&(p.headerRenderer=s(r,l,"header",o)),d&&(p.children=d.map(e=>a(e,r))),i){const e=Object.assign(Object.assign({},i),{rows:[]});p.nestedTable=u(e,r)}return p}function l(e){const r=e.columns;if(!r)throw new Error("SimpleTable requires `columns`");return r}function u(e,r){const{rows:s,footerRenderer:u,emptyStateRenderer:p,errorStateRenderer:f,loadingStateRenderer:m,tableEmptyStateRenderer:h,headerDropdown:R,columnEditorConfig:b,icons:g,rowButtons:C,onColumnOrderChange:w,onColumnWidthChange:O,onHeaderEdit:E,onColumnSelect:y,enableColumnEditor:v,enableColumnEditorInitOpen:S,enablePagination:P,onTableReady:j,hoverRowBackground:T,oddColumnBackground:I,oddEvenRowBackground:_}=e,A=t(e,["columns","rows","footerRenderer","emptyStateRenderer","errorStateRenderer","loadingStateRenderer","tableEmptyStateRenderer","headerDropdown","columnEditorConfig","icons","rowButtons","ref","onColumnOrderChange","onColumnWidthChange","onHeaderEdit","onColumnSelect","enableColumnEditor","enableColumnEditorInitOpen","enablePagination","onTableReady","hoverRowBackground","oddColumnBackground","oddEvenRowBackground"]),B=l(e);r.pruneRendererCaches(n.collectHeaderAccessors(B));const x=Object.assign(Object.assign({},A),{rows:n.asRows(s),columns:B.map(e=>a(e,r)),enableColumnEditor:v,enableColumnEditorInitOpen:S,enablePagination:P,onTableReady:j,hoverRowBackground:T,oddColumnBackground:I,oddEvenRowBackground:_,onRendererHostDiscard:r.disposeHost});if(w&&(x.onColumnOrderChange=e=>w(e)),O&&(x.onColumnWidthChange=e=>O(e)),E&&(x.onHeaderEdit=(e,r)=>E(e,r)),y&&(x.onColumnSelect=e=>y(e)),void 0!==u&&(x.footerRenderer=o(r,u)),void 0!==p)if(c(p))x.emptyStateRenderer=o(r,p);else{const e=p;x.emptyStateRenderer=()=>d(r,e)}if(void 0!==f)if(c(f))x.errorStateRenderer=o(r,f);else{const e=f;x.errorStateRenderer=()=>d(r,e)}if(void 0!==m)if(c(m))x.loadingStateRenderer=o(r,m);else{const e=m;x.loadingStateRenderer=()=>d(r,e)}return void 0!==h&&(x.tableEmptyStateRenderer=null===h?null:d(r,h)),void 0!==R&&(x.headerDropdown=o(r,R)),void 0!==b&&(x.columnEditorConfig=function(e,r){const{rowRenderer:n,customRenderer:s}=e,d=t(e,["rowRenderer","customRenderer"]);return Object.assign(Object.assign(Object.assign({},d),n?{rowRenderer:o(r,n)}:{}),s?{customRenderer:o(r,s)}:{})}(b,r)),void 0!==g&&(x.icons=function(e){const r={};for(const[n,t]of Object.entries(e))null!=t&&(r[n]="string"==typeof t||t instanceof HTMLElement||t instanceof SVGElement?t:i(t));return r}(g)),void 0!==C&&(x.rowButtons=C.map(e=>o(r,e))),x}"function"==typeof SuppressedError&&SuppressedError;const p="data-st-mount-id";class f{constructor(){this.entries=new Map,this.nextId=0,this.cellRendererCache=new Map,this.headerRendererCache=new Map,this.disposeHost=e=>{if("function"!=typeof e.getAttribute)return;const r=[],n=e.getAttribute(p);null!==n&&r.push(n),e.querySelectorAll(`[${p}]`).forEach(e=>{const n=e.getAttribute(p);null!==n&&r.push(n)});for(const e of r){const r=this.entries.get(e);r&&(this.entries.delete(e),r())}}}register(e,r){const n="st-mount-"+this.nextId++;e.setAttribute(p,n),this.entries.set(n,r)}clear(){this.cellRendererCache.clear(),this.headerRendererCache.clear();for(const e of this.entries.values())e();this.entries.clear()}pruneRendererCaches(e){for(const r of this.cellRendererCache.keys())e.has(r)||this.cellRendererCache.delete(r);for(const r of this.headerRendererCache.keys())e.has(r)||this.headerRendererCache.delete(r)}get size(){return this.entries.size}}var m=e.template("<div>");Object.defineProperty(exports,"PIVOT_ACCESSOR_PREFIX",{enumerable:!0,get:function(){return n.PIVOT_ACCESSOR_PREFIX}}),Object.defineProperty(exports,"PIVOT_BLANK_LABEL",{enumerable:!0,get:function(){return n.PIVOT_BLANK_LABEL}}),Object.defineProperty(exports,"PIVOT_CHILDREN_KEY",{enumerable:!0,get:function(){return n.PIVOT_CHILDREN_KEY}}),Object.defineProperty(exports,"PIVOT_IS_TOTAL_KEY",{enumerable:!0,get:function(){return n.PIVOT_IS_TOTAL_KEY}}),Object.defineProperty(exports,"asRows",{enumerable:!0,get:function(){return n.asRows}}),Object.defineProperty(exports,"buildPivotAccessor",{enumerable:!0,get:function(){return n.buildPivotAccessor}}),Object.defineProperty(exports,"buildPivotRowTotalAccessor",{enumerable:!0,get:function(){return n.buildPivotRowTotalAccessor}}),Object.defineProperty(exports,"pivotRows",{enumerable:!0,get:function(){return n.pivotRows}}),exports.SimpleTable=function(t){let o,s=null;const d=new f;let i,c;return r.onMount(()=>{s=new n.SimpleTableVanilla(o,u(t,d)),s.mount(),i=l(t),c=t.rows,t.ref&&t.ref(s.getAPI())}),r.createEffect(()=>{if(!s)return;const e=u(t,d),r=Object.assign({},e),o=l(t),a=n.headersStructurallyEqual(i,o);i=o,a&&delete r.columns;const p=n.rowsShallowUnchanged(c,t.rows,t.getRowId);c=t.rows,p&&delete r.rows,s.update(r)}),r.onCleanup(()=>{null==s||s.destroy(),s=null,i=void 0,c=void 0,d.clear()}),a=m(),"function"==typeof o?e.use(o,a):o=a,a;var a};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("solid-js/web"),r=require("solid-js"),t=require("simple-table-core"),n=require("solid-js/store");function o(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t}function s(r,t){return n=>{const o=document.createElement("div"),s=e.render(()=>e.createComponent(t,n),o);return r.register(o,s),o}}function i(t,o,s){const i=document.createElement("div"),[c,d]=n.createStore(s),[l,a]=r.createSignal(o()),u=e.render(()=>e.createComponent(e.Dynamic,r.mergeProps(c,{get component(){return l()}})),i);return t.register(i,u),{host:i,setProps:e=>{a(()=>o()),d(n.reconcile(e))}}}function c(r,t,n,o){const s="cell"===n?r.cellRendererCache:r.headerRendererCache,c=s.get(t);if(c)return c.component=o,c.wrapped;const d={component:o,wrapped:null};if("header"===n){let e=null,n=null;const o=t=>{if(e&&r.isRegistered(e)&&n)return n(t),e;const o=i(r,()=>d.component,t);return e=o.host,n=o.setProps,e};return d.wrapped=o,s.set(t,d),o}const l=t=>{const n=document.createElement("div"),o=e.render(()=>e.createComponent(d.component,t),n);return r.register(n,o),n};return d.wrapped=l,s.set(t,d),l}function d(e,r){const t=new Map;return n=>{const o=String(n.accessor),s=t.get(o);if(s&&e.isRegistered(s.host))return s.setProps(n),s.host;const c=i(e,()=>r,n);return t.set(o,c),c.host}}function l(r,t){const n=document.createElement("div"),o=e.render(()=>t,n);return r.register(n,o),n}function a(r){const t=document.createElement("div"),n=e.render(()=>r,t),o=t.innerHTML;return n(),o}function u(e){return"function"==typeof e}function p(e,r){const{cellRenderer:t,headerRenderer:n,children:s,nestedTable:i}=e,d=o(e,["cellRenderer","headerRenderer","children","nestedTable"]),l=String(e.accessor),a=Object.assign({},d);if(t&&(a.cellRenderer=c(r,l,"cell",t)),n&&(a.headerRenderer=c(r,l,"header",n)),s&&(a.children=s.map(e=>p(e,r))),i){const e=Object.assign(Object.assign({},i),{rows:[]});a.nestedTable=m(e,r)}return a}function f(e){const r=e.columns;if(!r)throw new Error("SimpleTable requires `columns`");return r}function m(e,r){const{rows:n,footerRenderer:i,emptyStateRenderer:c,errorStateRenderer:m,loadingStateRenderer:h,tableEmptyStateRenderer:g,headerDropdown:R,columnEditorConfig:b,icons:C,rowButtons:w,onColumnOrderChange:O,onColumnWidthChange:E,onHeaderEdit:S,onColumnSelect:v,enableColumnEditor:y,enableColumnEditorInitOpen:P,enablePagination:j,onTableReady:T,hoverRowBackground:A,oddColumnBackground:I,oddEvenRowBackground:_}=e,B=o(e,["columns","rows","footerRenderer","emptyStateRenderer","errorStateRenderer","loadingStateRenderer","tableEmptyStateRenderer","headerDropdown","columnEditorConfig","icons","rowButtons","ref","onColumnOrderChange","onColumnWidthChange","onHeaderEdit","onColumnSelect","enableColumnEditor","enableColumnEditorInitOpen","enablePagination","onTableReady","hoverRowBackground","oddColumnBackground","oddEvenRowBackground"]),x=f(e);r.pruneRendererCaches(t.collectHeaderAccessors(x));const L=Object.assign(Object.assign({},B),{rows:t.asRows(n),columns:x.map(e=>p(e,r)),enableColumnEditor:y,enableColumnEditorInitOpen:P,enablePagination:j,onTableReady:T,hoverRowBackground:A,oddColumnBackground:I,oddEvenRowBackground:_,onRendererHostDiscard:r.disposeHost});if(O&&(L.onColumnOrderChange=e=>O(e)),E&&(L.onColumnWidthChange=e=>E(e)),S&&(L.onHeaderEdit=(e,r)=>S(e,r)),v&&(L.onColumnSelect=e=>v(e)),void 0!==i&&(L.footerRenderer=s(r,i)),void 0!==c)if(u(c))L.emptyStateRenderer=s(r,c);else{const e=c;L.emptyStateRenderer=()=>l(r,e)}if(void 0!==m)if(u(m))L.errorStateRenderer=s(r,m);else{const e=m;L.errorStateRenderer=()=>l(r,e)}if(void 0!==h)if(u(h))L.loadingStateRenderer=s(r,h);else{const e=h;L.loadingStateRenderer=()=>l(r,e)}return void 0!==g&&(L.tableEmptyStateRenderer=null===g?null:l(r,g)),void 0!==R&&(L.headerDropdown=s(r,R)),void 0!==b&&(L.columnEditorConfig=function(e,r){const{rowRenderer:t,customRenderer:n}=e,i=o(e,["rowRenderer","customRenderer"]);return Object.assign(Object.assign(Object.assign({},i),t?{rowRenderer:d(r,t)}:{}),n?{customRenderer:s(r,n)}:{})}(b,r)),void 0!==C&&(L.icons=function(e){const r={};for(const[t,n]of Object.entries(e))null!=n&&(r[t]="string"==typeof n||n instanceof HTMLElement||n instanceof SVGElement?n:a(n));return r}(C)),void 0!==w&&(L.rowButtons=w.map(e=>s(r,e))),L}"function"==typeof SuppressedError&&SuppressedError;const h="data-st-mount-id";class g{constructor(){this.entries=new Map,this.nextId=0,this.cellRendererCache=new Map,this.headerRendererCache=new Map,this.disposeHost=e=>{if("function"!=typeof e.getAttribute)return;const r=[],t=e.getAttribute(h);null!==t&&r.push(t),e.querySelectorAll(`[${h}]`).forEach(e=>{const t=e.getAttribute(h);null!==t&&r.push(t)});for(const e of r){const r=this.entries.get(e);r&&(this.entries.delete(e),r())}}}register(e,r){const t="st-mount-"+this.nextId++;e.setAttribute(h,t),this.entries.set(t,r)}isRegistered(e){const r=e.getAttribute(h);return null!==r&&this.entries.has(r)}clear(){this.cellRendererCache.clear(),this.headerRendererCache.clear();for(const e of this.entries.values())e();this.entries.clear()}pruneRendererCaches(e){for(const r of this.cellRendererCache.keys())e.has(r)||this.cellRendererCache.delete(r);for(const r of this.headerRendererCache.keys())e.has(r)||this.headerRendererCache.delete(r)}get size(){return this.entries.size}}var R=e.template("<div>");Object.defineProperty(exports,"PIVOT_ACCESSOR_PREFIX",{enumerable:!0,get:function(){return t.PIVOT_ACCESSOR_PREFIX}}),Object.defineProperty(exports,"PIVOT_BLANK_LABEL",{enumerable:!0,get:function(){return t.PIVOT_BLANK_LABEL}}),Object.defineProperty(exports,"PIVOT_CHILDREN_KEY",{enumerable:!0,get:function(){return t.PIVOT_CHILDREN_KEY}}),Object.defineProperty(exports,"PIVOT_IS_TOTAL_KEY",{enumerable:!0,get:function(){return t.PIVOT_IS_TOTAL_KEY}}),Object.defineProperty(exports,"asRows",{enumerable:!0,get:function(){return t.asRows}}),Object.defineProperty(exports,"buildPivotAccessor",{enumerable:!0,get:function(){return t.buildPivotAccessor}}),Object.defineProperty(exports,"buildPivotRowTotalAccessor",{enumerable:!0,get:function(){return t.buildPivotRowTotalAccessor}}),Object.defineProperty(exports,"pivotRows",{enumerable:!0,get:function(){return t.pivotRows}}),exports.SimpleTable=function(n){let o,s=null;const i=new g;let c,d,l=!1,a=!1;function u(e){var r,t;s&&(e?null===(r=s.refitAutoSizeColumns)||void 0===r||r.call(s):!a&&i.size>0&&(a=!0,null===(t=s.refitAutoSizeColumns)||void 0===t||t.call(s)))}return r.onMount(()=>{s=new t.SimpleTableVanilla(o,m(n,i)),s.mount(),c=f(n),d=n.rows,l=Boolean(n.isLoading),u(!1),n.ref&&n.ref(s.getAPI())}),r.createEffect(()=>{if(!s)return;const e=m(n,i),r=Object.assign({},e),o=f(n),a=t.headersStructurallyEqual(c,o);c=o,a&&delete r.columns;const p=t.rowsShallowUnchanged(d,n.rows,n.getRowId);d=n.rows,p&&delete r.rows;const h=Boolean(n.isLoading),g=l&&!h;l=h,s.update(r),u(g)}),r.onCleanup(()=>{null==s||s.destroy(),s=null,c=void 0,d=void 0,i.clear()}),p=R(),"function"==typeof o?e.use(o,p):o=p,p;var p};
 //# sourceMappingURL=index.js.map

package/dist/index.es.js

@@ -1,2 +1,2 @@
-import{render as e,createComponent as n,use as r,template as t}from"solid-js/web";import{onMount as o,createEffect as s,onCleanup as d}from"solid-js";import{collectHeaderAccessors as i,asRows as c,SimpleTableVanilla as a,headersStructurallyEqual as l,rowsShallowUnchanged as u}from"simple-table-core";export{PIVOT_ACCESSOR_PREFIX,PIVOT_BLANK_LABEL,PIVOT_CHILDREN_KEY,PIVOT_IS_TOTAL_KEY,asRows,buildPivotAccessor,buildPivotRowTotalAccessor,pivotRows}from"simple-table-core";function m(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 f(r,t){return o=>{const s=document.createElement("div"),d=e(()=>n(t,o),s);return r.register(s,d),s}}function h(r,t,o,s){const d="cell"===o?r.cellRendererCache:r.headerRendererCache,i=d.get(t);if(i)return i.component=s,i.wrapped;const c={component:s,wrapped:null},a=t=>{const o=document.createElement("div"),s=e(()=>n(c.component,t),o);return r.register(o,s),o};return c.wrapped=a,d.set(t,c),a}function p(n,r){const t=document.createElement("div"),o=e(()=>r,t);return n.register(t,o),t}function R(n){const r=document.createElement("div"),t=e(()=>n,r),o=r.innerHTML;return t(),o}function g(e){return"function"==typeof e}function b(e,n){const{cellRenderer:r,headerRenderer:t,children:o,nestedTable:s}=e,d=m(e,["cellRenderer","headerRenderer","children","nestedTable"]),i=String(e.accessor),c=Object.assign({},d);if(r&&(c.cellRenderer=h(n,i,"cell",r)),t&&(c.headerRenderer=h(n,i,"header",t)),o&&(c.children=o.map(e=>b(e,n))),s){const e=Object.assign(Object.assign({},s),{rows:[]});c.nestedTable=w(e,n)}return c}function C(e){const n=e.columns;if(!n)throw new Error("SimpleTable requires `columns`");return n}function w(e,n){const{rows:r,footerRenderer:t,emptyStateRenderer:o,errorStateRenderer:s,loadingStateRenderer:d,tableEmptyStateRenderer:a,headerDropdown:l,columnEditorConfig:u,icons:h,rowButtons:w,onColumnOrderChange:E,onColumnWidthChange:v,onHeaderEdit:O,onColumnSelect:S,enableColumnEditor:y,enableColumnEditorInitOpen:j,enablePagination:T,onTableReady:I,hoverRowBackground:B,oddColumnBackground:P,oddEvenRowBackground:A}=e,k=m(e,["columns","rows","footerRenderer","emptyStateRenderer","errorStateRenderer","loadingStateRenderer","tableEmptyStateRenderer","headerDropdown","columnEditorConfig","icons","rowButtons","ref","onColumnOrderChange","onColumnWidthChange","onHeaderEdit","onColumnSelect","enableColumnEditor","enableColumnEditorInitOpen","enablePagination","onTableReady","hoverRowBackground","oddColumnBackground","oddEvenRowBackground"]),H=C(e);n.pruneRendererCaches(i(H));const _=Object.assign(Object.assign({},k),{rows:c(r),columns:H.map(e=>b(e,n)),enableColumnEditor:y,enableColumnEditorInitOpen:j,enablePagination:T,onTableReady:I,hoverRowBackground:B,oddColumnBackground:P,oddEvenRowBackground:A,onRendererHostDiscard:n.disposeHost});if(E&&(_.onColumnOrderChange=e=>E(e)),v&&(_.onColumnWidthChange=e=>v(e)),O&&(_.onHeaderEdit=(e,n)=>O(e,n)),S&&(_.onColumnSelect=e=>S(e)),void 0!==t&&(_.footerRenderer=f(n,t)),void 0!==o)if(g(o))_.emptyStateRenderer=f(n,o);else{const e=o;_.emptyStateRenderer=()=>p(n,e)}if(void 0!==s)if(g(s))_.errorStateRenderer=f(n,s);else{const e=s;_.errorStateRenderer=()=>p(n,e)}if(void 0!==d)if(g(d))_.loadingStateRenderer=f(n,d);else{const e=d;_.loadingStateRenderer=()=>p(n,e)}return void 0!==a&&(_.tableEmptyStateRenderer=null===a?null:p(n,a)),void 0!==l&&(_.headerDropdown=f(n,l)),void 0!==u&&(_.columnEditorConfig=function(e,n){const{rowRenderer:r,customRenderer:t}=e,o=m(e,["rowRenderer","customRenderer"]);return Object.assign(Object.assign(Object.assign({},o),r?{rowRenderer:f(n,r)}:{}),t?{customRenderer:f(n,t)}:{})}(u,n)),void 0!==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:R(t));return n}(h)),void 0!==w&&(_.rowButtons=w.map(e=>f(n,e))),_}"function"==typeof SuppressedError&&SuppressedError;const E="data-st-mount-id";class v{constructor(){this.entries=new Map,this.nextId=0,this.cellRendererCache=new Map,this.headerRendererCache=new Map,this.disposeHost=e=>{if("function"!=typeof e.getAttribute)return;const n=[],r=e.getAttribute(E);null!==r&&n.push(r),e.querySelectorAll(`[${E}]`).forEach(e=>{const r=e.getAttribute(E);null!==r&&n.push(r)});for(const e of n){const n=this.entries.get(e);n&&(this.entries.delete(e),n())}}}register(e,n){const r="st-mount-"+this.nextId++;e.setAttribute(E,r),this.entries.set(r,n)}clear(){this.cellRendererCache.clear(),this.headerRendererCache.clear();for(const e of this.entries.values())e();this.entries.clear()}pruneRendererCaches(e){for(const n of this.cellRendererCache.keys())e.has(n)||this.cellRendererCache.delete(n);for(const n of this.headerRendererCache.keys())e.has(n)||this.headerRendererCache.delete(n)}get size(){return this.entries.size}}var O=t("<div>");function S(e){let n,t=null;const i=new v;let c,m;return o(()=>{t=new a(n,w(e,i)),t.mount(),c=C(e),m=e.rows,e.ref&&e.ref(t.getAPI())}),s(()=>{if(!t)return;const n=w(e,i),r=Object.assign({},n),o=C(e),s=l(c,o);c=o,s&&delete r.columns;const d=u(m,e.rows,e.getRowId);m=e.rows,d&&delete r.rows,t.update(r)}),d(()=>{null==t||t.destroy(),t=null,c=void 0,m=void 0,i.clear()}),f=O(),"function"==typeof n?r(n,f):n=f,f;var f}export{S as SimpleTable};
+import{render as e,createComponent as n,Dynamic as t,use as r,template as o}from"solid-js/web";import{createSignal as s,mergeProps as i,onMount as d,createEffect as c,onCleanup as l}from"solid-js";import{collectHeaderAccessors as a,asRows as u,SimpleTableVanilla as m,headersStructurallyEqual as f,rowsShallowUnchanged as h}from"simple-table-core";export{PIVOT_ACCESSOR_PREFIX,PIVOT_BLANK_LABEL,PIVOT_CHILDREN_KEY,PIVOT_IS_TOTAL_KEY,asRows,buildPivotAccessor,buildPivotRowTotalAccessor,pivotRows}from"simple-table-core";import{createStore as p,reconcile as R}from"solid-js/store";function g(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 b(t,r){return o=>{const s=document.createElement("div"),i=e(()=>n(r,o),s);return t.register(s,i),s}}function C(r,o,d){const c=document.createElement("div"),[l,a]=p(d),[u,m]=s(o()),f=e(()=>n(t,i(l,{get component(){return u()}})),c);return r.register(c,f),{host:c,setProps:e=>{m(()=>o()),a(R(e))}}}function w(t,r,o,s){const i="cell"===o?t.cellRendererCache:t.headerRendererCache,d=i.get(r);if(d)return d.component=s,d.wrapped;const c={component:s,wrapped:null};if("header"===o){let e=null,n=null;const o=r=>{if(e&&t.isRegistered(e)&&n)return n(r),e;const o=C(t,()=>c.component,r);return e=o.host,n=o.setProps,e};return c.wrapped=o,i.set(r,c),o}const l=r=>{const o=document.createElement("div"),s=e(()=>n(c.component,r),o);return t.register(o,s),o};return c.wrapped=l,i.set(r,c),l}function E(e,n){const t=new Map;return r=>{const o=String(r.accessor),s=t.get(o);if(s&&e.isRegistered(s.host))return s.setProps(r),s.host;const i=C(e,()=>n,r);return t.set(o,i),i.host}}function v(n,t){const r=document.createElement("div"),o=e(()=>t,r);return n.register(r,o),r}function S(n){const t=document.createElement("div"),r=e(()=>n,t),o=t.innerHTML;return r(),o}function O(e){return"function"==typeof e}function y(e,n){const{cellRenderer:t,headerRenderer:r,children:o,nestedTable:s}=e,i=g(e,["cellRenderer","headerRenderer","children","nestedTable"]),d=String(e.accessor),c=Object.assign({},i);if(t&&(c.cellRenderer=w(n,d,"cell",t)),r&&(c.headerRenderer=w(n,d,"header",r)),o&&(c.children=o.map(e=>y(e,n))),s){const e=Object.assign(Object.assign({},s),{rows:[]});c.nestedTable=P(e,n)}return c}function j(e){const n=e.columns;if(!n)throw new Error("SimpleTable requires `columns`");return n}function P(e,n){const{rows:t,footerRenderer:r,emptyStateRenderer:o,errorStateRenderer:s,loadingStateRenderer:i,tableEmptyStateRenderer:d,headerDropdown:c,columnEditorConfig:l,icons:m,rowButtons:f,onColumnOrderChange:h,onColumnWidthChange:p,onHeaderEdit:R,onColumnSelect:C,enableColumnEditor:w,enableColumnEditorInitOpen:P,enablePagination:B,onTableReady:T,hoverRowBackground:A,oddColumnBackground:I,oddEvenRowBackground:k}=e,H=g(e,["columns","rows","footerRenderer","emptyStateRenderer","errorStateRenderer","loadingStateRenderer","tableEmptyStateRenderer","headerDropdown","columnEditorConfig","icons","rowButtons","ref","onColumnOrderChange","onColumnWidthChange","onHeaderEdit","onColumnSelect","enableColumnEditor","enableColumnEditorInitOpen","enablePagination","onTableReady","hoverRowBackground","oddColumnBackground","oddEvenRowBackground"]),L=j(e);n.pruneRendererCaches(a(L));const _=Object.assign(Object.assign({},H),{rows:u(t),columns:L.map(e=>y(e,n)),enableColumnEditor:w,enableColumnEditorInitOpen:P,enablePagination:B,onTableReady:T,hoverRowBackground:A,oddColumnBackground:I,oddEvenRowBackground:k,onRendererHostDiscard:n.disposeHost});if(h&&(_.onColumnOrderChange=e=>h(e)),p&&(_.onColumnWidthChange=e=>p(e)),R&&(_.onHeaderEdit=(e,n)=>R(e,n)),C&&(_.onColumnSelect=e=>C(e)),void 0!==r&&(_.footerRenderer=b(n,r)),void 0!==o)if(O(o))_.emptyStateRenderer=b(n,o);else{const e=o;_.emptyStateRenderer=()=>v(n,e)}if(void 0!==s)if(O(s))_.errorStateRenderer=b(n,s);else{const e=s;_.errorStateRenderer=()=>v(n,e)}if(void 0!==i)if(O(i))_.loadingStateRenderer=b(n,i);else{const e=i;_.loadingStateRenderer=()=>v(n,e)}return void 0!==d&&(_.tableEmptyStateRenderer=null===d?null:v(n,d)),void 0!==c&&(_.headerDropdown=b(n,c)),void 0!==l&&(_.columnEditorConfig=function(e,n){const{rowRenderer:t,customRenderer:r}=e,o=g(e,["rowRenderer","customRenderer"]);return Object.assign(Object.assign(Object.assign({},o),t?{rowRenderer:E(n,t)}:{}),r?{customRenderer:b(n,r)}:{})}(l,n)),void 0!==m&&(_.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:S(r));return n}(m)),void 0!==f&&(_.rowButtons=f.map(e=>b(n,e))),_}"function"==typeof SuppressedError&&SuppressedError;const B="data-st-mount-id";class T{constructor(){this.entries=new Map,this.nextId=0,this.cellRendererCache=new Map,this.headerRendererCache=new Map,this.disposeHost=e=>{if("function"!=typeof e.getAttribute)return;const n=[],t=e.getAttribute(B);null!==t&&n.push(t),e.querySelectorAll(`[${B}]`).forEach(e=>{const t=e.getAttribute(B);null!==t&&n.push(t)});for(const e of n){const n=this.entries.get(e);n&&(this.entries.delete(e),n())}}}register(e,n){const t="st-mount-"+this.nextId++;e.setAttribute(B,t),this.entries.set(t,n)}isRegistered(e){const n=e.getAttribute(B);return null!==n&&this.entries.has(n)}clear(){this.cellRendererCache.clear(),this.headerRendererCache.clear();for(const e of this.entries.values())e();this.entries.clear()}pruneRendererCaches(e){for(const n of this.cellRendererCache.keys())e.has(n)||this.cellRendererCache.delete(n);for(const n of this.headerRendererCache.keys())e.has(n)||this.headerRendererCache.delete(n)}get size(){return this.entries.size}}var A=o("<div>");function I(e){let n,t=null;const o=new T;let s,i,a=!1,u=!1;function p(e){var n,r;t&&(e?null===(n=t.refitAutoSizeColumns)||void 0===n||n.call(t):!u&&o.size>0&&(u=!0,null===(r=t.refitAutoSizeColumns)||void 0===r||r.call(t)))}return d(()=>{t=new m(n,P(e,o)),t.mount(),s=j(e),i=e.rows,a=Boolean(e.isLoading),p(!1),e.ref&&e.ref(t.getAPI())}),c(()=>{if(!t)return;const n=P(e,o),r=Object.assign({},n),d=j(e),c=f(s,d);s=d,c&&delete r.columns;const l=h(i,e.rows,e.getRowId);i=e.rows,l&&delete r.rows;const u=Boolean(e.isLoading),m=a&&!u;a=u,t.update(r),p(m)}),l(()=>{null==t||t.destroy(),t=null,s=void 0,i=void 0,o.clear()}),R=A(),"function"==typeof n?r(n,R):n=R,R;var R}export{I as SimpleTable};
 //# sourceMappingURL=index.es.js.map

package/dist/types/MountRegistry.d.ts

@@ -8,6 +8,8 @@ export declare class MountRegistry {
     readonly cellRendererCache: Map<string, CachedRendererSlot<unknown>>;
     readonly headerRendererCache: Map<string, CachedRendererSlot<unknown>>;
     register(container: HTMLElement, dispose: () => void): void;
+    /** True when `container` is a live registered mount host (not yet disposed). */
+    isRegistered(container: HTMLElement): boolean;
     disposeHost: (host: HTMLElement) => void;
     clear(): void;
     pruneRendererCaches(liveAccessors: ReadonlySet<string>): void;

package/dist/types/types.d.ts

@@ -14,6 +14,8 @@ export interface TableInstance {
     update(config: Partial<SimpleTableConfig>): void;
     destroy(): void;
     getAPI(): TableAPI;
+    /** Re-measure `width: "auto"` columns after custom renderer DOM settles. */
+    refitAutoSizeColumns?(): void;
 }
 export type SolidIconElement = JSX.Element;
 export interface SolidIconsConfig {

package/dist/types/utils/wrapSolidRenderer.d.ts

@@ -1,4 +1,5 @@
-import type { Component } from "solid-js";
+import { type Component } from "solid-js";
+import type { ColumnEditorRowRendererProps as VanillaColumnEditorRowRendererProps, HeaderRendererProps as VanillaHeaderRendererProps } from "simple-table-core";
 import type { MountRegistry } from "../MountRegistry";
 /**
  * Wraps a Solid component into a function that returns an HTMLElement, matching
@@ -9,11 +10,27 @@ import type { MountRegistry } from "../MountRegistry";
  * down the reactive tree (and any portal / floating UI) when the host is discarded.
  */
 export declare function wrapSolidRenderer<P extends object>(registry: MountRegistry, component: Component<P>): (props: P) => HTMLElement;
+/**
+ * Header renderer wrapper that reuses one host element so sort/filter icon
+ * refreshes update props in place (via a reactive props store) instead of
+ * remounting the Solid subtree and wiping local state. Mirrors Vue's
+ * {@link wrapVueHeaderRenderer} / React's {@link wrapReactHeaderRenderer}.
+ */
+export declare function wrapSolidHeaderRenderer(registry: MountRegistry, component: Component<VanillaHeaderRendererProps>): (props: VanillaHeaderRendererProps) => HTMLElement;
 /**
  * Like {@link wrapSolidRenderer}, but reuses one wrapper per accessor so
  * unstable column rebuilds keep a stable function identity on ColumnDef.
+ *
+ * For `kind: "header"`, also reuses a single mount host (Vue
+ * {@link wrapCachedVueRenderer} / React {@link wrapCachedHeaderRenderer}) so
+ * sort/filter refreshes preserve state.
  */
 export declare function wrapCachedSolidRenderer<P extends object>(registry: MountRegistry, accessor: string, kind: "cell" | "header", component: Component<P>): (props: P) => HTMLElement;
+/**
+ * Column-editor row renderer: one host per `accessor` so popout list rebuilds
+ * update in place instead of remounting Solid state (mirrors Vue/React).
+ */
+export declare function wrapSolidColumnEditorRowRenderer(registry: MountRegistry, component: Component<VanillaColumnEditorRowRendererProps>): (props: VanillaColumnEditorRowRendererProps) => HTMLElement;
 /**
  * Renders a static Solid JSX node (already evaluated) into an HTMLElement.
  * Used for props like tableEmptyStateRenderer that are not called with arguments.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simple-table/solid",
-  "version": "4.1.4",
+  "version": "4.1.5",
   "main": "dist/cjs/index.js",
   "module": "dist/index.es.js",
   "types": "dist/types/index.d.ts",
@@ -32,13 +32,14 @@
     "solid-js": ">=1.0.0"
   },
   "dependencies": {
-    "simple-table-core": "4.1.4"
+    "simple-table-core": "4.1.5"
   },
   "devDependencies": {
     "@babel/preset-typescript": "^7.28.5",
     "@rollup/plugin-alias": "4.0.0",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-node-resolve": "^15.3.0",
+    "@testing-library/jest-dom": "^6.5.0",
     "babel-preset-solid": "^1.8.0",
     "jsdom": "^24.1.3",
     "rollup": "^2.79.2",
@@ -49,6 +50,7 @@
     "solid-js": "^1.8.0",
     "tslib": "^2.8.1",
     "typescript": "^5.0.0",
+    "vite-plugin-solid": "^2.11.11",
     "vitest": "^2.1.9"
   },
   "description": "Solid.js adapter for simple-table-core — use the Simple Table data grid with full Solid component support for renderers.",