@jbrowse/plugin-alignments 2.18.0 → 3.0.1

package/dist/LinearPileupDisplay/components/GroupByDialog.js

@@ -1,29 +1,7 @@
 "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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const ui_1 = require("@jbrowse/core/ui");
 const util_1 = require("@jbrowse/core/util");
 const material_1 = require("@mui/material");
@@ -66,41 +44,54 @@ const GroupByTagDialog = (0, mobx_react_1.observer)(function (props) {
             }
         })();
     }, [model, isInvalid, debouncedTag]);
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: handleClose, title: "Group by" },
-        react_1.default.createElement(material_1.DialogContent, null,
-            react_1.default.createElement(material_1.Typography, null, "NOTE: this will create new session tracks with the \"filter by\" set to the values chosen here rather than affecting the current track state"),
-            react_1.default.createElement(material_1.TextField, { fullWidth: true, value: type, onChange: event => {
-                    setType(event.target.value);
-                }, label: "Group by...", select: true },
-                react_1.default.createElement(material_1.MenuItem, { value: "strand" }, "Strand"),
-                react_1.default.createElement(material_1.MenuItem, { value: "tag" }, "Tag")),
-            type === 'tag' ? (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(material_1.Typography, { color: "textSecondary" }, "Examples: HP for haplotype, RG for read group, etc."),
-                react_1.default.createElement(material_1.TextField, { value: tag, onChange: event => {
-                        setGroupByTag(event.target.value);
-                    }, placeholder: "Enter tag name", error: isInvalid, helperText: isInvalid ? 'Not a valid tag' : '', autoComplete: "off", "data-testid": "group-tag-name", slotProps: {
-                        htmlInput: {
-                            maxLength: 2,
-                            'data-testid': 'group-tag-name-input',
-                        },
-                    } }),
-                error ? (react_1.default.createElement(ui_1.ErrorMessage, { error: error })) : loading ? (react_1.default.createElement(ui_1.LoadingEllipses, { title: "Loading unique tags" })) : tagSet ? (react_1.default.createElement("div", null,
-                    react_1.default.createElement("div", null,
-                        "Found unique ",
-                        tag,
-                        " values:"),
-                    react_1.default.createElement("div", null, tagSet.join(', ')))) : null)) : null),
-        react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", disabled: !tagSet, autoFocus: true, onClick: () => {
-                    const track = (0, util_1.getContainingTrack)(model);
-                    const trackConf = structuredClone((0, mobx_state_tree_1.getSnapshot)(track.configuration));
-                    const session = (0, util_1.getSession)(model);
-                    const view = (0, util_1.getContainingView)(model);
-                    if (type === 'tag') {
-                        if (tagSet) {
-                            const ret = [...tagSet, undefined];
-                            for (const tagValue of ret) {
-                                const t1 = `${trackConf.trackId}-${tag}:${tagValue}-${+Date.now()}-sessionTrack`;
+    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, onClose: handleClose, title: "Group by", children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "NOTE: this will create new session tracks with the \"filter by\" set to the values chosen here rather than affecting the current track state" }), (0, jsx_runtime_1.jsxs)(material_1.TextField, { fullWidth: true, value: type, onChange: event => {
+                            setType(event.target.value);
+                        }, label: "Group by...", select: true, children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "strand", children: "Strand" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "tag", children: "Tag" })] }), type === 'tag' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { color: "textSecondary", children: "Examples: HP for haplotype, RG for read group, etc." }), (0, jsx_runtime_1.jsx)(material_1.TextField, { value: tag, onChange: event => {
+                                    setGroupByTag(event.target.value);
+                                }, placeholder: "Enter tag name", error: isInvalid, helperText: isInvalid ? 'Not a valid tag' : '', autoComplete: "off", "data-testid": "group-tag-name", slotProps: {
+                                    htmlInput: {
+                                        maxLength: 2,
+                                        'data-testid': 'group-tag-name-input',
+                                    },
+                                } }), error ? ((0, jsx_runtime_1.jsx)(ui_1.ErrorMessage, { error: error })) : loading ? ((0, jsx_runtime_1.jsx)(ui_1.LoadingEllipses, { title: "Loading unique tags" })) : tagSet ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { children: ["Found unique ", tag, " values:"] }), (0, jsx_runtime_1.jsx)("div", { children: tagSet.join(', ') })] })) : null] })) : null] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", type: "submit", disabled: !tagSet, autoFocus: true, onClick: () => {
+                            const track = (0, util_1.getContainingTrack)(model);
+                            const trackConf = structuredClone((0, mobx_state_tree_1.getSnapshot)(track.configuration));
+                            const session = (0, util_1.getSession)(model);
+                            const view = (0, util_1.getContainingView)(model);
+                            if (type === 'tag') {
+                                if (tagSet) {
+                                    const ret = [...tagSet, undefined];
+                                    for (const tagValue of ret) {
+                                        const t1 = `${trackConf.trackId}-${tag}:${tagValue}-${+Date.now()}-sessionTrack`;
+                                        session.addTrackConf({
+                                            ...trackConf,
+                                            trackId: t1,
+                                            name: `${trackConf.name} (${tag}:${tagValue})`,
+                                            displays: [
+                                                {
+                                                    displayId: `${t1}-LinearAlignmentsDisplay`,
+                                                    type: 'LinearAlignmentsDisplay',
+                                                    pileupDisplay: {
+                                                        displayId: `${t1}-LinearAlignmentsDisplay-LinearPileupDisplay`,
+                                                        type: 'LinearPileupDisplay',
+                                                        filterBy: {
+                                                            ...util_2.defaultFilterFlags,
+                                                            tagFilter: {
+                                                                tag,
+                                                                value: tagValue,
+                                                            },
+                                                        },
+                                                    },
+                                                },
+                                            ],
+                                        });
+                                        view.showTrack(t1);
+                                    }
+                                }
+                            }
+                            else if (type === 'strand') {
+                                const t1 = `${trackConf.trackId}-${tag}:(-)-${+Date.now()}-sessionTrack`;
+                                const t2 = `${trackConf.trackId}-${tag}:(+)-${+Date.now()}-sessionTrack`;
                                 session.addTrackConf({
                                     ...trackConf,
                                     trackId: t1,
@@ -112,73 +103,43 @@ const GroupByTagDialog = (0, mobx_react_1.observer)(function (props) {
                                             pileupDisplay: {
                                                 displayId: `${t1}-LinearAlignmentsDisplay-LinearPileupDisplay`,
                                                 type: 'LinearPileupDisplay',
-                                                filterBy: {
-                                                    ...util_2.defaultFilterFlags,
-                                                    tagFilter: {
-                                                        tag,
-                                                        value: tagValue,
-                                                    },
-                                                },
+                                                filterBy: util_2.negFlags,
+                                            },
+                                        },
+                                        {
+                                            displayId: `${t1}-LinearSNPCoverageDisplay`,
+                                            type: 'LinearSNPCoverageDisplay',
+                                            filterBy: util_2.negFlags,
+                                        },
+                                    ],
+                                });
+                                session.addTrackConf({
+                                    ...trackConf,
+                                    trackId: t2,
+                                    name: `${trackConf.name} (+)`,
+                                    displays: [
+                                        {
+                                            displayId: `${t2}-LinearAlignmentsDisplay`,
+                                            type: 'LinearAlignmentsDisplay',
+                                            pileupDisplay: {
+                                                displayId: `${t2}-LinearAlignmentsDisplay-LinearPileupDisplay`,
+                                                type: 'LinearPileupDisplay',
+                                                filterBy: util_2.posFlags,
                                             },
                                         },
+                                        {
+                                            displayId: `${t2}-LinearSNPCoverageDisplay`,
+                                            type: 'LinearSNPCoverageDisplay',
+                                            filterBy: util_2.posFlags,
+                                        },
                                     ],
                                 });
                                 view.showTrack(t1);
+                                view.showTrack(t2);
                             }
-                        }
-                    }
-                    else if (type === 'strand') {
-                        const t1 = `${trackConf.trackId}-${tag}:(-)-${+Date.now()}-sessionTrack`;
-                        const t2 = `${trackConf.trackId}-${tag}:(+)-${+Date.now()}-sessionTrack`;
-                        session.addTrackConf({
-                            ...trackConf,
-                            trackId: t1,
-                            name: `${trackConf.name} (-)`,
-                            displays: [
-                                {
-                                    displayId: `${t1}-LinearAlignmentsDisplay`,
-                                    type: 'LinearAlignmentsDisplay',
-                                    pileupDisplay: {
-                                        displayId: `${t1}-LinearAlignmentsDisplay-LinearPileupDisplay`,
-                                        type: 'LinearPileupDisplay',
-                                        filterBy: util_2.negFlags,
-                                    },
-                                },
-                                {
-                                    displayId: `${t1}-LinearSNPCoverageDisplay`,
-                                    type: 'LinearSNPCoverageDisplay',
-                                    filterBy: util_2.negFlags,
-                                },
-                            ],
-                        });
-                        session.addTrackConf({
-                            ...trackConf,
-                            trackId: t2,
-                            name: `${trackConf.name} (+)`,
-                            displays: [
-                                {
-                                    displayId: `${t2}-LinearAlignmentsDisplay`,
-                                    type: 'LinearAlignmentsDisplay',
-                                    pileupDisplay: {
-                                        displayId: `${t2}-LinearAlignmentsDisplay-LinearPileupDisplay`,
-                                        type: 'LinearPileupDisplay',
-                                        filterBy: util_2.posFlags,
-                                    },
-                                },
-                                {
-                                    displayId: `${t2}-LinearSNPCoverageDisplay`,
-                                    type: 'LinearSNPCoverageDisplay',
-                                    filterBy: util_2.posFlags,
-                                },
-                            ],
-                        });
-                        view.showTrack(t1);
-                        view.showTrack(t2);
-                    }
-                    handleClose();
-                } }, "Submit"),
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
-                    handleClose();
-                } }, "Cancel"))));
+                            handleClose();
+                        }, children: "Submit" }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
+                            handleClose();
+                        }, children: "Cancel" })] })] }));
 });
 exports.default = GroupByTagDialog;

package/dist/LinearPileupDisplay/components/LinearPileupDisplayBlurb.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import type { SortedBy } from '../../shared/types';
 declare const LinearPileupDisplayBlurb: ({ model, }: {
     model: {
         sortedBy?: SortedBy;
     };
-}) => React.JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default LinearPileupDisplayBlurb;

package/dist/LinearPileupDisplay/components/LinearPileupDisplayBlurb.js

@@ -1,15 +1,11 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
 const LinearPileupDisplayBlurb = (0, mobx_react_1.observer)(function ({ model, }) {
     var _a;
     const { sortedBy } = model;
-    return sortedBy ? (react_1.default.createElement("div", { "data-testid": `blurb-${sortedBy}` },
-        react_1.default.createElement(material_1.Typography, { color: "secondary", variant: "caption" }, `Sorted by ${(_a = sortedBy.tag) !== null && _a !== void 0 ? _a : sortedBy.type} at ${sortedBy.refName}:${sortedBy.pos}`))) : null;
+    return sortedBy ? ((0, jsx_runtime_1.jsx)("div", { "data-testid": `blurb-${sortedBy}`, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { color: "secondary", variant: "caption", children: `Sorted by ${(_a = sortedBy.tag) !== null && _a !== void 0 ? _a : sortedBy.type} at ${sortedBy.refName}:${sortedBy.pos}` }) })) : null;
 });
 exports.default = LinearPileupDisplayBlurb;

package/dist/LinearPileupDisplay/components/SetFeatureHeightDialog.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 declare const SetFeatureHeightDialog: (props: {
     model: {
         setFeatureHeight: (arg?: number) => void;
@@ -7,5 +6,5 @@ declare const SetFeatureHeightDialog: (props: {
         noSpacing?: boolean;
     };
     handleClose: () => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SetFeatureHeightDialog;

package/dist/LinearPileupDisplay/components/SetFeatureHeightDialog.js

@@ -1,29 +1,7 @@
 "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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const ui_1 = require("@jbrowse/core/ui");
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
@@ -33,23 +11,16 @@ const SetFeatureHeightDialog = (0, mobx_react_1.observer)(function (props) {
     const [height, setHeight] = (0, react_1.useState)(`${featureHeightSetting}`);
     const [noSpacing, setNoSpacing] = (0, react_1.useState)(noSpacingSetting);
     const ok = height !== '' && !Number.isNaN(+height);
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: handleClose, title: "Set feature height" },
-        react_1.default.createElement(material_1.DialogContent, null,
-            react_1.default.createElement(material_1.Typography, null, "Adjust the feature height and whether there is any spacing between features. Setting feature height to 1 and removing spacing makes the display very compact."),
-            react_1.default.createElement(material_1.TextField, { value: height, helperText: "Feature height", onChange: event => {
-                    setHeight(event.target.value);
-                } }),
-            react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { checked: !!noSpacing, onChange: () => {
-                        setNoSpacing(val => !val);
-                    } }), label: "Remove spacing between features in y-direction?" }),
-            react_1.default.createElement(material_1.DialogActions, null,
-                react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", autoFocus: true, disabled: !ok, onClick: () => {
-                        model.setFeatureHeight(height !== '' && !Number.isNaN(+height) ? +height : undefined);
-                        model.setNoSpacing(noSpacing);
-                        handleClose();
-                    } }, "Submit"),
-                react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
-                        handleClose();
-                    } }, "Cancel")))));
+    return ((0, jsx_runtime_1.jsx)(ui_1.Dialog, { open: true, onClose: handleClose, title: "Set feature height", children: (0, jsx_runtime_1.jsxs)(material_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Adjust the feature height and whether there is any spacing between features. Setting feature height to 1 and removing spacing makes the display very compact." }), (0, jsx_runtime_1.jsx)(material_1.TextField, { value: height, helperText: "Feature height", onChange: event => {
+                        setHeight(event.target.value);
+                    } }), (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: !!noSpacing, onChange: () => {
+                            setNoSpacing(val => !val);
+                        } }), label: "Remove spacing between features in y-direction?" }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", type: "submit", autoFocus: true, disabled: !ok, onClick: () => {
+                                model.setFeatureHeight(height !== '' && !Number.isNaN(+height) ? +height : undefined);
+                                model.setNoSpacing(noSpacing);
+                                handleClose();
+                            }, children: "Submit" }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
+                                handleClose();
+                            }, children: "Cancel" })] })] }) }));
 });
 exports.default = SetFeatureHeightDialog;

package/dist/LinearPileupDisplay/components/SetMaxHeightDialog.d.ts

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

package/dist/LinearPileupDisplay/components/SetMaxHeightDialog.js

@@ -1,29 +1,7 @@
 "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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const ui_1 = require("@jbrowse/core/ui");
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
@@ -38,19 +16,13 @@ const SetMaxHeightDialog = (0, mobx_react_1.observer)(function (props) {
     const { classes } = useStyles();
     const { maxHeight = '' } = model;
     const [max, setMax] = (0, react_1.useState)(`${maxHeight}`);
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: handleClose, title: "Set max height" },
-        react_1.default.createElement(material_1.DialogContent, { className: classes.root },
-            react_1.default.createElement(material_1.Typography, null, "Set max height for the track. For example, you can increase this if the layout says \"Max height reached\""),
-            react_1.default.createElement(material_1.TextField, { value: max, autoFocus: true, onChange: event => {
-                    setMax(event.target.value);
-                }, placeholder: "Enter max height for layout" }),
-            react_1.default.createElement(material_1.DialogActions, null,
-                react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", autoFocus: true, onClick: () => {
-                        model.setMaxHeight(max !== '' && !Number.isNaN(+max) ? +max : undefined);
-                        handleClose();
-                    } }, "Submit"),
-                react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
-                        handleClose();
-                    } }, "Cancel")))));
+    return ((0, jsx_runtime_1.jsx)(ui_1.Dialog, { open: true, onClose: handleClose, title: "Set max height", children: (0, jsx_runtime_1.jsxs)(material_1.DialogContent, { className: classes.root, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Set max height for the track. For example, you can increase this if the layout says \"Max height reached\"" }), (0, jsx_runtime_1.jsx)(material_1.TextField, { value: max, autoFocus: true, onChange: event => {
+                        setMax(event.target.value);
+                    }, placeholder: "Enter max height for layout" }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", type: "submit", autoFocus: true, onClick: () => {
+                                model.setMaxHeight(max !== '' && !Number.isNaN(+max) ? +max : undefined);
+                                handleClose();
+                            }, children: "Submit" }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
+                                handleClose();
+                            }, children: "Cancel" })] })] }) }));
 });
 exports.default = SetMaxHeightDialog;

package/dist/LinearPileupDisplay/components/SortByTagDialog.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 declare const SortByTagDialog: (props: {
     model: {
         setSortedBy: (arg: string, arg2: string) => void;
     };
     handleClose: () => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SortByTagDialog;

package/dist/LinearPileupDisplay/components/SortByTagDialog.js

@@ -1,29 +1,7 @@
 "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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const ui_1 = require("@jbrowse/core/ui");
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
@@ -31,25 +9,18 @@ const SortByTagDialog = (0, mobx_react_1.observer)(function (props) {
     const { model, handleClose } = props;
     const [tag, setTag] = (0, react_1.useState)('');
     const validTag = /^[A-Za-z][A-Za-z0-9]$/.exec(tag);
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: handleClose, title: "Sort by tag" },
-        react_1.default.createElement(material_1.DialogContent, null,
-            react_1.default.createElement(material_1.Typography, null, "Set the tag to sort by"),
-            react_1.default.createElement(material_1.Typography, { color: "textSecondary" }, "Examples: HP for haplotype, RG for read group, etc."),
-            react_1.default.createElement(material_1.TextField, { value: tag, onChange: event => {
-                    setTag(event.target.value);
-                }, placeholder: "Enter tag name", error: tag.length === 2 && !validTag, helperText: tag.length === 2 && !validTag ? 'Not a valid tag' : '', autoComplete: "off", "data-testid": "sort-tag-name", slotProps: {
-                    htmlInput: {
-                        maxLength: 2,
-                        'data-testid': 'sort-tag-name-input',
-                    },
-                } }),
-            react_1.default.createElement(material_1.DialogActions, null,
-                react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", autoFocus: true, onClick: () => {
-                        model.setSortedBy('tag', tag);
-                        handleClose();
-                    } }, "Submit"),
-                react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
-                        handleClose();
-                    } }, "Cancel")))));
+    return ((0, jsx_runtime_1.jsx)(ui_1.Dialog, { open: true, onClose: handleClose, title: "Sort by tag", children: (0, jsx_runtime_1.jsxs)(material_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Set the tag to sort by" }), (0, jsx_runtime_1.jsx)(material_1.Typography, { color: "textSecondary", children: "Examples: HP for haplotype, RG for read group, etc." }), (0, jsx_runtime_1.jsx)(material_1.TextField, { value: tag, onChange: event => {
+                        setTag(event.target.value);
+                    }, placeholder: "Enter tag name", error: tag.length === 2 && !validTag, helperText: tag.length === 2 && !validTag ? 'Not a valid tag' : '', autoComplete: "off", "data-testid": "sort-tag-name", slotProps: {
+                        htmlInput: {
+                            maxLength: 2,
+                            'data-testid': 'sort-tag-name-input',
+                        },
+                    } }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", type: "submit", autoFocus: true, onClick: () => {
+                                model.setSortedBy('tag', tag);
+                                handleClose();
+                            }, children: "Submit" }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
+                                handleClose();
+                            }, children: "Cancel" })] })] }) }));
 });
 exports.default = SortByTagDialog;

package/dist/LinearPileupDisplay/model.d.ts

@@ -36,7 +36,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;
@@ -86,6 +86,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     colorBySetting: import("mobx-state-tree").IType<import("../shared/types").ColorBy | undefined, import("../shared/types").ColorBy | undefined, import("../shared/types").ColorBy | undefined>;
     filterBySetting: import("mobx-state-tree").IType<import("../shared/types").FilterBy | undefined, import("../shared/types").FilterBy | undefined, import("../shared/types").FilterBy | undefined>;
     jexlFilters: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+    hideSmallIndelsSetting: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<boolean>>;
 } & {
     type: import("mobx-state-tree").ISimpleType<"LinearPileupDisplay">;
     configuration: AnyConfigurationSchemaType;
@@ -183,13 +184,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;
@@ -216,7 +217,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     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;
 } & {
     colorTagMap: import("mobx").ObservableMap<string, string>;
@@ -227,6 +228,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     readonly filterBy: any;
 } & {
     readonly autorunReady: boolean;
+    readonly hideSmallIndels: boolean | undefined;
 } & {
     setTagsReady(flag: boolean): void;
     setMaxHeight(n?: number): void;
@@ -240,6 +242,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     setConfig(conf: import("@jbrowse/core/configuration").AnyConfigurationModel): void;
     setFilterBy(filter: import("../shared/types").FilterBy): void;
     setJexlFilters(filters: string[]): void;
+    setHideSmallIndels(arg: boolean): void;
 } & {
     readonly rendererConfig: {
         [x: string]: any;
@@ -275,18 +278,28 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
         model: {
             sortedBy?: SortedBy;
         };
-    }) => import("react").JSX.Element | null;
+    }) => import("react/jsx-runtime").JSX.Element | null;
     renderPropsPre(): any;
     colorSchemeSubMenuItems(): {
         label: string;
         onClick: () => void;
     }[];
     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;
+        priority: number;
+        type: string;
+        checked: boolean | undefined;
+        onClick: () => void;
+        icon?: undefined;
+    } | {
         label: string;
         icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
             muiName: string;
         };
         onClick: () => void;
+        priority?: undefined;
+        type?: undefined;
+        checked?: undefined;
     })[];
 } & {
     renderProps(): any;
@@ -430,7 +443,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;
@@ -480,6 +493,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     colorBySetting: import("mobx-state-tree").IType<import("../shared/types").ColorBy | undefined, import("../shared/types").ColorBy | undefined, import("../shared/types").ColorBy | undefined>;
     filterBySetting: import("mobx-state-tree").IType<import("../shared/types").FilterBy | undefined, import("../shared/types").FilterBy | undefined, import("../shared/types").FilterBy | undefined>;
     jexlFilters: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+    hideSmallIndelsSetting: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<boolean>>;
 }>> & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
 export type LinearPileupDisplayStateModel = ReturnType<typeof stateModelFactory>;
 export type LinearPileupDisplayModel = Instance<LinearPileupDisplayStateModel>;