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

package/esm/index.d.ts

@@ -6,7 +6,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
         BaseLinearDisplayComponent: (props: {
             model: import("./BaseLinearDisplay").BaseLinearDisplayModel;
             children?: React.ReactNode;
-        }) => import("react").JSX.Element;
+        }) => import("react/jsx-runtime").JSX.Element;
         BaseLinearDisplay: 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>;
@@ -42,7 +42,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
                         status?: string;
                         reactElement?: React.ReactElement;
                     };
-                }) => import("react").JSX.Element | undefined;
+                }) => import("react/jsx-runtime").JSX.Element | undefined;
                 renderProps: any;
             } & {
                 doReload(): void;
@@ -174,13 +174,13 @@ export default class LinearGenomeViewPlugin extends Plugin {
         } & {
             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;
@@ -207,7 +207,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
             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;
         }, 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]>;
@@ -244,7 +244,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
                         status?: string;
                         reactElement?: React.ReactElement;
                     };
-                }) => import("react").JSX.Element | undefined;
+                }) => import("react/jsx-runtime").JSX.Element | undefined;
                 renderProps: any;
             } & {
                 doReload(): void;
@@ -325,13 +325,13 @@ export default class LinearGenomeViewPlugin extends Plugin {
         SearchBox: ({ model, showHelp, }: {
             showHelp?: boolean;
             model: import("./LinearGenomeView").LinearGenomeViewModel;
-        }) => import("react").JSX.Element;
+        }) => import("react/jsx-runtime").JSX.Element;
         ZoomControls: ({ model, }: {
             model: import("./LinearGenomeView").LinearGenomeViewModel;
-        }) => import("react").JSX.Element;
+        }) => import("react/jsx-runtime").JSX.Element;
         LinearGenomeView: ({ model, }: {
             model: import("./LinearGenomeView").LinearGenomeViewModel;
-        }) => import("react").JSX.Element;
+        }) => import("react/jsx-runtime").JSX.Element;
     };
     configurationSchema: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
         trackLabels: {

package/esm/index.js

@@ -9,7 +9,8 @@ import FeatureTrackF from './FeatureTrack';
 import LaunchLinearGenomeViewF from './LaunchLinearGenomeView';
 import LinearBareDisplayF from './LinearBareDisplay';
 import LinearBasicDisplayF from './LinearBasicDisplay';
-import LinearGenomeViewF, { LinearGenomeView, SearchBox, ZoomControls, } from './LinearGenomeView';
+import LinearGenomeViewF, { LinearGenomeView, SearchBox, } from './LinearGenomeView';
+import ZoomControls from './LinearGenomeView/components/HeaderZoomControls';
 export default class LinearGenomeViewPlugin extends Plugin {
     constructor() {
         super(...arguments);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-linear-genome-view",
-  "version": "2.18.0",
+  "version": "3.0.0",
   "description": "JBrowse 2 linear genome view",
   "keywords": [
     "jbrowse",
@@ -58,5 +58,5 @@
     "access": "public"
   },
   "module": "esm/index.js",
-  "gitHead": "c344ea60099cb7e460b77f15808946b24a7eee74"
+  "gitHead": "2c6897f1fa732b1db5b094d1dca197e333e95319"
 }

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { LinearGenomeViewModel } from '..';
-declare const ZoomControls: ({ model, }: {
-    model: LinearGenomeViewModel;
-}) => React.JSX.Element;
-export default ZoomControls;

package/dist/LinearGenomeView/components/ZoomControls.js

@@ -1,66 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : 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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const ZoomIn_1 = __importDefault(require("@mui/icons-material/ZoomIn"));
-const ZoomOut_1 = __importDefault(require("@mui/icons-material/ZoomOut"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    container: {
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-    },
-    slider: {
-        width: 70,
-        color: theme.palette.text.secondary,
-    },
-}));
-const ZoomControls = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { classes } = useStyles();
-    const { maxBpPerPx, minBpPerPx, bpPerPx } = model;
-    const [value, setValue] = (0, react_1.useState)(-Math.log2(bpPerPx) * 100);
-    (0, react_1.useEffect)(() => {
-        setValue(-Math.log2(bpPerPx) * 100);
-    }, [bpPerPx]);
-    return (react_1.default.createElement("div", { className: classes.container },
-        react_1.default.createElement(material_1.IconButton, { "data-testid": "zoom_out", onClick: () => {
-                model.zoom(bpPerPx * 2);
-            }, disabled: bpPerPx >= maxBpPerPx - 0.0001, size: "large" },
-            react_1.default.createElement(ZoomOut_1.default, null)),
-        react_1.default.createElement(material_1.Slider, { size: "small", className: classes.slider, value: value, min: -Math.log2(maxBpPerPx) * 100, max: -Math.log2(minBpPerPx) * 100, onChange: (_, val) => {
-                setValue(val);
-            }, onChangeCommitted: () => model.zoomTo(2 ** (-value / 100)) }),
-        react_1.default.createElement(material_1.IconButton, { "data-testid": "zoom_in", onClick: () => {
-                model.zoom(model.bpPerPx / 2);
-            }, disabled: bpPerPx <= minBpPerPx + 0.0001, size: "large" },
-            react_1.default.createElement(ZoomIn_1.default, null))));
-});
-exports.default = ZoomControls;

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { LinearGenomeViewModel } from '..';
-declare const ZoomControls: ({ model, }: {
-    model: LinearGenomeViewModel;
-}) => React.JSX.Element;
-export default ZoomControls;

package/esm/LinearGenomeView/components/ZoomControls.js

@@ -1,38 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import ZoomIn from '@mui/icons-material/ZoomIn';
-import ZoomOut from '@mui/icons-material/ZoomOut';
-import { IconButton, Slider } from '@mui/material';
-import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
-const useStyles = makeStyles()(theme => ({
-    container: {
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-    },
-    slider: {
-        width: 70,
-        color: theme.palette.text.secondary,
-    },
-}));
-const ZoomControls = observer(function ({ model, }) {
-    const { classes } = useStyles();
-    const { maxBpPerPx, minBpPerPx, bpPerPx } = model;
-    const [value, setValue] = useState(-Math.log2(bpPerPx) * 100);
-    useEffect(() => {
-        setValue(-Math.log2(bpPerPx) * 100);
-    }, [bpPerPx]);
-    return (React.createElement("div", { className: classes.container },
-        React.createElement(IconButton, { "data-testid": "zoom_out", onClick: () => {
-                model.zoom(bpPerPx * 2);
-            }, disabled: bpPerPx >= maxBpPerPx - 0.0001, size: "large" },
-            React.createElement(ZoomOut, null)),
-        React.createElement(Slider, { size: "small", className: classes.slider, value: value, min: -Math.log2(maxBpPerPx) * 100, max: -Math.log2(minBpPerPx) * 100, onChange: (_, val) => {
-                setValue(val);
-            }, onChangeCommitted: () => model.zoomTo(2 ** (-value / 100)) }),
-        React.createElement(IconButton, { "data-testid": "zoom_in", onClick: () => {
-                model.zoom(model.bpPerPx / 2);
-            }, disabled: bpPerPx <= minBpPerPx + 0.0001, size: "large" },
-            React.createElement(ZoomIn, null))));
-});
-export default ZoomControls;