@jbrowse/core 2.10.1 → 2.10.2

package/BaseFeatureWidget/BaseFeatureDetail/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IAnyStateTreeNode } from 'mobx-state-tree';
-import { BaseCardProps, BaseProps } from '../types';
 import { SimpleFeatureSerialized } from '../../util';
+import { BaseCardProps, BaseProps } from '../types';
 export declare function BaseCard({ children, title, defaultExpanded, }: BaseCardProps): React.JSX.Element;
 export declare const BaseCoreDetails: (props: BaseProps) => React.JSX.Element;
 export declare const BaseAttributes: (props: BaseProps) => React.JSX.Element;

package/BaseFeatureWidget/BaseFeatureDetail/index.js

@@ -96,7 +96,7 @@ function CoreDetails(props) {
     const { start, end } = formattedFeat;
     const displayedDetails = {
         ...formattedFeat,
-        length: (0, util_2.toLocale)(end - start),
+        length: (0, util_1.toLocale)(end - start),
     };
     const coreRenderedDetails = {
         description: 'Description',

package/BaseFeatureWidget/BaseFeatureDetail/util.d.ts

@@ -1,5 +1,4 @@
 export declare function isEmpty(obj: Record<string, unknown>): boolean;
 export declare function generateTitle(name: unknown, id: unknown, type: unknown): string;
 export declare function generateMaxWidth(array: unknown[][], prefix: string[]): number;
-export declare function toLocale(n: number): string;
 export declare function accessNested(arr: string[], obj?: Record<string, unknown>): string | undefined;

package/BaseFeatureWidget/BaseFeatureDetail/util.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.accessNested = exports.toLocale = exports.generateMaxWidth = exports.generateTitle = exports.isEmpty = void 0;
+exports.accessNested = exports.generateMaxWidth = exports.generateTitle = exports.isEmpty = void 0;
 const is_object_1 = __importDefault(require("is-object"));
 const util_1 = require("../../util");
 const util_2 = require("../util");
@@ -21,10 +21,6 @@ function generateMaxWidth(array, prefix) {
     return (Math.ceil((0, util_1.max)(array.map(key => (0, util_1.measureText)([...prefix, key[0]].join('.'), 12)))) + 10);
 }
 exports.generateMaxWidth = generateMaxWidth;
-function toLocale(n) {
-    return n.toLocaleString('en-US');
-}
-exports.toLocale = toLocale;
 // pick using a path from an object, similar to _.get from lodash with special
 // logic for Descriptions from e.g. VCF headers
 //

package/BaseFeatureWidget/SequenceFeatureDetails/SequenceFeatureDetails.js

@@ -37,7 +37,7 @@ const ui_1 = require("../../ui");
 const Settings_1 = __importDefault(require("@mui/icons-material/Settings"));
 const hooks_1 = require("./hooks");
 // lazies
-const SettingsDlg = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./SequenceFeatureSettingsDialog'))));
+const SettingsDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./SequenceFeatureSettingsDialog'))));
 const SequencePanel = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./SequencePanel'))));
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     button: {
@@ -126,18 +126,18 @@ function SequenceFeatureDetails({ model, feature: prefeature, }) {
 exports.default = SequenceFeatureDetails;
 function Settings({ intronBp, upDownBp, setIntronBp, setUpDownBp, }) {
     const { classes } = useStyles();
-    const [settingsDlgOpen, setSettingsDlgOpen] = (0, react_1.useState)(false);
+    const [settingsDialogOpen, setSettingsDialogOpen] = (0, react_1.useState)(false);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(material_1.FormControl, { className: classes.formControl },
-            react_1.default.createElement(material_1.IconButton, { onClick: () => setSettingsDlgOpen(true) },
+            react_1.default.createElement(material_1.IconButton, { onClick: () => setSettingsDialogOpen(true) },
                 react_1.default.createElement(Settings_1.default, null))),
-        settingsDlgOpen ? (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement("div", null) },
-            react_1.default.createElement(SettingsDlg, { handleClose: arg => {
+        settingsDialogOpen ? (react_1.default.createElement(react_1.Suspense, { fallback: null },
+            react_1.default.createElement(SettingsDialog, { handleClose: arg => {
                     if (arg) {
                         const { upDownBp, intronBp } = arg;
                         setIntronBp(intronBp);
                         setUpDownBp(upDownBp);
                     }
-                    setSettingsDlgOpen(false);
+                    setSettingsDialogOpen(false);
                 }, upDownBp: upDownBp, intronBp: intronBp }))) : null));
 }

package/BaseFeatureWidget/SequenceFeatureDetails/index.js

@@ -29,11 +29,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const material_1 = require("@mui/material");
 const mui_1 = require("tss-react/mui");
+const mobx_react_1 = require("mobx-react");
 const ui_1 = require("../../ui");
+const util_1 = require("../../util");
 // icons
 const Help_1 = __importDefault(require("@mui/icons-material/Help"));
 // lazies
-const HelpDlg = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./SequenceHelpDialog'))));
+const HelpDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./SequenceHelpDialog'))));
 const SequenceFeatureDetails = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./SequenceFeatureDetails'))));
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     formControl: {
@@ -44,25 +46,27 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         marginBottom: theme.spacing(4),
     },
 }));
+const SequenceFeatureDetailsHelpButton = (0, mobx_react_1.observer)(function ({ model, }) {
+    const { classes } = useStyles();
+    const session = (0, util_1.getSession)(model);
+    return (react_1.default.createElement(material_1.FormControl, { className: classes.formControl },
+        react_1.default.createElement(material_1.IconButton, { onClick: () => session.queueDialog(handleClose => [HelpDialog, { handleClose }]) },
+            react_1.default.createElement(Help_1.default, null))));
+});
 // display the stitched-together sequence of a gene's CDS, cDNA, or protein
 // sequence. this is a best effort and weird genomic phenomena could lead these
 // to not be 100% accurate
 function SequenceFeaturePanel({ model, feature }) {
     const { classes } = useStyles();
     const [shown, setShown] = (0, react_1.useState)(false);
-    const [helpShown, setHelpShown] = (0, react_1.useState)(false);
     return !model ? null : (react_1.default.createElement("div", { className: classes.container },
         react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => setShown(!shown) }, shown ? 'Hide feature sequence' : 'Show feature sequence'),
-        react_1.default.createElement(material_1.FormControl, { className: classes.formControl },
-            react_1.default.createElement(material_1.IconButton, { onClick: () => setHelpShown(true) },
-                react_1.default.createElement(Help_1.default, null))),
+        react_1.default.createElement(SequenceFeatureDetailsHelpButton, { model: model }),
         shown ? (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(ui_1.LoadingEllipses, null) },
             react_1.default.createElement(SequenceFeatureDetails
             /* eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion */
             , { 
                 /* eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion */
-                key: feature.uniqueId, model: model, feature: feature }))) : null,
-        helpShown ? (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement("div", null) },
-            react_1.default.createElement(HelpDlg, { handleClose: () => setHelpShown(false) }))) : null));
+                key: feature.uniqueId, model: model, feature: feature }))) : null));
 }
 exports.default = SequenceFeaturePanel;

package/ReExports/modules.js

@@ -180,7 +180,7 @@ const Entries = {
 };
 const LazyMUICore = Object.fromEntries(Object.entries(Entries).map(([key, ReactComponent]) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const Component = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement("div", null) },
+    const Component = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(react_1.Suspense, { fallback: null },
         react_1.default.createElement(ReactComponent, { ...props, ref: ref }))));
     Component.displayName = key;
     return [key, Component];
@@ -353,21 +353,21 @@ const DataGridEntries = {
 };
 const LazyDataGridComponents = Object.fromEntries(Object.entries(DataGridEntries).map(([key, ReactComponent]) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const Component = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement("div", null) },
+    const Component = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(react_1.Suspense, { fallback: null },
         react_1.default.createElement(ReactComponent, { ...props, ref: ref }))));
     Component.displayName = key;
     return [key, Component];
 }));
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const LazyAttributes = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement("div", null) },
+const LazyAttributes = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(react_1.Suspense, { fallback: null },
     react_1.default.createElement(Attributes, { ...props, ref: ref }))));
 LazyAttributes.displayName = 'Attributes';
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const LazyFeatureDetails = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement("div", null) },
+const LazyFeatureDetails = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(react_1.Suspense, { fallback: null },
     react_1.default.createElement(FeatureDetails, { ...props, ref: ref }))));
 LazyFeatureDetails.displayName = 'FeatureDetails';
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const LazyBaseCard = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement("div", null) },
+const LazyBaseCard = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(react_1.Suspense, { fallback: null },
     react_1.default.createElement(BaseCard, { ...props, ref: ref }))));
 LazyBaseCard.displayName = 'BaseCard';
 const libs = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/core",
-  "version": "2.10.1",
+  "version": "2.10.2",
   "description": "JBrowse 2 core libraries used by plugins",
   "keywords": [
     "jbrowse",
@@ -53,6 +53,7 @@
     "rbush": "^3.0.1",
     "react-error-boundary": "^4.0.3",
     "serialize-error": "^8.0.0",
+    "source-map-js": "^1.0.2",
     "svg-path-generator": "^1.1.0"
   },
   "peerDependencies": {
@@ -71,5 +72,5 @@
     "access": "public",
     "directory": "dist"
   },
-  "gitHead": "442b5f87efddfdf4ccf520b4d9dd01ddd370cb07"
+  "gitHead": "7ca3b7db337ebd88853e2d96cdab940ed550c4fb"
 }