@guiexpert/solid-table 1.1.97 → 1.1.99

package/GuiexpertTableProps.d.ts

@@ -1,4 +1,4 @@
-import { FocusModelIf, GeBatchEditEvent, GeDetailEvent, GeModelChangeEvent, GeMouseEvent, GeRowDragEvent, GeScrollEvent, GeStateChangeEvent, SelectionModelIf, TableApi, TableModelIf, TableOptions } from '@guiexpert/table';
+import { FocusModelIf, GeBatchEditEvent, GeDetailEvent, GeEditEvent, GeUndoEvent, GeModelChangeEvent, GeMouseEvent, GeRowDragEvent, GeScrollEvent, GeStateChangeEvent, SelectionModelIf, TableApi, TableModelIf, TableOptions } from '@guiexpert/table';
 
 export type GeMouseEventFn = (evt: GeMouseEvent) => void;
 export type GeCheckboxEventFn = (evt: any[]) => void;
@@ -11,6 +11,8 @@ export type GeStateChangeEventFn = (evt: GeStateChangeEvent) => void;
 export type GeRowDragEventFn = (evt: GeRowDragEvent) => void;
 export type GeBatchEditEventFn = (evt: GeBatchEditEvent) => void;
 export type GeDetailEventFn = (evt: GeDetailEvent) => void;
+export type GeEditEventFn = (evt: GeEditEvent) => void;
+export type GeUndoEventFn = (evt: GeUndoEvent) => void;
 export interface GuiexpertTableProps {
     tableModel: TableModelIf;
     tableOptions?: TableOptions;
@@ -38,6 +40,10 @@ export interface GuiexpertTableProps {
     batchEditChanged?: GeBatchEditEventFn;
     /** Master/detail: a detail row was expanded or collapsed (since 1.1.97). */
     detailExpandedChanged?: GeDetailEventFn;
+    /** The cell editor opened, its text changed, it committed or it was cancelled (since 1.1.99). */
+    editingChanged?: GeEditEventFn;
+    /** The undo history changed (since 1.1.99). */
+    undoStackChanged?: GeUndoEventFn;
     tableReady?: GeTableReadyEventFn;
     licenseKey?: string;
     /**

package/README.md

@@ -37,6 +37,25 @@ This is the UI-agnostic table component for your next web app. 😊
 - Full control over the HTML structure and style
 
 
+### New in October 2026 (1.1.91 – 1.1.99) – all MIT-licensed
+
+- Screen readers and keyboard: WAI-ARIA grid, announcements, full keyboard navigation (1.1.91)
+- “Loading…” and “No rows” overlays with a CSS spinner, `loading` prop (1.1.92)
+- Save and restore the state: column layout, sorting, scroll position, selection – localStorage or your server (1.1.92)
+- Row numbers like in a spreadsheet: `rowNumbersVisible: true` (1.1.93)
+- Total rows that follow the filter, sums of the selection: `footerAggregates` (1.1.94)
+- Row grouping with subtotals: `RowGroupFactory` (1.1.94)
+- Pivot tables: `PivotFactory` (1.1.94)
+- Calculated columns, “Show values as” and formulas without `eval`: `valueGetter`, `showValuesAs`, `formula` (1.1.95)
+- Drag rows into order – mouse, touch, keyboard: `rowDrag: true` (1.1.95)
+- Fill handle and batch edit: `fillHandle`, `batchEdit` (1.1.96)
+- Master/detail with nested tables or components: `masterDetail` (1.1.97)
+- Right-to-left for Arabic, Hebrew, Persian: `direction: "rtl"` (1.1.98)
+- A spreadsheet: A1 cell formulas, copy & paste with Excel, undo/redo, formula bar – `SpreadsheetFactory`, or `spreadsheet: true` for your table (1.1.99)
+
+All thirteen with code and live demos: [gui.expert/whats-new](https://gui.expert/whats-new/) ·
+training: [gui.expert/training](https://gui.expert/training/)
+
 ## Links
 
 - [Demos](https://gui.expert/demos)

package/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("solid-js/web"),s=require("solid-js"),c=require("@guiexpert/table");class b{constructor(t){this.code=t}render(t,n,o,i,r,d,h){const e=g.mergeProps({rowIndex:n,columnIndex:o,areaIdent:i,areaModel:r,cellValue:d});return g.render(()=>this.code(e),t)}}class m{constructor(t){this.code=t}render(t,n,o){const i={row:n,rowIndex:o.rowIndex,tableApi:o.tableApi,context:o};return g.render(()=>this.code(i),t)}}var f=g.template("<div>");const w=u=>{let t;const n=s.mergeProps({tableModel:null,tableOptions:new c.TableOptions},u),o=(e,a,l)=>{l&&l(a),t&&t.dispatchEvent(new CustomEvent(e,{detail:a,bubbles:e!=="scroll"}))},i={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),onStateChanged:e=>o("stateChanged",e,n.stateChanged),onRowDragStart:e=>o("rowDragStart",e,n.rowDragStart),onRowDragMove:e=>o("rowDragMove",e,n.rowDragMove),onRowDragEnd:e=>o("rowDragEnd",e,n.rowDragEnd),onBatchEditChanged:e=>o("batchEditChanged",e,n.batchEditChanged),onDetailExpandedChanged:e=>o("detailExpandedChanged",e,n.detailExpandedChanged)};let r,d=!1;const h=e=>{e?(r==null||r.showLoadingOverlay(),d=!0):d&&(r==null||r.hideOverlay(),d=!1)};return s.createEffect(()=>{const e=n.tableModel,a=n.tableOptions,l=t;if(!l||!e)return;const C=s.untrack(()=>{const p=new c.TableScope(l,e,new c.SimpleDomService,a??new c.TableOptions,i);return p.firstInit(),r=p,d=!1,h(!!n.loading),o("tableReady",p.getApi(),n.tableReady),p});s.onCleanup(()=>{r===C&&(r=void 0),C.destroy()})}),s.createEffect(()=>{const e=!!n.loading;s.untrack(()=>h(e))}),s.createEffect(()=>{const e=n.licenseKey;e&&c.LicenseManager.getInstance().setLicenseKey(e)}),(()=>{var e=f(),a=t;return typeof a=="function"?g.use(a,e):t=e,e})()};exports.ComponentRendererWrapper=b;exports.DetailComponentRendererWrapper=m;exports.GuiexpertTable=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("solid-js/web"),d=require("solid-js"),l=require("@guiexpert/table");class b{constructor(t){this.code=t}render(t,n,o,i,a,s,h){const e=c.mergeProps({rowIndex:n,columnIndex:o,areaIdent:i,areaModel:a,cellValue:s});return c.render(()=>this.code(e),t)}}class m{constructor(t){this.code=t}render(t,n,o){const i={row:n,rowIndex:o.rowIndex,tableApi:o.tableApi,context:o};return c.render(()=>this.code(i),t)}}var f=c.template("<div>");const w=u=>{let t;const n=d.mergeProps({tableModel:null,tableOptions:new l.TableOptions},u),o=(e,r,g)=>{g&&g(r),t&&t.dispatchEvent(new CustomEvent(e,{detail:r,bubbles:e!=="scroll"}))},i={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),onStateChanged:e=>o("stateChanged",e,n.stateChanged),onRowDragStart:e=>o("rowDragStart",e,n.rowDragStart),onRowDragMove:e=>o("rowDragMove",e,n.rowDragMove),onRowDragEnd:e=>o("rowDragEnd",e,n.rowDragEnd),onBatchEditChanged:e=>o("batchEditChanged",e,n.batchEditChanged),onDetailExpandedChanged:e=>o("detailExpandedChanged",e,n.detailExpandedChanged),onEditingChanged:e=>o("editingChanged",e,n.editingChanged),onUndoStackChanged:e=>o("undoStackChanged",e,n.undoStackChanged)};let a,s=!1;const h=e=>{e?(a==null||a.showLoadingOverlay(),s=!0):s&&(a==null||a.hideOverlay(),s=!1)};return d.createEffect(()=>{const e=n.tableModel,r=n.tableOptions,g=t;if(!g||!e)return;const C=d.untrack(()=>{const p=new l.TableScope(g,e,new l.SimpleDomService,r??new l.TableOptions,i);return p.firstInit(),a=p,s=!1,h(!!n.loading),o("tableReady",p.getApi(),n.tableReady),p});d.onCleanup(()=>{a===C&&(a=void 0),C.destroy()})}),d.createEffect(()=>{const e=!!n.loading;d.untrack(()=>h(e))}),d.createEffect(()=>{const e=n.licenseKey;e&&l.LicenseManager.getInstance().setLicenseKey(e)}),(()=>{var e=f(),r=t;return typeof r=="function"?c.use(r,e):t=e,e})()};exports.ComponentRendererWrapper=b;exports.DetailComponentRendererWrapper=m;exports.GuiexpertTable=w;

package/index.js

@@ -1,19 +1,19 @@
-import { mergeProps as f, render as C, use as b, template as w } from "solid-js/web";
-import { mergeProps as D, createEffect as p, untrack as u, onCleanup as v } from "solid-js";
-import { TableOptions as m, LicenseManager as E, TableScope as M, SimpleDomService as x } from "@guiexpert/table";
+import { mergeProps as f, render as m, use as b, template as w } from "solid-js/web";
+import { mergeProps as D, createEffect as h, untrack as C, onCleanup as v } from "solid-js";
+import { TableOptions as u, LicenseManager as E, TableScope as M, SimpleDomService as x } from "@guiexpert/table";
 class O {
   constructor(t) {
     this.code = t;
   }
-  render(t, o, n, d, a, s, c) {
+  render(t, n, o, s, a, r, c) {
     const e = f({
-      rowIndex: o,
-      columnIndex: n,
-      areaIdent: d,
+      rowIndex: n,
+      columnIndex: o,
+      areaIdent: s,
       areaModel: a,
-      cellValue: s
+      cellValue: r
     });
-    return C(
+    return m(
       () => this.code(e),
       t
     );
@@ -23,64 +23,66 @@ class I {
   constructor(t) {
     this.code = t;
   }
-  render(t, o, n) {
-    const d = { row: o, rowIndex: n.rowIndex, tableApi: n.tableApi, context: n };
-    return C(() => this.code(d), t);
+  render(t, n, o) {
+    const s = { row: n, rowIndex: o.rowIndex, tableApi: o.tableApi, context: o };
+    return m(() => this.code(s), t);
   }
 }
 var y = /* @__PURE__ */ w("<div>");
-const L = (g) => {
+const L = (l) => {
   let t;
-  const o = D({
+  const n = D({
     tableModel: null,
-    tableOptions: new m()
-  }, g), n = (e, r, i) => {
-    i && i(r), t && t.dispatchEvent(new CustomEvent(e, {
-      detail: r,
+    tableOptions: new u()
+  }, l), o = (e, d, g) => {
+    g && g(d), t && t.dispatchEvent(new CustomEvent(e, {
+      detail: d,
       bubbles: e !== "scroll"
     }));
-  }, d = {
-    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),
-    onStateChanged: (e) => n("stateChanged", e, o.stateChanged),
-    onRowDragStart: (e) => n("rowDragStart", e, o.rowDragStart),
-    onRowDragMove: (e) => n("rowDragMove", e, o.rowDragMove),
-    onRowDragEnd: (e) => n("rowDragEnd", e, o.rowDragEnd),
-    onBatchEditChanged: (e) => n("batchEditChanged", e, o.batchEditChanged),
-    onDetailExpandedChanged: (e) => n("detailExpandedChanged", e, o.detailExpandedChanged)
+  }, s = {
+    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),
+    onStateChanged: (e) => o("stateChanged", e, n.stateChanged),
+    onRowDragStart: (e) => o("rowDragStart", e, n.rowDragStart),
+    onRowDragMove: (e) => o("rowDragMove", e, n.rowDragMove),
+    onRowDragEnd: (e) => o("rowDragEnd", e, n.rowDragEnd),
+    onBatchEditChanged: (e) => o("batchEditChanged", e, n.batchEditChanged),
+    onDetailExpandedChanged: (e) => o("detailExpandedChanged", e, n.detailExpandedChanged),
+    onEditingChanged: (e) => o("editingChanged", e, n.editingChanged),
+    onUndoStackChanged: (e) => o("undoStackChanged", e, n.undoStackChanged)
   };
-  let a, s = !1;
+  let a, r = !1;
   const c = (e) => {
-    e ? (a == null || a.showLoadingOverlay(), s = !0) : s && (a == null || a.hideOverlay(), s = !1);
+    e ? (a == null || a.showLoadingOverlay(), r = !0) : r && (a == null || a.hideOverlay(), r = !1);
   };
-  return p(() => {
-    const e = o.tableModel, r = o.tableOptions, i = t;
-    if (!i || !e)
+  return h(() => {
+    const e = n.tableModel, d = n.tableOptions, g = t;
+    if (!g || !e)
       return;
-    const h = u(() => {
-      const l = new M(i, e, new x(), r ?? new m(), d);
-      return l.firstInit(), a = l, s = !1, c(!!o.loading), n("tableReady", l.getApi(), o.tableReady), l;
+    const p = C(() => {
+      const i = new M(g, e, new x(), d ?? new u(), s);
+      return i.firstInit(), a = i, r = !1, c(!!n.loading), o("tableReady", i.getApi(), n.tableReady), i;
     });
     v(() => {
-      a === h && (a = void 0), h.destroy();
+      a === p && (a = void 0), p.destroy();
     });
-  }), p(() => {
-    const e = !!o.loading;
-    u(() => c(e));
-  }), p(() => {
-    const e = o.licenseKey;
+  }), h(() => {
+    const e = !!n.loading;
+    C(() => c(e));
+  }), h(() => {
+    const e = n.licenseKey;
     e && E.getInstance().setLicenseKey(e);
   }), (() => {
-    var e = y(), r = t;
-    return typeof r == "function" ? b(r, e) : t = e, e;
+    var e = y(), d = t;
+    return typeof d == "function" ? b(d, e) : t = e, e;
   })();
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guiexpert/solid-table",
-  "version": "1.1.97",
+  "version": "1.1.99",
   "license": "MIT",
   "author": "Dr. Marc Kronberg <info@gui.expert> (https://gui.expert)",
   "repository": {
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "tslib": "^2.3.0",
-    "@guiexpert/table": "^1.1.97"
+    "@guiexpert/table": "^1.1.99"
   },
   "peerDependencies": {
     "solid-js": "^1.0.0"