@jbrowse/core 2.17.0 → 3.0.0

package/ui/FactoryResetDialog.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = FactoryResetDialog;
-const react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
+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') {
@@ -14,16 +14,11 @@ function FactoryResetDialog({ onClose, open, onFactoryReset, }) {
         }
         onClose();
     }
-    return (react_1.default.createElement(Dialog_1.default, { title: "Reset", onClose: () => {
+    return ((0, jsx_runtime_1.jsxs)(Dialog_1.default, { title: "Reset", onClose: () => {
             handleDialogClose();
-        }, open: open },
-        react_1.default.createElement(material_1.DialogContent, null,
-            react_1.default.createElement(material_1.DialogContentText, null, "Are you sure you want to reset? This will restore the default configuration.")),
-        react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { onClick: () => {
-                    handleDialogClose();
-                }, color: "primary" }, "Cancel"),
-            react_1.default.createElement(material_1.Button, { onClick: () => {
-                    handleDialogClose('reset');
-                }, color: "primary", variant: "contained" }, "OK"))));
+        }, 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.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 export default function FatalErrorDialog({ componentStack, error, onFactoryReset, resetButtonText, }: {
     componentStack?: string;
     error?: unknown;
     onFactoryReset: () => void;
     resetButtonText?: string;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/ui/FatalErrorDialog.js

@@ -1,55 +1,24 @@
 "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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = FatalErrorDialog;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const material_1 = require("@mui/material");
-const FactoryResetDialog_1 = __importDefault(require("./FactoryResetDialog"));
 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 (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.Button, { "data-testid": "fatal-error", color: "primary", variant: "contained", onClick: () => {
-                setDialogOpen(true);
-            } }, resetButtonText),
-        react_1.default.createElement(FactoryResetDialog_1.default, { onClose: () => {
-                setDialogOpen(false);
-            }, open: dialogOpen, onFactoryReset: onFactoryReset })));
+    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 (react_1.default.createElement(material_1.Dialog, { maxWidth: "xl", open: true },
-        react_1.default.createElement(material_1.DialogTitle, null, "Fatal error"),
-        react_1.default.createElement(material_1.DialogContent, null,
-            react_1.default.createElement(ErrorMessage_1.default, { error: error }),
-            react_1.default.createElement("pre", null, componentStack)),
-        react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { color: "secondary", variant: "contained", onClick: () => {
-                    window.location.reload();
-                } }, "Refresh"),
-            react_1.default.createElement(ResetComponent, { onFactoryReset: onFactoryReset, resetButtonText: resetButtonText }))));
+    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 +1,11 @@
-import React from 'react';
-import { FileLocation, AbstractRootModel } from '../../util/types';
+import type { AbstractRootModel, FileLocation } from '../../util/types';
 declare const FileSelector: (props: {
     location?: FileLocation;
-    setLocation: (param: FileLocation) => void;
-    setName?: (str: string) => void;
     name?: string;
     description?: string;
+    inline?: boolean;
     rootModel?: AbstractRootModel;
-}) => React.JSX.Element;
+    setLocation: (param: FileLocation) => void;
+    setName?: (str: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;
 export default FileSelector;

package/ui/FileSelector/FileSelector.js

@@ -1,46 +1,21 @@
 "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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const mobx_react_1 = require("mobx-react");
+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");
-// locals
-const types_1 = require("../../util/types");
+const mobx_react_1 = require("mobx-react");
 const LocalFileChooser_1 = __importDefault(require("./LocalFileChooser"));
 const UrlChooser_1 = __importDefault(require("./UrlChooser"));
 const util_1 = require("../../util");
-// icons
-const ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
+const types_1 = require("../../util/types");
 const NUM_SHOWN = 2;
 function ToggleButtonWithTooltip(props) {
     const { title, children, ...other } = props;
-    return (react_1.default.createElement(material_1.Tooltip, { title: title || '' },
-        react_1.default.createElement(material_1.ToggleButton, { ...other }, children)));
+    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) {
@@ -48,8 +23,18 @@ function shorten(str, 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 { location, name, description, rootModel, setLocation } = 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
@@ -74,57 +59,35 @@ const FileSelector = (0, mobx_react_1.observer)(function (props) {
         });
     }, [setLocation, selectedAccount]);
     (0, react_1.useEffect)(() => {
-        // if you swap account selection after inputting url
         if (selectedAccount &&
             (0, types_1.isUriLocation)(location) &&
             location.internetAccountId !== selectedAccount.internetAccountId) {
             setLocationWithAccount(location);
         }
     }, [location, selectedAccount, setLocationWithAccount]);
-    let locationInput = (react_1.default.createElement(UrlChooser_1.default, { ...props, setLocation: setLocationWithAccount, label: selectedAccount === null || selectedAccount === void 0 ? void 0 : selectedAccount.selectorLabel }));
-    if (toggleButtonValue === 'file') {
-        locationInput = react_1.default.createElement(LocalFileChooser_1.default, { ...props });
-    }
-    if (selectedAccount === null || selectedAccount === void 0 ? void 0 : selectedAccount.SelectorComponent) {
-        const { SelectorComponent } = selectedAccount;
-        locationInput = (react_1.default.createElement(SelectorComponent, { ...props, setLocation: setLocationWithAccount }));
-    }
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.Box, { display: "flex" },
-            react_1.default.createElement(material_1.InputLabel, { shrink: true }, name)),
-        react_1.default.createElement(material_1.Box, { display: "flex", flexDirection: "row" },
-            react_1.default.createElement(material_1.Box, null,
-                react_1.default.createElement(material_1.ToggleButtonGroup, { value: toggleButtonValue, exclusive: true, 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" },
-                    new URLSearchParams(window.location.search).get('adminKey') ? null : (react_1.default.createElement(material_1.ToggleButton, { value: "file", "aria-label": "local file" }, "File")),
-                    react_1.default.createElement(material_1.ToggleButton, { value: "url", "aria-label": "url" }, "URL"),
-                    shownAccounts.map(id => {
-                        const { internetAccountId, name, toggleContents } = map[id];
-                        return (react_1.default.createElement(ToggleButtonWithTooltip, { key: id, value: internetAccountId, title: name }, typeof toggleContents === 'string'
-                            ? shorten(toggleContents, 5)
-                            : toggleContents || shorten(name, 5)));
-                    }),
-                    hiddenAccounts.length > 0 ? (
-                    // @ts-expect-error
-                    react_1.default.createElement(material_1.ToggleButton, { onClick: event => {
-                            setAnchorEl(event.target);
-                        }, selected: false },
-                        "More",
-                        react_1.default.createElement(ArrowDropDown_1.default, null))) : null),
-                react_1.default.createElement(material_1.Menu, { open: Boolean(anchorEl), anchorEl: anchorEl, onClose: () => {
-                        setAnchorEl(null);
-                    }, anchorOrigin: { vertical: 'bottom', horizontal: 'center' }, transformOrigin: { vertical: 'top', horizontal: 'center' } }, hiddenAccounts.map(id => {
+    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 (react_1.default.createElement(material_1.MenuItem, { key: id, value: internetAccountId, onClick: () => {
+                    return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: internetAccountId, onClick: () => {
                             setRecentlyUsedInternetAccounts([
                                 ...new Set([
                                     internetAccountId,
@@ -133,9 +96,7 @@ const FileSelector = (0, mobx_react_1.observer)(function (props) {
                             ]);
                             setToggleButtonValue(internetAccountId);
                             setAnchorEl(null);
-                        } }, name));
-                })))),
-        locationInput,
-        react_1.default.createElement(material_1.FormHelperText, null, description)));
+                        }, children: name }, id));
+                }) })) : null] }));
 });
 exports.default = FileSelector;

package/ui/FileSelector/LocalFileChooser.d.ts

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

package/ui/FileSelector/LocalFileChooser.js

@@ -1,9 +1,6 @@
 "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 mui_1 = require("tss-react/mui");
 const util_1 = require("../../util");
@@ -25,30 +22,21 @@ function LocalFileChooser({ location, setLocation, }) {
         ((isBlobLocation(location) && location.name) ||
             (isLocalPathLocation(location) && location.localPath));
     const needToReload = location && isBlobLocation(location) && !(0, tracks_1.getBlob)(location.blobId);
-    return (react_1.default.createElement(material_1.Box, { display: "flex", flexDirection: "row", alignItems: "center" },
-        react_1.default.createElement(material_1.Box, null,
-            react_1.default.createElement(material_1.FormControl, { fullWidth: true },
-                react_1.default.createElement(material_1.Button, { variant: "outlined", component: "label" },
-                    "Choose File",
-                    react_1.default.createElement("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 {
-                                    // @ts-expect-error
-                                    setLocation((0, tracks_1.storeBlobLocation)({ blob: file }));
-                                }
-                            }
-                        } })))),
-        react_1.default.createElement(material_1.Box, null,
-            react_1.default.createElement(material_1.Typography, { component: "span", className: classes.filename, color: filename ? 'initial' : 'textSecondary' }, filename || 'No file chosen'),
-            needToReload ? (react_1.default.createElement(material_1.Typography, { color: "error" }, "(need to reload)")) : null)));
+    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 +1,8 @@
-import React from 'react';
-import { FileLocation } from '../../util/types';
-declare const UrlChooser: ({ location, setLocation, label, }: {
+import type { FileLocation } from '../../util/types';
+declare const UrlChooser: ({ location, label, style, setLocation, }: {
     location?: FileLocation;
-    setLocation: (arg: FileLocation) => void;
     label?: string;
-}) => React.JSX.Element;
+    style?: Record<string, unknown>;
+    setLocation: (arg: FileLocation) => void;
+}) => import("react/jsx-runtime").JSX.Element;
 export default UrlChooser;

package/ui/FileSelector/UrlChooser.js

@@ -1,20 +1,19 @@
 "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 types_1 = require("../../util/types");
-const UrlChooser = (0, mobx_react_1.observer)(function ({ location, setLocation, label, }) {
-    return (react_1.default.createElement(material_1.TextField, { fullWidth: true, variant: "outlined", defaultValue: location && (0, types_1.isUriLocation)(location) ? location.uri : '', label: label || 'Enter URL', onChange: event => {
+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' },
+            htmlInput: {
+                'data-testid': 'urlInput',
+            },
         } }));
 });
 exports.default = UrlChooser;

package/ui/Icons.d.ts

@@ -1,11 +1,10 @@
-import { SvgIconProps } from '@mui/material/SvgIcon';
-import React from 'react';
-export declare function ContentCopy(props: SvgIconProps): React.JSX.Element;
-export declare function Indexing(props: SvgIconProps): React.JSX.Element;
-export declare function ContentCut(props: SvgIconProps): React.JSX.Element;
-export declare function ContentPaste(props: SvgIconProps): React.JSX.Element;
-export declare function TrackSelector(props: SvgIconProps): React.JSX.Element;
-export declare function SaveAs(props: SvgIconProps): React.JSX.Element;
-export declare function Save(props: SvgIconProps): React.JSX.Element;
-export declare function DNA(props: SvgIconProps): React.JSX.Element;
-export declare function Cable(props: SvgIconProps): React.JSX.Element;
+import type { SvgIconProps } from '@mui/material/SvgIcon';
+export declare function ContentCopy(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function Indexing(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContentCut(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContentPaste(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function TrackSelector(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function SaveAs(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function Save(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function DNA(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function Cable(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;

package/ui/Icons.js

@@ -12,47 +12,32 @@ exports.SaveAs = SaveAs;
 exports.Save = Save;
 exports.DNA = DNA;
 exports.Cable = Cable;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = __importDefault(require("@mui/material/SvgIcon"));
-const react_1 = __importDefault(require("react"));
-// Icons below come from https://material.io/resources/icons/?icon=line_style&style=baseline
 function ContentCopy(props) {
-    return (react_1.default.createElement(SvgIcon_1.default, { ...props },
-        react_1.default.createElement("path", { d: "M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z" })));
+    return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z" }) }));
 }
-// https://materialdesignicons.com/ text-search icon
 function Indexing(props) {
-    return (react_1.default.createElement(SvgIcon_1.default, { ...props },
-        react_1.default.createElement("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" })));
+    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 ContentCut(props) {
-    return (react_1.default.createElement(SvgIcon_1.default, { ...props },
-        react_1.default.createElement("path", { d: "M19,3L13,9L15,11L22,4V3M12,12.5A0.5,0.5 0 0,1 11.5,12A0.5,0.5 0 0,1 12,11.5A0.5,0.5 0 0,1 12.5,12A0.5,0.5 0 0,1 12,12.5M6,20A2,2 0 0,1 4,18C4,16.89 4.9,16 6,16A2,2 0 0,1 8,18C8,19.11 7.1,20 6,20M6,8A2,2 0 0,1 4,6C4,4.89 4.9,4 6,4A2,2 0 0,1 8,6C8,7.11 7.1,8 6,8M9.64,7.64C9.87,7.14 10,6.59 10,6A4,4 0 0,0 6,2A4,4 0 0,0 2,6A4,4 0 0,0 6,10C6.59,10 7.14,9.87 7.64,9.64L10,12L7.64,14.36C7.14,14.13 6.59,14 6,14A4,4 0 0,0 2,18A4,4 0 0,0 6,22A4,4 0 0,0 10,18C10,17.41 9.87,16.86 9.64,16.36L12,14L19,21H22V20L9.64,7.64Z" })));
+    return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M19,3L13,9L15,11L22,4V3M12,12.5A0.5,0.5 0 0,1 11.5,12A0.5,0.5 0 0,1 12,11.5A0.5,0.5 0 0,1 12.5,12A0.5,0.5 0 0,1 12,12.5M6,20A2,2 0 0,1 4,18C4,16.89 4.9,16 6,16A2,2 0 0,1 8,18C8,19.11 7.1,20 6,20M6,8A2,2 0 0,1 4,6C4,4.89 4.9,4 6,4A2,2 0 0,1 8,6C8,7.11 7.1,8 6,8M9.64,7.64C9.87,7.14 10,6.59 10,6A4,4 0 0,0 6,2A4,4 0 0,0 2,6A4,4 0 0,0 6,10C6.59,10 7.14,9.87 7.64,9.64L10,12L7.64,14.36C7.14,14.13 6.59,14 6,14A4,4 0 0,0 2,18A4,4 0 0,0 6,22A4,4 0 0,0 10,18C10,17.41 9.87,16.86 9.64,16.36L12,14L19,21H22V20L9.64,7.64Z" }) }));
 }
 function ContentPaste(props) {
-    return (react_1.default.createElement(SvgIcon_1.default, { ...props },
-        react_1.default.createElement("path", { d: "M19,20H5V4H7V7H17V4H19M12,2A1,1 0 0,1 13,3A1,1 0 0,1 12,4A1,1 0 0,1 11,3A1,1 0 0,1 12,2M19,2H14.82C14.4,0.84 13.3,0 12,0C10.7,0 9.6,0.84 9.18,2H5A2,2 0 0,0 3,4V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V4A2,2 0 0,0 19,2Z" })));
+    return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M19,20H5V4H7V7H17V4H19M12,2A1,1 0 0,1 13,3A1,1 0 0,1 12,4A1,1 0 0,1 11,3A1,1 0 0,1 12,2M19,2H14.82C14.4,0.84 13.3,0 12,0C10.7,0 9.6,0.84 9.18,2H5A2,2 0 0,0 3,4V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V4A2,2 0 0,0 19,2Z" }) }));
 }
-//  format-list-checkbox from https://materialdesignicons.com/
 function TrackSelector(props) {
-    return (react_1.default.createElement(SvgIcon_1.default, { ...props },
-        react_1.default.createElement("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" })));
+    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" }) }));
 }
-//  content-save-edit from https://materialdesignicons.com/
 function SaveAs(props) {
-    return (react_1.default.createElement(SvgIcon_1.default, { ...props },
-        react_1.default.createElement("path", { fill: "currentColor", d: "M10,19L10.14,18.86C8.9,18.5 8,17.36 8,16A3,3 0 0,1 11,13C12.36,13 13.5,13.9 13.86,15.14L20,9V7L16,3H4C2.89,3 2,3.9 2,5V19A2,2 0 0,0 4,21H10V19M4,5H14V9H4V5M20.04,12.13C19.9,12.13 19.76,12.19 19.65,12.3L18.65,13.3L20.7,15.35L21.7,14.35C21.92,14.14 21.92,13.79 21.7,13.58L20.42,12.3C20.31,12.19 20.18,12.13 20.04,12.13M18.07,13.88L12,19.94V22H14.06L20.12,15.93L18.07,13.88Z" })));
+    return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M10,19L10.14,18.86C8.9,18.5 8,17.36 8,16A3,3 0 0,1 11,13C12.36,13 13.5,13.9 13.86,15.14L20,9V7L16,3H4C2.89,3 2,3.9 2,5V19A2,2 0 0,0 4,21H10V19M4,5H14V9H4V5M20.04,12.13C19.9,12.13 19.76,12.19 19.65,12.3L18.65,13.3L20.7,15.35L21.7,14.35C21.92,14.14 21.92,13.79 21.7,13.58L20.42,12.3C20.31,12.19 20.18,12.13 20.04,12.13M18.07,13.88L12,19.94V22H14.06L20.12,15.93L18.07,13.88Z" }) }));
 }
-//  content-save from https://materialdesignicons.com/
 function Save(props) {
-    return (react_1.default.createElement(SvgIcon_1.default, { ...props },
-        react_1.default.createElement("path", { fill: "currentColor", d: "M15,9H5V5H15M12,19A3,3 0 0,1 9,16A3,3 0 0,1 12,13A3,3 0 0,1 15,16A3,3 0 0,1 12,19M17,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V7L17,3Z" })));
+    return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M15,9H5V5H15M12,19A3,3 0 0,1 9,16A3,3 0 0,1 12,13A3,3 0 0,1 15,16A3,3 0 0,1 12,19M17,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V7L17,3Z" }) }));
 }
-//  dna from https://materialdesignicons.com/
 function DNA(props) {
-    return (react_1.default.createElement(SvgIcon_1.default, { ...props },
-        react_1.default.createElement("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" })));
+    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 (react_1.default.createElement(SvgIcon_1.default, { ...props },
-        react_1.default.createElement("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" })));
+    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,7 +1,6 @@
-import React from 'react';
-import { TypographyProps } from '@mui/material';
+import type { TypographyProps } from '@mui/material';
 interface Props extends TypographyProps {
     message?: string;
 }
-export default function LoadingEllipses({ message, variant, ...rest }: Props): React.JSX.Element;
+export default function LoadingEllipses({ message, variant, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/ui/LoadingEllipses.js

@@ -1,13 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = LoadingEllipses;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
 const tss_react_1 = require("tss-react");
+const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()({
     dots: {
         '&::after': {
@@ -33,6 +30,6 @@ const useStyles = (0, mui_1.makeStyles)()({
     },
 });
 function LoadingEllipses({ message, variant = 'body2', ...rest }) {
-    const { classes } = useStyles();
-    return (react_1.default.createElement(material_1.Typography, { className: classes.dots, ...rest, variant: variant }, message || 'Loading'));
+    const { cx, classes } = useStyles();
+    return ((0, jsx_runtime_1.jsx)(material_1.Typography, { className: cx(classes.dots, rest.className), ...rest, variant: variant, children: message || 'Loading' }));
 }

package/ui/Logo.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 type LogoVariant = 'color' | 'black' | 'white';
 interface LogoProps {
     variant?: LogoVariant;
 }
-export declare function Logomark({ variant }: LogoProps): React.JSX.Element;
-export declare function LogoFull({ variant }: LogoProps): React.JSX.Element;
+export declare function Logomark({ variant }: LogoProps): import("react/jsx-runtime").JSX.Element;
+export declare function LogoFull({ variant }: LogoProps): import("react/jsx-runtime").JSX.Element;
 export {};