@teselagen/ove 0.8.20 → 0.8.22

package/index.umd.js

@@ -44330,7 +44330,8 @@ ${latestSubscriptionCallbackError.current.stack}
     onMultiRowSelect,
     noDeselectAll,
     onRowSelect,
-    change: change2
+    change: change2,
+    getCheckboxGroupId
   }) {
     const entity = rowInfo.original;
     onRowClick(e2, entity, rowInfo);
@@ -44402,6 +44403,38 @@ ${latestSubscriptionCallbackError.current.stack}
         }
       }
     }
+    if (getCheckboxGroupId) {
+      const clickedRowId = rowId;
+      const clickedEntity = entity;
+      const clickedGroupId = getCheckboxGroupId(clickedEntity, rowInfo.index);
+      if (!newIdMap[clickedRowId] && clickedGroupId) {
+        entities.forEach((e22, i2) => {
+          if (getCheckboxGroupId(e22, i2) === clickedGroupId) {
+            const id2 = getIdOrCodeOrIndex(e22, i2);
+            delete newIdMap[id2];
+          }
+        });
+      }
+      const selectedGroupIds = /* @__PURE__ */ new Set();
+      entities.forEach((e22, i2) => {
+        const id2 = getIdOrCodeOrIndex(e22, i2);
+        if (newIdMap[id2]) {
+          const gid = getCheckboxGroupId(e22, i2);
+          if (gid) selectedGroupIds.add(gid);
+        }
+      });
+      if (selectedGroupIds.size > 0) {
+        entities.forEach((e22, i2) => {
+          const gid = getCheckboxGroupId(e22, i2);
+          if (gid && selectedGroupIds.has(gid)) {
+            const id2 = getIdOrCodeOrIndex(e22, i2);
+            if (!newIdMap[id2]) {
+              newIdMap[id2] = { entity: e22, time: Date.now() };
+            }
+          }
+        });
+      }
+    }
     finalizeSelection({
       idMap: newIdMap,
       entities,
@@ -80887,6 +80920,7 @@ ${latestSubscriptionCallbackError.current.stack}
     resetDefaultVisibility,
     currentParams,
     compact,
+    hideExpandSubCompColumn,
     editingCell,
     editingCellSelectAll,
     entities,
@@ -80934,7 +80968,8 @@ ${latestSubscriptionCallbackError.current.stack}
     withSort = true,
     recordIdToIsVisibleMap,
     setRecordIdToIsVisibleMap,
-    withDisplayOptions
+    withDisplayOptions,
+    getCheckboxGroupId
   }) => {
     const dispatch = useDispatch();
     const change$12 = reactExports.useCallback(
@@ -81182,6 +81217,14 @@ ${latestSubscriptionCallbackError.current.stack}
           return /* @__PURE__ */ React.createElement("div", null);
         }
         const entity = entities[rowIndex];
+        if (getCheckboxGroupId) {
+          const currentGroupId = getCheckboxGroupId(entity, rowIndex);
+          const previousEntity = entities[rowIndex - 1];
+          const previousGroupId = previousEntity ? getCheckboxGroupId(previousEntity, rowIndex - 1) : void 0;
+          if (currentGroupId && currentGroupId === previousGroupId) {
+            return /* @__PURE__ */ React.createElement("div", null);
+          }
+        }
         return /* @__PURE__ */ React.createElement(
           Checkbox,
           {
@@ -81200,7 +81243,8 @@ ${latestSubscriptionCallbackError.current.stack}
                 onMultiRowSelect,
                 noDeselectAll,
                 onRowSelect,
-                change: change$12
+                change: change$12,
+                getCheckboxGroupId
               });
             }, "onClick"),
             checked: isSelected
@@ -81221,7 +81265,8 @@ ${latestSubscriptionCallbackError.current.stack}
         onRowSelect,
         onSingleRowSelect,
         reduxFormSelectedEntityIdMap,
-        withCheckboxes
+        withCheckboxes,
+        getCheckboxGroupId
       ]
     );
     const finishCellEdit = reactExports.useCallback(
@@ -81296,13 +81341,14 @@ ${latestSubscriptionCallbackError.current.stack}
           );
         }, "Header")
       }), {
+        show: !hideExpandSubCompColumn,
         expander: true,
         Expander: /* @__PURE__ */ __name(({ isExpanded, original: record }) => {
           let shouldShow = true;
           if (shouldShowSubComponent) {
             shouldShow = shouldShowSubComponent(record);
           }
-          if (!shouldShow) return null;
+          if (!shouldShow || hideExpandSubCompColumn) return null;
           return /* @__PURE__ */ React.createElement(
             Button,
             {
@@ -85844,6 +85890,7 @@ ${latestSubscriptionCallbackError.current.stack}
       minimalStyle,
       mustClickCheckboxToSelect,
       noDeselectAll,
+      hideExpandSubCompColumn,
       noFooter = isSimple ? !withPaging : false,
       noFullscreenButton = isSimple,
       noHeader = false,
@@ -85891,7 +85938,8 @@ ${latestSubscriptionCallbackError.current.stack}
       withSort,
       withTitle = !isSimple,
       noExcessiveCheck,
-      isEntityCountLoading
+      isEntityCountLoading,
+      getCheckboxGroupId
     } = props;
     const _entities = reactExports.useMemo(
       () => ((reduxFormEntities == null ? void 0 : reduxFormEntities.length) ? reduxFormEntities : _origEntities) || [],
@@ -87428,6 +87476,15 @@ ${latestSubscriptionCallbackError.current.stack}
         const isExpanded = expandedEntityIdMap[rowId];
         const rowDisabled = isEntityDisabled(entity);
         const dataId = entity.id || entity.code;
+        let noGroupBorder = false;
+        if (getCheckboxGroupId) {
+          const currentGroupId = getCheckboxGroupId(entity, rowInfo.index);
+          const nextEntity = entities[rowInfo.index + 1];
+          const nextGroupId = nextEntity ? getCheckboxGroupId(nextEntity, rowInfo.index + 1) : void 0;
+          if (currentGroupId && currentGroupId === nextGroupId) {
+            noGroupBorder = true;
+          }
+        }
         return {
           onClick: /* @__PURE__ */ __name((e2) => {
             if (isCellEditable) return;
@@ -87454,7 +87511,8 @@ ${latestSubscriptionCallbackError.current.stack}
               onMultiRowSelect,
               noDeselectAll,
               onRowSelect,
-              change: change$12
+              change: change$12,
+              getCheckboxGroupId
             });
           }, "onClick"),
           //row right click
@@ -87496,9 +87554,11 @@ ${latestSubscriptionCallbackError.current.stack}
             {
               disabled: rowDisabled,
               selected: rowSelected && !withCheckboxes,
-              "rt-tr-last-row": rowInfo.index === entities.length - 1
+              "rt-tr-last-row": rowInfo.index === entities.length - 1,
+              "no-group-border": noGroupBorder
             }
           ),
+          "data-test-selected": !!rowSelected,
           "data-test-id": dataId === void 0 ? rowInfo.index : dataId,
           "data-index": rowInfo.index,
           "data-tip": typeof rowDisabled === "string" ? rowDisabled : void 0,
@@ -87529,7 +87589,8 @@ ${latestSubscriptionCallbackError.current.stack}
         reduxFormSelectedEntityIdMap,
         selectedCells,
         showContextMenu2,
-        withCheckboxes
+        withCheckboxes,
+        getCheckboxGroupId
       ]
     );
     const getTableCellProps = reactExports.useCallback(
@@ -87842,6 +87903,7 @@ ${latestSubscriptionCallbackError.current.stack}
       isSingleSelect,
       isSelectionARectangle,
       noDeselectAll,
+      hideExpandSubCompColumn,
       noSelect,
       noUserSelect,
       onDeselect,
@@ -87873,6 +87935,7 @@ ${latestSubscriptionCallbackError.current.stack}
       withFilter,
       withSort,
       recordIdToIsVisibleMap,
+      getCheckboxGroupId,
       setRecordIdToIsVisibleMap
     });
     const scrollToTop = reactExports.useCallback(
@@ -95997,9 +96060,19 @@ ${latestSubscriptionCallbackError.current.stack}
     content: content2,
     label,
     style: style2,
-    isOpenByDefault
+    isOpenByDefault,
+    localStorageKey
   }) {
-    const [isOpen2, setOpen] = reactExports.useState(isOpenByDefault);
+    const [isOpen2, setOpen] = reactExports.useState(() => {
+      if (localStorageKey) {
+        if (window.localStorage.getItem(localStorageKey) === "true") {
+          return true;
+        } else if (window.localStorage.getItem(localStorageKey) === "false") {
+          return false;
+        }
+      }
+      return isOpenByDefault;
+    });
     if (!(content2 || children)) {
       return null;
     }
@@ -96007,20 +96080,28 @@ ${latestSubscriptionCallbackError.current.stack}
       "div",
       {
         onClick: /* @__PURE__ */ __name(() => {
-          setOpen(!isOpen2);
+          const newIsOpen = !isOpen2;
+          setOpen(newIsOpen);
+          if (localStorageKey) {
+            window.localStorage.setItem(localStorageKey, newIsOpen);
+          }
         }, "onClick"),
-        style: { cursor: "pointer", display: "flex", alignItems: "flex-end" },
-        className: "tg-toggle-advanced-options"
+        style: {
+          cursor: "pointer",
+          display: "flex",
+          alignItems: "center",
+          userSelect: "none"
+        },
+        className: `tg-toggle-advanced-options`
       },
-      label || "Advanced",
-      " ",
       /* @__PURE__ */ React.createElement(
         Icon,
         {
           icon: isOpen2 ? "caret-down" : "caret-right",
-          style: { marginLeft: 5 }
+          style: { marginRight: 5 }
         }
-      )
+      ),
+      /* @__PURE__ */ React.createElement("strong", null, label || "Advanced")
     ), isOpen2 && /* @__PURE__ */ React.createElement("div", { style: { marginTop: 10 } }, content2 || children));
   }
   __name(AdvancedOptions, "AdvancedOptions");
@@ -99308,6 +99389,7 @@ ${latestSubscriptionCallbackError.current.stack}
               topLeft: true,
               topRight: true
             },
+            resizeHandleWrapperClass: "tg-dialog-resize-handle",
             maxHeight: windowHeight,
             maxWidth: windowWidth,
             bounds: "window",
@@ -125340,6 +125422,30 @@ ${seq.sequence}
     default: selectedPartTags,
     updateSelectedPartTags
   }, Symbol.toStringTag, { value: "Module" }));
+  const updateTemporaryAnnotations = createMetaAction(
+    "TEMPORARY_ANNOTATIONS_UPDATE"
+  );
+  const temporaryAnnotations = createMergedDefaultStateReducer(
+    {
+      TEMPORARY_ANNOTATIONS_UPDATE: /* @__PURE__ */ __name((state2, payload) => {
+        return __spreadValues(__spreadValues({}, state2), payload);
+      }, "TEMPORARY_ANNOTATIONS_UPDATE"),
+      VECTOR_EDITOR_UPDATE: /* @__PURE__ */ __name((state2, payload) => {
+        return __spreadValues(__spreadValues({}, state2), payload.temporaryAnnotations);
+      }, "VECTOR_EDITOR_UPDATE")
+    },
+    {
+      features: {},
+      primers: {},
+      parts: {},
+      searchLayers: []
+    }
+  );
+  const temporaryAnnotations$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null,
+    default: temporaryAnnotations,
+    updateTemporaryAnnotations
+  }, Symbol.toStringTag, { value: "Module" }));
   const vectorEditorMiddleware = /* @__PURE__ */ __name((store2) => (next) => (action2) => {
     if (action2.meta && action2.meta.disregardUndo) {
       return next(action2);
@@ -125455,7 +125561,8 @@ ${seq.sequence}
     partLengthsToHide: partLengthsToHide$1,
     primerLengthsToHide: primerLengthsToHide$1,
     featureLengthsToHide: featureLengthsToHide$1,
-    selectedPartTags: selectedPartTags$1
+    selectedPartTags: selectedPartTags$1,
+    temporaryAnnotations: temporaryAnnotations$1
   };
   const vectorEditorInitialize = createMetaAction("VECTOR_EDITOR_UPDATE");
   const vectorEditorClear = createMetaAction("VECTOR_EDITOR_CLEAR");
@@ -126134,9 +126241,10 @@ ${seq.sequence}
   }
   __name(translationsRawSelector, "translationsRawSelector");
   const translationsRawSelector$1 = createSelector(sequenceDataSelector, translationsRawSelector);
-  function searchLayersSelector(sequence2, isCircular, isOpen2, searchString, ambiguousOrLiteral, dnaOrAA, isProtein2, proteinSequence, mismatchesAllowed) {
+  function searchLayersSelector(sequence2, isCircular, isOpen2, searchString, ambiguousOrLiteral, dnaOrAA, isProtein2, proteinSequence, mismatchesAllowed, tempSearchLayers = []) {
+    const toReturn = [...tempSearchLayers];
     if (!searchString || !isOpen2) {
-      return [];
+      return toReturn;
     }
     if (isProtein2) {
       const searchingDna = dnaOrAA === "DNA";
@@ -126153,7 +126261,7 @@ ${seq.sequence}
       ).sort(({ start: start2 }, { start: start22 }) => {
         return start2 - start22;
       });
-      return searchingDna ? matches2 : matches2.map((_a2) => {
+      const r2 = searchingDna ? matches2 : matches2.map((_a2) => {
         var _b2 = _a2, { start: start2, end: end2 } = _b2, rest = __objRest(_b2, ["start", "end"]);
         return __spreadProps(__spreadValues({}, rest), {
           isSearchLayer: true,
@@ -126161,6 +126269,10 @@ ${seq.sequence}
           end: end2 * 3 + 2
         });
       });
+      return [
+        ...toReturn,
+        ...r2
+      ];
     }
     if (dnaOrAA === "DNA" && ambiguousOrLiteral === "LITERAL" && mismatchesAllowed > 0) {
       const approxMatches = findApproxMatches(
@@ -126178,9 +126290,9 @@ ${seq.sequence}
         isSearchLayer: true,
         forward: true
       })).sort((a2, b3) => a2.start - b3.start);
-      return matches2.map((match) => __spreadProps(__spreadValues({}, match), {
+      return [...toReturn, ...matches2.map((match) => __spreadProps(__spreadValues({}, match), {
         className: "veSearchLayer"
-      }));
+      }))];
     }
     const matches = findSequenceMatches(sequence2, searchString, {
       isCircular,
@@ -126190,11 +126302,11 @@ ${seq.sequence}
     }).sort(({ start: start2 }, { start: start22 }) => {
       return start2 - start22;
     });
-    return matches.map((match) => __spreadProps(__spreadValues({}, match), {
+    return [...toReturn, ...matches.map((match) => __spreadProps(__spreadValues({}, match), {
       forward: !match.bottomStrand,
       className: "veSearchLayer " + (match.bottomStrand ? " veSearchLayerBottomStrand" : ""),
       isSearchLayer: true
-    }));
+    }))];
   }
   __name(searchLayersSelector, "searchLayersSelector");
   const searchLayersSelector$1 = createSelector(
@@ -126207,6 +126319,7 @@ ${seq.sequence}
     (state2) => state2.sequenceData.isProtein,
     (state2) => state2.sequenceData.proteinSequence,
     (state2) => state2.findTool && state2.findTool.mismatchesAllowed,
+    (state2) => state2.temporaryAnnotations.searchLayers,
     searchLayersSelector
   );
   const translationSearchMatchesSelector = createSelector(
@@ -126220,11 +126333,16 @@ ${seq.sequence}
       return searchLayers;
     }
   );
-  function featuresRawSelector(sequenceData2) {
-    return sequenceData2.features;
+  const temporaryAnnotationsSelector = /* @__PURE__ */ __name((editor) => editor.temporaryAnnotations, "temporaryAnnotationsSelector");
+  function featuresRawSelector(sequenceData2, temporaryAnnotations2) {
+    return __spreadValues(__spreadValues({}, sequenceData2.features), temporaryAnnotations2 == null ? void 0 : temporaryAnnotations2.features);
   }
   __name(featuresRawSelector, "featuresRawSelector");
-  const featuresSelector = createSelector(sequenceDataSelector, featuresRawSelector);
+  const featuresSelector = createSelector(
+    sequenceDataSelector,
+    temporaryAnnotationsSelector,
+    featuresRawSelector
+  );
   function cdsFeaturesRawSelector(features2) {
     return filter(features2, ({ type: type2 }) => type2 && type2.toUpperCase() === "CDS");
   }
@@ -126504,11 +126622,15 @@ ${seq.sequence}
     (state2) => state2.featureLengthsToHide,
     filteredFeaturesSelector
   );
-  function primersRawSelector(sequenceData2) {
-    return sequenceData2.primers;
+  function primersRawSelector(sequenceData2, temporaryAnnotations2) {
+    return __spreadValues(__spreadValues({}, sequenceData2.primers), temporaryAnnotations2 == null ? void 0 : temporaryAnnotations2.primers);
   }
   __name(primersRawSelector, "primersRawSelector");
-  const primersSelector = createSelector(sequenceDataSelector, primersRawSelector);
+  const primersSelector = createSelector(
+    sequenceDataSelector,
+    temporaryAnnotationsSelector,
+    primersRawSelector
+  );
   function filteredPrimersSelector(primers2, seqLen, primerIndividualToHide, lengthsToHide) {
     return omitBy(primers2, (ann) => {
       const hideIndividually = primerIndividualToHide[ann.id];
@@ -126523,11 +126645,15 @@ ${seq.sequence}
     (state2) => state2.primerLengthsToHide,
     filteredPrimersSelector
   );
-  function partsRawSelector(sequenceData2) {
-    return sequenceData2.parts;
+  function partsRawSelector(sequenceData2, temporaryAnnotations2) {
+    return __spreadValues(__spreadValues({}, sequenceData2.parts), temporaryAnnotations2 == null ? void 0 : temporaryAnnotations2.parts);
   }
   __name(partsRawSelector, "partsRawSelector");
-  const partsSelector = createSelector(sequenceDataSelector, partsRawSelector);
+  const partsSelector = createSelector(
+    sequenceDataSelector,
+    temporaryAnnotationsSelector,
+    partsRawSelector
+  );
   const tagsToBoldSelector = /* @__PURE__ */ __name((state2) => state2.selectedPartTags.parts, "tagsToBoldSelector");
   function addWrappedAddons(anns, seqLen) {
     return flatMap(anns, (ann) => {
@@ -127354,7 +127480,8 @@ ${seq.sequence}
       annotationVisibility: annotationVisibility2,
       annotationsToSupport: annotationsToSupport2,
       findTool: findTool2,
-      justPassingPartialSeqData
+      justPassingPartialSeqData,
+      temporaryAnnotations: temporaryAnnotations2
     } = initialValues2;
     const currentEditor = store2.getState().VectorEditor[editorName] || {};
     const isAlreadyProteinEditor = currentEditor.sequenceData && currentEditor.sequenceData.isProtein;
@@ -127476,12 +127603,14 @@ ${seq.sequence}
           };
         }
       }
-      payload = __spreadValues(__spreadValues(__spreadValues({}, initialValues2), toSpread), sequenceData2 && {
+      payload = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, initialValues2), toSpread), sequenceData2 && {
         sequenceData: tidyUpSequenceData(sequenceData2, {
           convertAnnotationsFromAAIndices,
           //if we have sequence data coming in make sure to tidy it up for the user :)
           annotationsAsObjects: true
         })
+      }), temporaryAnnotations2 && {
+        temporaryAnnotations: temporaryAnnotations2
       });
     }
     annotationTypes.forEach((t2) => {
@@ -144906,7 +145035,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     input.click();
   }
   __name(showFileDialog, "showFileDialog");
-  const version = "0.8.19";
+  const version = "0.8.21";
   const packageJson = {
     version
   };

package/ove.css

@@ -8819,12 +8819,14 @@ span.bp3-popover-target{
 /*# sourceMappingURL=blueprint-icons.css.map */:root {
   --base1: #ffffff;
   --base2: #cdcdcd;
+  --base3: #a1a3a5;
   --reversed: #293742;
 }
 
 body.bp3-dark {
   --base1: #393a3a;
   --base2: #293742;
+  --base3: #959697;
   --reversed: #cdcdcd;
 }
 
@@ -9611,6 +9613,50 @@ button:not(:disabled):active {
   border: none;
 }
 
+.ReactTable.ReactTable .rt-tbody .rt-tr-group.no-group-border {
+  border-bottom: none;
+}
+
+.react-draggable .bp3-dialog {
+  /* add little chevrons in the bottom corners of the dialog to show its draggable */
+  position: relative;
+}
+
+.react-draggable .bp3-dialog::before,
+.react-draggable .bp3-dialog::after {
+  content: "";
+  position: absolute;
+  bottom: 3px;
+  width: 10px;
+  height: 10px;
+  border-style: double;
+  border-color: var(--base3);
+  border-width: 0;
+  border-bottom-width: 6px;
+  pointer-events: none;
+}
+
+.react-draggable .bp3-dialog::before {
+  left: 3px;
+  border-left-width: 6px;
+  border-bottom-left-radius: 2px;
+}
+
+.react-draggable .bp3-dialog::after {
+  right: 3px;
+  border-right-width: 6px;
+  border-bottom-right-radius: 2px;
+}
+
+.react-draggable .tg-dialog-resize-handle div:first-child {
+  bottom: 0px !important;
+  left: 0px !important;
+}
+.react-draggable .tg-dialog-resize-handle div:nth-child(2) {
+  bottom: 0px !important;
+  right: 0px !important;
+}
+
 .bp3-dark .ReactTable.ReactTable .rt-tbody .rt-tr-group {
   border-bottom-color: rgba(16, 22, 26, 0.15);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.8.20",
+  "version": "0.8.22",
   "main": "./src/index.js",
   "type": "module",
   "exports": {
@@ -19,7 +19,7 @@
     "@teselagen/range-utils": "0.3.13",
     "@teselagen/react-list": "0.8.18",
     "@teselagen/sequence-utils": "0.3.36",
-    "@teselagen/ui": "0.10.9",
+    "@teselagen/ui": "0.10.10",
     "@use-gesture/react": "10.3.0",
     "biomsa": "^0.2.4",
     "classnames": "^2.3.2",

package/redux/temporaryAnnotations.d.ts

@@ -0,0 +1,6 @@
+export const updateTemporaryAnnotations: import('redux-act').ComplexActionCreator1<any, any, any>;
+declare const _default: {
+    (newState: {} | undefined, action: any): any;
+    __shouldUseMergedState: boolean;
+};
+export default _default;

package/selectors/featuresSelector.d.ts

@@ -1,4 +1,4 @@
-declare const _default: ((state: any) => any) & import('reselect').OutputSelectorFields<(args_0: any) => any, {
+declare const _default: ((state: any) => any) & import('reselect').OutputSelectorFields<(args_0: any, args_1: any) => any, {
     clearCache: () => void;
 }> & {
     clearCache: () => void;

package/selectors/partsSelector.d.ts

@@ -1,4 +1,4 @@
-declare const _default: ((state: any) => any) & import('reselect').OutputSelectorFields<(args_0: any) => any, {
+declare const _default: ((state: any) => any) & import('reselect').OutputSelectorFields<(args_0: any, args_1: any) => any, {
     clearCache: () => void;
 }> & {
     clearCache: () => void;

package/selectors/primersSelector.d.ts

@@ -1,4 +1,4 @@
-declare const _default: ((state: any) => any) & import('reselect').OutputSelectorFields<(args_0: any) => any, {
+declare const _default: ((state: any) => any) & import('reselect').OutputSelectorFields<(args_0: any, args_1: any) => any, {
     clearCache: () => void;
 }> & {
     clearCache: () => void;

package/selectors/searchLayersSelector.d.ts

@@ -1,4 +1,4 @@
-declare const _default: ((state: any) => any[]) & import('reselect').OutputSelectorFields<(args_0: any, args_1: any, args_2: any, args_3: any, args_4: any, args_5: any, args_6: any, args_7: any, args_8: any) => any[], {
+declare const _default: ((state: any, ...params: any[]) => any[]) & import('reselect').OutputSelectorFields<(...args: readonly unknown[]) => any[], {
     clearCache: () => void;
 }> & {
     clearCache: () => void;

package/selectors/temporaryAnnotationsSelector.d.ts

@@ -0,0 +1,2 @@
+declare function _default(editor: any): any;
+export default _default;

package/src/redux/index.js

@@ -34,6 +34,7 @@ import * as featureLengthsToHide from "./featureLengthsToHide";
 import * as primerLengthsToHide from "./primerLengthsToHide";
 import * as partLengthsToHide from "./partLengthsToHide";
 import * as selectedPartTags from "./selectedPartTags";
+import * as temporaryAnnotations from "./temporaryAnnotations";
 import { combineReducers } from "redux";
 import createAction from "./utils/createMetaAction";
 export { default as vectorEditorMiddleware } from "./middleware";
@@ -72,7 +73,8 @@ const subReducers = {
   partLengthsToHide,
   primerLengthsToHide,
   featureLengthsToHide,
-  selectedPartTags
+  selectedPartTags,
+  temporaryAnnotations
 };
 
 const vectorEditorInitialize = createAction("VECTOR_EDITOR_UPDATE");

package/src/redux/temporaryAnnotations.js

@@ -0,0 +1,23 @@
+import createAction from "./utils/createMetaAction";
+import createMergedDefaultStateReducer from "./utils/createMergedDefaultStateReducer";
+
+export const updateTemporaryAnnotations = createAction(
+  "TEMPORARY_ANNOTATIONS_UPDATE"
+);
+
+export default createMergedDefaultStateReducer(
+  {
+    TEMPORARY_ANNOTATIONS_UPDATE: (state, payload) => {
+      return { ...state, ...payload };
+    },
+    VECTOR_EDITOR_UPDATE: (state, payload) => {
+      return { ...state, ...payload.temporaryAnnotations };
+    }
+  },
+  {
+    features: {},
+    primers: {},
+    parts: {},
+    searchLayers: []
+  }
+);

package/src/selectors/featuresSelector.js

@@ -1,8 +1,13 @@
 import { createSelector } from "reselect";
 import sequenceDataSelector from "./sequenceDataSelector";
+import temporaryAnnotationsSelector from "./temporaryAnnotationsSelector";
 
-function featuresRawSelector(sequenceData) {
-  return sequenceData.features;
+function featuresRawSelector(sequenceData, temporaryAnnotations) {
+  return { ...sequenceData.features, ...temporaryAnnotations?.features };
 }
 
-export default createSelector(sequenceDataSelector, featuresRawSelector);
+export default createSelector(
+  sequenceDataSelector,
+  temporaryAnnotationsSelector,
+  featuresRawSelector
+);

package/src/selectors/partsSelector.js

@@ -1,8 +1,14 @@
 import { createSelector } from "reselect";
 import sequenceDataSelector from "./sequenceDataSelector";
 
-function partsRawSelector(sequenceData) {
-  return sequenceData.parts;
+import temporaryAnnotationsSelector from "./temporaryAnnotationsSelector";
+
+function partsRawSelector(sequenceData, temporaryAnnotations) {
+  return { ...sequenceData.parts, ...temporaryAnnotations?.parts };
 }
 
-export default createSelector(sequenceDataSelector, partsRawSelector);
+export default createSelector(
+  sequenceDataSelector,
+  temporaryAnnotationsSelector,
+  partsRawSelector
+);

package/src/selectors/primersSelector.js

@@ -1,8 +1,14 @@
 import { createSelector } from "reselect";
 import sequenceDataSelector from "./sequenceDataSelector";
 
-function primersRawSelector(sequenceData) {
-  return sequenceData.primers;
+import temporaryAnnotationsSelector from "./temporaryAnnotationsSelector";
+
+function primersRawSelector(sequenceData, temporaryAnnotations) {
+  return { ...sequenceData.primers, ...temporaryAnnotations?.primers };
 }
 
-export default createSelector(sequenceDataSelector, primersRawSelector);
+export default createSelector(
+  sequenceDataSelector,
+  temporaryAnnotationsSelector,
+  primersRawSelector
+);