web: components: Applied eslint recommendations

web/ASC.Web.Components/src/components/avatar-editor/index.js

@@ -50,7 +50,7 @@ class AvatarEditorBody extends React.Component {
             this.setState({
                 hasMaxSizeError: false
             });
-        };
+        }
     }
     onFileLoad(file){
         let reader = new FileReader();

web/ASC.Web.Components/src/components/context-menu-button/index.js

@@ -102,7 +102,7 @@ class ContextMenuButton extends React.PureComponent {
         </DropDown>
       </StyledOuther>
     );
-  };
+  }
 }
 
 ContextMenuButton.propTypes = {

web/ASC.Web.Components/src/components/filter-input/index.js

@@ -147,7 +147,7 @@ class FilterInput extends React.Component {
         })
     }
     onChangeSortDirection(key) {
-        this.onFilter(this.state.filterValues, this.state.sortId, !!key ? "desc" : "asc");
+        this.onFilter(this.state.filterValues, this.state.sortId, key ? "desc" : "asc");
         this.setState({ sortDirection: !!key });
     }
     getDefaultSelectedIndex() {
@@ -228,7 +228,7 @@ class FilterInput extends React.Component {
                         if (hiddenItem) newHideFilterItems.push(hiddenItem);
                         newOpenFilterItems.splice(newOpenFilterItems.findIndex(x => x.key === filterArr[i].getAttribute('id')), 1);
                     }
-                };
+                }
             }
             this.setState({
                 openFilterItems: newOpenFilterItems,
@@ -294,7 +294,7 @@ class FilterInput extends React.Component {
     onClickFilterItem(event, filterItem) {
         const currentFilterItems = cloneObjectsArray(this.state.filterValues);
 
-        if (!!filterItem.subgroup) {
+        if (filterItem.subgroup) {
             const indexFilterItem = currentFilterItems.findIndex(x => x.group === filterItem.subgroup);
             if (indexFilterItem != -1) {
                 currentFilterItems.splice(indexFilterItem, 1);
@@ -387,7 +387,7 @@ class FilterInput extends React.Component {
     shouldComponentUpdate(nextProps, nextState) {
         if (!isEqual(this.props.selectedFilterData, nextProps.selectedFilterData)) {
             let internalFilterData = cloneObjectsArray(this.state.filterValues);
-            if (!!nextProps.selectedFilterData.filterValues) {
+            if (nextProps.selectedFilterData.filterValues) {
                 internalFilterData = convertToInternalData(this.props.getFilterData(), cloneObjectsArray(nextProps.selectedFilterData.filterValues));
                 this.updateFilter(internalFilterData);
             }
@@ -479,7 +479,7 @@ class FilterInput extends React.Component {
 
         );
     }
-};
+}
 
 FilterInput.protoTypes = {
     autoRefresh: PropTypes.bool,

web/ASC.Web.Components/src/components/icon-button/index.js

@@ -114,8 +114,8 @@ class IconButton extends React.Component{
                 {React.createElement(Icons[this.state.currentIconName], {size: "scale", color: this.state.currentIconColor, isfill: this.props.isFill})}
             </StyledOuter>
         );
-    };
-};
+    }
+}
 
 IconButton.propTypes = {
     color: PropTypes.string,

web/ASC.Web.Components/src/components/layout/index.js

@@ -14,7 +14,7 @@ class Layout extends React.Component {
     super(props);
     this.timeout = null;
     this.state = this.mapPropsToState(props);
-  };
+  }
 
   /*shouldComponentUpdate() {
     return false;

web/ASC.Web.Components/src/components/layout/sub-components/profile-actions.js

@@ -27,7 +27,7 @@ class ProfileActions extends React.PureComponent {
 
     if(props.opened)
       handleAnyClick(true, this.handleClick);
-  };
+  }
 
   handleClick = (e) => {
     this.state.opened && !this.ref.current.contains(e.target) && this.toggle(false);

web/ASC.Web.Components/src/components/link-with-dropdown/index.js

@@ -202,7 +202,7 @@ class LinkWithDropdown extends React.PureComponent {
             </>
 
         );
-    };
+    }
 }
 
 LinkWithDropdown.propTypes = {

web/ASC.Web.Components/src/components/page-layout/index.js

@@ -18,7 +18,7 @@ class PageLayout extends React.PureComponent {
   constructor(props) {
     super(props);
     this.state = this.mapPropsToState(props);
-  };
+  }
 
   componentDidUpdate(prevProps, prevState) {
     if (this.hasChanges(this.props,prevProps)) {

web/ASC.Web.Components/src/components/page-layout/sub-comoponents/article.js

@@ -47,7 +47,7 @@ class Article extends React.Component {
     return (
       <StyledArticle {...this.props} />
     );
-  };
-};
+  }
+}
 
 export default Article;

web/ASC.Web.Components/src/components/page-layout/sub-comoponents/section.js

@@ -15,7 +15,7 @@ class Section extends React.Component {
   render() {
     //console.log("PageLayout Section render");
     return (<StyledSection {...this.props} />);
-  };
-};
+  }
+}
 
 export default Section;

web/ASC.Web.Components/src/components/radio-button-group/index.js

@@ -29,7 +29,7 @@ class RadioButtonGroup extends React.Component {
     if (this.props.selected !== prevProps.selected) {
       this.setState({ selectedOption: this.props.selected });
     }
-  };
+  }
 
   render() {
     const options = this.props.options;
@@ -57,8 +57,8 @@ class RadioButtonGroup extends React.Component {
         }
       </StyledDiv>
     );
-  };
-};
+  }
+}
 
 RadioButtonGroup.propTypes = {
   isDisabled: PropTypes.bool,

web/ASC.Web.Components/src/components/radio-button/index.js

@@ -69,7 +69,7 @@ const RadiobuttonIcon = ({ isChecked, isDisabled }) => {
   if (isDisabled) {
     newProps.isfill = true;
     newProps.color = "#F8F9F9";
-  };
+  }
 
   return <>{React.createElement(Icons[iconName], { ...newProps })}</>;
 };
@@ -89,7 +89,7 @@ class RadioButton extends React.Component {
     if (this.props.isChecked !== prevProps.isChecked) {
       this.setState({ isChecked: this.props.isChecked });
     }
-  };
+  }
 
   render() {
 
@@ -117,8 +117,8 @@ class RadioButton extends React.Component {
         </Text.Body>
       </Label>
     );
-  };
-};
+  }
+}
 
 RadioButton.propTypes = {
   isChecked: PropTypes.bool,

web/ASC.Web.Components/src/components/search-input/index.js

@@ -33,7 +33,7 @@ class SearchInput extends React.Component {
       inputValue: ''
     });
     if(typeof this.props.onClearSearch === 'function') this.props.onClearSearch();
-  };
+  }
   onInputChange(e) {
     this.setState({
       inputValue: e.target.value
@@ -103,7 +103,7 @@ class SearchInput extends React.Component {
       </StyledSearchInput>
     );
   }
-};
+}
 
 SearchInput.propTypes = {
   id: PropTypes.string,

web/ASC.Web.Components/src/components/toast/all.toast.stories.js

@@ -39,13 +39,13 @@ class TostWrapper extends React.Component {
     toastr.clear();
     ReactDOM.unmountComponentAtNode(this.toastContainer);
     document.body.removeChild(this.toastContainer);
-  };
+  }
 
   render() {
     return (<></>);
   }
 
-};
+}
 
 storiesOf('Components|Toast', module)
   .addParameters({ viewport: { defaultViewport: 'responsive' } })

web/ASC.Web.Components/src/components/toggle-content/index.js

@@ -51,7 +51,7 @@ class ToggleContent extends React.Component {
     if (this.props.isOpen !== prevProps.isOpen) {
       this.setState({ isOpen: this.props.isOpen });
     }
-  };
+  }
 
   render() {
     //console.log("ToggleContent render");