canvas-datagrid 0.4.5 → 0.4.7

package/lib/publicMethods.js

@@ -420,259 +420,7 @@ export default function (self) {
       columnIndex: x,
     };
   };
-  /**
-   * Removes the selection.
-   * @memberof canvasDatagrid
-   * @name selectNone
-   * @param {boolean} dontDraw Suppress the draw method after the selection change.
-   * @method
-   */
-  self.selectNone = function (dontDraw) {
-    self.selections = [];
-    self.selectedRows = [];
-    self.selectedColumns = [];
-    self.dispatchEvent('selectionchanged', {
-      selectedData: self.getSelectedData(),
-      selections: self.selections,
-      selectionBounds: self.selectionBounds,
-      selectedCells: self.getSelectedCells(),
-    });
-    if (dontDraw) {
-      return;
-    }
-    self.draw();
-  };
-  /**
-   * Selects every visible cell.
-   * @memberof canvasDatagrid
-   * @name selectAll
-   * @param {boolean} dontDraw Suppress the draw method after the selection change.
-   * @method
-   */
-  self.selectAll = function (dontDraw) {
-    self.selectArea({
-      top: 0,
-      left: -1,
-      right: self.getSchema().length - 1,
-      bottom: self.viewData.length - 1,
-    });
-    if (dontDraw) {
-      return;
-    }
-    self.draw();
-  };
-  /**
-   * Returns true if the selected columnIndex is selected on every row.
-   * @memberof canvasDatagrid
-   * @name isColumnSelected
-   * @method
-   * @param {number} columnIndex The column index to check.
-   */
-  self.isColumnSelected = function (columnIndex) {
-    var colIsSelected = true;
-    self.viewData.forEach(function (row, rowIndex) {
-      if (
-        !self.selections[rowIndex] ||
-        self.selections[rowIndex].indexOf(columnIndex) === -1
-      ) {
-        colIsSelected = false;
-      }
-    });
-    return colIsSelected;
-  };
-  /**
-   * Returns true if the selected rowIndex is selected on every column.
-   * @memberof canvasDatagrid
-   * @name isRowSelected
-   * @method
-   * @param {number} rowIndex The row index to check.
-   */
-
-  self.isRowSelected = function (rowIndex) {
-    if (!self.selections[rowIndex]) return false;
-    var rowIsSelected = true;
-    var schema = self.getVisibleSchema();
-    schema.forEach(function (col, index) {
-      if (
-        !self.selections[rowIndex] ||
-        self.selections[rowIndex].indexOf(index) === -1
-      ) {
-        rowIsSelected = false;
-      }
-    });
-    return rowIsSelected;
-  };
 
-  /**
-   * Runs the defined method on each selected cell.
-   * @memberof canvasDatagrid
-   * @name forEachSelectedCell
-   * @method
-   * @param {number} fn The function to execute.  The signature of the function is: (data, rowIndex, columnName).
-   * @param {number} expandToRow When true the data in the array is expanded to the entire row.
-   */
-  self.forEachSelectedCell = function (fn, expandToRow) {
-    var d = [],
-      s = expandToRow ? self.getSchema() : self.getVisibleSchema(),
-      l = self.viewData.length;
-    self.selections.forEach(function (row, index) {
-      if (index === l) {
-        return;
-      }
-      if (row.length === 0) {
-        d[index] = null;
-        return;
-      }
-      d[index] = {};
-      row.forEach(function (col) {
-        if (col === -1 || !s[col]) {
-          return;
-        }
-        fn(self.viewData, index, s[col].name);
-      });
-    });
-  };
-  /**
-   * Selects a column.
-   * @memberof canvasDatagrid
-   * @name selectColumn
-   * @method
-   * @param {number} columnIndex The column index to select.
-   * @param {boolean} toggleSelectMode When true, behaves as if you were holding control/command when you clicked the column.
-   * @param {boolean} shift When true, behaves as if you were holding shift when you clicked the column.
-   * @param {boolean} supressSelectionchangedEvent When true, prevents the selectionchanged event from firing.
-   */
-  self.selectColumn = function (columnIndex, ctrl, shift, supressEvent) {
-    var s, e, x;
-    self.isMultiRowsSelected = false;
-    self.isMultiColumnsSelected = false;
-    function addCol(i) {
-      self.viewData.forEach(function (row, rowIndex) {
-        self.selections[rowIndex] = self.selections[rowIndex] || [];
-        if (self.selections[rowIndex].indexOf(i) === -1) {
-          self.selections[rowIndex].push(i);
-        }
-      });
-    }
-    function removeCol(i) {
-      self.viewData.forEach(function (row, rowIndex) {
-        self.selections[rowIndex] = self.selections[rowIndex] || [];
-        if (self.selections[rowIndex].indexOf(i) !== -1) {
-          self.selections[rowIndex].splice(
-            self.selections[rowIndex].indexOf(i),
-            1,
-          );
-        }
-      });
-    }
-    if (shift) {
-      if (!self.activeCell) {
-        return;
-      }
-      s = Math.min(self.activeCell.columnIndex, columnIndex);
-      e = Math.max(self.activeCell.columnIndex, columnIndex);
-      for (x = s; e > x; x += 1) {
-        addCol(x);
-        if (self.selectedColumns.indexOf(x) === -1)
-          self.selectedColumns.push(x);
-      }
-      if (s != e) self.isMultiColumnsSelected = true;
-    }
-    if (!ctrl && !shift) {
-      self.selections = [];
-      self.selectedColumns = [];
-      self.activeCell.columnIndex = columnIndex;
-      self.activeCell.rowIndex = self.scrollIndexTop;
-    }
-    if (ctrl && self.isColumnSelected(columnIndex)) {
-      removeCol(columnIndex);
-      self.selectedColumns.splice(columnIndex, 1);
-    } else {
-      addCol(columnIndex);
-      self.selectedColumns.push(columnIndex);
-    }
-    if (supressEvent) {
-      return;
-    }
-    self.dispatchEvent('selectionchanged', {
-      selectedData: self.getSelectedData(),
-      selections: self.selections,
-      selectionBounds: self.getSelectionBounds(),
-      selectedCells: self.getSelectedCells(),
-    });
-  };
-  /**
-   * Selects a row.
-   * @memberof canvasDatagrid
-   * @name selectRow
-   * @method
-   * @param {number} rowIndex The row index to select.
-   * @param {boolean} ctrl When true, behaves as if you were holding control/command when you clicked the row.
-   * @param {boolean} shift When true, behaves as if you were holding shift when you clicked the row.
-   * @param {boolean} supressSelectionchangedEvent When true, prevents the selectionchanged event from firing.
-   */
-  self.selectRow = function (rowIndex, ctrl, shift, supressEvent) {
-    var x,
-      st,
-      en,
-      s = self.getVisibleSchema();
-    self.isMultiRowsSelected = false;
-    function de() {
-      if (supressEvent) {
-        return;
-      }
-      self.dispatchEvent('selectionchanged', {
-        selectedData: self.getSelectedData(),
-        selections: self.selections,
-        selectionBounds: self.selectionBounds,
-        selectedCells: self.getSelectedCells(),
-      });
-    }
-    function addRow(ri) {
-      self.selections[ri] = [];
-      self.selections[ri].push(-1);
-      s.forEach(function (col, index) {
-        self.selections[ri].push(self.orders.columns.indexOf(col.index));
-        if (
-          col.index !== -1 &&
-          self.selectedColumns.indexOf(
-            self.orders.columns.indexOf(col.index),
-          ) === -1
-        )
-          self.selectedColumns.push(self.orders.columns.indexOf(col.index));
-      });
-    }
-    if (self.dragAddToSelection === false || self.dragObject === undefined) {
-      if (
-        self.selections[rowIndex] &&
-        self.selections[rowIndex].length - 1 === s.length
-      ) {
-        if (ctrl) {
-          self.selections[rowIndex] = [];
-          de();
-          return;
-        }
-      }
-    }
-    if (self.dragAddToSelection === true || self.dragObject === undefined) {
-      if (shift && self.dragObject === undefined) {
-        if (!self.activeCell) {
-          return;
-        }
-        st = Math.min(self.activeCell.rowIndex, rowIndex);
-        en = Math.max(self.activeCell.rowIndex, rowIndex);
-        for (x = st; en >= x; x += 1) {
-          addRow(x);
-          self.selectedRows.push(x);
-        }
-      } else {
-        addRow(rowIndex);
-        self.selectedRows = [];
-        self.selectedRows.push(rowIndex);
-      }
-    }
-    de();
-  };
   /**
    * Collapse a tree grid by row index.
    * @memberof canvasDatagrid
@@ -953,6 +701,10 @@ export default function (self) {
     sortFunction,
     dontSetStorageData,
   ) {
+    if (!self.attributes.allowSorting) {
+      self.refresh();
+      return;
+    }
     var f,
       c = self.getSchema().filter(function (col) {
         return col.name === columnName;
@@ -1242,49 +994,7 @@ export default function (self) {
     }
     return true;
   };
-  /**
-   * Moves the current selection relative to the its current position.  Note: this method does not move the selected data, just the selection itself.
-   * @memberof canvasDatagrid
-   * @name moveSelection
-   * @method
-   * @param {number} offsetX The number of columns to offset the selection.
-   * @param {number} offsetY The number of rows to offset the selection.
-   */
-  self.moveSelection = function (offsetX, offsetY) {
-    var sel = [];
-    self.selectedRows = [];
-    self.selectedColumns = [];
-    self.selections.forEach(function (row, rowIndex) {
-      sel[rowIndex + offsetY] = [];
-      self.selectedRows.push(rowIndex + offsetY);
-      row.forEach(function (colIndex) {
-        sel[rowIndex + offsetY].push(colIndex + offsetX);
-        if (self.selectedColumns.indexOf(colIndex + offsetX) === -1)
-          self.selectedColumns.push(colIndex + offsetX);
-      });
-    });
-    self.selections = sel;
-  };
-  /**
-   * Deletes currently selected data.
-   * @memberof canvasDatagrid
-   * @name deleteSelectedData
-   * @method
-   * @param {boolean} dontDraw Suppress the draw method after the selection change.
-   */
-  self.deleteSelectedData = function (dontDraw) {
-    const affectedCells = self.clearSelectedCells();
 
-    self.dispatchEvent('afterdelete', {
-      cells: affectedCells,
-    });
-
-    if (dontDraw) {
-      return;
-    }
-
-    requestAnimationFrame(() => self.draw());
-  };
   /**
    * Moves data in the provided selection to another position in the grid.  Moving data off the edge of the schema (columns/x) will truncate data.
    * @memberof canvasDatagrid
@@ -1295,6 +1005,11 @@ export default function (self) {
    * @param {number} y The row index to start inserting the selection at.
    */
   self.moveTo = function (sel, x, y) {
+    // TODO: optimize this function,
+    // we just transform the `sel` to obselete selection matrix
+    sel = self.getObsoleteSelectionMatrix(sel);
+
+    // TODO: this function is not migrated done
     var selectedData = self.getSelectedData(),
       visibleSchema = self.getVisibleSchema(),
       selectionLength = sel.length,
@@ -1773,32 +1488,6 @@ export default function (self) {
       isBackground: true,
     };
   };
-  /**
-   * Gets the bounds of current selection.
-   * @returns {rect} selection.
-   * @memberof canvasDatagrid
-   * @name getSelectionBounds
-   * @method
-   */
-  self.getSelectionBounds = function () {
-    var low = { x: Infinity, y: Infinity },
-      high = { x: -Infinity, y: -Infinity };
-    self.selections.forEach(function (row, rowIndex) {
-      var maxCol, minCol;
-      low.y = rowIndex < low.y ? rowIndex : low.y;
-      high.y = rowIndex > high.y ? rowIndex : high.y;
-      maxCol = Math.max.apply(null, row);
-      minCol = Math.min.apply(null, row);
-      low.x = minCol < low.x ? minCol : low.x;
-      high.x = maxCol > high.x ? maxCol : high.x;
-    });
-    return {
-      top: low.y,
-      left: low.x,
-      bottom: high.y,
-      right: high.x,
-    };
-  };
   /**
    * Returns an auto generated schema based on data structure.
    * @memberof canvasDatagrid
@@ -1845,64 +1534,6 @@ export default function (self) {
   self.clearChangeLog = function () {
     self.changes = [];
   };
-  /**
-   * Selects an area of the grid.
-   * @memberof canvasDatagrid
-   * @name selectArea
-   * @method
-   * @param {rect} bounds A rect object representing the selected values.
-   */
-  self.selectArea = function (bounds, ctrl) {
-    self.selectionBounds = bounds || self.selectionBounds;
-    var ev,
-      x,
-      y,
-      s = self.getSchema();
-    if (!ctrl) {
-      self.selections = [];
-      self.selectedRows = [];
-      self.selectedColumns = [];
-    }
-    if (
-      self.selectionBounds.top < -1 ||
-      self.selectionBounds.bottom > self.viewData.length ||
-      self.selectionBounds.left < -1 ||
-      self.selectionBounds.right > s.length
-    ) {
-      throw new Error('Impossible selection area');
-    }
-    for (
-      x = self.selectionBounds.top;
-      x <= self.selectionBounds.bottom;
-      x += 1
-    ) {
-      self.selections[x] = [];
-      self.selectedRows.push(x);
-      for (
-        y = self.selectionBounds.left;
-        y <= self.selectionBounds.right;
-        y += 1
-      ) {
-        if (self.selections[x].indexOf(y) === -1) {
-          self.selections[x].push(y);
-        }
-        if (y !== -1 && self.selectedColumns.indexOf(y) === -1) {
-          self.selectedColumns.push(y);
-        }
-      }
-    }
-    ev = {
-      selections: self.selections,
-      selectionBounds: self.selectionBounds,
-      selectedCells: self.getSelectedCells(),
-    };
-    Object.defineProperty(ev, 'selectedData', {
-      get: function () {
-        return self.getSelectedData();
-      },
-    });
-    self.dispatchEvent('selectionchanged', ev);
-  };
   /**
    * Returns the maximum text width for a given column by column name.
    * @memberof canvasDatagrid