@teselagen/ove 0.8.20 → 0.8.22

package/index.es.js

@@ -17271,7 +17271,8 @@ function rowClick(e, rowInfo, entities, {
   onMultiRowSelect,
   noDeselectAll,
   onRowSelect,
-  change: change2
+  change: change2,
+  getCheckboxGroupId
 }) {
   const entity = rowInfo.original;
   onRowClick(e, entity, rowInfo);
@@ -17343,6 +17344,38 @@ function rowClick(e, rowInfo, entities, {
       }
     }
   }
+  if (getCheckboxGroupId) {
+    const clickedRowId = rowId;
+    const clickedEntity = entity;
+    const clickedGroupId = getCheckboxGroupId(clickedEntity, rowInfo.index);
+    if (!newIdMap[clickedRowId] && clickedGroupId) {
+      entities.forEach((e2, i) => {
+        if (getCheckboxGroupId(e2, i) === clickedGroupId) {
+          const id2 = getIdOrCodeOrIndex(e2, i);
+          delete newIdMap[id2];
+        }
+      });
+    }
+    const selectedGroupIds = /* @__PURE__ */ new Set();
+    entities.forEach((e2, i) => {
+      const id2 = getIdOrCodeOrIndex(e2, i);
+      if (newIdMap[id2]) {
+        const gid = getCheckboxGroupId(e2, i);
+        if (gid) selectedGroupIds.add(gid);
+      }
+    });
+    if (selectedGroupIds.size > 0) {
+      entities.forEach((e2, i) => {
+        const gid = getCheckboxGroupId(e2, i);
+        if (gid && selectedGroupIds.has(gid)) {
+          const id2 = getIdOrCodeOrIndex(e2, i);
+          if (!newIdMap[id2]) {
+            newIdMap[id2] = { entity: e2, time: Date.now() };
+          }
+        }
+      });
+    }
+  }
   finalizeSelection({
     idMap: newIdMap,
     entities,
@@ -51838,6 +51871,7 @@ const useColumns = /* @__PURE__ */ __name(({
   resetDefaultVisibility,
   currentParams,
   compact,
+  hideExpandSubCompColumn,
   editingCell,
   editingCellSelectAll,
   entities,
@@ -51885,7 +51919,8 @@ const useColumns = /* @__PURE__ */ __name(({
   withSort = true,
   recordIdToIsVisibleMap,
   setRecordIdToIsVisibleMap,
-  withDisplayOptions
+  withDisplayOptions,
+  getCheckboxGroupId
 }) => {
   const dispatch = useDispatch();
   const change$1 = useCallback$1(
@@ -52133,6 +52168,14 @@ const useColumns = /* @__PURE__ */ __name(({
         return /* @__PURE__ */ React__default.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__default.createElement("div", null);
+        }
+      }
       return /* @__PURE__ */ React__default.createElement(
         Checkbox,
         {
@@ -52151,7 +52194,8 @@ const useColumns = /* @__PURE__ */ __name(({
               onMultiRowSelect,
               noDeselectAll,
               onRowSelect,
-              change: change$1
+              change: change$1,
+              getCheckboxGroupId
             });
           }, "onClick"),
           checked: isSelected
@@ -52172,7 +52216,8 @@ const useColumns = /* @__PURE__ */ __name(({
       onRowSelect,
       onSingleRowSelect,
       reduxFormSelectedEntityIdMap,
-      withCheckboxes
+      withCheckboxes,
+      getCheckboxGroupId
     ]
   );
   const finishCellEdit = useCallback$1(
@@ -52247,13 +52292,14 @@ const useColumns = /* @__PURE__ */ __name(({
         );
       }, "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__default.createElement(
           Button,
           {
@@ -56795,6 +56841,7 @@ const DataTable = /* @__PURE__ */ __name((_w) => {
     minimalStyle,
     mustClickCheckboxToSelect,
     noDeselectAll,
+    hideExpandSubCompColumn,
     noFooter = isSimple ? !withPaging : false,
     noFullscreenButton = isSimple,
     noHeader = false,
@@ -56842,7 +56889,8 @@ const DataTable = /* @__PURE__ */ __name((_w) => {
     withSort,
     withTitle = !isSimple,
     noExcessiveCheck,
-    isEntityCountLoading
+    isEntityCountLoading,
+    getCheckboxGroupId
   } = props;
   const _entities = useMemo$1(
     () => ((reduxFormEntities == null ? void 0 : reduxFormEntities.length) ? reduxFormEntities : _origEntities) || [],
@@ -58379,6 +58427,15 @@ const DataTable = /* @__PURE__ */ __name((_w) => {
       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((e) => {
           if (isCellEditable) return;
@@ -58405,7 +58462,8 @@ const DataTable = /* @__PURE__ */ __name((_w) => {
             onMultiRowSelect,
             noDeselectAll,
             onRowSelect,
-            change: change$1
+            change: change$1,
+            getCheckboxGroupId
           });
         }, "onClick"),
         //row right click
@@ -58447,9 +58505,11 @@ const DataTable = /* @__PURE__ */ __name((_w) => {
           {
             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,
@@ -58480,7 +58540,8 @@ const DataTable = /* @__PURE__ */ __name((_w) => {
       reduxFormSelectedEntityIdMap,
       selectedCells,
       showContextMenu2,
-      withCheckboxes
+      withCheckboxes,
+      getCheckboxGroupId
     ]
   );
   const getTableCellProps = useCallback$1(
@@ -58793,6 +58854,7 @@ const DataTable = /* @__PURE__ */ __name((_w) => {
     isSingleSelect,
     isSelectionARectangle,
     noDeselectAll,
+    hideExpandSubCompColumn,
     noSelect,
     noUserSelect,
     onDeselect,
@@ -58824,6 +58886,7 @@ const DataTable = /* @__PURE__ */ __name((_w) => {
     withFilter,
     withSort,
     recordIdToIsVisibleMap,
+    getCheckboxGroupId,
     setRecordIdToIsVisibleMap
   });
   const scrollToTop = useCallback$1(
@@ -66948,9 +67011,19 @@ function AdvancedOptions({
   content: content2,
   label,
   style: style2,
-  isOpenByDefault
+  isOpenByDefault,
+  localStorageKey
 }) {
-  const [isOpen, setOpen] = useState(isOpenByDefault);
+  const [isOpen, setOpen] = 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;
   }
@@ -66958,20 +67031,28 @@ function AdvancedOptions({
     "div",
     {
       onClick: /* @__PURE__ */ __name(() => {
-        setOpen(!isOpen);
+        const newIsOpen = !isOpen;
+        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__default.createElement(
       Icon,
       {
         icon: isOpen ? "caret-down" : "caret-right",
-        style: { marginLeft: 5 }
+        style: { marginRight: 5 }
       }
-    )
+    ),
+    /* @__PURE__ */ React__default.createElement("strong", null, label || "Advanced")
   ), isOpen && /* @__PURE__ */ React__default.createElement("div", { style: { marginTop: 10 } }, content2 || children));
 }
 __name(AdvancedOptions, "AdvancedOptions");
@@ -70265,6 +70346,7 @@ const _ResizableDraggableDialog = class _ResizableDraggableDialog extends React_
             topLeft: true,
             topRight: true
           },
+          resizeHandleWrapperClass: "tg-dialog-resize-handle",
           maxHeight: windowHeight,
           maxWidth: windowWidth,
           bounds: "window",
@@ -97174,6 +97256,30 @@ const selectedPartTags$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
   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);
@@ -97289,7 +97395,8 @@ const subReducers = {
   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");
@@ -97968,9 +98075,10 @@ function translationsRawSelector(sequenceData2) {
 }
 __name(translationsRawSelector, "translationsRawSelector");
 const translationsRawSelector$1 = createSelector(sequenceDataSelector, translationsRawSelector);
-function searchLayersSelector(sequence2, isCircular, isOpen, searchString, ambiguousOrLiteral, dnaOrAA, isProtein2, proteinSequence, mismatchesAllowed) {
+function searchLayersSelector(sequence2, isCircular, isOpen, searchString, ambiguousOrLiteral, dnaOrAA, isProtein2, proteinSequence, mismatchesAllowed, tempSearchLayers = []) {
+  const toReturn = [...tempSearchLayers];
   if (!searchString || !isOpen) {
-    return [];
+    return toReturn;
   }
   if (isProtein2) {
     const searchingDna = dnaOrAA === "DNA";
@@ -97987,7 +98095,7 @@ function searchLayersSelector(sequence2, isCircular, isOpen, searchString, ambig
     ).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,
@@ -97995,6 +98103,10 @@ function searchLayersSelector(sequence2, isCircular, isOpen, searchString, ambig
         end: end2 * 3 + 2
       });
     });
+    return [
+      ...toReturn,
+      ...r2
+    ];
   }
   if (dnaOrAA === "DNA" && ambiguousOrLiteral === "LITERAL" && mismatchesAllowed > 0) {
     const approxMatches = findApproxMatches(
@@ -98012,9 +98124,9 @@ function searchLayersSelector(sequence2, isCircular, isOpen, searchString, ambig
       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,
@@ -98024,11 +98136,11 @@ function searchLayersSelector(sequence2, isCircular, isOpen, searchString, ambig
   }).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(
@@ -98041,6 +98153,7 @@ const searchLayersSelector$1 = createSelector(
   (state2) => state2.sequenceData.isProtein,
   (state2) => state2.sequenceData.proteinSequence,
   (state2) => state2.findTool && state2.findTool.mismatchesAllowed,
+  (state2) => state2.temporaryAnnotations.searchLayers,
   searchLayersSelector
 );
 const translationSearchMatchesSelector = createSelector(
@@ -98054,11 +98167,16 @@ const translationSearchMatchesSelector = createSelector(
     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");
 }
@@ -98338,11 +98456,15 @@ const filteredFeaturesSelector$1 = createSelector(
   (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];
@@ -98357,11 +98479,15 @@ const filteredPrimersSelector$1 = createSelector(
   (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) => {
@@ -99188,7 +99314,8 @@ function updateEditor(store2, editorName, initialValues2 = {}, extraMeta = {}, {
     annotationVisibility: annotationVisibility2,
     annotationsToSupport: annotationsToSupport2,
     findTool: findTool2,
-    justPassingPartialSeqData
+    justPassingPartialSeqData,
+    temporaryAnnotations: temporaryAnnotations2
   } = initialValues2;
   const currentEditor = store2.getState().VectorEditor[editorName] || {};
   const isAlreadyProteinEditor = currentEditor.sequenceData && currentEditor.sequenceData.isProtein;
@@ -99310,12 +99437,14 @@ function updateEditor(store2, editorName, initialValues2 = {}, extraMeta = {}, {
         };
       }
     }
-    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) => {
@@ -116790,7 +116919,7 @@ function showFileDialog({ multiple = false, onSelect }) {
   input.click();
 }
 __name(showFileDialog, "showFileDialog");
-const version = "0.8.19";
+const version = "0.8.21";
 const packageJson = {
   version
 };