fix eslint

src/MaterialSelector/MaterialDataGrid/ColumnSelector.js

@@ -4,7 +4,7 @@ import "./ColumnSelector.css";
 
 function parseInitTicks(colDefs) {
   var initTicks = {};
-  colDefs.map((cd) => {
+  colDefs.forEach((cd) => {
     initTicks[cd.field] = "hide" in cd ? !cd.hide : true;
   });
   return initTicks;

src/MaterialSelector/MaterialDataGrid/CustomHeader.js

@@ -56,14 +56,14 @@ export default class CustomHeader extends React.Component {
     );
 
     let sortSymbol = "";
-    if (this.state.sortMode == "asc")
+    if (this.state.sortMode === "asc")
       sortSymbol = (
         <div style={{ display: "flex" }}>
           {this.state.multiSort && this.state.sortIndex + 1}
           <i className="ag-icon ag-icon-asc" />
         </div>
       );
-    if (this.state.sortMode == "desc")
+    if (this.state.sortMode === "desc")
       sortSymbol = (
         <div style={{ display: "flex" }}>
           {this.state.multiSort && this.state.sortIndex + 1}

src/MaterialSelector/MaterialDataGrid/index.js

@@ -78,7 +78,7 @@ function spaceGroupSymbolRenderer(params) {
   return (
     <span>
       {params.value.split("").map((v, index) => {
-        if (v == "_") {
+        if (v === "_") {
           nextIsSub = true;
           return null;
         }
@@ -253,13 +253,13 @@ class MaterialDataGrid extends React.Component {
   updateNumRows = () => {
     if (this.gridApi) {
       let nRows = this.gridApi.getDisplayedRowCount();
-      if (this.state.numRows != nRows) this.setState({ numRows: nRows });
+      if (this.state.numRows !== nRows) this.setState({ numRows: nRows });
     }
   };
 
   doesExternalFilterPass = (node) => {
     if (node.data) {
-      if (this.props.ptable_filter["mode"] == "exact") {
+      if (this.props.ptable_filter["mode"] === "exact") {
         let selectedElements = Object.keys(
           this.props.ptable_filter["elements"]
         );
@@ -270,14 +270,14 @@ class MaterialDataGrid extends React.Component {
         return len_match && incl;
       }
 
-      if (this.props.ptable_filter["mode"] == "include") {
+      if (this.props.ptable_filter["mode"] === "include") {
         let include = [];
         let exclude = [];
         for (const [el, sel] of Object.entries(
           this.props.ptable_filter["elements"]
         )) {
-          if (sel == 1) include.push(el);
-          if (sel == 2) exclude.push(el);
+          if (sel === 1) include.push(el);
+          if (sel === 2) exclude.push(el);
         }
         // every element specified in "include" needs to be present
         let incl = include.every((e) => node.data.elem_array.includes(e));

src/MaterialSelector/PTable.js

@@ -25,15 +25,15 @@ export class Element extends React.Component {
   }
 
   handleOnClick() {
-    if (this.props.disabled && this.props.selection == 0) return;
+    if (this.props.disabled && this.props.selection === 0) return;
     if (this.props.onSelectionChange == null) return;
     this.props.onSelectionChange({ element: this.symbol });
   }
 
   render() {
     let e_class = `pt_element pt_element-${this.props.num}`;
 
-    if (this.props.disabled && this.props.selection == 0) {
+    if (this.props.disabled && this.props.selection === 0) {
       e_class += " pt_element-disabled";
     } else {
       e_class += ` pt_element-state${this.props.selection}`;
@@ -114,9 +114,6 @@ const helpPopover = (
 );
 
 class SelectionMode extends React.Component {
-  constructor(props) {
-    super(props);
-  }
   // this.props.onSelectionChange({ mode: e.currentTarget.checked })
   render() {
     return (
@@ -153,13 +150,13 @@ class SelectionMode extends React.Component {
 // ------------------------------------------------------------
 // Functions to determine what elements to enable/disable
 function fitsFilter(elem_array, numClicked) {
-  let elemSet = new Set(elem_array)
-  let include = numClicked[1]
-  let exclude = numClicked[2]
+  let elemSet = new Set(elem_array);
+  let include = numClicked[1];
+  let exclude = numClicked[2];
   // every element specified in "include" needs to be present in elemSet
-  let incl = [...include].every(e => elemSet.has(e));
+  let incl = [...include].every((e) => elemSet.has(e));
   // none of the elem_array elements can be in the excluded list
-  let excl = [...elemSet].every(e => !exclude.has(e));
+  let excl = [...elemSet].every((e) => !exclude.has(e));
   return incl && excl;
 }
 
@@ -175,9 +172,9 @@ function enabledElements(rows, filter) {
   let numClicked = {
     1: new Set(),
     2: new Set(),
-  }
+  };
   for (const [el, sel] of Object.entries(filter["elements"])) {
-    numClicked[sel].add(el)
+    numClicked[sel].add(el);
   }
 
   rows.forEach((row) => {
@@ -190,10 +187,6 @@ function enabledElements(rows, filter) {
 // ------------------------------------------------------------
 
 class PTable extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
   makeElements = (start, end) => {
     let items = [];
     for (let i = start; i <= end; i++) {

src/MaterialSelector/index.js

@@ -18,7 +18,7 @@ function modifyRows(rows, columns) {
   */
 
   let booleanFields = columns
-    .filter((col) => col.colType == "boolean")
+    .filter((col) => col.colType === "boolean")
     .map((col) => col.field);
 
   const modifiedRows = rows.map((row) => {

src/MaterialSelector/utils.js

@@ -18,8 +18,8 @@ export const RGB_Log_Blend = (p, c0, c1) => {
     "rgb" +
     (x ? "a(" : "(") +
     r(
-      (P * i(a[3] == "a" ? a.slice(5) : a.slice(4)) ** 2 +
-        p * i(e[3] == "a" ? e.slice(5) : e.slice(4)) ** 2) **
+      (P * i(a[3] === "a" ? a.slice(5) : a.slice(4)) ** 2 +
+        p * i(e[3] === "a" ? e.slice(5) : e.slice(4)) ** 2) **
         0.5
     ) +
     "," +