@teselagen/ove 0.3.10 → 0.3.12

package/src/helperComponents/PropertiesDialog/GenericAnnotationProperties.js

@@ -60,7 +60,7 @@ const genericAnnotationProperties = ({
                 <>
                   <Icon
                     data-tip="Hide/Show"
-                    onClick={(e) => {
+                    onClick={e => {
                       e.stopPropagation();
                       const upperType = startCase(annotationType);
                       if (checked) {
@@ -109,7 +109,7 @@ const genericAnnotationProperties = ({
                   path: "color",
                   type: "string",
                   width: 50,
-                  render: (color) => {
+                  render: color => {
                     return (
                       <div
                         style={{ height: 20, width: 20, background: color }}
@@ -129,7 +129,7 @@ const genericAnnotationProperties = ({
                   type: "string",
                   getValueToFilterOn: (o, { keyedPartTags }) => {
                     const toRet = (o.tags || [])
-                      .map((tagId) => {
+                      .map(tagId => {
                         const tag = keyedPartTags[tagId];
                         if (!tag) return "";
                         return tag.label;
@@ -181,11 +181,11 @@ const genericAnnotationProperties = ({
         selectedAnnotationId
       } = this.props;
       const annotationPropertiesSelectedEntities =
-        _annotationPropertiesSelectedEntities.filter((a) => annotations[a.id]);
+        _annotationPropertiesSelectedEntities.filter(a => annotations[a.id]);
 
       const deleteAnnotation = this.props[`delete${annotationTypeUpper}`];
 
-      const annotationsToUse = map(annotations, (annotation) => {
+      const annotationsToUse = map(annotations, annotation => {
         return {
           ...annotation,
           ...(annotation.strand === undefined && {
@@ -197,107 +197,105 @@ const genericAnnotationProperties = ({
 
       return (
         <DataTable
-            topLeftItems={getVisFilter(
-              createCommandMenu(
-                isFunction(visSubmenu) ? visSubmenu(this.props) : visSubmenu,
-                this.commands,
-                {
-                  useTicks: true
-                }
-              )
-            )}
-            annotationPropertiesSelectedEntities={
-              annotationPropertiesSelectedEntities
-            }
-            leftOfSearchBarItems={
-              <>
-                {!readOnly && (
-                  <ButtonGroup style={{ marginTop: 3, marginRight: 4 }}>
-                    <Tooltip
-                      position="top"
-                      modifiers={popoverOverflowModifiers}
-                      content="New"
-                    >
-                      <AnchorButton
-                        disabled={!sequenceLength}
-                        icon="plus"
-                        className="tgNewAnnBtn"
-                        onClick={() => {
-                          showAddOrEditAnnotationDialog({
-                            type: annotationType,
-                            annotation: pick(
-                              selectionLayer,
-                              "start",
-                              "end",
-                              "forward"
-                            )
-                          });
-                        }}
-                      ></AnchorButton>
-                    </Tooltip>
-                    <Tooltip
-                      position="top"
-                      modifiers={popoverOverflowModifiers}
-                      content="Edit"
-                    >
-                      <AnchorButton
-                        onClick={() => {
-                          showAddOrEditAnnotationDialog({
-                            type: annotationType,
-                            annotation: annotationPropertiesSelectedEntities[0]
-                          });
-                        }}
-                        disabled={
-                          annotationPropertiesSelectedEntities.length !== 1
-                        }
-                        icon="edit"
-                      ></AnchorButton>
-                    </Tooltip>
+          topLeftItems={getVisFilter(
+            createCommandMenu(
+              isFunction(visSubmenu) ? visSubmenu(this.props) : visSubmenu,
+              this.commands,
+              {
+                useTicks: true
+              }
+            )
+          )}
+          annotationPropertiesSelectedEntities={
+            annotationPropertiesSelectedEntities
+          }
+          leftOfSearchBarItems={
+            <>
+              {!readOnly && (
+                <ButtonGroup style={{ marginTop: 3, marginRight: 4 }}>
+                  <Tooltip
+                    position="top"
+                    modifiers={popoverOverflowModifiers}
+                    content="New"
+                  >
+                    <AnchorButton
+                      disabled={!sequenceLength}
+                      icon="plus"
+                      className="tgNewAnnBtn"
+                      onClick={() => {
+                        showAddOrEditAnnotationDialog({
+                          type: annotationType,
+                          annotation: pick(
+                            selectionLayer,
+                            "start",
+                            "end",
+                            "forward"
+                          )
+                        });
+                      }}
+                    ></AnchorButton>
+                  </Tooltip>
+                  <Tooltip
+                    position="top"
+                    modifiers={popoverOverflowModifiers}
+                    content="Edit"
+                  >
+                    <AnchorButton
+                      onClick={() => {
+                        showAddOrEditAnnotationDialog({
+                          type: annotationType,
+                          annotation: annotationPropertiesSelectedEntities[0]
+                        });
+                      }}
+                      disabled={
+                        annotationPropertiesSelectedEntities.length !== 1
+                      }
+                      icon="edit"
+                    ></AnchorButton>
+                  </Tooltip>
 
-                    {["feature"].includes(annotationType) && (
-                      <CmdButton
-                        text=""
-                        icon="cog"
-                        data-tip="Configure Feature Types"
-                        cmd={this.commands.onConfigureFeatureTypesClick}
-                      />
-                    )}
-                    {["part", "primer", "feature"].includes(annotationType) && (
-                      <CmdButton
-                        text=""
-                        icon={removeDuplicatesIcon}
-                        data-tip="Remove Duplicates"
-                        cmd={
-                          this.commands[
-                            `showRemoveDuplicatesDialog${
-                              annotationTypeUpper + "s"
-                            }`
-                          ]
-                        }
-                      />
-                    )}
+                  {["feature"].includes(annotationType) && (
+                    <CmdButton
+                      text=""
+                      icon="cog"
+                      data-tip="Configure Feature Types"
+                      cmd={this.commands.onConfigureFeatureTypesClick}
+                    />
+                  )}
+                  {["part", "primer", "feature"].includes(annotationType) && (
+                    <CmdButton
+                      text=""
+                      icon={removeDuplicatesIcon}
+                      data-tip="Remove Duplicates"
+                      cmd={
+                        this.commands[
+                          `showRemoveDuplicatesDialog${
+                            annotationTypeUpper + "s"
+                          }`
+                        ]
+                      }
+                    />
+                  )}
 
-                    {additionalFooterEls && additionalFooterEls(this.props)}
-                    <Tooltip
-                      position="top"
-                      modifiers={popoverOverflowModifiers}
-                      content="Delete"
-                    >
-                      <AnchorButton
-                        onClick={() => {
-                          deleteAnnotation(
-                            annotationPropertiesSelectedEntities
-                          );
-                        }}
-                        className="tgDeleteAnnsBtn"
-                        intent="danger"
-                        disabled={!annotationPropertiesSelectedEntities.length}
-                        icon="trash"
-                      ></AnchorButton>
-                    </Tooltip>
-                  </ButtonGroup>
-                )}
-                {/* {createCommandMenu(
+                  {additionalFooterEls && additionalFooterEls(this.props)}
+                  <Tooltip
+                    position="top"
+                    modifiers={popoverOverflowModifiers}
+                    content="Delete"
+                  >
+                    <AnchorButton
+                      onClick={() => {
+                        deleteAnnotation(annotationPropertiesSelectedEntities);
+                      }}
+                      className="tgDeleteAnnsBtn"
+                      intent="danger"
+                      disabled={!annotationPropertiesSelectedEntities.length}
+                      icon="trash"
+                    ></AnchorButton>
+                  </Tooltip>
+                </ButtonGroup>
+              )}
+              {/* {createCommandMenu(
                   {
                     cmd: "featureFilterIndividualCmd",
                     // text: 'hahah',
@@ -308,43 +306,43 @@ const genericAnnotationProperties = ({
                     useTicks: true
                   }
                 )} */}
-                {/* <CmdCheckbox
+              {/* <CmdCheckbox
                   prefix="Show "
                   cmd={this.commands.featureFilterIndividualCmd}
                 /> */}
-              </>
-            }
-            onDoubleClick={(annotation) => {
-              showAddOrEditAnnotationDialog({
-                type: annotationType,
-                annotation
-              });
-            }}
-            withCheckboxes
-            showFeatureIndividual={this.props.showFeatureIndividual} //we need to pass this in order to force the DT to rerenderannotationVisibility={annotationVisibility}
-            hideFeatureIndividual={this.props.hideFeatureIndividual} //we need to pass this in order to force the DT to rerenderannotationVisibility={annotationVisibility}
-            showPartIndividual={this.props.showPartIndividual} //we need to pass this in order to force the DT to rerenderannotationVisibility={annotationVisibility}
-            hidePartIndividual={this.props.hidePartIndividual} //we need to pass this in order to force the DT to rerenderannotationVisibility={annotationVisibility}
-            showPrimerIndividual={this.props.showPrimerIndividual} //we need to pass this in order to force the DT to rerenderannotationVisibility={annotationVisibility}
-            hidePrimerIndividual={this.props.hidePrimerIndividual} //we need to pass this in order to force the DT to rerenderannotationVisibility={annotationVisibility}
-            annotationVisibility={annotationVisibility} //we need to pass this in order to force the DT to rerenderannotationVisibility={annotationVisibility}
-            featureLengthsToHide={this.props.featureLengthsToHide} //we need to pass this in order to force the DT to rerenderannotationVisibility={annotationVisibility}
-            primerLengthsToHide={this.props.primerLengthsToHide} //we need to pass this in order to force the DT to rerenderannotationVisibility={annotationVisibility}
-            partLengthsToHide={this.props.partLengthsToHide} //we need to pass this in order to force the DT to rerenderannotationVisibility={annotationVisibility}
-            sequence={sequence} //we need to pass this in order to force the DT to rerenderannotationVisibility={annotationVisibility}
-            noPadding
-            noFullscreenButton
-            onRowSelect={this.onRowSelect}
-            selectedIds={selectedAnnotationId}
-            formName="annotationProperties"
-            noRouter
-            isProtein={isProtein}
-            keyedPartTags={getKeyedTagsAndTagOptions(allPartTags)}
-            compact
-            isInfinite
-            schema={this.schema}
-            entities={annotationsToUse}
-          />
+            </>
+          }
+          onDoubleClick={annotation => {
+            showAddOrEditAnnotationDialog({
+              type: annotationType,
+              annotation
+            });
+          }}
+          withCheckboxes
+          showFeatureIndividual={this.props.showFeatureIndividual} //we need to pass this in order to force the DT to rerenderannotationVisibility={annotationVisibility}
+          hideFeatureIndividual={this.props.hideFeatureIndividual} //we need to pass this in order to force the DT to rerenderannotationVisibility={annotationVisibility}
+          showPartIndividual={this.props.showPartIndividual} //we need to pass this in order to force the DT to rerenderannotationVisibility={annotationVisibility}
+          hidePartIndividual={this.props.hidePartIndividual} //we need to pass this in order to force the DT to rerenderannotationVisibility={annotationVisibility}
+          showPrimerIndividual={this.props.showPrimerIndividual} //we need to pass this in order to force the DT to rerenderannotationVisibility={annotationVisibility}
+          hidePrimerIndividual={this.props.hidePrimerIndividual} //we need to pass this in order to force the DT to rerenderannotationVisibility={annotationVisibility}
+          annotationVisibility={annotationVisibility} //we need to pass this in order to force the DT to rerenderannotationVisibility={annotationVisibility}
+          featureLengthsToHide={this.props.featureLengthsToHide} //we need to pass this in order to force the DT to rerenderannotationVisibility={annotationVisibility}
+          primerLengthsToHide={this.props.primerLengthsToHide} //we need to pass this in order to force the DT to rerenderannotationVisibility={annotationVisibility}
+          partLengthsToHide={this.props.partLengthsToHide} //we need to pass this in order to force the DT to rerenderannotationVisibility={annotationVisibility}
+          sequence={sequence} //we need to pass this in order to force the DT to rerenderannotationVisibility={annotationVisibility}
+          noPadding
+          noFullscreenButton
+          onRowSelect={this.onRowSelect}
+          selectedIds={selectedAnnotationId}
+          formName="annotationProperties"
+          noRouter
+          isProtein={isProtein}
+          keyedPartTags={getKeyedTagsAndTagOptions(allPartTags)}
+          compact
+          isInfinite
+          schema={this.schema}
+          entities={annotationsToUse}
+        />
       );
     }
   }

package/src/helperComponents/PropertiesDialog/OrfProperties.js

@@ -35,7 +35,7 @@ class OrfProperties extends React.Component {
   };
   render() {
     const { orfs, sequenceLength, annotationVisibility } = this.props;
-    const orfsToUse = map(orfs, (orf) => {
+    const orfsToUse = map(orfs, orf => {
       return {
         ...orf,
         color: getOrfColor(orf),
@@ -69,7 +69,7 @@ class OrfProperties extends React.Component {
               {
                 path: "color",
                 type: "string",
-                render: (color) => {
+                render: color => {
                   return (
                     <div style={{ height: 20, width: 20, background: color }} />
                   );
@@ -94,7 +94,7 @@ class OrfProperties extends React.Component {
 }
 
 export default compose(
-  connectToEditor((editorState) => {
+  connectToEditor(editorState => {
     const {
       readOnly,
       annotationVisibility = {},

package/src/helperComponents/PropertiesDialog/PrimerProperties.js

@@ -9,7 +9,7 @@ export default genericAnnotationProperties({
   visSubmenu: primersSubmenu,
   noType: true,
   withBases: true,
-  additionalFooterEls: (props) => {
+  additionalFooterEls: props => {
     return (
       <Button onClick={props.createNewPCR} intent="success">
         Simulate PCR

package/src/helperComponents/PropertiesDialog/TranslationProperties.js

@@ -41,7 +41,7 @@ class TranslationProperties extends React.Component {
       selectedAnnotationId,
       annotationVisibility
     } = this.props;
-    const translationsToUse = map(translations, (translation) => {
+    const translationsToUse = map(translations, translation => {
       let aaString = "";
       for (let i = 0; i < translation.aminoAcids.length; i++) {
         aaString += translation.aminoAcids[i].aminoAcid.value;
@@ -134,7 +134,7 @@ class TranslationProperties extends React.Component {
 }
 
 export default compose(
-  connectToEditor((editorState) => {
+  connectToEditor(editorState => {
     const { readOnly, annotationVisibility = {}, sequenceData } = editorState;
     return {
       readOnly,

package/src/helperComponents/PropertiesDialog/index.js

@@ -15,7 +15,7 @@ import "./style.css";
 import { userDefinedHandlersAndOpts } from "../../Editor/userDefinedHandlersAndOpts";
 import { pick } from "lodash";
 
-const PropertiesContainer = (Comp) => (props) => {
+const PropertiesContainer = Comp => props => {
   const { additionalFooterEls, additionalHeaderEls, ...rest } = props;
   return (
     <React.Fragment>
@@ -67,12 +67,12 @@ export class PropertiesDialog extends React.Component {
     let { tabId, selectedAnnotationId } = propertiesTool;
     if (
       propertiesList
-        .map((nameOrOverride) => nameOrOverride.name || nameOrOverride)
+        .map(nameOrOverride => nameOrOverride.name || nameOrOverride)
         .indexOf(tabId) === -1
     ) {
       tabId = propertiesList[0].name || propertiesList[0];
     }
-    const propertiesTabs = flatMap(propertiesList, (nameOrOverride) => {
+    const propertiesTabs = flatMap(propertiesList, nameOrOverride => {
       if (annotationsToSupport[nameOrOverride] === false) {
         return [];
       }

package/src/helperComponents/RemoveDuplicates/index.js

@@ -73,7 +73,7 @@ class RemoveDuplicatesDialog extends React.Component {
     const annotations = sequenceData[type];
     const dups = [];
     const seqsHashByStartEndStrandName = {};
-    forEach(annotations, (a) => {
+    forEach(annotations, a => {
       const hash = `${ignoreStartAndEnd ? "" : a.start}&${
         ignoreStartAndEnd ? "" : a.end
       }&${ignoreStrand ? "" : a.strand}&${ignoreName ? "" : a.name}`;
@@ -88,7 +88,7 @@ class RemoveDuplicatesDialog extends React.Component {
   render() {
     const { duplicatesToRemoveSelectedEntities, hideModal, type } = this.props;
 
-    const selectedIds = this.state.dups.map((d) => d.id);
+    const selectedIds = this.state.dups.map(d => d.id);
     // const sequenceLength = sequenceData.sequence.length;
     // const isCirc = (this.state || {}).circular;
     return (
@@ -162,7 +162,7 @@ class RemoveDuplicatesDialog extends React.Component {
             intent="primary"
             onClick={() => {
               this.props[camelCase(`delete_${type}`).slice(0, -1)](
-                duplicatesToRemoveSelectedEntities.map((d) => d.id)
+                duplicatesToRemoveSelectedEntities.map(d => d.id)
               );
               window.toastr.success(
                 `Successfully Deleted ${

package/src/helperComponents/SelectDialog.js

@@ -40,7 +40,7 @@ export default compose(
   class SelectDialog extends React.Component {
     updateTempHighlight =
       ({ isStart, isEnd } = {}) =>
-      (val) => {
+      val => {
         const { selectionLayerUpdate, from, to, invalid } = this.props;
         if (invalid) return;
         selectionLayerUpdate(
@@ -80,7 +80,7 @@ export default compose(
 
       return (
         <form
-          onSubmit={handleSubmit((data) => {
+          onSubmit={handleSubmit(data => {
             if (onSubmit) onSubmit(data);
             hideModal();
             tryToRefocusEditor();
@@ -143,7 +143,7 @@ export default compose(
   }
 );
 
-const normalizeToInt = (val) => {
+const normalizeToInt = val => {
   const int = Math.round(val);
   const normalizedVal = `${int >= 0 ? int : 1}`;
   return normalizedVal;

package/src/helperComponents/UncontrolledSliderWithPlusMinusBtns.js

@@ -48,12 +48,12 @@ export default class UncontrolledSliderWithPlusMinusBtns extends React.Component
 
     const stepSize = this.props.stepSize || (max - min) / 10;
     if (bindOutsideChangeHelper) {
-      bindOutsideChangeHelper.triggerChange = (fn) => {
+      bindOutsideChangeHelper.triggerChange = fn => {
         const valToPass =
           isNumber(value) && !isNaN(value) ? value : initialValue;
         return fn({
           value: valToPass,
-          changeValue: (newVal) => {
+          changeValue: newVal => {
             const newnew = clamp(newVal, min, max);
             this.setState({ value: newnew });
             this.props.onChange && this.props.onChange(newnew);
@@ -65,7 +65,7 @@ export default class UncontrolledSliderWithPlusMinusBtns extends React.Component
     return (
       <div
         className={`${className} ${smallSlider ? "small-slider" : ""}`}
-        onClick={(e) => {
+        onClick={e => {
           onClick && onClick(e);
           preventDefaultStopPropagation(e);
         }}
@@ -100,10 +100,10 @@ export default class UncontrolledSliderWithPlusMinusBtns extends React.Component
         />
         <Slider
           {...{ ...rest, value }}
-          onRelease={(newVal) =>
+          onRelease={newVal =>
             this.props.onRelease && this.props.onRelease(newVal)
           }
-          onChange={(value) => {
+          onChange={value => {
             this.setState({ value });
             this.props.onChange && this.props.onChange(value);
           }}

package/src/helperComponents/createSimpleDialog.js

@@ -25,7 +25,7 @@ class SimpleGenericDialogForm extends React.Component {
     } = this.props;
     return (
       <form
-        onSubmit={handleSubmit((data) => {
+        onSubmit={handleSubmit(data => {
           if (onSubmit) onSubmit(data);
           hideModal();
           tryToRefocusEditor();

package/src/helperComponents/partTagSearch.js

@@ -1,9 +1,6 @@
 import React from "react";
 import withEditorProps from "../withEditorProps";
-import {
-  TgSelect,
-  getKeyedTagsAndTagOptions
-} from "@teselagen/ui";
+import { TgSelect, getKeyedTagsAndTagOptions } from "@teselagen/ui";
 import { flatMap } from "lodash";
 import { uniqBy } from "lodash";
 
@@ -30,7 +27,7 @@ function PartToolDropdown({
 
   const tags = uniqBy(
     flatMap(sequenceData.parts, ({ tags }) => {
-      return flatMap(tags, (t) => {
+      return flatMap(tags, t => {
         const tag = keyedTags[t];
         if (!tag) return [];
         return tag;

package/src/helperComponents/withHover.js

@@ -15,7 +15,7 @@ export function withHoveredIdFromContext(Component) {
   return function HoveredIdComponent(props) {
     return (
       <HoveredIdContext.Consumer>
-        {(contexts) => <Component {...props} {...contexts} />}
+        {contexts => <Component {...props} {...contexts} />}
       </HoveredIdContext.Consumer>
     );
   };
@@ -65,7 +65,7 @@ export default compose(
     hoveredAnnotationActions)
   ),
   withHandlers({
-    onMouseOver: (props) => (e) => {
+    onMouseOver: props => e => {
       const { editorName, id, hoveredAnnotationUpdate } = props;
       const isIdHashmap = typeof id === "object";
       const idToPass = isIdHashmap ? Object.keys(id)[0] : id;
@@ -79,7 +79,7 @@ export default compose(
       hoveredAnnotationUpdate &&
         hoveredAnnotationUpdate(idToPass, { editorName });
     },
-    onMouseLeave: (props) => (e) => {
+    onMouseLeave: props => e => {
       hoveredAnnEasyStore.hoveredAnn = undefined;
       const { editorName, hoveredAnnotationClear } = props;
       e.stopPropagation();

package/src/redux/alignments.js

@@ -45,7 +45,7 @@ const defaultVisibilities = {
 const defaultVisibilityTypes = Object.keys(defaultVisibilities);
 
 try {
-  defaultVisibilityTypes.forEach((type) => {
+  defaultVisibilityTypes.forEach(type => {
     const newVal = JSON.parse(window.localStorage.getItem(type));
     if (newVal)
       defaultVisibilities[type] = {
@@ -75,7 +75,7 @@ const highlightRangeProps = {
   ignoreGaps: true
 };
 function addHighlightedDifferences(alignmentTracks) {
-  return alignmentTracks.map((track) => {
+  return alignmentTracks.map(track => {
     if (track.isUnmapped) {
       return track;
     }
@@ -92,7 +92,7 @@ function addHighlightedDifferences(alignmentTracks) {
       matchHighlightRanges,
       additionalSelectionLayers: matchHighlightRanges
         .filter(({ isMatch }) => !isMatch)
-        .map((range) => {
+        .map(range => {
           return { ...range, ...highlightRangeProps };
         }),
       mismatches
@@ -120,7 +120,7 @@ export default (state = {}, { payload = {}, type }) => {
   }
 
   if (type === "UPDATE_ALIGNMENT_VIEW_VISIBILITY") {
-    defaultVisibilityTypes.forEach((type) => {
+    defaultVisibilityTypes.forEach(type => {
       if (
         (type.startsWith("pairwise_") && payload.pairwiseAlignments) ||
         (!type.startsWith("pairwise_") && !payload.pairwiseAlignments)
@@ -239,7 +239,7 @@ export default (state = {}, { payload = {}, type }) => {
       payloadToUse.alignmentTracks,
       payload.alignmentType
     );
-    (payloadToUse.pairwiseAlignments || []).forEach((alignment) => {
+    (payloadToUse.pairwiseAlignments || []).forEach(alignment => {
       const error = alignment;
       if (error) {
         hasError = error;
@@ -310,7 +310,7 @@ function checkForIssues(alignmentTracks, alignmentType) {
 
   const alignmentTrackLength = alignmentTracks[0].alignmentData.sequence.length;
   let hasError;
-  alignmentTracks.some((track) => {
+  alignmentTracks.some(track => {
     if (track.alignmentData.sequence.length !== alignmentTrackLength) {
       console.error("incorrect length", alignmentTracks);
 

package/src/redux/annotationVisibility.js

@@ -69,7 +69,7 @@ export const resetPartIndividualToHide = createAction(
 // ------------------------------------
 const annotationVisibility = createMergedDefaultStateReducer(
   {
-    [resetPartIndividualToHide]: (state) => {
+    [resetPartIndividualToHide]: state => {
       return {
         ...state,
         partIndividualToHide: {}
@@ -94,7 +94,7 @@ const annotationVisibility = createMergedDefaultStateReducer(
         }
       };
     },
-    [resetFeatureIndividualToHide]: (state) => {
+    [resetFeatureIndividualToHide]: state => {
       return {
         ...state,
         featureIndividualToHide: {}
@@ -119,7 +119,7 @@ const annotationVisibility = createMergedDefaultStateReducer(
         }
       };
     },
-    [resetPrimerIndividualToHide]: (state) => {
+    [resetPrimerIndividualToHide]: state => {
       return {
         ...state,
         primerIndividualToHide: {}
@@ -144,7 +144,7 @@ const annotationVisibility = createMergedDefaultStateReducer(
         }
       };
     },
-    [resetFeatureTypesToHide]: (state) => {
+    [resetFeatureTypesToHide]: state => {
       return {
         ...state,
         featureTypesToHide: {}

package/src/redux/featureLengthsToHide.js

@@ -19,7 +19,7 @@ export default createMergedDefaultStateReducer(
     [updateFeatureLengthsToHide]: (state, payload) => {
       return { ...state, ...payload };
     },
-    [toggleFeatureLengthsToHide]: (state) => {
+    [toggleFeatureLengthsToHide]: state => {
       return { ...state, enabled: !state["enabled"] };
     }
   },