Update table dependencies

.config/webpack/base.js

@@ -39,13 +39,21 @@ module.exports = (options = {}) => {
         module: {
             rules: [
                 {
-                    test: /demo[/\\]index.html?$/,
+                    test: /demo[\\\/]index.html?$/,
                     loader: 'file-loader?name=index.[ext]'
                 },
                 {
                     test: /\.csv$/,
                     loader: 'raw-loader'
                 },
+                {
+                    test: /\.ts(x?)$/,
+                    include: /node_modules[\\\/](highlight[.]js)[\\\/]/,
+                    use: [
+                        { loader: 'babel-loader', options: babel },
+                        { loader: 'ts-loader', options: ts },
+                    ]
+                },
                 {
                     test: /\.ts(x?)$/,
                     exclude: /node_modules/,
@@ -55,6 +63,13 @@ module.exports = (options = {}) => {
                         { loader: 'webpack-preprocessor', options: JSON.stringify(preprocessor) }
                     ]
                 },
+                {
+                    test: /\.js$/,
+                    include: /node_modules[\\\/](highlight[.]js)[\\\/]/,
+                    use: [
+                        { loader: 'babel-loader', options: babel }
+                    ]
+                },
                 {
                     test: /\.js$/,
                     exclude: /node_modules/,

.prettierrc

@@ -0,0 +1,8 @@
+{
+    "tabWidth": 4,
+    "singleQuote": true,
+    "jsxSingleQuote": true,
+    "arrowParens": "avoid",
+    "bracketSpacing": false,
+    "trailingComma": "none"
+}

.storybook/main.js

@@ -0,0 +1,25 @@
+const path = require('path');
+
+const baseConfig = require('./../.config/webpack/base.js')({
+    ts: {
+        transpileOnly: true
+    },
+    preprocessor: {
+        variables: {
+            mode: 'eager'
+        }
+    }
+});
+
+module.exports = {
+    stories: ['./../tests/visual/percy-storybook/**/*.percy.tsx'],
+    webpackFinal: async (config, { configType }) => {
+        // jerry rig everything
+        config.resolve.alias.core = path.resolve(__dirname, './../src/core'),
+        config.resolve.alias['dash-table'] = path.resolve(__dirname, './../src/dash-table')
+
+        config.module = baseConfig.module;
+
+        return config;
+    }
+};

demo/AppMode.ts

@@ -396,7 +396,7 @@ function getState() {
     const flavorParam = Environment.searchParams.get('flavor');
     const flavors = flavorParam ? flavorParam.split(';') : [];
 
-    let state = getModeState(mode);
+    const state = getModeState(mode);
     flavors.forEach(flavor => {
         const [key, valueString] = flavor.split('=');
         const value = JSON.parse(valueString);