@jbrowse/plugin-arc 2.17.0 → 3.0.0

package/esm/LinearArcDisplay/model.d.ts

@@ -1,9 +1,4 @@
-import { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
-/**
- * #stateModel LinearArcDisplay
- * 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").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
     type: import("mobx-state-tree").ISimpleType<string>;
@@ -16,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;
@@ -48,21 +34,15 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
                 status?: string;
                 reactElement?: React.ReactElement;
             };
-        }) => import("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/src/BaseLinearDisplay/models/serverSideRenderedBlock").RenderedProps | undefined): void;
         setError(error: unknown): void;
         reload(): void;
         beforeDestroy(): void;
@@ -96,17 +76,8 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
         };
     }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
 } & {
-    /**
-     * #property
-     */
     type: import("mobx-state-tree").ISimpleType<"LinearArcDisplay">;
-    /**
-     * #property
-     */
     configuration: AnyConfigurationSchemaType;
-    /**
-     * #property
-     */
     displayMode: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
 }, {
     rendererTypeName: string;
@@ -118,9 +89,7 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
             id: string;
             type: string;
             rpcDriverName: string | undefined;
-        } & import("mobx-state-tree/dist/internal" /**
-         * #getter
-         */).NonEmptyObject & {
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             rendererTypeName: string;
             error: unknown;
             message: string | undefined;
@@ -199,14 +168,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): import("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: import("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;
@@ -233,30 +203,15 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
     contextMenuItems(): import("@jbrowse/core/ui").MenuItem[];
     renderProps(): any;
 } & {
-    renderSvg(opts: import("@jbrowse/plugin-linear-genome-view").ExportSvgDisplayOptions): Promise<import("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;
-    /**
-     * #getter
-     */
     readonly rendererTypeName: any;
 } & {
-    /**
-     * #getter
-     */
     readonly displayModeSetting: any;
 } & {
-    /**
-     * #getter
-     */
     readonly rendererConfig: {
         [x: string]: any;
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
@@ -269,19 +224,10 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
         } & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>);
     } & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>;
 } & {
-    /**
-     * #method
-     */
     renderProps(): any;
 } & {
-    /**
-     * #action
-     */
     setDisplayMode(flag: string): void;
 } & {
-    /**
-     * #method
-     */
     trackMenuItems(): (import("@jbrowse/core/ui").MenuDivider | import("@jbrowse/core/ui").MenuSubHeader | import("@jbrowse/core/ui").NormalMenuItem | import("@jbrowse/core/ui").CheckboxMenuItem | import("@jbrowse/core/ui").RadioMenuItem | import("@jbrowse/core/ui").SubMenuItem | {
         label: string;
         subMenu: {
@@ -305,21 +251,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;
@@ -337,21 +274,15 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
                 status?: string;
                 reactElement?: React.ReactElement;
             };
-        }) => import("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/src/BaseLinearDisplay/models/serverSideRenderedBlock").RenderedProps | undefined): void;
         setError(error: unknown): void;
         reload(): void;
         beforeDestroy(): void;
@@ -388,8 +319,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/LinearArcDisplay/model.js

@@ -1,61 +1,32 @@
-import { ConfigurationReference, getConf, } from '@jbrowse/core/configuration';
-import { types } from 'mobx-state-tree';
-import { BaseLinearDisplay } from '@jbrowse/plugin-linear-genome-view';
+import { ConfigurationReference, getConf } from '@jbrowse/core/configuration';
 import { getEnv } from '@jbrowse/core/util';
-/**
- * #stateModel LinearArcDisplay
- * extends
- * - [BaseLinearDisplay](../baselineardisplay)
- */
+import { BaseLinearDisplay } from '@jbrowse/plugin-linear-genome-view';
+import { types } from 'mobx-state-tree';
 export function stateModelFactory(configSchema) {
     return types
         .compose('LinearArcDisplay', BaseLinearDisplay, types.model({
-        /**
-         * #property
-         */
         type: types.literal('LinearArcDisplay'),
-        /**
-         * #property
-         */
         configuration: ConfigurationReference(configSchema),
-        /**
-         * #property
-         */
         displayMode: types.maybe(types.string),
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get blockType() {
             return 'staticBlocks';
         },
-        /**
-         * #getter
-         */
         get renderDelay() {
             return 500;
         },
-        /**
-         * #getter
-         */
         get rendererTypeName() {
             return self.configuration.renderer.type;
         },
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get displayModeSetting() {
             var _a;
             return (_a = self.displayMode) !== null && _a !== void 0 ? _a : getConf(self, ['renderer', 'displayMode']);
         },
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get rendererConfig() {
             const configBlob = getConf(self, ['renderer']) || {};
             const config = configBlob;
@@ -68,9 +39,6 @@ export function stateModelFactory(configSchema) {
         .views(self => {
         const { renderProps: superRenderProps } = self;
         return {
-            /**
-             * #method
-             */
             renderProps() {
                 return {
                     ...superRenderProps(),
@@ -82,9 +50,6 @@ export function stateModelFactory(configSchema) {
         };
     })
         .actions(self => ({
-        /**
-         * #action
-         */
         setDisplayMode(flag) {
             self.displayMode = flag;
         },
@@ -92,9 +57,6 @@ export function stateModelFactory(configSchema) {
         .views(self => {
         const superMenuItems = self.trackMenuItems;
         return {
-            /**
-             * #method
-             */
             trackMenuItems() {
                 return [
                     ...superMenuItems(),

package/esm/LinearPairedArcDisplay/afterAttach.d.ts

@@ -1,2 +1,2 @@
-import { IAnyStateTreeNode } from 'mobx-state-tree';
+import type { IAnyStateTreeNode } from 'mobx-state-tree';
 export declare function doAfterAttach<T extends IAnyStateTreeNode>(self: T): void;

package/esm/LinearPairedArcDisplay/afterAttach.js

@@ -1,5 +1,5 @@
-import { createAutorun } from './util';
 import { fetchChains } from './fetchChains';
+import { createAutorun } from './util';
 export function doAfterAttach(self) {
     createAutorun(self, async () => {
         await fetchChains(self);

package/esm/LinearPairedArcDisplay/components/Arcs.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
-import { LinearArcDisplayModel } from '../model';
+import type { LinearArcDisplayModel } from '../model';
 declare const Arcs: ({ model, exportSVG, }: {
     model: LinearArcDisplayModel;
     exportSVG?: boolean;
-}) => React.JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default Arcs;

package/esm/LinearPairedArcDisplay/components/Arcs.js

@@ -1,7 +1,8 @@
-import React, { lazy, Suspense, useRef, useState } from 'react';
-import { observer } from 'mobx-react';
-import { getContainingView, getSession, getStrokeProps, } from '@jbrowse/core/util';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Suspense, lazy, useRef, useState } from 'react';
 import { getConf } from '@jbrowse/core/configuration';
+import { getContainingView, getSession, getStrokeProps, } from '@jbrowse/core/util';
+import { observer } from 'mobx-react';
 import { makeFeaturePair, makeSummary } from './util';
 const ArcTooltip = lazy(() => import('../../ArcTooltip'));
 const Arc = observer(function ({ model, feature, alt, assembly, view, }) {
@@ -27,30 +28,25 @@ const Arc = observer(function ({ model, feature, alt, assembly, view, }) {
         const right = p2;
         const col = mouseOvered ? 'black' : c;
         const sw = 3;
-        return absrad > 1 ? (React.createElement(React.Fragment, null,
-            React.createElement("path", { d: `M ${left} 0 C ${left} ${destY}, ${right} ${destY}, ${right} 0`, ref: ref, ...getStrokeProps(col), strokeWidth: sw, onMouseOut: () => {
-                    setMouseOvered(false);
-                }, onMouseOver: () => {
-                    setMouseOvered(true);
-                }, onClick: () => {
-                    model.selectFeature(feature);
-                }, fill: "none", pointerEvents: "stroke" }),
-            k1.mateDirection ? (React.createElement("line", { ...getStrokeProps(col), strokeWidth: sw, onMouseOut: () => {
-                    setMouseOvered(false);
-                }, onMouseOver: () => {
-                    setMouseOvered(true);
-                }, onClick: () => {
-                    model.selectFeature(feature);
-                }, x1: left, x2: left + k1.mateDirection * 20, y1: 1.5, y2: 1.5 })) : null,
-            k2.mateDirection ? (React.createElement("line", { ...getStrokeProps(col), strokeWidth: sw, onMouseOut: () => {
-                    setMouseOvered(false);
-                }, onMouseOver: () => {
-                    setMouseOvered(true);
-                }, onClick: () => {
-                    model.selectFeature(feature);
-                }, x1: right, x2: right + k2.mateDirection * 20, y1: 1.5, y2: 1.5 })) : null,
-            mouseOvered ? (React.createElement(Suspense, { fallback: null },
-                React.createElement(ArcTooltip, { contents: makeSummary(feature, alt) }))) : null)) : null;
+        return absrad > 1 ? (_jsxs(_Fragment, { children: [_jsx("path", { d: `M ${left} 0 C ${left} ${destY}, ${right} ${destY}, ${right} 0`, ref: ref, ...getStrokeProps(col), strokeWidth: sw, onMouseOut: () => {
+                        setMouseOvered(false);
+                    }, onMouseOver: () => {
+                        setMouseOvered(true);
+                    }, onClick: () => {
+                        model.selectFeature(feature);
+                    }, fill: "none", pointerEvents: "stroke" }), k1.mateDirection ? (_jsx("line", { ...getStrokeProps(col), strokeWidth: sw, onMouseOut: () => {
+                        setMouseOvered(false);
+                    }, onMouseOver: () => {
+                        setMouseOvered(true);
+                    }, onClick: () => {
+                        model.selectFeature(feature);
+                    }, x1: left, x2: left + k1.mateDirection * 20, y1: 1.5, y2: 1.5 })) : null, k2.mateDirection ? (_jsx("line", { ...getStrokeProps(col), strokeWidth: sw, onMouseOut: () => {
+                        setMouseOvered(false);
+                    }, onMouseOver: () => {
+                        setMouseOvered(true);
+                    }, onClick: () => {
+                        model.selectFeature(feature);
+                    }, x1: right, x2: right + k2.mateDirection * 20, y1: 1.5, y2: 1.5 })) : null, mouseOvered ? (_jsx(Suspense, { fallback: null, children: _jsx(ArcTooltip, { contents: makeSummary(feature, alt) }) })) : null] })) : null;
     }
     return null;
 });
@@ -58,7 +54,7 @@ const Wrapper = observer(function ({ model, exportSVG, children, }) {
     const { height } = model;
     const view = getContainingView(model);
     const width = Math.round(view.dynamicBlocks.totalWidthPx);
-    return exportSVG ? (children) : (React.createElement("svg", { width: width, height: height }, children));
+    return exportSVG ? (children) : (_jsx("svg", { width: width, height: height, children: children }));
 });
 const Arcs = observer(function ({ model, exportSVG, }) {
     const view = getContainingView(model);
@@ -66,10 +62,10 @@ const Arcs = observer(function ({ model, exportSVG, }) {
     const { assemblyManager } = session;
     const { features } = model;
     const assembly = assemblyManager.get(view.assemblyNames[0]);
-    return assembly ? (React.createElement(Wrapper, { model: model, exportSVG: exportSVG }, features === null || features === void 0 ? void 0 : features.map(f => {
-        var _a;
-        const alts = f.get('ALT');
-        return ((_a = alts === null || alts === void 0 ? void 0 : alts.map(a => (React.createElement(Arc, { key: `${f.id()}-${a}`, session: session, feature: f, alt: a, view: view, model: model, assembly: assembly })))) !== null && _a !== void 0 ? _a : (React.createElement(Arc, { key: f.id(), session: session, feature: f, view: view, model: model, assembly: assembly })));
-    }))) : null;
+    return assembly ? (_jsx(Wrapper, { model: model, exportSVG: exportSVG, children: features === null || features === void 0 ? void 0 : features.map(f => {
+            var _a;
+            const alts = f.get('ALT');
+            return ((_a = alts === null || alts === void 0 ? void 0 : alts.map(a => (_jsx(Arc, { session: session, feature: f, alt: a, view: view, model: model, assembly: assembly }, `${f.id()}-${a}`)))) !== null && _a !== void 0 ? _a : (_jsx(Arc, { session: session, feature: f, view: view, model: model, assembly: assembly }, f.id())));
+        }) })) : null;
 });
 export default Arcs;

package/esm/LinearPairedArcDisplay/components/BaseDisplayComponent.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
-import { LinearArcDisplayModel } from '../model';
+import type { LinearArcDisplayModel } from '../model';
 declare const BaseDisplayComponent: ({ model, children, }: {
     model: LinearArcDisplayModel;
     children?: React.ReactNode;
-}) => React.JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default BaseDisplayComponent;

package/esm/LinearPairedArcDisplay/components/BaseDisplayComponent.js

@@ -1,13 +1,13 @@
-import React, { lazy } from 'react';
-import { IconButton, Tooltip } from '@mui/material';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { lazy } from 'react';
 import { LoadingEllipses } from '@jbrowse/core/ui';
+import { getSession } from '@jbrowse/core/util';
 import { BlockMsg } from '@jbrowse/plugin-linear-genome-view';
-import { makeStyles } from 'tss-react/mui';
-import { observer } from 'mobx-react';
-// icons
 import RefreshIcon from '@mui/icons-material/Refresh';
 import ReportIcon from '@mui/icons-material/Report';
-import { getSession } from '@jbrowse/core/util';
+import { IconButton, Tooltip } from '@mui/material';
+import { observer } from 'mobx-react';
+import { makeStyles } from 'tss-react/mui';
 const ErrorMessageStackTraceDialog = lazy(() => import('@jbrowse/core/ui/ErrorMessageStackTraceDialog'));
 const useStyles = makeStyles()(theme => ({
     loading: {
@@ -24,31 +24,22 @@ const useStyles = makeStyles()(theme => ({
 }));
 const BaseDisplayComponent = observer(function ({ model, children, }) {
     const { error, regionTooLarge } = model;
-    return error ? (React.createElement(BlockMsg, { message: `${error}`, severity: "error", action: React.createElement(React.Fragment, null,
-            React.createElement(Tooltip, { title: "Reload" },
-                React.createElement(IconButton, { "data-testid": "reload_button", onClick: () => {
-                        model.reload();
-                    } },
-                    React.createElement(RefreshIcon, null))),
-            React.createElement(Tooltip, { title: "Show stack trace" },
-                React.createElement(IconButton, { onClick: () => {
-                        getSession(model).queueDialog(onClose => [
-                            ErrorMessageStackTraceDialog,
-                            { onClose, error: model.error },
-                        ]);
-                    } },
-                    React.createElement(ReportIcon, null)))) })) : regionTooLarge ? (model.regionCannotBeRendered()) : (React.createElement(DataDisplay, { model: model }, children));
+    return error ? (_jsx(BlockMsg, { message: `${error}`, severity: "error", action: _jsxs(_Fragment, { children: [_jsx(Tooltip, { title: "Reload", children: _jsx(IconButton, { "data-testid": "reload_button", onClick: () => {
+                            model.reload();
+                        }, children: _jsx(RefreshIcon, {}) }) }), _jsx(Tooltip, { title: "Show stack trace", children: _jsx(IconButton, { onClick: () => {
+                            getSession(model).queueDialog(onClose => [
+                                ErrorMessageStackTraceDialog,
+                                { onClose, error: model.error },
+                            ]);
+                        }, children: _jsx(ReportIcon, {}) }) })] }) })) : regionTooLarge ? (model.regionCannotBeRendered()) : (_jsx(DataDisplay, { model: model, children: children }));
 });
 const DataDisplay = observer(function ({ model, children, }) {
     const { loading } = model;
-    return (React.createElement("div", null,
-        children,
-        loading ? React.createElement(LoadingBar, { model: model }) : null));
+    return (_jsxs("div", { children: [children, loading ? _jsx(LoadingBar, { model: model }) : null] }));
 });
 const LoadingBar = observer(function ({ model, }) {
     const { classes } = useStyles();
     const { message } = model;
-    return (React.createElement("div", { className: classes.loading },
-        React.createElement(LoadingEllipses, { message: message })));
+    return (_jsx("div", { className: classes.loading, children: _jsx(LoadingEllipses, { message: message }) }));
 });
 export default BaseDisplayComponent;

package/esm/LinearPairedArcDisplay/components/ReactComponent.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
-import { LinearArcDisplayModel } from '../model';
+import type { LinearArcDisplayModel } from '../model';
 declare const LinearArcReactComponent: ({ model, exportSVG, }: {
     model: LinearArcDisplayModel;
     exportSVG?: boolean;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default LinearArcReactComponent;

package/esm/LinearPairedArcDisplay/components/ReactComponent.js

@@ -1,9 +1,8 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { observer } from 'mobx-react';
-import BaseDisplayComponent from './BaseDisplayComponent';
 import Arcs from './Arcs';
+import BaseDisplayComponent from './BaseDisplayComponent';
 const LinearArcReactComponent = observer(function ({ model, exportSVG, }) {
-    return (React.createElement(BaseDisplayComponent, { model: model },
-        React.createElement(Arcs, { model: model, exportSVG: exportSVG })));
+    return (_jsx(BaseDisplayComponent, { model: model, children: _jsx(Arcs, { model: model, exportSVG: exportSVG }) }));
 });
 export default LinearArcReactComponent;

package/esm/LinearPairedArcDisplay/components/util.d.ts

@@ -1,4 +1,4 @@
-import { Feature } from '@jbrowse/core/util';
+import type { Feature } from '@jbrowse/core/util';
 export declare function makeFeaturePair(feature: Feature, alt?: string): {
     k1: {
         refName: string;

package/esm/LinearPairedArcDisplay/components/util.js

@@ -13,19 +13,13 @@ export function makeFeaturePair(feature, alt) {
     let mateStart = 0;
     let joinDirection = 0;
     let mateDirection = 0;
-    // one sided bracket used, because there could be <INS:ME> and we just check
-    // startswith below
     const symbolicAlleles = ['<TRA', '<DEL', '<INV', '<INS', '<DUP', '<CNV'];
     if (symbolicAlleles.some(a => alt === null || alt === void 0 ? void 0 : alt.startsWith(a))) {
-        // END is defined to be a single value, not an array. CHR2 not defined in
-        // VCF spec, but should be similar
         const info = feature.get('INFO');
         const e = (_b = (_a = info === null || info === void 0 ? void 0 : info.END) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : end;
         mateRefName = (_d = (_c = info === null || info === void 0 ? void 0 : info.CHR2) === null || _c === void 0 ? void 0 : _c[0]) !== null && _d !== void 0 ? _d : refName;
         mateEnd = e;
         mateStart = e - 1;
-        // re-adjust the arc to be from start to end of feature by re-assigning end
-        // to the 'mate'
         end = start + 1;
     }
     else if (bnd === null || bnd === void 0 ? void 0 : bnd.MatePosition) {
@@ -64,5 +58,5 @@ export function makeSummary(feature, alt) {
         alt,
     ]
         .filter(f => !!f)
-        .join(' - ');
+        .join('<br/>');
 }

package/esm/LinearPairedArcDisplay/configSchema.d.ts

@@ -1,10 +1,4 @@
-/**
- * #config LinearPairedArcDisplay
- */
 export declare function configSchemaFactory(): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    /**
-     * #slot
-     */
     color: {
         type: string;
         description: string;

package/esm/LinearPairedArcDisplay/configSchema.js

@@ -1,13 +1,7 @@
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
 import { baseLinearDisplayConfigSchema } from '@jbrowse/plugin-linear-genome-view';
-/**
- * #config LinearPairedArcDisplay
- */
 export function configSchemaFactory() {
     return ConfigurationSchema('LinearPairedArcDisplay', {
-        /**
-         * #slot
-         */
         color: {
             type: 'color',
             description: 'the color of the arcs',
@@ -15,9 +9,6 @@ export function configSchemaFactory() {
             contextVariable: ['feature', 'alt'],
         },
     }, {
-        /**
-         * #baseConfiguration
-         */
         baseConfiguration: baseLinearDisplayConfigSchema,
         explicitlyTyped: true,
     });

package/esm/LinearPairedArcDisplay/fetchChains.d.ts

@@ -1,4 +1,4 @@
-import { LinearArcDisplayModel } from './model';
+import type { LinearArcDisplayModel } from './model';
 export interface ReducedFeature {
     name: string;
     strand: number;

package/esm/LinearPairedArcDisplay/fetchChains.js

@@ -1,10 +1,9 @@
 import { dedupe, getContainingTrack, getContainingView, getSession, } from '@jbrowse/core/util';
 export async function fetchChains(self) {
-    // @ts-expect-error
     const { rpcSessionId: sessionId } = getContainingTrack(self);
     const { rpcManager } = getSession(self);
     const view = getContainingView(self);
-    if (!view.initialized || self.error || self.regionTooLarge) {
+    if (!view.initialized || self.error || !self.statsReadyAndRegionNotTooLarge) {
         return;
     }
     self.setLoading(true);

package/esm/LinearPairedArcDisplay/index.d.ts

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

package/esm/LinearPairedArcDisplay/index.js

@@ -1,7 +1,7 @@
+import { lazy } from 'react';
 import { DisplayType } from '@jbrowse/core/pluggableElementTypes';
 import { configSchemaFactory } from './configSchema';
 import { stateModelFactory } from './model';
-import { lazy } from 'react';
 export default function LinearPairedArcDisplayF(pluginManager) {
     pluginManager.addDisplayType(() => {
         const configSchema = configSchemaFactory();