Update Dash dependencies

.circleci/config.yml

@@ -104,7 +104,7 @@ jobs:
  command: |
  . venv/bin/activate && pip install --no-cache-dir --upgrade -e . --progress-bar off && mkdir packages
  cd dash-renderer && renderer build && python setup.py sdist && mv dist/* ../packages/ && cd ..
- git clone --depth 1 https://github.com/plotly/dash-core-components.git
+ git clone -b 20200814-update-deps --depth 1 https://github.com/plotly/dash-core-components.git
  cd dash-core-components && npm ci && npm run build && python setup.py sdist && mv dist/* ../packages/ && cd ..
  ls -la packages
  - persist_to_workspace:
@@ -152,7 +152,7 @@ jobs:
  name: ️️🏗️ build misc
  command: |
  . venv/bin/activate && pip install --no-cache-dir --upgrade -e . --progress-bar off && mkdir packages
- git clone --depth 1 https://github.com/plotly/dash-table.git
+ git clone -b 20200810-update-deps --depth 1 https://github.com/plotly/dash-table.git
  cd dash-table && npm ci && npm run build && python setup.py sdist && mv dist/* ../packages/ && cd ..
  git clone --depth 1 https://github.com/plotly/dash-html-components.git
  cd dash-html-components && npm ci && npm run build && python setup.py sdist && mv dist/* ../packages/ && cd ..
@@ -205,7 +205,7 @@ jobs:
  command: |
  source venv/Scripts/activate && pip install --no-cache-dir --upgrade -e . --progress-bar off && mkdir packages
  cd dash-renderer && renderer build && python setup.py sdist && mv dist/* ../packages/ && cd ..
- git clone --depth 1 https://github.com/plotly/dash-core-components.git
+ git clone -b 20200814-update-deps --depth 1 https://github.com/plotly/dash-core-components.git
  cd dash-core-components && npm ci && npm run build && python setup.py sdist && mv dist/* ../packages/ && cd ..
  ls -la packages
  - persist_to_workspace:
@@ -234,8 +234,8 @@ jobs:
  pip install --no-cache-dir --upgrade -e .[dev,testing] --progress-bar off
  git clone --depth 1 https://github.com/plotly/dashR.git -b dev dashR
  git clone --depth 1 https://github.com/plotly/dash-html-components.git
- git clone --depth 1 https://github.com/plotly/dash-core-components.git
- git clone --depth 1 https://github.com/plotly/dash-table.git
+ git clone -b 20200814-update-deps --depth 1 https://github.com/plotly/dash-core-components.git
+ git clone -b 20200810-update-deps --depth 1 https://github.com/plotly/dash-table.git
  shopt -s extglob
  cd dash-html-components; npm ci && npm run build; rm -rf !(.|..|DESCRIPTION|LICENSE.txt|LICENSE|NAMESPACE|.Rbuildignore|R|man|inst|vignettes|build)
  cd ../dash-core-components; npm ci && npm run build; rm -rf !(.|..|DESCRIPTION|LICENSE.txt|LICENSE|NAMESPACE|.Rbuildignore|R|man|inst|vignettes|build)

.pylintrc37

@@ -70,6 +70,7 @@ disable=invalid-name,
  long-suffix,
  old-ne-operator,
  old-octal-literal,
+ import-outside-toplevel,
  import-star-module-level,
  non-ascii-bytes-literal,
  raw-checker-failed,

dash-renderer/.prettierrc

@@ -1,6 +1,7 @@
 {
  "tabWidth": 4,
  "singleQuote": true,
+ "arrowParens": "avoid",
  "bracketSpacing": false,
- "trailingComma": "es5"
+ "trailingComma": "none"
 }

dash-renderer/package.json

@@ -6,10 +6,10 @@
  "scripts": {
  "prepublishOnly": "rm -rf lib && babel src --extensions=\".ts,.tsx,.js,.jsx\" --out-dir lib --copy-files",
  "private::format.js-eslint": "eslint --quiet --fix .",
- "private::format.js-prettier": "prettier --config .prettierrc --write \"src/**/*.js\"",
+ "private::format.js-prettier": "prettier --config .prettierrc --write \"src/**/*.{js,ts,tsx}\"",
  "private::format.ts": "tslint --fix --project tsconfig.json --config tslint.json",
  "private::lint.js-eslint": "eslint .",
- "private::lint.js-prettier": "prettier --config .prettierrc \"src/**/*.js\" --list-different",
+ "private::lint.js-prettier": "prettier --config .prettierrc \"src/**/*.{js,ts,tsx}\" --list-different",
  "private::lint.ts": "tslint --project tsconfig.json --config tslint.json",
  "build:js": "webpack --build release",
  "build:dev": "webpack --build local",
@@ -24,63 +24,63 @@
  "author": "chriddyp",
  "license": "MIT",
  "dependencies": {
- "@babel/polyfill": "7.8.7",
+ "@babel/polyfill": "^7.10.4",
  "@plotly/dash-component-plugins": "^1.2.0",
- "cookie": "^0.4.0",
+ "cookie": "^0.4.1",
  "dependency-graph": "^0.9.0",
- "fast-isnumeric": "^1.1.3",
+ "fast-isnumeric": "^1.1.4",
  "prop-types": "15.7.2",
  "radium": "^0.26.0",
- "ramda": "^0.27.0",
- "react": "16.13.0",
- "react-dom": "16.13.0",
- "react-redux": "^7.2.0",
+ "ramda": "^0.27.1",
+ "react": "^16.13.1",
+ "react-dom": "^16.13.1",
+ "react-redux": "^7.2.1",
  "redux": "^4.0.5",
  "redux-actions": "^2.6.5",
  "redux-thunk": "^2.3.0",
  "viz.js": "2.1.2"
  },
  "devDependencies": {
- "@babel/cli": "^7.10.3",
- "@babel/core": "^7.10.3",
- "@babel/plugin-proposal-class-properties": "^7.10.1",
- "@babel/plugin-transform-modules-commonjs": "^7.10.1",
- "@babel/preset-env": "^7.10.3",
- "@babel/preset-react": "^7.10.1",
- "@babel/preset-typescript": "^7.10.1",
- "@svgr/webpack": "^5.2.0",
+ "@babel/cli": "^7.10.5",
+ "@babel/core": "^7.11.1",
+ "@babel/plugin-proposal-class-properties": "^7.10.4",
+ "@babel/plugin-transform-modules-commonjs": "^7.10.4",
+ "@babel/preset-env": "^7.11.0",
+ "@babel/preset-react": "^7.10.4",
+ "@babel/preset-typescript": "^7.10.4",
+ "@svgr/webpack": "^5.4.0",
  "@types/ramda": "^0.27.6",
- "@types/react": "^16.9.34",
- "@types/react-redux": "^7.1.7",
+ "@types/react": "^16.9.46",
+ "@types/react-redux": "^7.1.9",
  "@types/redux": "^3.6.0",
  "@types/redux-actions": "^2.6.1",
  "babel-eslint": "^10.1.0",
- "babel-loader": "^8.0.6",
+ "babel-loader": "^8.1.0",
  "css-loader": "^3.4.2",
  "es-check": "^5.1.0",
- "eslint": "^6.8.0",
- "eslint-config-airbnb": "^18.0.1",
- "eslint-config-prettier": "^6.10.0",
- "eslint-plugin-import": "^2.20.1",
- "eslint-plugin-jsx-a11y": "^6.2.3",
- "eslint-plugin-prettier": "^3.1.2",
- "eslint-plugin-react": "^7.18.3",
- "jest": "^25.1.0",
+ "eslint": "^7.6.0",
+ "eslint-config-airbnb": "^18.2.0",
+ "eslint-config-prettier": "^6.11.0",
+ "eslint-plugin-import": "^2.22.0",
+ "eslint-plugin-jsx-a11y": "^6.3.1",
+ "eslint-plugin-prettier": "^3.1.4",
+ "eslint-plugin-react": "^7.20.6",
+ "jest": "^26.4.0",
  "npm-run-all": "^4.1.5",
- "prettier": "^1.19.1",
- "prettier-eslint": "^9.0.1",
+ "prettier": "^2.0.5",
+ "prettier-eslint": "^11.0.0",
  "prettier-eslint-cli": "^5.0.0",
  "prettier-stylelint": "^0.4.2",
- "style-loader": "^1.1.3",
- "ts-jest": "^26.0.0",
- "ts-loader": "^7.0.2",
- "tslint": "^6.1.2",
- "typescript": "^3.8.3",
- "webpack": "^4.42.0",
- "webpack-cli": "^3.3.11",
- "webpack-dev-server": "^3.10.3",
+ "style-loader": "^1.2.1",
+ "ts-jest": "^26.2.0",
+ "ts-loader": "^8.0.2",
+ "tslint": "^6.1.3",
+ "typescript": "^3.9.7",
+ "webpack": "^4.44.1",
+ "webpack-cli": "^3.3.12",
+ "webpack-dev-server": "^3.11.0",
  "webpack-serve": "^3.2.0",
- "whatwg-fetch": "^3.0.0"
+ "whatwg-fetch": "^3.4.0"
  },
  "files": [
  "/dash_renderer/*{.js,.map}",

dash-renderer/src/APIController.react.js

@@ -10,7 +10,7 @@ import {
  onError,
  setGraphs,
  setPaths,
- setLayout,
+ setLayout
 } from './actions';
 import {computePaths} from './actions/paths';
 import {computeGraphs} from './actions/dependencies';
@@ -36,7 +36,7 @@ const UnconnectedContainer = props => {
  error,
  layoutRequest,
  layout,
- loadingMap,
+ loadingMap
  } = props;
 
  const [errorLoading, setErrorLoading] = useState(false);
@@ -55,8 +55,8 @@ const UnconnectedContainer = props => {
  _dashprivate_config: propsRef.current.config,
  _dashprivate_dispatch: propsRef.current.dispatch,
  _dashprivate_graphs: propsRef.current.graphs,
- _dashprivate_loadingMap: propsRef.current.loadingMap,
- }),
+ _dashprivate_loadingMap: propsRef.current.loadingMap
+ })
  });
 
  useEffect(storeEffect.bind(null, props, events, setErrorLoading));
@@ -120,7 +120,7 @@ function storeEffect(props, events, setErrorLoading) {
  error,
  graphs,
  layout,
- layoutRequest,
+ layoutRequest
  } = props;
 
  if (isEmpty(layoutRequest)) {
@@ -180,7 +180,7 @@ function storeEffect(props, events, setErrorLoading) {
 UnconnectedContainer.propTypes = {
  appLifecycle: PropTypes.oneOf([
  getAppState('STARTED'),
- getAppState('HYDRATED'),
+ getAppState('HYDRATED')
  ]),
  dispatch: PropTypes.func,
  dependenciesRequest: PropTypes.object,
@@ -190,7 +190,7 @@ UnconnectedContainer.propTypes = {
  loadingMap: PropTypes.any,
  history: PropTypes.any,
  error: PropTypes.object,
- config: PropTypes.object,
+ config: PropTypes.object
 };
 
 const Container = connect(
@@ -204,7 +204,7 @@ const Container = connect(
  graphs: state.graphs,
  history: state.history,
  error: state.error,
- config: state.config,
+ config: state.config
  }),
  dispatch => ({dispatch})
 )(UnconnectedContainer);

dash-renderer/src/AccessDenied.react.js

@@ -46,6 +46,6 @@ function AccessDenied(props) {
  );
 }
 AccessDenied.propTypes = {
- config: PropTypes.object,
+ config: PropTypes.object
 };
 export default AccessDenied;

dash-renderer/src/AppContainer.react.js

@@ -31,8 +31,8 @@ class UnconnectedAppContainer extends React.Component {
  credentials: 'same-origin',
  headers: {
  Accept: 'application/json',
- 'Content-Type': 'application/json',
- },
+ 'Content-Type': 'application/json'
+ }
  };
 
  dispatch(setConfig(config));
@@ -59,13 +59,13 @@ class UnconnectedAppContainer extends React.Component {
 UnconnectedAppContainer.propTypes = {
  hooks: PropTypes.object,
  dispatch: PropTypes.func,
- config: PropTypes.object,
+ config: PropTypes.object
 };
 
 const AppContainer = connect(
  state => ({
  history: state.history,
- config: state.config,
+ config: state.config
  }),
  dispatch => ({dispatch})
 )(UnconnectedAppContainer);

dash-renderer/src/AppProvider.react.tsx

@@ -30,5 +30,3 @@ AppProvider.defaultProps = {
 };
 
 export default AppProvider;
-
-

dash-renderer/src/StoreObserver.ts

@@ -1,12 +1,6 @@
-import {
- any,
- filter,
- forEach,
- map,
- path
-} from 'ramda';
+import {any, filter, forEach, map, path} from 'ramda';
 
-import {Store, Unsubscribe} from 'redux';
+import {Store, Unsubscribe} from 'redux';
 
 type Observer<TStore> = (store: TStore) => void;
 type UnregisterObserver = () => void;
@@ -20,7 +14,7 @@ interface IStoreObserverState<TStore> {
 
 export interface IStoreObserverDefinition<TStore> {
  observer: Observer<Store<TStore>>;
- inputs: string[]
+ inputs: string[];
 }
 
 export default class StoreObserver<TStore> {
@@ -48,33 +42,31 @@ export default class StoreObserver<TStore> {
  this.add(observer.observer, observer.inputs);
  return () => this.remove(observer.observer);
  }
- }
+ };
 
  setStore = (store: Store<TStore>) => {
  this.__finalize__();
  this.__init__(store);
- }
+ };
 
- private __finalize__ = () => this._unsubscribe?.()
+ private __finalize__ = () => this._unsubscribe?.();
 
  private __init__ = (store?: Store<TStore>) => {
  this._store = store;
  if (store) {
  this._unsubscribe = store.subscribe(this.notify);
  }
 
- forEach(o => o.lastState = null, this._observers);
- }
+ forEach(o => (o.lastState = null), this._observers);
+ };
 
- private add = (
- observer: Observer<Store<TStore>>,
- inputs: string[]
- ) => this._observers.push({
- inputPaths: map(p => p.split('.'), inputs),
- lastState: null,
- observer,
- triggered: false
- });
+ private add = (observer: Observer<Store<TStore>>, inputs: string[]) =>
+ this._observers.push({
+ inputPaths: map(p => p.split('.'), inputs),
+ lastState: null,
+ observer,
+ triggered: false
+ });
 
  private notify = () => {
  const store = this._store;
@@ -85,29 +77,27 @@ export default class StoreObserver<TStore> {
  const state = store.getState();
 
  const triggered = filter(
- o => !o.triggered && any(
- i => path(i, state) !== path(i, o.lastState),
- o.inputPaths
- ),
+ o =>
+ !o.triggered &&
+ any(i => path(i, state) !== path(i, o.lastState), o.inputPaths),
  this._observers
  );
 
- forEach(o => o.triggered = true, triggered);
+ forEach(o => (o.triggered = true), triggered);
 
- forEach(
- o => {
- o.lastState = store.getState();
- o.observer(store);
- o.triggered = false;
- },
- triggered
- );
- }
+ forEach(o => {
+ o.lastState = store.getState();
+ o.observer(store);
+ o.triggered = false;
+ }, triggered);
+ };
 
- private remove = (observer: Observer<Store<TStore>>) => this._observers.splice(
- this._observers.findIndex(
- o => observer === o.observer,
- this._observers
- ), 1
- );
+ private remove = (observer: Observer<Store<TStore>>) =>
+ this._observers.splice(
+ this._observers.findIndex(
+ o => observer === o.observer,
+ this._observers
+ ),
+ 1
+ );
 }