@jbrowse/plugin-circular-view 3.7.0 → 4.0.0

package/dist/BaseChordDisplay/model.d.ts

@@ -1,109 +0,0 @@
-import type { ExportSvgOptions } from '../CircularView/model';
-import type { AnyReactComponentType, Feature } from '@jbrowse/core/util';
-import type { ThemeOptions } from '@mui/material';
-export declare const BaseChordDisplayModel: import("mobx-state-tree").IModelType<{
-    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-    type: import("mobx-state-tree").ISimpleType<string>;
-    rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-} & {
-    bezierRadiusRatio: import("mobx-state-tree").IType<number | undefined, number, number>;
-    assemblyName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-    configuration: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-        onChordClick: {
-            type: string;
-            description: string;
-            defaultValue: boolean;
-            contextVariable: string[];
-        };
-    }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
-}, {
-    rendererTypeName: string;
-    error: unknown;
-    message: string | undefined;
-} & {
-    readonly RenderingComponent: React.FC<{
-        model: {
-            id: string;
-            type: string;
-            rpcDriverName: string | undefined;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            rendererTypeName: string;
-            error: unknown;
-            message: string | undefined;
-        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            type: import("mobx-state-tree").ISimpleType<string>;
-            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-        }, {
-            rendererTypeName: string;
-            error: unknown;
-            message: string | undefined;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-        onHorizontalScroll?: () => void;
-        blockState?: Record<string, any>;
-    }>;
-    readonly DisplayBlurb: React.FC<{
-        model: {
-            id: string;
-            type: string;
-            rpcDriverName: string | undefined;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            rendererTypeName: string;
-            error: unknown;
-            message: string | undefined;
-        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            type: import("mobx-state-tree").ISimpleType<string>;
-            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-        }, {
-            rendererTypeName: string;
-            error: unknown;
-            message: string | undefined;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-    }> | null;
-    readonly adapterConfig: any;
-    readonly parentTrack: any;
-    renderProps(): any;
-    readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
-    readonly DisplayMessageComponent: undefined | React.FC<any>;
-    trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
-    readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
-    regionCannotBeRendered(): null;
-} & {
-    setMessage(arg?: string): void;
-    setError(error?: unknown): void;
-    setRpcDriverName(rpcDriverName: string): void;
-    reload(): void;
-} & {
-    filled: boolean;
-    reactElement: React.ReactElement | undefined;
-    data: undefined;
-    html: string | undefined;
-    message: string;
-    renderingComponent: undefined | AnyReactComponentType;
-    refNameMap: Record<string, string> | undefined;
-} & {
-    onChordClick(feature: Feature): void;
-} & {
-    readonly blockDefinitions: import("../CircularView/slices").Slice[];
-    renderProps(): any;
-    readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType | undefined;
-    readonly selectedFeatureId: string | undefined;
-} & {
-    renderStarted(): void;
-    renderSuccess({ message, data, reactElement, html, renderingComponent, }: {
-        message?: string;
-        data?: any;
-        html?: string;
-        reactElement?: React.ReactElement;
-        renderingComponent?: AnyReactComponentType;
-    }): void;
-    renderError(error: unknown): void;
-    setRefNameMap(refNameMap: Record<string, string>): void;
-} & {
-    afterAttach(): void;
-} & {
-    renderSvg(opts: ExportSvgOptions & {
-        theme?: ThemeOptions;
-    }): Promise<import("react/jsx-runtime").JSX.Element>;
-}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;

package/dist/BaseChordDisplay/model.js

@@ -1,166 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseChordDisplayModel = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const configuration_1 = require("@jbrowse/core/configuration");
-const models_1 = require("@jbrowse/core/pluggableElementTypes/models");
-const util_1 = require("@jbrowse/core/util");
-const tracks_1 = require("@jbrowse/core/util/tracks");
-const mobx_state_tree_1 = require("mobx-state-tree");
-const configSchema_1 = require("./configSchema");
-const renderReaction_1 = require("./renderReaction");
-function x() { }
-exports.BaseChordDisplayModel = mobx_state_tree_1.types
-    .compose('BaseChordDisplay', models_1.BaseDisplay, mobx_state_tree_1.types.model({
-    bezierRadiusRatio: 0.1,
-    assemblyName: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
-    configuration: (0, configuration_1.ConfigurationReference)(configSchema_1.baseChordDisplayConfig),
-}))
-    .volatile(() => ({
-    filled: false,
-    reactElement: undefined,
-    data: undefined,
-    html: undefined,
-    message: '',
-    renderingComponent: undefined,
-    refNameMap: undefined,
-}))
-    .actions(self => {
-    const { pluginManager } = (0, util_1.getEnv)(self);
-    const track = self;
-    return {
-        onChordClick(feature) {
-            (0, configuration_1.getConf)(self, 'onChordClick', { feature, track, pluginManager });
-        },
-    };
-})
-    .views(self => ({
-    get blockDefinitions() {
-        const view = (0, util_1.getContainingView)(self);
-        const origSlices = view.staticSlices;
-        if (!self.refNameMap) {
-            return origSlices;
-        }
-        const slices = structuredClone(origSlices);
-        for (const slice of slices) {
-            const regions = slice.region.elided
-                ? slice.region.regions
-                : [slice.region];
-            for (const region of regions) {
-                const renamed = self.refNameMap[region.refName];
-                if (renamed && region.refName !== renamed) {
-                    region.refName = renamed;
-                }
-            }
-        }
-        return slices;
-    },
-    renderProps() {
-        const view = (0, util_1.getContainingView)(self);
-        return {
-            ...(0, tracks_1.getParentRenderProps)(self),
-            rpcDriverName: self.rpcDriverName,
-            bezierRadius: view.radiusPx * self.bezierRadiusRatio,
-            radius: view.radiusPx,
-            blockDefinitions: this.blockDefinitions,
-            onChordClick: self.onChordClick,
-        };
-    },
-    get rendererType() {
-        return (0, util_1.getEnv)(self).pluginManager.getRendererType(self.rendererTypeName);
-    },
-    get selectedFeatureId() {
-        if (!(0, mobx_state_tree_1.isAlive)(self)) {
-            return undefined;
-        }
-        const { selection } = (0, util_1.getSession)(self);
-        return (0, util_1.isFeature)(selection) ? selection.id() : undefined;
-    },
-}))
-    .actions(self => ({
-    renderStarted() {
-        self.filled = false;
-        self.message = '';
-        self.reactElement = undefined;
-        self.data = undefined;
-        self.html = undefined;
-        self.error = undefined;
-        self.renderingComponent = undefined;
-    },
-    renderSuccess({ message, data, reactElement, html, renderingComponent, }) {
-        if (message) {
-            self.filled = false;
-            self.message = message;
-            self.reactElement = undefined;
-            self.data = undefined;
-            self.html = undefined;
-            self.error = undefined;
-            self.renderingComponent = undefined;
-        }
-        else {
-            self.filled = true;
-            self.message = '';
-            self.reactElement = reactElement;
-            self.data = data;
-            self.html = html;
-            self.error = undefined;
-            self.renderingComponent = renderingComponent;
-        }
-    },
-    renderError(error) {
-        console.error(error);
-        self.filled = false;
-        self.message = '';
-        self.reactElement = undefined;
-        self.html = undefined;
-        self.data = undefined;
-        self.error = error;
-        self.renderingComponent = undefined;
-    },
-    setRefNameMap(refNameMap) {
-        self.refNameMap = refNameMap;
-    },
-}))
-    .actions(self => ({
-    afterAttach() {
-        (0, util_1.makeAbortableReaction)(self, renderReaction_1.renderReactionData, renderReaction_1.renderReactionEffect, {
-            name: `${self.type} ${self.id} rendering`,
-            fireImmediately: true,
-        }, self.renderStarted, self.renderSuccess, self.renderError);
-        (0, util_1.makeAbortableReaction)(self, () => {
-            return {
-                assemblyNames: (0, tracks_1.getTrackAssemblyNames)(self.parentTrack),
-                adapter: (0, configuration_1.getConf)((0, mobx_state_tree_1.getParent)(self, 2), 'adapter'),
-                assemblyManager: (0, util_1.getSession)(self).assemblyManager,
-            };
-        }, async (args, stopToken) => {
-            return args
-                ? args.assemblyManager.getRefNameMapForAdapter(args.adapter, args.assemblyNames[0], {
-                    stopToken,
-                    sessionId: (0, tracks_1.getRpcSessionId)(self),
-                })
-                : undefined;
-        }, {
-            name: `${self.type} ${self.id} getting refNames`,
-            fireImmediately: true,
-        }, () => { }, refNameMap => {
-            if (refNameMap) {
-                self.setRefNameMap(refNameMap);
-            }
-        }, error => {
-            console.error(error);
-            self.setError(error);
-        });
-    },
-}))
-    .views(self => ({
-    async renderSvg(opts) {
-        const data = (0, renderReaction_1.renderReactionData)(self);
-        const rendering = await (0, renderReaction_1.renderReactionEffect)({
-            ...data,
-            exportSVG: opts,
-            theme: opts.theme || data.renderProps.theme,
-        });
-        return (0, jsx_runtime_1.jsx)(util_1.ReactRendering, { rendering: rendering });
-    },
-}));

package/dist/BaseChordDisplay/renderReaction.d.ts

@@ -1,27 +0,0 @@
-export declare function renderReactionData(self: any): {
-    rendererType: any;
-    rpcManager: import("@jbrowse/core/rpc/RpcManager").default;
-    renderProps: any;
-    renderArgs: {
-        assemblyName: string;
-        adapterConfig: any;
-        rendererType: any;
-        regions: import("@jbrowse/core/util").Region[] & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[]>, [undefined]>>;
-        blockDefinitions: any;
-        sessionId: string;
-        timeout: number;
-    };
-};
-export declare function renderReactionEffect(props?: any, stopToken?: string): Promise<{
-    message: any;
-    html?: undefined;
-    data?: undefined;
-    reactElement?: undefined;
-    renderingComponent?: undefined;
-} | {
-    html: any;
-    data: any;
-    reactElement: any;
-    renderingComponent: any;
-    message?: undefined;
-}>;

package/dist/BaseChordDisplay/renderReaction.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderReactionData = renderReactionData;
-exports.renderReactionEffect = renderReactionEffect;
-const util_1 = require("@jbrowse/core/util");
-const tracks_1 = require("@jbrowse/core/util/tracks");
-function renderReactionData(self) {
-    const view = (0, util_1.getContainingView)(self);
-    const { rendererType } = self;
-    const { rpcManager } = (0, util_1.getSession)(view);
-    return {
-        rendererType,
-        rpcManager,
-        renderProps: self.renderProps(),
-        renderArgs: {
-            assemblyName: view.displayedRegions[0].assemblyName,
-            adapterConfig: structuredClone(self.adapterConfig),
-            rendererType: rendererType.name,
-            regions: structuredClone(view.displayedRegions),
-            blockDefinitions: self.blockDefinitions,
-            sessionId: (0, tracks_1.getRpcSessionId)(self),
-            timeout: 1000000,
-        },
-    };
-}
-async function renderReactionEffect(props, stopToken) {
-    var _a;
-    if (!props) {
-        throw new Error('cannot render with no props');
-    }
-    const { rendererType, rpcManager, cannotBeRenderedReason, renderArgs, renderProps, exportSVG, } = props;
-    if (cannotBeRenderedReason) {
-        return { message: cannotBeRenderedReason };
-    }
-    if (!renderProps.radius || !((_a = renderArgs.regions) === null || _a === void 0 ? void 0 : _a.length)) {
-        return { message: 'Skipping render' };
-    }
-    const { html, ...data } = await rendererType.renderInClient(rpcManager, {
-        ...renderArgs,
-        ...renderProps,
-        exportSVG,
-        stopToken,
-    });
-    return {
-        html,
-        data,
-        reactElement: data.reactElement,
-        renderingComponent: rendererType.ReactComponent,
-    };
-}

package/dist/CircularView/components/CircularView.d.ts

@@ -1,5 +0,0 @@
-import type { CircularViewModel } from '../model';
-declare const CircularView: ({ model }: {
-    model: CircularViewModel;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default CircularView;

package/dist/CircularView/components/CircularView.js

@@ -1,60 +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 ui_1 = require("@jbrowse/core/ui");
-const util_1 = require("@jbrowse/core/util");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const Controls_1 = __importDefault(require("./Controls"));
-const ImportForm_1 = __importDefault(require("./ImportForm"));
-const Ruler_1 = __importDefault(require("./Ruler"));
-const dragHandleHeight = 3;
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    root: {
-        position: 'relative',
-        marginBottom: theme.spacing(1),
-        overflow: 'hidden',
-    },
-    scroller: {
-        overflow: 'auto',
-    },
-}));
-const Slices = (0, mobx_react_1.observer)(({ model }) => {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [model.staticSlices.map(slice => ((0, jsx_runtime_1.jsx)(Ruler_1.default, { model: model, slice: slice }, (0, util_1.assembleLocString)(slice.region.elided ? slice.region.regions[0] : slice.region)))), model.tracks.map(track => {
-                const display = track.displays[0];
-                return ((0, jsx_runtime_1.jsx)(display.RenderingComponent, { display: display, view: model }, display.id));
-            })] }));
-});
-const CircularView = (0, mobx_react_1.observer)(({ model }) => {
-    const initialized = !!model.displayedRegions.length &&
-        !!model.figureWidth &&
-        !!model.figureHeight &&
-        model.initialized;
-    const showImportForm = !initialized && !model.disableImportForm;
-    const showFigure = initialized && !showImportForm;
-    return showImportForm || model.error ? ((0, jsx_runtime_1.jsx)(ImportForm_1.default, { model: model })) : showFigure ? ((0, jsx_runtime_1.jsx)(CircularViewLoaded, { model: model })) : null;
-});
-const CircularViewLoaded = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { width, height, id, offsetRadians, centerXY, figureWidth, figureHeight, hideVerticalResizeHandle, } = model;
-    const { classes } = useStyles();
-    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.root, style: { width, height }, "data-testid": id, children: [(0, jsx_runtime_1.jsx)("div", { className: classes.scroller, style: { width, height }, children: (0, jsx_runtime_1.jsx)("svg", { style: {
-                        transform: `rotate(${offsetRadians}rad)`,
-                        transition: 'transform 0.5s',
-                        transformOrigin: centerXY.map(x => `${x}px`).join(' '),
-                        position: 'absolute',
-                        left: 0,
-                        top: 0,
-                    }, width: figureWidth, height: figureHeight, children: (0, jsx_runtime_1.jsx)("g", { transform: `translate(${centerXY})`, children: (0, jsx_runtime_1.jsx)(Slices, { model: model }) }) }) }), (0, jsx_runtime_1.jsx)(Controls_1.default, { model: model }), hideVerticalResizeHandle ? null : ((0, jsx_runtime_1.jsx)(ui_1.ResizeHandle, { onDrag: model.resizeHeight, style: {
-                    height: dragHandleHeight,
-                    position: 'absolute',
-                    bottom: 0,
-                    left: 0,
-                    background: '#ccc',
-                    boxSizing: 'border-box',
-                    borderTop: '1px solid #fafafa',
-                } }))] }));
-});
-exports.default = CircularView;

package/dist/CircularView/components/Controls.d.ts

@@ -1,5 +0,0 @@
-import type { CircularViewModel } from '../model';
-declare const Controls: ({ model }: {
-    model: CircularViewModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default Controls;

package/dist/CircularView/components/Controls.js

@@ -1,57 +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 Icons_1 = require("@jbrowse/core/ui/Icons");
-const Menu_1 = __importDefault(require("@jbrowse/core/ui/Menu"));
-const util_1 = require("@jbrowse/core/util");
-const Lock_1 = __importDefault(require("@mui/icons-material/Lock"));
-const LockOpen_1 = __importDefault(require("@mui/icons-material/LockOpen"));
-const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
-const PhotoCamera_1 = __importDefault(require("@mui/icons-material/PhotoCamera"));
-const RotateLeft_1 = __importDefault(require("@mui/icons-material/RotateLeft"));
-const RotateRight_1 = __importDefault(require("@mui/icons-material/RotateRight"));
-const ZoomIn_1 = __importDefault(require("@mui/icons-material/ZoomIn"));
-const ZoomOut_1 = __importDefault(require("@mui/icons-material/ZoomOut"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const ExportSvgDialog_1 = __importDefault(require("./ExportSvgDialog"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    controls: {
-        position: 'absolute',
-        borderRight: `1px solid ${theme.palette.divider}`,
-        borderBottom: `1px solid ${theme.palette.divider}`,
-        left: 0,
-        top: 0,
-    },
-}));
-const Controls = (0, mobx_react_1.observer)(function ({ model }) {
-    const { classes } = useStyles();
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.controls, children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: model.zoomOutButton, title: model.lockedFitToWindow ? 'unlock to zoom out' : 'zoom out', disabled: model.atMaxBpPerPx || model.lockedFitToWindow, children: (0, jsx_runtime_1.jsx)(ZoomOut_1.default, {}) }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: model.zoomInButton, disabled: model.atMinBpPerPx, title: "zoom in", children: (0, jsx_runtime_1.jsx)(ZoomIn_1.default, {}) }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: model.rotateCounterClockwiseButton, title: "rotate counter-clockwise", children: (0, jsx_runtime_1.jsx)(RotateLeft_1.default, {}) }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: model.rotateClockwiseButton, title: "rotate clockwise", children: (0, jsx_runtime_1.jsx)(RotateRight_1.default, {}) }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: model.toggleFitToWindowLock, title: model.lockedFitToWindow
-                    ? 'locked model to window size'
-                    : 'unlocked model to zoom further', disabled: model.tooSmallToLock, children: model.lockedFitToWindow ? (0, jsx_runtime_1.jsx)(Lock_1.default, {}) : (0, jsx_runtime_1.jsx)(LockOpen_1.default, {}) }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: event => {
-                    setAnchorEl(event.currentTarget);
-                }, children: (0, jsx_runtime_1.jsx)(MoreVert_1.default, {}) }), model.hideTrackSelectorButton ? null : ((0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: model.activateTrackSelector, title: "Open track selector", "data-testid": "circular_track_select", children: (0, jsx_runtime_1.jsx)(Icons_1.TrackSelector, {}) })), anchorEl ? ((0, jsx_runtime_1.jsx)(Menu_1.default, { anchorEl: anchorEl, menuItems: [
-                    {
-                        label: 'Export SVG',
-                        icon: PhotoCamera_1.default,
-                        onClick: () => {
-                            (0, util_1.getSession)(model).queueDialog(handleClose => [
-                                ExportSvgDialog_1.default,
-                                { model, handleClose },
-                            ]);
-                        },
-                    },
-                ], onMenuItemClick: (_event, callback) => {
-                    callback();
-                    setAnchorEl(null);
-                }, open: Boolean(anchorEl), onClose: () => {
-                    setAnchorEl(null);
-                } })) : null] }));
-});
-exports.default = Controls;

package/dist/CircularView/components/ExportSvgDialog.d.ts

@@ -1,7 +0,0 @@
-import type { ExportSvgOptions } from '../model';
-export default function ExportSvgDialog({ model, handleClose, }: {
-    model: {
-        exportSvg(opts: ExportSvgOptions): Promise<void>;
-    };
-    handleClose: () => void;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/CircularView/components/ExportSvgDialog.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = ExportSvgDialog;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ui_1 = require("@jbrowse/core/ui");
-const util_1 = require("@jbrowse/core/util");
-const material_1 = require("@mui/material");
-function LoadingMessage() {
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 20, style: { marginRight: 20 } }), (0, jsx_runtime_1.jsx)(material_1.Typography, { display: "inline", children: "Creating SVG" })] }));
-}
-function TextField2({ children, ...rest }) {
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(material_1.TextField, { ...rest, children: children }) }));
-}
-function useSvgLocal(key, val) {
-    return (0, util_1.useLocalStorage)(`svg-${key}`, val);
-}
-function ExportSvgDialog({ model, handleClose, }) {
-    const session = (0, util_1.getSession)(model);
-    const offscreenCanvas = typeof OffscreenCanvas !== 'undefined';
-    const [rasterizeLayers, setRasterizeLayers] = (0, react_1.useState)(offscreenCanvas);
-    const [loading, setLoading] = (0, react_1.useState)(false);
-    const [error, setError] = (0, react_1.useState)();
-    const [filename, setFilename] = useSvgLocal('file', 'jbrowse.svg');
-    const [themeName, setThemeName] = useSvgLocal('theme', session.themeName || 'default');
-    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, onClose: handleClose, title: "Export SVG", children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { children: [error ? ((0, jsx_runtime_1.jsx)(ui_1.ErrorMessage, { error: error })) : loading ? ((0, jsx_runtime_1.jsx)(LoadingMessage, {})) : null, (0, jsx_runtime_1.jsx)(TextField2, { helperText: "filename", value: filename, onChange: event => {
-                            setFilename(event.target.value);
-                        } }), session.allThemes ? ((0, jsx_runtime_1.jsx)(TextField2, { select: true, label: "Theme", value: themeName, onChange: event => {
-                            setThemeName(event.target.value);
-                        }, children: Object.entries(session.allThemes()).map(([key, val]) => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: key, children: val.name || '(Unknown name)' }, key))) })) : null, offscreenCanvas ? ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: rasterizeLayers, onChange: () => {
-                                setRasterizeLayers(val => !val);
-                            } }), label: "Rasterize canvas based tracks? File may be much larger if this is turned off" })) : ((0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Note: rasterizing layers not yet supported in this browser, so SVG size may be large" }))] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
-                            handleClose();
-                        }, children: "Cancel" }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", type: "submit", onClick: async () => {
-                            setLoading(true);
-                            setError(undefined);
-                            try {
-                                await model.exportSvg({
-                                    rasterizeLayers,
-                                    filename,
-                                    themeName,
-                                });
-                                handleClose();
-                            }
-                            catch (e) {
-                                console.error(e);
-                                setError(e);
-                            }
-                            finally {
-                                setLoading(false);
-                            }
-                        }, children: "Submit" })] })] }));
-}

package/dist/CircularView/components/ImportForm.d.ts

@@ -1,5 +0,0 @@
-import type { CircularViewModel } from '../model';
-declare const ImportForm: ({ model }: {
-    model: CircularViewModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default ImportForm;

package/dist/CircularView/components/ImportForm.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ui_1 = require("@jbrowse/core/ui");
-const util_1 = require("@jbrowse/core/util");
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    importFormContainer: {
-        padding: theme.spacing(6),
-    },
-}));
-const ImportForm = (0, mobx_react_1.observer)(function ({ model }) {
-    const { classes } = useStyles();
-    const session = (0, util_1.getSession)(model);
-    const { error } = model;
-    const { assemblyNames, assemblyManager } = session;
-    const [selectedAsm, setSelectedAsm] = (0, react_1.useState)(assemblyNames[0]);
-    const assembly = assemblyManager.get(selectedAsm);
-    const assemblyError = assemblyNames.length
-        ? assembly === null || assembly === void 0 ? void 0 : assembly.error
-        : 'No configured assemblies';
-    const regions = (assembly === null || assembly === void 0 ? void 0 : assembly.regions) || [];
-    const err = assemblyError || error;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Container, { className: classes.importFormContainer, children: [err ? ((0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, spacing: 1, justifyContent: "center", alignItems: "center", children: (0, jsx_runtime_1.jsx)(ui_1.ErrorMessage, { error: err }) })) : null, (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, spacing: 1, justifyContent: "center", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(ui_1.AssemblySelector, { onChange: val => {
-                            model.setError(undefined);
-                            setSelectedAsm(val);
-                        }, session: session, selected: selectedAsm }), (0, jsx_runtime_1.jsx)(material_1.Button, { disabled: !regions.length, onClick: () => {
-                            model.setError(undefined);
-                            model.setDisplayedRegions(regions);
-                        }, variant: "contained", color: "primary", children: regions.length || err ? 'Open' : 'Loading...' })] })] }));
-});
-exports.default = ImportForm;

package/dist/CircularView/components/Ruler.d.ts

@@ -1,7 +0,0 @@
-import type { CircularViewModel } from '../model';
-import type { Slice } from '../slices';
-declare const Ruler: ({ model, slice, }: {
-    model: CircularViewModel;
-    slice: Slice;
-}) => import("react/jsx-runtime").JSX.Element;
-export default Ruler;