@guiexpert/demo-table-models 1.1.68 → 1.1.75

package/index.js

@@ -94,6 +94,8 @@ class ee {
   doSort(e) {
     return !1;
   }
+  sort(e) {
+  }
   isEditable(e, r) {
     var t, n;
     const a = (t = this.columnDefs) == null ? void 0 : t[r];
@@ -151,7 +153,13 @@ class fe {
 }
 class De extends ee {
   constructor(e, r, a, t = [], n = "ge-selected-row", m = "ge-focused-row") {
-    super(e, t, a), this.areaIdent = e, this.rows = r, this.defaultRowHeight = a, this.columnDefs = t, this.selectedRowClass = n, this.focusedRowClass = m, this.focusedRowIndex = 0, this.sorterService = new fe(), this.filteredRows = [...r], this.properties = t.map((d) => d.property);
+    super(e, t, a), this.areaIdent = e, this.rows = r, this.defaultRowHeight = a, this.columnDefs = t, this.selectedRowClass = n, this.focusedRowClass = m, this.sorterService = new fe(), this._focusedRowIndex = 0, this.filteredRows = [...r], this.properties = t.map((d) => d.property);
+  }
+  get focusedRowIndex() {
+    return this._focusedRowIndex;
+  }
+  set focusedRowIndex(e) {
+    this._focusedRowIndex = e;
   }
   setRows(e) {
     this.rows = e, this.filteredRows = [...e];
@@ -183,6 +191,28 @@ class De extends ee {
   getAllRows() {
     return this.rows;
   }
+  /**
+   * Returns the first row from the filtered rows that matches the given criteria based on the provided predicate function.
+   *
+   * @param {Partial<T>} criteria - A partial object containing the search criteria
+   * @param {(criteria: Partial<T>, row: T) => boolean} predicate - A function that takes the search criteria and a row,
+   *        and returns true if the row matches the criteria
+   * @returns {T | undefined} The first matching row, or undefined if no match is found
+   */
+  findRowFromFilteredRowsByAllCriteria(e, r) {
+    return this.getFilteredRows().find((a) => r(e, a));
+  }
+  /**
+   * Searches through all rows to find a row that matches the given criteria based on the predicate function.
+   *
+   * @param {Partial<T>} criteria - A partial object containing the search criteria
+   * @param {(criteria: Partial<T>, row: T) => boolean} predicate - A function that takes the search criteria and a row,
+   *        and returns true if the row matches the criteria
+   * @returns {T | undefined} The first matching row from all rows, or undefined if no match is found
+   */
+  findRowFromAllRowsByAllCriteria(e, r) {
+    return this.getAllRows().find((a) => r(e, a));
+  }
   getRowHeight(e) {
     return this.defaultRowHeight;
   }
@@ -199,15 +229,19 @@ class De extends ee {
     }
     return !0;
   }
+  sort(e) {
+    this.filteredRows = this.filteredRows.sort(e);
+  }
   getValueByT(e, r) {
-    return r.includes(".") ? this.getPropertyValue(e, r.split(".")) : e[r];
+    if (e && r)
+      return r.includes(".") ? this.getPropertyValue(e, r.split(".")) : e[r];
   }
   changeColumnOrder(e, r) {
     this.arrayMove(this.properties, e, r), super.changeColumnOrder(e, r);
   }
   getCustomClassesAt(e, r) {
     const a = super.getCustomClassesAt(e, r);
-    return this.getRowByIndex(e).selected && a.push(this.selectedRowClass), this.focusedRowIndex === e && a.push(this.focusedRowClass), a;
+    return this.getRowByIndex(e).selected && a.push(this.selectedRowClass), this._focusedRowIndex === e && a.push(this.focusedRowClass), a;
   }
   genericFlatTableSortComparator(e, r) {
     const a = this.columnDefs.find((t) => t.property === e);
@@ -415,14 +449,14 @@ class re {
   }
   // `⊖ `,  `⊕ `;
 }
-const Me = new q(), Be = new Ue("cell");
+const Me = new q(), Ie = new Ue("cell");
 class z {
   constructor() {
     this.overflowX = "auto", this.overflowY = "auto", this.horizontalBorderVisible = !0, this.verticalBorderVisible = !0, this.footerSeparatorBorderVisible = !0, this.headerSeparatorBorderVisible = !0, this.fixedEastSeparatorBorderVisible = !0, this.fixedWestSeparatorBorderVisible = !0, this.tableTopBorderVisible = !0, this.tableBottomBorderVisible = !0, this.hoverRowVisible = !0, this.hoverColumnVisible = !0, this.columnsResizable = !0, this.columnsDraggable = !0, this.columnResizeHandleWidthInPx = 4, this.defaultRowHeights = {
       header: 34,
       body: 34,
       footer: 34
-    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new ke(), this.headerGroupOptions = new re(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new Re(), this.sortOrder = ["asc", "desc"], this.shortcutActionsDisabled = !1, this.resizeEventDebounceDelay = 500, this.getEditRenderer = (e, r) => new Ae(), this.getSelectionModel = () => Me, this.getFocusModel = () => Be;
+    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new ke(), this.headerGroupOptions = new re(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new Re(), this.sortOrder = ["asc", "desc"], this.shortcutActionsDisabled = !1, this.resizeEventDebounceDelay = 500, this.getEditRenderer = (e, r) => new Ae(), this.getSelectionModel = () => Me, this.getFocusModel = () => Ie;
   }
 }
 const D = class D {
@@ -788,7 +822,7 @@ class l {
     this.value = e, this.unit = r;
   }
 }
-const g = () => !0, B = () => !1;
+const g = () => !0, I = () => !1;
 class y {
   constructor(e, r, a = new l(100, "px"), t = new C(), n = new C(), m = new l(100, "px"), d = new l(100, "px"), i, u, p, c, N, G, v, k, b = () => this.visible) {
     this.property = e, this.headerLabel = r, this.width = a, this.classes = t, this.rendererMap = n, this.minWidth = m, this.maxWidth = d, this.sortable = i, this.sortComparator = u, this.sortState = p, this.sortStatesOrder = c, this.sortIconVisible = N, this.editable = G, this.getEditRenderer = v, this.editInputPipe = k, this.isVisible = b, this.visible = !0, a.unit !== "px" && (this.minWidth = new l(0, "px"), this.maxWidth = new l(1e5, "px"));
@@ -809,7 +843,7 @@ class y {
       e.headerClasses,
       e.bodyClasses,
       e.footerClasses
-    ), t = e.sortIconVisible ?? e.sortable ?? B, n = e.editable ?? e.editable ?? B, m = e.isVisible ?? e.isVisible ?? g;
+    ), t = e.sortIconVisible ?? e.sortable ?? I, n = e.editable ?? e.editable ?? I, m = e.isVisible ?? e.isVisible ?? g;
     return new y(
       e.property ?? "",
       e.headerLabel ?? "",
@@ -830,7 +864,7 @@ class y {
     );
   }
 }
-const Ie = new l(300, "px"), qe = new l(250, "px"), Te = new l(220, "px"), A = new l(200, "px"), Ve = new l(160, "px"), oe = new l(150, "px"), ae = new l(140, "px"), L = new l(120, "px"), T = new l(100, "px"), he = new l(90, "px"), Se = new l(80, "px"), He = new l(70, "px"), x = new l(60, "px"), _e = new l(50, "px");
+const Be = new l(300, "px"), qe = new l(250, "px"), Te = new l(220, "px"), A = new l(200, "px"), _e = new l(160, "px"), oe = new l(150, "px"), ae = new l(140, "px"), L = new l(120, "px"), T = new l(100, "px"), he = new l(90, "px"), Se = new l(80, "px"), Ve = new l(70, "px"), x = new l(60, "px"), He = new l(50, "px");
 class S extends ee {
   constructor(e, r, a, t = []) {
     super(e, t, a), this.areaIdent = e, this.arr = r, this.defaultRowHeight = a, this.columnDefs = t, this.filteredArr = [...r];
@@ -863,6 +897,8 @@ class Z {
   constructor(e = "body") {
     this.areaIdent = e, this.rowSelectionModel = void 0;
   }
+  sort(e) {
+  }
   getRowCount() {
     return 0;
   }
@@ -980,7 +1016,8 @@ class de extends ee {
     return this.filteredFlattenRows[e];
   }
   getValueByT(e, r) {
-    return r.includes(".") ? this.getPropertyValue(e, r.split(".")) : e[r];
+    if (e && r)
+      return r.includes(".") ? this.getPropertyValue(e, r.split(".")) : e[r];
   }
   externalFilterChanged(e) {
     this.lastPredictFn = e, this.doFiltering();
@@ -1413,6 +1450,9 @@ class W {
   doSort(e) {
     return this.getAreaModel("body").doSort(e);
   }
+  sort(e) {
+    return this.getAreaModel("body").sort(e);
+  }
   /**
    * Returns an array of ColumnDefIf objects or undefined.
    *
@@ -1533,7 +1573,7 @@ class W {
     return this.tableScope;
   }
 }
-class I extends De {
+class B extends De {
   constructor(e, r, a, t, n = "ge-selected-row", m = "ge-focused-row") {
     super(
       e,
@@ -1627,7 +1667,7 @@ class f {
             e.columnDefs
           ), (e.columnDefs[0].property === "CheckboxColumn" || (G = e.tableOptions) != null && G.showCheckboxWihoutExtraColumn) && (e.bodyAreaModel.rowSelectionModel = new ye(b));
         } else
-          e.bodyAreaModel = new I(
+          e.bodyAreaModel = new B(
             "body",
             e.rows,
             e.columnDefs,
@@ -1963,7 +2003,7 @@ class f {
   static createByObjectArray(e, r = [], a = [], t = 0, n = 0, m = !1, d = new R(), i, u = []) {
     let p;
     r != null && r.length ? p = new S("header", r, d.header, i) : i != null && i.length ? p = new S("header", [i.map((G) => G.headerLabel)], d.header, i) : p = new Z();
-    const c = a ? new S("footer", a, d.footer, i) : new Z(), N = new I("body", e, i, d.body);
+    const c = a ? new S("footer", a, d.footer, i) : new Z(), N = new B("body", e, i, d.body);
     return new W(
       p,
       N,
@@ -1977,7 +2017,7 @@ class f {
     );
   }
 }
-class V {
+class _ {
   constructor(e, r) {
     this.tableModel = e, this.tableOptions = r;
   }
@@ -2193,6 +2233,8 @@ class te {
   doSort(e) {
     return !1;
   }
+  sort(e) {
+  }
   externalFilterChanged(e) {
   }
   getCellRenderer(e, r) {
@@ -2299,6 +2341,8 @@ class Ce {
   constructor(e = "header", r, a = [], t, n = new re()) {
     this.areaIdent = e, this.groups = r, this.columnDefs = a, this.defaultRowHeight = t, this.headerGroupOptions = n, this.gammaCells = !0, this.arr = [], this.groupExts = [], this.cellGroupExtCellRenderer = new J(this.headerGroupOptions), this.groupExts = h.buildGroupExts(r), this.init();
   }
+  sort(e) {
+  }
   init() {
     var e;
     for (const r of this.groupExts)
@@ -5448,7 +5492,7 @@ const ir = [
     change90d: 12.43943602
   }
 ];
-function _r() {
+function Hr() {
   const s = ir, e = new rr(), r = new ar(), a = new tr(), t = new nr(), n = new mr(120), m = new sr(), d = [
     y.create({
       property: "symbol",
@@ -5478,7 +5522,7 @@ function _r() {
     y.create({
       property: "marketCapUsd",
       headerLabel: "Market Cap",
-      width: Ve,
+      width: _e,
       bodyClasses: ["ge-table-text-align-right"],
       headerClasses: ["ge-table-text-align-right"],
       bodyRenderer: r
@@ -5510,7 +5554,7 @@ function _r() {
       footer: 0
     }
   };
-  return new V(
+  return new _(
     f.createTableModel({
       rows: s,
       columnDefs: d,
@@ -220046,7 +220090,7 @@ ve.forEach((s) => {
   const [e, r] = s.date.split("T");
   P[e] || (P[e] = {}), P[e][r.substring(0, 5)] = s;
 });
-const Q = Object.keys(P), H = [
+const Q = Object.keys(P), V = [
   "06:00",
   "07:00",
   "08:00",
@@ -220090,26 +220134,26 @@ function Fr() {
 }
 class fr extends te {
   getRowCount() {
-    return H.length;
+    return V.length;
   }
   getRowHeight(e) {
     return we;
   }
   getValueAt(e, r) {
-    return r === 0 ? H[e] : "";
+    return r === 0 ? V[e] : "";
   }
   getTooltipAt(e, r) {
     if (r === 0)
       return "";
     r--;
-    const a = Q[r], t = H[e];
+    const a = Q[r], t = V[e];
     return P[a] && P[a][t] ? `${a} ${t} → ${P[a][t].temperature}` : "";
   }
   getCustomStyleAt(e, r) {
     if (r === 0)
       return;
     r--;
-    const a = Q[r], t = H[e];
+    const a = Q[r], t = V[e];
     if (!P[a] || !P[a][t]) return;
     const n = P[a][t].temperature, m = new K(67, 1, 84), d = new K(31, 144, 141), i = new K(250, 230, 37), u = (Ne + be) / 2, p = new er(be, m, u, d, Ne, i);
     return {
@@ -220248,7 +220292,7 @@ function Wr() {
       HOH_C: 53,
       HOH_D: 54
     }
-  ], n = new I("body", t, r, 34);
+  ], n = new B("body", t, r, 34);
   return f.createTableModel({
     headerAreaModel: a,
     bodyAreaModel: n,
@@ -220286,7 +220330,7 @@ function Kr(s = or) {
       peter: 5,
       paul: 4
     }
-  ], m = new I("body", n, a, 34);
+  ], m = new B("body", n, a, 34);
   return f.createTableModel({
     headerAreaModel: t,
     bodyAreaModel: m,
@@ -220486,7 +220530,7 @@ function Sr() {
     y.create({
       property: "email",
       headerLabel: "Email",
-      width: Ie,
+      width: Be,
       bodyClasses: ["ge-table-text-align-left"]
     }),
     new y("ipAddress", "IP", oe),
@@ -220670,7 +220714,7 @@ const Lr = [
     team: { name: "Team TCC", active: !0 },
     data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
   }
-].map((s) => (s.updatedAt = /* @__PURE__ */ new Date(), s)), _ = [
+].map((s) => (s.updatedAt = /* @__PURE__ */ new Date(), s)), H = [
   new y("city", "City", new l(90, "px")),
   new y("location", "Location", new l(100, "px")),
   new y("team.name", "Team", new l(100, "px")),
@@ -220698,7 +220742,7 @@ const Lr = [
     width: new l(175, "px"),
     bodyRenderer: new Xe()
   })
-], Yr = _.length - 1, Pr = {
+], Yr = H.length - 1, Pr = {
   ...new z(),
   hoverRowVisible: !1,
   hoverColumnVisible: !1,
@@ -220716,16 +220760,16 @@ function Jr() {
     headerAreaModel: new Gr(s.header),
     bodyAreaModel: new zr(s.body),
     footerAreaModel: new Zr(s.footer),
-    columnDefs: _,
+    columnDefs: H,
     fixedLeftColumnCount: 2,
     fixedRightColumnCount: 1,
     defaultRowHeights: s,
-    columnCount: _.length
+    columnCount: H.length
   });
 }
-class zr extends I {
+class zr extends B {
   constructor(e) {
-    super("body", Lr, _, e);
+    super("body", Lr, H, e);
   }
   getRowspanAt(e, r) {
     if (r === 0 || r == 1) {
@@ -222815,7 +222859,7 @@ function kr() {
 }
 function Qr() {
   const s = kr(), e = vr(), r = xr();
-  return new V(
+  return new _(
     f.createTableModel({
       rows: e,
       columnDefs: r,
@@ -222832,14 +222876,14 @@ function Rr() {
       width: L,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
-      sortable: B
+      sortable: I
     }),
     y.create({
       headerLabel: "Value",
       width: A,
       bodyClasses: ["ge-table-text-align-left"],
       headerClasses: ["ge-table-text-align-left"],
-      sortable: B
+      sortable: I
     }),
     y.create({
       headerLabel: " ",
@@ -222864,7 +222908,7 @@ function Dr() {
 }
 function ea(s = 1e6) {
   const e = Dr(), r = Rr(), a = new Ar(s);
-  return new V(f.createTableModel({
+  return new _(f.createTableModel({
     bodyAreaModel: a,
     columnDefs: r,
     tableOptions: e,
@@ -224366,7 +224410,7 @@ const Ur = [
 function Mr(s = 75) {
   return Ur.slice(0, s - 1);
 }
-function Br(s) {
+function Ir(s) {
   return [
     y.create({
       property: "company",
@@ -224527,7 +224571,7 @@ function Br(s) {
     })
   ];
 }
-function Ir(s) {
+function Br(s) {
   return {
     ...new z(),
     hoverColumnVisible: !1,
@@ -224540,10 +224584,10 @@ function Ir(s) {
   };
 }
 function ra(s = new q("row", "multi"), e = 75, r = !1) {
-  const a = Ir(s);
+  const a = Br(s);
   e = Math.max(10, Math.min(75, e));
-  const t = Mr(e), n = Br(r);
-  return new V(f.createTableModel({
+  const t = Mr(e), n = Ir(r);
+  return new _(f.createTableModel({
     rows: t,
     columnDefs: n,
     tableOptions: a
@@ -386423,7 +386467,7 @@ const qr = [
     friends: []
   }
 ];
-function Vr(s = !1) {
+function _r(s = !1) {
   const e = new q("range", "multi");
   return s && (e.addSelection(new o(0, 0, 0, 2)), e.addSelection(new o(2, 1, 2, 2)), e.addSelection(new o(1, 5, 6, 7)), e.addSelection(new o(0, 8, 0, 8)), e.addSelection(new o(5, 6, 10, 10))), {
     ...new z(),
@@ -386444,7 +386488,7 @@ function Vr(s = !1) {
     getSelectionModel: () => e
   };
 }
-function Hr() {
+function Vr() {
   return [
     new y("lastName", "Last Name", Te),
     new y("preName", "Pre Name", L),
@@ -386467,7 +386511,7 @@ function Hr() {
     y.create({
       property: "gender",
       headerLabel: " ",
-      width: _e,
+      width: He,
       bodyRenderer: new Pe(),
       editable: g,
       getEditRenderer: () => new ne([
@@ -386476,7 +386520,7 @@ function Hr() {
       ])
     }),
     new y("address.street", "Strasse", oe),
-    new y("address.number", "Nr", He),
+    new y("address.number", "Nr", Ve),
     new y("address.zip", "Zip", x),
     new y("address.city", "City", L),
     new y("address.country", "Country", L),
@@ -386484,10 +386528,10 @@ function Hr() {
   ];
 }
 function aa(s = !1) {
-  const e = Vr(s), r = Hr();
+  const e = _r(s), r = Vr();
   for (const n of r)
     n.sortable = g, n.editable = g;
-  r[0].editable = B;
+  r[0].editable = I;
   const a = M.buildTreeRows(qr, "friends"), t = f.createTableModel({
     rows: a,
     columnDefs: r,
@@ -386495,7 +386539,7 @@ function aa(s = !1) {
     fixedLeftColumnCount: 1,
     fixedRightColumnCount: 1
   });
-  return new V(
+  return new _(
     t,
     e
   );
@@ -386511,7 +386555,7 @@ export {
   nr as Volumn24hRenderer,
   Xr as applyBodyRenderer,
   Sr as createColumnDefs,
-  _r as createCryptoModelAndOptions,
+  Hr as createCryptoModelAndOptions,
   Wr as createHeadergroupModel,
   Or as createHeatMapModel,
   Fr as createHeatMapSeattleModel,
@@ -386523,9 +386567,9 @@ export {
   hr as createTableRows,
   Kr as createTeamHeadergroupModel,
   Jr as createTimeTableModel,
-  Hr as createTreePeopleColumnDefs,
+  Vr as createTreePeopleColumnDefs,
   aa as createTreePeopleModelAndOptions,
-  Vr as createTreePeopleTableOptions,
+  _r as createTreePeopleTableOptions,
   ir as cryptoData,
   Lr as data,
   $r as generateSimpleModel,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guiexpert/demo-table-models",
-  "version": "1.1.68",
+  "version": "1.1.75",
   "type": "module",
   "main": "./index.js",
   "types": "./index.d.ts",
@@ -18,7 +18,7 @@
   },
   "dependencies": {
     "tslib": "^2.3.0",
-    "@guiexpert/table": "^1.1.68"
+    "@guiexpert/table": "^1.1.75"
   },
   "devDependencies": {
     "@types/node": "^20.11.17",