fix: gridjs 3.2.1

afshinm · afshinm · commit 960e87df87f6 · 2021-01-01T10:13:35.000Z
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gridjs-react",
-  "version": "3.0.2",
+  "version": "3.2.1",
   "description": "React component for Grid.js",
   "main": "dist/gridjs.production.min.js",
   "module": "dist/gridjs.production.es.min.js",
@@ -22,7 +22,7 @@
   "license": "MIT",
   "peerDependencies": {
     "react": "^16.13.1",
-    "gridjs": "^3.0.2"
+    "gridjs": "^3.2.1"
   },
   "scripts": {
     "clean": "rimraf coverage dist tmp",
@@ -44,7 +44,7 @@
     "eslint": "~7.13.0",
     "eslint-config-prettier": "^7.1.0",
     "eslint-plugin-jest": "^24.1.3",
-    "gridjs": "^3.0.2",
+    "gridjs": "^3.2.1",
     "jest": "~25.5.4",
     "jsdom": "^16.4.0",
     "jsdom-global": "^3.0.2",
diff --git a/tests/__snapshots__/grid.test.tsx.snap b/tests/__snapshots__/grid.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Grid component should render a table with headers 1`] = `"<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=\\"a\\" class=\\"gridjs-th\\">a</th><th data-column-id=\\"b\\" class=\\"gridjs-th\\">b</th><th data-column-id=\\"c\\" class=\\"gridjs-th\\">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[`Grid component should render a table with pagination and search 1`] = `"<div><div role=\\"complementary\\" class=\\"gridjs gridjs-container\\" style=\\"width: 100%;\\"><div class=\\"gridjs-head\\"><div class=\\"gridjs-search\\"><input type=\\"search\\" placeholder=\\"Type a keyword...\\" aria-label=\\"Type a keyword...\\" class=\\"gridjs-input gridjs-search-input\\"></div></div><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\\">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 class=\\"gridjs-footer\\"><div class=\\"gridjs-pagination\\"><div role=\\"status\\" class=\\"gridjs-summary\\" title=\\"Page 1 of 3\\">Showing <b>1</b> to <b>1</b> of <b>3</b> results</div><div class=\\"gridjs-pages\\"><button tabindex=\\"0\\" disabled=\\"\\">Previous</button><button tabindex=\\"0\\" class=\\"gridjs-currentPage\\" title=\\"Page 1\\">1</button><button tabindex=\\"0\\" class=\\"\\" title=\\"Page 2\\">2</button><button tabindex=\\"0\\" class=\\"\\" title=\\"Page 3\\">3</button><button tabindex=\\"0\\">Next</button></div></div></div></div><div id=\\"gridjs-temp\\" class=\\"gridjs-temp\\"></div></div>"`;
+exports[`Grid component should render a table with pagination and search 1`] = `"<div><div role=\\"complementary\\" class=\\"gridjs gridjs-container\\" style=\\"width: 100%;\\"><div class=\\"gridjs-head\\"><div class=\\"gridjs-search\\"><input type=\\"search\\" placeholder=\\"Type a keyword...\\" aria-label=\\"Type a keyword...\\" class=\\"gridjs-input gridjs-search-input\\"></div></div><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\\">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 class=\\"gridjs-footer\\"><div class=\\"gridjs-pagination\\"><div role=\\"status\\" aria-live=\\"polite\\" class=\\"gridjs-summary\\" title=\\"Page 1 of 3\\">Showing <b>1</b> to <b>1</b> of <b>3</b> results</div><div class=\\"gridjs-pages\\"><button tabindex=\\"0\\" role=\\"button\\" disabled=\\"\\" title=\\"Previous\\" aria-label=\\"Previous\\" class=\\"\\">Previous</button><button tabindex=\\"0\\" role=\\"button\\" class=\\"gridjs-currentPage\\" title=\\"Page 1\\" aria-label=\\"Page 1\\">1</button><button tabindex=\\"0\\" role=\\"button\\" class=\\"\\" title=\\"Page 2\\" aria-label=\\"Page 2\\">2</button><button tabindex=\\"0\\" role=\\"button\\" class=\\"\\" title=\\"Page 3\\" aria-label=\\"Page 3\\">3</button><button tabindex=\\"0\\" role=\\"button\\" title=\\"Next\\" aria-label=\\"Next\\" class=\\"\\">Next</button></div></div></div></div><div id=\\"gridjs-temp\\" class=\\"gridjs-temp\\"></div></div>"`;
 
 exports[`Grid component should render a table with search 1`] = `"<div><div role=\\"complementary\\" class=\\"gridjs gridjs-container\\" style=\\"width: 100%;\\"><div class=\\"gridjs-head\\"><div class=\\"gridjs-search\\"><input type=\\"search\\" placeholder=\\"Type a keyword...\\" aria-label=\\"Type a keyword...\\" class=\\"gridjs-input gridjs-search-input\\"></div></div><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\\">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>"`;
 
