@guiexpert/solid-table 1.1.94 → 1.1.96

package/GuiexpertTableProps.d.ts

@@ -1,4 +1,4 @@
-import { FocusModelIf, GeModelChangeEvent, GeMouseEvent, GeScrollEvent, GeStateChangeEvent, SelectionModelIf, TableApi, TableModelIf, TableOptions } from '@guiexpert/table';
+import { FocusModelIf, GeBatchEditEvent, GeModelChangeEvent, GeMouseEvent, GeRowDragEvent, GeScrollEvent, GeStateChangeEvent, SelectionModelIf, TableApi, TableModelIf, TableOptions } from '@guiexpert/table';
 
 export type GeMouseEventFn = (evt: GeMouseEvent) => void;
 export type GeCheckboxEventFn = (evt: any[]) => void;
@@ -8,6 +8,8 @@ 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 type GeRowDragEventFn = (evt: GeRowDragEvent) => void;
+export type GeBatchEditEventFn = (evt: GeBatchEditEvent) => void;
 export interface GuiexpertTableProps {
     tableModel: TableModelIf;
     tableOptions?: TableOptions;
@@ -27,6 +29,12 @@ export interface GuiexpertTableProps {
      * @since 1.1.92
      */
     stateChanged?: GeStateChangeEventFn;
+    /** Row drag (since 1.1.95, handles via `ColumnDef.rowDrag`): started / target changed / ended ("end" or "cancel"). */
+    rowDragStart?: GeRowDragEventFn;
+    rowDragMove?: GeRowDragEventFn;
+    rowDragEnd?: GeRowDragEventFn;
+    /** Batch edit: values marked, set back, written or discarded (since 1.1.96). */
+    batchEditChanged?: GeBatchEditEventFn;
     tableReady?: GeTableReadyEventFn;
     licenseKey?: string;
     /**

package/index.cjs

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

package/index.js

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

package/package.json

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