@guiexpert/solid-table 1.1.109 → 1.1.113

package/GuiexpertTableProps.d.ts

@@ -1,4 +1,4 @@
-import { FocusModelIf, GeBatchEditEvent, GeDetailEvent, GeEditEvent, GeUndoEvent, GeModelChangeEvent, GeMouseEvent, GeRowDragEvent, GeScrollEvent, GeStateChangeEvent, SelectionModelIf, TableApi, TableModelIf, TableOptions } from '@guiexpert/table';
+import { FocusModelIf, GeBatchEditEvent, GeDetailEvent, GeEditEvent, GeUndoEvent, GeColumnResizeEvent, GeColumnMoveEvent, GeModelChangeEvent, GeMouseEvent, GeRowDragEvent, GeScrollEvent, GeStateChangeEvent, SelectionModelIf, TableApi, TableModelIf, TableOptions } from '@guiexpert/table';
 
 export type GeMouseEventFn = (evt: GeMouseEvent) => void;
 export type GeCheckboxEventFn = (evt: any[]) => void;
@@ -13,6 +13,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;
@@ -44,6 +46,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;
     tableReady?: GeTableReadyEventFn;
     licenseKey?: string;
     /**

package/index.cjs

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

package/index.js

@@ -1,41 +1,41 @@
-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 {
+import { mergeProps as v, render as p, use as f, template as E } from "solid-js/web";
+import { mergeProps as b, createEffect as u, untrack as h, onCleanup as M } from "solid-js";
+import { TableOptions as C, LicenseManager as w, TableScope as D, SimpleDomService as S } from "@guiexpert/table";
+class z {
   constructor(t) {
     this.code = t;
   }
   render(t, n, o, s, a, r, c) {
-    const e = f({
+    const e = v({
       rowIndex: n,
       columnIndex: o,
       areaIdent: s,
       areaModel: a,
       cellValue: r
     });
-    return m(
+    return p(
       () => this.code(e),
       t
     );
   }
 }
-class I {
+class O {
   constructor(t) {
     this.code = t;
   }
   render(t, n, o) {
     const s = { row: n, rowIndex: o.rowIndex, tableApi: o.tableApi, context: o };
-    return m(() => this.code(s), t);
+    return p(() => this.code(s), t);
   }
 }
-var y = /* @__PURE__ */ w("<div>");
-const L = (l) => {
+var R = /* @__PURE__ */ E("<div>");
+const I = (g) => {
   let t;
-  const n = D({
+  const n = b({
     tableModel: null,
-    tableOptions: new u()
-  }, l), o = (e, d, g) => {
-    g && g(d), t && t.dispatchEvent(new CustomEvent(e, {
+    tableOptions: new C()
+  }, g), o = (e, d, i) => {
+    i && i(d), t && t.dispatchEvent(new CustomEvent(e, {
       detail: d,
       bubbles: e !== "scroll"
     }));
@@ -57,36 +57,40 @@ const L = (l) => {
     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)
+    onUndoStackChanged: (e) => o("undoStackChanged", e, n.undoStackChanged),
+    onColumnResizeStart: (e) => o("columnResizeStart", e, n.columnResizeStart),
+    onColumnResizeEnd: (e) => o("columnResizeEnd", e, n.columnResizeEnd),
+    onColumnMoveStart: (e) => o("columnMoveStart", e, n.columnMoveStart),
+    onColumnMoveEnd: (e) => o("columnMoveEnd", e, n.columnMoveEnd)
   };
   let a, r = !1;
   const c = (e) => {
     e ? (a == null || a.showLoadingOverlay(), r = !0) : r && (a == null || a.hideOverlay(), r = !1);
   };
-  return h(() => {
-    const e = n.tableModel, d = n.tableOptions, g = t;
-    if (!g || !e)
+  return u(() => {
+    const e = n.tableModel, d = n.tableOptions, i = t;
+    if (!i || !e)
       return;
-    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;
+    const m = h(() => {
+      const l = new D(i, e, new S(), d ?? new C(), s);
+      return l.firstInit(), a = l, r = !1, c(!!n.loading), o("tableReady", l.getApi(), n.tableReady), l;
     });
-    v(() => {
-      a === p && (a = void 0), p.destroy();
+    M(() => {
+      a === m && (a = void 0), m.destroy();
     });
-  }), h(() => {
+  }), u(() => {
     const e = !!n.loading;
-    C(() => c(e));
-  }), h(() => {
+    h(() => c(e));
+  }), u(() => {
     const e = n.licenseKey;
-    e && E.getInstance().setLicenseKey(e);
+    e && w.getInstance().setLicenseKey(e);
   }), (() => {
-    var e = y(), d = t;
-    return typeof d == "function" ? b(d, e) : t = e, e;
+    var e = R(), d = t;
+    return typeof d == "function" ? f(d, e) : t = e, e;
   })();
 };
 export {
-  O as ComponentRendererWrapper,
-  I as DetailComponentRendererWrapper,
-  L as GuiexpertTable
+  z as ComponentRendererWrapper,
+  O as DetailComponentRendererWrapper,
+  I as GuiexpertTable
 };

package/package.json

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