@jbrowse/plugin-lollipop 2.17.0 → 3.0.0

package/dist/LinearLollipopDisplay/configSchema.d.ts

@@ -1,11 +1,5 @@
-import PluginManager from '@jbrowse/core/PluginManager';
-/**
- * #config LinearLollipopDisplay
- */
+import type PluginManager from '@jbrowse/core/PluginManager';
 export declare function configSchemaFactory(pluginManager: PluginManager): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    /**
-     * #slot
-     */
     renderer: import("mobx-state-tree").IAnyModelType;
 }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
     maxFeatureScreenDensity: {

package/dist/LinearLollipopDisplay/configSchema.js

@@ -3,19 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.configSchemaFactory = configSchemaFactory;
 const configuration_1 = require("@jbrowse/core/configuration");
 const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
-/**
- * #config LinearLollipopDisplay
- */
 function configSchemaFactory(pluginManager) {
     return (0, configuration_1.ConfigurationSchema)('LinearLollipopDisplay', {
-        /**
-         * #slot
-         */
         renderer: pluginManager.pluggableConfigSchemaType('renderer'),
     }, {
-        /**
-         * #baseConfiguration
-         */
         baseConfiguration: plugin_linear_genome_view_1.baseLinearDisplayConfigSchema,
         explicitlyTyped: true,
     });

package/dist/LinearLollipopDisplay/index.d.ts

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

package/dist/LinearLollipopDisplay/index.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = LinearLollipopDisplayF;
 const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
 const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
-const model_1 = require("./model");
 const configSchema_1 = require("./configSchema");
+const model_1 = require("./model");
 function LinearLollipopDisplayF(pluginManager) {
     pluginManager.addDisplayType(() => {
         const configSchema = (0, configSchema_1.configSchemaFactory)(pluginManager);

package/dist/LinearLollipopDisplay/model.d.ts

@@ -1,16 +1,7 @@
-import { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
-/**
- * #stateModel LinearLollipopDisplay
- * extends
- * - [BaseLinearDisplay](../baselineardisplay)
- */
+import type { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
 export declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): import("mobx-state-tree").IModelType<{
-    id: import("mobx-state-tree" /**
-     * #getter
-     */).IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-    type: import("mobx-state-tree" /**
-     * #getter
-     */).ISimpleType<string>;
+    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    type: import("mobx-state-tree").ISimpleType<string>;
     rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
 } & {
     heightPreConfig: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
@@ -20,21 +11,12 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
 } & {
     blockState: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
         key: import("mobx-state-tree").ISimpleType<string>;
-        region: import("mobx-state-tree").IModelType<{
-            refName: import("mobx-state-tree").ISimpleType<string>;
-            start: import("mobx-state-tree").ISimpleType<number>;
-            end: import("mobx-state-tree").ISimpleType<number>;
-            reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        } & {
-            assemblyName: import("mobx-state-tree").ISimpleType<string>;
-        }, {
-            setRefName(newRefName: string): void;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+        region: import("mobx-state-tree").IType<import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region>;
         reloadFlag: import("mobx-state-tree").IType<number | undefined, number, number>;
         isLeftEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
         isRightEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     }, {
-        renderInProgress: AbortController | undefined;
+        stopToken: string | undefined;
         filled: boolean;
         reactElement: React.ReactElement | undefined;
         features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
@@ -52,21 +34,15 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
                 status?: string;
                 reactElement?: React.ReactElement;
             };
-        }) => React.JSX.Element | undefined;
+        }) => import("react/jsx-runtime").JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;
         afterAttach(): void;
         setStatus(message: string): void;
-        setLoading(abortController: AbortController): void;
+        setLoading(newStopToken: string): void;
         setMessage(messageText: string): void;
-        setRendered(props: {
-            reactElement: React.ReactElement;
-            features: Map<string, import("@jbrowse/core/util").Feature>;
-            layout: any;
-            maxHeightReached: boolean;
-            renderProps: any;
-        } | undefined): void;
+        setRendered(props: import("@jbrowse/plugin-linear-genome-view/dist/BaseLinearDisplay/models/serverSideRenderedBlock").RenderedProps | undefined): void;
         setError(error: unknown): void;
         reload(): void;
         beforeDestroy(): void;
@@ -100,13 +76,7 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
         };
     }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
 } & {
-    /**
-     * #property
-     */
     type: import("mobx-state-tree").ISimpleType<"LinearLollipopDisplay">;
-    /**
-     * #property
-     */
     configuration: AnyConfigurationSchemaType;
 }, {
     rendererTypeName: string;
@@ -197,14 +167,15 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
     readonly regionTooLarge: boolean;
     readonly regionTooLargeReason: string;
 } & {
+    readonly statsReadyAndRegionNotTooLarge: boolean;
     regionCannotBeRenderedText(_region: import("@jbrowse/core/util").Region): "" | "Force load to see features";
-    regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): React.JSX.Element | null;
+    regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): import("react/jsx-runtime").JSX.Element | null;
 } & {
     featureIdUnderMouse: undefined | string;
     contextMenuFeature: undefined | import("@jbrowse/core/util").Feature;
 } & {
-    readonly DisplayMessageComponent: React.FC<any> | undefined;
-    readonly blockType: "dynamicBlocks" | "staticBlocks";
+    readonly DisplayMessageComponent: undefined | React.FC<any>;
+    readonly blockType: "staticBlocks" | "dynamicBlocks";
     readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
 } & {
     readonly renderDelay: number;
@@ -231,24 +202,12 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
     contextMenuItems(): import("@jbrowse/core/ui").MenuItem[];
     renderProps(): any;
 } & {
-    renderSvg(opts: import("@jbrowse/plugin-linear-genome-view").ExportSvgDisplayOptions): Promise<React.JSX.Element>;
+    renderSvg(opts: import("@jbrowse/plugin-linear-genome-view").ExportSvgDisplayOptions): Promise<import("react/jsx-runtime").JSX.Element>;
     afterAttach(): void;
 } & {
-    /**
-     * #getter
-     */
     readonly blockType: string;
-    /**
-     * #getter
-     */
     readonly renderDelay: number;
-    /**
-     * #method
-     */
     renderProps(): any;
-    /**
-     * #getter
-     */
     readonly rendererTypeName: any;
 }, {
     type: string;
@@ -264,21 +223,12 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
 } & {
     blockState: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
         key: import("mobx-state-tree").ISimpleType<string>;
-        region: import("mobx-state-tree").IModelType<{
-            refName: import("mobx-state-tree").ISimpleType<string>;
-            start: import("mobx-state-tree").ISimpleType<number>;
-            end: import("mobx-state-tree").ISimpleType<number>;
-            reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        } & {
-            assemblyName: import("mobx-state-tree").ISimpleType<string>;
-        }, {
-            setRefName(newRefName: string): void;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+        region: import("mobx-state-tree").IType<import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region>;
         reloadFlag: import("mobx-state-tree").IType<number | undefined, number, number>;
         isLeftEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
         isRightEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     }, {
-        renderInProgress: AbortController | undefined;
+        stopToken: string | undefined;
         filled: boolean;
         reactElement: React.ReactElement | undefined;
         features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
@@ -296,21 +246,15 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
                 status?: string;
                 reactElement?: React.ReactElement;
             };
-        }) => React.JSX.Element | undefined;
+        }) => import("react/jsx-runtime").JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;
         afterAttach(): void;
         setStatus(message: string): void;
-        setLoading(abortController: AbortController): void;
+        setLoading(newStopToken: string): void;
         setMessage(messageText: string): void;
-        setRendered(props: {
-            reactElement: React.ReactElement;
-            features: Map<string, import("@jbrowse/core/util").Feature>;
-            layout: any;
-            maxHeightReached: boolean;
-            renderProps: any;
-        } | undefined): void;
+        setRendered(props: import("@jbrowse/plugin-linear-genome-view/dist/BaseLinearDisplay/models/serverSideRenderedBlock").RenderedProps | undefined): void;
         setError(error: unknown): void;
         reload(): void;
         beforeDestroy(): void;
@@ -347,8 +291,8 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
     type: string;
     id: string;
     configuration: import("mobx-state-tree").ModelSnapshotType<Record<string, any>>;
-    heightPreConfig: number | undefined;
     rpcDriverName: string | undefined;
+    heightPreConfig: number | undefined;
     userBpPerPxLimit: number | undefined;
     userByteSizeLimit: number | undefined;
 } & import("mobx-state-tree")._NotCustomized>;

package/dist/LinearLollipopDisplay/model.js

@@ -2,43 +2,23 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.stateModelFactory = stateModelFactory;
 const configuration_1 = require("@jbrowse/core/configuration");
-const mobx_state_tree_1 = require("mobx-state-tree");
 const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
-/**
- * #stateModel LinearLollipopDisplay
- * extends
- * - [BaseLinearDisplay](../baselineardisplay)
- */
+const mobx_state_tree_1 = require("mobx-state-tree");
 function stateModelFactory(configSchema) {
     return mobx_state_tree_1.types
         .compose('LinearLollipopDisplay', plugin_linear_genome_view_1.BaseLinearDisplay, mobx_state_tree_1.types.model({
-        /**
-         * #property
-         */
         type: mobx_state_tree_1.types.literal('LinearLollipopDisplay'),
-        /**
-         * #property
-         */
         configuration: (0, configuration_1.ConfigurationReference)(configSchema),
     }))
         .views(self => {
         const { renderProps: superRenderProps } = self;
         return {
-            /**
-             * #getter
-             */
             get blockType() {
                 return 'dynamicBlocks';
             },
-            /**
-             * #getter
-             */
             get renderDelay() {
                 return 500;
             },
-            /**
-             * #method
-             */
             renderProps() {
                 return {
                     ...superRenderProps(),
@@ -46,9 +26,6 @@ function stateModelFactory(configSchema) {
                     config: self.configuration.renderer,
                 };
             },
-            /**
-             * #getter
-             */
             get rendererTypeName() {
                 return self.configuration.renderer.type;
             },

package/dist/LollipopRenderer/Layout.d.ts

@@ -1,4 +1,4 @@
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
 interface LayoutItem {
     uniqueId: string;
     anchorLocation: number;
@@ -25,9 +25,6 @@ export declare class FloatingLayout {
     add(uniqueId: string, anchorLocation: number, width: number, height: number, data: {
         score: number;
     }): void;
-    /**
-     * @returns Map of `uniqueId => {x,y,anchorLocation,width,height,data}`
-     */
     getLayout(configuration?: AnyConfigurationModel): LayoutMap;
     getTotalHeight(): number;
     serializeRegion(): {

package/dist/LollipopRenderer/Layout.js

@@ -18,9 +18,6 @@ class FloatingLayout {
         this.items.push({ uniqueId, anchorLocation, width, height, data });
         this.layoutDirty = true;
     }
-    /**
-     * @returns Map of `uniqueId => {x,y,anchorLocation,width,height,data}`
-     */
     getLayout(configuration) {
         if (!this.layoutDirty) {
             return this.layout;
@@ -29,10 +26,7 @@ class FloatingLayout {
             throw new Error('configuration object required');
         }
         const minY = (0, configuration_1.readConfObject)(configuration, 'minStickLength');
-        // sort them by score ascending, so higher scores will always end up
-        // stacked last (toward the bottom)
         const sorted = this.items.sort((a, b) => a.data.score - b.data.score);
-        // bump them
         let maxBottom = 0;
         const layoutEntries = new Array(sorted.length);
         for (let i = 0; i < sorted.length; i += 1) {
@@ -42,7 +36,6 @@ class FloatingLayout {
             const end = start + width;
             let top = minY;
             let bottom = top + height;
-            // figure out how far down to put it
             for (let j = 0; j < i; j += 1) {
                 const [, previouslyLaidOutItem] = layoutEntries[j];
                 const { x: prevStart, y: prevTop, width: prevWidth, height: prevHeight, } = previouslyLaidOutItem;
@@ -50,13 +43,11 @@ class FloatingLayout {
                 const prevBottom = prevTop + prevHeight;
                 if ((0, range_1.doesIntersect2)(prevStart, prevEnd, start, end) &&
                     (0, range_1.doesIntersect2)(prevTop, prevBottom, top, bottom)) {
-                    // bump this one to the bottom of the previous one
                     top = prevBottom;
                     bottom = top + height;
-                    j = -1; // we need to check all of them again after bumping
+                    j = -1;
                 }
             }
-            // record the entry and update the maxBottom
             layoutEntries[i] = [
                 currentItem.uniqueId,
                 { ...currentItem, x: start, y: top },
@@ -65,8 +56,6 @@ class FloatingLayout {
                 maxBottom = bottom;
             }
         }
-        // try to tile them left to right all at the same level
-        // if they don't fit, try to alternate them on 2 levels, then 3
         this.totalHeight = maxBottom;
         this.layout = new Map(layoutEntries);
         this.layoutDirty = false;

package/dist/LollipopRenderer/LollipopRenderer.js

@@ -15,13 +15,23 @@ 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 };
 };
@@ -36,8 +46,8 @@ class FloatingLayoutSession extends BoxRendererType_1.LayoutSession {
         const widthPx = (end - start) / this.bpPerPx;
         return new MultiLayout_1.default(Layout_1.FloatingLayout, { width: widthPx });
     }
-    layoutIsValid( /* layout */) {
-        return false; // layout.left layout.width === this.width
+    layoutIsValid() {
+        return false;
     }
 }
 class LollipopRenderer extends BoxRendererType_1.default {

package/dist/LollipopRenderer/components/Lollipop.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const Lollipop: (props: Record<string, any>) => React.JSX.Element;
+declare const Lollipop: (props: Record<string, any>) => import("react/jsx-runtime").JSX.Element;
 export default Lollipop;

package/dist/LollipopRenderer/components/Lollipop.js

@@ -3,7 +3,7 @@ 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 configuration_1 = require("@jbrowse/core/configuration");
 const mobx_react_1 = require("mobx-react");
 const ScoreText_1 = __importDefault(require("./ScoreText"));
@@ -53,10 +53,6 @@ const Lollipop = (0, mobx_react_1.observer)(function Lollipop(props) {
         fill: (0, configuration_1.readConfObject)(config, 'innerColor', { feature }),
     };
     const strokeWidth = (0, configuration_1.readConfObject)(config, 'strokeWidth', { feature });
-    return (react_1.default.createElement("g", { "data-testid": feature.id() },
-        react_1.default.createElement("title", null, (0, configuration_1.readConfObject)(config, 'caption', { feature })),
-        react_1.default.createElement("circle", { cx: anchorLocation, cy: y + radiusPx, r: radiusPx, style: styleOuter, onMouseDown: onFeatureMouseDown, onMouseEnter: onFeatureMouseEnter, onMouseOut: onFeatureMouseOut, onMouseOver: onFeatureMouseOver, onMouseUp: onFeatureMouseUp, onMouseLeave: onFeatureMouseLeave, onMouseMove: onFeatureMouseMove, onClick: onFeatureClick, onFocus: onFeatureMouseOver, onBlur: onFeatureMouseOut }),
-        radiusPx - strokeWidth <= 2 ? null : (react_1.default.createElement("circle", { cx: anchorLocation, cy: y + radiusPx, r: radiusPx - strokeWidth, style: styleInner, onMouseDown: onFeatureMouseDown, onMouseEnter: onFeatureMouseEnter, onMouseOut: onFeatureMouseOut, onMouseOver: onFeatureMouseOver, onMouseUp: onFeatureMouseUp, onMouseLeave: onFeatureMouseLeave, onMouseMove: onFeatureMouseMove, onClick: onFeatureClick, onFocus: onFeatureMouseOver, onBlur: onFeatureMouseOut })),
-        react_1.default.createElement(ScoreText_1.default, { feature: feature, config: config, layoutRecord: layoutRecord })));
+    return ((0, jsx_runtime_1.jsxs)("g", { "data-testid": feature.id(), children: [(0, jsx_runtime_1.jsx)("title", { children: (0, configuration_1.readConfObject)(config, 'caption', { feature }) }), (0, jsx_runtime_1.jsx)("circle", { cx: anchorLocation, cy: y + radiusPx, r: radiusPx, style: styleOuter, onMouseDown: onFeatureMouseDown, onMouseEnter: onFeatureMouseEnter, onMouseOut: onFeatureMouseOut, onMouseOver: onFeatureMouseOver, onMouseUp: onFeatureMouseUp, onMouseLeave: onFeatureMouseLeave, onMouseMove: onFeatureMouseMove, onClick: onFeatureClick, onFocus: onFeatureMouseOver, onBlur: onFeatureMouseOut }), radiusPx - strokeWidth <= 2 ? null : ((0, jsx_runtime_1.jsx)("circle", { cx: anchorLocation, cy: y + radiusPx, r: radiusPx - strokeWidth, style: styleInner, onMouseDown: onFeatureMouseDown, onMouseEnter: onFeatureMouseEnter, onMouseOut: onFeatureMouseOut, onMouseOver: onFeatureMouseOver, onMouseUp: onFeatureMouseUp, onMouseLeave: onFeatureMouseLeave, onMouseMove: onFeatureMouseMove, onClick: onFeatureClick, onFocus: onFeatureMouseOver, onBlur: onFeatureMouseOut })), (0, jsx_runtime_1.jsx)(ScoreText_1.default, { feature: feature, config: config, layoutRecord: layoutRecord })] }));
 });
 exports.default = Lollipop;

package/dist/LollipopRenderer/components/LollipopRendering.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const LollipopRendering: (props: Record<string, any>) => React.JSX.Element;
+declare const LollipopRendering: (props: Record<string, any>) => import("react/jsx-runtime").JSX.Element;
 export default LollipopRendering;

package/dist/LollipopRenderer/components/LollipopRendering.js

@@ -3,11 +3,11 @@ 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 react_1 = require("react");
 const configuration_1 = require("@jbrowse/core/configuration");
 const util_1 = require("@jbrowse/core/util");
 const mobx_react_1 = require("mobx-react");
-// locals
 const Lollipop_1 = __importDefault(require("./Lollipop"));
 const Stick_1 = __importDefault(require("./Stick"));
 function layoutFeat(args) {
@@ -69,11 +69,9 @@ const LollipopRendering = (0, mobx_react_1.observer)(function (props) {
     const width = (region.end - region.start) / bpPerPx;
     const records = [...layout.getLayout(config).values()];
     const height = layout.getTotalHeight();
-    return (react_1.default.createElement("svg", { width: width, height: height, style: { position: 'relative' }, onMouseDown: onMouseDown, onMouseUp: onMouseUp, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseOver: onMouseOver, onMouseOut: onMouseOut, onFocus: onMouseEnter, onBlur: onMouseLeave, onClick: onClick }, records.map(layoutRecord => {
-        const feature = features.get(layoutRecord.data.featureId);
-        return (react_1.default.createElement(react_1.default.Fragment, { key: feature.id() },
-            react_1.default.createElement(Stick_1.default, { key: `stick-${feature.id()}`, ...props, config: config, layoutRecord: layoutRecord, feature: feature }),
-            react_1.default.createElement(Lollipop_1.default, { key: `body-${feature.id()}`, ...props, layoutRecord: layoutRecord, feature: feature, selectedFeatureId: selectedFeatureId })));
-    })));
+    return ((0, jsx_runtime_1.jsx)("svg", { width: width, height: height, style: { position: 'relative' }, onMouseDown: onMouseDown, onMouseUp: onMouseUp, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseOver: onMouseOver, onMouseOut: onMouseOut, onFocus: onMouseEnter, onBlur: onMouseLeave, onClick: onClick, children: records.map(layoutRecord => {
+            const feature = features.get(layoutRecord.data.featureId);
+            return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Stick_1.default, { ...props, config: config, layoutRecord: layoutRecord, feature: feature }, `stick-${feature.id()}`), (0, jsx_runtime_1.jsx)(Lollipop_1.default, { ...props, layoutRecord: layoutRecord, feature: feature, selectedFeatureId: selectedFeatureId }, `body-${feature.id()}`)] }, feature.id()));
+        }) }));
 });
 exports.default = LollipopRendering;

package/dist/LollipopRenderer/components/ScoreText.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { Feature } from '@jbrowse/core/util';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { Feature } from '@jbrowse/core/util';
 export default function ScoreText({ feature, config, layoutRecord: { y, data: { anchorX, radiusPx, score }, }, }: {
     feature: Feature;
     config: AnyConfigurationModel;
@@ -12,4 +11,4 @@ export default function ScoreText({ feature, config, layoutRecord: { y, data: {
             score: number;
         };
     };
-}): React.JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/LollipopRenderer/components/ScoreText.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = ScoreText;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const configuration_1 = require("@jbrowse/core/configuration");
 const color_1 = require("@jbrowse/core/util/color");
 function ScoreText({ feature, config, layoutRecord: { y, data: { anchorX, radiusPx, score }, }, }) {
@@ -15,5 +12,5 @@ function ScoreText({ feature, config, layoutRecord: { y, data: { anchorX, radius
     if (fontHeight < 12) {
         return null;
     }
-    return (react_1.default.createElement("text", { style: { fontSize: fontHeight, fill: (0, color_1.contrastingTextColor)(innerColor) }, x: anchorX, y: y + radiusPx - fontHeight / 2.4, textAnchor: "middle", dominantBaseline: "hanging" }, scoreString));
+    return ((0, jsx_runtime_1.jsx)("text", { style: { fontSize: fontHeight, fill: (0, color_1.contrastingTextColor)(innerColor) }, x: anchorX, y: y + radiusPx - fontHeight / 2.4, textAnchor: "middle", dominantBaseline: "hanging", children: scoreString }));
 }

package/dist/LollipopRenderer/components/Stick.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { Feature } from '@jbrowse/core/util';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { Feature } from '@jbrowse/core/util';
 declare const Stick: ({ feature, config, layoutRecord: { anchorLocation, y, data: { radiusPx }, }, }: {
     feature: Feature;
     config: AnyConfigurationModel;
@@ -11,5 +10,5 @@ declare const Stick: ({ feature, config, layoutRecord: { anchorLocation, y, data
             radiusPx: number;
         };
     };
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Stick;

package/dist/LollipopRenderer/components/Stick.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 configuration_1 = require("@jbrowse/core/configuration");
 const mobx_react_1 = require("mobx-react");
 const Stick = (0, mobx_react_1.observer)(function Stick({ feature, config, layoutRecord: { anchorLocation, y, data: { radiusPx }, }, }) {
-    return (react_1.default.createElement("line", { x1: anchorLocation, y1: 0, x2: anchorLocation, y2: y + 2 * radiusPx, stroke: (0, configuration_1.readConfObject)(config, 'stickColor', { feature }), strokeWidth: (0, configuration_1.readConfObject)(config, 'stickWidth', { feature }) }));
+    return ((0, jsx_runtime_1.jsx)("line", { x1: anchorLocation, y1: 0, x2: anchorLocation, y2: y + 2 * radiusPx, stroke: (0, configuration_1.readConfObject)(config, 'stickColor', { feature }), strokeWidth: (0, configuration_1.readConfObject)(config, 'stickWidth', { feature }) }));
 });
 exports.default = Stick;

package/dist/LollipopRenderer/index.d.ts

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

package/dist/LollipopRenderer/index.js

@@ -15,13 +15,23 @@ 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 };
 };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import Plugin from '@jbrowse/core/Plugin';
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default class LollipopPlugin extends Plugin {
     name: string;
     install(pluginManager: PluginManager): void;

package/esm/LinearLollipopDisplay/configSchema.d.ts

@@ -1,11 +1,5 @@
-import PluginManager from '@jbrowse/core/PluginManager';
-/**
- * #config LinearLollipopDisplay
- */
+import type PluginManager from '@jbrowse/core/PluginManager';
 export declare function configSchemaFactory(pluginManager: PluginManager): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    /**
-     * #slot
-     */
     renderer: import("mobx-state-tree").IAnyModelType;
 }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
     maxFeatureScreenDensity: {

package/esm/LinearLollipopDisplay/configSchema.js

@@ -1,18 +1,9 @@
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
 import { baseLinearDisplayConfigSchema } from '@jbrowse/plugin-linear-genome-view';
-/**
- * #config LinearLollipopDisplay
- */
 export function configSchemaFactory(pluginManager) {
     return ConfigurationSchema('LinearLollipopDisplay', {
-        /**
-         * #slot
-         */
         renderer: pluginManager.pluggableConfigSchemaType('renderer'),
     }, {
-        /**
-         * #baseConfiguration
-         */
         baseConfiguration: baseLinearDisplayConfigSchema,
         explicitlyTyped: true,
     });

package/esm/LinearLollipopDisplay/index.d.ts

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

package/esm/LinearLollipopDisplay/index.js

@@ -1,7 +1,7 @@
 import { DisplayType } from '@jbrowse/core/pluggableElementTypes';
 import { BaseLinearDisplayComponent } from '@jbrowse/plugin-linear-genome-view';
-import { stateModelFactory } from './model';
 import { configSchemaFactory } from './configSchema';
+import { stateModelFactory } from './model';
 export default function LinearLollipopDisplayF(pluginManager) {
     pluginManager.addDisplayType(() => {
         const configSchema = configSchemaFactory(pluginManager);

package/esm/LinearLollipopDisplay/model.d.ts

@@ -1,16 +1,7 @@
-import { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
-/**
- * #stateModel LinearLollipopDisplay
- * extends
- * - [BaseLinearDisplay](../baselineardisplay)
- */
+import type { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
 export declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): import("mobx-state-tree").IModelType<{
-    id: import("mobx-state-tree" /**
-     * #getter
-     */).IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-    type: import("mobx-state-tree" /**
-     * #getter
-     */).ISimpleType<string>;
+    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    type: import("mobx-state-tree").ISimpleType<string>;
     rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
 } & {
     heightPreConfig: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
@@ -20,21 +11,12 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
 } & {
     blockState: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
         key: import("mobx-state-tree").ISimpleType<string>;
-        region: import("mobx-state-tree").IModelType<{
-            refName: import("mobx-state-tree").ISimpleType<string>;
-            start: import("mobx-state-tree").ISimpleType<number>;
-            end: import("mobx-state-tree").ISimpleType<number>;
-            reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        } & {
-            assemblyName: import("mobx-state-tree").ISimpleType<string>;
-        }, {
-            setRefName(newRefName: string): void;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+        region: import("mobx-state-tree").IType<import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region>;
         reloadFlag: import("mobx-state-tree").IType<number | undefined, number, number>;
         isLeftEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
         isRightEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     }, {
-        renderInProgress: AbortController | undefined;
+        stopToken: string | undefined;
         filled: boolean;
         reactElement: React.ReactElement | undefined;
         features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
@@ -52,21 +34,15 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
                 status?: string;
                 reactElement?: React.ReactElement;
             };
-        }) => React.JSX.Element | undefined;
+        }) => import("react/jsx-runtime").JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;
         afterAttach(): void;
         setStatus(message: string): void;
-        setLoading(abortController: AbortController): void;
+        setLoading(newStopToken: string): void;
         setMessage(messageText: string): void;
-        setRendered(props: {
-            reactElement: React.ReactElement;
-            features: Map<string, import("@jbrowse/core/util").Feature>;
-            layout: any;
-            maxHeightReached: boolean;
-            renderProps: any;
-        } | undefined): void;
+        setRendered(props: import("@jbrowse/plugin-linear-genome-view/dist/BaseLinearDisplay/models/serverSideRenderedBlock").RenderedProps | undefined): void;
         setError(error: unknown): void;
         reload(): void;
         beforeDestroy(): void;
@@ -100,13 +76,7 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
         };
     }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
 } & {
-    /**
-     * #property
-     */
     type: import("mobx-state-tree").ISimpleType<"LinearLollipopDisplay">;
-    /**
-     * #property
-     */
     configuration: AnyConfigurationSchemaType;
 }, {
     rendererTypeName: string;
@@ -197,14 +167,15 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
     readonly regionTooLarge: boolean;
     readonly regionTooLargeReason: string;
 } & {
+    readonly statsReadyAndRegionNotTooLarge: boolean;
     regionCannotBeRenderedText(_region: import("@jbrowse/core/util").Region): "" | "Force load to see features";
-    regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): React.JSX.Element | null;
+    regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): import("react/jsx-runtime").JSX.Element | null;
 } & {
     featureIdUnderMouse: undefined | string;
     contextMenuFeature: undefined | import("@jbrowse/core/util").Feature;
 } & {
-    readonly DisplayMessageComponent: React.FC<any> | undefined;
-    readonly blockType: "dynamicBlocks" | "staticBlocks";
+    readonly DisplayMessageComponent: undefined | React.FC<any>;
+    readonly blockType: "staticBlocks" | "dynamicBlocks";
     readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
 } & {
     readonly renderDelay: number;
@@ -231,24 +202,12 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
     contextMenuItems(): import("@jbrowse/core/ui").MenuItem[];
     renderProps(): any;
 } & {
-    renderSvg(opts: import("@jbrowse/plugin-linear-genome-view").ExportSvgDisplayOptions): Promise<React.JSX.Element>;
+    renderSvg(opts: import("@jbrowse/plugin-linear-genome-view").ExportSvgDisplayOptions): Promise<import("react/jsx-runtime").JSX.Element>;
     afterAttach(): void;
 } & {
-    /**
-     * #getter
-     */
     readonly blockType: string;
-    /**
-     * #getter
-     */
     readonly renderDelay: number;
-    /**
-     * #method
-     */
     renderProps(): any;
-    /**
-     * #getter
-     */
     readonly rendererTypeName: any;
 }, {
     type: string;
@@ -264,21 +223,12 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
 } & {
     blockState: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
         key: import("mobx-state-tree").ISimpleType<string>;
-        region: import("mobx-state-tree").IModelType<{
-            refName: import("mobx-state-tree").ISimpleType<string>;
-            start: import("mobx-state-tree").ISimpleType<number>;
-            end: import("mobx-state-tree").ISimpleType<number>;
-            reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        } & {
-            assemblyName: import("mobx-state-tree").ISimpleType<string>;
-        }, {
-            setRefName(newRefName: string): void;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+        region: import("mobx-state-tree").IType<import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region>;
         reloadFlag: import("mobx-state-tree").IType<number | undefined, number, number>;
         isLeftEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
         isRightEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     }, {
-        renderInProgress: AbortController | undefined;
+        stopToken: string | undefined;
         filled: boolean;
         reactElement: React.ReactElement | undefined;
         features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
@@ -296,21 +246,15 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
                 status?: string;
                 reactElement?: React.ReactElement;
             };
-        }) => React.JSX.Element | undefined;
+        }) => import("react/jsx-runtime").JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;
         afterAttach(): void;
         setStatus(message: string): void;
-        setLoading(abortController: AbortController): void;
+        setLoading(newStopToken: string): void;
         setMessage(messageText: string): void;
-        setRendered(props: {
-            reactElement: React.ReactElement;
-            features: Map<string, import("@jbrowse/core/util").Feature>;
-            layout: any;
-            maxHeightReached: boolean;
-            renderProps: any;
-        } | undefined): void;
+        setRendered(props: import("@jbrowse/plugin-linear-genome-view/dist/BaseLinearDisplay/models/serverSideRenderedBlock").RenderedProps | undefined): void;
         setError(error: unknown): void;
         reload(): void;
         beforeDestroy(): void;
@@ -347,8 +291,8 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
     type: string;
     id: string;
     configuration: import("mobx-state-tree").ModelSnapshotType<Record<string, any>>;
-    heightPreConfig: number | undefined;
     rpcDriverName: string | undefined;
+    heightPreConfig: number | undefined;
     userBpPerPxLimit: number | undefined;
     userByteSizeLimit: number | undefined;
 } & import("mobx-state-tree")._NotCustomized>;

package/esm/LinearLollipopDisplay/model.js

@@ -1,41 +1,21 @@
-import { ConfigurationReference, } from '@jbrowse/core/configuration';
-import { types } from 'mobx-state-tree';
+import { ConfigurationReference } from '@jbrowse/core/configuration';
 import { BaseLinearDisplay } from '@jbrowse/plugin-linear-genome-view';
-/**
- * #stateModel LinearLollipopDisplay
- * extends
- * - [BaseLinearDisplay](../baselineardisplay)
- */
+import { types } from 'mobx-state-tree';
 export function stateModelFactory(configSchema) {
     return types
         .compose('LinearLollipopDisplay', BaseLinearDisplay, types.model({
-        /**
-         * #property
-         */
         type: types.literal('LinearLollipopDisplay'),
-        /**
-         * #property
-         */
         configuration: ConfigurationReference(configSchema),
     }))
         .views(self => {
         const { renderProps: superRenderProps } = self;
         return {
-            /**
-             * #getter
-             */
             get blockType() {
                 return 'dynamicBlocks';
             },
-            /**
-             * #getter
-             */
             get renderDelay() {
                 return 500;
             },
-            /**
-             * #method
-             */
             renderProps() {
                 return {
                     ...superRenderProps(),
@@ -43,9 +23,6 @@ export function stateModelFactory(configSchema) {
                     config: self.configuration.renderer,
                 };
             },
-            /**
-             * #getter
-             */
             get rendererTypeName() {
                 return self.configuration.renderer.type;
             },

package/esm/LollipopRenderer/Layout.d.ts

@@ -1,4 +1,4 @@
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
 interface LayoutItem {
     uniqueId: string;
     anchorLocation: number;
@@ -25,9 +25,6 @@ export declare class FloatingLayout {
     add(uniqueId: string, anchorLocation: number, width: number, height: number, data: {
         score: number;
     }): void;
-    /**
-     * @returns Map of `uniqueId => {x,y,anchorLocation,width,height,data}`
-     */
     getLayout(configuration?: AnyConfigurationModel): LayoutMap;
     getTotalHeight(): number;
     serializeRegion(): {

package/esm/LollipopRenderer/Layout.js

@@ -15,9 +15,6 @@ export class FloatingLayout {
         this.items.push({ uniqueId, anchorLocation, width, height, data });
         this.layoutDirty = true;
     }
-    /**
-     * @returns Map of `uniqueId => {x,y,anchorLocation,width,height,data}`
-     */
     getLayout(configuration) {
         if (!this.layoutDirty) {
             return this.layout;
@@ -26,10 +23,7 @@ export class FloatingLayout {
             throw new Error('configuration object required');
         }
         const minY = readConfObject(configuration, 'minStickLength');
-        // sort them by score ascending, so higher scores will always end up
-        // stacked last (toward the bottom)
         const sorted = this.items.sort((a, b) => a.data.score - b.data.score);
-        // bump them
         let maxBottom = 0;
         const layoutEntries = new Array(sorted.length);
         for (let i = 0; i < sorted.length; i += 1) {
@@ -39,7 +33,6 @@ export class FloatingLayout {
             const end = start + width;
             let top = minY;
             let bottom = top + height;
-            // figure out how far down to put it
             for (let j = 0; j < i; j += 1) {
                 const [, previouslyLaidOutItem] = layoutEntries[j];
                 const { x: prevStart, y: prevTop, width: prevWidth, height: prevHeight, } = previouslyLaidOutItem;
@@ -47,13 +40,11 @@ export class FloatingLayout {
                 const prevBottom = prevTop + prevHeight;
                 if (doesIntersect2(prevStart, prevEnd, start, end) &&
                     doesIntersect2(prevTop, prevBottom, top, bottom)) {
-                    // bump this one to the bottom of the previous one
                     top = prevBottom;
                     bottom = top + height;
-                    j = -1; // we need to check all of them again after bumping
+                    j = -1;
                 }
             }
-            // record the entry and update the maxBottom
             layoutEntries[i] = [
                 currentItem.uniqueId,
                 { ...currentItem, x: start, y: top },
@@ -62,8 +53,6 @@ export class FloatingLayout {
                 maxBottom = bottom;
             }
         }
-        // try to tile them left to right all at the same level
-        // if they don't fit, try to alternate them on 2 levels, then 3
         this.totalHeight = maxBottom;
         this.layout = new Map(layoutEntries);
         this.layoutDirty = false;

package/esm/LollipopRenderer/LollipopRenderer.js

@@ -8,8 +8,8 @@ class FloatingLayoutSession extends LayoutSession {
         const widthPx = (end - start) / this.bpPerPx;
         return new MultiLayout(FloatingLayout, { width: widthPx });
     }
-    layoutIsValid( /* layout */) {
-        return false; // layout.left layout.width === this.width
+    layoutIsValid() {
+        return false;
     }
 }
 export default class LollipopRenderer extends BoxRendererType {

package/esm/LollipopRenderer/components/Lollipop.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const Lollipop: (props: Record<string, any>) => React.JSX.Element;
+declare const Lollipop: (props: Record<string, any>) => import("react/jsx-runtime").JSX.Element;
 export default Lollipop;

package/esm/LollipopRenderer/components/Lollipop.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { readConfObject } from '@jbrowse/core/configuration';
 import { observer } from 'mobx-react';
 import ScoreText from './ScoreText';
@@ -48,10 +48,6 @@ const Lollipop = observer(function Lollipop(props) {
         fill: readConfObject(config, 'innerColor', { feature }),
     };
     const strokeWidth = readConfObject(config, 'strokeWidth', { feature });
-    return (React.createElement("g", { "data-testid": feature.id() },
-        React.createElement("title", null, readConfObject(config, 'caption', { feature })),
-        React.createElement("circle", { cx: anchorLocation, cy: y + radiusPx, r: radiusPx, style: styleOuter, onMouseDown: onFeatureMouseDown, onMouseEnter: onFeatureMouseEnter, onMouseOut: onFeatureMouseOut, onMouseOver: onFeatureMouseOver, onMouseUp: onFeatureMouseUp, onMouseLeave: onFeatureMouseLeave, onMouseMove: onFeatureMouseMove, onClick: onFeatureClick, onFocus: onFeatureMouseOver, onBlur: onFeatureMouseOut }),
-        radiusPx - strokeWidth <= 2 ? null : (React.createElement("circle", { cx: anchorLocation, cy: y + radiusPx, r: radiusPx - strokeWidth, style: styleInner, onMouseDown: onFeatureMouseDown, onMouseEnter: onFeatureMouseEnter, onMouseOut: onFeatureMouseOut, onMouseOver: onFeatureMouseOver, onMouseUp: onFeatureMouseUp, onMouseLeave: onFeatureMouseLeave, onMouseMove: onFeatureMouseMove, onClick: onFeatureClick, onFocus: onFeatureMouseOver, onBlur: onFeatureMouseOut })),
-        React.createElement(ScoreText, { feature: feature, config: config, layoutRecord: layoutRecord })));
+    return (_jsxs("g", { "data-testid": feature.id(), children: [_jsx("title", { children: readConfObject(config, 'caption', { feature }) }), _jsx("circle", { cx: anchorLocation, cy: y + radiusPx, r: radiusPx, style: styleOuter, onMouseDown: onFeatureMouseDown, onMouseEnter: onFeatureMouseEnter, onMouseOut: onFeatureMouseOut, onMouseOver: onFeatureMouseOver, onMouseUp: onFeatureMouseUp, onMouseLeave: onFeatureMouseLeave, onMouseMove: onFeatureMouseMove, onClick: onFeatureClick, onFocus: onFeatureMouseOver, onBlur: onFeatureMouseOut }), radiusPx - strokeWidth <= 2 ? null : (_jsx("circle", { cx: anchorLocation, cy: y + radiusPx, r: radiusPx - strokeWidth, style: styleInner, onMouseDown: onFeatureMouseDown, onMouseEnter: onFeatureMouseEnter, onMouseOut: onFeatureMouseOut, onMouseOver: onFeatureMouseOver, onMouseUp: onFeatureMouseUp, onMouseLeave: onFeatureMouseLeave, onMouseMove: onFeatureMouseMove, onClick: onFeatureClick, onFocus: onFeatureMouseOver, onBlur: onFeatureMouseOut })), _jsx(ScoreText, { feature: feature, config: config, layoutRecord: layoutRecord })] }));
 });
 export default Lollipop;

package/esm/LollipopRenderer/components/LollipopRendering.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const LollipopRendering: (props: Record<string, any>) => React.JSX.Element;
+declare const LollipopRendering: (props: Record<string, any>) => import("react/jsx-runtime").JSX.Element;
 export default LollipopRendering;

package/esm/LollipopRenderer/components/LollipopRendering.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import { readConfObject, } from '@jbrowse/core/configuration';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { readConfObject } from '@jbrowse/core/configuration';
 import { bpToPx } from '@jbrowse/core/util';
 import { observer } from 'mobx-react';
-// locals
 import Lollipop from './Lollipop';
 import Stick from './Stick';
 function layoutFeat(args) {
@@ -64,11 +64,9 @@ const LollipopRendering = observer(function (props) {
     const width = (region.end - region.start) / bpPerPx;
     const records = [...layout.getLayout(config).values()];
     const height = layout.getTotalHeight();
-    return (React.createElement("svg", { width: width, height: height, style: { position: 'relative' }, onMouseDown: onMouseDown, onMouseUp: onMouseUp, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseOver: onMouseOver, onMouseOut: onMouseOut, onFocus: onMouseEnter, onBlur: onMouseLeave, onClick: onClick }, records.map(layoutRecord => {
-        const feature = features.get(layoutRecord.data.featureId);
-        return (React.createElement(React.Fragment, { key: feature.id() },
-            React.createElement(Stick, { key: `stick-${feature.id()}`, ...props, config: config, layoutRecord: layoutRecord, feature: feature }),
-            React.createElement(Lollipop, { key: `body-${feature.id()}`, ...props, layoutRecord: layoutRecord, feature: feature, selectedFeatureId: selectedFeatureId })));
-    })));
+    return (_jsx("svg", { width: width, height: height, style: { position: 'relative' }, onMouseDown: onMouseDown, onMouseUp: onMouseUp, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseOver: onMouseOver, onMouseOut: onMouseOut, onFocus: onMouseEnter, onBlur: onMouseLeave, onClick: onClick, children: records.map(layoutRecord => {
+            const feature = features.get(layoutRecord.data.featureId);
+            return (_jsxs(Fragment, { children: [_jsx(Stick, { ...props, config: config, layoutRecord: layoutRecord, feature: feature }, `stick-${feature.id()}`), _jsx(Lollipop, { ...props, layoutRecord: layoutRecord, feature: feature, selectedFeatureId: selectedFeatureId }, `body-${feature.id()}`)] }, feature.id()));
+        }) }));
 });
 export default LollipopRendering;

package/esm/LollipopRenderer/components/ScoreText.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { Feature } from '@jbrowse/core/util';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { Feature } from '@jbrowse/core/util';
 export default function ScoreText({ feature, config, layoutRecord: { y, data: { anchorX, radiusPx, score }, }, }: {
     feature: Feature;
     config: AnyConfigurationModel;
@@ -12,4 +11,4 @@ export default function ScoreText({ feature, config, layoutRecord: { y, data: {
             score: number;
         };
     };
-}): React.JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;

package/esm/LollipopRenderer/components/ScoreText.js

@@ -1,5 +1,5 @@
-import React from 'react';
-import { readConfObject, } from '@jbrowse/core/configuration';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { readConfObject } from '@jbrowse/core/configuration';
 import { contrastingTextColor } from '@jbrowse/core/util/color';
 export default function ScoreText({ feature, config, layoutRecord: { y, data: { anchorX, radiusPx, score }, }, }) {
     const innerColor = readConfObject(config, 'innerColor', { feature });
@@ -9,5 +9,5 @@ export default function ScoreText({ feature, config, layoutRecord: { y, data: {
     if (fontHeight < 12) {
         return null;
     }
-    return (React.createElement("text", { style: { fontSize: fontHeight, fill: contrastingTextColor(innerColor) }, x: anchorX, y: y + radiusPx - fontHeight / 2.4, textAnchor: "middle", dominantBaseline: "hanging" }, scoreString));
+    return (_jsx("text", { style: { fontSize: fontHeight, fill: contrastingTextColor(innerColor) }, x: anchorX, y: y + radiusPx - fontHeight / 2.4, textAnchor: "middle", dominantBaseline: "hanging", children: scoreString }));
 }

package/esm/LollipopRenderer/components/Stick.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { Feature } from '@jbrowse/core/util';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { Feature } from '@jbrowse/core/util';
 declare const Stick: ({ feature, config, layoutRecord: { anchorLocation, y, data: { radiusPx }, }, }: {
     feature: Feature;
     config: AnyConfigurationModel;
@@ -11,5 +10,5 @@ declare const Stick: ({ feature, config, layoutRecord: { anchorLocation, y, data
             radiusPx: number;
         };
     };
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Stick;

package/esm/LollipopRenderer/components/Stick.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import { readConfObject, } from '@jbrowse/core/configuration';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { readConfObject } from '@jbrowse/core/configuration';
 import { observer } from 'mobx-react';
 const Stick = observer(function Stick({ feature, config, layoutRecord: { anchorLocation, y, data: { radiusPx }, }, }) {
-    return (React.createElement("line", { x1: anchorLocation, y1: 0, x2: anchorLocation, y2: y + 2 * radiusPx, stroke: readConfObject(config, 'stickColor', { feature }), strokeWidth: readConfObject(config, 'stickWidth', { feature }) }));
+    return (_jsx("line", { x1: anchorLocation, y1: 0, x2: anchorLocation, y2: y + 2 * radiusPx, stroke: readConfObject(config, 'stickColor', { feature }), strokeWidth: readConfObject(config, 'stickWidth', { feature }) }));
 });
 export default Stick;

package/esm/LollipopRenderer/index.d.ts

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

package/esm/index.d.ts

@@ -1,5 +1,5 @@
 import Plugin from '@jbrowse/core/Plugin';
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default class LollipopPlugin extends Plugin {
     name: string;
     install(pluginManager: PluginManager): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-lollipop",
-  "version": "2.17.0",
+  "version": "3.0.0",
   "description": "JBrowse 2 plugin for lollipops",
   "keywords": [
     "jbrowse",
@@ -50,5 +50,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "eed30b5e671f8f7823652d7cecc51aa89226de46"
+  "gitHead": "2c6897f1fa732b1db5b094d1dca197e333e95319"
 }