fix(AnalyticalTable): Update react-table and fix TreeTable selection …

…columns (#344) * Update react-table to 7.0.0 * fix selection column display for tree tables Closes #333 Closes #336
SAP · Mar 11, 2020 · 7a46d2d · 7a46d2d
1 parent 5e8c32d
commit 7a46d2d
Show file tree

Hide file tree

Showing 16 changed files with 1,704 additions and 1,911 deletions.
diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -6,6 +6,7 @@ import '@ui5/webcomponents-react-base/polyfill/IE11';
 import { ContentDensity } from '@ui5/webcomponents-react/lib/ContentDensity';
 import { ThemeProvider } from '@ui5/webcomponents-react/lib/ThemeProvider';
 import { Themes } from '@ui5/webcomponents-react/lib/Themes';
+import '@ui5/webcomponents/dist/json-imports/i18n';
 import '@webcomponents/webcomponentsjs/webcomponents-bundle';
 import { window } from 'global';
 import 'highlight.js/styles/solarized-dark.css';

diff --git a/config/jestsetup.ts b/config/jestsetup.ts
@@ -4,6 +4,7 @@ import Enzyme from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
 import { createSerializer } from 'enzyme-to-json';
 import ResizeObserver from 'resize-observer-polyfill';
+import '@ui5/webcomponents/dist/json-imports/i18n';
 
 process.env.NODE_ENV = 'test';
 process.env.BABEL_ENV = 'test';

diff --git a/packages/base/src/polyfill/IE11.ts b/packages/base/src/polyfill/IE11.ts
@@ -1,6 +1,7 @@
 import 'core-js/modules/es.array.flat';
 import 'core-js/modules/es.object.assign';
 import 'core-js/modules/es.object.values';
+import 'core-js/modules/es.array.from';
 import ResizeObserver from 'resize-observer-polyfill';
 
 // @ts-ignore

diff --git a/packages/main/package.json b/packages/main/package.json
@@ -29,7 +29,7 @@
     "lodash.debounce": "^4.0.8",
     "react-content-loader": "^5.0.2",
     "react-jss": "10.0.4",
-    "react-table": "7.0.0-rc.15",
+    "react-table": "7.0.0",
     "react-toastify": "^5.5.0",
     "react-window": "^1.8.5"
   },

diff --git a/packages/main/src/components/AnalyticalTable/AnalyticalTable.test.tsx b/packages/main/src/components/AnalyticalTable/AnalyticalTable.test.tsx
@@ -182,8 +182,8 @@ describe('AnalyticalTable', () => {
       />
     );
 
-    let colInst = wrapper
-      .find({ role: 'columnheader' })
+    const colInst = wrapper
+      .find('div[role="columnheader"]')
       .at(0)
       .instance();