@teselagen/ove 0.8.7 → 0.8.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.8.7",
+  "version": "0.8.8",
   "main": "./src/index.js",
   "type": "module",
   "exports": {

package/src/BarPlot/index.js

@@ -6,7 +6,7 @@
  * @param {number} [props.height=150]
  * @param {string[]} [props.barColors]
  */
-import React from 'react'
+import React from "react";
 export function BarPlot({
   data,
   width = 300,

package/src/Editor/index.js

@@ -41,7 +41,7 @@ import LinearView from "../LinearView";
 import RowView from "../RowView";
 import StatusBar from "../StatusBar";
 import DropHandler from "./DropHandler";
-import Properties from "../helperComponents/PropertiesDialog";
+import PropertiesDialog from "../helperComponents/PropertiesDialog";
 import "./style.css";
 import { DragDropContext, Droppable, Draggable } from "@hello-pangea/dnd";
 import DigestTool from "../DigestTool/DigestTool";
@@ -76,7 +76,7 @@ const _panelMap = {
   digestTool: DigestTool,
   pcrTool: PCRTool,
   properties: {
-    comp: Properties,
+    comp: PropertiesDialog,
     panelSpecificProps: ["PropertiesProps"]
   },
   mismatches: Mismatches

package/src/Editor/userDefinedHandlersAndOpts.js

@@ -11,6 +11,8 @@ export const userDefinedHandlersAndOpts = [
   "allowPrimerBasesToBeEdited",
   "truncateLabelsThatDoNotFit",
   "smartCircViewLabelRender",
+  "on_setPanelAsActive",
+  "on_propertiesViewTabUpdate",
   "onConfigureFeatureTypesClick",
   "allPartTags",
   "bpLimit",

package/src/redux/panelsShown.js

@@ -17,7 +17,7 @@ export const togglePanelFullScreen = createAction("togglePanelFullScreen");
 export const collapsePanel = createAction("collapsePanel");
 export const closePanel = createAction("closePanel");
 export const _collapseSplitScreen = createAction("_collapseSplitScreen");
-export const setPanelAsActive = createAction("setPanelAsActive");
+export const setPanelAsActive = createAction("SET_PANEL_AS_ACTIVE");
 export const flipActiveTabFromLinearOrCircularIfNecessary = createAction(
   "flipActiveTabFromLinearOrCircularIfNecessary"
 );

package/src/withEditorProps/index.js

@@ -677,7 +677,8 @@ export function mapDispatchToActions(dispatch, ownProps) {
     editorName,
     actions,
     actionOverrides,
-    dispatch
+    dispatch,
+    ownProps
   );
   const updateSel =
     ownProps.selectionLayerUpdate || actionsToPass.selectionLayerUpdate;
@@ -717,7 +718,8 @@ export function getCombinedActions(
   editorName,
   actions,
   actionOverrides,
-  dispatch
+  dispatch,
+  ownProps
 ) {
   const meta = { editorName };
 
@@ -758,6 +760,21 @@ export function getCombinedActions(
     ...metaActions
     // ...metaOverrides
   };
+  function addGenericHook(hookName) {
+    const oldHook = actionsToPass[hookName];
+    actionsToPass[hookName] = (...args) => {
+      const toRet = oldHook(...args);
+      const newHookName = `on_${hookName}`;
+      if (ownProps[newHookName]) {
+        setTimeout(() => {
+          ownProps[newHookName](...args);
+        }, 0);
+      }
+      return toRet;
+    };
+  }
+  ["setPanelAsActive", "propertiesViewTabUpdate"].forEach(addGenericHook);
+
   return bindActionCreators(actionsToPass, dispatch);
 }
 

package/withEditorProps/index.d.ts

@@ -4,7 +4,7 @@ export function mapDispatchToActions(dispatch: any, ownProps: any): {
     dispatch: any;
 };
 export function fakeActionOverrides(): {};
-export function getCombinedActions(editorName: any, actions: any, actionOverrides: any, dispatch: any): {};
+export function getCombinedActions(editorName: any, actions: any, actionOverrides: any, dispatch: any, ownProps: any): {};
 export function getShowGCContent(state: any, ownProps: any): any;
 export function handleSave(props: any): (opts?: {}) => Promise<any>;
 export function handleInverse(props: any): () => false | undefined;