optimize code (#5605)

frontend/src/components/dialog/lib-sub-folder-set-group-permission-dialog.js

@@ -50,6 +50,7 @@ class GroupItem extends React.Component {
         <td>
           <SharePermissionEditor
             isTextMode={true}
+            autoFocus={true}
             isEditIconShow={this.state.isOperationShow}
             currentPermission={item.permission}
             permissions={this.props.permissions}

frontend/src/components/dialog/lib-sub-folder-set-user-permission-dialog.js

@@ -51,6 +51,7 @@ class UserItem extends React.Component {
         <td>
           <SharePermissionEditor
             isTextMode={true}
+            autoFocus={true}
             isEditIconShow={this.state.isOperationShow}
             currentPermission={currentPermission}
             permissions={this.props.permissions}

frontend/src/components/dialog/share-to-group.js

@@ -45,6 +45,7 @@ class GroupItem extends React.Component {
           <SharePermissionEditor
             repoID={this.props.repoID}
             isTextMode={true}
+            autoFocus={true}
             isEditIconShow={this.state.isOperationShow}
             currentPermission={currentPermission}
             permissions={this.props.permissions}

frontend/src/components/dialog/share-to-user.js

@@ -81,6 +81,7 @@ class UserItem extends React.Component {
           <SharePermissionEditor
             repoID={this.props.repoID}
             isTextMode={true}
+            autoFocus={true}
             isEditIconShow={this.state.isOperationShow}
             currentPermission={currentPermission}
             permissions={this.props.permissions}

frontend/src/components/dialog/sysadmin-dialog/sysadmin-share-to-group.js

@@ -45,6 +45,7 @@ class GroupItem extends React.Component {
           <SharePermissionEditor
             repoID={item.repo_id}
             isTextMode={true}
+            autoFocus={true}
             isEditIconShow={this.state.isOperationShow}
             currentPermission={currentPermission}
             permissions={this.props.permissions}

frontend/src/components/dialog/sysadmin-dialog/sysadmin-share-to-user.js

@@ -45,6 +45,7 @@ class UserItem extends React.Component {
           <SharePermissionEditor
             repoID={item.repo_id}
             isTextMode={true}
+            autoFocus={true}
             isEditIconShow={this.state.isOperationShow}
             currentPermission={currentPermission}
             permissions={this.props.permissions}

frontend/src/components/select-editor/select-editor.js

@@ -8,6 +8,7 @@ const propTypes = {
   isTextMode: PropTypes.bool.isRequired, // there will be two mode. first: text and select. second: just select
   isEditing: PropTypes.bool,
   isEditIconShow: PropTypes.bool.isRequired,
+  autoFocus: PropTypes.bool,
   options: PropTypes.array.isRequired,
   currentOption: PropTypes.string.isRequired,
   translateOption: PropTypes.func.isRequired,
@@ -16,7 +17,6 @@ const propTypes = {
   toggleItemFreezed: PropTypes.func,
   enableAddCustomPermission: PropTypes.bool,
   onAddCustomPermissionToggle: PropTypes.func,
-
 };
 
 class SelectEditor extends React.Component {
@@ -24,6 +24,7 @@ class SelectEditor extends React.Component {
   static defaultProps = {
     enableAddCustomPermission: false,
     isEditing: false,
+    autoFocus: false,
   }
 
   constructor(props) {
@@ -145,6 +146,7 @@ class SelectEditor extends React.Component {
             menuPortalTarget={document.querySelector('#wrapper')}
             styles={MenuSelectStyle}
             onMenuClose={this.onMenuClose}
+            autoFocus={this.props.autoFocus}
             menuShouldScrollIntoView
           />
         }

frontend/src/components/select-editor/share-permission-editor.js

@@ -11,6 +11,7 @@ const propTypes = {
   repoID: PropTypes.string,
   isTextMode: PropTypes.bool.isRequired,
   isEditing: PropTypes.bool,
+  autoFocus: PropTypes.bool,
   isEditIconShow: PropTypes.bool.isRequired,
   permissions: PropTypes.array.isRequired,
   currentPermission: PropTypes.string.isRequired,
@@ -23,6 +24,7 @@ class SharePermissionEditor extends React.Component {
 
   static defaultProps = {
     isEditing: false,
+    autoFocus: false,
   }
 
   constructor(props) {
@@ -127,6 +129,7 @@ class SharePermissionEditor extends React.Component {
         isTextMode={this.props.isTextMode}
         isEditing={this.props.isEditing}
         isEditIconShow={this.props.isEditIconShow}
+        autoFocus={this.props.autoFocus}
         options={this.getPermissions()}
         currentOption={this.props.currentPermission}
         onOptionChanged={this.props.onPermissionChanged}

frontend/src/pages/share-admin/folders.js

@@ -228,6 +228,7 @@ class Item extends Component {
               isTextMode={true}
               isEditIconShow={isOpIconShown}
               isEditing={true}
+              autoFocus={true}
               currentPermission={share_permission}
               permissions={this.permissions}
               onPermissionChanged={this.changePerm}

frontend/src/pages/share-admin/libraries.js

@@ -241,6 +241,7 @@ class Item extends Component {
               repoID={item.repo_id}
               isTextMode={true}
               isEditing={true}
+              autoFocus={true}
               isEditIconShow={this.state.isOpIconShown}
               currentPermission={share_permission}
               permissions={this.permissions}