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

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

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

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

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

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

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

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