@jbrowse/core 3.7.0 → 4.0.1

package/ui/EditableTypography.js

@@ -1,65 +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 useMeasure_1 = __importDefault(require("@jbrowse/core/util/useMeasure"));
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    input: {},
-    inputBase: {},
-    typography: {
-        top: 6,
-        left: 2,
-        position: 'absolute',
-        whiteSpace: 'nowrap',
-        visibility: 'hidden',
-    },
-    inputRoot: {
-        padding: theme.spacing(0.5),
-    },
-    inputFocused: {
-        borderStyle: 'solid',
-        borderWidth: 2,
-    },
-}));
-const EditableTypography = (0, react_1.forwardRef)(function EditableTypography2(props, ref) {
-    const { value, setValue, variant, ...other } = props;
-    const [ref2, { width }] = (0, useMeasure_1.default)();
-    const [editedValue, setEditedValue] = (0, react_1.useState)();
-    const [inputNode, setInputNode] = (0, react_1.useState)(null);
-    const { classes } = useStyles(props, { props });
-    const theme = (0, material_1.useTheme)();
-    const val = editedValue === undefined ? value : editedValue;
-    return ((0, jsx_runtime_1.jsxs)("div", { ...other, ref: ref, children: [(0, jsx_runtime_1.jsx)("div", { style: { position: 'relative' }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { ref: ref2, component: "span", variant: variant, className: classes.typography, children: val }) }), (0, jsx_runtime_1.jsx)(material_1.InputBase, { inputRef: node => {
-                    setInputNode(node);
-                }, className: classes.inputBase, inputProps: {
-                    style: {
-                        width,
-                        ...(variant && variant !== 'inherit'
-                            ? theme.typography[variant]
-                            : {}),
-                    },
-                }, classes: {
-                    input: classes.input,
-                    root: classes.inputRoot,
-                    focused: classes.inputFocused,
-                }, value: val, onChange: event => {
-                    setEditedValue(event.target.value);
-                }, onKeyDown: event => {
-                    if (event.key === 'Enter') {
-                        inputNode === null || inputNode === void 0 ? void 0 : inputNode.blur();
-                    }
-                    else if (event.key === 'Escape') {
-                        setEditedValue(undefined);
-                        inputNode === null || inputNode === void 0 ? void 0 : inputNode.blur();
-                    }
-                }, onBlur: () => {
-                    setValue(editedValue || value || '');
-                    setEditedValue(undefined);
-                } })] }));
-});
-exports.default = EditableTypography;

package/ui/ErrorBoundary.d.ts

@@ -1,17 +0,0 @@
-import type { ErrorInfo } from 'react';
-import { Component } from 'react';
-interface Props {
-    children: React.ReactNode;
-    FallbackComponent: React.FC<{
-        error: unknown;
-    }>;
-}
-interface State {
-    error: unknown;
-}
-declare class ErrorBoundary extends Component<Props, State> {
-    constructor(props: Props);
-    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
-}
-export { ErrorBoundary };

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; } });