@jbrowse/plugin-dotplot-view 2.17.0 → 3.0.0

package/dist/DotplotRenderer/DotplotRenderer.d.ts

@@ -1,7 +1,8 @@
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { Region } from '@jbrowse/core/util';
-import ComparativeRenderer, { RenderArgsDeserialized, RenderArgs } from '@jbrowse/core/pluggableElementTypes/renderers/ComparativeServerSideRendererType';
-import { Dotplot1DViewModel } from '../DotplotView/model';
+import ComparativeRenderer from '@jbrowse/core/pluggableElementTypes/renderers/ComparativeServerSideRendererType';
+import type { Dotplot1DViewModel } from '../DotplotView/model';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { RenderArgs, RenderArgsDeserialized } from '@jbrowse/core/pluggableElementTypes/renderers/ComparativeServerSideRendererType';
+import type { Region } from '@jbrowse/core/util';
 export interface DotplotRenderArgsDeserialized extends RenderArgsDeserialized {
     adapterConfig: AnyConfigurationModel;
     height: number;
@@ -35,7 +36,7 @@ export default class DotplotRenderer extends ComparativeRenderer {
         bpPerPxX: number;
         bpPerPxY: number;
         canvasRecordedData: any;
-        reactElement?: import("react").ReactElement;
+        reactElement?: React.ReactElement;
         html?: string;
     } | {
         height: number;
@@ -44,7 +45,7 @@ export default class DotplotRenderer extends ComparativeRenderer {
         offsetY: number;
         bpPerPxX: number;
         bpPerPxY: number;
-        reactElement: React.JSX.Element;
+        reactElement: import("react/jsx-runtime").JSX.Element;
         html?: string;
     } | {
         height: number;
@@ -54,7 +55,7 @@ export default class DotplotRenderer extends ComparativeRenderer {
         bpPerPxX: number;
         bpPerPxY: number;
         imageData: any;
-        reactElement?: import("react").ReactElement;
+        reactElement?: React.ReactElement;
         html?: string;
     }>;
 }

package/dist/DotplotRenderer/DotplotRenderer.js

@@ -15,20 +15,29 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const util_1 = require("@jbrowse/core/util");
 const ComparativeServerSideRendererType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/renderers/ComparativeServerSideRendererType"));
-// locals
+const util_1 = require("@jbrowse/core/util");
 const model_1 = require("../DotplotView/model");
 class DotplotRenderer extends ComparativeServerSideRendererType_1.default {
     constructor() {

package/dist/DotplotRenderer/components/DotplotRendering.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
-import { DotplotRenderArgsDeserialized } from '../DotplotRenderer';
-declare const DotplotRendering: (props: DotplotRenderArgsDeserialized) => React.JSX.Element;
+import type { DotplotRenderArgsDeserialized } from '../DotplotRenderer';
+declare const DotplotRendering: (props: DotplotRenderArgsDeserialized) => import("react/jsx-runtime").JSX.Element;
 export default DotplotRendering;

package/dist/DotplotRenderer/components/DotplotRendering.js

@@ -1,12 +1,9 @@
 "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 jsx_runtime_1 = require("react/jsx-runtime");
 const ui_1 = require("@jbrowse/core/ui");
 const mobx_react_1 = require("mobx-react");
 const DotplotRendering = (0, mobx_react_1.observer)(function (props) {
-    return react_1.default.createElement(ui_1.PrerenderedCanvas, { ...props });
+    return (0, jsx_runtime_1.jsx)(ui_1.PrerenderedCanvas, { ...props });
 });
 exports.default = DotplotRendering;

package/dist/DotplotRenderer/configSchema.d.ts

@@ -1,57 +1,36 @@
 declare const _default: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    /**
-     * #slot
-     */
     color: {
         type: string;
         description: string;
         defaultValue: string;
         contextVariable: string[];
     };
-    /**
-     * #slot
-     */
     posColor: {
         type: string;
         description: string;
         defaultValue: string;
     };
-    /**
-     * #slot
-     */
     negColor: {
         type: string;
         description: string;
         defaultValue: string;
     };
-    /**
-     * #slot
-     */
     lineWidth: {
         type: string;
         description: string;
         defaultValue: number;
     };
-    /**
-     * #slot
-     */
     colorBy: {
         type: string;
         model: import("mobx-state-tree").ISimpleType<string>;
         description: string;
         defaultValue: string;
     };
-    /**
-     * #slot
-     */
     thresholdsPalette: {
         type: string;
         defaultValue: string[];
         description: string;
     };
-    /**
-     * #slot
-     */
     thresholds: {
         type: string;
         defaultValue: string[];

package/dist/DotplotRenderer/configSchema.js

@@ -2,48 +2,29 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const configuration_1 = require("@jbrowse/core/configuration");
 const mobx_state_tree_1 = require("mobx-state-tree");
-/**
- * #config DotplotRenderer
- * #category renderer
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+function x() { }
 exports.default = (0, configuration_1.ConfigurationSchema)('DotplotRenderer', {
-    /**
-     * #slot
-     */
     color: {
         type: 'color',
         description: 'the color of each feature in a synteny, used with colorBy:default',
         defaultValue: '#f0f',
         contextVariable: ['feature'],
     },
-    /**
-     * #slot
-     */
     posColor: {
         type: 'color',
         description: 'the color for forward alignments, used with colorBy:strand',
         defaultValue: 'blue',
     },
-    /**
-     * #slot
-     */
     negColor: {
         type: 'color',
         description: 'the color for reverse alignments, used with colorBy:strand',
         defaultValue: 'red',
     },
-    /**
-     * #slot
-     */
     lineWidth: {
         type: 'number',
         description: 'width of the lines to be drawn',
-        defaultValue: 2.5, // 2.5 is similar to D-GENIES
+        defaultValue: 2.5,
     },
-    /**
-     * #slot
-     */
     colorBy: {
         type: 'stringEnum',
         model: mobx_state_tree_1.types.enumeration('colorBy', [
@@ -63,17 +44,11 @@ exports.default = (0, configuration_1.ConfigurationSchema)('DotplotRenderer', {
 </ul>`,
         defaultValue: 'default',
     },
-    /**
-     * #slot
-     */
     thresholdsPalette: {
         type: 'stringArray',
         defaultValue: ['#094b09', '#2ebd40', '#d5670b', '#ffd84b'],
         description: 'threshold colors, used with colorBy:identity',
     },
-    /**
-     * #slot
-     */
     thresholds: {
         type: 'stringArray',
         defaultValue: ['0.75', '0.5', '0.25', '0'],

package/dist/DotplotRenderer/drawDotplot.d.ts

@@ -1,6 +1,6 @@
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { RenderArgsDeserialized } from '@jbrowse/core/pluggableElementTypes/renderers/ComparativeServerSideRendererType';
-import { Dotplot1DViewModel } from '../DotplotView/model';
+import type { Dotplot1DViewModel } from '../DotplotView/model';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { RenderArgsDeserialized } from '@jbrowse/core/pluggableElementTypes/renderers/ComparativeServerSideRendererType';
 export interface DotplotRenderArgsDeserialized extends RenderArgsDeserialized {
     adapterConfig: AnyConfigurationModel;
     height: number;

package/dist/DotplotRenderer/drawDotplot.js

@@ -2,15 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.drawDotplot = drawDotplot;
 const configuration_1 = require("@jbrowse/core/configuration");
+const ui_1 = require("@jbrowse/core/ui");
 const Base1DUtils_1 = require("@jbrowse/core/util/Base1DUtils");
-const mobx_state_tree_1 = require("mobx-state-tree");
 const plugin_alignments_1 = require("@jbrowse/plugin-alignments");
-const ui_1 = require("@jbrowse/core/ui");
+const mobx_state_tree_1 = require("mobx-state-tree");
 const { parseCigar } = plugin_alignments_1.MismatchParser;
 const r = 'fell outside of range due to CIGAR string';
 const lt = '(less than min coordinate of feature)';
 const gt = '(greater than max coordinate of feature)';
-const fudgeFactor = 1; // allow 1px fuzzyness before warn
+const fudgeFactor = 1;
 function drawCir(ctx, x, y, r = 1) {
     ctx.beginPath();
     ctx.arc(x, y, r / 2, 0, 2 * Math.PI);
@@ -33,8 +33,6 @@ async function drawDotplot(ctx, props) {
     const db2 = (_b = vview.dynamicBlocks.contentBlocks[0]) === null || _b === void 0 ? void 0 : _b.offsetPx;
     const warnings = [];
     ctx.lineWidth = lineWidth;
-    // we operate on snapshots of these attributes of the hview/vview because
-    // it is significantly faster than accessing the mobx objects
     const { bpPerPx: hBpPerPx } = hview;
     const { bpPerPx: vBpPerPx } = vview;
     function clampWithWarnX(num, min, max, feature) {
@@ -177,7 +175,6 @@ async function drawDotplot(ctx, props) {
                         }
                         currX = clampWithWarnX(currX, b1, b2, feature);
                         currY = clampWithWarnY(currY, e1, e2, feature);
-                        // only draw a line segment if it is bigger than 0.5px
                         if (Math.abs(currX - lastDrawnX) > 0.5 ||
                             Math.abs(currY - lastDrawnY) > 0.5) {
                             ctx.lineTo(currX, height - currY);

package/dist/DotplotRenderer/index.d.ts

@@ -1,2 +1,2 @@
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default function DotplotRendererF(pluginManager: PluginManager): void;

package/dist/DotplotRenderer/index.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = DotplotRendererF;
-const DotplotRendering_1 = __importDefault(require("./components/DotplotRendering"));
 const DotplotRenderer_1 = __importDefault(require("./DotplotRenderer"));
+const DotplotRendering_1 = __importDefault(require("./components/DotplotRendering"));
 const configSchema_1 = __importDefault(require("./configSchema"));
 function DotplotRendererF(pluginManager) {
     pluginManager.addRendererType(() => new DotplotRenderer_1.default({

package/dist/DotplotView/1dview.d.ts

@@ -1,4 +1,4 @@
-import { Instance } from 'mobx-state-tree';
+import type { Instance } from 'mobx-state-tree';
 declare const Dotplot1DView: import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
     displayedRegions: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[]>, [undefined]>;
@@ -53,39 +53,14 @@ declare const Dotplot1DView: import("mobx-state-tree").IModelType<{
 } & {
     moveTo(start?: import("@jbrowse/core/util/Base1DUtils").BpOffset, end?: import("@jbrowse/core/util/Base1DUtils").BpOffset): void;
 } & {
-    /**
-     * #action
-     */
     setScaleFactor(n: number): void;
-    /**
-     * #action
-     */
     center(): void;
 } & {
-    /**
-     * #getter
-     * this uses padding=false and elision=false
-     */
     readonly dynamicBlocks: import("@jbrowse/core/util/blockTypes").BlockSet;
-    /**
-     * #getter
-     */
     readonly scaleFactor: number;
-    /**
-     * #getter
-     */
     readonly maxBpPerPx: number;
-    /**
-     * #getter
-     */
     readonly minBpPerPx: number;
-    /**
-     * #getter
-     */
     readonly maxOffset: number;
-    /**
-     * #getter
-     */
     readonly minOffset: number;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
 declare const DotplotHView: import("mobx-state-tree").IModelType<{
@@ -142,39 +117,14 @@ declare const DotplotHView: import("mobx-state-tree").IModelType<{
 } & {
     moveTo(start?: import("@jbrowse/core/util/Base1DUtils").BpOffset, end?: import("@jbrowse/core/util/Base1DUtils").BpOffset): void;
 } & {
-    /**
-     * #action
-     */
     setScaleFactor(n: number): void;
-    /**
-     * #action
-     */
     center(): void;
 } & {
-    /**
-     * #getter
-     * this uses padding=false and elision=false
-     */
     readonly dynamicBlocks: import("@jbrowse/core/util/blockTypes").BlockSet;
-    /**
-     * #getter
-     */
     readonly scaleFactor: number;
-    /**
-     * #getter
-     */
     readonly maxBpPerPx: number;
-    /**
-     * #getter
-     */
     readonly minBpPerPx: number;
-    /**
-     * #getter
-     */
     readonly maxOffset: number;
-    /**
-     * #getter
-     */
     readonly minOffset: number;
 } & {
     readonly width: any;
@@ -233,42 +183,17 @@ declare const DotplotVView: import("mobx-state-tree").IModelType<{
 } & {
     moveTo(start?: import("@jbrowse/core/util/Base1DUtils").BpOffset, end?: import("@jbrowse/core/util/Base1DUtils").BpOffset): void;
 } & {
-    /**
-     * #action
-     */
     setScaleFactor(n: number): void;
-    /**
-     * #action
-     */
     center(): void;
 } & {
-    /**
-     * #getter
-     * this uses padding=false and elision=false
-     */
     readonly dynamicBlocks: import("@jbrowse/core/util/blockTypes").BlockSet;
-    /**
-     * #getter
-     */
     readonly scaleFactor: number;
-    /**
-     * #getter
-     */
     readonly maxBpPerPx: number;
-    /**
-     * #getter
-     */
     readonly minBpPerPx: number;
-    /**
-     * #getter
-     */
     readonly maxOffset: number;
-    /**
-     * #getter
-     */
     readonly minOffset: number;
 } & {
     readonly width: any;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
-export { DotplotVView, DotplotHView, Dotplot1DView };
+export { Dotplot1DView, DotplotHView, DotplotVView };
 export type Dotplot1DViewModel = Instance<typeof Dotplot1DView>;

package/dist/DotplotView/1dview.js

@@ -3,68 +3,39 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dotplot1DView = exports.DotplotHView = exports.DotplotVView = void 0;
-const mobx_state_tree_1 = require("mobx-state-tree");
-const mobx_1 = require("mobx");
+exports.DotplotVView = exports.DotplotHView = exports.Dotplot1DView = void 0;
 const Base1DViewModel_1 = __importDefault(require("@jbrowse/core/util/Base1DViewModel"));
 const calculateDynamicBlocks_1 = __importDefault(require("@jbrowse/core/util/calculateDynamicBlocks"));
-/**
- * #stateModel Dotplot1DView
- * ref https://mobx-state-tree.js.org/concepts/volatiles on volatile state used here
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+const mobx_1 = require("mobx");
+const mobx_state_tree_1 = require("mobx-state-tree");
+function x() { }
 const Dotplot1DView = Base1DViewModel_1.default.extend(self => {
     const scaleFactor = mobx_1.observable.box(1);
     return {
         views: {
-            /**
-             * #getter
-             * this uses padding=false and elision=false
-             */
             get dynamicBlocks() {
                 return (0, calculateDynamicBlocks_1.default)(self, false, false);
             },
-            /**
-             * #getter
-             */
             get scaleFactor() {
                 return scaleFactor.get();
             },
-            /**
-             * #getter
-             */
             get maxBpPerPx() {
                 return self.totalBp / (self.width - 50);
             },
-            /**
-             * #getter
-             */
             get minBpPerPx() {
                 return 1 / 50;
             },
-            /**
-             * #getter
-             */
             get maxOffset() {
                 return self.displayedRegionsTotalPx - self.width * 0.2;
             },
-            /**
-             * #getter
-             */
             get minOffset() {
                 return -self.width * 0.8;
             },
         },
         actions: {
-            /**
-             * #action
-             */
             setScaleFactor(n) {
                 scaleFactor.set(n);
             },
-            /**
-             * #action
-             */
             center() {
                 const centerBp = self.totalBp / 2;
                 const centerPx = centerBp / self.bpPerPx;

package/dist/DotplotView/components/Axes.d.ts

@@ -1,14 +1,13 @@
-import React from 'react';
-import { DotplotViewModel } from '../model';
+import type { DotplotViewModel } from '../model';
 export declare const HorizontalAxis: ({ model, }: {
     model: DotplotViewModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const HorizontalAxisRaw: ({ model, }: {
     model: DotplotViewModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const VerticalAxis: ({ model, }: {
     model: DotplotViewModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const VerticalAxisRaw: ({ model, }: {
     model: DotplotViewModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/DotplotView/components/Axes.js

@@ -1,17 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VerticalAxisRaw = exports.VerticalAxis = exports.HorizontalAxisRaw = exports.HorizontalAxis = void 0;
-const react_1 = __importDefault(require("react"));
-const mui_1 = require("tss-react/mui");
-const mobx_react_1 = require("mobx-react");
-const mobx_state_tree_1 = require("mobx-state-tree");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const util_1 = require("@jbrowse/core/util");
 const Base1DUtils_1 = require("@jbrowse/core/util/Base1DUtils");
 const material_1 = require("@mui/material");
-// locals
+const mobx_react_1 = require("mobx-react");
+const mobx_state_tree_1 = require("mobx-state-tree");
+const mui_1 = require("tss-react/mui");
 const util_2 = require("./util");
 const useStyles = (0, mui_1.makeStyles)()(() => ({
     vtext: {
@@ -30,8 +26,7 @@ const useStyles = (0, mui_1.makeStyles)()(() => ({
 exports.HorizontalAxis = (0, mobx_react_1.observer)(function ({ model, }) {
     const { viewWidth, borderY } = model;
     const { classes } = useStyles();
-    return (react_1.default.createElement("svg", { width: viewWidth, height: borderY, className: classes.htext },
-        react_1.default.createElement(exports.HorizontalAxisRaw, { model: model })));
+    return ((0, jsx_runtime_1.jsx)("svg", { width: viewWidth, height: borderY, className: classes.htext, children: (0, jsx_runtime_1.jsx)(exports.HorizontalAxisRaw, { model: model }) }));
 });
 exports.HorizontalAxisRaw = (0, mobx_react_1.observer)(function ({ model, }) {
     const { viewWidth, borderX, borderY, hview, htextRotation, hticks } = model;
@@ -58,26 +53,21 @@ exports.HorizontalAxisRaw = (0, mobx_react_1.observer)(function ({ model, }) {
     })
         .filter(f => f[1] !== undefined)
         .map(f => [f[0], f[1] - offsetPx]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        dblocks
-            .filter(region => !hide.has(region.key))
-            .map(region => {
-            const x = region.offsetPx;
-            const y = 0;
-            const xoff = Math.floor(x - hview.offsetPx);
-            return (react_1.default.createElement("text", { transform: `rotate(${htextRotation},${xoff},${y})`, key: JSON.stringify(region), x: xoff, y: y + 1, fontSize: 11, dominantBaseline: "hanging", textAnchor: "end", ...(0, util_1.getFillProps)(theme.palette.text.primary) }, region.refName));
-        }),
-        ticks.map(([tick, x]) => x > 0 && x < width ? (react_1.default.createElement("line", { key: `line-${JSON.stringify(tick)}`, x1: x, x2: x, y1: 0, y2: tick.type === 'major' ? 6 : 4, strokeWidth: 1, ...(0, util_1.getFillProps)(theme.palette.text.primary) })) : null),
-        ticks
-            .filter(t => t[0].type === 'major')
-            .map(([tick, x]) => x > 10 && x < width ? (react_1.default.createElement("text", { x: x - 7, y: 0, transform: `rotate(${htextRotation},${x},0)`, key: `text-${JSON.stringify(tick)}`, fontSize: 11, dominantBaseline: "middle", textAnchor: "end", ...(0, util_1.getFillProps)(theme.palette.text.primary) }, (0, util_1.getTickDisplayStr)(tick.base + 1, bpPerPx))) : null),
-        react_1.default.createElement("text", { y: borderY - 12, x: (viewWidth - borderX) / 2, textAnchor: "middle", fontSize: 11, dominantBaseline: "hanging", ...(0, util_1.getFillProps)(theme.palette.text.primary) }, hview.assemblyNames.join(','))));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [dblocks
+                .filter(region => !hide.has(region.key))
+                .map(region => {
+                const x = region.offsetPx;
+                const y = 0;
+                const xoff = Math.floor(x - hview.offsetPx);
+                return ((0, jsx_runtime_1.jsx)("text", { transform: `rotate(${htextRotation},${xoff},${y})`, x: xoff, y: y + 1, fontSize: 11, dominantBaseline: "hanging", textAnchor: "end", ...(0, util_1.getFillProps)(theme.palette.text.primary), children: region.refName }, JSON.stringify(region)));
+            }), ticks.map(([tick, x]) => x > 0 && x < width ? ((0, jsx_runtime_1.jsx)("line", { x1: x, x2: x, y1: 0, y2: tick.type === 'major' ? 6 : 4, strokeWidth: 1, ...(0, util_1.getFillProps)(theme.palette.text.primary) }, `line-${JSON.stringify(tick)}`)) : null), ticks
+                .filter(t => t[0].type === 'major')
+                .map(([tick, x]) => x > 10 && x < width ? ((0, jsx_runtime_1.jsx)("text", { x: x - 7, y: 0, transform: `rotate(${htextRotation},${x},0)`, fontSize: 11, dominantBaseline: "middle", textAnchor: "end", ...(0, util_1.getFillProps)(theme.palette.text.primary), children: (0, util_1.getTickDisplayStr)(tick.base + 1, bpPerPx) }, `text-${JSON.stringify(tick)}`)) : null), (0, jsx_runtime_1.jsx)("text", { y: borderY - 12, x: (viewWidth - borderX) / 2, textAnchor: "middle", fontSize: 11, dominantBaseline: "hanging", ...(0, util_1.getFillProps)(theme.palette.text.primary), children: hview.assemblyNames.join(',') })] }));
 });
 exports.VerticalAxis = (0, mobx_react_1.observer)(function ({ model, }) {
     const { borderX, viewHeight } = model;
     const { classes } = useStyles();
-    return (react_1.default.createElement("svg", { className: classes.vtext, width: borderX, height: viewHeight },
-        react_1.default.createElement(exports.VerticalAxisRaw, { model: model })));
+    return ((0, jsx_runtime_1.jsx)("svg", { className: classes.vtext, width: borderX, height: viewHeight, children: (0, jsx_runtime_1.jsx)(exports.VerticalAxisRaw, { model: model }) }));
 });
 exports.VerticalAxisRaw = (0, mobx_react_1.observer)(function ({ model, }) {
     const { viewHeight, borderX, borderY, vview, vtextRotation, vticks } = model;
@@ -104,18 +94,14 @@ exports.VerticalAxisRaw = (0, mobx_react_1.observer)(function ({ model, }) {
     })
         .filter(f => f[1] !== undefined)
         .map(f => [f[0], f[1] - offsetPx]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        dblocks
-            .filter(region => !hide.has(region.key))
-            .map(region => {
-            const y = region.offsetPx;
-            const x = borderX;
-            const yoff = Math.floor(viewHeight - y + offsetPx);
-            return (react_1.default.createElement("text", { transform: `rotate(${vtextRotation},${x},${y})`, key: JSON.stringify(region), x: x, y: yoff, fontSize: 11, textAnchor: "end", ...(0, util_1.getFillProps)(theme.palette.text.primary) }, region.refName));
-        }),
-        ticks.map(([tick, y]) => y > 0 ? (react_1.default.createElement("line", { key: `line-${JSON.stringify(tick)}`, y1: viewHeight - y, y2: viewHeight - y, x1: borderX, x2: borderX - (tick.type === 'major' ? 6 : 4), strokeWidth: 1, ...(0, util_1.getStrokeProps)(theme.palette.grey[400]) })) : null),
-        ticks
-            .filter(t => t[0].type === 'major')
-            .map(([tick, y]) => y > 10 && y < viewHeight ? (react_1.default.createElement("text", { y: viewHeight - y - 3, x: borderX - 7, key: `text-${JSON.stringify(tick)}`, textAnchor: "end", dominantBaseline: "hanging", fontSize: 11, ...(0, util_1.getFillProps)(theme.palette.text.primary) }, (0, util_1.getTickDisplayStr)(tick.base + 1, bpPerPx))) : null),
-        react_1.default.createElement("text", { y: (viewHeight - borderY) / 2, x: 12, transform: `rotate(-90,12,${(viewHeight - borderY) / 2})`, textAnchor: "middle", fontSize: 11, ...(0, util_1.getFillProps)(theme.palette.text.primary) }, vview.assemblyNames.join(','))));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [dblocks
+                .filter(region => !hide.has(region.key))
+                .map(region => {
+                const y = region.offsetPx;
+                const x = borderX;
+                const yoff = Math.floor(viewHeight - y + offsetPx);
+                return ((0, jsx_runtime_1.jsx)("text", { transform: `rotate(${vtextRotation},${x},${y})`, x: x, y: yoff, fontSize: 11, textAnchor: "end", ...(0, util_1.getFillProps)(theme.palette.text.primary), children: region.refName }, JSON.stringify(region)));
+            }), ticks.map(([tick, y]) => y > 0 ? ((0, jsx_runtime_1.jsx)("line", { y1: viewHeight - y, y2: viewHeight - y, x1: borderX, x2: borderX - (tick.type === 'major' ? 6 : 4), strokeWidth: 1, ...(0, util_1.getStrokeProps)(theme.palette.grey[400]) }, `line-${JSON.stringify(tick)}`)) : null), ticks
+                .filter(t => t[0].type === 'major')
+                .map(([tick, y]) => y > 10 && y < viewHeight ? ((0, jsx_runtime_1.jsx)("text", { y: viewHeight - y - 3, x: borderX - 7, textAnchor: "end", dominantBaseline: "hanging", fontSize: 11, ...(0, util_1.getFillProps)(theme.palette.text.primary), children: (0, util_1.getTickDisplayStr)(tick.base + 1, bpPerPx) }, `text-${JSON.stringify(tick)}`)) : null), (0, jsx_runtime_1.jsx)("text", { y: (viewHeight - borderY) / 2, x: 12, transform: `rotate(-90,12,${(viewHeight - borderY) / 2})`, textAnchor: "middle", fontSize: 11, ...(0, util_1.getFillProps)(theme.palette.text.primary), children: vview.assemblyNames.join(',') })] }));
 });

package/dist/DotplotView/components/CursorIcon.d.ts

@@ -1,4 +1,3 @@
-import { SvgIconProps } from '@mui/material/SvgIcon';
-import React from 'react';
-export declare function CursorMove(props: SvgIconProps): React.JSX.Element;
-export declare function CursorMouse(props: SvgIconProps): React.JSX.Element;
+import type { SvgIconProps } from '@mui/material/SvgIcon';
+export declare function CursorMove(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function CursorMouse(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;