Update dependency 3 (#5344)

* update react react-dom prop-types

* update seafile-editor version

* install deep-copy denpendency

* update router version

* repair focus bug

* optimize code

* optimize code

frontend/src/components/dialog/create-repo-dialog.js

@@ -25,7 +25,6 @@ class CreateRepoDialog extends React.Component {
       library_template: libraryTemplates.length ? libraryTemplates[0] : '',
       isSubmitBtnActive: false,
     };
-    this.newInput = React.createRef();
   }
 
   handleRepoNameChange = (e) => {
@@ -69,10 +68,6 @@ class CreateRepoDialog extends React.Component {
     this.props.onCreateToggle();
   }
 
-  componentDidMount() {
-    this.newInput.focus();
-  }
-
   validateInputParams() {
     let errMessage = '';
     let repoName = this.state.repoName.trim();
@@ -177,7 +172,7 @@ class CreateRepoDialog extends React.Component {
 
   render() {
     return (
-      <Modal isOpen={true} toggle={this.toggle}>
+      <Modal isOpen={true} toggle={this.toggle} autoFocus={false}>
         <ModalHeader toggle={this.toggle}>{gettext('New Library')}</ModalHeader>
         <ModalBody>
           <Form>
@@ -186,9 +181,9 @@ class CreateRepoDialog extends React.Component {
               <Input
                 id="repoName"
                 onKeyPress={this.handleKeyPress}
-                innerRef={input => {this.newInput = input;}}
                 value={this.state.repoName}
                 onChange={this.handleRepoNameChange}
+                autoFocus={true}
               />
             </FormGroup>