@guiexpert/preact-table 10.1.108 → 10.1.110

package/GuiexpertTable.d.ts

@@ -1,5 +1,5 @@
 import { Component } from 'preact';
-import { FocusModelIf, GeModelChangeEvent, GeBatchEditEvent, GeDetailEvent, GeEditEvent, GeUndoEvent, GeMouseEvent, GeRowDragEvent, GeScrollEvent, GeStateChangeEvent, SelectionModelIf, TableApi, TableModelIf, TableOptions } from '@guiexpert/table';
+import { FocusModelIf, GeModelChangeEvent, GeBatchEditEvent, GeDetailEvent, GeEditEvent, GeUndoEvent, GeColumnResizeEvent, GeColumnMoveEvent, GeMouseEvent, GeRowDragEvent, GeScrollEvent, GeStateChangeEvent, SelectionModelIf, TableApi, TableModelIf, TableOptions } from '@guiexpert/table';
 
 export type GeMouseEventFn = (evt: GeMouseEvent) => void;
 export type GeCheckboxEventFn = (evt: any[]) => void;
@@ -14,6 +14,8 @@ 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 type GeColumnResizeEventFn = (evt: GeColumnResizeEvent) => void;
+export type GeColumnMoveEventFn = (evt: GeColumnMoveEvent) => void;
 export interface GuiexpertTableProps {
     tableModel: TableModelIf;
     tableOptions?: TableOptions;
@@ -47,6 +49,14 @@ export interface GuiexpertTableProps {
     editingChanged?: GeEditEventFn;
     /** The undo history changed (since 1.1.99). */
     undoStackChanged?: GeUndoEventFn;
+    /** The user started to resize a column (since 1.1.110). */
+    columnResizeStart?: GeColumnResizeEventFn;
+    /** A column resize by the user ended – `evt.type` "end" or "cancel"; save the layout here (since 1.1.110). */
+    columnResizeEnd?: GeColumnResizeEventFn;
+    /** The user started to move a column (since 1.1.110). */
+    columnMoveStart?: GeColumnMoveEventFn;
+    /** A column move by the user ended – `evt.columnOrder` (since 1.1.110). */
+    columnMoveEnd?: GeColumnMoveEventFn;
     /**
      * `true` shows the loading overlay ("Loading…" with a CSS spinner) over the body, `false` hides it.
      * Changing it does **not** re-create the table. Texts: `tableOptions.overlayOptions`. @since 1.1.92

package/index.cjs

@@ -1 +1 @@
-"use strict";var u=Object.defineProperty;var C=(s,i,o)=>i in s?u(s,i,{enumerable:!0,configurable:!0,writable:!0,value:o}):s[i]=o;var c=(s,i,o)=>C(s,typeof i!="symbol"?i+"":i,o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("preact/jsx-runtime"),d=require("preact"),h=require("@guiexpert/table");class m extends d.Component{constructor(o){super(o);c(this,"ref",d.createRef());c(this,"tableScope");c(this,"shownByProp",!1)}componentDidMount(){const o=this.ref.current;o&&this.initTable(o,this.props)}componentDidUpdate(o){const r=this.ref.current;r&&(o.tableModel!==this.props.tableModel||o.tableOptions!==this.props.tableOptions)&&this.initTable(r,this.props),!!o.loading!=!!this.props.loading&&this.applyLoading(),this.props.licenseKey&&this.props.licenseKey!==o.licenseKey&&h.LicenseManager.getInstance().setLicenseKey(this.props.licenseKey)}componentWillUnmount(){this.destroyTable()}initTable(o,r){var g;this.destroyTable();const a=()=>this.props,p={onSelectionChanged:t=>{var e,n;return(n=(e=a()).selectionChanged)==null?void 0:n.call(e,t)},onFocusChanged:t=>{var e,n;return(n=(e=a()).focusChanged)==null?void 0:n.call(e,t)},onScroll:t=>{var e,n;return(n=(e=a()).scroll)==null?void 0:n.call(e,t)},onCheckboxChanged:t=>{var e,n;return(n=(e=a()).checkboxChanged)==null?void 0:n.call(e,t)},onContextmenu:t=>{var e,n;return(n=(e=a()).contextmenu)==null?void 0:n.call(e,t)},onModelChanged:t=>{var e,n;return(n=(e=a()).modelChanged)==null?void 0:n.call(e,t)},onMouseClicked:t=>{var e,n;return(n=(e=a()).mouseClicked)==null?void 0:n.call(e,t)},onMouseDragging:t=>{var e,n;return(n=(e=a()).mouseDragging)==null?void 0:n.call(e,t)},onMouseDraggingEnd:t=>{var e,n;return(n=(e=a()).mouseDraggingEnd)==null?void 0:n.call(e,t)},onMouseMoved:t=>{var e,n;return(n=(e=a()).mouseMoved)==null?void 0:n.call(e,t)},onStateChanged:t=>{var e,n;return(n=(e=a()).stateChanged)==null?void 0:n.call(e,t)},onRowDragStart:t=>{var e,n;return(n=(e=a()).rowDragStart)==null?void 0:n.call(e,t)},onRowDragMove:t=>{var e,n;return(n=(e=a()).rowDragMove)==null?void 0:n.call(e,t)},onRowDragEnd:t=>{var e,n;return(n=(e=a()).rowDragEnd)==null?void 0:n.call(e,t)},onBatchEditChanged:t=>{var e,n;return(n=(e=a()).batchEditChanged)==null?void 0:n.call(e,t)},onDetailExpandedChanged:t=>{var e,n;return(n=(e=a()).detailExpandedChanged)==null?void 0:n.call(e,t)},onEditingChanged:t=>{var e,n;return(n=(e=a()).editingChanged)==null?void 0:n.call(e,t)},onUndoStackChanged:t=>{var e,n;return(n=(e=a()).undoStackChanged)==null?void 0:n.call(e,t)}},l=new h.TableScope(o,r.tableModel,new h.SimpleDomService,r.tableOptions??new h.TableOptions,p);this.tableScope=l,l.firstInit(),this.shownByProp=!1,this.applyLoading(),(g=r.tableReady)==null||g.call(r,l.getApi()),r.licenseKey&&h.LicenseManager.getInstance().setLicenseKey(r.licenseKey)}applyLoading(){var o,r;this.props.loading?((o=this.tableScope)==null||o.showLoadingOverlay(),this.shownByProp=!0):this.shownByProp&&((r=this.tableScope)==null||r.hideOverlay(),this.shownByProp=!1)}destroyTable(){var o;(o=this.tableScope)==null||o.destroy(),this.tableScope=void 0}render(){return b.jsx("div",{ref:this.ref,className:"container-div",style:{width:"100%",height:"100%",backgroundColor:"transparent",padding:"0",margin:"0"}})}}class y{constructor(i){this.Component=i}render(i,o,r,a,p,l,g){const t={cellDiv:i,rowIndex:o,columnIndex:r,areaIdent:a,areaModel:p,cellValue:l};return d.render(d.h(this.Component,t),i),()=>{d.render(null,i)}}}class S{constructor(i){this.Component=i}render(i,o,r){const a={row:o,rowIndex:r.rowIndex,tableApi:r.tableApi,context:r};return d.render(d.h(this.Component,a),i),()=>d.render(null,i)}}exports.ComponentRendererWrapper=y;exports.DetailComponentRendererWrapper=S;exports.GuiexpertTable=m;
+"use strict";var u=Object.defineProperty;var C=(s,i,o)=>i in s?u(s,i,{enumerable:!0,configurable:!0,writable:!0,value:o}):s[i]=o;var h=(s,i,o)=>C(s,typeof i!="symbol"?i+"":i,o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("preact/jsx-runtime"),d=require("preact"),c=require("@guiexpert/table");class b extends d.Component{constructor(o){super(o);h(this,"ref",d.createRef());h(this,"tableScope");h(this,"shownByProp",!1)}componentDidMount(){const o=this.ref.current;o&&this.initTable(o,this.props)}componentDidUpdate(o){const r=this.ref.current;r&&(o.tableModel!==this.props.tableModel||o.tableOptions!==this.props.tableOptions)&&this.initTable(r,this.props),!!o.loading!=!!this.props.loading&&this.applyLoading(),this.props.licenseKey&&this.props.licenseKey!==o.licenseKey&&c.LicenseManager.getInstance().setLicenseKey(this.props.licenseKey)}componentWillUnmount(){this.destroyTable()}initTable(o,r){var g;this.destroyTable();const a=()=>this.props,p={onSelectionChanged:t=>{var e,n;return(n=(e=a()).selectionChanged)==null?void 0:n.call(e,t)},onFocusChanged:t=>{var e,n;return(n=(e=a()).focusChanged)==null?void 0:n.call(e,t)},onScroll:t=>{var e,n;return(n=(e=a()).scroll)==null?void 0:n.call(e,t)},onCheckboxChanged:t=>{var e,n;return(n=(e=a()).checkboxChanged)==null?void 0:n.call(e,t)},onContextmenu:t=>{var e,n;return(n=(e=a()).contextmenu)==null?void 0:n.call(e,t)},onModelChanged:t=>{var e,n;return(n=(e=a()).modelChanged)==null?void 0:n.call(e,t)},onMouseClicked:t=>{var e,n;return(n=(e=a()).mouseClicked)==null?void 0:n.call(e,t)},onMouseDragging:t=>{var e,n;return(n=(e=a()).mouseDragging)==null?void 0:n.call(e,t)},onMouseDraggingEnd:t=>{var e,n;return(n=(e=a()).mouseDraggingEnd)==null?void 0:n.call(e,t)},onMouseMoved:t=>{var e,n;return(n=(e=a()).mouseMoved)==null?void 0:n.call(e,t)},onStateChanged:t=>{var e,n;return(n=(e=a()).stateChanged)==null?void 0:n.call(e,t)},onRowDragStart:t=>{var e,n;return(n=(e=a()).rowDragStart)==null?void 0:n.call(e,t)},onRowDragMove:t=>{var e,n;return(n=(e=a()).rowDragMove)==null?void 0:n.call(e,t)},onRowDragEnd:t=>{var e,n;return(n=(e=a()).rowDragEnd)==null?void 0:n.call(e,t)},onBatchEditChanged:t=>{var e,n;return(n=(e=a()).batchEditChanged)==null?void 0:n.call(e,t)},onDetailExpandedChanged:t=>{var e,n;return(n=(e=a()).detailExpandedChanged)==null?void 0:n.call(e,t)},onEditingChanged:t=>{var e,n;return(n=(e=a()).editingChanged)==null?void 0:n.call(e,t)},onUndoStackChanged:t=>{var e,n;return(n=(e=a()).undoStackChanged)==null?void 0:n.call(e,t)},onColumnResizeStart:t=>{var e,n;return(n=(e=a()).columnResizeStart)==null?void 0:n.call(e,t)},onColumnResizeEnd:t=>{var e,n;return(n=(e=a()).columnResizeEnd)==null?void 0:n.call(e,t)},onColumnMoveStart:t=>{var e,n;return(n=(e=a()).columnMoveStart)==null?void 0:n.call(e,t)},onColumnMoveEnd:t=>{var e,n;return(n=(e=a()).columnMoveEnd)==null?void 0:n.call(e,t)}},l=new c.TableScope(o,r.tableModel,new c.SimpleDomService,r.tableOptions??new c.TableOptions,p);this.tableScope=l,l.firstInit(),this.shownByProp=!1,this.applyLoading(),(g=r.tableReady)==null||g.call(r,l.getApi()),r.licenseKey&&c.LicenseManager.getInstance().setLicenseKey(r.licenseKey)}applyLoading(){var o,r;this.props.loading?((o=this.tableScope)==null||o.showLoadingOverlay(),this.shownByProp=!0):this.shownByProp&&((r=this.tableScope)==null||r.hideOverlay(),this.shownByProp=!1)}destroyTable(){var o;(o=this.tableScope)==null||o.destroy(),this.tableScope=void 0}render(){return m.jsx("div",{ref:this.ref,className:"container-div",style:{width:"100%",height:"100%",backgroundColor:"transparent",padding:"0",margin:"0"}})}}class y{constructor(i){this.Component=i}render(i,o,r,a,p,l,g){const t={cellDiv:i,rowIndex:o,columnIndex:r,areaIdent:a,areaModel:p,cellValue:l};return d.render(d.h(this.Component,t),i),()=>{d.render(null,i)}}}class S{constructor(i){this.Component=i}render(i,o,r){const a={row:o,rowIndex:r.rowIndex,tableApi:r.tableApi,context:r};return d.render(d.h(this.Component,a),i),()=>d.render(null,i)}}exports.ComponentRendererWrapper=y;exports.DetailComponentRendererWrapper=S;exports.GuiexpertTable=b;

package/index.js

@@ -1,24 +1,24 @@
-var m = Object.defineProperty;
-var b = (r, a, o) => a in r ? m(r, a, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[a] = o;
-var l = (r, a, o) => b(r, typeof a != "symbol" ? a + "" : a, o);
-import { jsx as u } from "preact/jsx-runtime";
-import { Component as y, createRef as f, render as h, h as C } from "preact";
-import { LicenseManager as g, TableScope as w, SimpleDomService as S, TableOptions as M } from "@guiexpert/table";
-class K extends y {
-  constructor(o) {
-    super(o);
-    l(this, "ref", f());
+var C = Object.defineProperty;
+var u = (r, a, t) => a in r ? C(r, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[a] = t;
+var l = (r, a, t) => u(r, typeof a != "symbol" ? a + "" : a, t);
+import { jsx as b } from "preact/jsx-runtime";
+import { Component as y, createRef as S, render as h, h as m } from "preact";
+import { LicenseManager as g, TableScope as f, SimpleDomService as w, TableOptions as M } from "@guiexpert/table";
+class x extends y {
+  constructor(t) {
+    super(t);
+    l(this, "ref", S());
     l(this, "tableScope");
     /** the overlay was shown by the loading prop: loading={false} hides only that one */
     l(this, "shownByProp", !1);
   }
   componentDidMount() {
-    const o = this.ref.current;
-    o && this.initTable(o, this.props);
+    const t = this.ref.current;
+    t && this.initTable(t, this.props);
   }
-  componentDidUpdate(o) {
+  componentDidUpdate(t) {
     const s = this.ref.current;
-    s && (o.tableModel !== this.props.tableModel || o.tableOptions !== this.props.tableOptions) && this.initTable(s, this.props), !!o.loading != !!this.props.loading && this.applyLoading(), this.props.licenseKey && this.props.licenseKey !== o.licenseKey && g.getInstance().setLicenseKey(this.props.licenseKey);
+    s && (t.tableModel !== this.props.tableModel || t.tableOptions !== this.props.tableOptions) && this.initTable(s, this.props), !!t.loading != !!this.props.loading && this.applyLoading(), this.props.licenseKey && this.props.licenseKey !== t.licenseKey && g.getInstance().setLicenseKey(this.props.licenseKey);
   }
   componentWillUnmount() {
     this.destroyTable();
@@ -27,86 +27,102 @@ class K extends y {
    * Creates the table in `ele` (a table created before is destroyed first) and calls `tableReady`.
    * The event callbacks are always taken from the current props.
    */
-  initTable(o, s) {
+  initTable(t, s) {
     var p;
     this.destroyTable();
     const i = () => this.props, c = {
-      onSelectionChanged: (t) => {
+      onSelectionChanged: (o) => {
         var e, n;
-        return (n = (e = i()).selectionChanged) == null ? void 0 : n.call(e, t);
+        return (n = (e = i()).selectionChanged) == null ? void 0 : n.call(e, o);
       },
-      onFocusChanged: (t) => {
+      onFocusChanged: (o) => {
         var e, n;
-        return (n = (e = i()).focusChanged) == null ? void 0 : n.call(e, t);
+        return (n = (e = i()).focusChanged) == null ? void 0 : n.call(e, o);
       },
-      onScroll: (t) => {
+      onScroll: (o) => {
         var e, n;
-        return (n = (e = i()).scroll) == null ? void 0 : n.call(e, t);
+        return (n = (e = i()).scroll) == null ? void 0 : n.call(e, o);
       },
-      onCheckboxChanged: (t) => {
+      onCheckboxChanged: (o) => {
         var e, n;
-        return (n = (e = i()).checkboxChanged) == null ? void 0 : n.call(e, t);
+        return (n = (e = i()).checkboxChanged) == null ? void 0 : n.call(e, o);
       },
-      onContextmenu: (t) => {
+      onContextmenu: (o) => {
         var e, n;
-        return (n = (e = i()).contextmenu) == null ? void 0 : n.call(e, t);
+        return (n = (e = i()).contextmenu) == null ? void 0 : n.call(e, o);
       },
-      onModelChanged: (t) => {
+      onModelChanged: (o) => {
         var e, n;
-        return (n = (e = i()).modelChanged) == null ? void 0 : n.call(e, t);
+        return (n = (e = i()).modelChanged) == null ? void 0 : n.call(e, o);
       },
-      onMouseClicked: (t) => {
+      onMouseClicked: (o) => {
         var e, n;
-        return (n = (e = i()).mouseClicked) == null ? void 0 : n.call(e, t);
+        return (n = (e = i()).mouseClicked) == null ? void 0 : n.call(e, o);
       },
-      onMouseDragging: (t) => {
+      onMouseDragging: (o) => {
         var e, n;
-        return (n = (e = i()).mouseDragging) == null ? void 0 : n.call(e, t);
+        return (n = (e = i()).mouseDragging) == null ? void 0 : n.call(e, o);
       },
-      onMouseDraggingEnd: (t) => {
+      onMouseDraggingEnd: (o) => {
         var e, n;
-        return (n = (e = i()).mouseDraggingEnd) == null ? void 0 : n.call(e, t);
+        return (n = (e = i()).mouseDraggingEnd) == null ? void 0 : n.call(e, o);
       },
-      onMouseMoved: (t) => {
+      onMouseMoved: (o) => {
         var e, n;
-        return (n = (e = i()).mouseMoved) == null ? void 0 : n.call(e, t);
+        return (n = (e = i()).mouseMoved) == null ? void 0 : n.call(e, o);
       },
-      onStateChanged: (t) => {
+      onStateChanged: (o) => {
         var e, n;
-        return (n = (e = i()).stateChanged) == null ? void 0 : n.call(e, t);
+        return (n = (e = i()).stateChanged) == null ? void 0 : n.call(e, o);
       },
-      onRowDragStart: (t) => {
+      onRowDragStart: (o) => {
         var e, n;
-        return (n = (e = i()).rowDragStart) == null ? void 0 : n.call(e, t);
+        return (n = (e = i()).rowDragStart) == null ? void 0 : n.call(e, o);
       },
-      onRowDragMove: (t) => {
+      onRowDragMove: (o) => {
         var e, n;
-        return (n = (e = i()).rowDragMove) == null ? void 0 : n.call(e, t);
+        return (n = (e = i()).rowDragMove) == null ? void 0 : n.call(e, o);
       },
-      onRowDragEnd: (t) => {
+      onRowDragEnd: (o) => {
         var e, n;
-        return (n = (e = i()).rowDragEnd) == null ? void 0 : n.call(e, t);
+        return (n = (e = i()).rowDragEnd) == null ? void 0 : n.call(e, o);
       },
-      onBatchEditChanged: (t) => {
+      onBatchEditChanged: (o) => {
         var e, n;
-        return (n = (e = i()).batchEditChanged) == null ? void 0 : n.call(e, t);
+        return (n = (e = i()).batchEditChanged) == null ? void 0 : n.call(e, o);
       },
-      onDetailExpandedChanged: (t) => {
+      onDetailExpandedChanged: (o) => {
         var e, n;
-        return (n = (e = i()).detailExpandedChanged) == null ? void 0 : n.call(e, t);
+        return (n = (e = i()).detailExpandedChanged) == null ? void 0 : n.call(e, o);
       },
-      onEditingChanged: (t) => {
+      onEditingChanged: (o) => {
         var e, n;
-        return (n = (e = i()).editingChanged) == null ? void 0 : n.call(e, t);
+        return (n = (e = i()).editingChanged) == null ? void 0 : n.call(e, o);
       },
-      onUndoStackChanged: (t) => {
+      onUndoStackChanged: (o) => {
         var e, n;
-        return (n = (e = i()).undoStackChanged) == null ? void 0 : n.call(e, t);
+        return (n = (e = i()).undoStackChanged) == null ? void 0 : n.call(e, o);
+      },
+      onColumnResizeStart: (o) => {
+        var e, n;
+        return (n = (e = i()).columnResizeStart) == null ? void 0 : n.call(e, o);
+      },
+      onColumnResizeEnd: (o) => {
+        var e, n;
+        return (n = (e = i()).columnResizeEnd) == null ? void 0 : n.call(e, o);
+      },
+      onColumnMoveStart: (o) => {
+        var e, n;
+        return (n = (e = i()).columnMoveStart) == null ? void 0 : n.call(e, o);
+      },
+      onColumnMoveEnd: (o) => {
+        var e, n;
+        return (n = (e = i()).columnMoveEnd) == null ? void 0 : n.call(e, o);
       }
-    }, d = new w(
-      o,
+    }, d = new f(
+      t,
       s.tableModel,
-      new S(),
+      new w(),
       s.tableOptions ?? new M(),
       c
     );
@@ -114,16 +130,16 @@ class K extends y {
   }
   /** Shows or hides the loading overlay according to the `loading` prop. */
   applyLoading() {
-    var o, s;
-    this.props.loading ? ((o = this.tableScope) == null || o.showLoadingOverlay(), this.shownByProp = !0) : this.shownByProp && ((s = this.tableScope) == null || s.hideOverlay(), this.shownByProp = !1);
+    var t, s;
+    this.props.loading ? ((t = this.tableScope) == null || t.showLoadingOverlay(), this.shownByProp = !0) : this.shownByProp && ((s = this.tableScope) == null || s.hideOverlay(), this.shownByProp = !1);
   }
   /** Releases the table (listeners, resize observer, cell renderers). */
   destroyTable() {
-    var o;
-    (o = this.tableScope) == null || o.destroy(), this.tableScope = void 0;
+    var t;
+    (t = this.tableScope) == null || t.destroy(), this.tableScope = void 0;
   }
   render() {
-    return /* @__PURE__ */ u(
+    return /* @__PURE__ */ b(
       "div",
       {
         ref: this.ref,
@@ -139,20 +155,20 @@ class K extends y {
     );
   }
 }
-class k {
+class T {
   constructor(a) {
     this.Component = a;
   }
-  render(a, o, s, i, c, d, p) {
-    const t = {
+  render(a, t, s, i, c, d, p) {
+    const o = {
       cellDiv: a,
-      rowIndex: o,
+      rowIndex: t,
       columnIndex: s,
       areaIdent: i,
       areaModel: c,
       cellValue: d
     };
-    return h(C(this.Component, t), a), () => {
+    return h(m(this.Component, o), a), () => {
       h(null, a);
     };
   }
@@ -176,17 +192,17 @@ class k {
   //   return cleanupFn;
   // }
 }
-class L {
+class K {
   constructor(a) {
     this.Component = a;
   }
-  render(a, o, s) {
-    const i = { row: o, rowIndex: s.rowIndex, tableApi: s.tableApi, context: s };
-    return h(C(this.Component, i), a), () => h(null, a);
+  render(a, t, s) {
+    const i = { row: t, rowIndex: s.rowIndex, tableApi: s.tableApi, context: s };
+    return h(m(this.Component, i), a), () => h(null, a);
   }
 }
 export {
-  k as ComponentRendererWrapper,
-  L as DetailComponentRendererWrapper,
-  K as GuiexpertTable
+  T as ComponentRendererWrapper,
+  K as DetailComponentRendererWrapper,
+  x as GuiexpertTable
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guiexpert/preact-table",
-  "version": "10.1.108",
+  "version": "10.1.110",
   "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.108"
+    "@guiexpert/table": "^1.1.110"
   },
   "peerDependencies": {
     "preact": "^10.0.0"