canvas-datagrid 0.3.19 → 0.3.23

package/lib/main.js

@@ -9,6 +9,7 @@ import events from './events';
 import touch from './touch';
 import intf from './intf';
 import contextMenu from './contextMenu';
+import button from './button';
 import dom from './dom';
 import publicMethods from './publicMethods';
 
@@ -21,6 +22,7 @@ var modules = [
   touch,
   intf,
   contextMenu,
+  button,
   dom,
   publicMethods,
 ];

package/lib/publicMethods.js

@@ -206,6 +206,18 @@ export default function (self) {
       delete self.columnFilters[column];
     } else {
       self.columnFilters[column] = value;
+      if (self.attributes.showFilterInCell) {
+        self.filterable.rows.push(0);
+        self.orders.columns.forEach(function (value, index) {
+          self.filterable.columns.push(index);
+        });
+      }
+    }
+    if (!Object.keys(self.columnFilters).length) {
+      self.filterable = {
+        rows: [],
+        columns: [],
+      };
     }
     self.refresh();
   };
@@ -294,6 +306,31 @@ export default function (self) {
   self.gotoRow = function (y) {
     self.gotoCell(0, y);
   };
+  /**
+   * Add a button into the cell.
+   * @memberof canvasDatagrid
+   * @name addButton
+   * @method
+   * @param {number} columnIndex The column index of the cell to to add a button.
+   * @param {number} rowIndex The row index of the cell to to add a button.
+   * @param {object} offset Offset how far go away from cell.
+   * @param {object} items a list of items to add into button menu.
+   * @param {string} imgSrc icon path to add into button.
+   */
+  self.addButton = function (columnIndex, rowIndex, offset, items, imgSrc) {
+    var cells = self.visibleCells.filter(function (c) {
+      return c.sortColumnIndex === columnIndex && c.sortRowIndex === rowIndex;
+    });
+
+    self.attachButton(
+      {
+        top: cells[0].y + cells[0].height + offset.y,
+        left: cells[0].x + cells[0].width + offset.x,
+      },
+      items,
+      imgSrc,
+    );
+  };
   /**
    * Scrolls the cell at cell x, row y into view if it is not already.
    * @memberof canvasDatagrid
@@ -697,9 +734,23 @@ export default function (self) {
     if (!self.canvas) {
       return;
     }
-    self.sizes.columns[
-      name === 'cornerCell' ? -1 : self.getHeaderByName(name).index
-    ] = Math.max(self.findColumnMaxTextLength(name), self.style.minColumnWidth);
+
+    const columnIndex =
+      name === 'cornerCell' ? -1 : self.getHeaderByName(name).index;
+
+    const newSize = Math.max(
+      self.findColumnMaxTextLength(name),
+      self.style.minColumnWidth,
+    );
+
+    self.sizes.columns[columnIndex] = newSize;
+
+    self.dispatchEvent('resizecolumn', {
+      x: newSize,
+      y: self.resizingStartingHeight,
+      draggingItem: self.currentCell,
+    });
+
     if (!internal) {
       self.resize();
       self.draw(true);
@@ -819,6 +870,26 @@ export default function (self) {
     });
     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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "canvas-datagrid",
-  "version": "0.3.19",
+  "version": "0.3.23",
   "description": "Canvas based data grid web component. Capable of displaying millions of contiguous hierarchical rows and columns without paging or loading, on a single canvas element.",
   "main": "./dist/canvas-datagrid.js",
   "module": "./dist/canvas-datagrid.module.js",