@teselagen/ove 0.5.4 → 0.5.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.5.4",
+  "version": "0.5.6",
   "main": "./src/index.js",
   "exports": {
     ".": {
@@ -12,7 +12,7 @@
   "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",
@@ -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",

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 {

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/GlobalDialog.js

@@ -39,15 +39,22 @@ const Dialogs = {
 };
 
 export function GlobalDialog(props) {
-  const { dialogOverrides = {} } = props;
-  const [uniqKey, setUniqKey] = useState();
+  const { dialogOverrides = {}, editorName } = props;
+  const [uniqKey, setUniqKeyToForceRerender] = useState();
   useEffect(() => {
     //on unmount, clear the global dialog state..
     return () => {
       hideDialog();
     };
   }, []);
-  dialogHolder.setUniqKey = setUniqKey;
+  if (
+    dialogHolder.editorName &&
+    editorName &&
+    dialogHolder.editorName !== editorName
+  ) {
+    return null;
+  }
+  dialogHolder.setUniqKeyToForceRerender = setUniqKeyToForceRerender;
   const Comp =
     dialogHolder.CustomModalComponent ||
     dialogOverrides[dialogHolder.overrideName] ||

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 = {};
@@ -15,17 +15,32 @@ export function showDialog({
   if (!dialogHolder.dialogType && ModalComponent) {
     dialogHolder.dialogType = "TGCustomModal";
   }
+  // check if focused element in the dom is within a given editor and add an editor prop to the dialog
+  if (document.activeElement && document.activeElement.closest(".veEditor")) {
+    let editorName;
+    document.activeElement
+      .closest(".veEditor")
+      ?.className.split(" ")
+      .forEach(c => {
+        if (!c.trim()) return;
+        if (!c.trim().includes("veEditor")) {
+          editorName = c;
+        }
+      });
+    dialogHolder.editorName = editorName;
+  }
+
   dialogHolder.CustomModalComponent = ModalComponent;
   dialogHolder.props = props;
   dialogHolder.overrideName = overrideName;
-  dialogHolder.setUniqKey(shortid());
+  dialogHolder.setUniqKeyToForceRerender(shortid());
 }
 export function hideDialog() {
   delete dialogHolder.dialogType;
   delete dialogHolder.CustomModalComponent;
   delete dialogHolder.props;
   delete dialogHolder.overrideName;
-  dialogHolder.setUniqKey();
+  dialogHolder.setUniqKeyToForceRerender();
 }
 
 const typeToDialogType = {
@@ -57,8 +72,8 @@ export function showAddOrEditAnnotationDialog({
     annotation.strand === -1
       ? false
       : annotation.forward !== undefined
-      ? !!annotation.forward
-      : true;
+        ? !!annotation.forward
+        : true;
   showDialog({
     overrideName: `AddOrEdit${nameUpper}DialogOverride`,
     dialogType,

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";

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";

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";