@simple-table/svelte 3.9.9 → 4.0.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.
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/index.es.js +1 -1
- package/dist/index.es.js.map +1 -1
- package/dist/types/index.d.ts +2 -1
- package/package.json +2 -2
package/dist/cjs/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("svelte/internal/disclose-version"),require("svelte/internal/flags/legacy");var e=require("svelte/internal/client"),t=require("svelte"),r=require("simple-table-core");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var o=n(e);function s(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("svelte/internal/disclose-version"),require("svelte/internal/flags/legacy");var e=require("svelte/internal/client"),t=require("svelte"),r=require("simple-table-core");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var o=n(e);function s(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function c(e,r){return n=>{const o=document.createElement("div"),s=t.mount(r,{target:o,props:n});return e.register(o,()=>{t.unmount(s)}),o}}function i(e,r,n,o){const s="cell"===n?e.cellRendererCache:e.headerRendererCache,c=s.get(r);if(c)return c.component=o,c.wrapped;const i={component:o,wrapped:null},a=r=>{const n=document.createElement("div"),o=t.mount(i.component,{target:n,props:r});return e.register(n,()=>{t.unmount(o)}),n};return i.wrapped=a,s.set(r,i),a}function a(e,r={}){const n=document.createElement("div"),o=t.mount(e,{target:n,props:r}),s=n.innerHTML;return t.unmount(o),s}function l(e){return"function"==typeof e}function d(e,t){const{cellRenderer:r,headerRenderer:n,children:o,nestedTable:c}=e,a=s(e,["cellRenderer","headerRenderer","children","nestedTable"]),l=String(e.accessor),p=Object.assign({},a);if(r&&(p.cellRenderer="function"==typeof r&&r.length>=2?i(t,l,"cell",r):r),n&&(p.headerRenderer="function"==typeof n&&n.length>=2?i(t,l,"header",n):n),o&&(p.children=o.map(e=>d(e,t))),c){const e=Object.assign(Object.assign({},c),{rows:[]});p.nestedTable=u(e,t)}return p}function u(e,n){const{defaultHeaders:o,rows:i,footerRenderer:u,emptyStateRenderer:p,errorStateRenderer:f,loadingStateRenderer:g,headerDropdown:h,columnEditorConfig:m,icons:b,tableEmptyStateRenderer:O,rowButtons:R,onColumnOrderChange:y,onColumnWidthChange:v,onHeaderEdit:_,onColumnSelect:w}=e,C=s(e,["defaultHeaders","rows","footerRenderer","emptyStateRenderer","errorStateRenderer","loadingStateRenderer","headerDropdown","columnEditorConfig","icons","tableEmptyStateRenderer","rowButtons","onColumnOrderChange","onColumnWidthChange","onHeaderEdit","onColumnSelect"]);n.pruneRendererCaches(r.collectHeaderAccessors(o));const E=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},C),{rows:i,defaultHeaders:o.map(e=>d(e,n)),onRendererHostDiscard:n.disposeHost}),y?{onColumnOrderChange:e=>y(e)}:{}),v?{onColumnWidthChange:e=>v(e)}:{}),_?{onHeaderEdit:(e,t)=>_(e,t)}:{}),w?{onColumnSelect:e=>w(e)}:{});return void 0!==O&&(null===O?E.tableEmptyStateRenderer=null:"string"==typeof O||O instanceof HTMLElement?E.tableEmptyStateRenderer=O:l(O)&&(E.tableEmptyStateRenderer=function(e,r){const n=document.createElement("div"),o=t.mount(r,{target:n,props:{}});return e.register(n,()=>{t.unmount(o)}),n}(n,O))),void 0!==u&&(E.footerRenderer="function"==typeof u&&u.length>=2?c(n,u):u),void 0!==p&&(E.emptyStateRenderer="function"==typeof p&&p.length>=2?c(n,p):p),void 0!==f&&(E.errorStateRenderer="function"==typeof f&&f.length>=2?c(n,f):f),void 0!==g&&(E.loadingStateRenderer="function"==typeof g&&g.length>=2?c(n,g):g),void 0!==h&&(E.headerDropdown=c(n,h)),void 0!==m&&(E.columnEditorConfig=function(e,t){const{rowRenderer:r,customRenderer:n}=e,o=s(e,["rowRenderer","customRenderer"]);return Object.assign(Object.assign(Object.assign({},o),r?{rowRenderer:c(t,r)}:{}),n?{customRenderer:c(t,n)}:{})}(m,n)),void 0!==b&&(E.icons=function(e){const t={};for(const[r,n]of Object.entries(e))null!=n&&("string"==typeof n||n instanceof HTMLElement||n instanceof SVGElement?t[r]=n:l(n)&&(t[r]=a(n,{})));return t}(b)),void 0!==R&&(E.rowButtons=R.map(e=>c(n,e))),E}"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 t=[],r=e.getAttribute(p);null!==r&&t.push(r),e.querySelectorAll(`[${p}]`).forEach(e=>{const r=e.getAttribute(p);null!==r&&t.push(r)});for(const e of t){const t=this.entries.get(e);t&&(this.entries.delete(e),t())}}}register(e,t){const r="st-mount-"+this.nextId++;e.setAttribute(p,r),this.entries.set(r,t)}clear(){this.cellRendererCache.clear(),this.headerRendererCache.clear();for(const e of this.entries.values())e();this.entries.clear()}pruneRendererCaches(e){for(const t of this.cellRendererCache.keys())e.has(t)||this.cellRendererCache.delete(t);for(const t of this.headerRendererCache.keys())e.has(t)||this.headerRendererCache.delete(t)}get size(){return this.entries.size}}var g=o.from_html("<div></div>");Object.defineProperty(exports,"PIVOT_ACCESSOR_PREFIX",{enumerable:!0,get:function(){return r.PIVOT_ACCESSOR_PREFIX}}),Object.defineProperty(exports,"PIVOT_BLANK_LABEL",{enumerable:!0,get:function(){return r.PIVOT_BLANK_LABEL}}),Object.defineProperty(exports,"PIVOT_CHILDREN_KEY",{enumerable:!0,get:function(){return r.PIVOT_CHILDREN_KEY}}),Object.defineProperty(exports,"PIVOT_IS_TOTAL_KEY",{enumerable:!0,get:function(){return r.PIVOT_IS_TOTAL_KEY}}),Object.defineProperty(exports,"asRows",{enumerable:!0,get:function(){return r.asRows}}),Object.defineProperty(exports,"buildPivotAccessor",{enumerable:!0,get:function(){return r.buildPivotAccessor}}),Object.defineProperty(exports,"buildPivotRowTotalAccessor",{enumerable:!0,get:function(){return r.buildPivotRowTotalAccessor}}),Object.defineProperty(exports,"pivotRows",{enumerable:!0,get:function(){return r.pivotRows}}),exports.SimpleTable=function(e,n){const s=o.legacy_rest_props(n,["children","$$slots","$$events","$$legacy"]),c=o.legacy_rest_props(s,["getAPI","rows","defaultHeaders"]);o.push(n,!1);let i=o.prop(n,"rows",8),a=o.prop(n,"defaultHeaders",8),l=o.mutable_source(),d=o.mutable_source(null);const p=new f;let h=o.mutable_source(void 0),m=o.mutable_source(void 0);function b(){var e;return null!==(e=null===o.get(d)||void 0===o.get(d)?void 0:o.get(d).getAPI())&&void 0!==e?e:null}t.onMount(()=>{const e=Object.assign({rows:i(),defaultHeaders:a()},c);o.set(d,new r.SimpleTableVanilla(o.get(l),u(e,p))),o.get(d).mount(),o.set(h,a()),o.set(m,i())}),t.onDestroy(()=>{null===o.get(d)||void 0===o.get(d)||o.get(d).destroy(),o.set(d,null),o.set(h,void 0),o.set(m,void 0),p.clear()}),o.legacy_pre_effect(()=>(o.get(d),o.deep_read_state(i()),o.deep_read_state(a()),o.deep_read_state(c),o.get(h),o.get(m)),()=>{if(o.get(d)){const e=Object.assign({rows:i(),defaultHeaders:a()},c),t=u(e,p),n=Object.assign({},t),s=r.headersStructurallyEqual(o.get(h),a());o.set(h,a()),s&&delete n.defaultHeaders;const l=r.rowsShallowUnchanged(o.get(m),i(),e.getRowId);o.set(m,i()),l&&delete n.rows,o.get(d).update(n)}}),o.legacy_pre_effect_reset();var O={getAPI:b};o.init();var R=g();return o.bind_this(R,e=>o.set(l,e),()=>o.get(l)),o.append(e,R),o.bind_prop(n,"getAPI",b),o.pop(O)};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/SimpleTable.svelte"],"sourcesContent":["<script lang=\"ts\">\n import { onMount, onDestroy } from \"svelte\";\n import {\n SimpleTableVanilla,\n headersStructurallyEqual,\n rowsShallowUnchanged,\n } from \"simple-table-core\";\n import type { SimpleTableConfig, TableAPI } from \"simple-table-core\";\n import { buildVanillaConfig } from \"./buildVanillaConfig\";\n import { MountRegistry } from \"./MountRegistry\";\n import type { SimpleTableSvelteProps, TableInstance } from \"./types\";\n\n // SimpleTable — Svelte adapter for simple-table-core.\n // Accepts the same props as SimpleTableProps with Svelte component types for renderers.\n // Use bind:this={tableRef} to access the TableAPI: tableRef.getAPI()?.sort(...)\n\n type $$Props = SimpleTableSvelteProps;\n\n export let rows: $$Props[\"rows\"];\n export let defaultHeaders: $$Props[\"defaultHeaders\"];\n\n // All remaining optional props — spread via $$restProps\n let container: HTMLDivElement;\n let instance: TableInstance | null = null;\n const registry = new MountRegistry();\n\n /** Last headers/rows whose structure/content was applied via update. */\n let syncedDefaultHeaders: $$Props[\"defaultHeaders\"] | undefined = undefined;\n let syncedRows: $$Props[\"rows\"] | undefined = undefined;\n\n onMount(() => {\n const props = { rows, defaultHeaders, ...$$restProps } as SimpleTableSvelteProps;\n instance = new SimpleTableVanilla(\n container,\n buildVanillaConfig(props, registry),\n ) as unknown as TableInstance;\n instance.mount();\n syncedDefaultHeaders = defaultHeaders;\n syncedRows = rows;\n });\n\n onDestroy(() => {\n instance?.destroy();\n instance = null;\n syncedDefaultHeaders = undefined;\n syncedRows = undefined;\n registry.clear();\n });\n\n // Reactive update: skip no-op defaultHeaders/rows when structure/content is unchanged.\n $: if (instance) {\n const props = { rows, defaultHeaders, ...$$restProps } as SimpleTableSvelteProps;\n const fullConfig = buildVanillaConfig(props, registry);\n const patch: Partial<SimpleTableConfig> = { ...fullConfig };\n\n const headersUnchanged = headersStructurallyEqual(syncedDefaultHeaders, defaultHeaders);\n syncedDefaultHeaders = defaultHeaders;\n if (headersUnchanged) {\n delete patch.defaultHeaders;\n }\n\n const rowsUnchanged = rowsShallowUnchanged(\n syncedRows as ReadonlyArray<object> | undefined,\n rows as ReadonlyArray<object>,\n props.getRowId,\n );\n syncedRows = rows;\n if (rowsUnchanged) {\n delete patch.rows;\n }\n\n instance.update(patch);\n }\n\n /** Expose the TableAPI for consumers using bind:this. */\n export function getAPI(): TableAPI | null {\n return instance?.getAPI() ?? null;\n }\n</script>\n\n<div bind:this={container}></div>\n"],"names":["div","root","$$value","$","set","container","get"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/SimpleTable.svelte"],"sourcesContent":["<script lang=\"ts\">\n import { onMount, onDestroy } from \"svelte\";\n import {\n SimpleTableVanilla,\n headersStructurallyEqual,\n rowsShallowUnchanged,\n } from \"simple-table-core\";\n import type { SimpleTableConfig, TableAPI } from \"simple-table-core\";\n import { buildVanillaConfig } from \"./buildVanillaConfig\";\n import { MountRegistry } from \"./MountRegistry\";\n import type { SimpleTableSvelteProps, TableInstance } from \"./types\";\n\n // SimpleTable — Svelte adapter for simple-table-core.\n // Accepts the same props as SimpleTableProps with Svelte component types for renderers.\n // Use bind:this={tableRef} to access the TableAPI: tableRef.getAPI()?.sort(...)\n\n type $$Props = SimpleTableSvelteProps;\n\n export let rows: $$Props[\"rows\"];\n export let defaultHeaders: $$Props[\"defaultHeaders\"];\n\n // All remaining optional props — spread via $$restProps\n let container: HTMLDivElement;\n let instance: TableInstance | null = null;\n const registry = new MountRegistry();\n\n /** Last headers/rows whose structure/content was applied via update. */\n let syncedDefaultHeaders: $$Props[\"defaultHeaders\"] | undefined = undefined;\n let syncedRows: $$Props[\"rows\"] | undefined = undefined;\n\n onMount(() => {\n const props = { rows, defaultHeaders, ...$$restProps } as SimpleTableSvelteProps;\n instance = new SimpleTableVanilla(\n container,\n buildVanillaConfig(props, registry),\n ) as unknown as TableInstance;\n instance.mount();\n syncedDefaultHeaders = defaultHeaders;\n syncedRows = rows;\n });\n\n onDestroy(() => {\n instance?.destroy();\n instance = null;\n syncedDefaultHeaders = undefined;\n syncedRows = undefined;\n registry.clear();\n });\n\n // Reactive update: skip no-op defaultHeaders/rows when structure/content is unchanged.\n $: if (instance) {\n const props = { rows, defaultHeaders, ...$$restProps } as SimpleTableSvelteProps;\n const fullConfig = buildVanillaConfig(props, registry);\n const patch: Partial<SimpleTableConfig> = { ...fullConfig };\n\n const headersUnchanged = headersStructurallyEqual(syncedDefaultHeaders, defaultHeaders);\n syncedDefaultHeaders = defaultHeaders;\n if (headersUnchanged) {\n delete patch.defaultHeaders;\n }\n\n const rowsUnchanged = rowsShallowUnchanged(\n syncedRows as ReadonlyArray<object> | undefined,\n rows as ReadonlyArray<object>,\n props.getRowId,\n );\n syncedRows = rows;\n if (rowsUnchanged) {\n delete patch.rows;\n }\n\n instance.update(patch);\n }\n\n /** Expose the TableAPI for consumers using bind:this. */\n export function getAPI(): TableAPI | null {\n return instance?.getAPI() ?? null;\n }\n</script>\n\n<div bind:this={container}></div>\n"],"names":["div","root","$$value","$","set","container","get"],"mappings":"g+NAgFCA,EAAGC,uBAAHD,EAAGE,GAAAC,EAAAC,IAAYC,EAASH,GAAA,IAAAC,EAAAG,IAATD,eAAfL,qCAFO"}
|
package/dist/index.es.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"svelte/internal/disclose-version";import"svelte/internal/flags/legacy";import*as e from"svelte/internal/client";import{mount as t,unmount as r,onMount as n,onDestroy as o}from"svelte";import{collectHeaderAccessors as s,SimpleTableVanilla as a,headersStructurallyEqual as
|
|
1
|
+
import"svelte/internal/disclose-version";import"svelte/internal/flags/legacy";import*as e from"svelte/internal/client";import{mount as t,unmount as r,onMount as n,onDestroy as o}from"svelte";import{collectHeaderAccessors as s,SimpleTableVanilla as a,headersStructurallyEqual as i,rowsShallowUnchanged as d}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 c(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function l(e,n){return o=>{const s=document.createElement("div"),a=t(n,{target:s,props:o});return e.register(s,()=>{r(a)}),s}}function u(e,n,o,s){const a="cell"===o?e.cellRendererCache:e.headerRendererCache,i=a.get(n);if(i)return i.component=s,i.wrapped;const d={component:s,wrapped:null},c=n=>{const o=document.createElement("div"),s=t(d.component,{target:o,props:n});return e.register(o,()=>{r(s)}),o};return d.wrapped=c,a.set(n,d),c}function p(e,n={}){const o=document.createElement("div"),s=t(e,{target:o,props:n}),a=o.innerHTML;return r(s),a}function f(e){return"function"==typeof e}function g(e,t){const{cellRenderer:r,headerRenderer:n,children:o,nestedTable:s}=e,a=c(e,["cellRenderer","headerRenderer","children","nestedTable"]),i=String(e.accessor),d=Object.assign({},a);if(r&&(d.cellRenderer="function"==typeof r&&r.length>=2?u(t,i,"cell",r):r),n&&(d.headerRenderer="function"==typeof n&&n.length>=2?u(t,i,"header",n):n),o&&(d.children=o.map(e=>g(e,t))),s){const e=Object.assign(Object.assign({},s),{rows:[]});d.nestedTable=h(e,t)}return d}function h(e,n){const{defaultHeaders:o,rows:a,footerRenderer:i,emptyStateRenderer:d,errorStateRenderer:u,loadingStateRenderer:h,headerDropdown:m,columnEditorConfig:R,icons:b,tableEmptyStateRenderer:v,rowButtons:y,onColumnOrderChange:O,onColumnWidthChange:w,onHeaderEdit:C,onColumnSelect:_}=e,E=c(e,["defaultHeaders","rows","footerRenderer","emptyStateRenderer","errorStateRenderer","loadingStateRenderer","headerDropdown","columnEditorConfig","icons","tableEmptyStateRenderer","rowButtons","onColumnOrderChange","onColumnWidthChange","onHeaderEdit","onColumnSelect"]);n.pruneRendererCaches(s(o));const S=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},E),{rows:a,defaultHeaders:o.map(e=>g(e,n)),onRendererHostDiscard:n.disposeHost}),O?{onColumnOrderChange:e=>O(e)}:{}),w?{onColumnWidthChange:e=>w(e)}:{}),C?{onHeaderEdit:(e,t)=>C(e,t)}:{}),_?{onColumnSelect:e=>_(e)}:{});return void 0!==v&&(null===v?S.tableEmptyStateRenderer=null:"string"==typeof v||v instanceof HTMLElement?S.tableEmptyStateRenderer=v:f(v)&&(S.tableEmptyStateRenderer=function(e,n){const o=document.createElement("div"),s=t(n,{target:o,props:{}});return e.register(o,()=>{r(s)}),o}(n,v))),void 0!==i&&(S.footerRenderer="function"==typeof i&&i.length>=2?l(n,i):i),void 0!==d&&(S.emptyStateRenderer="function"==typeof d&&d.length>=2?l(n,d):d),void 0!==u&&(S.errorStateRenderer="function"==typeof u&&u.length>=2?l(n,u):u),void 0!==h&&(S.loadingStateRenderer="function"==typeof h&&h.length>=2?l(n,h):h),void 0!==m&&(S.headerDropdown=l(n,m)),void 0!==R&&(S.columnEditorConfig=function(e,t){const{rowRenderer:r,customRenderer:n}=e,o=c(e,["rowRenderer","customRenderer"]);return Object.assign(Object.assign(Object.assign({},o),r?{rowRenderer:l(t,r)}:{}),n?{customRenderer:l(t,n)}:{})}(R,n)),void 0!==b&&(S.icons=function(e){const t={};for(const[r,n]of Object.entries(e))null!=n&&("string"==typeof n||n instanceof HTMLElement||n instanceof SVGElement?t[r]=n:f(n)&&(t[r]=p(n,{})));return t}(b)),void 0!==y&&(S.rowButtons=y.map(e=>l(n,e))),S}"function"==typeof SuppressedError&&SuppressedError;const m="data-st-mount-id";class R{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 t=[],r=e.getAttribute(m);null!==r&&t.push(r),e.querySelectorAll(`[${m}]`).forEach(e=>{const r=e.getAttribute(m);null!==r&&t.push(r)});for(const e of t){const t=this.entries.get(e);t&&(this.entries.delete(e),t())}}}register(e,t){const r="st-mount-"+this.nextId++;e.setAttribute(m,r),this.entries.set(r,t)}clear(){this.cellRendererCache.clear(),this.headerRendererCache.clear();for(const e of this.entries.values())e();this.entries.clear()}pruneRendererCaches(e){for(const t of this.cellRendererCache.keys())e.has(t)||this.cellRendererCache.delete(t);for(const t of this.headerRendererCache.keys())e.has(t)||this.headerRendererCache.delete(t)}get size(){return this.entries.size}}var b=e.from_html("<div></div>");function v(t,r){const s=e.legacy_rest_props(r,["children","$$slots","$$events","$$legacy"]),c=e.legacy_rest_props(s,["getAPI","rows","defaultHeaders"]);e.push(r,!1);let l=e.prop(r,"rows",8),u=e.prop(r,"defaultHeaders",8),p=e.mutable_source(),f=e.mutable_source(null);const g=new R;let m=e.mutable_source(void 0),v=e.mutable_source(void 0);function y(){var t;return null!==(t=null===e.get(f)||void 0===e.get(f)?void 0:e.get(f).getAPI())&&void 0!==t?t:null}n(()=>{const t=Object.assign({rows:l(),defaultHeaders:u()},c);e.set(f,new a(e.get(p),h(t,g))),e.get(f).mount(),e.set(m,u()),e.set(v,l())}),o(()=>{null===e.get(f)||void 0===e.get(f)||e.get(f).destroy(),e.set(f,null),e.set(m,void 0),e.set(v,void 0),g.clear()}),e.legacy_pre_effect(()=>(e.get(f),e.deep_read_state(l()),e.deep_read_state(u()),e.deep_read_state(c),e.get(m),e.get(v)),()=>{if(e.get(f)){const t=Object.assign({rows:l(),defaultHeaders:u()},c),r=h(t,g),n=Object.assign({},r),o=i(e.get(m),u());e.set(m,u()),o&&delete n.defaultHeaders;const s=d(e.get(v),l(),t.getRowId);e.set(v,l()),s&&delete n.rows,e.get(f).update(n)}}),e.legacy_pre_effect_reset();var O={getAPI:y};e.init();var w=b();return e.bind_this(w,t=>e.set(p,t),()=>e.get(p)),e.append(t,w),e.bind_prop(r,"getAPI",y),e.pop(O)}export{v 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":["../src/SimpleTable.svelte"],"sourcesContent":["<script lang=\"ts\">\n import { onMount, onDestroy } from \"svelte\";\n import {\n SimpleTableVanilla,\n headersStructurallyEqual,\n rowsShallowUnchanged,\n } from \"simple-table-core\";\n import type { SimpleTableConfig, TableAPI } from \"simple-table-core\";\n import { buildVanillaConfig } from \"./buildVanillaConfig\";\n import { MountRegistry } from \"./MountRegistry\";\n import type { SimpleTableSvelteProps, TableInstance } from \"./types\";\n\n // SimpleTable — Svelte adapter for simple-table-core.\n // Accepts the same props as SimpleTableProps with Svelte component types for renderers.\n // Use bind:this={tableRef} to access the TableAPI: tableRef.getAPI()?.sort(...)\n\n type $$Props = SimpleTableSvelteProps;\n\n export let rows: $$Props[\"rows\"];\n export let defaultHeaders: $$Props[\"defaultHeaders\"];\n\n // All remaining optional props — spread via $$restProps\n let container: HTMLDivElement;\n let instance: TableInstance | null = null;\n const registry = new MountRegistry();\n\n /** Last headers/rows whose structure/content was applied via update. */\n let syncedDefaultHeaders: $$Props[\"defaultHeaders\"] | undefined = undefined;\n let syncedRows: $$Props[\"rows\"] | undefined = undefined;\n\n onMount(() => {\n const props = { rows, defaultHeaders, ...$$restProps } as SimpleTableSvelteProps;\n instance = new SimpleTableVanilla(\n container,\n buildVanillaConfig(props, registry),\n ) as unknown as TableInstance;\n instance.mount();\n syncedDefaultHeaders = defaultHeaders;\n syncedRows = rows;\n });\n\n onDestroy(() => {\n instance?.destroy();\n instance = null;\n syncedDefaultHeaders = undefined;\n syncedRows = undefined;\n registry.clear();\n });\n\n // Reactive update: skip no-op defaultHeaders/rows when structure/content is unchanged.\n $: if (instance) {\n const props = { rows, defaultHeaders, ...$$restProps } as SimpleTableSvelteProps;\n const fullConfig = buildVanillaConfig(props, registry);\n const patch: Partial<SimpleTableConfig> = { ...fullConfig };\n\n const headersUnchanged = headersStructurallyEqual(syncedDefaultHeaders, defaultHeaders);\n syncedDefaultHeaders = defaultHeaders;\n if (headersUnchanged) {\n delete patch.defaultHeaders;\n }\n\n const rowsUnchanged = rowsShallowUnchanged(\n syncedRows as ReadonlyArray<object> | undefined,\n rows as ReadonlyArray<object>,\n props.getRowId,\n );\n syncedRows = rows;\n if (rowsUnchanged) {\n delete patch.rows;\n }\n\n instance.update(patch);\n }\n\n /** Expose the TableAPI for consumers using bind:this. */\n export function getAPI(): TableAPI | null {\n return instance?.getAPI() ?? null;\n }\n</script>\n\n<div bind:this={container}></div>\n"],"names":["div","root","$$value","$","set","container","get"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../src/SimpleTable.svelte"],"sourcesContent":["<script lang=\"ts\">\n import { onMount, onDestroy } from \"svelte\";\n import {\n SimpleTableVanilla,\n headersStructurallyEqual,\n rowsShallowUnchanged,\n } from \"simple-table-core\";\n import type { SimpleTableConfig, TableAPI } from \"simple-table-core\";\n import { buildVanillaConfig } from \"./buildVanillaConfig\";\n import { MountRegistry } from \"./MountRegistry\";\n import type { SimpleTableSvelteProps, TableInstance } from \"./types\";\n\n // SimpleTable — Svelte adapter for simple-table-core.\n // Accepts the same props as SimpleTableProps with Svelte component types for renderers.\n // Use bind:this={tableRef} to access the TableAPI: tableRef.getAPI()?.sort(...)\n\n type $$Props = SimpleTableSvelteProps;\n\n export let rows: $$Props[\"rows\"];\n export let defaultHeaders: $$Props[\"defaultHeaders\"];\n\n // All remaining optional props — spread via $$restProps\n let container: HTMLDivElement;\n let instance: TableInstance | null = null;\n const registry = new MountRegistry();\n\n /** Last headers/rows whose structure/content was applied via update. */\n let syncedDefaultHeaders: $$Props[\"defaultHeaders\"] | undefined = undefined;\n let syncedRows: $$Props[\"rows\"] | undefined = undefined;\n\n onMount(() => {\n const props = { rows, defaultHeaders, ...$$restProps } as SimpleTableSvelteProps;\n instance = new SimpleTableVanilla(\n container,\n buildVanillaConfig(props, registry),\n ) as unknown as TableInstance;\n instance.mount();\n syncedDefaultHeaders = defaultHeaders;\n syncedRows = rows;\n });\n\n onDestroy(() => {\n instance?.destroy();\n instance = null;\n syncedDefaultHeaders = undefined;\n syncedRows = undefined;\n registry.clear();\n });\n\n // Reactive update: skip no-op defaultHeaders/rows when structure/content is unchanged.\n $: if (instance) {\n const props = { rows, defaultHeaders, ...$$restProps } as SimpleTableSvelteProps;\n const fullConfig = buildVanillaConfig(props, registry);\n const patch: Partial<SimpleTableConfig> = { ...fullConfig };\n\n const headersUnchanged = headersStructurallyEqual(syncedDefaultHeaders, defaultHeaders);\n syncedDefaultHeaders = defaultHeaders;\n if (headersUnchanged) {\n delete patch.defaultHeaders;\n }\n\n const rowsUnchanged = rowsShallowUnchanged(\n syncedRows as ReadonlyArray<object> | undefined,\n rows as ReadonlyArray<object>,\n props.getRowId,\n );\n syncedRows = rows;\n if (rowsUnchanged) {\n delete patch.rows;\n }\n\n instance.update(patch);\n }\n\n /** Expose the TableAPI for consumers using bind:this. */\n export function getAPI(): TableAPI | null {\n return instance?.getAPI() ?? null;\n }\n</script>\n\n<div bind:this={container}></div>\n"],"names":["div","root","$$value","$","set","container","get"],"mappings":"65LAgFCA,EAAGC,uBAAHD,EAAGE,GAAAC,EAAAC,IAAYC,EAASH,GAAA,IAAAC,EAAAG,IAATD,eAAfL,qCAFO"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export { default as SimpleTable } from "./SimpleTable.svelte";
|
|
2
2
|
export { asRows } from "simple-table-core";
|
|
3
3
|
export type { SimpleTableSvelteProps, TableInstance, SvelteHeaderObject, SvelteIconsConfig, SvelteIconElement, SvelteColumnEditorConfig, SvelteCellRenderer, SvelteHeaderRenderer, SvelteFooterRenderer, SvelteHeaderDropdown, SvelteColumnEditorRowRenderer, SvelteColumnEditorCustomRenderer, SvelteRowButton, SvelteLoadingStateRenderer, SvelteErrorStateRenderer, SvelteEmptyStateRenderer, } from "./types";
|
|
4
|
-
export type { Accessor, AggregationConfig, AggregationType, BoundingBox, Cell, CellChangeProps, CellClickProps, CellRenderer, CellRendererProps, CellValue, ChartOptions, ColumnEditorConfig, ColumnEditorRowRenderer, ColumnEditorRowRendererComponents, ColumnEditorCustomRenderer, ColumnEditorCustomRendererProps, ColumnEditorRowRendererProps, ColumnEditorSearchFunction, ColumnType, ColumnVisibilityState, Comparator, ComparatorProps, CustomTheme, CustomThemeProps, DragHandlerProps, EmptyStateRenderer, EmptyStateRendererProps, EnumOption, ErrorStateRenderer, ErrorStateRendererProps, ExportToCSVProps, ExportValueGetter, ExportValueProps, FilterCondition, FilterOperator, StringFilterOperator, NumberFilterOperator, BooleanFilterOperator, DateFilterOperator, EnumFilterOperator, FooterRendererProps, GetRowId, GetRowIdParams, HeaderDropdown, HeaderDropdownProps, HeaderObject, HeaderRenderer, HeaderRendererComponents, HeaderRendererProps, 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";
|
|
4
|
+
export type { Accessor, AggregationConfig, AggregationType, BoundingBox, Cell, CellChangeProps, CellClickProps, CellRenderer, CellRendererProps, CellValue, ChartOptions, ColumnEditorConfig, ColumnEditorRowRenderer, ColumnEditorRowRendererComponents, ColumnEditorCustomRenderer, ColumnEditorCustomRendererProps, ColumnEditorRowRendererProps, ColumnEditorSearchFunction, ColumnType, ColumnVisibilityState, Comparator, ComparatorProps, CustomTheme, CustomThemeProps, DragHandlerProps, EmptyStateRenderer, EmptyStateRendererProps, EnumOption, ErrorStateRenderer, ErrorStateRendererProps, ExportToCSVProps, ExportValueGetter, ExportValueProps, FilterCondition, FilterOperator, StringFilterOperator, NumberFilterOperator, BooleanFilterOperator, DateFilterOperator, EnumFilterOperator, FooterRendererProps, GetRowId, GetRowIdParams, HeaderDropdown, HeaderDropdownProps, HeaderObject, HeaderRenderer, HeaderRendererComponents, HeaderRendererProps, IconsConfig, LoadingStateRenderer, LoadingStateRendererProps, OnRowGroupExpandProps, OnSortProps, PivotConfig, PivotValueConfig, PivotResult, 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";
|
|
5
|
+
export { pivotRows, buildPivotAccessor, buildPivotRowTotalAccessor, PIVOT_CHILDREN_KEY, PIVOT_IS_TOTAL_KEY, PIVOT_ACCESSOR_PREFIX, PIVOT_BLANK_LABEL, } from "simple-table-core";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@simple-table/svelte",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.0.0",
|
|
4
4
|
"main": "dist/cjs/index.js",
|
|
5
5
|
"module": "dist/index.es.js",
|
|
6
6
|
"types": "dist/types/index.d.ts",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"svelte": ">=4.0.0"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"simple-table-core": "
|
|
31
|
+
"simple-table-core": "4.0.0"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@rollup/plugin-alias": "4.0.0",
|