@jbrowse/plugin-linear-genome-view 2.7.0 → 2.7.1

package/dist/BaseLinearDisplay/components/LinearBlocks.js

@@ -51,7 +51,7 @@ const RenderedBlocks = (0, mobx_react_1.observer)(function ({ model, }) {
         if (block instanceof blockTypes_1.InterRegionPaddingBlock) {
             return (react_1.default.createElement(Block_1.InterRegionPaddingBlock, { key: block.key, width: block.widthPx, style: { background: 'none' }, boundary: block.variant === 'boundary' }));
         }
-        throw new Error(`invalid block type ${typeof block}`);
+        throw new Error(`invalid block type ${JSON.stringify(block)}`);
     })));
 });
 exports.RenderedBlocks = RenderedBlocks;

package/dist/LinearGenomeView/components/TrackLabel.js

@@ -14,10 +14,10 @@ const ui_1 = require("@jbrowse/core/ui");
 const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
 // icons
 const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
-const DragIndicator_1 = __importDefault(require("@mui/icons-material/DragIndicator"));
 const Close_1 = __importDefault(require("@mui/icons-material/Close"));
 const Minimize_1 = __importDefault(require("@mui/icons-material/Minimize"));
 const Add_1 = __importDefault(require("@mui/icons-material/Add"));
+const TrackLabelDragHandle_1 = __importDefault(require("./TrackLabelDragHandle"));
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     root: {
         background: (0, material_1.alpha)(theme.palette.background.paper, 0.8),
@@ -34,14 +34,6 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         fontSize: '0.8rem',
         pointerEvents: 'none',
     },
-    dragHandle: {
-        cursor: 'grab',
-    },
-    dragHandleIcon: {
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        pointerEvents: 'none',
-    },
     iconButton: {
         padding: theme.spacing(1),
     },
@@ -65,15 +57,7 @@ const TrackLabel = (0, mobx_react_1.observer)(react_1.default.forwardRef(functio
         ...track.trackMenuItems(),
     ].sort((a, b) => ((b === null || b === void 0 ? void 0 : b.priority) || 0) - ((a === null || a === void 0 ? void 0 : a.priority) || 0));
     return (react_1.default.createElement(material_1.Paper, { ref: ref, className: cx(className, classes.root) },
-        react_1.default.createElement("span", { draggable: true, className: classes.dragHandle, onDragStart: event => {
-                const target = event.currentTarget;
-                if (target.parentNode) {
-                    const parent = target.parentNode;
-                    event.dataTransfer.setDragImage(parent, 20, 20);
-                    view.setDraggingTrackId(track.id);
-                }
-            }, onDragEnd: () => view.setDraggingTrackId(undefined), "data-testid": `dragHandle-${view.id}-${trackId}` },
-            react_1.default.createElement(DragIndicator_1.default, { className: classes.dragHandleIcon, fontSize: "small" })),
+        react_1.default.createElement(TrackLabelDragHandle_1.default, { track: track, trackId: trackId, view: view }),
         react_1.default.createElement(material_1.IconButton, { onClick: () => view.hideTrack(trackId), className: classes.iconButton, title: "close this track" },
             react_1.default.createElement(Close_1.default, { fontSize: "small" })),
         react_1.default.createElement(material_1.Typography, { variant: "body1", component: "span", className: classes.trackName },

package/dist/LinearGenomeView/components/TrackLabelDragHandle.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { BaseTrackModel } from '@jbrowse/core/pluggableElementTypes/models';
+import { LinearGenomeViewModel } from '..';
+declare function TrackLabelDragHandle({ trackId, view, track, }: {
+    trackId: string;
+    track: BaseTrackModel;
+    view: LinearGenomeViewModel;
+}): React.JSX.Element;
+export default TrackLabelDragHandle;

package/dist/LinearGenomeView/components/TrackLabelDragHandle.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const mui_1 = require("tss-react/mui");
+// icons
+const DragIndicator_1 = __importDefault(require("@mui/icons-material/DragIndicator"));
+const useStyles = (0, mui_1.makeStyles)()({
+    dragHandle: {
+        cursor: 'grab',
+    },
+    dragHandleIcon: {
+        display: 'inline-block',
+        verticalAlign: 'middle',
+        pointerEvents: 'none',
+    },
+});
+function TrackLabelDragHandle({ trackId, view, track, }) {
+    const { classes } = useStyles();
+    return (react_1.default.createElement("span", { draggable: true, className: classes.dragHandle, onDragStart: event => {
+            const target = event.currentTarget;
+            if (target.parentNode) {
+                const parent = target.parentNode;
+                event.dataTransfer.setDragImage(parent, 20, 20);
+                view.setDraggingTrackId(track.id);
+            }
+        }, onDragEnd: () => view.setDraggingTrackId(undefined), "data-testid": `dragHandle-${view.id}-${trackId}` },
+        react_1.default.createElement(DragIndicator_1.default, { className: classes.dragHandleIcon, fontSize: "small" })));
+}
+exports.default = TrackLabelDragHandle;

package/dist/LinearGenomeView/index.d.ts

@@ -1,4 +1,3 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function LinearGenomeViewF(pluginManager: PluginManager): void;
 export * from './model';

package/dist/LinearGenomeView/index.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
 const model_1 = require("./model");
-exports.default = (pluginManager) => {
+function LinearGenomeViewF(pluginManager) {
     pluginManager.addViewType(() => {
         return new pluggableElementTypes_1.ViewType({
             name: 'LinearGenomeView',
@@ -38,5 +38,6 @@ exports.default = (pluginManager) => {
             ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/LinearGenomeView')))),
         });
     });
-};
+}
+exports.default = LinearGenomeViewF;
 __exportStar(require("./model"), exports);

package/dist/LinearGenomeView/svgcomponents/SVGTrackLabel.js

@@ -5,11 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const material_1 = require("@mui/material");
+const util_1 = require("@jbrowse/core/util");
 function SVGTrackLabel({ trackLabels, trackName, fontSize, trackLabelOffset, x, }) {
     const theme = (0, material_1.useTheme)();
     const fill = theme.palette.text.primary;
     const xoff = trackLabels === 'overlay' ? 5 : 0;
     const yoff = trackLabels === 'offset' ? 5 : 0;
-    return trackLabels !== 'none' ? (react_1.default.createElement("g", null, trackLabels === 'left' ? (react_1.default.createElement("text", { x: trackLabelOffset - 40, y: 20, fill: fill, fontSize: fontSize, dominantBaseline: "hanging", textAnchor: "end" }, trackName)) : (react_1.default.createElement("text", { x: x + xoff, y: yoff, fill: fill, fontSize: fontSize, dominantBaseline: "hanging" }, trackName)))) : null;
+    const name = (0, util_1.coarseStripHTML)(trackName);
+    return trackLabels !== 'none' ? (react_1.default.createElement("g", null, trackLabels === 'left' ? (react_1.default.createElement("text", { x: trackLabelOffset - 40, y: 20, fill: fill, fontSize: fontSize, dominantBaseline: "hanging", textAnchor: "end" }, name)) : (react_1.default.createElement("text", { x: x + xoff, y: yoff, fill: fill, fontSize: fontSize, dominantBaseline: "hanging" }, name)))) : null;
 }
 exports.default = SVGTrackLabel;

package/esm/BaseLinearDisplay/components/LinearBlocks.js

@@ -45,7 +45,7 @@ const RenderedBlocks = observer(function ({ model, }) {
         if (block instanceof InterRegionPaddingBlock) {
             return (React.createElement(InterRegionPaddingBlockComponent, { key: block.key, width: block.widthPx, style: { background: 'none' }, boundary: block.variant === 'boundary' }));
         }
-        throw new Error(`invalid block type ${typeof block}`);
+        throw new Error(`invalid block type ${JSON.stringify(block)}`);
     })));
 });
 export { RenderedBlocks };

package/esm/LinearGenomeView/components/TrackLabel.js

@@ -9,10 +9,10 @@ import { SanitizedHTML } from '@jbrowse/core/ui';
 import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
 // icons
 import MoreVertIcon from '@mui/icons-material/MoreVert';
-import DragIcon from '@mui/icons-material/DragIndicator';
 import CloseIcon from '@mui/icons-material/Close';
 import MinimizeIcon from '@mui/icons-material/Minimize';
 import AddIcon from '@mui/icons-material/Add';
+import TrackLabelDragHandle from './TrackLabelDragHandle';
 const useStyles = makeStyles()(theme => ({
     root: {
         background: alpha(theme.palette.background.paper, 0.8),
@@ -29,14 +29,6 @@ const useStyles = makeStyles()(theme => ({
         fontSize: '0.8rem',
         pointerEvents: 'none',
     },
-    dragHandle: {
-        cursor: 'grab',
-    },
-    dragHandleIcon: {
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        pointerEvents: 'none',
-    },
     iconButton: {
         padding: theme.spacing(1),
     },
@@ -60,15 +52,7 @@ const TrackLabel = observer(React.forwardRef(function TrackLabel2({ track, class
         ...track.trackMenuItems(),
     ].sort((a, b) => ((b === null || b === void 0 ? void 0 : b.priority) || 0) - ((a === null || a === void 0 ? void 0 : a.priority) || 0));
     return (React.createElement(Paper, { ref: ref, className: cx(className, classes.root) },
-        React.createElement("span", { draggable: true, className: classes.dragHandle, onDragStart: event => {
-                const target = event.currentTarget;
-                if (target.parentNode) {
-                    const parent = target.parentNode;
-                    event.dataTransfer.setDragImage(parent, 20, 20);
-                    view.setDraggingTrackId(track.id);
-                }
-            }, onDragEnd: () => view.setDraggingTrackId(undefined), "data-testid": `dragHandle-${view.id}-${trackId}` },
-            React.createElement(DragIcon, { className: classes.dragHandleIcon, fontSize: "small" })),
+        React.createElement(TrackLabelDragHandle, { track: track, trackId: trackId, view: view }),
         React.createElement(IconButton, { onClick: () => view.hideTrack(trackId), className: classes.iconButton, title: "close this track" },
             React.createElement(CloseIcon, { fontSize: "small" })),
         React.createElement(Typography, { variant: "body1", component: "span", className: classes.trackName },

package/esm/LinearGenomeView/components/TrackLabelDragHandle.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { BaseTrackModel } from '@jbrowse/core/pluggableElementTypes/models';
+import { LinearGenomeViewModel } from '..';
+declare function TrackLabelDragHandle({ trackId, view, track, }: {
+    trackId: string;
+    track: BaseTrackModel;
+    view: LinearGenomeViewModel;
+}): React.JSX.Element;
+export default TrackLabelDragHandle;

package/esm/LinearGenomeView/components/TrackLabelDragHandle.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+// icons
+import DragIcon from '@mui/icons-material/DragIndicator';
+const useStyles = makeStyles()({
+    dragHandle: {
+        cursor: 'grab',
+    },
+    dragHandleIcon: {
+        display: 'inline-block',
+        verticalAlign: 'middle',
+        pointerEvents: 'none',
+    },
+});
+function TrackLabelDragHandle({ trackId, view, track, }) {
+    const { classes } = useStyles();
+    return (React.createElement("span", { draggable: true, className: classes.dragHandle, onDragStart: event => {
+            const target = event.currentTarget;
+            if (target.parentNode) {
+                const parent = target.parentNode;
+                event.dataTransfer.setDragImage(parent, 20, 20);
+                view.setDraggingTrackId(track.id);
+            }
+        }, onDragEnd: () => view.setDraggingTrackId(undefined), "data-testid": `dragHandle-${view.id}-${trackId}` },
+        React.createElement(DragIcon, { className: classes.dragHandleIcon, fontSize: "small" })));
+}
+export default TrackLabelDragHandle;

package/esm/LinearGenomeView/index.d.ts

@@ -1,4 +1,3 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function LinearGenomeViewF(pluginManager: PluginManager): void;
 export * from './model';

package/esm/LinearGenomeView/index.js

@@ -1,7 +1,7 @@
 import { lazy } from 'react';
 import { ViewType } from '@jbrowse/core/pluggableElementTypes';
 import { stateModelFactory } from './model';
-export default (pluginManager) => {
+export default function LinearGenomeViewF(pluginManager) {
     pluginManager.addViewType(() => {
         return new ViewType({
             name: 'LinearGenomeView',
@@ -10,5 +10,5 @@ export default (pluginManager) => {
             ReactComponent: lazy(() => import('./components/LinearGenomeView')),
         });
     });
-};
+}
 export * from './model';

package/esm/LinearGenomeView/svgcomponents/SVGTrackLabel.js

@@ -1,9 +1,11 @@
 import React from 'react';
 import { useTheme } from '@mui/material';
+import { coarseStripHTML } from '@jbrowse/core/util';
 export default function SVGTrackLabel({ trackLabels, trackName, fontSize, trackLabelOffset, x, }) {
     const theme = useTheme();
     const fill = theme.palette.text.primary;
     const xoff = trackLabels === 'overlay' ? 5 : 0;
     const yoff = trackLabels === 'offset' ? 5 : 0;
-    return trackLabels !== 'none' ? (React.createElement("g", null, trackLabels === 'left' ? (React.createElement("text", { x: trackLabelOffset - 40, y: 20, fill: fill, fontSize: fontSize, dominantBaseline: "hanging", textAnchor: "end" }, trackName)) : (React.createElement("text", { x: x + xoff, y: yoff, fill: fill, fontSize: fontSize, dominantBaseline: "hanging" }, trackName)))) : null;
+    const name = coarseStripHTML(trackName);
+    return trackLabels !== 'none' ? (React.createElement("g", null, trackLabels === 'left' ? (React.createElement("text", { x: trackLabelOffset - 40, y: 20, fill: fill, fontSize: fontSize, dominantBaseline: "hanging", textAnchor: "end" }, name)) : (React.createElement("text", { x: x + xoff, y: yoff, fill: fill, fontSize: fontSize, dominantBaseline: "hanging" }, name)))) : null;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-linear-genome-view",
-  "version": "2.7.0",
+  "version": "2.7.1",
   "description": "JBrowse 2 linear genome view",
   "keywords": [
     "jbrowse",
@@ -65,5 +65,5 @@
     "access": "public"
   },
   "module": "esm/index.js",
-  "gitHead": "dbe7fb1af01fc89f833d2744635eb44a17365b41"
+  "gitHead": "2cda1611eebd12517f2a3cfc1b612face27005d4"
 }