@jbrowse/core 3.6.5 → 4.0.0

package/ui/ErrorBoundary.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorBoundary = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-class ErrorBoundary extends react_1.Component {
-    constructor(props) {
-        super(props);
-        this.state = { error: undefined };
-    }
-    componentDidCatch(error, errorInfo) {
-        console.error('ErrorBoundary caught an error:', error, errorInfo);
-        this.setState({ error });
-    }
-    render() {
-        return this.state.error ? ((0, jsx_runtime_1.jsx)(this.props.FallbackComponent, { error: this.state.error })) : (this.props.children);
-    }
-}
-exports.ErrorBoundary = ErrorBoundary;

package/ui/ErrorMessage.js

@@ -1,94 +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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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 jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Refresh_1 = __importDefault(require("@mui/icons-material/Refresh"));
-const Report_1 = __importDefault(require("@mui/icons-material/Report"));
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const RedErrorMessageBox_1 = __importDefault(require("./RedErrorMessageBox"));
-const ErrorMessageStackTraceDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./ErrorMessageStackTraceDialog'))));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    bg: {
-        background: theme.palette.divider,
-        border: '1px solid black',
-        margin: 20,
-    },
-    iconFloat: {
-        float: 'right',
-        marginLeft: 100,
-    },
-}));
-function parseError(str) {
-    let snapshotError = '';
-    const findStr = 'is not assignable';
-    const idx = str.indexOf(findStr);
-    if (idx !== -1) {
-        const trim = str.slice(0, idx + findStr.length);
-        const match = /.*at path "(.*)" snapshot `(.*)` is not assignable/m.exec(trim);
-        if (match) {
-            str = `Failed to load element at ${match[1]}...Failed element had snapshot`;
-            snapshotError = match[2];
-        }
-        const match2 = /.*snapshot `(.*)` is not assignable/.exec(trim);
-        if (match2) {
-            str = 'Failed to load element...Failed element had snapshot';
-            snapshotError = match2[1];
-        }
-    }
-    return snapshotError;
-}
-function ErrorButtons({ error, onReset, }) {
-    const { classes } = useStyles();
-    const [showStack, setShowStack] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.iconFloat, children: [typeof error === 'object' && error && 'stack' in error ? ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Get stack trace", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
-                        setShowStack(true);
-                    }, color: "primary", children: (0, jsx_runtime_1.jsx)(Report_1.default, {}) }) })) : null, onReset ? ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Retry", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: onReset, color: "primary", children: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}) }) })) : null, showStack ? ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)(ErrorMessageStackTraceDialog, { error: error, onClose: () => {
-                        setShowStack(false);
-                    } }) })) : null] }));
-}
-function ErrorMessage({ error, onReset, }) {
-    const { classes } = useStyles();
-    const str = `${error}`;
-    const str2 = str.indexOf('expected an instance of');
-    const str3 = str2 !== -1 ? str.slice(0, str2) : str;
-    const snapshotError = parseError(str);
-    return ((0, jsx_runtime_1.jsxs)(RedErrorMessageBox_1.default, { children: [str3.slice(0, 10000), (0, jsx_runtime_1.jsx)(ErrorButtons, { error: error, onReset: onReset }), snapshotError ? ((0, jsx_runtime_1.jsx)("pre", { className: classes.bg, children: JSON.stringify(JSON.parse(snapshotError), null, 2) })) : null] }));
-}
-exports.default = ErrorMessage;

package/ui/ErrorMessageStackTraceDialog.js

@@ -1,149 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = ErrorMessageStackTraceDialog;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const material_1 = require("@mui/material");
-const copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
-const source_map_js_1 = require("source-map-js");
-const mui_1 = require("tss-react/mui");
-const Dialog_1 = __importDefault(require("./Dialog"));
-const ExternalLink_1 = __importDefault(require("./ExternalLink"));
-const LoadingEllipses_1 = __importDefault(require("./LoadingEllipses"));
-async function myfetch(uri) {
-    const res = await fetch(uri);
-    if (!res.ok) {
-        throw new Error(`HTTP ${res.status} fetching ${uri}: ${await res.text()}`);
-    }
-    return res;
-}
-async function myfetchjson(uri) {
-    const res = await myfetch(uri);
-    return res.json();
-}
-async function myfetchtext(uri) {
-    const res = await myfetch(uri);
-    return res.text();
-}
-const sourceMaps = {};
-async function getSourceMapFromUri(uri) {
-    var _a;
-    if (sourceMaps[uri] !== undefined) {
-        return sourceMaps[uri];
-    }
-    const uriQuery = new URL(uri).search;
-    const currentScriptContent = await myfetchtext(uri);
-    let mapUri = ((_a = new RegExp(/\/\/# sourceMappingURL=(.*)/).exec(currentScriptContent)) === null || _a === void 0 ? void 0 : _a[1]) ||
-        '';
-    mapUri = new URL(mapUri, uri).href + uriQuery;
-    const data = await myfetchjson(mapUri);
-    const map = new source_map_js_1.SourceMapConsumer(data);
-    sourceMaps[uri] = map;
-    return map;
-}
-async function mapStackTrace(stack) {
-    const stackLines = stack.split('\n');
-    const mappedStack = [];
-    for (const line of stackLines) {
-        const match = new RegExp(/(.*)(https?:\/\/.*):(\d+):(\d+)/).exec(line);
-        if (match === null) {
-            mappedStack.push(line);
-            continue;
-        }
-        const uri = match[2];
-        const consumer = await getSourceMapFromUri(uri);
-        const originalPosition = consumer.originalPositionFor({
-            line: Number.parseInt(match[3]),
-            column: Number.parseInt(match[4]),
-        });
-        if (!originalPosition.source ||
-            !originalPosition.line ||
-            !originalPosition.column) {
-            mappedStack.push(line);
-            continue;
-        }
-        mappedStack.push(`${originalPosition.source}:${originalPosition.line}:${originalPosition.column + 1} (${match[1].trim()})`);
-    }
-    return mappedStack.join('\n');
-}
-const MAX_ERR_LEN = 10000;
-function stripMessage(trace, error) {
-    if (trace.startsWith('Error:')) {
-        const err = `${error}`;
-        return trace.slice(err.length);
-    }
-    else {
-        return trace;
-    }
-}
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    pre: {
-        background: (0, material_1.alpha)(theme.palette.error.main, 0.2),
-        border: `1px solid ${theme.palette.divider}`,
-        overflow: 'auto',
-        margin: 20,
-        maxHeight: 300,
-    },
-}));
-function Contents({ text, extra }) {
-    const { classes } = useStyles();
-    const err = encodeURIComponent(`${[
-        'I got this error from JBrowse, here is the stack trace:\n',
-        '```',
-        text,
-        '```',
-        extra ? `supporting data: ${JSON.stringify(extra, null, 2)}` : '',
-    ].join('\n')}\n`);
-    const err2 = [
-        text,
-        extra ? `supporting data: ${JSON.stringify(extra, null, 2)}` : '',
-    ].join('\n');
-    const email = 'jbrowse2@berkeley.edu';
-    const githubLink = `https://github.com/GMOD/jbrowse-components/issues/new?labels=bug&title=JBrowse+issue&body=${err}`;
-    const emailLink = `mailto:${email}?subject=JBrowse%202%20error&body=${err}`;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { children: ["Post a new issue at", ' ', (0, jsx_runtime_1.jsx)(ExternalLink_1.default, { href: githubLink, children: "GitHub" }), " or send an email to ", (0, jsx_runtime_1.jsx)(ExternalLink_1.default, { href: emailLink, children: email }), ' '] }), (0, jsx_runtime_1.jsx)("pre", { className: classes.pre, children: err2 })] }));
-}
-function ErrorMessageStackTraceDialog({ error, onClose, extra, }) {
-    const [mappedStackTrace, setMappedStackTrace] = (0, react_1.useState)();
-    const [secondaryError, setSecondaryError] = (0, react_1.useState)();
-    const [clicked, setClicked] = (0, react_1.useState)(false);
-    const stackTracePreProcessed = `${typeof error === 'object' && error !== null && 'stack' in error ? error.stack : ''}`;
-    const errorText = error ? `${error}` : '';
-    const stackTrace = stripMessage(stackTracePreProcessed, errorText);
-    (0, react_1.useEffect)(() => {
-        ;
-        (async () => {
-            try {
-                const res = await mapStackTrace(stackTrace);
-                setMappedStackTrace(res);
-            }
-            catch (e) {
-                console.error(e);
-                setMappedStackTrace(stackTrace);
-                setSecondaryError(e);
-            }
-        })();
-    }, [stackTrace]);
-    const errorBoxText = [
-        secondaryError
-            ? 'Error loading source map, showing raw stack trace below:'
-            : '',
-        errorText.length > MAX_ERR_LEN
-            ? `${errorText.slice(0, MAX_ERR_LEN)}...`
-            : errorText,
-        mappedStackTrace || 'No stack trace available',
-        window.JBrowseSession ? `JBrowse ${window.JBrowseSession.version}` : '',
-    ]
-        .filter(f => !!f)
-        .join('\n');
-    return ((0, jsx_runtime_1.jsxs)(Dialog_1.default, { open: true, onClose: onClose, title: "Stack trace", maxWidth: "xl", children: [(0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: mappedStackTrace === undefined ? ((0, jsx_runtime_1.jsx)(LoadingEllipses_1.default, { variant: "h6" })) : ((0, jsx_runtime_1.jsx)(Contents, { text: errorBoxText, extra: extra })) }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
-                            (0, copy_to_clipboard_1.default)(errorBoxText);
-                            setClicked(true);
-                            setTimeout(() => {
-                                setClicked(false);
-                            }, 1000);
-                        }, children: clicked ? 'Copied!' : 'Copy stack trace to clipboard' }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", onClick: onClose, children: "Close" })] })] }));
-}

package/ui/ExternalLink.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = ExternalLink;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const OpenInNew_1 = __importDefault(require("@mui/icons-material/OpenInNew"));
-const material_1 = require("@mui/material");
-function ExternalLink(props) {
-    const { children, ...rest } = props;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Link, { ...rest, target: "_blank", rel: "noopener noreferrer", children: [children, " ", (0, jsx_runtime_1.jsx)(OpenInNew_1.default, { fontSize: "small" })] }));
-}

package/ui/FactoryResetDialog.js

@@ -1,24 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = FactoryResetDialog;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Dialog_1 = __importDefault(require("@jbrowse/core/ui/Dialog"));
-const material_1 = require("@mui/material");
-function FactoryResetDialog({ onClose, open, onFactoryReset, }) {
-    function handleDialogClose(action) {
-        if (action === 'reset') {
-            onFactoryReset();
-        }
-        onClose();
-    }
-    return ((0, jsx_runtime_1.jsxs)(Dialog_1.default, { title: "Reset", onClose: () => {
-            handleDialogClose();
-        }, open: open, children: [(0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: "Are you sure you want to reset? This will restore the default configuration." }) }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: () => {
-                            handleDialogClose();
-                        }, color: "primary", children: "Cancel" }), (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: () => {
-                            handleDialogClose('reset');
-                        }, color: "primary", variant: "contained", children: "OK" })] })] }));
-}

package/ui/FatalErrorDialog.js

@@ -1,24 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = FatalErrorDialog;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const material_1 = require("@mui/material");
-const ErrorMessage_1 = __importDefault(require("./ErrorMessage"));
-const FactoryResetDialog_1 = __importDefault(require("./FactoryResetDialog"));
-const ResetComponent = ({ onFactoryReset, resetButtonText, }) => {
-    const [dialogOpen, setDialogOpen] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { "data-testid": "fatal-error", color: "primary", variant: "contained", onClick: () => {
-                    setDialogOpen(true);
-                }, children: resetButtonText }), (0, jsx_runtime_1.jsx)(FactoryResetDialog_1.default, { onClose: () => {
-                    setDialogOpen(false);
-                }, open: dialogOpen, onFactoryReset: onFactoryReset })] }));
-};
-function FatalErrorDialog({ componentStack, error = 'No error message provided', onFactoryReset, resetButtonText = 'Factory Reset', }) {
-    return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, { maxWidth: "xl", open: true, children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { children: "Fatal error" }), (0, jsx_runtime_1.jsxs)(material_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(ErrorMessage_1.default, { error: error }), (0, jsx_runtime_1.jsx)("pre", { children: componentStack })] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { color: "secondary", variant: "contained", onClick: () => {
-                            window.location.reload();
-                        }, children: "Refresh" }), (0, jsx_runtime_1.jsx)(ResetComponent, { onFactoryReset: onFactoryReset, resetButtonText: resetButtonText })] })] }));
-}

package/ui/FileSelector/FileSelector.d.ts

@@ -1,11 +0,0 @@
-import type { AbstractRootModel, FileLocation } from '../../util/types';
-declare const FileSelector: (props: {
-    location?: FileLocation;
-    name?: string;
-    description?: string;
-    inline?: boolean;
-    rootModel?: AbstractRootModel;
-    setLocation: (param: FileLocation) => void;
-    setName?: (str: string) => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export default FileSelector;

package/ui/FileSelector/FileSelector.js

@@ -1,102 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const LocalFileChooser_1 = __importDefault(require("./LocalFileChooser"));
-const UrlChooser_1 = __importDefault(require("./UrlChooser"));
-const util_1 = require("../../util");
-const types_1 = require("../../util/types");
-const NUM_SHOWN = 2;
-function ToggleButtonWithTooltip(props) {
-    const { title, children, ...other } = props;
-    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: title || '', children: (0, jsx_runtime_1.jsx)(material_1.ToggleButton, { ...other, children: children }) }));
-}
-function shorten(str, len) {
-    if (typeof str === 'string' && str.length > len) {
-        return `${str.slice(0, Math.max(0, len))}…`;
-    }
-    return str;
-}
-function Inline({ children }) {
-    return (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', gap: 4 }, children: children });
-}
-function Box2({ children }) {
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { display: "flex", flexDirection: "row", children: (0, jsx_runtime_1.jsx)(material_1.Box, { children: children }) }));
-}
-function Input(props) {
-    const { setLocation, inline, toggleButtonValue, selectedAccount } = props;
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (selectedAccount === null || selectedAccount === void 0 ? void 0 : selectedAccount.SelectorComponent) ? ((0, jsx_runtime_1.jsx)(selectedAccount.SelectorComponent, { ...props, setLocation: setLocation })) : toggleButtonValue === 'url' ? ((0, jsx_runtime_1.jsx)(UrlChooser_1.default, { ...props, setLocation: setLocation, label: selectedAccount === null || selectedAccount === void 0 ? void 0 : selectedAccount.selectorLabel, style: inline ? { margin: 0 } : undefined })) : toggleButtonValue === 'file' ? ((0, jsx_runtime_1.jsx)(LocalFileChooser_1.default, { ...props })) : null }));
-}
-const FileSelector = (0, mobx_react_1.observer)(function (props) {
-    const { inline, location, name, description, rootModel, setLocation } = props;
-    const fileOrUrl = !location || (0, types_1.isUriLocation)(location) ? 'url' : 'file';
-    const [toggleButtonValue, setToggleButtonValue] = (0, react_1.useState)(location && 'internetAccountId' in location && location.internetAccountId
-        ? location.internetAccountId
-        : fileOrUrl);
-    const accounts = (0, types_1.isAppRootModel)(rootModel)
-        ? rootModel.internetAccounts.filter(f => f.type !== 'HTTPBasicInternetAccount')
-        : [];
-    const [recentlyUsedInternetAccounts, setRecentlyUsedInternetAccounts] = (0, util_1.useLocalStorage)('fileSelector-recentlyUsedInternetAccounts', []);
-    const map = Object.fromEntries(accounts.map(a => [a.internetAccountId, a]));
-    const arr = [...new Set(accounts.map(s => s.internetAccountId))].sort((a, b) => recentlyUsedInternetAccounts.indexOf(a) -
-        recentlyUsedInternetAccounts.indexOf(b));
-    const shownAccounts = arr.slice(0, NUM_SHOWN);
-    const hiddenAccounts = arr.slice(NUM_SHOWN);
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    const selectedAccount = map[toggleButtonValue];
-    const setLocationWithAccount = (0, react_1.useCallback)((location) => {
-        setLocation({
-            ...location,
-            ...(selectedAccount && (0, types_1.isUriLocation)(location)
-                ? { internetAccountId: selectedAccount.internetAccountId }
-                : {}),
-        });
-    }, [setLocation, selectedAccount]);
-    (0, react_1.useEffect)(() => {
-        if (selectedAccount &&
-            (0, types_1.isUriLocation)(location) &&
-            location.internetAccountId !== selectedAccount.internetAccountId) {
-            setLocationWithAccount(location);
-        }
-    }, [location, selectedAccount, setLocationWithAccount]);
-    const Wrapper = inline ? Inline : Box2;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { display: "flex", children: (0, jsx_runtime_1.jsx)(material_1.InputLabel, { shrink: true, children: name }) }), (0, jsx_runtime_1.jsxs)(material_1.FormGroup, { children: [(0, jsx_runtime_1.jsxs)(Wrapper, { children: [(0, jsx_runtime_1.jsxs)(material_1.ToggleButtonGroup, { value: toggleButtonValue, exclusive: true, size: "small", onChange: (_event, newState) => {
-                                    setRecentlyUsedInternetAccounts([
-                                        ...new Set([newState, ...recentlyUsedInternetAccounts].filter(util_1.notEmpty)),
-                                    ]);
-                                    if (newState) {
-                                        setToggleButtonValue(newState);
-                                    }
-                                    if ((0, types_1.isUriLocation)(location)) {
-                                        setLocationWithAccount(location);
-                                    }
-                                }, "aria-label": "file, url, or account picker", children: [new URLSearchParams(window.location.search).get('adminKey') ? null : ((0, jsx_runtime_1.jsx)(material_1.ToggleButton, { size: "small", value: "file", "aria-label": "local file", children: "File" })), (0, jsx_runtime_1.jsx)(material_1.ToggleButton, { size: "small", value: "url", "aria-label": "url", children: "URL" }), shownAccounts.map(id => {
-                                        const { internetAccountId, name, toggleContents } = map[id];
-                                        return ((0, jsx_runtime_1.jsx)(ToggleButtonWithTooltip, { value: internetAccountId, title: name, children: typeof toggleContents === 'string'
-                                                ? shorten(toggleContents, 5)
-                                                : toggleContents || shorten(name, 5) }, id));
-                                    }), hiddenAccounts.length > 0 ? ((0, jsx_runtime_1.jsxs)(material_1.ToggleButton, { onClick: event => {
-                                            setAnchorEl(event.target);
-                                        }, selected: false, children: ["More", (0, jsx_runtime_1.jsx)(ArrowDropDown_1.default, {})] })) : null] }), inline ? ((0, jsx_runtime_1.jsx)(Input, { ...props, toggleButtonValue: toggleButtonValue, selectedAccount: selectedAccount, setLocation: setLocationWithAccount })) : null] }), !inline ? ((0, jsx_runtime_1.jsx)(Input, { ...props, toggleButtonValue: toggleButtonValue, selectedAccount: selectedAccount, setLocation: setLocationWithAccount })) : null] }), (0, jsx_runtime_1.jsx)(material_1.FormHelperText, { children: description }), anchorEl ? ((0, jsx_runtime_1.jsx)(material_1.Menu, { open: true, anchorEl: anchorEl, anchorOrigin: { vertical: 'bottom', horizontal: 'center' }, transformOrigin: { vertical: 'top', horizontal: 'center' }, onClose: () => {
-                    setAnchorEl(null);
-                }, children: hiddenAccounts.map(id => {
-                    const { internetAccountId, name } = map[id];
-                    return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: internetAccountId, onClick: () => {
-                            setRecentlyUsedInternetAccounts([
-                                ...new Set([
-                                    internetAccountId,
-                                    ...recentlyUsedInternetAccounts,
-                                ].filter(util_1.notEmpty)),
-                            ]);
-                            setToggleButtonValue(internetAccountId);
-                            setAnchorEl(null);
-                        }, children: name }, id));
-                }) })) : null] }));
-});
-exports.default = FileSelector;

package/ui/FileSelector/LocalFileChooser.d.ts

@@ -1,6 +0,0 @@
-import type { FileLocation } from '../../util/types';
-declare function LocalFileChooser({ location, setLocation, }: {
-    location?: FileLocation;
-    setLocation: (arg: FileLocation) => void;
-}): import("react/jsx-runtime").JSX.Element;
-export default LocalFileChooser;

package/ui/FileSelector/LocalFileChooser.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const util_1 = require("../../util");
-const tracks_1 = require("../../util/tracks");
-function isLocalPathLocation(loc) {
-    return 'localPath' in loc;
-}
-function isBlobLocation(loc) {
-    return 'blobId' in loc;
-}
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    filename: {
-        marginLeft: theme.spacing(1),
-    },
-}));
-function LocalFileChooser({ location, setLocation, }) {
-    const { classes } = useStyles();
-    const filename = location &&
-        ((isBlobLocation(location) && location.name) ||
-            (isLocalPathLocation(location) && location.localPath));
-    const needToReload = location && isBlobLocation(location) && !(0, tracks_1.getBlob)(location.blobId);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", flexDirection: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(material_1.FormControl, { fullWidth: true, children: (0, jsx_runtime_1.jsxs)(material_1.Button, { variant: "outlined", component: "label", children: ["Choose File", (0, jsx_runtime_1.jsx)("input", { type: "file", hidden: true, onChange: ({ target }) => {
-                                    var _a;
-                                    const file = (_a = target.files) === null || _a === void 0 ? void 0 : _a[0];
-                                    if (file) {
-                                        if (util_1.isElectron) {
-                                            const { webUtils } = window.require('electron');
-                                            setLocation({
-                                                localPath: webUtils.getPathForFile(file),
-                                                locationType: 'LocalPathLocation',
-                                            });
-                                        }
-                                        else {
-                                            setLocation((0, tracks_1.storeBlobLocation)({ blob: file }));
-                                        }
-                                    }
-                                } })] }) }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { component: "span", className: classes.filename, color: filename ? 'initial' : 'textSecondary', children: filename || 'No file chosen' }), needToReload ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { color: "error", children: "(need to reload)" })) : null] })] }));
-}
-exports.default = LocalFileChooser;

package/ui/FileSelector/UrlChooser.d.ts

@@ -1,8 +0,0 @@
-import type { FileLocation } from '../../util/types';
-declare const UrlChooser: ({ location, label, style, setLocation, }: {
-    location?: FileLocation;
-    label?: string;
-    style?: Record<string, unknown>;
-    setLocation: (arg: FileLocation) => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export default UrlChooser;

package/ui/FileSelector/UrlChooser.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const types_1 = require("../../util/types");
-const UrlChooser = (0, mobx_react_1.observer)(function ({ location, label, style, setLocation, }) {
-    return ((0, jsx_runtime_1.jsx)(material_1.TextField, { variant: "outlined", fullWidth: true, defaultValue: location && (0, types_1.isUriLocation)(location) ? location.uri : '', label: label || 'Enter URL', style: style, onChange: event => {
-            setLocation({
-                uri: event.target.value.trim(),
-                locationType: 'UriLocation',
-            });
-        }, slotProps: {
-            htmlInput: {
-                'data-testid': 'urlInput',
-            },
-        } }));
-});
-exports.default = UrlChooser;

package/ui/FileSelector/index.d.ts

@@ -1 +0,0 @@
-export { default } from './FileSelector';

package/ui/FileSelector/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var FileSelector_1 = require("./FileSelector");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FileSelector_1).default; } });

package/ui/HoverMenu.js

@@ -1,50 +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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const material_1 = require("@mui/material");
-const HoverMenu = React.forwardRef(function HoverMenu(props, ref) {
-    return ((0, jsx_runtime_1.jsx)(material_1.Menu, { ...props, ref: ref, style: {
-            pointerEvents: 'none',
-            ...props.style,
-        }, slotProps: {
-            ...props.slotProps,
-            paper: {
-                style: { pointerEvents: 'auto' },
-            },
-        } }));
-});
-exports.default = HoverMenu;

package/ui/Icons.js

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Indexing = Indexing;
-exports.TrackSelector = TrackSelector;
-exports.DNA = DNA;
-exports.Cable = Cable;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SvgIcon_1 = __importDefault(require("@mui/material/SvgIcon"));
-function Indexing(props) {
-    return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M19.31 18.9L22.39 22L21 23.39L17.88 20.32C17.19 20.75 16.37 21 15.5 21C13 21 11 19 11 16.5C11 14 13 12 15.5 12C18 12 20 14 20 16.5C20 17.38 19.75 18.21 19.31 18.9M15.5 19C16.88 19 18 17.88 18 16.5C18 15.12 16.88 14 15.5 14C14.12 14 13 15.12 13 16.5C13 17.88 14.12 19 15.5 19M21 4V6H3V4H21M3 16V14H9V16H3M3 11V9H21V11H18.97C17.96 10.37 16.77 10 15.5 10C14.23 10 13.04 10.37 12.03 11H3Z" }) }));
-}
-function TrackSelector(props) {
-    return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M21 19v-2H8v2h13m0-6v-2H8v2h13M8 7h13V5H8v2M4 5v2h2V5H4M3 5a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V5m1 6v2h2v-2H4m-1 0a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1v-2m1 6v2h2v-2H4m-1 0a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1v-2z" }) }));
-}
-function DNA(props) {
-    return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M4,2H6V4C6,5.44 6.68,6.61 7.88,7.78C8.74,8.61 9.89,9.41 11.09,10.2L9.26,11.39C8.27,10.72 7.31,10 6.5,9.21C5.07,7.82 4,6.1 4,4V2M18,2H20V4C20,6.1 18.93,7.82 17.5,9.21C16.09,10.59 14.29,11.73 12.54,12.84C10.79,13.96 9.09,15.05 7.88,16.22C6.68,17.39 6,18.56 6,20V22H4V20C4,17.9 5.07,16.18 6.5,14.79C7.91,13.41 9.71,12.27 11.46,11.16C13.21,10.04 14.91,8.95 16.12,7.78C17.32,6.61 18,5.44 18,4V2M14.74,12.61C15.73,13.28 16.69,14 17.5,14.79C18.93,16.18 20,17.9 20,20V22H18V20C18,18.56 17.32,17.39 16.12,16.22C15.26,15.39 14.11,14.59 12.91,13.8L14.74,12.61M7,3H17V4L16.94,4.5H7.06L7,4V3M7.68,6H16.32C16.08,6.34 15.8,6.69 15.42,7.06L14.91,7.5H9.07L8.58,7.06C8.2,6.69 7.92,6.34 7.68,6M9.09,16.5H14.93L15.42,16.94C15.8,17.31 16.08,17.66 16.32,18H7.68C7.92,17.66 8.2,17.31 8.58,16.94L9.09,16.5M7.06,19.5H16.94L17,20V21H7V20L7.06,19.5Z" }) }));
-}
-function Cable(props) {
-    return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M20 5V4c0-.55-.45-1-1-1h-2c-.55 0-1 .45-1 1v1h-1v4c0 .55.45 1 1 1h1v7c0 1.1-.9 2-2 2s-2-.9-2-2V7c0-2.21-1.79-4-4-4S5 4.79 5 7v7H4c-.55 0-1 .45-1 1v4h1v1c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-1h1v-4c0-.55-.45-1-1-1H7V7c0-1.1.9-2 2-2s2 .9 2 2v10c0 2.21 1.79 4 4 4s4-1.79 4-4v-7h1c.55 0 1-.45 1-1V5h-1z" }) }));
-}

package/ui/LoadingEllipses.d.ts

@@ -1,6 +0,0 @@
-import type { TypographyProps } from '@mui/material';
-interface Props extends TypographyProps {
-    message?: string;
-}
-export default function LoadingEllipses({ message, variant, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
-export {};