Fix `npm run eslint` command

Signed-off-by: Mihaela Balutoiu <mbalutoiu@cloudbasesolutions.com>

server/index.js

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
 require("@babel/register")({ extensions: [".ts", ".js"] });
 require("dotenv").config();
 require("./start");

src/components/modules/DashboardModule/DashboardBarChart/DashboardBarChart.tsx

@@ -207,7 +207,6 @@ class DashboardBarChart extends React.Component<Props> {
                 const height = (value / this.range) * 100;
                 return height > 0 ? (
                   <StackedBar
-                    // eslint-disable-next-line react/no-array-index-key
                     key={`${item.label}-${i}`}
                     background={
                       this.props.colors

src/components/modules/DashboardModule/DashboardExecutions/DashboardExecutions.tsx

@@ -128,7 +128,6 @@ const EmptyBackgroundImage = styled.div<any>`
 `;
 
 type Props = {
-  // eslint-disable-next-line react/no-unused-prop-types
   replicas: TransferItem[];
   migrations: TransferItem[];
   loading: boolean;

src/components/modules/DashboardModule/DashboardTopEndpoints/DashboardTopEndpoints.tsx

@@ -135,9 +135,7 @@ type GroupedEndpoint = {
   value: number;
 };
 type Props = {
-  // eslint-disable-next-line react/no-unused-prop-types
   transfers: TransferItem[];
-  // eslint-disable-next-line react/no-unused-prop-types
   endpoints: Endpoint[];
   style: React.CSSProperties;
   loading: boolean;

src/components/modules/DetailsModule/DetailsContentHeader/story.tsx

@@ -12,7 +12,6 @@ You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-/* eslint-disable react/jsx-props-no-spreading */
 
 import React from "react";
 import { storiesOf } from "@storybook/react";

src/components/modules/EndpointModule/ChooseProvider/MultipleUploadedEndpoints.tsx

@@ -248,7 +248,6 @@ class MultipleUploadedEndpoints extends React.Component<Props, State> {
         {this.props.endpoints.map((endpoint, i) => {
           if (typeof endpoint === "string") {
             return (
-              // eslint-disable-next-line react/no-array-index-key
               <InvalidEndpoint key={i}>
                 File may contain an unsupported provider type: {endpoint}
               </InvalidEndpoint>

src/components/modules/EndpointModule/ChooseProvider/story.tsx

@@ -26,6 +26,5 @@ const providers: any = {
 };
 const props: any = {};
 storiesOf("ChooseProvider", module).add("all", () => (
-  // eslint-disable-next-line react/jsx-props-no-spreading
   <ChooseProvider {...props} providers={providers} />
 ));

src/components/modules/EndpointModule/EndpointDetailsContent/story.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react/jsx-props-no-spreading */
 /*
 Copyright (C) 2017  Cloudbase Solutions SRL
 This program is free software: you can redistribute it and/or modify

src/components/modules/EndpointModule/EndpointLogos/EndpointLogos.tsx

@@ -89,7 +89,6 @@ class EndpointLogos extends React.Component<Props> {
     }
 
     return (
-      // eslint-disable-next-line react/jsx-props-no-spreading
       <Wrapper {...this.props}>
         <Logo width={size.w} height={size.h} url={imageUrl}>
           {imageUrl ? null : this.renderGenericLogo(size)}

src/components/modules/EndpointModule/EndpointValidation/story.tsx

@@ -12,7 +12,6 @@ You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-/* eslint-disable react/jsx-props-no-spreading */
 
 import React from "react";
 import { storiesOf } from "@storybook/react";

src/components/modules/LoginModule/LoginFormField/LoginFormField.tsx

@@ -44,7 +44,6 @@ const LoginFormField = (props: Props) => (
   <Wrapper>
     <FormFieldLabel>{props.label}</FormFieldLabel>
     <StyledTextInput
-      // eslint-disable-next-line react/jsx-props-no-spreading
       {...props}
       onChange={props.onChange}
     />

src/components/modules/SetupModule/SetupPageLegal/SetupPageLegal.tsx

@@ -266,7 +266,6 @@ class SetupPageLegal extends React.Component<Props, State> {
           <Dropdown
             width={450}
             items={this.sourcePlatformItems}
-            // eslint-disable-next-line react/no-unstable-nested-components
             labelRenderer={(item: PlatformDropdownItemType, idx: number) => (
               <PlatformItemRenderer>
                 <PlatformLogoBackground whiteBackground={idx > 0}>
@@ -290,7 +289,6 @@ class SetupPageLegal extends React.Component<Props, State> {
           <Dropdown
             width={450}
             items={this.destinationPlatformItems}
-            // eslint-disable-next-line react/no-unstable-nested-components
             labelRenderer={(item: PlatformDropdownItemType, idx: number) => (
               <PlatformItemRenderer>
                 <PlatformLogoBackground whiteBackground={idx > 0}>

src/components/modules/TransferModule/DeploymentDetailsContent/story.tsx

@@ -12,7 +12,6 @@ You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-/* eslint-disable react/jsx-props-no-spreading */
 
 import React from "react";
 import { storiesOf } from "@storybook/react";

src/components/modules/TransferModule/DeploymentOptions/story.tsx

@@ -18,7 +18,6 @@ import ReplicaDeploymentOptions from ".";
 
 const props: any = {};
 storiesOf("ReplicaDeploymentOptions", module).add("default", () => (
-  // eslint-disable-next-line react/jsx-props-no-spreading
   <div style={{ width: "562px" }}>
     <ReplicaDeploymentOptions {...props} />
   </div>

src/components/modules/TransferModule/Executions/story.tsx

@@ -12,7 +12,6 @@ You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-/* eslint-disable react/jsx-props-no-spreading */
 
 import React from "react";
 import { storiesOf } from "@storybook/react";

src/components/modules/TransferModule/MainDetails/story.tsx

@@ -12,7 +12,6 @@ You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-/* eslint-disable react/jsx-props-no-spreading */
 
 import React from "react";
 import { storiesOf } from "@storybook/react";

src/components/modules/TransferModule/Schedule/story.tsx

@@ -12,7 +12,6 @@ You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-/* eslint-disable react/jsx-props-no-spreading */
 
 import React from "react";
 import { storiesOf } from "@storybook/react";

src/components/modules/TransferModule/TaskItem/TaskItem.tsx

@@ -338,7 +338,6 @@ class TaskItem extends React.Component<Props> {
           const progressPercentage = this.getProgressPercentage(update);
 
           return (
-            // eslint-disable-next-line react/no-array-index-key
             <ProgressUpdateDiv
               key={i}
               secondary={

src/components/modules/TransferModule/Timeline/story.tsx

@@ -57,7 +57,6 @@ class Wrapper extends React.Component<any> {
   render() {
     return (
       <Timeline
-        // eslint-disable-next-line react/jsx-props-no-spreading
         {...this.props}
         onPreviousClick={() => {
           this.handlePreviousClick();

src/components/modules/TransferModule/TransferDetailsContent/story.tsx

@@ -12,7 +12,6 @@ You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-/* eslint-disable react/jsx-props-no-spreading */
 
 import React from "react";
 import { storiesOf } from "@storybook/react";

src/components/modules/TransferModule/TransferExecutionOptions/story.tsx

@@ -18,7 +18,6 @@ import ReplicaExecutionOptions from ".";
 
 const props: any = {};
 storiesOf("ReplicaExecutionOptions", module).add("default", () => (
-  // eslint-disable-next-line react/jsx-props-no-spreading
   <div style={{ width: "562px" }}>
     <ReplicaExecutionOptions {...props} />
   </div>

src/components/modules/WizardModule/WizardEndpointList/WizardEndpointList.tsx

@@ -159,7 +159,6 @@ class WizardEndpointList extends React.Component<Props> {
         i === this.props.providers.length - 1 && lastItems.length < itemsPerRow;
       if (i % itemsPerRow === itemsPerRow - 1 || isIncomplete) {
         rows.push(
-          // eslint-disable-next-line react/no-array-index-key
           <Row key={i} isIncomplete={isIncomplete}>
             {lastItems}
           </Row>

src/components/modules/WizardModule/WizardEndpointList/story.tsx

@@ -32,6 +32,5 @@ const endpoints: any = [
 ];
 const props: any = {};
 storiesOf("WizardEndpointList", module).add("default", () => (
-  // eslint-disable-next-line react/jsx-props-no-spreading
   <WizardEndpointList providers={providers} endpoints={endpoints} {...props} />
 ));

src/components/modules/WizardModule/WizardExecuteOptions/WizardExecuteOptions.tsx

@@ -298,7 +298,6 @@ class WizardExecuteOptions extends React.Component<Props, State> {
         width={this.props.fieldWidth || ThemeProps.inputSizes.wizard.width}
         nullableBoolean={field.nullableBoolean}
         disabled={field.disabled}
-        // eslint-disable-next-line react/jsx-props-no-spreading
         {...additionalProps}
       />
     );

src/components/modules/WizardModule/WizardInstances/story.tsx

@@ -12,7 +12,6 @@ You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-/* eslint-disable react/jsx-props-no-spreading */
 
 import React from "react";
 import { storiesOf } from "@storybook/react";

src/components/modules/WizardModule/WizardNetworks/story.tsx

@@ -12,7 +12,6 @@ You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-/* eslint-disable react/jsx-props-no-spreading */
 
 import React from "react";
 import { storiesOf } from "@storybook/react";

src/components/modules/WizardModule/WizardOptions/WizardOptions.tsx

@@ -373,7 +373,6 @@ class WizardOptions extends React.Component<Props> {
   }
 
   // Called only by parent components
-  // eslint-disable-next-line
   highlightFields(): boolean {
     const highlightedFields: Field[] = findInvalidFields(
       this.props.data,
@@ -484,7 +483,6 @@ class WizardOptions extends React.Component<Props> {
           this.props.optionsLoading &&
           !optionsLoadingReqFields.find(fn => fn === field.name)
         }
-        // eslint-disable-next-line react/jsx-props-no-spreading
         {...additionalProps}
       />
     );

src/components/modules/WizardModule/WizardOptions/story.tsx

@@ -12,7 +12,6 @@ You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-/* eslint-disable react/jsx-props-no-spreading */
 
 import React from "react";
 import { storiesOf } from "@storybook/react";

src/components/modules/WizardModule/WizardStorage/WizardStorage.tsx

@@ -420,13 +420,11 @@ class WizardStorage extends React.Component<Props> {
       };
       return items.length > 10 ? (
         <AutocompleteDropdown
-          // eslint-disable-next-line react/jsx-props-no-spreading
           {...commonProps}
           dimNullValue
         />
       ) : (
         <Dropdown
-          // eslint-disable-next-line react/jsx-props-no-spreading
           {...commonProps}
           noSelectionMessage="Choose a value"
           dimFirstItem

src/components/modules/WizardModule/WizardSummary/story.tsx

@@ -12,7 +12,6 @@ You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-/* eslint-disable react/jsx-props-no-spreading */
 
 import React from "react";
 import { storiesOf } from "@storybook/react";

src/components/smart/EndpointsPage/EndpointsPage.tsx

@@ -341,7 +341,6 @@ class EndpointsPage extends React.Component<Props, State> {
               itemFilterFunction={(...args) => this.itemFilterFunction(...args)}
               renderItemComponent={options => (
                 <EndpointListItem
-                  // eslint-disable-next-line react/jsx-props-no-spreading
                   {...options}
                   getUsage={endpoint => this.getEndpointUsage(endpoint.id)}
                 />

src/components/ui/AlertModal/AlertModal.tsx

@@ -117,7 +117,6 @@ class AlertModal extends React.Component<Props> {
         : this.props.type || "confirmation";
 
     return (
-      // eslint-disable-next-line react/jsx-props-no-spreading
       <Modal {...this.props} isOpen={this.props.isOpen || false}>
         <Wrapper>
           <StatusImage status={status} />

src/components/ui/Arrow/Arrow.tsx

@@ -66,7 +66,6 @@ class Arrow extends React.Component<Props> {
     color = this.props.disabled ? ThemePalette.grayscale[0] : color;
     return (
       <Wrapper
-        // eslint-disable-next-line react/jsx-props-no-spreading
         {...this.props}
         dangerouslySetInnerHTML={{
           __html: this.props.thick ? arrowThickImage(color) : arrowImage(color),

src/components/ui/Button/Button.tsx

@@ -132,7 +132,6 @@ const StyledButton = styled.button`
 `;
 
 const Button = (props: any) => (
-  // eslint-disable-next-line react/jsx-props-no-spreading
   <StyledButton
     {...props}
     onFocus={e => {

src/components/ui/CopyButton/CopyButton.tsx

@@ -33,7 +33,6 @@ const Wrapper = styled.span`
 class CopyButton extends React.Component<any> {
   render() {
     return (
-      // eslint-disable-next-line react/jsx-props-no-spreading
       <Wrapper {...this.props} />
     );
   }

src/components/ui/DatetimePicker/story.tsx

@@ -20,7 +20,6 @@ import DatetimePicker from ".";
 const Wrapper = (props: any) => (
   <div style={{ marginLeft: "100px" }}>
     <DatetimePicker
-      // eslint-disable-next-line react/jsx-props-no-spreading
       {...props}
       onChange={() => {}}
     />

src/components/ui/Dropdowns/AutocompleteDropdown/AutocompleteDropdown.tsx

@@ -473,7 +473,6 @@ class AutocompleteDropdown extends React.Component<Props, State> {
       >
         {this.state.filteredItems.map((item, i) => {
           if (item.separator === true) {
-            // eslint-disable-next-line react/no-array-index-key
             return <Separator key={`sep-${i}`} />;
           }
           const label = this.getLabel(item);
@@ -566,7 +565,6 @@ class AutocompleteDropdown extends React.Component<Props, State> {
       selectedItemValue !== null && selectedItemValue === firstItemValue;
 
     const list = ReactDOM.createPortal(
-      // eslint-disable-next-line react/jsx-props-no-spreading
       <List
         {...this.props}
         ref={(ref: HTMLElement | null | undefined) => {

src/components/ui/Dropdowns/Dropdown/Dropdown.tsx

@@ -673,7 +673,6 @@ class Dropdown extends React.Component<Props, State> {
 
     const list = ReactDOM.createPortal(
       <List
-        // eslint-disable-next-line react/jsx-props-no-spreading
         {...this.props}
         ref={(ref: HTMLElement | null | undefined) => {
           this.listRef = ref;
@@ -693,7 +692,6 @@ class Dropdown extends React.Component<Props, State> {
         >
           {this.props.items.map((item, i) => {
             if (item.separator === true) {
-              // eslint-disable-next-line react/no-array-index-key
               return <Separator key={`sep-${i}`} />;
             }
 
@@ -820,7 +818,6 @@ class Dropdown extends React.Component<Props, State> {
         }}
       >
         <DropdownButton
-          // eslint-disable-next-line react/jsx-props-no-spreading
           {...this.props}
           customRef={ref => {
             this.buttonRef = ref;

src/components/ui/Dropdowns/Dropdown/story.tsx

@@ -12,7 +12,6 @@ You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-/* eslint-disable max-classes-per-file */
 
 import React from "react";
 import { storiesOf } from "@storybook/react";
@@ -49,7 +48,7 @@ class Wrapper extends React.Component<any, any> {
         onChange={item => {
           this.handleChange(item);
         }}
-        // eslint-disable-next-line react/jsx-props-no-spreading
+         
         {...this.props}
       />
     );
@@ -91,7 +90,7 @@ class MultipleSelectionWrapper extends React.Component<Props, State> {
             }));
           }
         }}
-        // eslint-disable-next-line react/jsx-props-no-spreading
+         
         {...this.props}
       />
     );

src/components/ui/Dropdowns/DropdownButton/DropdownButton.tsx

@@ -187,7 +187,6 @@ class DropdownButton extends React.Component<Props> {
     const disabled = this.props.disabled || this.props.disabledLoading;
     return (
       <Wrapper
-        // eslint-disable-next-line react/jsx-props-no-spreading
         {...this.props}
         disabled={disabled}
         disabledLoading={this.props.disabledLoading}
@@ -203,7 +202,6 @@ class DropdownButton extends React.Component<Props> {
         }}
       >
         <Label
-          // eslint-disable-next-line react/jsx-props-no-spreading
           {...this.props}
           onClick={() => {}}
           ref={() => {}}
@@ -212,7 +210,6 @@ class DropdownButton extends React.Component<Props> {
           {this.props.value}
         </Label>
         <Arrow
-          // eslint-disable-next-line react/jsx-props-no-spreading
           {...this.props}
           ref={(ref: HTMLElement) => {
             if (this.props.arrowRef) this.props.arrowRef(ref);

src/components/ui/Dropdowns/DropdownFilter/story.tsx

@@ -24,7 +24,6 @@ class Wrapper extends React.Component {
   render() {
     return (
       <DropdownFilter
-        // eslint-disable-next-line react/jsx-props-no-spreading
         {...this.props}
         searchValue={this.state.value}
         onSearchChange={(value: string) => {

src/components/ui/Dropdowns/DropdownLink/story.tsx

@@ -66,7 +66,6 @@ class Wrapper extends React.Component<any, State> {
                     : ""
               : undefined
           }
-          // eslint-disable-next-line react/jsx-props-no-spreading
           {...this.props}
         />
       </div>

src/components/ui/FieldInput/FieldInput.tsx

@@ -333,7 +333,6 @@ class FieldInput extends React.Component<Props> {
     if (items.length < 10) {
       return (
         <Dropdown
-          // eslint-disable-next-line react/jsx-props-no-spreading
           {...commonProps}
           noSelectionMessage="Choose a value"
           dimFirstItem={this.props.addNullValue}
@@ -342,7 +341,6 @@ class FieldInput extends React.Component<Props> {
     }
     return (
       <AutocompleteDropdown
-        // eslint-disable-next-line react/jsx-props-no-spreading
         {...commonProps}
         dimNullValue
       />

src/components/ui/Lists/FilterList/story.tsx

@@ -12,7 +12,6 @@ You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-/* eslint-disable react/jsx-props-no-spreading */
 
 import React from "react";
 import { storiesOf } from "@storybook/react";

src/components/ui/Lists/MainListFilter/story.tsx

@@ -46,7 +46,6 @@ class Wrapper extends React.Component<any> {
         selectionInfo={{ total: 0, selected: 0, label: "" }}
         items={[]}
         dropdownActions={[]}
-        // eslint-disable-next-line react/jsx-props-no-spreading
         {...this.props}
         selectedValue={this.state.selectedValue}
         selectAllSelected={this.state.selectAllSelected}

src/components/ui/Lists/MainMultiFilterList/story.tsx

@@ -46,7 +46,6 @@ class Wrapper extends React.Component<any> {
         selectionInfo={{ total: 0, selected: 0, label: "" }}
         items={[]}
         dropdownActions={[]}
-        // eslint-disable-next-line react/jsx-props-no-spreading
         {...this.props}
         selectedValue={this.state.selectedValue}
         selectAllSelected={this.state.selectAllSelected}

src/components/ui/LoadingButton/LoadingButton.tsx

@@ -45,7 +45,6 @@ type Props = {
 class LoadingButton extends React.Component<Props> {
   render() {
     return (
-      // eslint-disable-next-line react/jsx-props-no-spreading
       <ButtonStyled {...this.props} disabled>
         <span>
           {this.props.children}

src/components/ui/ProgressBar/story.tsx

@@ -17,7 +17,6 @@ import { storiesOf } from "@storybook/react";
 
 import ProgressBar from ".";
 
-// eslint-disable-next-line react/jsx-props-no-spreading
 const Wrapper = (props: any) => (
   <div style={{ width: "800px" }}>
     <ProgressBar {...props} />

src/components/ui/PropertiesTable/PropertiesTable.tsx

@@ -187,7 +187,6 @@ class PropertiesTable extends React.Component<Props> {
         <Dropdown
           noSelectionMessage="Choose a value"
           dimFirstItem
-          // eslint-disable-next-line react/jsx-props-no-spreading
           {...commonProps}
         />
       );
@@ -195,7 +194,6 @@ class PropertiesTable extends React.Component<Props> {
     return (
       <AutocompleteDropdown
         dimNullValue
-        // eslint-disable-next-line react/jsx-props-no-spreading
         {...commonProps}
       />
     );

src/components/ui/RadioInput/RadioInput.tsx

@@ -12,7 +12,6 @@ You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-/* eslint-disable react/jsx-props-no-spreading */
 
 import * as React from "react";
 import { observer } from "mobx-react";
@@ -72,7 +71,6 @@ class RadioInput extends React.Component<Props> {
   }
 
   render() {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const { onChange, ...props } = this.props;
     const disabled = this.props.disabled || this.props.disabledLoading;
     return (

src/components/ui/ReloadButton/ReloadButton.tsx

@@ -74,7 +74,6 @@ class ReloadButton extends React.Component<Props> {
           ref={(div: HTMLElement | null | undefined) => {
             this.wrapper = div;
           }}
-          // eslint-disable-next-line react/jsx-props-no-spreading
           {...this.props}
           onClick={() => {
             this.onClick();

src/components/ui/SearchButton/SearchButton.tsx

@@ -42,7 +42,6 @@ type Props = {
 class SearchButton extends React.Component<Props> {
   render() {
     return (
-      // eslint-disable-next-line react/jsx-props-no-spreading
       <Wrapper className={this.props.className} {...this.props}>
         <Icon
           dangerouslySetInnerHTML={{

src/components/ui/SearchInput/story.tsx

@@ -24,7 +24,6 @@ class Wrapper extends React.Component<any> {
   render() {
     return (
       <SearchInput
-        // eslint-disable-next-line react/jsx-props-no-spreading
         {...this.props}
         value={this.state.value}
         onChange={value => {

src/components/ui/StatusComponents/StatusIcon/StatusIcon.tsx

@@ -145,7 +145,6 @@ class StatusIcon extends React.Component<Props> {
   render() {
     const { status } = this.props;
     return (
-      // eslint-disable-next-line react/jsx-props-no-spreading
       <Wrapper {...this.props} status={status} />
     );
   }

src/components/ui/StatusComponents/StatusPill/StatusPill.tsx

@@ -228,7 +228,6 @@ class StatusPill extends React.Component<Props> {
 
     return (
       <Wrapper
-        // eslint-disable-next-line react/jsx-props-no-spreading
         {...this.props}
         status={status}
         primary={this.props.primary}

src/components/ui/Stepper/Stepper.tsx

@@ -191,7 +191,6 @@ class Stepper extends React.Component<Props, State> {
   }
 
   render() {
-    // eslint-disable-next-line @typescript-eslint/naming-convention
     const { _ref, value, type } = this.props;
     let downImageRef: HTMLElement | null | undefined;
     let upImageRef: HTMLElement | null | undefined;
@@ -209,7 +208,6 @@ class Stepper extends React.Component<Props, State> {
     return (
       <Wrapper disabledLoading={this.props.disabledLoading}>
         <Input
-          // eslint-disable-next-line react/jsx-props-no-spreading
           {...this.props}
           onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) => {
             this.handleKeyDown(e);

src/components/ui/Switch/story.tsx

@@ -37,7 +37,6 @@ class Wrapper extends React.Component<Props> {
   render() {
     return (
       <Switch
-        // eslint-disable-next-line react/jsx-props-no-spreading
         {...this.props}
         checked={this.state.checked}
         onChange={checked => {

src/components/ui/Table/Table.tsx

@@ -143,7 +143,6 @@ class Table extends React.Component<Props> {
                 ? this.props.columnsWidths[i]
                 : dataWidth
             }
-            // eslint-disable-next-line react/no-array-index-key
             key={i}
             secondary={this.props.useSecondaryStyle}
           >
@@ -178,7 +177,6 @@ class Table extends React.Component<Props> {
     return (
       <Body customStyle={this.props.bodyStyle}>
         {this.props.items.map((row, i) => (
-          // eslint-disable-next-line react/no-array-index-key
           <Row key={i} secondary={this.props.useSecondaryStyle}>
             {row.constructor === Array
               ? row.map((data, j) => {
@@ -189,7 +187,6 @@ class Table extends React.Component<Props> {
                   }
 
                   return (
-                    // eslint-disable-next-line react/no-array-index-key
                     <RowData
                       customStyle={columnStyle}
                       width={dataWidth}

src/components/ui/TextArea/TextArea.tsx

@@ -84,7 +84,6 @@ class TextArea extends React.Component<any> {
     return (
       <Wrapper>
         <Input
-          // eslint-disable-next-line react/jsx-props-no-spreading
           {...this.props}
           disabled={this.props.disabled || this.props.disabledLoading}
           disabledLoading={this.props.disabledLoading}

src/components/ui/TextInput/TextInput.tsx

@@ -127,7 +127,6 @@ type Props = {
 };
 const TextInput = (props: Props) => {
   const {
-    // eslint-disable-next-line @typescript-eslint/naming-convention
     _ref,
     value,
     onChange,
@@ -150,7 +149,6 @@ const TextInput = (props: Props) => {
         type="text"
         value={value}
         onChange={onChange}
-        // eslint-disable-next-line react/jsx-props-no-spreading
         {...otherProps}
         onKeyDown={onInputKeyDown}
         disabled={actualDisabled}

src/components/ui/TextInput/story.tsx

@@ -28,7 +28,6 @@ class StatefulInput extends React.Component<any> {
   render() {
     return (
       <TextInput
-        // eslint-disable-next-line react/jsx-props-no-spreading
         {...this.props}
         value={this.state.value}
         onChange={e => {

src/plugins/azure/ContentPlugin.tsx

@@ -159,7 +159,6 @@ class ContentPlugin extends React.Component<Props, State> {
       : null;
   }
 
-  // eslint-disable-next-line react/no-unused-class-component-methods
   findInvalidFields = () => {
     const invalidFields: any[] = [];
     const selectedLoginTypeField = this.getSelectedLoginTypeField();

src/plugins/default/ContentPlugin.tsx

@@ -150,7 +150,6 @@ class ContentPlugin extends React.Component<Props> {
     this.props.onRef(undefined);
   }
 
-  // eslint-disable-next-line react/no-unused-class-component-methods
   findInvalidFields = () =>
     findInvalidFields(
       this.props.connectionInfoSchema,

src/plugins/metal/ContentPlugin.tsx

@@ -66,7 +66,6 @@ class ContentPlugin extends React.Component<Props> {
     this.props.onRef(undefined);
   }
 
-  // eslint-disable-next-line react/no-unused-class-component-methods
   findInvalidFields = () =>
     findInvalidFields(
       this.props.connectionInfoSchema,

src/plugins/openstack/ConnectionSchemaPlugin.ts

@@ -101,9 +101,7 @@ export default class ConnectionSchemaParser extends ConnectionSchemaParserBase {
     if (data.openstack_use_current_user) {
       return {};
     }
-    // eslint-disable-next-line no-param-reassign
     delete data.project_domain;
-    // eslint-disable-next-line no-param-reassign
     delete data.user_domain;
     const payload = super.parseConnectionInfoToPayload(data, schema);
     return payload;

src/plugins/openstack/ContentPlugin.tsx

@@ -172,7 +172,6 @@ class ContentPlugin extends React.Component<Props, State> {
     return fieldValue;
   }
 
-  // eslint-disable-next-line react/no-unused-class-component-methods
   findInvalidFields = () => {
     const inputChoices = ["user_domain", "project_domain"];
 
@@ -396,7 +395,6 @@ class ContentPlugin extends React.Component<Props, State> {
           field.name === "ceph_options/ceph_conf_file" ||
           field.name === "ceph_options/ceph_keyring_file"
         ) {
-          // eslint-disable-next-line no-param-reassign
           field.useTextArea = true;
         }
 

src/sources/DeploymentSource.ts

@@ -87,17 +87,14 @@ class DeploymentSource {
     deployment: DeploymentItemOptions
   ): Promise<DeploymentItem> {
     const {
-      // eslint-disable-next-line @typescript-eslint/naming-convention
       origin_endpoint_id,
       destination_endpoint_id,
       destination_environment,
-      // eslint-disable-next-line @typescript-eslint/naming-convention
       network_map,
       instances,
       storage_mappings,
       notes,
       destination_minion_pool_id,
-      // eslint-disable-next-line @typescript-eslint/naming-convention
       origin_minion_pool_id,
       instance_osmorphing_minion_pool_mappings,
     } = deployment;

src/stores/WizardStore.ts

@@ -286,13 +286,11 @@ class WizardStore {
         return schedule;
       }
       if (data.schedule) {
-        // eslint-disable-next-line no-param-reassign
         schedule.schedule = {
           ...schedule.schedule,
           ...data.schedule,
         };
       } else {
-        // eslint-disable-next-line no-param-reassign
         schedule = {
           ...schedule,
           ...data,

src/utils/ApiCaller.ts

@@ -141,7 +141,6 @@ class ApiCaller {
       if (error.response) {
         throw apiCallerHandlers.handleErrorResponse(error);
       } else if (error.request) {
-        // eslint-disable-next-line @typescript-eslint/no-throw-literal
         throw apiCallerHandlers.handleErrorRequest(error);
       } else {
         throw apiCallerHandlers.handleRequestCancel(error);

src/utils/ApiLogger.ts

@@ -114,7 +114,6 @@ class ApiLogger {
       options.requestError.response &&
       options.requestError.response.data
     ) {
-      // eslint-disable-next-line no-param-reassign
       options.requestError = options.requestError.response.data.error;
     }