@toolbox-web/grid 1.19.0 → 1.19.1

package/all.js

@@ -5595,7 +5595,8 @@ class Bn extends F {
     return {
       mode: "cell",
       triggerOn: "click",
-      enabled: !0
+      enabled: !0,
+      multiSelect: !0
     };
   }
   selected = /* @__PURE__ */ new Set();
@@ -5661,13 +5662,13 @@ class Bn extends F {
     if (r === "row") {
       if (!this.isRowSelectable(t))
         return !1;
-      const d = n.shiftKey, c = n.ctrlKey || n.metaKey, u = s?.meta?.checkboxColumn === !0;
-      if (d && this.anchor !== null) {
-        const h = Math.min(this.anchor, t), f = Math.max(this.anchor, t);
-        c || this.selected.clear();
-        for (let g = h; g <= f; g++)
-          this.isRowSelectable(g) && this.selected.add(g);
-      } else if (c || u)
+      const d = this.config.multiSelect !== !1, c = n.shiftKey && d, u = (n.ctrlKey || n.metaKey) && d, h = s?.meta?.checkboxColumn === !0;
+      if (c && this.anchor !== null) {
+        const f = Math.min(this.anchor, t), g = Math.max(this.anchor, t);
+        u || this.selected.clear();
+        for (let p = f; p <= g; p++)
+          this.isRowSelectable(p) && this.selected.add(p);
+      } else if (u || h && d)
         this.selected.has(t) ? this.selected.delete(t) : this.selected.add(t), this.anchor = t;
       else {
         if (this.selected.size === 1 && this.selected.has(t))
@@ -5679,7 +5680,7 @@ class Bn extends F {
     if (r === "range") {
       if (l || !this.isCellSelectable(t, i))
         return !1;
-      const d = n.shiftKey, c = n.ctrlKey || n.metaKey;
+      const d = n.shiftKey, c = (n.ctrlKey || n.metaKey) && this.config.multiSelect !== !1;
       if (d && this.cellAnchor) {
         const u = ge(this.cellAnchor, { row: t, col: i }), h = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null;
         if (h && ee(h, u))
@@ -5719,28 +5720,29 @@ class Bn extends F {
         this.isCellSelectable(r, o) ? this.selectedCell = { row: r, col: o } : this.selectedCell = null, this.emit("selection-change", this.#i()), this.requestAfterRender();
       }), !1;
     if (t === "row") {
+      const r = this.config.multiSelect !== !1;
       if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-        const r = e.shiftKey;
-        return r && this.anchor === null && (this.anchor = this.grid._focusRow), queueMicrotask(() => {
-          const o = this.grid._focusRow;
-          if (r && this.anchor !== null) {
+        const o = e.shiftKey && r;
+        return o && this.anchor === null && (this.anchor = this.grid._focusRow), queueMicrotask(() => {
+          const s = this.grid._focusRow;
+          if (o && this.anchor !== null) {
             this.selected.clear();
-            const s = Math.min(this.anchor, o), l = Math.max(this.anchor, o);
-            for (let d = s; d <= l; d++)
-              this.isRowSelectable(d) && this.selected.add(d);
+            const l = Math.min(this.anchor, s), d = Math.max(this.anchor, s);
+            for (let c = l; c <= d; c++)
+              this.isRowSelectable(c) && this.selected.add(c);
           } else
-            this.isRowSelectable(o) ? (this.selected.clear(), this.selected.add(o), this.anchor = o) : this.selected.clear();
-          this.lastSelected = o, this.explicitSelection = !0, this.emit("selection-change", this.#i()), this.requestAfterRender();
+            this.isRowSelectable(s) ? (this.selected.clear(), this.selected.add(s), this.anchor = s) : this.selected.clear();
+          this.lastSelected = s, this.explicitSelection = !0, this.emit("selection-change", this.#i()), this.requestAfterRender();
         }), !1;
       }
-      if (e.key === "a" && (e.ctrlKey || e.metaKey))
+      if (r && e.key === "a" && (e.ctrlKey || e.metaKey))
         return this.grid.query("isEditing").some(Boolean) ? !1 : (e.preventDefault(), e.stopPropagation(), this.selectAll(), !0);
     }
     if (t === "range" && n) {
       const r = e.key === "Tab", o = e.shiftKey && !r;
       return o && !this.cellAnchor && (this.cellAnchor = { row: this.grid._focusRow, col: this.grid._focusCol }), this.pendingKeyboardUpdate = { shiftKey: o }, queueMicrotask(() => this.requestAfterRender()), !1;
     }
-    return t === "range" && e.key === "a" && (e.ctrlKey || e.metaKey) ? this.grid.query("isEditing").some(Boolean) ? !1 : (e.preventDefault(), e.stopPropagation(), this.selectAll(), !0) : !1;
+    return t === "range" && this.config.multiSelect !== !1 && e.key === "a" && (e.ctrlKey || e.metaKey) ? this.grid.query("isEditing").some(Boolean) ? !1 : (e.preventDefault(), e.stopPropagation(), this.selectAll(), !0) : !1;
   }
   onCellMouseDown(e) {
     if (!this.isSelectionEnabled() || this.config.mode !== "range" || e.rowIndex === void 0 || e.colIndex === void 0 || e.rowIndex < 0) return;
@@ -5748,7 +5750,7 @@ class Bn extends F {
     if (t && W(t) || !this.isCellSelectable(e.rowIndex, e.colIndex) || e.originalEvent.shiftKey && this.cellAnchor)
       return;
     this.isDragging = !0;
-    const i = e.rowIndex, n = e.colIndex, r = e.originalEvent.ctrlKey || e.originalEvent.metaKey, o = {
+    const i = e.rowIndex, n = e.colIndex, r = (e.originalEvent.ctrlKey || e.originalEvent.metaKey) && this.config.multiSelect !== !1, o = {
       startRow: i,
       startCol: n,
       endRow: i,
@@ -5795,7 +5797,7 @@ class Bn extends F {
       },
       headerRenderer: () => {
         const e = document.createElement("div");
-        e.className = "tbw-checkbox-header";
+        if (e.className = "tbw-checkbox-header", this.config.multiSelect === !1) return e;
         const t = document.createElement("input");
         return t.type = "checkbox", t.className = "tbw-select-all-checkbox", t.addEventListener("click", (i) => {
           i.stopPropagation(), i.target.checked ? this.selectAll() : this.clearSelection();
@@ -5920,32 +5922,34 @@ class Bn extends F {
     return cn(e, t, this.ranges);
   }
   selectAll() {
-    const { mode: e } = this.config;
-    if (e === "row") {
-      this.selected.clear();
-      for (let t = 0; t < this.rows.length; t++)
-        this.isRowSelectable(t) && this.selected.add(t);
-      this.explicitSelection = !0, this.emit("selection-change", this.#i()), this.requestAfterRender();
-    } else if (e === "range") {
-      const t = this.rows.length, i = this.columns.length;
-      if (t > 0 && i > 0) {
-        const n = {
-          startRow: 0,
-          startCol: 0,
-          endRow: t - 1,
-          endCol: i - 1
-        };
-        this.ranges = [n], this.activeRange = n, this.emit("selection-change", this.#i()), this.requestAfterRender();
+    const { mode: e, multiSelect: t } = this.config;
+    if (t !== !1) {
+      if (e === "row") {
+        this.selected.clear();
+        for (let i = 0; i < this.rows.length; i++)
+          this.isRowSelectable(i) && this.selected.add(i);
+        this.explicitSelection = !0, this.emit("selection-change", this.#i()), this.requestAfterRender();
+      } else if (e === "range") {
+        const i = this.rows.length, n = this.columns.length;
+        if (i > 0 && n > 0) {
+          const r = {
+            startRow: 0,
+            startCol: 0,
+            endRow: i - 1,
+            endCol: n - 1
+          };
+          this.ranges = [r], this.activeRange = r, this.emit("selection-change", this.#i()), this.requestAfterRender();
+        }
       }
     }
   }
   selectRows(e) {
-    if (this.config.mode === "row") {
-      this.selected.clear();
-      for (const t of e)
-        t >= 0 && t < this.rows.length && this.isRowSelectable(t) && this.selected.add(t);
-      this.anchor = e.length > 0 ? e[e.length - 1] : null, this.explicitSelection = !0, this.emit("selection-change", this.#i()), this.requestAfterRender();
-    }
+    if (this.config.mode !== "row") return;
+    const t = this.config.multiSelect === !1 && e.length > 1 ? [e[e.length - 1]] : e;
+    this.selected.clear();
+    for (const i of t)
+      i >= 0 && i < this.rows.length && this.isRowSelectable(i) && this.selected.add(i);
+    this.anchor = t.length > 0 ? t[t.length - 1] : null, this.explicitSelection = !0, this.emit("selection-change", this.#i()), this.requestAfterRender();
   }
   getSelectedRowIndices() {
     return [...this.selected].sort((e, t) => e - t);