canvas-datagrid 0.4.6 → 0.4.7

package/dist/types.d.ts

@@ -1306,9 +1306,12 @@ declare namespace canvasDatagrid {
      * @property [gridBorderWidth = 1] - Style of gridBorderWidth.
      * @property [groupIndicatorColor = rgba(155, 155, 155, 1)'] - Foreground color of the group indicator(icon).
      * @property [groupIndicatorBackgroundColor = rgba(255, 255, 255, 1)'] - Background color of the group indicator(icon).
-     * @property [columnHeaderCellCapBackgroundColor = rgba(240, 240, 240, 1)] - Style of columnHeaderCellBackgroundColor.
-     * @property [columnHeaderCellCapBorderColor = rgba(172, 172, 172, 1)] - Style of columnHeaderCellBackgroundColor.
-     * @property [columnHeaderCellCapBorderWidth = 1] - Style of columnHeaderCellBackgroundColor.
+     * @property [columnHeaderCellBackgroundColor = rgba(240, 240, 240, 1)] - Style of columnHeaderCellBackgroundColor.
+     * @property [columnHeaderCellBorderColor = rgba(172, 172, 172, 1)] - Style of columnHeaderCellBackgroundColor.
+     * @property [columnHeaderCellBorderWidth = 1] - Style of columnHeaderCellBackgroundColor.
+     * @property [columnHeaderCellCapBackgroundColor = rgba(240, 240, 240, 1)] - Style of columnHeaderCellCapBackgroundColor.
+     * @property [columnHeaderCellCapBorderColor = rgba(172, 172, 172, 1)] - Style of columnHeaderCellCapBackgroundColor.
+     * @property [columnHeaderCellCapBorderWidth = 1] - Style of columnHeaderCellCapBackgroundColor.
      * @property [columnHeaderCellBorderColor = rgba(152, 152, 152, 1)] - Style of columnHeaderCellBorderColor.
      * @property [columnHeaderCellBorderWidth = 0.25] - Style of columnHeaderCellBorderWidth.
      * @property [columnHeaderCellColor = rgba(50, 50, 50, 1)] - Style of columnHeaderCellColor.
@@ -1332,6 +1335,7 @@ declare namespace canvasDatagrid {
      * @property [columnHeaderOrderByArrowWidth = 13] - Style of columnHeaderOrderByArrowWidth.
      * @property [rowHeaderCellWidth = 57] - Style of rowHeaderCellWidth.
      * @property [minColumnWidth = 45] - Style of minColumnWidth.
+     * @property [height = auto] - Style of height.
      * @property [minHeight = 24] - Style of minHeight.
      * @property [minRowHeight = 24] - Style of minRowHeight.
      * @property [name = default] - Style of name.
@@ -1401,6 +1405,7 @@ declare namespace canvasDatagrid {
      * @property [frozenMarkerWidth = 1] - Style of frozenMarkerWidth.
      * @property [overflowY = auto] - When set to hidden, vertical scroll bar will be hidden.  When set to auto vertical scroll bar will appear when data overflows the height.  When set to scroll the vertical scrollbar will always be visible.
      * @property [overflowX = auto] - When set to hidden, horizontal scroll bar will be hidden.  When set to auto horizontal scroll bar will appear when data overflows the width.  When set to scroll the horizontal scrollbar will always be visible.
+     * @property [width = auto] - Style of width.
      *
      *  ['', 'normal'],
      */
@@ -1852,13 +1857,25 @@ declare namespace canvasDatagrid {
         /**
          * Style of columnHeaderCellBackgroundColor.
         */
+        columnHeaderCellBackgroundColor?: string;
+        /**
+         * Style of columnHeaderCellBorderColor.
+        */
+        columnHeaderCellBorderColor?: string;
+        /**
+         * Style of columnHeaderCellBorderWidth.
+        */
+        columnHeaderCellBorderWidth?: number;
+        /**
+         * Style of columnHeaderCellCapBackgroundColor.
+        */
         columnHeaderCellCapBackgroundColor?: string;
         /**
-         * Style of columnHeaderCellBackgroundColor.
+         * Style of columnHeaderCellCapBackgroundColor.
         */
         columnHeaderCellCapBorderColor?: string;
         /**
-         * Style of columnHeaderCellBackgroundColor.
+         * Style of columnHeaderCellCapBackgroundColor.
         */
         columnHeaderCellCapBorderWidth?: number;
         /**
@@ -1953,6 +1970,10 @@ declare namespace canvasDatagrid {
          * Style of minColumnWidth.
         */
         minColumnWidth?: number;
+        /**
+         * Style of height.
+        */
+        height?: number | string;
         /**
          * Style of minHeight.
         */
@@ -2227,10 +2248,14 @@ declare namespace canvasDatagrid {
         overflowY?: string;
         /**
          * When set to hidden, horizontal scroll bar will be hidden.  When set to auto horizontal scroll bar will appear when data overflows the width.  When set to scroll the horizontal scrollbar will always be visible.
+        */
+        overflowX?: string;
+        /**
+         * Style of width.
         
          ['', 'normal'],
         */
-        overflowX?: string;
+        width?: number | string;
     }
     /**
      * An item in the context menu.

package/lib/docs.js

@@ -401,9 +401,12 @@
  * @property {number} [gridBorderWidth=1] - Style of gridBorderWidth.
  * @property {string} [groupIndicatorColor=rgba(155, 155, 155, 1)'] - Foreground color of the group indicator(icon).
  * @property {string} [groupIndicatorBackgroundColor=rgba(255, 255, 255, 1)'] - Background color of the group indicator(icon).
- * @property {string} [columnHeaderCellCapBackgroundColor=rgba(240, 240, 240, 1)] - Style of columnHeaderCellBackgroundColor.
- * @property {string} [columnHeaderCellCapBorderColor=rgba(172, 172, 172, 1)] - Style of columnHeaderCellBackgroundColor.
- * @property {number} [columnHeaderCellCapBorderWidth=1] - Style of columnHeaderCellBackgroundColor.
+ * @property {string} [columnHeaderCellBackgroundColor=rgba(240, 240, 240, 1)] - Style of columnHeaderCellBackgroundColor.
+ * @property {string} [columnHeaderCellBorderColor=rgba(172, 172, 172, 1)] - Style of columnHeaderCellBackgroundColor.
+ * @property {number} [columnHeaderCellBorderWidth=1] - Style of columnHeaderCellBackgroundColor.
+ * @property {string} [columnHeaderCellCapBackgroundColor=rgba(240, 240, 240, 1)] - Style of columnHeaderCellCapBackgroundColor.
+ * @property {string} [columnHeaderCellCapBorderColor=rgba(172, 172, 172, 1)] - Style of columnHeaderCellCapBackgroundColor.
+ * @property {number} [columnHeaderCellCapBorderWidth=1] - Style of columnHeaderCellCapBackgroundColor.
  * @property {string} [columnHeaderCellBorderColor=rgba(152, 152, 152, 1)] - Style of columnHeaderCellBorderColor.
  * @property {number} [columnHeaderCellBorderWidth=0.25] - Style of columnHeaderCellBorderWidth.
  * @property {string} [columnHeaderCellColor=rgba(50, 50, 50, 1)] - Style of columnHeaderCellColor.
@@ -427,6 +430,7 @@
  * @property {number} [columnHeaderOrderByArrowWidth=13] - Style of columnHeaderOrderByArrowWidth.
  * @property {number} [rowHeaderCellWidth=57] - Style of rowHeaderCellWidth.
  * @property {number} [minColumnWidth=45] - Style of minColumnWidth.
+ * @property {(number|string)} [height=auto] - Style of height.
  * @property {number} [minHeight=24] - Style of minHeight.
  * @property {number} [minRowHeight=24] - Style of minRowHeight.
  * @property {string} [name=default] - Style of name.
@@ -496,6 +500,7 @@
  * @property {number} [frozenMarkerWidth=1] - Style of frozenMarkerWidth.
  * @property {string} [overflowY=auto] - When set to hidden, vertical scroll bar will be hidden.  When set to auto vertical scroll bar will appear when data overflows the height.  When set to scroll the vertical scrollbar will always be visible.
  * @property {string} [overflowX=auto] - When set to hidden, horizontal scroll bar will be hidden.  When set to auto horizontal scroll bar will appear when data overflows the width.  When set to scroll the horizontal scrollbar will always be visible.
+ * @property {(number|string)} [width=auto] - Style of width.
 
  ['', 'normal'],
  */

package/lib/events/index.js

@@ -2073,7 +2073,7 @@ export default function (self) {
           ? cellsLength - colPosReal - 1
           : colPosReal;
         const columnIndex = startColumnIndex + colPosition;
-        var column = schema[columnIndex];
+        var column = schema[self.orders.columns[columnIndex]];
 
         if (!column) {
           console.warn('Paste data exceeded grid bounds. Skipping.');

package/lib/selections/index.js

@@ -492,7 +492,7 @@ export default function (self) {
     iterateSelectedCells(
       (cell) => {
         affectedCells.push(cell);
-        self.viewData[cell.boundRowIndex][cell.columnName] = '';
+        self.viewData[cell.viewRowIndex][cell.columnName] = '';
       },
       bounds,
       false,
@@ -546,9 +546,10 @@ export default function (self) {
    */
   self.copySelectedCellsToClipboard = (clipboardData) => {
     const isNeat = areSelectionsNeat(self.selections);
-    const data = self.getSelectedData();
+    const selectedData = self.getSelectedData();
+    const data = selectedData.filter((row) => row != null);
+
     if (data.length > 0) {
-      // TODO: improve these two creating string method
       const textString = createTextString(data, isNeat);
       const htmlString = createHTMLString(data, isNeat);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "canvas-datagrid",
-  "version": "0.4.6",
+  "version": "0.4.7",
   "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",
@@ -77,7 +77,7 @@
     "eslint": "^7.14.0",
     "eslint-config-prettier": "^6.15.0",
     "eslint-plugin-prettier": "^3.1.4",
-    "husky": "^4.3.0",
+    "husky": "^8.0.3",
     "istanbul": "^0.4.5",
     "jsdoc": "^3.6.6",
     "karma": "^6.3.14",
@@ -86,7 +86,7 @@
     "karma-coverage": "^2.0.2",
     "karma-coverage-istanbul-reporter": "^3.0.2",
     "karma-mocha": "^2.0.1",
-    "lint-staged": "^10.5.2",
+    "lint-staged": "^13.2.1",
     "marked": "^1.2.5",
     "mocha": "^8.2.1",
     "prettier": "^2.2.0",