@jbrowse/plugin-linear-genome-view 3.0.2 → 3.0.4

package/dist/BaseLinearDisplay/components/BaseLinearDisplay.js

@@ -55,10 +55,12 @@ const BaseLinearDisplay = (0, mobx_react_1.observer)(function (props) {
                 }, onClose: () => {
                     setContextCoord(undefined);
                     model.setContextMenuFeature(undefined);
-                }, TransitionProps: {
-                    onExit: () => {
-                        setContextCoord(undefined);
-                        model.setContextMenuFeature(undefined);
+                }, slotProps: {
+                    transition: {
+                        onExit: () => {
+                            setContextCoord(undefined);
+                            model.setContextMenuFeature(undefined);
+                        },
                     },
                 }, anchorReference: "anchorPosition", anchorPosition: contextCoord
                     ? { top: contextCoord[1], left: contextCoord[0] }

package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js

@@ -162,7 +162,7 @@ function renderBlockData(self, optDisplay) {
         const { config } = renderProps;
         (0, configuration_1.readConfObject)(config);
         const sessionId = (0, tracks_1.getRpcSessionId)(display);
-        const layoutId = (0, util_1.getContainingView)(display).id;
+        const layoutId = (0, util_1.getContainingTrack)(display).id;
         const cannotBeRenderedReason = display.regionCannotBeRendered(self.region);
         return {
             rendererType,

package/dist/LinearGenomeView/components/RefNameAutocomplete/AutocompleteTextField.d.ts

@@ -1,8 +1,7 @@
 import type { AutocompleteRenderInputParams, TextFieldProps as TFP } from '@mui/material';
-export default function AutocompleteTextField({ TextFieldProps, inputBoxVal, params, showHelp, setInputValue, setCurrentSearch, }: {
+export default function AutocompleteTextField({ TextFieldProps, inputBoxVal, params, setInputValue, setCurrentSearch, }: {
     TextFieldProps: TFP;
     inputBoxVal: string;
-    showHelp?: boolean;
     params: AutocompleteRenderInputParams;
     setInputValue: (arg: string) => void;
     setCurrentSearch: (arg: string) => void;

package/dist/LinearGenomeView/components/RefNameAutocomplete/AutocompleteTextField.js

@@ -1,21 +1,16 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = AutocompleteTextField;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
-const EndAdornment_1 = __importDefault(require("./EndAdornment"));
-function AutocompleteTextField({ TextFieldProps, inputBoxVal, params, showHelp, setInputValue, setCurrentSearch, }) {
-    const { helperText, InputProps = {} } = TextFieldProps;
+function AutocompleteTextField({ TextFieldProps, inputBoxVal, params, setInputValue, setCurrentSearch, }) {
+    const { helperText, slotProps = {} } = TextFieldProps;
     return ((0, jsx_runtime_1.jsx)(material_1.TextField, { onBlur: () => {
             setInputValue(inputBoxVal);
         }, ...params, ...TextFieldProps, size: "small", helperText: helperText, slotProps: {
             input: {
                 ...params.InputProps,
-                ...InputProps,
-                endAdornment: ((0, jsx_runtime_1.jsx)(EndAdornment_1.default, { showHelp: showHelp, endAdornment: params.InputProps.endAdornment })),
+                ...slotProps.input,
             },
         }, placeholder: "Search for location", onChange: e => {
             setCurrentSearch(e.target.value);

package/dist/LinearGenomeView/components/RefNameAutocomplete/EndAdornment.d.ts

@@ -1,4 +1,3 @@
-export default function EndAdornment({ showHelp, endAdornment, }: {
+export default function EndAdornment({ showHelp }: {
     showHelp?: boolean;
-    endAdornment: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/LinearGenomeView/components/RefNameAutocomplete/EndAdornment.js

@@ -51,6 +51,6 @@ function HelpAdornment() {
                         setHelpDialogDisplayed(false);
                     } }) })) : null] }));
 }
-function EndAdornment({ showHelp, endAdornment, }) {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.InputAdornment, { position: "end", style: { marginRight: 7 }, children: [(0, jsx_runtime_1.jsx)(Search_1.default, { fontSize: "small" }), showHelp ? (0, jsx_runtime_1.jsx)(HelpAdornment, {}) : null] }), endAdornment] }));
+function EndAdornment({ showHelp }) {
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.InputAdornment, { position: "end", style: { marginRight: 7 }, children: [(0, jsx_runtime_1.jsx)(Search_1.default, { fontSize: "small" }), showHelp ? (0, jsx_runtime_1.jsx)(HelpAdornment, {}) : null] }) }));
 }

package/dist/LinearGenomeView/components/RefNameAutocomplete/index.d.ts

@@ -1,7 +1,7 @@
 import BaseResult from '@jbrowse/core/TextSearch/BaseResults';
 import type { LinearGenomeViewModel } from '../../model';
 import type { TextFieldProps as TFP } from '@mui/material';
-declare const RefNameAutocomplete: ({ model, onSelect, assemblyName, style, fetchResults, onChange, value, showHelp, minWidth, maxWidth, TextFieldProps, }: {
+declare const RefNameAutocomplete: ({ model, onSelect, assemblyName, style, fetchResults, onChange, value, minWidth, maxWidth, TextFieldProps, }: {
     model: LinearGenomeViewModel;
     onSelect?: (region: BaseResult) => void;
     onChange?: (val: string) => void;
@@ -11,7 +11,6 @@ declare const RefNameAutocomplete: ({ model, onSelect, assemblyName, style, fetc
     style?: React.CSSProperties;
     minWidth?: number;
     maxWidth?: number;
-    showHelp?: boolean;
     TextFieldProps?: TFP;
 }) => import("react/jsx-runtime").JSX.Element;
 export default RefNameAutocomplete;

package/dist/LinearGenomeView/components/RefNameAutocomplete/index.js

@@ -44,7 +44,7 @@ const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
 const AutocompleteTextField_1 = __importDefault(require("./AutocompleteTextField"));
 const util_2 = require("./util");
-const RefNameAutocomplete = (0, mobx_react_1.observer)(function ({ model, onSelect, assemblyName, style, fetchResults, onChange, value, showHelp = true, minWidth = 200, maxWidth = 550, TextFieldProps = {}, }) {
+const RefNameAutocomplete = (0, mobx_react_1.observer)(function ({ model, onSelect, assemblyName, style, fetchResults, onChange, value, minWidth = 200, maxWidth = 550, TextFieldProps = {}, }) {
     const session = (0, util_1.getSession)(model);
     const { assemblyManager } = session;
     const [open, setOpen] = (0, react_1.useState)(false);
@@ -106,6 +106,6 @@ const RefNameAutocomplete = (0, mobx_react_1.observer)(function ({ model, onSele
                 onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedOption.result);
             }
             setInputValue(inputBoxVal);
-        }, options: (searchOptions === null || searchOptions === void 0 ? void 0 : searchOptions.length) ? searchOptions : regionOptions, getOptionDisabled: option => option.group === 'limitOption', filterOptions: (opts, { inputValue }) => (0, util_2.getFiltered)(opts, inputValue), renderInput: params => ((0, jsx_runtime_1.jsx)(AutocompleteTextField_1.default, { showHelp: showHelp, params: params, inputBoxVal: inputBoxVal, TextFieldProps: TextFieldProps, setCurrentSearch: setCurrentSearch, setInputValue: setInputValue })), getOptionLabel: opt => typeof opt === 'string' ? opt : opt.result.getDisplayString() }));
+        }, options: (searchOptions === null || searchOptions === void 0 ? void 0 : searchOptions.length) ? searchOptions : regionOptions, getOptionDisabled: option => option.group === 'limitOption', filterOptions: (opts, { inputValue }) => (0, util_2.getFiltered)(opts, inputValue), renderInput: params => ((0, jsx_runtime_1.jsx)(AutocompleteTextField_1.default, { params: params, inputBoxVal: inputBoxVal, TextFieldProps: TextFieldProps, setCurrentSearch: setCurrentSearch, setInputValue: setInputValue })), getOptionLabel: opt => typeof opt === 'string' ? opt : opt.result.getDisplayString() }));
 });
 exports.default = RefNameAutocomplete;

package/dist/LinearGenomeView/components/SearchBox.js

@@ -9,6 +9,7 @@ const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
 const mui_1 = require("tss-react/mui");
 const RefNameAutocomplete_1 = __importDefault(require("./RefNameAutocomplete"));
+const EndAdornment_1 = __importDefault(require("./RefNameAutocomplete/EndAdornment"));
 const util_2 = require("./util");
 const searchUtils_1 = require("../../searchUtils");
 const consts_1 = require("../consts");
@@ -17,7 +18,7 @@ const useStyles = (0, mui_1.makeStyles)()(() => ({
         minWidth: 100,
     },
 }));
-const SearchBox = (0, mobx_react_1.observer)(function ({ model, showHelp, }) {
+const SearchBox = (0, mobx_react_1.observer)(function ({ model, showHelp = true, }) {
     const { classes } = useStyles();
     const theme = (0, material_1.useTheme)();
     const session = (0, util_1.getSession)(model);
@@ -26,7 +27,7 @@ const SearchBox = (0, mobx_react_1.observer)(function ({ model, showHelp, }) {
     const assemblyName = assemblyNames[0];
     const assembly = assemblyManager.get(assemblyName);
     const searchScope = model.searchScope(assemblyName);
-    return ((0, jsx_runtime_1.jsx)(RefNameAutocomplete_1.default, { showHelp: showHelp, onSelect: async (option) => {
+    return ((0, jsx_runtime_1.jsx)(RefNameAutocomplete_1.default, { onSelect: async (option) => {
             var _a;
             try {
                 if (option.hasLocation()) {
@@ -59,11 +60,14 @@ const SearchBox = (0, mobx_react_1.observer)(function ({ model, showHelp, }) {
             style: {
                 margin: consts_1.SPACING,
             },
-            InputProps: {
-                style: {
-                    padding: 0,
-                    height: consts_1.WIDGET_HEIGHT,
-                    background: (0, material_1.alpha)(theme.palette.background.paper, 0.8),
+            slotProps: {
+                input: {
+                    style: {
+                        padding: 0,
+                        height: consts_1.WIDGET_HEIGHT,
+                        background: (0, material_1.alpha)(theme.palette.background.paper, 0.8),
+                    },
+                    endAdornment: (0, jsx_runtime_1.jsx)(EndAdornment_1.default, { showHelp: showHelp }),
                 },
             },
         } }));

package/esm/BaseLinearDisplay/components/BaseLinearDisplay.js

@@ -49,10 +49,12 @@ const BaseLinearDisplay = observer(function (props) {
                 }, onClose: () => {
                     setContextCoord(undefined);
                     model.setContextMenuFeature(undefined);
-                }, TransitionProps: {
-                    onExit: () => {
-                        setContextCoord(undefined);
-                        model.setContextMenuFeature(undefined);
+                }, slotProps: {
+                    transition: {
+                        onExit: () => {
+                            setContextCoord(undefined);
+                            model.setContextMenuFeature(undefined);
+                        },
                     },
                 }, anchorReference: "anchorPosition", anchorPosition: contextCoord
                     ? { top: contextCoord[1], left: contextCoord[0] }

package/esm/BaseLinearDisplay/models/serverSideRenderedBlock.js

@@ -1,5 +1,5 @@
 import { readConfObject } from '@jbrowse/core/configuration';
-import { assembleLocString, getContainingDisplay, getContainingView, getSession, getViewParams, makeAbortableReaction, } from '@jbrowse/core/util';
+import { assembleLocString, getContainingDisplay, getContainingTrack, getSession, getViewParams, makeAbortableReaction, } from '@jbrowse/core/util';
 import { stopStopToken } from '@jbrowse/core/util/stopToken';
 import { getRpcSessionId, getTrackAssemblyNames, } from '@jbrowse/core/util/tracks';
 import { isRetryException } from '@jbrowse/core/util/types';
@@ -156,7 +156,7 @@ export function renderBlockData(self, optDisplay) {
         const { config } = renderProps;
         readConfObject(config);
         const sessionId = getRpcSessionId(display);
-        const layoutId = getContainingView(display).id;
+        const layoutId = getContainingTrack(display).id;
         const cannotBeRenderedReason = display.regionCannotBeRendered(self.region);
         return {
             rendererType,

package/esm/LinearGenomeView/components/RefNameAutocomplete/AutocompleteTextField.d.ts

@@ -1,8 +1,7 @@
 import type { AutocompleteRenderInputParams, TextFieldProps as TFP } from '@mui/material';
-export default function AutocompleteTextField({ TextFieldProps, inputBoxVal, params, showHelp, setInputValue, setCurrentSearch, }: {
+export default function AutocompleteTextField({ TextFieldProps, inputBoxVal, params, setInputValue, setCurrentSearch, }: {
     TextFieldProps: TFP;
     inputBoxVal: string;
-    showHelp?: boolean;
     params: AutocompleteRenderInputParams;
     setInputValue: (arg: string) => void;
     setCurrentSearch: (arg: string) => void;

package/esm/LinearGenomeView/components/RefNameAutocomplete/AutocompleteTextField.js

@@ -1,15 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TextField } from '@mui/material';
-import EndAdornment from './EndAdornment';
-export default function AutocompleteTextField({ TextFieldProps, inputBoxVal, params, showHelp, setInputValue, setCurrentSearch, }) {
-    const { helperText, InputProps = {} } = TextFieldProps;
+export default function AutocompleteTextField({ TextFieldProps, inputBoxVal, params, setInputValue, setCurrentSearch, }) {
+    const { helperText, slotProps = {} } = TextFieldProps;
     return (_jsx(TextField, { onBlur: () => {
             setInputValue(inputBoxVal);
         }, ...params, ...TextFieldProps, size: "small", helperText: helperText, slotProps: {
             input: {
                 ...params.InputProps,
-                ...InputProps,
-                endAdornment: (_jsx(EndAdornment, { showHelp: showHelp, endAdornment: params.InputProps.endAdornment })),
+                ...slotProps.input,
             },
         }, placeholder: "Search for location", onChange: e => {
             setCurrentSearch(e.target.value);

package/esm/LinearGenomeView/components/RefNameAutocomplete/EndAdornment.d.ts

@@ -1,4 +1,3 @@
-export default function EndAdornment({ showHelp, endAdornment, }: {
+export default function EndAdornment({ showHelp }: {
     showHelp?: boolean;
-    endAdornment: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

package/esm/LinearGenomeView/components/RefNameAutocomplete/EndAdornment.js

@@ -12,6 +12,6 @@ function HelpAdornment() {
                         setHelpDialogDisplayed(false);
                     } }) })) : null] }));
 }
-export default function EndAdornment({ showHelp, endAdornment, }) {
-    return (_jsxs(_Fragment, { children: [_jsxs(InputAdornment, { position: "end", style: { marginRight: 7 }, children: [_jsx(SearchIcon, { fontSize: "small" }), showHelp ? _jsx(HelpAdornment, {}) : null] }), endAdornment] }));
+export default function EndAdornment({ showHelp }) {
+    return (_jsx(_Fragment, { children: _jsxs(InputAdornment, { position: "end", style: { marginRight: 7 }, children: [_jsx(SearchIcon, { fontSize: "small" }), showHelp ? _jsx(HelpAdornment, {}) : null] }) }));
 }

package/esm/LinearGenomeView/components/RefNameAutocomplete/index.d.ts

@@ -1,7 +1,7 @@
 import BaseResult from '@jbrowse/core/TextSearch/BaseResults';
 import type { LinearGenomeViewModel } from '../../model';
 import type { TextFieldProps as TFP } from '@mui/material';
-declare const RefNameAutocomplete: ({ model, onSelect, assemblyName, style, fetchResults, onChange, value, showHelp, minWidth, maxWidth, TextFieldProps, }: {
+declare const RefNameAutocomplete: ({ model, onSelect, assemblyName, style, fetchResults, onChange, value, minWidth, maxWidth, TextFieldProps, }: {
     model: LinearGenomeViewModel;
     onSelect?: (region: BaseResult) => void;
     onChange?: (val: string) => void;
@@ -11,7 +11,6 @@ declare const RefNameAutocomplete: ({ model, onSelect, assemblyName, style, fetc
     style?: React.CSSProperties;
     minWidth?: number;
     maxWidth?: number;
-    showHelp?: boolean;
     TextFieldProps?: TFP;
 }) => import("react/jsx-runtime").JSX.Element;
 export default RefNameAutocomplete;

package/esm/LinearGenomeView/components/RefNameAutocomplete/index.js

@@ -6,7 +6,7 @@ import { Autocomplete } from '@mui/material';
 import { observer } from 'mobx-react';
 import AutocompleteTextField from './AutocompleteTextField';
 import { getDeduplicatedResult, getFiltered } from './util';
-const RefNameAutocomplete = observer(function ({ model, onSelect, assemblyName, style, fetchResults, onChange, value, showHelp = true, minWidth = 200, maxWidth = 550, TextFieldProps = {}, }) {
+const RefNameAutocomplete = observer(function ({ model, onSelect, assemblyName, style, fetchResults, onChange, value, minWidth = 200, maxWidth = 550, TextFieldProps = {}, }) {
     const session = getSession(model);
     const { assemblyManager } = session;
     const [open, setOpen] = useState(false);
@@ -68,6 +68,6 @@ const RefNameAutocomplete = observer(function ({ model, onSelect, assemblyName,
                 onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedOption.result);
             }
             setInputValue(inputBoxVal);
-        }, options: (searchOptions === null || searchOptions === void 0 ? void 0 : searchOptions.length) ? searchOptions : regionOptions, getOptionDisabled: option => option.group === 'limitOption', filterOptions: (opts, { inputValue }) => getFiltered(opts, inputValue), renderInput: params => (_jsx(AutocompleteTextField, { showHelp: showHelp, params: params, inputBoxVal: inputBoxVal, TextFieldProps: TextFieldProps, setCurrentSearch: setCurrentSearch, setInputValue: setInputValue })), getOptionLabel: opt => typeof opt === 'string' ? opt : opt.result.getDisplayString() }));
+        }, options: (searchOptions === null || searchOptions === void 0 ? void 0 : searchOptions.length) ? searchOptions : regionOptions, getOptionDisabled: option => option.group === 'limitOption', filterOptions: (opts, { inputValue }) => getFiltered(opts, inputValue), renderInput: params => (_jsx(AutocompleteTextField, { params: params, inputBoxVal: inputBoxVal, TextFieldProps: TextFieldProps, setCurrentSearch: setCurrentSearch, setInputValue: setInputValue })), getOptionLabel: opt => typeof opt === 'string' ? opt : opt.result.getDisplayString() }));
 });
 export default RefNameAutocomplete;

package/esm/LinearGenomeView/components/SearchBox.js

@@ -4,6 +4,7 @@ import { alpha, useTheme } from '@mui/material';
 import { observer } from 'mobx-react';
 import { makeStyles } from 'tss-react/mui';
 import RefNameAutocomplete from './RefNameAutocomplete';
+import EndAdornment from './RefNameAutocomplete/EndAdornment';
 import { fetchResults } from './util';
 import { handleSelectedRegion, navToOption } from '../../searchUtils';
 import { SPACING, WIDGET_HEIGHT } from '../consts';
@@ -12,7 +13,7 @@ const useStyles = makeStyles()(() => ({
         minWidth: 100,
     },
 }));
-const SearchBox = observer(function ({ model, showHelp, }) {
+const SearchBox = observer(function ({ model, showHelp = true, }) {
     const { classes } = useStyles();
     const theme = useTheme();
     const session = getSession(model);
@@ -21,7 +22,7 @@ const SearchBox = observer(function ({ model, showHelp, }) {
     const assemblyName = assemblyNames[0];
     const assembly = assemblyManager.get(assemblyName);
     const searchScope = model.searchScope(assemblyName);
-    return (_jsx(RefNameAutocomplete, { showHelp: showHelp, onSelect: async (option) => {
+    return (_jsx(RefNameAutocomplete, { onSelect: async (option) => {
             var _a;
             try {
                 if (option.hasLocation()) {
@@ -54,11 +55,14 @@ const SearchBox = observer(function ({ model, showHelp, }) {
             style: {
                 margin: SPACING,
             },
-            InputProps: {
-                style: {
-                    padding: 0,
-                    height: WIDGET_HEIGHT,
-                    background: alpha(theme.palette.background.paper, 0.8),
+            slotProps: {
+                input: {
+                    style: {
+                        padding: 0,
+                        height: WIDGET_HEIGHT,
+                        background: alpha(theme.palette.background.paper, 0.8),
+                    },
+                    endAdornment: _jsx(EndAdornment, { showHelp: showHelp }),
                 },
             },
         } }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-linear-genome-view",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "description": "JBrowse 2 linear genome view",
   "keywords": [
     "jbrowse",
@@ -38,7 +38,7 @@
     "useSrc": "node ../../scripts/useSrc.js"
   },
   "dependencies": {
-    "@jbrowse/core": "^3.0.2",
+    "@jbrowse/core": "^3.0.4",
     "@mui/icons-material": "^6.0.0",
     "@mui/material": "^6.0.0",
     "@types/file-saver": "^2.0.1",
@@ -58,5 +58,5 @@
     "access": "public"
   },
   "module": "esm/index.js",
-  "gitHead": "c01a35edcb2612e94661af8793f09c95c0b13c75"
+  "gitHead": "61e6d26f83acbf58a946c2add3415bc46b878df9"
 }