@teselagen/ove 0.5.5 → 0.5.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.5.5",
+  "version": "0.5.7",
   "main": "./src/index.js",
   "exports": {
     ".": {
@@ -12,10 +12,10 @@
   "dependencies": {
     "@teselagen/sequence-utils": "0.3.24",
     "@teselagen/range-utils": "0.3.7",
-    "@teselagen/ui": "0.4.4",
+    "@teselagen/ui": "0.4.5",
     "@teselagen/file-utils": "0.3.16",
     "@teselagen/bounce-loader": "0.3.11",
-    "@teselagen/bio-parsers": "0.4.16",
+    "@teselagen/bio-parsers": "0.4.17",
     "@blueprintjs/core": "3.52.0",
     "@blueprintjs/datetime": "3.23.19",
     "@blueprintjs/icons": "3.33.0",
@@ -50,6 +50,8 @@
     "is-mobile": "^3.0.0",
     "jsondiffpatch": "0.4.1",
     "jszip": "^3.10.1",
+    "lodash": "4.17.21",
+    "lodash-es": "^4.17.21",
     "math-expression-evaluator": "^1.3.7",
     "mobx": "^6.10.2",
     "mobx-react": "^9.0.1",
@@ -62,9 +64,7 @@
     "popper.js": "^1.16.1",
     "prop-types": "^15.6.2",
     "qs": "^6.9.6",
-    "react": "18.2.0",
     "react-color": "^2.19.3",
-    "react-dom": "18.2.0",
     "react-draggable": "4.4.5",
     "react-dropzone": "^11.4.2",
     "react-markdown": "8.0.7",

package/src/AlignmentView/AlignmentVisibilityTool.js

@@ -8,7 +8,7 @@ import {
   MenuItem
 } from "@blueprintjs/core";
 import React from "react";
-import { map, startCase } from "lodash";
+import { map, startCase } from "lodash-es";
 import pureNoFunc from "../utils/pureNoFunc";
 // import { fullSequenceTranslationMenu } from "../MenuBar/viewSubmenu";
 

package/src/AlignmentView/Minimap.js

@@ -4,7 +4,7 @@ import ReactList from "@teselagen/react-list";
 import Axis from "../RowItem/Axis";
 import getXStartAndWidthFromNonCircularRange from "../RowItem/getXStartAndWidthFromNonCircularRange";
 import { view } from "@risingstack/react-easy-state";
-import { flatMap, some, toNumber } from "lodash";
+import { flatMap, some, toNumber } from "lodash-es";
 import {
   getOverlapOfNonCircularRanges,
   invertRange,

package/src/AlignmentView/index.js

@@ -30,7 +30,7 @@ import {
   isFunction,
   unset,
   omit
-} from "lodash";
+} from "lodash-es";
 import { getSequenceDataBetweenRange } from "@teselagen/sequence-utils";
 import ReactList from "@teselagen/react-list";
 import ReactDOM from "react-dom";
@@ -56,9 +56,9 @@ import { ResizeSensor } from "@blueprintjs/core";
 import ReactDraggable from "react-draggable";
 import draggableClassnames from "../constants/draggableClassnames";
 import Caret from "../RowItem/Caret";
-import { debounce } from "lodash";
+import { debounce } from "lodash-es";
 import { view } from "@risingstack/react-easy-state";
-import { noop } from "lodash";
+import { noop } from "lodash-es";
 import { massageTickSpacing } from "../utils/massageTickSpacing";
 import { getClientX, getClientY } from "../utils/editorUtils";
 

package/src/AutoAnnotate.js

@@ -31,7 +31,7 @@ import {
   showConfirmationDialog,
   wrapDialog
 } from "@teselagen/ui";
-import { startCase } from "lodash";
+import { startCase } from "lodash-es";
 import withEditorProps from "./withEditorProps";
 import { useEffect, useState } from "react";
 import { Colors, Tab, Tabs } from "@blueprintjs/core";

package/src/CircularView/Feature.js

@@ -1,4 +1,4 @@
-import { startsWith } from "lodash";
+import { startsWith } from "lodash-es";
 import React from "react";
 
 import drawDirectedPiePiece from "./drawDirectedPiePiece";

package/src/CircularView/Labels/index.js

@@ -3,7 +3,7 @@ import relaxLabelAngles from "./relaxLabelAngles";
 import withHover from "../../helperComponents/withHover";
 import "./style.css";
 import React from "react";
-import { cloneDeep, clamp, noop } from "lodash";
+import { cloneDeep, clamp, noop } from "lodash-es";
 import { avoidOverlapWith } from "../drawAnnotations";
 
 const fontWidthToFontSize = 1.75;

package/src/CircularView/Labels/relaxLabelAngles.js

@@ -1,4 +1,4 @@
-import { cloneDeep } from "lodash";
+import { cloneDeep } from "lodash-es";
 
 export default relaxLabelAngles;
 

package/src/CircularView/Part.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { startsWith } from "lodash";
+import { startsWith } from "lodash-es";
 import drawDirectedPiePiece from "./drawDirectedPiePiece";
 
 export default function Part({

package/src/CircularView/drawAnnotations.js

@@ -1,6 +1,6 @@
 import React from "react";
 import IntervalTree from "node-interval-tree";
-import { sortBy, noop } from "lodash";
+import { sortBy, noop } from "lodash-es";
 import { getRangeLength } from "@teselagen/range-utils";
 import getRangeAngles from "./getRangeAnglesSpecial";
 import getYOffset from "./getYOffset";

package/src/CircularView/index.js

@@ -27,7 +27,7 @@ import "./style.css";
 import draggableClassnames from "../constants/draggableClassnames";
 import { getOrfColor } from "../constants/orfFrameToColorMap";
 import { getSingular } from "../utils/annotationTypes";
-import { upperFirst, map, flatMap, noop } from "lodash";
+import { upperFirst, map, flatMap, noop } from "lodash-es";
 
 import useAnnotationLimits from "../utils/useAnnotationLimits";
 import {
@@ -275,8 +275,8 @@ export function CircularView(props) {
                 rangeToShowLength < 10
                   ? 2
                   : rangeToShowLength < 50
-                  ? Math.ceil(rangeToShowLength / 25) * 5
-                  : Math.ceil(rangeToShowLength / 100) * 10,
+                    ? Math.ceil(rangeToShowLength / 25) * 5
+                    : Math.ceil(rangeToShowLength / 100) * 10,
               sequenceLength,
               isProtein
             }).map(pos => {
@@ -767,8 +767,8 @@ export function CircularView(props) {
               caretPosition > -1
                 ? caretPosition
                 : selectionLayer.start > -1
-                ? getMiddleOfRange(selectionLayer, sequenceLength)
-                : undefined;
+                  ? getMiddleOfRange(selectionLayer, sequenceLength)
+                  : undefined;
             if (caret !== undefined) {
               const radToRotateTo = (caret / sequenceLength) * Math.PI * 2;
               rotateHelper.current.triggerChange &&

package/src/CreateAnnotationsPage.js

@@ -11,7 +11,7 @@ import {
 } from "@teselagen/ui";
 import { useEffect } from "react";
 import { hideDialog } from "./GlobalDialogUtils";
-import { startCase } from "lodash";
+import { startCase } from "lodash-es";
 import { tidyUpAnnotation } from "@teselagen/sequence-utils";
 
 const schemaFeatures = ["name", typeField, "start", "end", "strand"];

package/src/CutsiteFilter/AdditionalCutsiteInfoDialog.js

@@ -13,7 +13,7 @@ import {
   map,
   noop,
   sortBy
-} from "lodash";
+} from "lodash-es";
 import SingleEnzymeCutsiteInfo from "../helperComponents/PropertiesDialog/SingleEnzymeCutsiteInfo";
 import { showDialog } from "../GlobalDialogUtils";
 

package/src/CutsiteFilter/index.js

@@ -8,8 +8,8 @@ import React, { useState } from "react";
 import "./style.css";
 import { popoverOverflowModifiers, TgSelect } from "@teselagen/ui";
 
-import { map, flatMap, includes, pickBy, isEmpty, noop } from "lodash";
-import { omit } from "lodash";
+import { map, flatMap, includes, pickBy, isEmpty, noop } from "lodash-es";
+import { omit } from "lodash-es";
 import { showDialog } from "../GlobalDialogUtils";
 import {
   addCutsiteGroupClickHandler,

package/src/DigestTool/AddLaddersDialog.js

@@ -5,7 +5,7 @@ import { reduxForm } from "redux-form";
 import useLadders from "../utils/useLadders";
 import { MenuItem } from "@blueprintjs/core";
 import downloadjs from "downloadjs";
-import { isArray } from "lodash";
+import { isArray } from "lodash-es";
 import { hideDialog } from "../GlobalDialogUtils";
 
 export const AddLaddersDialog = compose(

package/src/DigestTool/DigestTool.js

@@ -18,7 +18,7 @@ import {
 } from "@blueprintjs/core";
 import withEditorInteractions from "../withEditorInteractions";
 import { userDefinedHandlersAndOpts } from "../Editor/userDefinedHandlersAndOpts";
-import { noop, pick } from "lodash";
+import { noop, pick } from "lodash-es";
 
 const MAX_DIGEST_CUTSITES = 50;
 const MAX_PARTIAL_DIGEST_CUTSITES = 10;

package/src/DigestTool/Ladder.js

@@ -8,8 +8,8 @@ import { showDialog } from "../GlobalDialogUtils";
 import { AddLaddersDialog } from "./AddLaddersDialog";
 import { ladderDefaults } from "./ladderDefaults";
 import useLadders from "../utils/useLadders";
-import { map } from "lodash";
-import { filter } from "lodash";
+import { map } from "lodash-es";
+import { filter } from "lodash-es";
 
 export default function Ladder({
   // gelDigestEnzymes = [],

package/src/Editor/FillWindow.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { debounce } from "lodash";
+import { debounce } from "lodash-es";
 
 export default class FillWindow extends React.Component {
   updateDimensions = debounce(() => {

package/src/Editor/index.js

@@ -1,4 +1,4 @@
-import { debounce, find, get, some, isArray } from "lodash";
+import { debounce, find, get, some, isArray } from "lodash-es";
 // import sizeMe from "react-sizeme";
 import { showContextMenu } from "@teselagen/ui";
 import {
@@ -33,7 +33,7 @@ import CommandHotkeyHandler from "./CommandHotkeyHandler";
 import { ReflexContainer, ReflexSplitter, ReflexElement } from "../Reflex";
 /* eslint-enable */
 
-import { flatMap, map, filter, pick, camelCase } from "lodash";
+import { flatMap, map, filter, pick, camelCase } from "lodash-es";
 
 import { ToolBar } from "../ToolBar";
 import CircularView from "../CircularView";

package/src/EnzymeViewer/index.js

@@ -5,7 +5,7 @@ import copyToClipboard from "copy-to-clipboard";
 import RowItem from "../RowItem";
 import "./style.css";
 import classNames from "classnames";
-import { noop } from "lodash";
+import { noop } from "lodash-es";
 
 export default ({
   extraClasses = "",

package/src/GlobalDialogUtils.js

@@ -1,6 +1,6 @@
 import shortid from "shortid";
 
-import { cloneDeep, startCase } from "lodash";
+import { cloneDeep, startCase } from "lodash-es";
 import { convertRangeTo1Based } from "@teselagen/range-utils";
 
 export const dialogHolder = {};

package/src/LinearView/index.js

@@ -1,4 +1,4 @@
-import { debounce, noop, startCase } from "lodash";
+import { debounce, noop, startCase } from "lodash-es";
 import draggableClassnames from "../constants/draggableClassnames";
 import prepareRowData from "../utils/prepareRowData";
 import React from "react";

package/src/MenuBar/index.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { MenuBar, commandMenuEnhancer } from "@teselagen/ui";
 import { compose } from "redux";
-import { memoize } from "lodash";
+import { memoize } from "lodash-es";
 import withEditorProps from "../withEditorProps";
 import menuDef from "./defaultConfig";
 import getCommands from "../commands";

package/src/PCRTool/PCRTool.js

@@ -4,7 +4,7 @@ import React from "react";
 import withEditorInteractions from "../withEditorInteractions";
 import { ReactSelectField, tgFormValues } from "@teselagen/ui";
 import { reduxForm } from "redux-form";
-import { flatMap, forEach, keyBy } from "lodash";
+import { flatMap, forEach, keyBy } from "lodash-es";
 import SimpleCircularOrLinearView from "../SimpleCircularOrLinearView";
 import {
   getReverseComplementSequenceString,

package/src/Reflex/ReflexContainer.js

@@ -9,7 +9,7 @@ import ReflexEvents from "./ReflexEvents";
 import PropTypes from "prop-types";
 import ReactDOM from "react-dom";
 import React from "react";
-import { cloneDeep, round } from "lodash";
+import { cloneDeep, round } from "lodash-es";
 
 class ReflexContainer extends React.Component {
   /////////////////////////////////////////////////////////

package/src/Reflex/ReflexElement.js

@@ -4,7 +4,7 @@
 // December 2016
 //
 ///////////////////////////////////////////////////////////
-import { throttle } from "lodash";
+import { throttle } from "lodash-es";
 import Measure from "react-measure";
 import PropTypes from "prop-types";
 import Browser from "./Browser";

package/src/RowItem/Labels.js

@@ -4,7 +4,7 @@ import withHover from "../helperComponents/withHover";
 import getXStartAndWidthOfRowAnnotation from "./getXStartAndWidthOfRowAnnotation";
 import IntervalTree from "node-interval-tree";
 import getYOffset from "../CircularView/getYOffset";
-import { reduce, values, startCase, filter, clamp } from "lodash";
+import { reduce, values, startCase, filter, clamp } from "lodash-es";
 import { getRangeLength } from "@teselagen/range-utils";
 import { doesLabelFitInAnnotation } from "./utils";
 import getAnnotationNameAndStartStopString from "../utils/getAnnotationNameAndStartStopString";

package/src/RowItem/Sequence.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { times, map } from "lodash";
+import { times, map } from "lodash-es";
 import { view } from "@risingstack/react-easy-state";
 import { getVisibleStartEnd } from "../utils/getVisibleStartEnd";
 import { fudge2, realCharWidth } from "./constants";

package/src/RowItem/StackedAnnotations/PointedAnnotation.js

@@ -5,7 +5,7 @@ import getAnnotationNameAndStartStopString from "../../utils/getAnnotationNameAn
 
 import React, { useState } from "react";
 import { doesLabelFitInAnnotation } from "../utils";
-import { noop } from "lodash";
+import { noop } from "lodash-es";
 import getAnnotationClassnames from "../../utils/getAnnotationClassnames";
 import { getStripedPattern } from "../../utils/editorUtils";
 import { ANNOTATION_LABEL_FONT_WIDTH } from "../constants";

package/src/RowItem/StackedAnnotations/getStructuredBases.js

@@ -1,4 +1,4 @@
-import { clone } from "lodash";
+import { clone } from "lodash-es";
 import { getRangeLength, getSequenceWithinRange } from "@teselagen/range-utils";
 import { getComplementSequenceString } from "@teselagen/sequence-utils";
 import { bioData } from "@teselagen/sequence-utils";

package/src/RowItem/StackedAnnotations/primerBases.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { map } from "lodash";
+import { map } from "lodash-es";
 import { fudge2, realCharWidth } from "../constants";
 import getYOffset from "../../CircularView/getYOffset";
 import { getRangeLength } from "@teselagen/range-utils";
@@ -167,10 +167,10 @@ export function getBasesToShow({
                     b === "&"
                       ? "tg-no-show-seq"
                       : isMatch
-                      ? ""
-                      : isAmbiguousMatch
-                      ? "tg-ambiguous-match-seq"
-                      : "tg-no-match-seq"
+                        ? ""
+                        : isAmbiguousMatch
+                          ? "tg-ambiguous-match-seq"
+                          : "tg-no-match-seq"
                   }
                   textLength={textLength}
                 >

package/src/RowItem/getXStartAndWidthOfRangeWrtRow.js

@@ -1,5 +1,5 @@
 import { normalizePositionByRangeLength } from "@teselagen/range-utils";
-import { isNumber } from "lodash";
+import { isNumber } from "lodash-es";
 
 export default function getXStartAndWidthOfRangeWrtRow({
   range,

package/src/RowItem/index.js

@@ -11,7 +11,7 @@ import {
   flatMap,
   assign,
   noop
-} from "lodash";
+} from "lodash-es";
 import { getComplementSequenceString } from "@teselagen/sequence-utils";
 import React, { useMemo } from "react";
 import pluralize from "pluralize";
@@ -28,7 +28,7 @@ import "./style.css";
 import Chromatogram from "./Chromatograms/Chromatogram";
 import { rowHeights } from "../RowView/estimateRowHeight";
 import { getAllSelectionLayers } from "../utils/selectionLayer";
-import { filter } from "lodash";
+import { filter } from "lodash-es";
 import { defaultCharWidth } from "../constants/rowviewContants";
 import { CutsiteSelectionLayers } from "./CutsiteSelectionLayers";
 

package/src/RowView/estimateRowHeight.js

@@ -1,4 +1,4 @@
-import { forEach } from "lodash";
+import { forEach } from "lodash-es";
 
 const debug = 0;
 // const debug = console.log("comment me back out!") || 1;

package/src/RowView/index.js

@@ -1,6 +1,6 @@
 import { Button } from "@blueprintjs/core";
 import draggableClassnames from "../constants/draggableClassnames";
-import { some, debounce, noop } from "lodash";
+import { some, debounce, noop } from "lodash-es";
 import prepareRowData from "../utils/prepareRowData";
 import React from "react";
 import Draggable from "react-draggable";

package/src/SimpleCircularOrLinearView.js

@@ -13,7 +13,7 @@ import { HoveredIdContext } from "./helperComponents/withHover";
 import { visibilityDefaultValues } from "./redux/annotationVisibility";
 import { addWrappedAddons } from "./utils/addWrappedAddons";
 import { SimpleOligoPreview } from "./SimpleOligoPreview";
-import { cloneDeep, flatMap, map, startCase } from "lodash";
+import { cloneDeep, flatMap, map, startCase } from "lodash-es";
 import {
   Button,
   ButtonGroup,

package/src/StatusBar/MeltingTemp.js

@@ -3,7 +3,7 @@ import { Button, Icon, Popover, RadioGroup } from "@blueprintjs/core";
 
 import { calculateTm, calculateNebTm } from "@teselagen/sequence-utils";
 
-import { isString } from "lodash";
+import { isString } from "lodash-es";
 import { popoverOverflowModifiers } from "@teselagen/ui";
 import useTmType from "../utils/useTmType";
 

package/src/ToolBar/ToolbarItem.js

@@ -10,7 +10,7 @@ import {
 } from "@blueprintjs/core";
 import React from "react";
 import "./style.css";
-import { noop } from "lodash";
+import { noop } from "lodash-es";
 
 class ToolbarItem extends React.Component {
   toggleDropdown = ({ forceClose } = {}) => {

package/src/ToolBar/alignmentTool.js

@@ -9,9 +9,9 @@ import {
 } from "@teselagen/ui";
 import { reduxForm, FieldArray } from "redux-form";
 import { anyToJson } from "@teselagen/bio-parsers";
-import { flatMap } from "lodash";
+import { flatMap } from "lodash-es";
 import uniqid from "shortid";
-import { cloneDeep } from "lodash";
+import { cloneDeep } from "lodash-es";
 import classNames from "classnames";
 
 import ToolbarItem from "./ToolbarItem";

package/src/ToolBar/cutsiteTool.js

@@ -4,7 +4,7 @@ import React from "react";
 import ToolbarItem from "./ToolbarItem";
 import { connectToEditor } from "../withEditorProps";
 import { userDefinedHandlersAndOpts } from "../Editor/userDefinedHandlersAndOpts";
-import { pick } from "lodash";
+import { pick } from "lodash-es";
 
 export default connectToEditor(
   ({ readOnly, annotationVisibility = {}, toolBar = {} }) => {

package/src/ToolBar/index.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { flatMap, isString, pick } from "lodash";
+import { flatMap, isString, pick } from "lodash-es";
 import versionHistoryTool from "./versionHistoryTool";
 // import {connectToEditor} from "../withEditorProps";
 import MenuBar from "../MenuBar";

package/src/VersionHistoryView/index.js

@@ -6,7 +6,7 @@ import { DataTable } from "@teselagen/ui";
 import Editor from "../Editor";
 import FillWindow from "../Editor/FillWindow";
 import withEditorProps from "../withEditorProps";
-import { noop } from "lodash";
+import { noop } from "lodash-es";
 
 const SIDE_PANEL_WIDTH = 350;
 

package/src/commands/index.js

@@ -25,7 +25,7 @@ import {
   some,
   sortBy,
   noop
-} from "lodash";
+} from "lodash-es";
 import showFileDialog from "../utils/showFileDialog";
 import { defaultCopyOptions } from "../redux/copyOptions";
 import { divideBy3 } from "../utils/proteinUtils";

package/src/helperComponents/AddOrEditAnnotationDialog/index.js

@@ -39,7 +39,7 @@ import { store, view } from "@risingstack/react-easy-state";
 
 import withEditorProps from "../../withEditorProps";
 import { withProps } from "recompose";
-import { map, flatMap, round } from "lodash";
+import { map, flatMap, round } from "lodash-es";
 import "./style.css";
 
 class AddOrEditAnnotationDialog extends React.Component {

package/src/helperComponents/AddOrEditPartDialog/index.js

@@ -7,7 +7,7 @@ import {
   InfoHelper
 } from "@teselagen/ui";
 import { getFeatureTypes } from "@teselagen/sequence-utils";
-import { get } from "lodash";
+import { get } from "lodash-es";
 
 const renderTypes = ({ readOnly }) => (
   <ReactSelectField

package/src/helperComponents/AddOrEditPrimerDialog/index.js

@@ -16,7 +16,7 @@ import { convertRangeTo0Based } from "@teselagen/range-utils";
 import classNames from "classnames";
 import "./style.css";
 import { getSequenceWithinRange } from "@teselagen/range-utils";
-import { flatMap } from "lodash";
+import { flatMap } from "lodash-es";
 import CaretPositioning, {
   selectionSaveCaretPosition
 } from "./EditCaretPosition";
@@ -84,8 +84,8 @@ const CustomContentEditable = generateField(function CustomContentEditable({
         isMatch
           ? ""
           : isAmbiguousMatch
-          ? "tg-ambiguous-match-seq"
-          : "tg-no-match-seq"
+            ? "tg-ambiguous-match-seq"
+            : "tg-no-match-seq"
       }">${b}</span>`;
     }
   );

package/src/helperComponents/EnzymesDialog/index.js

@@ -22,7 +22,7 @@ import withEditorProps from "../../withEditorProps";
 import EnzymeViewer from "../../EnzymeViewer";
 import "./style.css";
 
-import { map, flatMap, countBy, reduce, uniq, omitBy } from "lodash";
+import { map, flatMap, countBy, reduce, uniq, omitBy } from "lodash-es";
 import {
   aliasedEnzymesByName,
   defaultEnzymesByName,

package/src/helperComponents/GoToDialog.js

@@ -1,6 +1,6 @@
 import createSimpleDialog from "./createSimpleDialog";
 import { NumericInputField } from "@teselagen/ui";
-import { get } from "lodash";
+import { get } from "lodash-es";
 import { tryToRefocusEditor } from "../utils/editorUtils";
 
 export default createSimpleDialog({

package/src/helperComponents/MergeFeaturesDialog/index.js

@@ -12,7 +12,7 @@ import {
 } from "@teselagen/ui";
 import { compose } from "redux";
 import { Button, Intent, Classes } from "@blueprintjs/core";
-import { flatMap } from "lodash";
+import { flatMap } from "lodash-es";
 import classNames from "classnames";
 import withEditorProps from "../../withEditorProps";
 import { CheckboxField } from "@teselagen/ui";

package/src/helperComponents/PropertiesDialog/CutsiteProperties.js

@@ -4,7 +4,7 @@ import {
   withSelectedEntities,
   createCommandMenu
 } from "@teselagen/ui";
-import { map, get } from "lodash";
+import { map, get } from "lodash-es";
 import CutsiteFilter from "../../CutsiteFilter";
 import { Button, ButtonGroup } from "@blueprintjs/core";
 import { connectToEditor } from "../../withEditorProps";
@@ -12,7 +12,7 @@ import { compose } from "recompose";
 import selectors from "../../selectors";
 import commands from "../../commands";
 import { userDefinedHandlersAndOpts } from "../../Editor/userDefinedHandlersAndOpts";
-import { pick } from "lodash";
+import { pick } from "lodash-es";
 import SingleEnzymeCutsiteInfo from "./SingleEnzymeCutsiteInfo";
 import { withRestrictionEnzymes } from "../../CutsiteFilter/withRestrictionEnzymes";
 import { cutsitesSubmenu } from "../../MenuBar/viewSubmenu";

package/src/helperComponents/PropertiesDialog/GenericAnnotationProperties.js

@@ -10,7 +10,7 @@ import {
   popoverOverflowModifiers,
   removeDuplicatesIcon
 } from "@teselagen/ui";
-import { map, upperFirst, pick, startCase, isFunction } from "lodash";
+import { map, upperFirst, pick, startCase, isFunction } from "lodash-es";
 import {
   AnchorButton,
   ButtonGroup,

package/src/helperComponents/PropertiesDialog/OrfProperties.js

@@ -4,7 +4,7 @@ import {
   withSelectedEntities,
   createCommandMenu
 } from "@teselagen/ui";
-import { map } from "lodash";
+import { map } from "lodash-es";
 // import { Button } from "@blueprintjs/core";
 import { getRangeLength } from "@teselagen/range-utils";
 import { getOrfColor } from "../../constants/orfFrameToColorMap";

package/src/helperComponents/PropertiesDialog/TranslationProperties.js

@@ -6,7 +6,7 @@ import {
   createCommandMenu
 } from "@teselagen/ui";
 import getCommands from "../../commands";
-import { map } from "lodash";
+import { map } from "lodash-es";
 import { getRangeLength } from "@teselagen/range-utils";
 import { connectToEditor } from "../../withEditorProps";
 import { compose } from "recompose";