@guiexpert/solid-table 1.1.91 → 1.1.93

package/GuiexpertTableProps.d.ts

@@ -1,4 +1,4 @@
-import { FocusModelIf, GeModelChangeEvent, GeMouseEvent, GeScrollEvent, SelectionModelIf, TableApi, TableModelIf, TableOptions } from '@guiexpert/table';
+import { FocusModelIf, GeModelChangeEvent, GeMouseEvent, GeScrollEvent, GeStateChangeEvent, SelectionModelIf, TableApi, TableModelIf, TableOptions } from '@guiexpert/table';
 
 export type GeMouseEventFn = (evt: GeMouseEvent) => void;
 export type GeCheckboxEventFn = (evt: any[]) => void;
@@ -7,6 +7,7 @@ export type GeModelChangeEventFn = (evt: GeModelChangeEvent) => void;
 export type GeSelectionChangeEventFn = (evt: SelectionModelIf) => void;
 export type GeFocusChangeEventFn = (evt: FocusModelIf) => void;
 export type GeScrollEventFn = (evt: GeScrollEvent) => void;
+export type GeStateChangeEventFn = (evt: GeStateChangeEvent) => void;
 export interface GuiexpertTableProps {
     tableModel: TableModelIf;
     tableOptions?: TableOptions;
@@ -20,6 +21,17 @@ export interface GuiexpertTableProps {
     modelChanged?: GeModelChangeEventFn;
     selectionChanged?: GeSelectionChangeEventFn;
     focusChanged?: GeFocusChangeEventFn;
+    /**
+     * The state changed (column layout, sorting, scroll position, tree, checked/selected rows …) – once after the
+     * changes settled. Save `evt.state` (e.g. on your server) and pass it back as `tableOptions.initialState`.
+     * @since 1.1.92
+     */
+    stateChanged?: GeStateChangeEventFn;
     tableReady?: GeTableReadyEventFn;
     licenseKey?: string;
+    /**
+     * `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
+     */
+    loading?: boolean;
 }

package/index.cjs

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

package/index.js

@@ -1,36 +1,36 @@
-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;
+import { mergeProps as C, render as f, use as b, template as v } from "solid-js/web";
+import { mergeProps as M, createEffect as g, untrack as p, onCleanup as y } from "solid-js";
+import { TableOptions as h, LicenseManager as x, TableScope as w, SimpleDomService as D } from "@guiexpert/table";
+class L {
+  constructor(s) {
+    this.code = s;
   }
-  render(t, o, n, l, e, s, r) {
-    const a = u({
+  render(s, o, n, d, t, r, c) {
+    const e = C({
       rowIndex: o,
       columnIndex: n,
-      areaIdent: l,
-      areaModel: e,
-      cellValue: s
+      areaIdent: d,
+      areaModel: t,
+      cellValue: r
     });
-    return m(
-      () => this.code(a),
-      t
+    return f(
+      () => this.code(e),
+      s
     );
   }
 }
-var y = /* @__PURE__ */ C("<div>");
-const w = (i) => {
-  let t;
-  const o = h({
+var k = /* @__PURE__ */ v("<div>");
+const P = (m) => {
+  let s;
+  const o = M({
     tableModel: null,
-    tableOptions: new g()
-  }, i), n = (e, s, r) => {
-    r && r(s), t && t.dispatchEvent(new CustomEvent(e, {
-      detail: s,
+    tableOptions: new h()
+  }, m), n = (e, a, l) => {
+    l && l(a), s && s.dispatchEvent(new CustomEvent(e, {
+      detail: a,
       bubbles: e !== "scroll"
     }));
-  }, l = {
+  }, d = {
     onSelectionChanged: (e) => n("selectionChanged", e, o.selectionChanged),
     onFocusChanged: (e) => n("focusChanged", e, o.focusChanged),
     onScroll: (e) => n("scroll", e, o.scroll),
@@ -40,26 +40,36 @@ const w = (i) => {
     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)
+    onMouseMoved: (e) => n("mouseMoved", e, o.mouseMoved),
+    onStateChanged: (e) => n("stateChanged", e, o.stateChanged)
   };
-  return d(() => {
-    const e = o.tableModel, s = o.tableOptions, r = t;
-    if (!r || !e)
+  let t, r = !1;
+  const c = (e) => {
+    e ? (t == null || t.showLoadingOverlay(), r = !0) : r && (t == null || t.hideOverlay(), r = !1);
+  };
+  return g(() => {
+    const e = o.tableModel, a = o.tableOptions, l = s;
+    if (!l || !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;
+    const u = p(() => {
+      const i = new w(l, e, new D(), a ?? new h(), d);
+      return i.firstInit(), t = i, r = !1, c(!!o.loading), n("tableReady", i.getApi(), o.tableReady), i;
+    });
+    y(() => {
+      t === u && (t = void 0), u.destroy();
     });
-    f(() => a.destroy());
-  }), d(() => {
+  }), g(() => {
+    const e = !!o.loading;
+    p(() => c(e));
+  }), g(() => {
     const e = o.licenseKey;
-    e && M.getInstance().setLicenseKey(e);
+    e && x.getInstance().setLicenseKey(e);
   }), (() => {
-    var e = y(), s = t;
-    return typeof s == "function" ? p(s, e) : t = e, e;
+    var e = k(), a = s;
+    return typeof a == "function" ? b(a, e) : s = e, e;
   })();
 };
 export {
-  E as ComponentRendererWrapper,
-  w as GuiexpertTable
+  L as ComponentRendererWrapper,
+  P as GuiexpertTable
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guiexpert/solid-table",
-  "version": "1.1.91",
+  "version": "1.1.93",
   "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.91"
+    "@guiexpert/table": "^1.1.93"
   },
   "peerDependencies": {
     "solid-js": "^1.0.0"