More ESLint fixes

Author: guzmanvig

.eslintrc.json

@@ -21,16 +21,10 @@
     "react-hooks"
   ],
   "rules": {
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/no-unused-vars": "off",
     "@typescript-eslint/ban-ts-comment": "warn",
     "@typescript-eslint/no-empty-function": "warn",
-    "@typescript-eslint/padding-line-between-statements": [
-      "error",
-      {
-        "blankLine": "always",
-        "prev": "*",
-        "next": ["class", "export", "function", "interface", "type"]
-      }
-    ],
     "no-empty": "warn",
     "no-console": ["error", { "allow": ["warn", "error"] }],
     "react/jsx-sort-props": [2, { "reservedFirst": true, "callbacksLast": true }],

src/Circular/Annotations.tsx

@@ -75,7 +75,7 @@ export class Annotations extends React.PureComponent<AnnotationsProps> {
                     lineHeight={lineHeight}
                     seqLength={this.props.seqLength}
                   />
-                ))
+                )),
               );
             }, [])}
           </g>

src/Circular/Circular.tsx

@@ -128,7 +128,7 @@ export default class Circular extends React.Component<CircularProps, CircularSta
         ...c,
         start: c.fcut,
         type: "enzyme",
-      })
+      }),
     );
 
     // sort all the labels so they're in ascending order

src/Circular/Index.tsx

@@ -64,7 +64,7 @@ export class Index extends React.PureComponent<IndexProps> {
       t =>
         Math.abs(centralIndex - t) < tickTolerance ||
         Math.abs(centralIndex + seqLength - t) < tickTolerance ||
-        Math.abs(centralIndex - seqLength - t) < tickTolerance
+        Math.abs(centralIndex - seqLength - t) < tickTolerance,
     );
     return { indexInc, ticks };
   };
@@ -103,7 +103,7 @@ export class Index extends React.PureComponent<IndexProps> {
           transform={getRotation(i)}
         >
           {seqForCircular.charAt(i)}
-        </text>
+        </text>,
       );
       if (showComplement) {
         basepairsToRender.push(
@@ -115,7 +115,7 @@ export class Index extends React.PureComponent<IndexProps> {
             transform={getRotation(i)}
           >
             {compSeqForCircular.charAt(i)}
-          </text>
+          </text>,
         );
       }
     }

src/Circular/Labels.tsx

@@ -232,7 +232,7 @@ export class Labels extends React.Component<LabelsProps, LabelsState> {
 
       // check whether any of these attempted new labels overlaps with the neighbors
       const overlapWithNeighbors = newLabels.some(l =>
-        [leftNeighbor, rightNeighbor].some(n => n && Math.abs(n.textCoor.y - l.textCoor.y) < 15)
+        [leftNeighbor, rightNeighbor].some(n => n && Math.abs(n.textCoor.y - l.textCoor.y) < 15),
       );
       if (overlapWithNeighbors) return acc.concat(g); // just bail and return the original grouping
       return acc.concat(...newLabels); // add the newly created labels

src/Circular/WrappedGroupLabel.tsx

@@ -72,7 +72,7 @@ export const WrappedGroupLabel = (props: WrappedGroupLabelProps) => {
   const groupHeight = labelRows.length * lineHeight;
   const groupWidth = labelRows.reduce(
     (max, row, i) => Math.max(max, calcRowWidth(row) - (i === labelRows.length - 1 ? CHAR_WIDTH : 0)), // no comma on last row, correct
-    0
+    0,
   );
   // add one CHAR_WIDTH padding to all sides of label box
   const [rectHeight, rectWidth] = [groupHeight, groupWidth].map(x => x + 2 * CHAR_WIDTH);

src/Linear/CutSites.tsx

@@ -43,7 +43,7 @@ export const CutSites = (props: {
     cutSites,
     firstBase,
     lastBase,
-    findXAndWidth
+    findXAndWidth,
   );
   if (!enhancedCutSites.length) return null;
 
@@ -159,7 +159,7 @@ const enhanceCutSites = (
   cutSites: CutSite[],
   firstBase: number,
   lastBase: number,
-  findXAndWidth: FindXAndWidthType
+  findXAndWidth: FindXAndWidthType,
 ): CutSiteEnhanced[] =>
   cutSites.map((c: CutSite) => {
     // Prevent double rendering of cut-site lines across SeqBlocks. Without the shenanigans below,
@@ -225,7 +225,7 @@ const enhanceCutSites = (
         lastBase,
         showTopLine,
         showBottomLine,
-        findXAndWidth
+        findXAndWidth,
       ),
       highlight: calcHighlight(enhancedCutSite, firstBase, lastBase, findXAndWidth),
       top: {
@@ -242,18 +242,18 @@ const calcHighlight = (
   c: CutSite,
   firstBase: number,
   lastBase: number,
-  findXAndWidth: FindXAndWidthType
+  findXAndWidth: FindXAndWidthType,
 ): { width: number; x: number } => {
   if (isWithinSeqBlock(c.start, c.end, firstBase, lastBase)) {
     if (c.start > c.end) {
       return findXAndWidth(
         c.end < firstBase ? lastBase : Math.min(lastBase, c.end),
-        c.start > lastBase ? firstBase : Math.max(firstBase, c.start)
+        c.start > lastBase ? firstBase : Math.max(firstBase, c.start),
       );
     }
     return findXAndWidth(
       c.start < firstBase ? lastBase : Math.min(lastBase, c.start),
-      c.end > lastBase ? firstBase : Math.max(firstBase, c.end)
+      c.end > lastBase ? firstBase : Math.max(firstBase, c.end),
     );
   }
   return findXAndWidth(c.start, c.end);
@@ -281,7 +281,7 @@ const calcConnector = (
   lastBase: number,
   showTopLine: boolean,
   showBottomLine: boolean,
-  findXAndWidth: FindXAndWidthType
+  findXAndWidth: FindXAndWidthType,
 ): { render: boolean; width: number; x: number } => {
   if (showTopLine && showBottomLine) {
     return {

src/Linear/Find.tsx

@@ -86,7 +86,7 @@ const FindBlock = ({
   if (start > end) {
     ({ width, x } = findXAndWidth(
       start > lastBase ? firstBase : Math.max(firstBase, start),
-      end < firstBase ? lastBase : Math.min(lastBase, end)
+      end < firstBase ? lastBase : Math.min(lastBase, end),
     ));
   }
 

src/Linear/InfiniteScroll.tsx

@@ -57,7 +57,7 @@ export class InfiniteScroll extends React.PureComponent<InfiniteScrollProps, Inf
   componentDidUpdate = (
     prevProps: InfiniteScrollProps,
     prevState: InfiniteScrollState,
-    snapshot: InfiniteScrollSnapshot
+    snapshot: InfiniteScrollSnapshot,
   ) => {
     if (!this.scroller.current) {
       // scroller not mounted yet
@@ -123,7 +123,7 @@ export class InfiniteScroll extends React.PureComponent<InfiniteScrollProps, Inf
 
     // find the first block that contains the new central index
     const centerBlockIndex = seqBlocks.findIndex(
-      block => block.props.firstBase <= centralIndex && block.props.firstBase + bpsPerBlock >= centralIndex
+      block => block.props.firstBase <= centralIndex && block.props.firstBase + bpsPerBlock >= centralIndex,
     );
 
     // build up the list of blocks that are visible just beneath this first block

src/Linear/Linear.tsx

@@ -113,18 +113,18 @@ export default class Linear extends React.Component<LinearProps> {
     const primerFwdRows = createMultiRows(
       stackElements(vetAnnotations(primers.filter(p => p.direction === 1)), seq.length),
       bpsPerBlock,
-      arrSize
+      arrSize,
     );
     const primerRevRows = createMultiRows(
       stackElements(vetAnnotations(primers.filter(p => p.direction === -1)), seq.length),
       bpsPerBlock,
-      arrSize
+      arrSize,
     );
 
     const annotationRows = createMultiRows(
       stackElements(vetAnnotations(annotations), seq.length),
       bpsPerBlock,
-      arrSize
+      arrSize,
     );
 
     const searchRows: NameRange[][] =
@@ -213,7 +213,7 @@ export default class Linear extends React.Component<LinearProps> {
           zoom={zoom}
           zoomed={zoomed}
           onUnmount={onUnmount}
-        />
+        />,
       );
       yDiff += blockHeights[i];
     }