feat: upgrading gridjs

Author: afshinm

package-lock.json

@@ -38,26 +38,26 @@
     "@rollup/plugin-node-resolve": "^8.4.0",
     "@types/jest": "^26.0.10",
     "@types/jquery": "^3.5.1",
-    "@types/react": "^16.9.46",
+    "@types/react": "^16.9.48",
     "eslint": "~7.6.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-plugin-jest": "^23.18.2",
     "jest": "~25.5.4",
     "jquery": "^3.5.1",
     "prettier": "~2.0.5",
     "rimraf": "~3.0.2",
-    "rollup": "^2.26.5",
+    "rollup": "^2.26.6",
     "rollup-plugin-sizes": "^1.0.3",
     "rollup-plugin-terser": "^6.1.0",
     "rollup-plugin-typescript2": "^0.27.2",
     "source-map-loader": "^0.2.4",
     "ts-jest": "^25.5.1",
-    "ts-loader": "^8.0.1",
+    "ts-loader": "^8.0.3",
     "tslib": "^2.0.1",
     "tsutils": "~3.17.0",
     "typescript": "^3.9.7"
   },
   "dependencies": {
-    "gridjs": "^1.15.2"
+    "gridjs": "^1.16.0"
   }
 }

package.json

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`wrapper should convert the existing table 1`] = `"<div id=\\"wrapper\\"><table id=\\"myTable\\" style=\\"display: none;\\"><thead><tr><th>Name</th><th>Age</th></tr></thead><tbody><tr><td>john</td><td>25</td></tr><tr><td>mark</td><td>55</td></tr><tr><td>oj</td><td>420</td></tr></tbody></table><div><div role=\\"complementary\\" class=\\"gridjs gridjs-container\\" style=\\"width: 100%;\\"><div class=\\"gridjs-wrapper\\" style=\\"width: 100%; height: auto;\\"><table role=\\"grid\\" class=\\"gridjs-table\\" style=\\"width: 100%; height: auto;\\"><thead class=\\"gridjs-thead\\"><tr class=\\"gridjs-tr\\"><th class=\\"gridjs-th\\">Name</th><th class=\\"gridjs-th\\">Age</th></tr></thead><tbody class=\\"gridjs-tbody\\"><tr class=\\"gridjs-tr\\"><td class=\\"gridjs-td\\">john</td><td class=\\"gridjs-td\\">25</td></tr><tr class=\\"gridjs-tr\\"><td class=\\"gridjs-td\\">mark</td><td class=\\"gridjs-td\\">55</td></tr><tr class=\\"gridjs-tr\\"><td class=\\"gridjs-td\\">oj</td><td class=\\"gridjs-td\\">420</td></tr></tbody></table></div></div><div id=\\"gridjs-temp\\" class=\\"gridjs-temp\\"></div></div></div>"`;
+exports[`wrapper should convert the existing table 1`] = `"<div id=\\"wrapper\\"><table id=\\"myTable\\" style=\\"display: none;\\"><thead><tr><th>Name</th><th>Age</th></tr></thead><tbody><tr><td>john</td><td>25</td></tr><tr><td>mark</td><td>55</td></tr><tr><td>oj</td><td>420</td></tr></tbody></table><div><div role=\\"complementary\\" class=\\"gridjs gridjs-container\\" style=\\"width: 100%;\\"><div class=\\"gridjs-wrapper\\" style=\\"width: 100%; height: auto;\\"><table role=\\"grid\\" class=\\"gridjs-table\\" style=\\"width: 100%; height: auto;\\"><thead class=\\"gridjs-thead\\"><tr class=\\"gridjs-tr\\"><th data-column-id=\\"name\\" class=\\"gridjs-th\\">Name</th><th data-column-id=\\"age\\" class=\\"gridjs-th\\">Age</th></tr></thead><tbody class=\\"gridjs-tbody\\"><tr class=\\"gridjs-tr\\"><td data-column-id=\\"name\\" class=\\"gridjs-td\\">john</td><td data-column-id=\\"age\\" class=\\"gridjs-td\\">25</td></tr><tr class=\\"gridjs-tr\\"><td data-column-id=\\"name\\" class=\\"gridjs-td\\">mark</td><td data-column-id=\\"age\\" class=\\"gridjs-td\\">55</td></tr><tr class=\\"gridjs-tr\\"><td data-column-id=\\"name\\" class=\\"gridjs-td\\">oj</td><td data-column-id=\\"age\\" class=\\"gridjs-td\\">420</td></tr></tbody></table></div></div><div id=\\"gridjs-temp\\" class=\\"gridjs-temp\\"></div></div></div>"`;
 
-exports[`wrapper should render a table with custom headers 1`] = `"<div id=\\"wrapper\\"><div role=\\"complementary\\" class=\\"gridjs gridjs-container\\" style=\\"width: 100%;\\"><div class=\\"gridjs-wrapper\\" style=\\"width: 100%; height: auto;\\"><table role=\\"grid\\" class=\\"gridjs-table\\" style=\\"width: 100%; height: auto;\\"><thead class=\\"gridjs-thead\\"><tr class=\\"gridjs-tr\\"><th class=\\"gridjs-th\\">a</th><th class=\\"gridjs-th\\">b</th><th class=\\"gridjs-th\\" style=\\"width: 200px;\\">c</th></tr></thead><tbody class=\\"gridjs-tbody\\"><tr class=\\"gridjs-tr\\"><td class=\\"gridjs-td\\">1</td><td class=\\"gridjs-td\\">2</td><td class=\\"gridjs-td\\">3</td></tr></tbody></table></div></div><div id=\\"gridjs-temp\\" class=\\"gridjs-temp\\"></div></div>"`;
+exports[`wrapper should render a table with custom headers 1`] = `"<div id=\\"wrapper\\"><div role=\\"complementary\\" class=\\"gridjs gridjs-container\\" style=\\"width: 100%;\\"><div class=\\"gridjs-wrapper\\" style=\\"width: 100%; height: auto;\\"><table role=\\"grid\\" class=\\"gridjs-table\\" style=\\"width: 100%; height: auto;\\"><thead class=\\"gridjs-thead\\"><tr class=\\"gridjs-tr\\"><th data-column-id=\\"a\\" class=\\"gridjs-th\\">a</th><th data-column-id=\\"b\\" class=\\"gridjs-th\\">b</th><th data-column-id=\\"c\\" class=\\"gridjs-th\\" style=\\"width: 200px;\\">c</th></tr></thead><tbody class=\\"gridjs-tbody\\"><tr class=\\"gridjs-tr\\"><td data-column-id=\\"a\\" class=\\"gridjs-td\\">1</td><td data-column-id=\\"b\\" class=\\"gridjs-td\\">2</td><td data-column-id=\\"c\\" class=\\"gridjs-td\\">3</td></tr></tbody></table></div></div><div id=\\"gridjs-temp\\" class=\\"gridjs-temp\\"></div></div>"`;
 
 exports[`wrapper should render the table 1`] = `"<div id=\\"wrapper\\"><div role=\\"complementary\\" class=\\"gridjs gridjs-container\\" style=\\"width: 100%;\\"><div class=\\"gridjs-wrapper\\" style=\\"width: 100%; height: auto;\\"><table role=\\"grid\\" class=\\"gridjs-table\\" style=\\"width: 100%; height: auto;\\"><tbody class=\\"gridjs-tbody\\"><tr class=\\"gridjs-tr\\"><td class=\\"gridjs-td\\">1</td><td class=\\"gridjs-td\\">2</td><td class=\\"gridjs-td\\">3</td></tr></tbody></table></div></div><div id=\\"gridjs-temp\\" class=\\"gridjs-temp\\"></div></div>"`;