Skip to content

Commit

Permalink
Merge pull request #90 from grid-js/1.16.0
Browse files Browse the repository at this point in the history 
feat: upgrading gridjs
  • Loading branch information
@afshinm
afshinm authored Aug 28, 2020
2 parents e6769a5 + 4ad4701 commit aae4c8c
Show file tree
Hide file tree
Showing 3 changed files with 32 additions and 46 deletions.
46 changes: 16 additions & 30 deletions package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

20 changes: 10 additions & 10 deletions package.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "gridjs-react",
"version": "1.15.1",
"version": "1.16.0",
"description": "React component for Grid.js",
"main": "dist/gridjs.production.min.js",
"module": "dist/gridjs.production.es.min.js",
Expand Down Expand Up @@ -35,29 +35,29 @@
"devDependencies": {
"@rollup/plugin-node-resolve": "^9.0.0",
"@types/enzyme": "^3.10.5",
"@types/jest": "^26.0.7",
"@types/react": "^16.9.43",
"@types/jest": "^26.0.10",
"@types/react": "^16.9.48",
"enzyme": "^3.11.0",
"enzyme-adapter-react-16": "^1.15.2",
"enzyme-adapter-react-16": "^1.15.3",
"eslint": "~7.6.0",
"eslint-config-prettier": "^6.11.0",
"eslint-plugin-jest": "^23.18.2",
"gridjs": "^1.14.0",
"gridjs": "^1.16.0",
"jest": "~25.5.4",
"jsdom": "^16.3.0",
"jsdom": "^16.4.0",
"jsdom-global": "^3.0.2",
"prettier": "~2.0.5",
"react": "^16.13.1",
"react-dom": "^16.13.1",
"rimraf": "~3.0.2",
"rollup": "^2.23.0",
"rollup": "^2.26.6",
"rollup-plugin-sizes": "^1.0.3",
"rollup-plugin-terser": "^7.0.0",
"rollup-plugin-typescript2": "^0.27.1",
"rollup-plugin-typescript2": "^0.27.2",
"source-map-loader": "^0.2.4",
"ts-jest": "^25.5.1",
"ts-loader": "^8.0.1",
"tslib": "^2.0.0",
"ts-loader": "^8.0.3",
"tslib": "^2.0.1",
"tsutils": "~3.17.0",
"typescript": "^3.9.7"
},
Expand Down
12 changes: 6 additions & 6 deletions tests/__snapshots__/grid.test.tsx.snap
View file
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

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 class=\\"gridjs-th\\">a</th><th class=\\"gridjs-th\\">b</th><th class=\\"gridjs-th\\">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[`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 class=\\"gridjs-th\\">a</th><th class=\\"gridjs-th\\">b</th><th class=\\"gridjs-th\\">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 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\\" 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 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 class=\\"gridjs-th\\">a</th><th class=\\"gridjs-th\\">b</th><th class=\\"gridjs-th\\">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[`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>"`;
exports[`Grid component should render a table with the ReactWrapper class 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 class=\\"gridjs-th\\">a</th><th class=\\"gridjs-th\\">b</th><th class=\\"gridjs-th\\">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><tr class=\\"gridjs-tr\\"><td class=\\"gridjs-td\\">4</td><td class=\\"gridjs-td\\">5</td><td class=\\"gridjs-td\\">6</td></tr><tr class=\\"gridjs-tr\\"><td class=\\"gridjs-td\\"><div><b>7</b></div></td><td class=\\"gridjs-td\\"><div><b>8</b></div></td><td class=\\"gridjs-td\\"><span><b>8</b></span></td></tr></tbody></table></div></div><div id=\\"gridjs-temp\\" class=\\"gridjs-temp\\"></div></div>"`;
exports[`Grid component should render a table with the ReactWrapper class 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><tr class=\\"gridjs-tr\\"><td data-column-id=\\"a\\" class=\\"gridjs-td\\">4</td><td data-column-id=\\"b\\" class=\\"gridjs-td\\">5</td><td data-column-id=\\"c\\" class=\\"gridjs-td\\">6</td></tr><tr class=\\"gridjs-tr\\"><td data-column-id=\\"a\\" class=\\"gridjs-td\\"><div><b>7</b></div></td><td data-column-id=\\"b\\" class=\\"gridjs-td\\"><div><b>8</b></div></td><td data-column-id=\\"c\\" class=\\"gridjs-td\\"><span><b>8</b></span></td></tr></tbody></table></div></div><div id=\\"gridjs-temp\\" class=\\"gridjs-temp\\"></div></div>"`;
exports[`Grid component should render a table with the wrapper function 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 class=\\"gridjs-th\\">a</th><th class=\\"gridjs-th\\">b</th><th class=\\"gridjs-th\\">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><tr class=\\"gridjs-tr\\"><td class=\\"gridjs-td\\">4</td><td class=\\"gridjs-td\\">5</td><td class=\\"gridjs-td\\">6</td></tr><tr class=\\"gridjs-tr\\"><td class=\\"gridjs-td\\"><div><b>7</b></div></td><td class=\\"gridjs-td\\"><div><b>8</b></div></td><td class=\\"gridjs-td\\"><span><span>9</span></span></td></tr></tbody></table></div></div><div id=\\"gridjs-temp\\" class=\\"gridjs-temp\\"></div></div>"`;
exports[`Grid component should render a table with the wrapper function 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><tr class=\\"gridjs-tr\\"><td data-column-id=\\"a\\" class=\\"gridjs-td\\">4</td><td data-column-id=\\"b\\" class=\\"gridjs-td\\">5</td><td data-column-id=\\"c\\" class=\\"gridjs-td\\">6</td></tr><tr class=\\"gridjs-tr\\"><td data-column-id=\\"a\\" class=\\"gridjs-td\\"><div><b>7</b></div></td><td data-column-id=\\"b\\" class=\\"gridjs-td\\"><div><b>8</b></div></td><td data-column-id=\\"c\\" class=\\"gridjs-td\\"><span><span>9</span></span></td></tr></tbody></table></div></div><div id=\\"gridjs-temp\\" class=\\"gridjs-temp\\"></div></div>"`;
exports[`Grid component should render a table with width 1`] = `"<div><div role=\\"complementary\\" class=\\"gridjs gridjs-container\\" style=\\"width: 500px;\\"><div class=\\"gridjs-wrapper\\" style=\\"width: 500px; height: auto;\\"><table role=\\"grid\\" class=\\"gridjs-table\\" style=\\"width: 500px; 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\\">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[`Grid component should render a table with width 1`] = `"<div><div role=\\"complementary\\" class=\\"gridjs gridjs-container\\" style=\\"width: 500px;\\"><div class=\\"gridjs-wrapper\\" style=\\"width: 500px; height: auto;\\"><table role=\\"grid\\" class=\\"gridjs-table\\" style=\\"width: 500px; 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 without header 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;\\"><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>"`;

0 comments on commit aae4c8c

Please sign in to comment.