@guiexpert/solid-table 1.1.89 → 1.1.91

package/GuiexpertTable.d.ts

@@ -1,8 +1,11 @@
-import { GuiexpertTableProps } from './GuiexpertTableProps';
+import { GuiexpertTableProps } from './GuiexpertTableProps.js';
 
 /**
  * Render a table component with specified properties
  *
+ * A new `tableModel` or `tableOptions` object (e.g. from a signal) re-creates the table; the previous table is
+ * released with `TableScope.destroy()`, as when the component is disposed. Callback props may change freely.
+ *
  * @param {GuiexpertTableProps} props - The properties of the table component
  * @returns {JSX.Element} - The rendered table component
  */

package/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("solid-js/web"),u=require("solid-js"),l=require("@guiexpert/table");class g{constructor(t){this.code=t}render(t,o,n,r,s,e,a){const i=c.mergeProps({rowIndex:o,columnIndex:n,areaIdent:r,areaModel:s,cellValue:e});return c.render(()=>this.code(i),t)}}const p=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));var m=c.template("<div>");const b=d=>{let t;const o=u.mergeProps({tableModel:null,tableOptions:new l.TableOptions},d);return u.onMount(()=>{const n=(e,a,i)=>{i&&i(a),t&&t.dispatchEvent(new CustomEvent(e,{detail:a,bubbles:!0}))},r={onSelectionChanged:e=>n("selectionChanged",e,o.selectionChanged),onFocusChanged:e=>n("focusChanged",e,o.focusChanged),onScroll:e=>n("scroll",e,o.scroll),onCheckboxChanged:e=>n("checkboxChanged",e,o.checkboxChanged),onContextmenu:e=>n("contextmenu",e,o.contextmenu),onModelChanged:e=>n("modelChanged",e,o.modelChanged),onMouseClicked:e=>n("mouseClicked",e,o.mouseClicked),onMouseDragging:e=>n("mouseDragging",e,o.mouseDragging),onMouseDraggingEnd:e=>n("mouseDraggingEnd",e,o.mouseDraggingEnd),onMouseMoved:e=>n("mouseMoved",e,o.mouseMoved)},s=new l.TableScope(t,o.tableModel,new l.SimpleDomService,o.tableOptions,r);s.firstInit(),n("tableReady",s.getApi(),o.tableReady),o.licenseKey&&l.LicenseManager.getInstance().setLicenseKey(o.licenseKey)}),(()=>{var n=m(),r=t;return typeof r=="function"?c.use(r,n):t=n,n})()};exports.ComponentRendererWrapper=g;exports.GuiexpertTable=b;exports.GuiexpertTableProps=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("solid-js/web"),c=require("solid-js"),l=require("@guiexpert/table");class p{constructor(t){this.code=t}render(t,n,o,d,e,s,r){const u=i.mergeProps({rowIndex:n,columnIndex:o,areaIdent:d,areaModel:e,cellValue:s});return i.render(()=>this.code(u),t)}}var m=i.template("<div>");const b=g=>{let t;const n=c.mergeProps({tableModel:null,tableOptions:new l.TableOptions},g),o=(e,s,r)=>{r&&r(s),t&&t.dispatchEvent(new CustomEvent(e,{detail:s,bubbles:e!=="scroll"}))},d={onSelectionChanged:e=>o("selectionChanged",e,n.selectionChanged),onFocusChanged:e=>o("focusChanged",e,n.focusChanged),onScroll:e=>o("scroll",e,n.scroll),onCheckboxChanged:e=>o("checkboxChanged",e,n.checkboxChanged),onContextmenu:e=>o("contextmenu",e,n.contextmenu),onModelChanged:e=>o("modelChanged",e,n.modelChanged),onMouseClicked:e=>o("mouseClicked",e,n.mouseClicked),onMouseDragging:e=>o("mouseDragging",e,n.mouseDragging),onMouseDraggingEnd:e=>o("mouseDraggingEnd",e,n.mouseDraggingEnd),onMouseMoved:e=>o("mouseMoved",e,n.mouseMoved)};return c.createEffect(()=>{const e=n.tableModel,s=n.tableOptions,r=t;if(!r||!e)return;const u=c.untrack(()=>{const a=new l.TableScope(r,e,new l.SimpleDomService,s??new l.TableOptions,d);return a.firstInit(),o("tableReady",a.getApi(),n.tableReady),a});c.onCleanup(()=>u.destroy())}),c.createEffect(()=>{const e=n.licenseKey;e&&l.LicenseManager.getInstance().setLicenseKey(e)}),(()=>{var e=m(),s=t;return typeof s=="function"?i.use(s,e):t=e,e})()};exports.ComponentRendererWrapper=p;exports.GuiexpertTable=b;

package/index.d.ts

@@ -1,5 +1,5 @@
-import { ComponentRendererWrapper } from './ComponentRendererWrapper';
-import { default as GuiexpertTable } from './GuiexpertTable';
+import { ComponentRendererWrapper } from './ComponentRendererWrapper.js';
+import { default as GuiexpertTable } from './GuiexpertTable.js';
 
-import * as GuiexpertTableProps from "./GuiexpertTableProps";
-export { GuiexpertTable, GuiexpertTableProps, ComponentRendererWrapper };
+export * from './GuiexpertTableProps.js';
+export { GuiexpertTable, ComponentRendererWrapper };

package/index.js

@@ -1,60 +1,65 @@
-import { mergeProps as a, render as d, use as g, template as u } from "solid-js/web";
-import { mergeProps as m, onMount as p } from "solid-js";
-import { TableOptions as b, TableScope as C, SimpleDomService as h, LicenseManager as f } from "@guiexpert/table";
-class _ {
+import { mergeProps as u, render as m, use as p, template as C } from "solid-js/web";
+import { mergeProps as h, createEffect as d, untrack as b, onCleanup as f } from "solid-js";
+import { TableOptions as g, LicenseManager as M, TableScope as v, SimpleDomService as x } from "@guiexpert/table";
+class E {
   constructor(t) {
     this.code = t;
   }
-  render(t, o, n, r, s, e, i) {
-    const c = a({
+  render(t, o, n, l, e, s, r) {
+    const a = u({
       rowIndex: o,
       columnIndex: n,
-      areaIdent: r,
-      areaModel: s,
-      cellValue: e
+      areaIdent: l,
+      areaModel: e,
+      cellValue: s
     });
-    return d(
-      () => this.code(c),
+    return m(
+      () => this.code(a),
       t
     );
   }
 }
-const D = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null
-}, Symbol.toStringTag, { value: "Module" }));
-var M = /* @__PURE__ */ u("<div>");
-const k = (l) => {
+var y = /* @__PURE__ */ C("<div>");
+const w = (i) => {
   let t;
-  const o = m({
+  const o = h({
     tableModel: null,
-    tableOptions: new b()
-  }, l);
-  return p(() => {
-    const n = (e, i, c) => {
-      c && c(i), t && t.dispatchEvent(new CustomEvent(e, {
-        detail: i,
-        bubbles: !0
-      }));
-    }, r = {
-      onSelectionChanged: (e) => n("selectionChanged", e, o.selectionChanged),
-      onFocusChanged: (e) => n("focusChanged", e, o.focusChanged),
-      onScroll: (e) => n("scroll", e, o.scroll),
-      onCheckboxChanged: (e) => n("checkboxChanged", e, o.checkboxChanged),
-      onContextmenu: (e) => n("contextmenu", e, o.contextmenu),
-      onModelChanged: (e) => n("modelChanged", e, o.modelChanged),
-      onMouseClicked: (e) => n("mouseClicked", e, o.mouseClicked),
-      onMouseDragging: (e) => n("mouseDragging", e, o.mouseDragging),
-      onMouseDraggingEnd: (e) => n("mouseDraggingEnd", e, o.mouseDraggingEnd),
-      onMouseMoved: (e) => n("mouseMoved", e, o.mouseMoved)
-    }, s = new C(t, o.tableModel, new h(), o.tableOptions, r);
-    s.firstInit(), n("tableReady", s.getApi(), o.tableReady), o.licenseKey && f.getInstance().setLicenseKey(o.licenseKey);
+    tableOptions: new g()
+  }, i), n = (e, s, r) => {
+    r && r(s), t && t.dispatchEvent(new CustomEvent(e, {
+      detail: s,
+      bubbles: e !== "scroll"
+    }));
+  }, l = {
+    onSelectionChanged: (e) => n("selectionChanged", e, o.selectionChanged),
+    onFocusChanged: (e) => n("focusChanged", e, o.focusChanged),
+    onScroll: (e) => n("scroll", e, o.scroll),
+    onCheckboxChanged: (e) => n("checkboxChanged", e, o.checkboxChanged),
+    onContextmenu: (e) => n("contextmenu", e, o.contextmenu),
+    onModelChanged: (e) => n("modelChanged", e, o.modelChanged),
+    onMouseClicked: (e) => n("mouseClicked", e, o.mouseClicked),
+    onMouseDragging: (e) => n("mouseDragging", e, o.mouseDragging),
+    onMouseDraggingEnd: (e) => n("mouseDraggingEnd", e, o.mouseDraggingEnd),
+    onMouseMoved: (e) => n("mouseMoved", e, o.mouseMoved)
+  };
+  return d(() => {
+    const e = o.tableModel, s = o.tableOptions, r = t;
+    if (!r || !e)
+      return;
+    const a = b(() => {
+      const c = new v(r, e, new x(), s ?? new g(), l);
+      return c.firstInit(), n("tableReady", c.getApi(), o.tableReady), c;
+    });
+    f(() => a.destroy());
+  }), d(() => {
+    const e = o.licenseKey;
+    e && M.getInstance().setLicenseKey(e);
   }), (() => {
-    var n = M(), r = t;
-    return typeof r == "function" ? g(r, n) : t = n, n;
+    var e = y(), s = t;
+    return typeof s == "function" ? p(s, e) : t = e, e;
   })();
 };
 export {
-  _ as ComponentRendererWrapper,
-  k as GuiexpertTable,
-  D as GuiexpertTableProps
+  E as ComponentRendererWrapper,
+  w as GuiexpertTable
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guiexpert/solid-table",
-  "version": "1.1.89",
+  "version": "1.1.91",
   "license": "MIT",
   "author": "Dr. Marc Kronberg <info@gui.expert> (https://gui.expert)",
   "repository": {
@@ -22,13 +22,16 @@
   },
   "exports": {
     ".": {
-      "import": "./index.js",
+      "import": {
+        "types": "./index.d.ts",
+        "default": "./index.js"
+      },
       "require": "./index.cjs"
     }
   },
   "dependencies": {
     "tslib": "^2.3.0",
-    "@guiexpert/table": "^1.1.89"
+    "@guiexpert/table": "^1.1.91"
   },
   "peerDependencies": {
     "solid-js": "^1.0.0"
@@ -39,7 +42,7 @@
     "@types/react": "^18.2.37 || ^19.0.0",
     "@types/react-dom": "^18.2.15 || ^19.0.0",
     "@types/node": "^20.11.17",
-    "vite": "6.3.4",
+    "vite": "6.4.4",
     "vite-plugin-dts": "^3.7.2",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-static-copy": "^0.17.0",
@@ -50,12 +53,17 @@
     "ts-node": "10.9.1",
     "tsconfig": "^7.0.0",
     "typescript": "5.2.2",
-    "@babel/core": "~7.28.6"
+    "@babel/core": "~7.28.6",
+    "vitest": "5.0.4",
+    "@vitest/browser-playwright": "5.0.4",
+    "playwright": "1.64.0"
   },
   "scripts": {
     "i": "pnpm i",
     "patch-version": "node patch.js",
     "build": "vite build",
+    "test": "vitest run",
+    "test:watch": "vitest",
     "npm-pub": "pnpm publish --no-git-checks --access public"
   }
 }