@teselagen/ove 0.8.20 → 0.8.21

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: {},
+    selectionLayer: {}
+  }
+);
+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");
@@ -98054,11 +98161,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 +98450,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 +98473,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 +99308,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 +99431,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 +116913,7 @@ function showFileDialog({ multiple = false, onSelect }) {
   input.click();
 }
 __name(showFileDialog, "showFileDialog");
-const version = "0.8.19";
+const version = "0.8.20";
 const packageJson = {
   version
 };