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

Author: MarcusNotheis

.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';

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';

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

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"
   },

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();