@titaui/pc 1.9.48 → 1.9.49

package/src/components-v1/userSelector/components/MultiMode/CommonList.tsx

@@ -1,12 +1,14 @@
-import React, { PureComponent } from 'react'
-import { User,WXUser } from '../../types'
-import { getApiUrl, taker, getApiUrl3 } from '../../../../utils/request-v1'
-import { ListHeader, ListWrapper, List, EmptyWrapper, ListEmptyText } from '../../style'
-import UserItem from '../UserItem'
-import PerfectScrollbar from 'react-perfect-scrollbar'
-import 'react-perfect-scrollbar/dist/css/styles.css';
-import { isPlatform } from '../../../../utils/open-data'
-import { getLocale } from '../../../../utils/getLocale'
+import React, { PureComponent } from "react";
+import PerfectScrollbar from "react-perfect-scrollbar";
+import { User, WXUser } from "../../types";
+import { getApiUrl, taker, getApiUrl3 } from "../../../../utils/request-v1";
+import {
+  ListHeader, ListWrapper, List, EmptyWrapper, ListEmptyText,
+} from "../../style";
+import UserItem from "../UserItem";
+import "react-perfect-scrollbar/dist/css/styles.css";
+import { isPlatform } from "../../../../utils/open-data";
+import { getLocale } from "../../../../utils/getLocale";
 
 interface Props {
   onSelect:Function
@@ -16,40 +18,43 @@ interface State {
   users: User[]
   pending: boolean
 }
-export default class CommonList extends PureComponent<Props,State> {
-  constructor(p:Props){
+export default class CommonList extends PureComponent<Props, State> {
+  constructor(p:Props) {
     super(p);
     this.state = {
-      users:[],
-    pending: true
-    }
+      users: [],
+      pending: true,
+    };
   }
-  componentDidMount(){
-    if(this.props.searchTxt){
-      this.getSearchUsers()
-    }else {
-      this.getFrequentContacts()
+
+  componentDidMount() {
+    if (this.props.searchTxt) {
+      this.getSearchUsers();
+    } else {
+      this.getFrequentContacts();
     }
   }
+
   getFrequentContacts = () => {
-    const url = getApiUrl(`Contact?v=${new Date().getTime()}`)
-    taker(url).then(res => {
-      if(res.Code == 1){
-        let users:any[] = [];
-        for(let key in res.Data){
+    const url = getApiUrl(`Contact?v=${new Date().getTime()}`);
+    taker(url).then((res) => {
+      if (res.Code == 1) {
+        const users:any[] = [];
+        for (const key in res.Data) {
           users.push(res.Data[key]);
         }
-        this.setState({users,pending:false})
+        this.setState({ users, pending: false });
       }
-    })
-  }
+    });
+  };
+
   getSearchUsers = () => {
-    const url = isPlatform('wx')? getApiUrl3(`staff/workwx/serarch?filter=${(this.props.searchTxt||'').replace(/[+ =%&#\?]/g,(s)=>encodeURIComponent(s))}`) : getApiUrl(`user?v=${new Date().getTime()}&filters=${(this.props.searchTxt||'').replace(/[+ =%&#\?]/g,(s)=>encodeURIComponent(s))}`)
-    taker(url).then(res => {
-      if(res.Code == 1){
+    const url = isPlatform("wx") ? getApiUrl3(`staff/workwx/serarch?filter=${(this.props.searchTxt || "").replace(/[+ =%&#\?]/g, (s) => encodeURIComponent(s))}`) : getApiUrl(`user?v=${new Date().getTime()}&filters=${(this.props.searchTxt || "").replace(/[+ =%&#\?]/g, (s) => encodeURIComponent(s))}`);
+    taker(url).then((res) => {
+      if (res.Code == 1) {
         let users:User[] = [];
-        if(isPlatform('wx')){
-          users = ((res.Data||[]) as WXUser[]).map(u => ({
+        if (isPlatform("wx")) {
+          users = ((res.Data || []) as WXUser[]).map((u) => ({
             Id: u.userId,
             Name: u.name,
             Email: u.email,
@@ -63,58 +68,74 @@ export default class CommonList extends PureComponent<Props,State> {
               Big: u.avatar.big,
               Large: u.avatar.large,
               HasAvatar: u.avatar.hasAvatar,
-              Color: u.avatar.color
-            }
-          }))
-        }else {
-          for(let key in (res.Data.SimpleUserModel|| {})){
+              Color: u.avatar.color,
+            },
+          }));
+        } else {
+          for (const key in (res.Data.SimpleUserModel || {})) {
             users.push(res.Data.SimpleUserModel[key]);
           }
         }
-        
-        this.setState({users})
+
+        this.setState({ users });
       }
-    })
-  }
-  componentDidUpdate(prevProps:Props){
-    if(prevProps.searchTxt!=this.props.searchTxt){
-      if(this.props.searchTxt){
-        this.getSearchUsers()
-      }else {
-        this.getFrequentContacts()
+    });
+  };
+
+  componentDidUpdate(prevProps:Props) {
+    if (prevProps.searchTxt != this.props.searchTxt) {
+      if (this.props.searchTxt) {
+        this.getSearchUsers();
+      } else {
+        this.getFrequentContacts();
       }
     }
   }
+
   render() {
-    const {users,pending} = this.state;
-    const {searchTxt} = this.props;
-    const hasUser = !!users.length
+    const { users, pending } = this.state;
+    const { searchTxt } = this.props;
+    const hasUser = !!users.length;
     return (
       <ListWrapper>
-        
+
         {
-          hasUser && 
+          hasUser
+          && (
           <ListHeader>
-            <span>{searchTxt?'搜索结果':getLocale('OKR_MyO_Butt_Topcontacts')}&nbsp;{users.length}人</span>
-            <i className="tu-icon-add2" onMouseDown={()=>this.props.onSelect(users)}/>
+            <span>
+              {searchTxt ? "搜索结果" : getLocale("OKR_MyO_Butt_Topcontacts")}
+&nbsp;
+              {users.length}
+              人
+            </span>
+            <i className="tu-icon-add2" onMouseDown={() => this.props.onSelect(users)} />
           </ListHeader>
+          )
         }
         {
-          hasUser &&
+          hasUser
+          && (
           <List>
             <PerfectScrollbar>
-            {users.map(u => <UserItem user={u} key={u.Id} keyword={searchTxt} onClick={(u:User) => this.props.onSelect([u])}/>)}
+              {users.map((u) => <UserItem user={u} key={u.Id} keyword={searchTxt} onClick={(u:User) => this.props.onSelect([u])} />)}
             </PerfectScrollbar>
           </List>
+          )
         }
         {
-          !hasUser && !pending &&
+          !hasUser && !pending
+          && (
           <EmptyWrapper>
-            <img src={require('../../assets/emptyImg.png')} width="100px"/>
-            <ListEmptyText>{getLocale('Mod_ThereNothing')}...</ListEmptyText>
+            <img src={require("../../assets/emptyImg.png")} width="100px" />
+            <ListEmptyText>
+              {getLocale("Mod_ThereNothing")}
+              ...
+            </ListEmptyText>
           </EmptyWrapper>
+          )
         }
       </ListWrapper>
-    )
+    );
   }
 }

package/src/components-v1/userSelector/components/MultiMode/DepartmentList.tsx

@@ -1,10 +1,11 @@
-import React, { PureComponent } from 'react';
-import { getApiUrl, taker } from '../../../../utils/request-v1';
-import { Deparentment, Dept } from '../../types';
-import DepartmentTree from './DepartmentTree';
-import { DepartmentListWrapper, EmptyWrapper, ListEmptyText } from '../../style';
-import PerfectScrollbar from 'react-perfect-scrollbar';
-import 'react-perfect-scrollbar/dist/css/styles.css';
+import React, { PureComponent } from "react";
+import PerfectScrollbar from "react-perfect-scrollbar";
+import { getApiUrl, taker } from "../../../../utils/request-v1";
+import { Deparentment, Dept } from "../../types";
+import DepartmentTree from "./DepartmentTree";
+import { DepartmentListWrapper, EmptyWrapper, ListEmptyText } from "../../style";
+import "react-perfect-scrollbar/dist/css/styles.css";
+
 interface Props {
   onSelectUser: Function;
   onSelectDept?: Function;
@@ -20,12 +21,14 @@ export default class DepartmentList extends PureComponent<Props, State> {
       trees: [],
     };
   }
+
   componentDidMount() {
     this.getDeparents();
   }
+
   getDeparents = () => {
-    const url = getApiUrl(`department/All`);
-    taker(url).then(res => {
+    const url = getApiUrl("department/All");
+    taker(url).then((res) => {
       if (res.Code == 1) {
         this.setState({
           trees: this.parseDeparentTree(res.Data || []),
@@ -33,9 +36,10 @@ export default class DepartmentList extends PureComponent<Props, State> {
       }
     });
   };
+
   parseDeparentTree = (data: Deparentment[]) => {
-    let map = {};
-    data.forEach(dept => {
+    const map = {};
+    data.forEach((dept) => {
       if (map[dept.Id]) {
         map[dept.Id] = { ...dept, children: map[dept.Id].children };
       } else {
@@ -50,27 +54,31 @@ export default class DepartmentList extends PureComponent<Props, State> {
         };
       }
     });
-    let trees: any[] = [];
-    for (let key in map) {
+    const trees: any[] = [];
+    for (const key in map) {
       if (map[key].root) {
         trees.push(...map[key].children);
       }
     }
     return trees;
   };
+
   render() {
     const { rootSelectable, onSelectUser, onSelectDept } = this.props;
     const { trees } = this.state;
     return (
       <DepartmentListWrapper>
         <PerfectScrollbar>
-          {trees.map(tree => (
+          {trees.map((tree) => (
             <DepartmentTree opened rootSelectable={rootSelectable} tree={tree} key={tree.Id} level={0} onSelectUser={onSelectUser} onSelectDept={onSelectDept} />
           ))}
           {!trees.length && (
             <EmptyWrapper>
-              <img src={require('../../assets/emptyImg.png')} width='100px' />
-              <ListEmptyText>{getLocale('Mod_ThereNothing')}...</ListEmptyText>
+              <img src={require("../../assets/emptyImg.png")} width="100px" />
+              <ListEmptyText>
+                {getLocale("Mod_ThereNothing")}
+                ...
+              </ListEmptyText>
             </EmptyWrapper>
           )}
         </PerfectScrollbar>

package/src/components-v1/userSelector/components/MultiMode/DepartmentTree.tsx

@@ -1,11 +1,12 @@
-import React, { PureComponent } from 'react';
-import { Dept, User } from '../../types';
-import { Collapse } from 'tita-ui';
-import UserItem from '../UserItem';
-import { TreeHeader, TreeList } from '../../style';
-import { getApiUrl, taker } from '../../../../utils/request-v1';
-import { OpenDepartmentName } from '../../../../utils/open-data';
-import { getLocale } from '../../../../utils/getLocale';
+import React, { PureComponent } from "react";
+import { Collapse } from "tita-ui";
+import { Dept, User } from "../../types";
+import UserItem from "../UserItem";
+import { TreeHeader, TreeList } from "../../style";
+import { getApiUrl, taker } from "../../../../utils/request-v1";
+import { OpenDepartmentName } from "../../../../utils/open-data";
+import { getLocale } from "../../../../utils/getLocale";
+
 interface Props {
   tree: Dept;
   level: number;
@@ -27,11 +28,13 @@ export default class DepartmentTree extends PureComponent<Props, State> {
       opened: this.props.opened || false,
     };
   }
+
   componentDidMount() {
     if (this.state.opened && !this.state.users.length) {
       this.getDepartmentUsers();
     }
   }
+
   toggleOpened = () => {
     const { opened, users } = this.state;
     if (!opened && !users.length) {
@@ -41,10 +44,11 @@ export default class DepartmentTree extends PureComponent<Props, State> {
       opened: !opened,
     });
   };
+
   getDepartmentUsers = () => {
     const { tree } = this.props;
     const url = getApiUrl(`department/DepartmentOfUser?department_id=${tree.Id}`);
-    taker(url).then(res => {
+    taker(url).then((res) => {
       if (res.Code == 1) {
         this.setState({
           users: res.Data,
@@ -53,47 +57,56 @@ export default class DepartmentTree extends PureComponent<Props, State> {
       }
     });
   };
+
   handleSelectDept = (e: React.MouseEvent<HTMLElement, MouseEvent>) => {
     e.stopPropagation();
     e.nativeEvent.stopImmediatePropagation();
     const { tree, onSelectDept } = this.props;
     onSelectDept && onSelectDept(tree);
   };
+
   handleDeleteDept = (e: React.MouseEvent<HTMLElement, MouseEvent>) => {
     e.stopPropagation();
     e.nativeEvent.stopImmediatePropagation();
     const { tree, onDeleteDept } = this.props;
     onDeleteDept && onDeleteDept(tree);
   };
+
   handleSelectUser = (user: User) => {
     const { onSelectUser } = this.props;
     onSelectUser && onSelectUser([user]);
   };
-  //@ts-ignore
+
+  // @ts-ignore
   render() {
-    const { tree, level, onSelectDept, onSelectUser, onDeleteDept, rootSelectable } = this.props;
+    const {
+      tree, level, onSelectDept, onSelectUser, onDeleteDept, rootSelectable,
+    } = this.props;
     const { users, opened } = this.state;
-    const isRootSelect = rootSelectable ? rootSelectable : tree.PId != -1;
+    const isRootSelect = rootSelectable || tree.PId != -1;
     return (
       <div>
         <TreeHeader onMouseDown={this.toggleOpened}>
           <div>
-            <i className='tu-icon-angle-right' style={{ transform: `rotate(${opened ? 90 : 0}deg)` }} />
-            <span style={{ maxWidth: 110 - level * 10 + 'px' }}>
+            <i className="tu-icon-angle-right" style={{ transform: `rotate(${opened ? 90 : 0}deg)` }} />
+            <span style={{ maxWidth: `${110 - level * 10}px` }}>
               <OpenDepartmentName name={tree.DepartmentName} id={tree.Id} />
               {/* {tree.DepartmentName} */}
             </span>
-            <span>{tree.TotalUserCount}{getLocale('Mod_Number')}</span>
+            <span>
+              {tree.TotalUserCount}
+              {getLocale("Mod_Number")}
+            </span>
           </div>
-          {isRootSelect && onSelectDept && <i className='tu-icon-add2' onMouseDown={this.handleSelectDept} />}
-          {onDeleteDept && <i className='tu-icon-cross' onMouseDown={this.handleDeleteDept} />}
+          {isRootSelect && onSelectDept && <i className="tu-icon-add2" onMouseDown={this.handleSelectDept} />}
+          {onDeleteDept && <i className="tu-icon-cross" onMouseDown={this.handleDeleteDept} />}
         </TreeHeader>
         <Collapse isOpened={opened}>
           <TreeList>
-            {users.map(u => (
+            {users.map((u) => (
               <UserItem key={u.Id} user={u} onClick={this.handleSelectUser} />
             ))}
-            {tree.children && tree.children.map(d => <DepartmentTree tree={d} level={level + 1} onSelectDept={onSelectDept} onSelectUser={onSelectUser} />)}
+            {tree.children && tree.children.map((d) => <DepartmentTree tree={d} level={level + 1} onSelectDept={onSelectDept} onSelectUser={onSelectUser} />)}
           </TreeList>
         </Collapse>
       </div>

package/src/components-v1/userSelector/components/MultiMode/SubsList.tsx

@@ -1,64 +1,84 @@
-import React, { PureComponent } from 'react'
-import { User } from '../../types'
-import { getApiUrl, taker } from '../../../../utils/request-v1'
-import { getUserInfo } from '../../../../utils/bs-global'
-import { ListHeader, ListWrapper, List, EmptyWrapper, ListEmptyText } from '../../style'
-import UserItem from '../UserItem'
-import { getLocale, isEn } from '../../../../utils/getLocale'
-import PerfectScrollbar from 'react-perfect-scrollbar'
-import 'react-perfect-scrollbar/dist/css/styles.css';
+import React, { PureComponent } from "react";
+import PerfectScrollbar from "react-perfect-scrollbar";
+import { User } from "../../types";
+import { getApiUrl, taker } from "../../../../utils/request-v1";
+import { getUserInfo } from "../../../../utils/bs-global";
+import {
+  ListHeader, ListWrapper, List, EmptyWrapper, ListEmptyText,
+} from "../../style";
+import UserItem from "../UserItem";
+import { getLocale, isEn } from "../../../../utils/getLocale";
+import "react-perfect-scrollbar/dist/css/styles.css";
+
 interface Props {
   onSelect:Function
 }
 interface State {
   users: User[]
 }
-export default class CommonList extends PureComponent<Props,State> {
-  constructor(p:Props){
+export default class CommonList extends PureComponent<Props, State> {
+  constructor(p:Props) {
     super(p);
     this.state = {
-      users:[]
-    }
+      users: [],
+    };
   }
-  componentDidMount(){
-    this.getMySubordinates()
+
+  componentDidMount() {
+    this.getMySubordinates();
   }
+
   getMySubordinates = () => {
-    const url = getApiUrl(`org/GetMySubordinates?lv=2&type=0`)
-    taker(url).then(res => {
-      if(res.Code == 1){
-        this.setState({users:(res.Data || []).filter((d:any) => d.User.Id != getUserInfo().Id).map((d:any) => d.User)})
+    const url = getApiUrl("org/GetMySubordinates?lv=2&type=0");
+    taker(url).then((res) => {
+      if (res.Code == 1) {
+        this.setState({ users: (res.Data || []).filter((d:any) => d.User.Id != getUserInfo().Id).map((d:any) => d.User) });
       }
-    })
-  }
+    });
+  };
+
   render() {
-    const {users} = this.state;
-    const hasUser = !!users.length
+    const { users } = this.state;
+    const hasUser = !!users.length;
     return (
       <ListWrapper>
         {
-          hasUser && 
+          hasUser
+          && (
           <ListHeader>
-            <span>{getLocale('OKR_MyO_Butt_Subordinate')}&nbsp;{users.length}{getLocale('Mod_Number')}</span>
-            <i className="tu-icon-add2" onMouseDown={()=>this.props.onSelect(users)}/>
+            <span>
+              {getLocale("OKR_MyO_Butt_Subordinate")}
+&nbsp;
+              {users.length}
+              {getLocale("Mod_Number")}
+            </span>
+            <i className="tu-icon-add2" onMouseDown={() => this.props.onSelect(users)} />
           </ListHeader>
+          )
         }
         {
-          hasUser &&
+          hasUser
+          && (
           <List>
             <PerfectScrollbar>
-              {users.map(u => <UserItem user={u} key={u.Id} onClick={(u:User) => this.props.onSelect([u])}/>)}
+              {users.map((u) => <UserItem user={u} key={u.Id} onClick={(u:User) => this.props.onSelect([u])} />)}
             </PerfectScrollbar>
           </List>
+          )
         }
         {
-          !hasUser && 
+          !hasUser
+          && (
           <EmptyWrapper>
-            <img src={require('../../assets/emptyImg.png')} width="100px"/>
-            <ListEmptyText>{getLocale('Mod_ThereNothing')}...</ListEmptyText>
+            <img src={require("../../assets/emptyImg.png")} width="100px" />
+            <ListEmptyText>
+              {getLocale("Mod_ThereNothing")}
+              ...
+            </ListEmptyText>
           </EmptyWrapper>
+          )
         }
       </ListWrapper>
-    )
+    );
   }
 }

package/src/components-v1/userSelector/components/MultiMode/index.tsx

@@ -1,15 +1,18 @@
-import React, { PureComponent } from 'react';
-import { MutiModeWrapper, MutiModeLeft, MutiModeRight, SelectedHeader, SelectedList, ClearBtn, EmptyText } from '../../style';
-import Tab from '../../../tabs';
-import CommonList from './CommonList';
-import SubsList from './SubsList';
-import { User, Dept } from '../../types';
-import DepartmentList from './DepartmentList';
-import UserItem from '../UserItem';
-import DepartmentTree from './DepartmentTree';
-import PerfectScrollbar from 'react-perfect-scrollbar';
-import { getLocale } from '../../../../utils/getLocale';
-import 'react-perfect-scrollbar/dist/css/styles.css';
+import React, { PureComponent } from "react";
+import PerfectScrollbar from "react-perfect-scrollbar";
+import {
+  MutiModeWrapper, MutiModeLeft, MutiModeRight, SelectedHeader, SelectedList, ClearBtn, EmptyText,
+} from "../../style";
+import Tab from "../../../tabs";
+import CommonList from "./CommonList";
+import SubsList from "./SubsList";
+import { User, Dept } from "../../types";
+import DepartmentList from "./DepartmentList";
+import UserItem from "../UserItem";
+import DepartmentTree from "./DepartmentTree";
+import { getLocale } from "../../../../utils/getLocale";
+import "react-perfect-scrollbar/dist/css/styles.css";
+
 interface Props {
   selectedUser: User[];
   selectedDept: Dept[];
@@ -25,73 +28,80 @@ interface Props {
 
 export default class MutiMode extends PureComponent<Props> {
   tab: any;
+
   handleSelectUser = (users: User[]) => {
     const { selectedUser, onSelectUser } = this.props;
-    let m = {};
-    selectedUser.forEach(user => (m[user.Id] = true));
-    const filterdUsers = users.filter(user => !m[user.Id]);
+    const m = {};
+    selectedUser.forEach((user) => (m[user.Id] = true));
+    const filterdUsers = users.filter((user) => !m[user.Id]);
     if (!filterdUsers.length) return;
     onSelectUser(filterdUsers);
   };
+
   handleDepartment = (d: Dept) => {
     const { selectedDept, onSelectDept } = this.props;
-    if (selectedDept.findIndex(sd => sd.Id == d.Id) != -1) return;
+    if (selectedDept.findIndex((sd) => sd.Id == d.Id) != -1) return;
     onSelectDept(d);
   };
+
   componentDidUpdate(prevProps: Props) {
     if (prevProps.searchTxt != this.props.searchTxt) {
       if (this.props.searchTxt) {
-        this.tab.changeTab('common');
+        this.tab.changeTab("common");
       }
     }
   }
+
   render() {
-    const { selectedUser, selectedDept, onDeleteUser, onDeleteDept, onClear, deptSelectable, rootSelectable } = this.props;
+    const {
+      selectedUser, selectedDept, onDeleteUser, onDeleteDept, onClear, deptSelectable, rootSelectable,
+    } = this.props;
     const deptIsSelected = selectedDept.length > 0;
     const userIsSelected = selectedUser.length > 0;
     const tabOptions = [
       {
-        title: getLocale('OKR_MyO_Butt_Commonlyused'),
-        name: 'common',
+        title: getLocale("OKR_MyO_Butt_Commonlyused"),
+        name: "common",
         component: <CommonList searchTxt={this.props.searchTxt} onSelect={(u: User[]) => this.handleSelectUser(u)} />,
       },
       {
-        title: getLocale('OKR_MyO_Butt_Subordinate'),
-        name: 'sub',
+        title: getLocale("OKR_MyO_Butt_Subordinate"),
+        name: "sub",
         component: <SubsList onSelect={(u: User[]) => this.handleSelectUser(u)} />,
       },
     ];
     // if (!isPlatform('feishu')) {
-      tabOptions.push({
-        title: getLocale('Mod_Department'),
-        name: 'department',
-        component: <DepartmentList rootSelectable={rootSelectable} onSelectUser={(u: User[]) => this.handleSelectUser(u)} onSelectDept={deptSelectable ? (d: Dept) => this.handleDepartment(d) : undefined} />,
-      });
+    tabOptions.push({
+      title: getLocale("Mod_Department"),
+      name: "department",
+      component: <DepartmentList rootSelectable={rootSelectable} onSelectUser={(u: User[]) => this.handleSelectUser(u)} onSelectDept={deptSelectable ? (d: Dept) => this.handleDepartment(d) : undefined} />,
+    });
     // }
     return (
       <MutiModeWrapper>
         <MutiModeLeft>
-          <Tab options={tabOptions} ref={r => (this.tab = r)} />
+          <Tab options={tabOptions} ref={(r) => (this.tab = r)} />
         </MutiModeLeft>
         <MutiModeRight>
           <SelectedHeader>
             <span>
-              {getLocale('Mod_Selecperson')}{selectedUser.length + getLocale('Mod_Number')}
+              {getLocale("Mod_Selecperson")}
+              {selectedUser.length + getLocale("Mod_Number")}
               {deptIsSelected && `,组${selectedDept.length}个`}
             </span>
             <ClearBtn active={deptIsSelected || userIsSelected} onMouseDown={() => onClear()}>
-              {getLocale('OKR_MyO_Pop_Clearselected')}
+              {getLocale("OKR_MyO_Pop_Clearselected")}
             </ClearBtn>
           </SelectedHeader>
           <SelectedList>
             <PerfectScrollbar>
-              {selectedUser.map(u => (
+              {selectedUser.map((u) => (
                 <UserItem user={u} key={u.Id} onDeleteUser={onDeleteUser} />
               ))}
-              {selectedDept.map(d => (
+              {selectedDept.map((d) => (
                 <DepartmentTree tree={d} key={d.Id} level={0} onDeleteDept={onDeleteDept} />
               ))}
-              {!deptIsSelected && !userIsSelected && <EmptyText>{getLocale('Mod_persononleft')}</EmptyText>}
+              {!deptIsSelected && !userIsSelected && <EmptyText>{getLocale("Mod_persononleft")}</EmptyText>}
             </PerfectScrollbar>
           </SelectedList>
         </MutiModeRight>