IE11 compatibility

.circleci/config.yml

@@ -3,7 +3,7 @@ version: 2
 jobs:
     "server-test":
         docker:
-            - image: circleci/python:3.6.7-node-browsers
+            - image: circleci/python:3.6-node-browsers
             - image: cypress/base:10
 
         steps:
@@ -12,7 +12,7 @@ jobs:
                 key: deps1-{{ .Branch }}-{{ checksum "package-lock.json" }}-{{ checksum "package.json" }}-{{ checksum ".circleci/config.yml" }}
             - run:
                 name: Install npm packages
-                command: npm install
+                command: npm ci
             - run:
                 name: Cypress Install
                 command: |
@@ -31,7 +31,7 @@ jobs:
                     python -m venv venv || virtualenv venv
                     . venv/bin/activate
                     pip install -r dev-requirements.txt --quiet
-                    git clone --depth 1 git@github.com:plotly/dash.git dash-main
+                    git clone --depth 1 -b 1003-dash-ie11 git@github.com:plotly/dash.git dash-main
                     pip install -e ./dash-main[dev] --quiet
 
             - run:
@@ -60,7 +60,7 @@ jobs:
                 key: deps1-{{ .Branch }}-{{ checksum "package-lock.json" }}-{{ checksum "package.json" }}-{{ checksum ".circleci/config.yml" }}
             - run:
                 name: Install npm packages
-                command: npm install
+                command: npm ci
             - run:
                 name: Cypress Install
                 command: |
@@ -74,12 +74,15 @@ jobs:
 
             - run:
                 name: Run tests
-                command: npm run test.standalone
+                command: |
+                    rm -rf node_modules/cypress
+                    npm i cypress@3.4.1
+                    npm run test.standalone
 
 
     "unit-test":
         docker:
-            - image: circleci/python:3.6.7-node-browsers
+            - image: circleci/python:3.6-node-browsers
             - image: cypress/base:10
 
         steps:
@@ -88,7 +91,7 @@ jobs:
                 key: deps1-{{ .Branch }}-{{ checksum "package-lock.json" }}-{{ checksum "package.json" }}-{{ checksum ".circleci/config.yml" }}
             - run:
                 name: Install npm packages
-                command: npm install
+                command: npm ci
             - run:
                 name: Cypress Install
                 command: |
@@ -107,7 +110,7 @@ jobs:
                     python -m venv venv || virtualenv venv
                     . venv/bin/activate
                     pip install -r dev-requirements.txt --quiet
-                    git clone --depth 1 git@github.com:plotly/dash.git dash-main
+                    git clone --depth 1 -b 1003-dash-ie11 git@github.com:plotly/dash.git dash-main
                     pip install -e ./dash-main[dev] --quiet
 
             - run:
@@ -148,7 +151,7 @@ jobs:
 
     "node":
         docker:
-            - image: circleci/python:3.6.7-node
+            - image: circleci/python:3.6-node
 
         steps:
             - checkout
@@ -185,7 +188,7 @@ jobs:
 
     "python-3.6":
         docker:
-            - image: circleci/python:3.6.7-stretch-node-browsers
+            - image: circleci/python:3.6-stretch-node-browsers
 
         environment:
             PERCY_ENABLED: True
@@ -206,13 +209,13 @@ jobs:
                     python -m venv venv || virtualenv venv
                     . venv/bin/activate
                     pip install -r dev-requirements.txt --quiet
-                    npm install
+                    npm ci
 
             - run:
                 name: Install dependencies (dash)
                 command: |
                     . venv/bin/activate
-                    git clone --depth 1 git@github.com:plotly/dash.git dash-main
+                    git clone --depth 1 -b 1003-dash-ie11 git@github.com:plotly/dash.git dash-main
                     pip install -e ./dash-main[dev,testing] --quiet
                     cd dash-main/dash-renderer && npm run build && pip install -e . && cd ../..
 

.config/webpack/base.js

@@ -9,20 +9,18 @@ const dashLibraryName = packagejson.name.replace(/-/g, '_');
 
 module.exports = (options = {}) => {
     const babel = options.babel || undefined;
+    const entry = options.entry || [];
     const preprocessor = basePreprocessing(options.preprocessor);
     const mode = options.mode || 'development';
     const ts = options.ts || {};
 
     console.log('********** Webpack Environment Overrides **********');
-    console.log('Preprocessor', JSON.stringify(preprocessor));
-    console.log('mode', mode);
-    console.log('babel', JSON.stringify(babel));
-    console.log('ts', JSON.stringify(ts));
+    console.log('options', JSON.stringify(options));
 
     return {
         entry: {
-            bundle: './src/dash-table/index.ts',
-            demo: ['./demo/index.html', './demo/index.js']
+            bundle: entry.concat(['./src/dash-table/index.ts']),
+            demo: entry.concat(['./demo/index.html', './demo/index.js'])
         },
         mode: mode,
         output: {

CHANGELOG.md

@@ -2,6 +2,12 @@
 All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## [Unreleased]
+### Fixes
+- [#637](https://github.com/plotly/dash-table/pull/637) Fix multiple issues
+  - Fix IE11 compatibility issues and add ES5 compatibility and validation
+  - Fix a bug with `loading_state` being handled incorrectly, causing the table to steal focus
+
 ## [4.5.0] - 2019-10-29
 ### Changed
 - [#554](https://github.com/plotly/dash-table/pull/554) Async loading of `xlsx` library on export

babel.config.js

@@ -1,22 +1,10 @@
 const presets = [
-    ['@babel/env', {
-        targets: {
-            browsers: [
-                'last 2 Chrome versions',
-                'last 2 Firefox versions',
-                'last 2 Safari versions',
-                'last 2 Edge versions',
-                'Explorer 11'
-            ]
-        },
-        useBuiltIns: 'usage',
-        corejs: 3
-    }],
+    '@babel/preset-env',
     '@babel/preset-react'
 ];
 
 const plugins = [
     '@babel/plugin-syntax-dynamic-import'
 ];
 
-module.exports = { presets };
+module.exports = { presets, plugins };