@jbrowse/plugin-breakpoint-split-view 2.11.0 → 2.11.2

package/dist/BreakpointAlignmentsFeatureDetail/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function BreakpointAlignmentsFeatureDetailF(pluginManager: PluginManager): void;

package/dist/BreakpointAlignmentsFeatureDetail/index.js

@@ -43,7 +43,7 @@ const stateModel = mobx_state_tree_1.types
         self.featureData = undefined;
     },
 }));
-exports.default = (pluginManager) => {
+function BreakpointAlignmentsFeatureDetailF(pluginManager) {
     pluginManager.addWidgetType(() => {
         return new pluggableElementTypes_1.WidgetType({
             name: 'BreakpointAlignmentsWidget',
@@ -53,4 +53,5 @@ exports.default = (pluginManager) => {
             ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./BreakpointAlignmentsFeatureDetail')))),
         });
     });
-};
+}
+exports.default = BreakpointAlignmentsFeatureDetailF;

package/dist/BreakpointSplitView/components/AlignmentConnections.js

@@ -28,7 +28,6 @@ const mobx_react_1 = require("mobx-react");
 const mobx_state_tree_1 = require("mobx-state-tree");
 const material_1 = require("@mui/material");
 const util_1 = require("@jbrowse/core/util");
-const colord_1 = require("@jbrowse/core/util/colord");
 // locals
 const util_2 = require("./util");
 const util_3 = require("../util");
@@ -43,7 +42,6 @@ const AlignmentConnections = (0, mobx_react_1.observer)(function ({ model, track
     (0, util_3.useNextFrame)(snap);
     const allFeatures = model.getTrackFeatures(trackId);
     const hasPaired = (0, react_1.useMemo)(() => (0, util_2.hasPairedReads)(allFeatures), [allFeatures]);
-    const { r, g, b, a } = (0, colord_1.colord)(theme.palette.text.disabled).rgba;
     const layoutMatches = (0, react_1.useMemo)(() => {
         const layoutMatches = model.getMatchedFeaturesInLayout(trackId, hasPaired
             ? (0, util_2.getBadlyPairedAlignments)(allFeatures)
@@ -61,7 +59,7 @@ const AlignmentConnections = (0, mobx_react_1.observer)(function ({ model, track
         const rect = parentRef.current.getBoundingClientRect();
         yOffset = rect.top;
     }
-    return assembly ? (react_1.default.createElement("g", { fill: "none", stroke: `rgb(${r},${g},${b})`, strokeOpacity: a, "data-testid": layoutMatches.length ? `${trackId}-loaded` : trackId }, layoutMatches.map(chunk => {
+    return assembly ? (react_1.default.createElement("g", { fill: "none", ...(0, util_1.getStrokeProps)(theme.palette.text.disabled), "data-testid": layoutMatches.length ? `${trackId}-loaded` : trackId }, layoutMatches.map(chunk => {
         const ret = [];
         // we follow a path in the list of chunks, not from top to bottom, just in series
         // following x1,y1 -> x2,y2

package/dist/BreakpointSplitView/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function BreakpointSplitViewF(pluginManager: PluginManager): void;

package/dist/BreakpointSplitView/index.js

@@ -30,7 +30,7 @@ const react_1 = require("react");
 // locals
 const BreakpointSplitView_1 = __importDefault(require("./BreakpointSplitView"));
 const model_1 = __importDefault(require("./model"));
-exports.default = (pluginManager) => {
+function BreakpointSplitViewF(pluginManager) {
     pluginManager.addViewType(() => {
         return new BreakpointSplitView_1.default({
             name: 'BreakpointSplitView',
@@ -39,4 +39,5 @@ exports.default = (pluginManager) => {
             ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/BreakpointSplitView')))),
         });
     });
-};
+}
+exports.default = BreakpointSplitViewF;

package/dist/BreakpointSplitView/model.d.ts

@@ -161,6 +161,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         getSelectedRegions(leftOffset?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset | undefined, rightOffset?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset | undefined): {
             start: number;
             end: number;
+            type: string;
             regionNumber?: number | undefined;
             reversed?: boolean | undefined;
             refName: string;

package/esm/BreakpointAlignmentsFeatureDetail/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function BreakpointAlignmentsFeatureDetailF(pluginManager: PluginManager): void;

package/esm/BreakpointAlignmentsFeatureDetail/index.js

@@ -18,7 +18,7 @@ const stateModel = types
         self.featureData = undefined;
     },
 }));
-export default (pluginManager) => {
+export default function BreakpointAlignmentsFeatureDetailF(pluginManager) {
     pluginManager.addWidgetType(() => {
         return new WidgetType({
             name: 'BreakpointAlignmentsWidget',
@@ -28,4 +28,4 @@ export default (pluginManager) => {
             ReactComponent: lazy(() => import('./BreakpointAlignmentsFeatureDetail')),
         });
     });
-};
+}

package/esm/BreakpointSplitView/components/AlignmentConnections.js

@@ -2,8 +2,7 @@ import React, { useMemo, useState } from 'react';
 import { observer } from 'mobx-react';
 import { getSnapshot } from 'mobx-state-tree';
 import { useTheme } from '@mui/material';
-import { getSession } from '@jbrowse/core/util';
-import { colord } from '@jbrowse/core/util/colord';
+import { getSession, getStrokeProps } from '@jbrowse/core/util';
 // locals
 import { getBadlyPairedAlignments, getMatchedAlignmentFeatures, hasPairedReads, } from './util';
 import { yPos, useNextFrame, getPxFromCoordinate } from '../util';
@@ -18,7 +17,6 @@ const AlignmentConnections = observer(function ({ model, trackId, parentRef, get
     useNextFrame(snap);
     const allFeatures = model.getTrackFeatures(trackId);
     const hasPaired = useMemo(() => hasPairedReads(allFeatures), [allFeatures]);
-    const { r, g, b, a } = colord(theme.palette.text.disabled).rgba;
     const layoutMatches = useMemo(() => {
         const layoutMatches = model.getMatchedFeaturesInLayout(trackId, hasPaired
             ? getBadlyPairedAlignments(allFeatures)
@@ -36,7 +34,7 @@ const AlignmentConnections = observer(function ({ model, trackId, parentRef, get
         const rect = parentRef.current.getBoundingClientRect();
         yOffset = rect.top;
     }
-    return assembly ? (React.createElement("g", { fill: "none", stroke: `rgb(${r},${g},${b})`, strokeOpacity: a, "data-testid": layoutMatches.length ? `${trackId}-loaded` : trackId }, layoutMatches.map(chunk => {
+    return assembly ? (React.createElement("g", { fill: "none", ...getStrokeProps(theme.palette.text.disabled), "data-testid": layoutMatches.length ? `${trackId}-loaded` : trackId }, layoutMatches.map(chunk => {
         const ret = [];
         // we follow a path in the list of chunks, not from top to bottom, just in series
         // following x1,y1 -> x2,y2

package/esm/BreakpointSplitView/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function BreakpointSplitViewF(pluginManager: PluginManager): void;

package/esm/BreakpointSplitView/index.js

@@ -2,7 +2,7 @@ import { lazy } from 'react';
 // locals
 import BreakpointSplitView from './BreakpointSplitView';
 import stateModelFactory from './model';
-export default (pluginManager) => {
+export default function BreakpointSplitViewF(pluginManager) {
     pluginManager.addViewType(() => {
         return new BreakpointSplitView({
             name: 'BreakpointSplitView',
@@ -11,4 +11,4 @@ export default (pluginManager) => {
             ReactComponent: lazy(() => import('./components/BreakpointSplitView')),
         });
     });
-};
+}

package/esm/BreakpointSplitView/model.d.ts

@@ -161,6 +161,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         getSelectedRegions(leftOffset?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset | undefined, rightOffset?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset | undefined): {
             start: number;
             end: number;
+            type: string;
             regionNumber?: number | undefined;
             reversed?: boolean | undefined;
             refName: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-breakpoint-split-view",
-  "version": "2.11.0",
+  "version": "2.11.2",
   "description": "JBrowse 2 breakpoint detail split view",
   "keywords": [
     "jbrowse",
@@ -58,5 +58,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3d43a820b9274a6160aa4dc15616147f390d9094"
+  "gitHead": "511048cb6965f0bf624c96de244e7fd47fce17d6"
 }