@jbrowse/core 3.7.0 → 4.0.1

package/ui/AppLogo.d.ts

@@ -1,7 +0,0 @@
-import type { AnyConfigurationModel } from '../configuration';
-declare const Logo: ({ session, }: {
-    session: {
-        configuration: AnyConfigurationModel;
-    };
-}) => import("react/jsx-runtime").JSX.Element;
-export default Logo;

package/ui/AppLogo.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const configuration_1 = require("../configuration");
-const Logo_1 = require("./Logo");
-const Logo = (0, mobx_react_1.observer)(function ({ session, }) {
-    const { configuration } = session;
-    const logoPath = (0, configuration_1.readConfObject)(configuration, 'logoPath');
-    return (logoPath === null || logoPath === void 0 ? void 0 : logoPath.uri) ? ((0, jsx_runtime_1.jsx)("img", { src: logoPath.uri, alt: "Custom logo" })) : ((0, jsx_runtime_1.jsx)(Logo_1.LogoFull, { variant: "white" }));
-});
-exports.default = Logo;

package/ui/AssemblySelector.d.ts

@@ -1,13 +0,0 @@
-import type { AbstractSessionModel } from '../util';
-import type { InputProps as IIP, TextFieldProps as TFP } from '@mui/material';
-declare const AssemblySelector: ({ session, onChange, label, selected, InputProps, TextFieldProps, localStorageKey, helperText, }: {
-    session: AbstractSessionModel;
-    label?: string;
-    helperText?: string;
-    onChange: (arg: string) => void;
-    selected?: string;
-    localStorageKey?: string;
-    InputProps?: IIP;
-    TextFieldProps?: TFP;
-}) => import("react/jsx-runtime").JSX.Element;
-export default AssemblySelector;

package/ui/AssemblySelector.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const util_1 = require("../util");
-const useStyles = (0, mui_1.makeStyles)()({
-    importFormEntry: {
-        minWidth: 180,
-    },
-});
-const AssemblySelector = (0, mobx_react_1.observer)(function ({ session, onChange, label = 'Assembly', selected, InputProps, TextFieldProps, localStorageKey, helperText = 'Select assembly to view', }) {
-    const { classes } = useStyles();
-    const { assemblyNames, assemblyManager } = session;
-    const config = new URLSearchParams(window.location.search).get('config');
-    const [lastSelected, setLastSelected] = typeof jest === 'undefined' && localStorageKey
-        ? (0, util_1.useLocalStorage)(`lastAssembly-${[
-            window.location.host + window.location.pathname,
-            config,
-            localStorageKey,
-        ].join('-')}`, selected)
-        : (0, react_1.useState)(selected);
-    const selection = assemblyNames.includes(lastSelected || '')
-        ? lastSelected
-        : selected;
-    (0, react_1.useEffect)(() => {
-        if (selection && selection !== selected) {
-            onChange(selection);
-        }
-    }, [selection, onChange, selected]);
-    const error = assemblyNames.length ? '' : 'No configured assemblies';
-    return ((0, jsx_runtime_1.jsx)(material_1.TextField, { select: true, "data-testid": "assembly-selector-textfield", label: label, variant: "outlined", helperText: error || helperText, value: selection || '', onChange: event => {
-            setLastSelected(event.target.value);
-        }, error: !!error, disabled: !!error, className: classes.importFormEntry, ...TextFieldProps, slotProps: {
-            input: InputProps,
-            htmlInput: {
-                'data-testid': 'assembly-selector',
-            },
-        }, children: assemblyNames.map(name => {
-            var _a;
-            return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: name, children: ((_a = assemblyManager.get(name)) === null || _a === void 0 ? void 0 : _a.displayName) || name }, name));
-        }) }));
-});
-exports.default = AssemblySelector;

package/ui/BaseTooltip.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = BaseTooltip;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@floating-ui/react");
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-function round(value) {
-    return Math.round(value * 1e5) / 1e5;
-}
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    tooltip: {
-        position: 'absolute',
-        pointerEvents: 'none',
-        backgroundColor: (0, material_1.alpha)(theme.palette.grey[700], 0.9),
-        borderRadius: theme.shape.borderRadius,
-        color: theme.palette.common.white,
-        fontFamily: theme.typography.fontFamily,
-        padding: '4px 8px',
-        fontSize: theme.typography.fontSize,
-        lineHeight: `${round(14 / 10)}em`,
-        maxWidth: 300,
-        wordWrap: 'break-word',
-    },
-}));
-function BaseTooltip({ clientPoint: clientPointCoords, children, placement = 'right', }) {
-    var _a, _b;
-    const theme = (0, material_1.useTheme)();
-    const popperTheme = (_a = theme.components) === null || _a === void 0 ? void 0 : _a.MuiPopper;
-    const { classes } = useStyles();
-    const { refs, floatingStyles, context } = (0, react_1.useFloating)({
-        placement,
-        strategy: 'fixed',
-        middleware: [(0, react_1.offset)(5)],
-    });
-    const clientPoint = (0, react_1.useClientPoint)(context, clientPointCoords);
-    const { getFloatingProps } = (0, react_1.useInteractions)([clientPoint]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Portal, { container: (_b = popperTheme === null || popperTheme === void 0 ? void 0 : popperTheme.defaultProps) === null || _b === void 0 ? void 0 : _b.container, children: (0, jsx_runtime_1.jsx)("div", { className: classes.tooltip, ref: refs.setFloating, style: {
-                ...floatingStyles,
-                zIndex: 100000,
-                visibility: floatingStyles.transform === 'translate(0px, 0px)'
-                    ? 'hidden'
-                    : undefined,
-                pointerEvents: 'none',
-            }, ...getFloatingProps(), children: children }) }));
-}

package/ui/CascadingMenu.d.ts

@@ -1,9 +0,0 @@
-import type { MenuItem as JBMenuItem } from './Menu';
-import type { PopupState } from './hooks';
-declare function CascadingMenuChildren(props: {
-    onMenuItemClick: Function;
-    closeAfterItemClick?: boolean;
-    menuItems: JBMenuItem[];
-    popupState: PopupState;
-}): import("react/jsx-runtime").JSX.Element;
-export default CascadingMenuChildren;

package/ui/CascadingMenu.js

@@ -1,114 +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 ChevronRight_1 = __importDefault(require("@mui/icons-material/ChevronRight"));
-const HelpOutline_1 = __importDefault(require("@mui/icons-material/HelpOutline"));
-const material_1 = require("@mui/material");
-const Dialog_1 = __importDefault(require("./Dialog"));
-const HoverMenu_1 = __importDefault(require("./HoverMenu"));
-const Menu_1 = require("./Menu");
-const hooks_1 = require("./hooks");
-const CascadingContext = (0, react_1.createContext)({
-    parentPopupState: undefined,
-    rootPopupState: undefined,
-});
-function HelpIconButton({ helpText }) {
-    const [helpDialogOpen, setHelpDialogOpen] = (0, react_1.useState)(false);
-    const handleHelpClick = (event) => {
-        event.stopPropagation();
-        setHelpDialogOpen(true);
-    };
-    const handleClose = (event) => {
-        event.stopPropagation();
-        setHelpDialogOpen(false);
-    };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "small", onClick: handleHelpClick, style: { marginLeft: 4, padding: 4 }, children: (0, jsx_runtime_1.jsx)(HelpOutline_1.default, { fontSize: "small" }) }), (0, jsx_runtime_1.jsx)(Dialog_1.default, { open: helpDialogOpen, onClose: handleClose, title: "Help", onClick: e => {
-                    e.stopPropagation();
-                }, children: (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: helpText }) })] }));
-}
-function HelpIconSpacer() {
-    return (0, jsx_runtime_1.jsx)("div", { style: { marginLeft: 4, padding: 4, width: 28, height: 28 } });
-}
-function CascadingMenuItem({ onClick, closeAfterItemClick, children, ...props }) {
-    const { rootPopupState, parentPopupState } = (0, react_1.useContext)(CascadingContext);
-    if (!rootPopupState) {
-        throw new Error('must be used inside a CascadingMenu');
-    }
-    return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { ...props, onClick: event => {
-            if (closeAfterItemClick) {
-                rootPopupState.close();
-            }
-            onClick === null || onClick === void 0 ? void 0 : onClick(event);
-        }, onMouseOver: () => {
-            if (parentPopupState === null || parentPopupState === void 0 ? void 0 : parentPopupState.childHandle) {
-                parentPopupState.childHandle.close();
-                parentPopupState.setChildHandle(undefined);
-            }
-        }, children: children }));
-}
-function CascadingSubmenu({ title, Icon, inset, ...props }) {
-    const { parentPopupState } = (0, react_1.useContext)(CascadingContext);
-    const popupState = (0, hooks_1.usePopupState)({
-        parentPopupState,
-    });
-    const { onMouseOver: originalOnMouseOver, ...hoverProps } = (0, hooks_1.bindHover)(popupState);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.MenuItem, { ...(0, hooks_1.bindFocus)(popupState), ...hoverProps, onMouseOver: event => {
-                    if (parentPopupState === null || parentPopupState === void 0 ? void 0 : parentPopupState.childHandle) {
-                        parentPopupState.childHandle.close();
-                        parentPopupState.setChildHandle(undefined);
-                    }
-                    originalOnMouseOver(event);
-                }, children: [Icon ? ((0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(Icon, {}) })) : null, (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: title, inset: inset }), (0, jsx_runtime_1.jsx)(ChevronRight_1.default, {})] }), (0, jsx_runtime_1.jsx)(CascadingSubmenuHover, { ...props, anchorOrigin: { vertical: 'top', horizontal: 'right' }, transformOrigin: { vertical: 'top', horizontal: 'left' }, popupState: popupState })] }));
-}
-function CascadingSubmenuHover({ popupState, onMenuItemClick, menuItems, classes, ...props }) {
-    const { rootPopupState } = (0, react_1.useContext)(CascadingContext);
-    const context = (0, react_1.useMemo)(() => ({
-        rootPopupState: rootPopupState || popupState,
-        parentPopupState: popupState,
-    }), [rootPopupState, popupState]);
-    return ((0, jsx_runtime_1.jsx)(CascadingContext.Provider, { value: context, children: (0, jsx_runtime_1.jsx)(HoverMenu_1.default, { ...props, ...(0, hooks_1.bindMenu)(popupState) }) }));
-}
-function CascadingMenu({ popupState, onMenuItemClick, menuItems, ...props }) {
-    const { rootPopupState } = (0, react_1.useContext)(CascadingContext);
-    const context = (0, react_1.useMemo)(() => ({
-        rootPopupState: rootPopupState || popupState,
-        parentPopupState: popupState,
-    }), [rootPopupState, popupState]);
-    return ((0, jsx_runtime_1.jsx)(CascadingContext.Provider, { value: context, children: (0, jsx_runtime_1.jsx)(material_1.Menu, { ...props, ...(0, hooks_1.bindMenu)(popupState) }) }));
-}
-function EndDecoration({ item }) {
-    if ('subMenu' in item) {
-        return (0, jsx_runtime_1.jsx)(Menu_1.MenuItemEndDecoration, { type: "subMenu" });
-    }
-    else if (item.type === 'checkbox' || item.type === 'radio') {
-        return ((0, jsx_runtime_1.jsx)(Menu_1.MenuItemEndDecoration, { type: item.type, checked: item.checked, disabled: item.disabled }));
-    }
-    return null;
-}
-function CascadingMenuList({ onMenuItemClick, closeAfterItemClick, menuItems, ...props }) {
-    const hasIcon = menuItems.some(m => 'icon' in m && m.icon);
-    const hasCheckboxOrRadioWithHelp = menuItems.some(m => (m.type === 'checkbox' || m.type === 'radio') &&
-        'helpText' in m &&
-        m.helpText);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: menuItems
-            .toSorted((a, b) => (b.priority || 0) - (a.priority || 0))
-            .map((item, idx) => {
-            return 'subMenu' in item ? ((0, jsx_runtime_1.jsx)(CascadingSubmenu, { title: item.label, Icon: item.icon, inset: hasIcon && !item.icon, onMenuItemClick: onMenuItemClick, menuItems: item.subMenu, children: (0, jsx_runtime_1.jsx)(CascadingMenuList, { ...props, closeAfterItemClick: closeAfterItemClick, onMenuItemClick: onMenuItemClick, menuItems: item.subMenu }) }, `subMenu-${item.label}-${idx}`)) : item.type === 'divider' ? ((0, jsx_runtime_1.jsx)(material_1.Divider, { component: "li" }, `divider-${JSON.stringify(item)}-${idx}`)) : item.type === 'subHeader' ? ((0, jsx_runtime_1.jsx)(material_1.ListSubheader, { children: item.label }, `subHeader-${item.label}-${idx}`)) : ((0, jsx_runtime_1.jsxs)(CascadingMenuItem, { closeAfterItemClick: closeAfterItemClick, onClick: 'onClick' in item
-                    ? event => {
-                        onMenuItemClick(event, item.onClick);
-                    }
-                    : undefined, disabled: Boolean(item.disabled), children: [item.icon ? ((0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(item.icon, {}) })) : null, ' ', (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: item.label, secondary: item.subLabel, inset: hasIcon && !item.icon }), (0, jsx_runtime_1.jsx)(CascadingSpacer, {}), (0, jsx_runtime_1.jsx)(EndDecoration, { item: item }), item.type === 'checkbox' || item.type === 'radio' ? ('helpText' in item && item.helpText ? ((0, jsx_runtime_1.jsx)(HelpIconButton, { helpText: item.helpText })) : hasCheckboxOrRadioWithHelp ? ((0, jsx_runtime_1.jsx)(HelpIconSpacer, {})) : null) : 'helpText' in item && item.helpText ? ((0, jsx_runtime_1.jsx)(HelpIconButton, { helpText: item.helpText })) : null] }, `${item.label}-${idx}`));
-        }) }));
-}
-function CascadingSpacer() {
-    return (0, jsx_runtime_1.jsx)("div", { style: { flexGrow: 1, minWidth: 10 } });
-}
-function CascadingMenuChildren(props) {
-    const { closeAfterItemClick = true, ...rest } = props;
-    return ((0, jsx_runtime_1.jsx)(CascadingMenu, { ...rest, children: (0, jsx_runtime_1.jsx)(CascadingMenuList, { ...rest, closeAfterItemClick: closeAfterItemClick }) }));
-}
-exports.default = CascadingMenuChildren;

package/ui/CascadingMenuButton.d.ts

@@ -1,11 +0,0 @@
-import type { MenuItem } from '@jbrowse/core/ui';
-declare const CascadingMenuButton: ({ children, menuItems, closeAfterItemClick, stopPropagation, setOpen, onClick: onClickExtra, ...rest }: {
-    children?: React.ReactElement;
-    menuItems: MenuItem[];
-    closeAfterItemClick?: boolean;
-    stopPropagation?: boolean;
-    onClick?: () => void;
-    setOpen?: (arg: boolean) => void;
-    [key: string]: unknown;
-}) => import("react/jsx-runtime").JSX.Element;
-export default CascadingMenuButton;

package/ui/CascadingMenuButton.js

@@ -1,29 +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 CascadingMenu_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenu"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const hooks_1 = require("./hooks");
-const CascadingMenuButton = (0, mobx_react_1.observer)(function CascadingMenuButton({ children, menuItems, closeAfterItemClick = true, stopPropagation, setOpen, onClick: onClickExtra, ...rest }) {
-    const popupState = (0, hooks_1.usePopupState)();
-    const { onClick, ...rest2 } = (0, hooks_1.bindTrigger)(popupState);
-    const { isOpen } = popupState;
-    (0, react_1.useEffect)(() => {
-        setOpen === null || setOpen === void 0 ? void 0 : setOpen(isOpen);
-    }, [isOpen, setOpen]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: event => {
-                    if (stopPropagation) {
-                        event.stopPropagation();
-                    }
-                    onClick(event);
-                    onClickExtra === null || onClickExtra === void 0 ? void 0 : onClickExtra();
-                }, ...rest2, ...rest, disabled: menuItems.length === 0, children: children }), (0, jsx_runtime_1.jsx)(CascadingMenu_1.default, { ...(0, hooks_1.bindPopover)(popupState), onMenuItemClick: (_, callback) => {
-                    callback();
-                }, menuItems: menuItems, closeAfterItemClick: closeAfterItemClick, popupState: popupState })] }));
-});
-exports.default = CascadingMenuButton;

package/ui/ColorPicker.js

@@ -1,101 +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 });
-exports.PopoverPicker = void 0;
-exports.ColorPopover = ColorPopover;
-exports.ColorPicker = ColorPicker;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colord_1 = require("@jbrowse/core/util/colord");
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const paletteColors = __importStar(require("./colors"));
-const util_1 = require("../util");
-const react_colorful_1 = require("./react-colorful");
-const useStyles = (0, mui_1.makeStyles)()({
-    picker: { position: 'relative' },
-    swatches: {
-        display: 'flex',
-        padding: 12,
-        flexWrap: 'wrap',
-    },
-    swatch: {
-        width: 24,
-        height: 24,
-        margin: 4,
-        border: 'none',
-        padding: 0,
-        cursor: 'pointer',
-        outline: 'none',
-    },
-});
-const PopoverPicker = ({ color, onChange, }) => {
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    const { classes } = useStyles();
-    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.picker, children: [(0, jsx_runtime_1.jsx)("div", { className: classes.swatch, style: { backgroundColor: color }, onClick: event => {
-                    setAnchorEl(event.currentTarget);
-                } }), (0, jsx_runtime_1.jsx)(ColorPopover, { anchorEl: anchorEl, onClose: () => {
-                    setAnchorEl(null);
-                }, color: color, onChange: onChange })] }));
-};
-exports.PopoverPicker = PopoverPicker;
-function ColorPopover({ anchorEl, onChange, onClose, color, }) {
-    return ((0, jsx_runtime_1.jsx)(material_1.Popover, { open: !!anchorEl, anchorEl: anchorEl, onClose: onClose, children: (0, jsx_runtime_1.jsx)(ColorPicker, { color: color, onChange: onChange }) }));
-}
-function ColorPicker({ onChange, color, }) {
-    const { classes } = useStyles();
-    const [val, setVal] = (0, util_1.useLocalStorage)('colorPickerPalette', 'set1');
-    const presetColors = paletteColors[val];
-    const palettes = Object.keys(paletteColors);
-    const [text, setText] = (0, react_1.useState)(color);
-    const rgb = (0, colord_1.colord)(color).toRgbString();
-    const rgbDebounced = (0, util_1.useDebounce)(rgb, 1000);
-    const handleChange = (val) => {
-        setText(val);
-        try {
-            onChange((0, colord_1.colord)(val).toRgbString());
-        }
-        catch (e) { }
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', padding: 10 }, children: [(0, jsx_runtime_1.jsx)("div", { style: { width: 200, margin: 5 }, children: (0, jsx_runtime_1.jsx)(react_colorful_1.RgbaStringColorPicker, { color: rgbDebounced, onChange: handleChange }) }), (0, jsx_runtime_1.jsxs)("div", { style: { width: 200, margin: 5 }, children: [(0, jsx_runtime_1.jsx)(material_1.Select, { value: val, onChange: event => {
-                            const pal = event.target.value;
-                            setVal(pal);
-                        }, children: palettes.map(p => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: p, children: p }, p))) }), (0, jsx_runtime_1.jsx)("div", { className: classes.swatches, children: presetColors.map((presetColor, idx) => ((0, jsx_runtime_1.jsx)("button", { type: "button", className: classes.swatch, style: { background: presetColor }, onClick: () => {
-                                handleChange(presetColor);
-                            } }, `${presetColor}-${idx}`))) }), (0, jsx_runtime_1.jsx)(material_1.TextField, { helperText: 'Manually set color (hex, rgb, or css color name)', value: text, onChange: event => {
-                            handleChange(event.target.value);
-                        } })] })] }));
-}
-exports.default = exports.PopoverPicker;

package/ui/ConfirmDialog.js

@@ -1,18 +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 material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const Dialog_1 = __importDefault(require("./Dialog"));
-const ConfirmDialog = (0, mobx_react_1.observer)(function (props) {
-    const { onSubmit, onCancel, cancelText = 'Cancel', submitText = 'OK', children, } = props;
-    return ((0, jsx_runtime_1.jsxs)(Dialog_1.default, { onClose: onCancel, ...props, children: [(0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: children }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { color: "secondary", variant: "contained", onClick: () => {
-                            onCancel();
-                        }, children: cancelText }), (0, jsx_runtime_1.jsx)(material_1.Button, { color: "primary", variant: "contained", onClick: () => {
-                            onSubmit();
-                        }, children: submitText })] })] }));
-});
-exports.default = ConfirmDialog;

package/ui/DataGridFlexContainer.d.ts

@@ -1,3 +0,0 @@
-export default function DataGridFlexContainer({ children, }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;

package/ui/DataGridFlexContainer.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = DataGridFlexContainer;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()({
-    flexContainer: {
-        display: 'flex',
-        flexDirection: 'column',
-    },
-});
-function DataGridFlexContainer({ children, }) {
-    const { classes } = useStyles();
-    return (0, jsx_runtime_1.jsx)("div", { className: classes.flexContainer, children: children });
-}

package/ui/Dialog.d.ts

@@ -1,7 +0,0 @@
-import type { DialogProps } from '@mui/material';
-interface Props extends DialogProps {
-    header?: React.ReactNode;
-    titleNode?: React.ReactNode;
-}
-declare const Dialog: (props: Props) => import("react/jsx-runtime").JSX.Element;
-export default Dialog;

package/ui/Dialog.js

@@ -1,50 +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 ErrorBoundary_1 = require("@jbrowse/core/ui/ErrorBoundary");
-const Close_1 = __importDefault(require("@mui/icons-material/Close"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const ErrorMessage_1 = __importDefault(require("./ErrorMessage"));
-const SanitizedHTML_1 = __importDefault(require("./SanitizedHTML"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    closeButton: {
-        position: 'absolute',
-        right: theme.spacing(1),
-        top: theme.spacing(1),
-        color: theme.palette.grey[500],
-    },
-    errorBox: {
-        width: 800,
-        margin: 40,
-    },
-}));
-function DialogError({ error }) {
-    const { classes } = useStyles();
-    return ((0, jsx_runtime_1.jsx)("div", { className: classes.errorBox, children: (0, jsx_runtime_1.jsx)(ErrorMessage_1.default, { error: error }) }));
-}
-const Dialog = (0, mobx_react_1.observer)(function (props) {
-    const { classes } = useStyles();
-    const { titleNode, ...rest } = props;
-    const { title, header, children, onClose } = rest;
-    const theme = (0, material_1.useTheme)();
-    return ((0, jsx_runtime_1.jsx)(material_1.Dialog, { ...rest, children: (0, jsx_runtime_1.jsxs)(material_1.ScopedCssBaseline, { children: [(0, react_1.isValidElement)(header) ? (header) : ((0, jsx_runtime_1.jsxs)(material_1.DialogTitle, { children: [titleNode || (0, jsx_runtime_1.jsx)(SanitizedHTML_1.default, { html: title || '' }), onClose ? ((0, jsx_runtime_1.jsx)(material_1.IconButton, { className: classes.closeButton, onClick: () => {
-                                onClose();
-                            }, children: (0, jsx_runtime_1.jsx)(Close_1.default, {}) })) : null] })), (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { FallbackComponent: DialogError, children: (0, jsx_runtime_1.jsx)(material_1.ThemeProvider, { theme: (0, material_1.createTheme)(theme, {
-                            components: {
-                                MuiInputBase: {
-                                    styleOverrides: {
-                                        input: {
-                                            boxSizing: 'content-box!important',
-                                        },
-                                    },
-                                },
-                            },
-                        }), children: children }) })] }) }));
-});
-exports.default = Dialog;

package/ui/DraggableDialog.js

@@ -1,32 +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 Close_1 = __importDefault(require("@mui/icons-material/Close"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const react_draggable_1 = __importDefault(require("react-draggable"));
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    closeButton: {
-        position: 'absolute',
-        right: theme.spacing(1),
-        top: theme.spacing(1),
-        color: theme.palette.grey[500],
-    },
-}));
-function PaperComponent(props) {
-    const ref = (0, react_1.useRef)(null);
-    return ((0, jsx_runtime_1.jsx)(react_draggable_1.default, { nodeRef: ref, cancel: '[class*="MuiDialogContent-root"]', onStart: arg => { var _a; return `${(_a = arg.target) === null || _a === void 0 ? void 0 : _a.className}`.includes('MuiDialogTitle'); }, children: (0, jsx_runtime_1.jsx)(material_1.Paper, { ref: ref, ...props }) }));
-}
-const DraggableDialog = (0, mobx_react_1.observer)(function DraggableDialog(props) {
-    const { classes } = useStyles();
-    const { title, children, onClose } = props;
-    return ((0, jsx_runtime_1.jsx)(material_1.Dialog, { ...props, PaperComponent: PaperComponent, children: (0, jsx_runtime_1.jsxs)(material_1.ScopedCssBaseline, { children: [(0, jsx_runtime_1.jsxs)(material_1.DialogTitle, { style: { cursor: 'move' }, children: [title, onClose ? ((0, jsx_runtime_1.jsx)(material_1.IconButton, { className: classes.closeButton, onClick: () => {
-                                onClose();
-                            }, children: (0, jsx_runtime_1.jsx)(Close_1.default, {}) })) : null] }), (0, jsx_runtime_1.jsx)(material_1.Divider, {}), children] }) }));
-});
-exports.default = DraggableDialog;

package/ui/DropDownMenu.d.ts

@@ -1,8 +0,0 @@
-import type { MenuItem } from './Menu';
-import type { AbstractSessionModel } from '../util';
-declare const DropDownMenu: ({ menuTitle, session, menuItems, }: {
-    menuTitle: string;
-    session: AbstractSessionModel;
-    menuItems: MenuItem[] | (() => MenuItem[]);
-}) => import("react/jsx-runtime").JSX.Element;
-export default DropDownMenu;

package/ui/DropDownMenu.js

@@ -1,37 +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 mui_1 = require("tss-react/mui");
-const Menu_1 = __importDefault(require("./Menu"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    buttonRoot: {
-        '&:hover': {
-            backgroundColor: (0, material_1.alpha)(theme.palette.primary.contrastText, theme.palette.action.hoverOpacity),
-            '@media (hover: none)': {
-                backgroundColor: 'transparent',
-            },
-        },
-    },
-}));
-const DropDownMenu = (0, mobx_react_1.observer)(function ({ menuTitle, session, menuItems, }) {
-    const [open, setOpen] = (0, react_1.useState)(false);
-    const anchorEl = (0, react_1.useRef)(null);
-    const { classes } = useStyles();
-    function handleClose() {
-        setOpen(false);
-    }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Button, { ref: anchorEl, color: "inherit", "data-testid": "dropDownMenuButton", classes: { root: classes.buttonRoot }, onClick: () => {
-                    setOpen(!open);
-                }, children: [menuTitle, (0, jsx_runtime_1.jsx)(ArrowDropDown_1.default, {})] }), open ? ((0, jsx_runtime_1.jsx)(Menu_1.default, { open: true, anchorEl: anchorEl.current, anchorOrigin: { vertical: 'bottom', horizontal: 'left' }, onClose: handleClose, menuItems: typeof menuItems === 'function' ? menuItems() : menuItems, onMenuItemClick: (_event, callback) => {
-                    callback(session);
-                    handleClose();
-                } })) : null] }));
-});
-exports.default = DropDownMenu;