@jbrowse/plugin-linear-genome-view 2.18.0 → 3.0.0

package/esm/BaseLinearDisplay/components/TooLargeMessage.js

@@ -1,16 +1,20 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Button } from '@mui/material';
+import { observer } from 'mobx-react';
+import { isAlive } from 'mobx-state-tree';
 import BlockMsg from '../components/BlockMsg';
-function TooLargeMessage({ model, }) {
+const TooLargeMessage = observer(function ({ model, }) {
     const { regionTooLargeReason } = model;
-    return (React.createElement(BlockMsg, { severity: "warning", action: React.createElement(Button, { onClick: () => {
-                model.setFeatureDensityStatsLimit(model.featureDensityStats);
-                model.reload();
-            } }, "Force load"), message: [
+    return (_jsx(BlockMsg, { severity: "warning", action: _jsx(Button, { onClick: () => {
+                if (isAlive(model)) {
+                    model.setFeatureDensityStatsLimit(model.featureDensityStats);
+                    model.reload();
+                }
+            }, children: "Force load" }), message: [
             regionTooLargeReason,
             'Zoom in to see features or force load (may be slow)',
         ]
             .filter(f => !!f)
             .join('. ') }));
-}
+});
 export default TooLargeMessage;

package/esm/BaseLinearDisplay/components/Tooltip.d.ts

@@ -1,8 +1,11 @@
-import React from 'react';
-import type { BaseLinearDisplayModel } from '../models/BaseLinearDisplayModel';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { Feature } from '@jbrowse/core/util';
 type Coord = [number, number];
 declare const Tooltip: ({ model, clientMouseCoord, }: {
-    model: BaseLinearDisplayModel;
+    model: {
+        featureUnderMouse: Feature | undefined;
+        configuration: AnyConfigurationModel;
+    };
     clientMouseCoord: Coord;
-}) => React.JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default Tooltip;

package/esm/BaseLinearDisplay/components/Tooltip.js

@@ -1,10 +1,11 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, isValidElement } from 'react';
 import { getConf } from '@jbrowse/core/configuration';
 import { SanitizedHTML } from '@jbrowse/core/ui';
 import BaseTooltip from '@jbrowse/core/ui/BaseTooltip';
 import { observer } from 'mobx-react';
-const TooltipContents = React.forwardRef(function TooltipContents2({ message }, ref) {
-    return (React.createElement("div", { ref: ref }, React.isValidElement(message) ? (message) : message ? (React.createElement(SanitizedHTML, { html: String(message) })) : null));
+const TooltipContents = forwardRef(function TooltipContents2({ message }, ref) {
+    return (_jsx("div", { ref: ref, children: isValidElement(message) ? (message) : message ? (_jsx(SanitizedHTML, { html: String(message) })) : null }));
 });
 const Tooltip = observer(function ({ model, clientMouseCoord, }) {
     const { featureUnderMouse } = model;
@@ -13,7 +14,6 @@ const Tooltip = observer(function ({ model, clientMouseCoord, }) {
     const contents = featureUnderMouse
         ? getConf(model, 'mouseover', { feature: featureUnderMouse })
         : undefined;
-    return featureUnderMouse && contents ? (React.createElement(BaseTooltip, { clientPoint: { x, y } },
-        React.createElement(TooltipContents, { message: contents }))) : null;
+    return featureUnderMouse && contents ? (_jsx(BaseTooltip, { clientPoint: { x, y }, children: _jsx(TooltipContents, { message: contents }) })) : null;
 });
 export default Tooltip;

package/esm/BaseLinearDisplay/models/BaseLinearDisplayModel.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import CompositeMap from '@jbrowse/core/util/compositeMap';
-import type { ExportSvgOptions } from '../../LinearGenomeView';
+import type { ExportSvgOptions } from '../../LinearGenomeView/types';
 import type { MenuItem } from '@jbrowse/core/ui';
 import type { AnyReactComponentType, Feature } from '@jbrowse/core/util';
 import type { BaseBlock } from '@jbrowse/core/util/blockTypes';
@@ -53,7 +53,7 @@ export declare const BaseLinearDisplay: import("mobx-state-tree").IModelType<{
                 status?: string;
                 reactElement?: React.ReactElement;
             };
-        }) => React.JSX.Element | undefined;
+        }) => import("react/jsx-runtime").JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;
@@ -185,13 +185,13 @@ export declare const BaseLinearDisplay: import("mobx-state-tree").IModelType<{
 } & {
     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 | 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;
@@ -218,7 +218,7 @@ export declare const BaseLinearDisplay: import("mobx-state-tree").IModelType<{
     contextMenuItems(): MenuItem[];
     renderProps(): any;
 } & {
-    renderSvg(opts: ExportSvgDisplayOptions): Promise<React.JSX.Element>;
+    renderSvg(opts: ExportSvgDisplayOptions): Promise<import("react/jsx-runtime").JSX.Element>;
     afterAttach(): void;
 }, import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
@@ -255,7 +255,7 @@ export declare const BaseLinearDisplay: import("mobx-state-tree").IModelType<{
                 status?: string;
                 reactElement?: React.ReactElement;
             };
-        }) => React.JSX.Element | undefined;
+        }) => import("react/jsx-runtime").JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;

package/esm/BaseLinearDisplay/models/FeatureDensityMixin.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { FeatureDensityStats } from '@jbrowse/core/data_adapters/BaseAdapter';
 import type { Region } from '@jbrowse/core/util/types';
 export default function FeatureDensityMixin(): import("mobx-state-tree").IModelType<{
@@ -29,5 +28,5 @@ export default function FeatureDensityMixin(): import("mobx-state-tree").IModelT
 } & {
     readonly statsReadyAndRegionNotTooLarge: boolean;
     regionCannotBeRenderedText(_region: Region): "" | "Force load to see features";
-    regionCannotBeRendered(_region: Region): React.JSX.Element | null;
+    regionCannotBeRendered(_region: Region): import("react/jsx-runtime").JSX.Element | null;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;

package/esm/BaseLinearDisplay/models/FeatureDensityMixin.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { getConf } from '@jbrowse/core/configuration';
 import { getContainingView } from '@jbrowse/core/util';
 import { autorun } from 'mobx';
@@ -110,7 +110,7 @@ export default function FeatureDensityMixin() {
             return self.regionTooLarge ? 'Force load to see features' : '';
         },
         regionCannotBeRendered(_region) {
-            return self.regionTooLarge ? (React.createElement(TooLargeMessage, { model: self })) : null;
+            return self.regionTooLarge ? (_jsx(TooLargeMessage, { model: self })) : null;
         },
     }));
 }

package/esm/BaseLinearDisplay/models/renderSvg.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import type { BaseLinearDisplayModel } from './BaseLinearDisplayModel';
-import type { ExportSvgOptions } from '../../LinearGenomeView';
+import type { ExportSvgOptions } from '../../LinearGenomeView/types';
 import type { ThemeOptions } from '@mui/material';
 export declare function renderBaseLinearDisplaySvg(self: BaseLinearDisplayModel, opts: ExportSvgOptions & {
     overrideHeight: number;
     theme?: ThemeOptions;
-}): Promise<React.JSX.Element>;
+}): Promise<import("react/jsx-runtime").JSX.Element>;

package/esm/BaseLinearDisplay/models/renderSvg.js

@@ -1,4 +1,5 @@
-import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
 import { ReactRendering, getContainingView, getViewParams, } from '@jbrowse/core/util';
 import BlockState, { renderBlockData } from './serverSideRenderedBlock';
 import { getId } from './util';
@@ -18,9 +19,7 @@ export async function renderBaseLinearDisplaySvg(self, opts) {
             return [
                 block,
                 {
-                    reactElement: (React.createElement(React.Fragment, null,
-                        React.createElement("rect", { x: 0, y: 0, width: width, height: 20, fill: "#aaa" }),
-                        React.createElement("text", { x: 0, y: 15 }, cannotBeRenderedReason))),
+                    reactElement: (_jsxs(_Fragment, { children: [_jsx("rect", { x: 0, y: 0, width: width, height: 20, fill: "#aaa" }), _jsx("text", { x: 0, y: 15, children: cannotBeRenderedReason })] })),
                 },
             ];
         }
@@ -36,16 +35,10 @@ export async function renderBaseLinearDisplaySvg(self, opts) {
             }),
         ];
     }));
-    return (React.createElement(React.Fragment, null, renderings.map(([block, rendering], index) => {
-        const { offsetPx, widthPx } = block;
-        const offset = offsetPx - viewOffsetPx;
-        const clipid = getId(id, index);
-        return (React.createElement(React.Fragment, { key: `frag-${index}` },
-            React.createElement("defs", null,
-                React.createElement("clipPath", { id: clipid },
-                    React.createElement("rect", { x: 0, y: 0, width: widthPx, height: overrideHeight || height }))),
-            React.createElement("g", { transform: `translate(${offset} 0)` },
-                React.createElement("g", { clipPath: `url(#${clipid})` },
-                    React.createElement(ReactRendering, { rendering: rendering })))));
-    })));
+    return (_jsx(_Fragment, { children: renderings.map(([block, rendering], index) => {
+            const { offsetPx, widthPx } = block;
+            const offset = offsetPx - viewOffsetPx;
+            const clipid = getId(id, index);
+            return (_jsxs(Fragment, { children: [_jsx("defs", { children: _jsx("clipPath", { id: clipid, children: _jsx("rect", { x: 0, y: 0, width: widthPx, height: overrideHeight || height }) }) }), _jsx("g", { transform: `translate(${offset} 0)`, children: _jsx("g", { clipPath: `url(#${clipid})`, children: _jsx(ReactRendering, { rendering: rendering }) }) })] }, `frag-${index}`));
+        }) }));
 }

package/esm/BaseLinearDisplay/models/serverSideRenderedBlock.d.ts

@@ -34,7 +34,7 @@ declare const blockState: import("mobx-state-tree").IModelType<{
             status?: string;
             reactElement?: React.ReactElement;
         };
-    }) => React.JSX.Element | undefined;
+    }) => import("react/jsx-runtime").JSX.Element | undefined;
     renderProps: any;
 } & {
     doReload(): void;

package/esm/LinearBareDisplay/model.d.ts

@@ -34,7 +34,7 @@ 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;
@@ -169,13 +169,13 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
 } & {
     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;
@@ -202,7 +202,7 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
     contextMenuItems(): import("@jbrowse/core/ui").MenuItem[];
     renderProps(): any;
 } & {
-    renderSvg(opts: import("../BaseLinearDisplay").ExportSvgDisplayOptions): Promise<import("react").JSX.Element>;
+    renderSvg(opts: import("../BaseLinearDisplay").ExportSvgDisplayOptions): Promise<import("react/jsx-runtime").JSX.Element>;
     afterAttach(): void;
 } & {
     readonly rendererConfig: {
@@ -256,7 +256,7 @@ 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;

package/esm/LinearBasicDisplay/components/AddFiltersDialog.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 declare const AddFiltersDialog: ({ model, handleClose, }: {
     model: {
         jexlFilters?: string[];
@@ -6,5 +5,5 @@ declare const AddFiltersDialog: ({ model, handleClose, }: {
         setJexlFilters: (arg?: string[]) => void;
     };
     handleClose: () => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default AddFiltersDialog;

package/esm/LinearBasicDisplay/components/AddFiltersDialog.js

@@ -1,4 +1,5 @@
-import React, { useEffect, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
 import { Dialog } from '@jbrowse/core/ui';
 import { stringToJexlExpression } from '@jbrowse/core/util/jexlStrings';
 import { Button, DialogActions, DialogContent, TextField } from '@mui/material';
@@ -40,38 +41,19 @@ const AddFiltersDialog = observer(function ({ model, handleClose, }) {
             setError(e);
         }
     }, [data]);
-    return (React.createElement(Dialog, { maxWidth: "xl", open: true, onClose: handleClose, title: "Add track filters" },
-        React.createElement(DialogContent, null,
-            React.createElement("div", null,
-                "Add filters, in jexl format, one per line, starting with the string jexl:. Examples:",
-                ' ',
-                React.createElement("ul", null,
-                    React.createElement("li", null,
-                        React.createElement("code", null, "jexl:get(feature,'name')=='BRCA1'"),
-                        " - show only feature where the name attribute is BRCA1"),
-                    React.createElement("li", null,
-                        React.createElement("code", null, "jexl:get(feature,'type')=='gene'"),
-                        " - show only gene type features in a GFF that has many other feature types"),
-                    React.createElement("li", null,
-                        React.createElement("code", null, "jexl:get(feature,'score') > 400"),
-                        " - show only features that have a score greater than 400"))),
-            error ? React.createElement("p", { className: classes.error }, `${error}`) : null,
-            React.createElement(TextField, { variant: "outlined", multiline: true, minRows: 5, maxRows: 10, className: classes.dialogContent, fullWidth: true, value: data, onChange: event => {
-                    setData(event.target.value);
-                }, slotProps: {
-                    input: {
-                        classes: {
-                            input: classes.textAreaFont,
-                        },
-                    },
-                } })),
-        React.createElement(DialogActions, null,
-            React.createElement(Button, { variant: "contained", color: "primary", type: "submit", autoFocus: true, disabled: !!error, onClick: () => {
-                    model.setJexlFilters(data.split('\n'));
-                    handleClose();
-                } }, "Submit"),
-            React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => {
-                    handleClose();
-                } }, "Cancel"))));
+    return (_jsxs(Dialog, { maxWidth: "xl", open: true, onClose: handleClose, title: "Add track filters", children: [_jsxs(DialogContent, { children: [_jsxs("div", { children: ["Add filters, in jexl format, one per line, starting with the string jexl:. Examples:", ' ', _jsxs("ul", { children: [_jsxs("li", { children: [_jsx("code", { children: "jexl:get(feature,'name')=='BRCA1'" }), " - show only feature where the name attribute is BRCA1"] }), _jsxs("li", { children: [_jsx("code", { children: "jexl:get(feature,'type')=='gene'" }), " - show only gene type features in a GFF that has many other feature types"] }), _jsxs("li", { children: [_jsx("code", { children: "jexl:get(feature,'score') > 400" }), " - show only features that have a score greater than 400"] })] })] }), error ? _jsx("p", { className: classes.error, children: `${error}` }) : null, _jsx(TextField, { variant: "outlined", multiline: true, minRows: 5, maxRows: 10, className: classes.dialogContent, fullWidth: true, value: data, onChange: event => {
+                            setData(event.target.value);
+                        }, slotProps: {
+                            input: {
+                                classes: {
+                                    input: classes.textAreaFont,
+                                },
+                            },
+                        } })] }), _jsxs(DialogActions, { children: [_jsx(Button, { variant: "contained", color: "primary", type: "submit", autoFocus: true, disabled: !!error, onClick: () => {
+                            model.setJexlFilters(data.split('\n'));
+                            handleClose();
+                        }, children: "Submit" }), _jsx(Button, { variant: "contained", color: "secondary", onClick: () => {
+                            handleClose();
+                        }, children: "Cancel" })] })] }));
 });
 export default AddFiltersDialog;

package/esm/LinearBasicDisplay/components/SetMaxHeightDialog.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 declare const SetMaxHeightDialog: ({ model, handleClose, }: {
     model: {
         maxHeight?: number;
         setMaxHeight: (arg?: number) => void;
     };
     handleClose: () => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SetMaxHeightDialog;

package/esm/LinearBasicDisplay/components/SetMaxHeightDialog.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { Dialog } from '@jbrowse/core/ui';
 import { Button, DialogActions, DialogContent, TextField, Typography, } from '@mui/material';
 import { observer } from 'mobx-react';
@@ -13,20 +14,13 @@ const SetMaxHeightDialog = observer(function ({ model, handleClose, }) {
     const { maxHeight = '' } = model;
     const [max, setMax] = useState(`${maxHeight}`);
     const ok = max !== '' && !Number.isNaN(+max);
-    return (React.createElement(Dialog, { open: true, onClose: handleClose, title: "Set max height" },
-        React.createElement(DialogContent, { className: classes.root },
-            React.createElement(Typography, null, "Set max height for the track. For example, you can increase this if the layout says \"Max height reached\""),
-            React.createElement(TextField, { value: max, onChange: event => {
-                    setMax(event.target.value);
-                }, placeholder: "Enter max score" }),
-            !ok ? React.createElement("div", { style: { color: 'red' } }, "Invalid number") : null),
-        React.createElement(DialogActions, null,
-            React.createElement(Button, { variant: "contained", color: "primary", type: "submit", autoFocus: true, disabled: !ok, onClick: () => {
-                    model.setMaxHeight(+max);
-                    handleClose();
-                } }, "Submit"),
-            React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => {
-                    handleClose();
-                } }, "Cancel"))));
+    return (_jsxs(Dialog, { open: true, onClose: handleClose, title: "Set max height", children: [_jsxs(DialogContent, { className: classes.root, children: [_jsx(Typography, { children: "Set max height for the track. For example, you can increase this if the layout says \"Max height reached\"" }), _jsx(TextField, { value: max, onChange: event => {
+                            setMax(event.target.value);
+                        }, placeholder: "Enter max score" }), !ok ? _jsx("div", { style: { color: 'red' }, children: "Invalid number" }) : null] }), _jsxs(DialogActions, { children: [_jsx(Button, { variant: "contained", color: "primary", type: "submit", autoFocus: true, disabled: !ok, onClick: () => {
+                            model.setMaxHeight(+max);
+                            handleClose();
+                        }, children: "Submit" }), _jsx(Button, { variant: "contained", color: "secondary", onClick: () => {
+                            handleClose();
+                        }, children: "Cancel" })] })] }));
 });
 export default SetMaxHeightDialog;

package/esm/LinearBasicDisplay/model.d.ts

@@ -37,7 +37,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
                 status?: string;
                 reactElement?: React.ReactElement;
             };
-        }) => import("react").JSX.Element | undefined;
+        }) => import("react/jsx-runtime").JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;
@@ -177,13 +177,13 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
 } & {
     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;
@@ -210,7 +210,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     contextMenuItems(): MenuItem[];
     renderProps(): any;
 } & {
-    renderSvg(opts: import("../BaseLinearDisplay").ExportSvgDisplayOptions): Promise<import("react").JSX.Element>;
+    renderSvg(opts: import("../BaseLinearDisplay").ExportSvgDisplayOptions): Promise<import("react/jsx-runtime").JSX.Element>;
     afterAttach(): void;
 } & {
     readonly activeFilters: any;
@@ -290,7 +290,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
                 status?: string;
                 reactElement?: React.ReactElement;
             };
-        }) => import("react").JSX.Element | undefined;
+        }) => import("react/jsx-runtime").JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;

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

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

package/esm/LinearGenomeView/components/CenterLine.js

@@ -1,4 +1,5 @@
-import React, { useRef } from 'react';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
 import { observer } from 'mobx-react';
 import { makeStyles } from 'tss-react/mui';
 const useStyles = makeStyles()(theme => ({
@@ -24,16 +25,12 @@ const CenterLine = observer(function ({ model }) {
     const ref = useRef(null);
     const { classes } = useStyles();
     const startingPosition = width / 2;
-    return tracks.length ? (React.createElement("div", { "data-testid": "centerline_container", className: classes.centerLineContainer, role: "presentation", ref: ref, style: {
+    return tracks.length ? (_jsx("div", { "data-testid": "centerline_container", className: classes.centerLineContainer, role: "presentation", ref: ref, style: {
             left: `${startingPosition}px`,
             width: Math.max(1 / bpPerPx, 1),
-        } }, centerLineInfo && (React.createElement("div", { "data-testid": "centerline_text", className: classes.centerLineText, role: "presentation", style: {
-            left: Math.max(1 / bpPerPx, 1) + 5,
-            top: trackHeights,
-        } },
-        centerLineInfo.refName,
-        ":",
-        ' ',
-        Math.max(Math.round(centerLineInfo.offset) + 1, 0))))) : null;
+        }, children: centerLineInfo && (_jsxs("div", { "data-testid": "centerline_text", className: classes.centerLineText, role: "presentation", style: {
+                left: Math.max(1 / bpPerPx, 1) + 5,
+                top: trackHeights,
+            }, children: [centerLineInfo.refName, ":", ' ', Math.max(Math.round(centerLineInfo.offset) + 1, 0)] })) })) : null;
 });
 export default CenterLine;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { Assembly } from '@jbrowse/core/assemblyManager/assembly';
 import type { Base1DViewModel } from '@jbrowse/core/util/Base1DViewModel';
 import type { ContentBlock } from '@jbrowse/core/util/blockTypes';
@@ -6,5 +5,5 @@ declare const Cytobands: ({ overview, block, assembly, }: {
     overview: Base1DViewModel;
     assembly?: Assembly;
     block: ContentBlock;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Cytobands;

package/esm/LinearGenomeView/components/Cytobands.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { getFillProps } from '@jbrowse/core/util';
 import { observer } from 'mobx-react';
 import { getCytobands } from './util';
@@ -40,32 +40,32 @@ const Cytobands = observer(function ({ overview, block, assembly, }) {
     const rcap = reversed ? 0 : cytobands.length - 1;
     const h = HEADER_OVERVIEW_HEIGHT;
     let centromereSeen = false;
-    return (React.createElement("g", { transform: `translate(-${offsetPx})` }, cytobands.map((args, index) => {
-        const k = JSON.stringify(args);
-        const { refName, type, start, end } = args;
-        const s = overview.bpToPx({ refName, coord: start }) || 0;
-        const e = overview.bpToPx({ refName, coord: end }) || 0;
-        const l = Math.min(s, e);
-        const w = Math.abs(e - s);
-        const c = colorMap[type] || 'black';
-        if (type === 'acen' && !centromereSeen) {
-            centromereSeen = true;
-            return (React.createElement("polygon", { key: k, points: reversed
-                    ? rightTriangle(s - w, 0, w, h)
-                    : leftTriangle(s, 0, w, h), ...getFillProps(c) }));
-        }
-        if (type === 'acen' && centromereSeen) {
-            return (React.createElement("polygon", { key: k, points: reversed
-                    ? leftTriangle(s - w, 0, w, h)
-                    : rightTriangle(s, 0, w, h), ...getFillProps(c) }));
-        }
-        if (lcap === index) {
-            return (React.createElement("path", { key: k, d: leftRoundedRect(l, 0, w, h, 8), ...getFillProps(c) }));
-        }
-        if (rcap === index) {
-            return (React.createElement("path", { key: k, d: rightRoundedRect(l, 0, w, h, 8), ...getFillProps(c) }));
-        }
-        return (React.createElement("rect", { key: k, x: l, y: 0, width: w, height: h, ...getFillProps(c) }));
-    })));
+    return (_jsx("g", { transform: `translate(-${offsetPx})`, children: cytobands.map((args, index) => {
+            const k = JSON.stringify(args);
+            const { refName, type, start, end } = args;
+            const s = overview.bpToPx({ refName, coord: start }) || 0;
+            const e = overview.bpToPx({ refName, coord: end }) || 0;
+            const l = Math.min(s, e);
+            const w = Math.abs(e - s);
+            const c = colorMap[type] || 'black';
+            if (type === 'acen' && !centromereSeen) {
+                centromereSeen = true;
+                return (_jsx("polygon", { points: reversed
+                        ? rightTriangle(s - w, 0, w, h)
+                        : leftTriangle(s, 0, w, h), ...getFillProps(c) }, k));
+            }
+            if (type === 'acen' && centromereSeen) {
+                return (_jsx("polygon", { points: reversed
+                        ? leftTriangle(s - w, 0, w, h)
+                        : rightTriangle(s, 0, w, h), ...getFillProps(c) }, k));
+            }
+            if (lcap === index) {
+                return (_jsx("path", { d: leftRoundedRect(l, 0, w, h, 8), ...getFillProps(c) }, k));
+            }
+            if (rcap === index) {
+                return (_jsx("path", { d: rightRoundedRect(l, 0, w, h, 8), ...getFillProps(c) }, k));
+            }
+            return (_jsx("rect", { x: l, y: 0, width: w, height: h, ...getFillProps(c) }, k));
+        }) }));
 });
 export default Cytobands;

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

@@ -1,8 +1,7 @@
-import React from 'react';
-import type { ExportSvgOptions } from '..';
+import type { ExportSvgOptions } from '../types';
 export default function ExportSvgDialog({ model, handleClose, }: {
     model: {
         exportSvg(opts: ExportSvgOptions): Promise<void>;
     };
     handleClose: () => void;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;