vega · dependabot · Nov 19, 2024
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -56,7 +56,7 @@
     "react-paginate": "^8.2.0",
     "react-portal": "^4.2.2",
     "react-redux": "^8.1.3",
-    "react-router-dom": "^5.3.0",
+    "react-router-dom": "^6.28.0",
     "react-select": "^5.8.0",
     "react-split-pane-r17": "^1.1.0",
     "redux": "^4.2.1",

diff --git a/src/components/app.tsx b/src/components/app.tsx
  }
 }

 function mapStateToProps(state: State, ownProps: Props) {
  return {
    configEditorString: state.configEditorString,
    editorRef: state.editorRef,
diff --git a/src/components/config-editor/renderer.tsx b/src/components/config-editor/renderer.tsx
    }
  }

  public componentDidUpdate(prevProps, prevState) {
    if (this.props.sidePaneItem === SIDEPANE.Config) {
      this.editor.focus();
      this.editor.layout();
diff --git a/src/components/header/gist-modal/index.tsx b/src/components/header/gist-modal/index.tsx
 import {State} from '../../../constants/default-state';
 import Renderer, {Props} from './renderer';

 export function mapStateToProps(state: State, ownProps: Props) {
  return {
    handle: state.handle,
    isAuthenticated: state.isAuthenticated,
diff --git a/src/components/header/gist-modal/renderer.tsx b/src/components/header/gist-modal/renderer.tsx
                      Example:{' '}
                      <span
                        className="gist-url"
                        onClick={(e) =>
                          this.setState({
                            gist: {
                              ...this.state.gist,
diff --git a/src/components/header/index.tsx b/src/components/header/index.tsx
 import Renderer, {Props} from './renderer';
 import {withRouter} from 'react-router-dom';

 export function mapStateToProps(state: State, ownProps: Props) {
  return {
    configEditorString: state.configEditorString,
    editorRef: state.editorRef,
diff --git a/src/components/header/renderer.tsx b/src/components/header/renderer.tsx
      <div className="app-header" role="banner">
        <section className="left-section">
          {modeSwitcher}
          <span ref="splitButton" className={splitClass}>
            {runButton}
            {autoRunToggle}
          </span>
            closeOnEsc
            defaultOpen={this.props.showExample}
            onOpen={() => {
              const node = ReactDOM.findDOMNode(this.examplePortal.current) as Element;
              node.scrollTop = this.props.lastPosition;
              node.addEventListener('scroll', () => {
                this.setState({
                          className={this.state.showVega ? 'selected' : ''}
                          onClick={() => {
                            this.setState({showVega: true});
                            const node = ReactDOM.findDOMNode(this.examplePortal.current) as Element;
                            node.scrollTop = 0;
                          }}
                        >
                          className={this.state.showVega ? '' : 'selected'}
                          onClick={() => {
                            this.setState({showVega: false});
                            const node = ReactDOM.findDOMNode(this.examplePortal.current) as Element;
                            node.scrollTop = 0;
                          }}
                        >
	}
	}

	function mapStateToProps(state: State, ownProps: Props) {
Check warning on line 177 in src/components/app.tsx GitHub Actions / Lint and Build `'ownProps' is defined but never used`
	return {
	configEditorString: state.configEditorString,
	editorRef: state.editorRef,
	}
	}

	public componentDidUpdate(prevProps, prevState) {
Check warning on line 83 in src/components/config-editor/renderer.tsx GitHub Actions / Lint and Build `'prevProps' is defined but never used` Check warning on line 83 in src/components/config-editor/renderer.tsx GitHub Actions / Lint and Build `'prevState' is defined but never used`
	if (this.props.sidePaneItem === SIDEPANE.Config) {
	this.editor.focus();
	this.editor.layout();
	import {State} from '../../../constants/default-state';
	import Renderer, {Props} from './renderer';

	export function mapStateToProps(state: State, ownProps: Props) {
Check warning on line 5 in src/components/header/gist-modal/index.tsx GitHub Actions / Lint and Build `'ownProps' is defined but never used`
	return {
	handle: state.handle,
	isAuthenticated: state.isAuthenticated,
	Example:{' '}
	<span
	className="gist-url"
	onClick={(e) =>
Check warning on line 299 in src/components/header/gist-modal/renderer.tsx GitHub Actions / Lint and Build `'e' is defined but never used`
	this.setState({
	gist: {
	...this.state.gist,
	import Renderer, {Props} from './renderer';
	import {withRouter} from 'react-router-dom';

	export function mapStateToProps(state: State, ownProps: Props) {
Check warning on line 8 in src/components/header/index.tsx GitHub Actions / Lint and Build `'ownProps' is defined but never used`
	return {
	configEditorString: state.configEditorString,
	editorRef: state.editorRef,
	<div className="app-header" role="banner">
	<section className="left-section">
	{modeSwitcher}
	<span ref="splitButton" className={splitClass}>
Check warning on line 384 in src/components/header/renderer.tsx GitHub Actions / Lint and Build `Using string literals in ref attributes is deprecated`
	{runButton}
	{autoRunToggle}
	</span>
	closeOnEsc
	defaultOpen={this.props.showExample}
	onOpen={() => {
	const node = ReactDOM.findDOMNode(this.examplePortal.current) as Element;
Check warning on line 454 in src/components/header/renderer.tsx GitHub Actions / Lint and Build `Do not use findDOMNode. It doesn’t work with function components and is deprecated in StrictMode. See https://reactjs.org/docs/react-dom.html#finddomnode`
	node.scrollTop = this.props.lastPosition;
	node.addEventListener('scroll', () => {
	this.setState({
	className={this.state.showVega ? 'selected' : ''}
	onClick={() => {
	this.setState({showVega: true});
	const node = ReactDOM.findDOMNode(this.examplePortal.current) as Element;
Check warning on line 479 in src/components/header/renderer.tsx GitHub Actions / Lint and Build `Do not use findDOMNode. It doesn’t work with function components and is deprecated in StrictMode. See https://reactjs.org/docs/react-dom.html#finddomnode`
	node.scrollTop = 0;
	}}
	>
	className={this.state.showVega ? '' : 'selected'}
	onClick={() => {
	this.setState({showVega: false});
	const node = ReactDOM.findDOMNode(this.examplePortal.current) as Element;
Check warning on line 489 in src/components/header/renderer.tsx GitHub Actions / Lint and Build `Do not use findDOMNode. It doesn’t work with function components and is deprecated in StrictMode. See https://reactjs.org/docs/react-dom.html#finddomnode`
	node.scrollTop = 0;
	}}
	>