IE11 compatibility for renderer, dcc, table

need to downgrade some fontawesome packages I *JUST* upgraded

Author: alexcjohnson

Diff for: components/dash-core-components/package-lock.json

@@ -36,9 +36,9 @@
   "maintainer": "Alex Johnson <[email protected]>",
   "license": "MIT",
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^1.3.0",
-    "@fortawesome/free-regular-svg-icons": "^6.0.0",
-    "@fortawesome/free-solid-svg-icons": "^6.0.0",
+    "@fortawesome/fontawesome-svg-core": "1.2.36",
+    "@fortawesome/free-regular-svg-icons": "^5.15.4",
+    "@fortawesome/free-solid-svg-icons": "^5.15.4",
     "@fortawesome/react-fontawesome": "^0.1.17",
     "base64-js": "^1.5.1",
     "color": "^4.2.1",

Diff for: components/dash-core-components/package.json

@@ -1,5 +1,6 @@
 import React, {Component} from 'react';
-import ResizeDetector from 'react-resize-detector';
+// /build/withPolyfill for IE11 support - https://github.com/maslianok/react-resize-detector/issues/144
+import ResizeDetector from 'react-resize-detector/build/withPolyfill';
 import {
     equals,
     filter,

Diff for: components/dash-core-components/src/fragments/Graph.react.js

@@ -48,9 +48,9 @@
     "@babel/polyfill": "^7.12.1",
     "@babel/preset-env": "^7.16.11",
     "@babel/preset-react": "^7.16.7",
-    "@fortawesome/fontawesome-svg-core": "^1.3.0",
-    "@fortawesome/free-regular-svg-icons": "^6.0.0",
-    "@fortawesome/free-solid-svg-icons": "^6.0.0",
+    "@fortawesome/fontawesome-svg-core": "1.2.36",
+    "@fortawesome/free-regular-svg-icons": "^5.15.4",
+    "@fortawesome/free-solid-svg-icons": "^5.15.4",
     "@fortawesome/react-fontawesome": "^0.1.17",
     "@percy/storybook": "^3.3.1",
     "@plotly/dash-component-plugins": "^1.2.2",

Diff for: components/dash-table/package-lock.json

@@ -1,3 +1,5 @@
+// NOTE: need to pin fontawesome-svg-core to <1.3 and free-*-svg-icons to <6
+// or we break IE11
 import {library} from '@fortawesome/fontawesome-svg-core';
 import {faEyeSlash, faTrashAlt} from '@fortawesome/free-regular-svg-icons';
 import {

Diff for: components/dash-table/package.json

@@ -13,7 +13,7 @@
     "build:dev": "webpack",
     "build:local": "renderer build local",
     "build": "renderer build && npm run prepublishOnly",
-    "postbuild": "es-check es5 ../deps/*.js",
+    "postbuild": "es-check es5 ../deps/*.js build/*.js",
     "test": "karma start karma.conf.js --single-run",
     "format": "run-s private::format.*",
     "lint": "run-s private::lint.*"

Diff for: components/dash-table/src/dash-table/components/Table/style.ts

@@ -14,6 +14,20 @@ const defaults = {
                     loader: 'babel-loader',
                 },
             },
+            {
+                test: /\.jsx?$/,
+                include: /node_modules[\\\/](cytoscape-fcose)[\\\/]/,
+                use: {
+                    loader: 'babel-loader',
+                    options: {
+                        babelrc: false,
+                        configFile: false,
+                        presets: [
+                            '@babel/preset-env'
+                        ]
+                    }
+                }
+            },
             {
                 test: /\.ts(x?)$/,
                 exclude: /node_modules/,
@@ -56,7 +70,11 @@ const rendererOptions = {
 module.exports = options => [
     R.mergeAll([
         options,
-        rendererOptions
+        rendererOptions,
+        {
+            // with default eval sourcemap we can't es-check the dev bundle
+            devtool: 'inline-source-map'
+        }
     ]),
     R.mergeAll([
         options,